.sbox{max-width:700px;margin:20px auto;padding:24px 24px 14px 24px;border-radius:.25em;background-color:#f1f1f1;box-shadow:0 .063em .313em 0 rgba(0,0,0,0.07),0 .438em 1.063em 0 rgba(0,0,0,0.1)}.sbox .top{margin-bottom:24px}.sbox .top .switch{height:30px}.sbox .top .switch .slider:before{height:22px;width:22px}.sbox .top .switch input:checked+.slider:before{-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}.sbox .top .search{display:flex;flex-direction:row;background-color:white;border:1px solid #9D54D6;border-radius:5px}.sbox .top .search:focus-within{outline:-webkit-focus-ring-color auto 1px}.sbox .top .search .search-input:focus,.sbox .top .search .search-btn:focus{outline:none}.sbox .top .search .search-input{border:none;border-radius:5px;padding:5px 20px;background-color:transparent;flex-grow:2;font-size:2rem;color:#9D54D6}.sbox .top .search .search-btn{width:fit-content;border:none;padding:5px 20px;background-color:transparent;display:flex;justify-content:center;align-items:center;color:#9D54D6;font-size:2rem}.sbox .box-content .searching-image{max-width:50%;height:auto;margin-top:10px;margin-bottom:10px}.sbox .box-content .hint{color:#9c9c9c}.sbox .box-content .domain-row{display:flex;align-items:center;position:relative;border:none;border:1px solid transparent;border-radius:5px;padding:10px 12px;background:linear-gradient(90deg, #dcdcdc, #b5b5b5);background-size:400%;color:#7c7c7c;margin:10px 0;height:40px;animation:gradient 2.5s ease infinite}.sbox .box-content .domain-row.large{height:190px}.sbox .box-content .domain-row button{color:#7c7c7c;font-weight:bold}.sbox .box-content .domain-row i.status{margin-right:15px}.sbox .box-content .domain-row.available{height:40px;color:#333333;background:white;border-radius:4px;box-shadow:0 1px 3px 0 #e6ebf1;-webkit-transition:box-shadow 150ms ease;transition:box-shadow 150ms ease;display:flex}.sbox .box-content .domain-row.taken{height:40px;color:#333333;background:white;border-radius:4px;box-shadow:0 1px 3px 0 #e6ebf1;-webkit-transition:box-shadow 150ms ease;transition:box-shadow 150ms ease}.sbox .box-content .domain-row.taken button{color:#a94442}.sbox .box-content .domain-row.added{height:40px;color:#333333;background:#f6fbf4;border-color:#d6e9c6;border-radius:4px;box-shadow:0 1px 3px 0 #e6ebf1;-webkit-transition:box-shadow 150ms ease;transition:box-shadow 150ms ease}.sbox .box-content .domain-row.added .price{float:right;margin-right:0;color:#3c763d}.sbox .box-content .domain-row.added i.status{color:#3c763d}.sbox .box-content .domain-row .name,.sbox .box-content .domain-row .right{flex-grow:2}.sbox .box-content .domain-row .right{text-align:right}.sbox .box-content .domain-row .price{width:fit-content;margin-right:30px;font-weight:600;color:#9D54D6;font-size:1.5rem}.sbox .box-content .domain-row .action{display:flex;align-items:center;justify-content:flex-end}.sbox .box-content .domain-row .action .btn-brand.btn-outline{background:transparent;border-color:#9D54D6;color:#9D54D6;transition:.15s all ease-in}.sbox .box-content .domain-row .action .btn-brand.btn-outline:hover{color:white;background-color:#9D54D6}.sbox .box-content .domain-row.pre-row.available,.sbox .box-content .domain-row.pre-row.taken,.sbox .box-content .domain-row.pre-row.added{height:auto;flex-direction:column;align-items:baseline}.sbox .box-content .domain-row.pre-row.available .name,.sbox .box-content .domain-row.pre-row.taken .name,.sbox .box-content .domain-row.pre-row.added .name{font-size:2rem;font-weight:500}.sbox .box-content .domain-row.pre-row.available .help,.sbox .box-content .domain-row.pre-row.taken .help,.sbox .box-content .domain-row.pre-row.added .help{color:#9c9c9c;font-size:1.25rem;margin-top:25px}.sbox .box-content .domain-row.pre-row.available .right,.sbox .box-content .domain-row.pre-row.taken .right,.sbox .box-content .domain-row.pre-row.added .right{width:100%}.sbox .box-content .domain-row.pre-row.available .right .price,.sbox .box-content .domain-row.pre-row.taken .right .price,.sbox .box-content .domain-row.pre-row.added .right .price{float:left;min-width:0;margin-top:4px;font-size:2.25rem}.sbox .box-content .domain-row.pre-row.available .action,.sbox .box-content .domain-row.pre-row.taken .action,.sbox .box-content .domain-row.pre-row.added .action{width:100%;padding-top:15px;margin-top:15px;border-top:1px solid #dcdcdc;display:flex;align-items:center}.sbox .box-content .domain-row.pre-row.available .action .help,.sbox .box-content .domain-row.pre-row.taken .action .help,.sbox .box-content .domain-row.pre-row.added .action .help{float:left;margin-top:0;margin-bottom:0;margin-right:50px}.sbox .box-content .domain-row.pre-row.available .action .btn-brand,.sbox .box-content .domain-row.pre-row.taken .action .btn-brand,.sbox .box-content .domain-row.pre-row.added .action .btn-brand{color:white;width:fit-content;height:fit-content;margin-left:auto}.sbox .box-content .domain-row.pre-row.available,.sbox .box-content .domain-row.pre-row.taken{padding-top:50px}.sbox .box-content .domain-row.pre-row.available .top,.sbox .box-content .domain-row.pre-row.taken .top{position:absolute;top:0;left:-1px;right:-1px;padding:5px 13px;border-radius:4px 4px 0 0;font-size:1.5rem;text-transform:uppercase;font-weight:500;background:#9D54D6;color:white}.sbox .box-content .domain-row.pre-row.taken .top{background:#E61E1E}.sbox .box-content .domain-row.pre-row.taken .right .price{color:#E61E1E}.sbox .box-content .domain-row.pre-row.taken .action .btn-brand{background-color:#E61E1E;border-color:#d31717}.sbox .box-content .domain-row.pre-row.taken .action .btn-brand:hover{background-color:#d31717}@media screen and (max-width:767px){.sbox .box-content .domain-row{height:60px}.sbox .box-content .domain-row.available,.sbox .box-content .domain-row.taken,.sbox .box-content .domain-row.added{flex-direction:column;height:60px;align-items:flex-start}.sbox .box-content .domain-row .name{width:100%}.sbox .box-content .domain-row .right{width:100%}.sbox .box-content .domain-row .right .action{justify-content:left}.sbox .box-content .domain-row .right .action button{display:none}.sbox .box-content .domain-row .right .price{float:left;min-width:0;margin-top:4px;font-weight:600}.sbox .box-content .domain-row .action-icon{height:35px;width:35px;background-size:contain;background-repeat:no-repeat;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.sbox .box-content .domain-row.available .action-icon{background:url(/images/svg/checkout_add-to-cart.svg)}.sbox .box-content .domain-row.taken .action-icon{background:url(/images/svg/checkout_domain-taken.svg)}.sbox .box-content .domain-row.added .price{color:#3c763d}.sbox .box-content .domain-row.pre-row.available .right .price,.sbox .box-content .domain-row.pre-row.taken .right .price,.sbox .box-content .domain-row.pre-row.added .right .price{font-size:1.75rem}.sbox .box-content .domain-row.pre-row.available .action,.sbox .box-content .domain-row.pre-row.taken .action,.sbox .box-content .domain-row.pre-row.added .action{display:block}.sbox .box-content .domain-row.pre-row.available .action .help,.sbox .box-content .domain-row.pre-row.taken .action .help,.sbox .box-content .domain-row.pre-row.added .action .help{margin-bottom:25px;margin-right:0}.sbox .box-content .domain-row.pre-row.available .action .btn-brand,.sbox .box-content .domain-row.pre-row.taken .action .btn-brand,.sbox .box-content .domain-row.pre-row.added .action .btn-brand{color:white;width:100%}}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}