.tsrf-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;display:none;align-items:center;justify-content:center;padding:24px 16px;background:rgb(var(--color-overlay-rgb, 0 0 0) / .76);overflow-y:auto;overscroll-behavior:contain}.tsrf-overlay.is-open{display:flex}body.tsrf-locked-scroll{overflow:hidden}.tsrf-modal{width:100%;max-width:600px;margin:auto;background:var(--color-background, #fff);color:var(--color-foreground, #121212);border-radius:var(--rounded-lg, 14px);overflow:hidden;animation:tsrf-in .3s cubic-bezier(.16,1,.3,1)}.tsrf-modal--narrow{max-width:460px}@keyframes tsrf-in{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.tsrf-head{padding:30px 34px 22px;border-bottom:1px solid var(--color-line-border, rgb(0 0 0 / .08))}.tsrf-head--plain{border-bottom:none;padding-bottom:6px}.tsrf-eyebrow{display:flex;align-items:center;gap:8px;font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;opacity:.45;margin-bottom:12px}.tsrf-eyebrow:after{content:"";flex:1;height:1px;background:var(--color-line-border, rgb(0 0 0 / .12))}.tsrf-title{font-family:var(--font-heading-family, inherit);font-size:clamp(21px,2.6vw,26px);line-height:1.22;font-weight:600;letter-spacing:-.01em;margin:0}.tsrf-sub{font-size:13.5px;line-height:1.6;opacity:.62;margin:9px 0 0}.tsrf-body{padding:24px 34px 30px}.tsrf-note{display:flex;gap:12px;font-size:13px;line-height:1.55;padding:14px 16px;border-radius:var(--rounded, 10px);background:rgb(var(--color-text-rgb, 0 0 0) / .04);margin:0 0 22px}.tsrf-note__icon{flex:none;width:18px;height:18px;margin-top:1px;opacity:.5}.tsrf-note strong{display:block;margin-bottom:3px;font-weight:600}.tsrf-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px}.tsrf-field{display:flex;flex-direction:column;gap:7px;min-width:0}.tsrf-field--full{grid-column:1 / -1}.tsrf-label{font-size:12.5px;font-weight:600;letter-spacing:.01em;opacity:.68}.tsrf-label span{letter-spacing:0;font-weight:400;opacity:.7}.tsrf-input,.tsrf-select{width:100%;height:46px;padding:0 14px;font-size:14.5px;font-family:inherit;color:var(--color-foreground, #121212);background:transparent;border:1px solid var(--color-line-border, rgb(0 0 0 / .16));border-radius:var(--rounded-input, 8px);transition:border-color .18s ease,background .18s ease}.tsrf-select{-webkit-appearance:none;appearance:none;padding-right:38px;background-image:linear-gradient(45deg,transparent 49%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 51%);background-position:calc(100% - 20px) 21px,calc(100% - 15px) 21px;background-size:5px 5px;background-repeat:no-repeat;cursor:pointer}.tsrf-input::placeholder{opacity:.38}.tsrf-input:hover,.tsrf-select:hover{border-color:var(--color-line-border, rgb(0 0 0 / .3))}.tsrf-input:focus,.tsrf-select:focus{outline:none;border-color:var(--color-foreground, #121212);background:rgb(var(--color-text-rgb, 0 0 0) / .02)}.tsrf-input.is-error,.tsrf-select.is-error{border-color:var(--color-error-text, #c0392b)}.tsrf-file input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.tsrf-drop{display:flex;align-items:center;gap:11px;min-height:46px;padding:11px 14px;border:1px dashed var(--color-line-border, rgb(0 0 0 / .28));border-radius:var(--rounded-input, 8px);cursor:pointer;font-size:13.5px;line-height:1.35;transition:border-color .18s ease,background .18s ease}.tsrf-drop:hover{border-color:var(--color-foreground, #121212);background:rgb(var(--color-text-rgb, 0 0 0) / .02)}.tsrf-drop__icon{flex:none;width:19px;height:19px;opacity:.45}.tsrf-drop__icon svg{width:100%;height:100%}.tsrf-drop__text{flex:1;min-width:0;opacity:.5}.tsrf-drop__name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.tsrf-drop__size{font-size:11.5px;opacity:.7}.tsrf-drop.is-filled{border-style:solid;border-color:var(--color-line-border, rgb(0 0 0 / .22))}.tsrf-drop.is-filled .tsrf-drop__text{opacity:1}.tsrf-drop.is-filled .tsrf-drop__icon{opacity:1;color:var(--color-success-text, #1e8e3e)}.tsrf-drop.is-error{border-color:var(--color-error-text, #c0392b);border-style:solid}.tsrf-drop__clear{flex:none;width:24px;height:24px;border:0;background:transparent;border-radius:999px;cursor:pointer;font-size:17px;line-height:1;opacity:.4;color:inherit;display:none}.tsrf-drop.is-filled .tsrf-drop__clear{display:block}.tsrf-drop__clear:hover{opacity:.9}.tsrf-submit{grid-column:1 / -1;margin-top:6px;padding-top:20px;border-top:1px solid var(--color-line-border, rgb(0 0 0 / .08));display:grid;gap:12px}.tsrf-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:14px 28px;border:1px solid transparent;border-radius:var(--rounded-button, 8px);font-family:inherit;font-size:13.5px;font-weight:600;letter-spacing:.06em;text-transform:var(--button-case, uppercase);cursor:pointer;text-decoration:none;transition:background .2s ease,color .2s ease,border-color .2s ease,opacity .2s ease}.tsrf-btn--primary{background:var(--color-btn-primary, #121212);color:var(--color-btn-primary-reverse, #fff)}.tsrf-btn--primary:hover{background:var(--color-btn-primary-hover, #2b2b2b)}.tsrf-btn--ghost{background:transparent;color:var(--color-foreground, #121212);border-color:var(--color-line-border, rgb(0 0 0 / .22))}.tsrf-btn--ghost:hover{border-color:var(--color-foreground, #121212)}.tsrf-btn--full{width:100%}.tsrf-btn[disabled]{opacity:.5;cursor:wait}.tsrf-actions{display:flex;gap:10px;flex-wrap:wrap}.tsrf-actions .tsrf-btn{flex:1 1 160px}.tsrf-hint{font-size:12px;line-height:1.5;text-align:center;opacity:.45}.tsrf-error{grid-column:1 / -1;font-size:13px;color:var(--color-error-text, #c0392b);display:none}.tsrf-error.is-visible{display:block}.tsrf-steps{display:grid;gap:14px;margin:0 0 4px}.tsrf-step{display:flex;gap:13px;align-items:flex-start;font-size:13.5px;line-height:1.5}.tsrf-step__no{flex:none;width:22px;height:22px;border-radius:999px;border:1px solid var(--color-line-border, rgb(0 0 0 / .2));font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;opacity:.65}.tsrf-step--done .tsrf-step__no{background:var(--color-foreground, #121212);border-color:var(--color-foreground, #121212);color:var(--color-background, #fff);opacity:1}.tsrf-step--active .tsrf-step__no{border-color:var(--color-foreground, #121212);border-width:2px;opacity:1}.tsrf-step span{opacity:.55}.tsrf-step--active span,.tsrf-step--done span{opacity:1}.tsrf-mark{width:52px;height:52px;border-radius:999px;border:1.5px solid currentColor;display:inline-flex;align-items:center;justify-content:center;margin-bottom:18px}.tsrf-mark svg{width:22px;height:22px}.tsrf-mark--ok{color:var(--color-success-text, #1e8e3e)}.tsrf-mark--wait{color:var(--color-foreground, #121212);opacity:.55}.tsrf-mark--stop{color:var(--color-error-text, #c0392b)}.tsrf-center{text-align:center}body.tsrf-gated .hdt-price-wrapp,body.tsrf-gated .hdt-price,body.tsrf-gated .hdt-money,body.tsrf-gated .hdt-compare-at-price,body.tsrf-gated .hdt-price__list,body.tsrf-gated .hdt-volume-pricing-note,body.tsrf-gated .hdt-vat-note,body.tsrf-gated .hdt-product-form,body.tsrf-gated .hdt-product__buy-buttons,body.tsrf-gated .hdt-quantity-wrapp,body.tsrf-gated .hdt-product-form__buttons-qty,body.tsrf-gated [data-atc],body.tsrf-gated .hdt-btn-quick-add,body.tsrf-gated .hdt-quick-add,body.tsrf-gated .hdt-card__quick-add,body.tsrf-gated .hdt-cart-count-bubble,body.tsrf-gated .hdt-sticky-atc{display:none!important}@media(max-width:620px){.tsrf-overlay{padding:0;align-items:flex-end}.tsrf-modal{max-width:none;border-radius:var(--rounded-lg, 16px) var(--rounded-lg, 16px) 0 0;max-height:94vh;overflow-y:auto}.tsrf-head{padding:24px 22px 18px}.tsrf-body{padding:20px 22px 26px}.tsrf-form{grid-template-columns:minmax(0,1fr);gap:14px}.tsrf-field--full,.tsrf-submit,.tsrf-error{grid-column:1}.tsrf-actions .tsrf-btn{flex:1 1 100%}.tsrf-submit{position:sticky;bottom:0;z-index:2;margin:6px -22px -26px;padding:14px 22px calc(16px + env(safe-area-inset-bottom,0px));background:var(--color-background, #fff);gap:9px}.tsrf-btn{min-height:50px}body.tsrf-locked-scroll .hdt-section-navbar,body.tsrf-locked-scroll .hdt-stack-sticky{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/toserof-toptan.css.map */