.mask-shipping-popup{--modal-open-dur: .25s;--modal-close-dur: .15s;--modal-scale: .96;--modal-scale-close: .96;--modal-ease: cubic-bezier(.22, 1, .36, 1);position:fixed;top:0;right:0;bottom:0;left:0;display:grid;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:1rem;place-items:center;border:0;background:transparent;color:var(--acc-blue, #144270);font-family:var(--abt-font-brand, "Noto Sans HK", "PingFang HK", sans-serif)}.mask-shipping-popup:not([open]),.mask-shipping-popup[hidden]{display:none}.mask-shipping-popup::backdrop{background:#14427080}body.mask-shipping-open{overflow:hidden}.mask-shipping-popup .t-modal{transform-origin:center;transform:scale(var(--modal-scale));opacity:0;pointer-events:none;transition:transform var(--modal-open-dur) var(--modal-ease),opacity var(--modal-open-dur) var(--modal-ease);will-change:transform,opacity}.mask-shipping-popup .t-modal.is-open{transform:scale(1);opacity:1;pointer-events:auto}.mask-shipping-popup .t-modal.is-closing{transform:scale(var(--modal-scale-close));opacity:0;pointer-events:none;transition:transform var(--modal-close-dur) var(--modal-ease),opacity var(--modal-close-dur) var(--modal-ease)}.mask-shipping-popup__panel{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);width:min(100%,48rem);max-height:calc(100dvh - 2rem);overflow:auto;overscroll-behavior:contain;border:1px solid #dce4eb;border-radius:1rem;background:#fff;box-shadow:0 1.5rem 4rem #001d3d38}.mask-shipping-popup__close{position:absolute;z-index:1;top:.625rem;right:.625rem;display:grid;width:2.75rem;height:2.75rem;padding:0;place-items:center;border:0;border-radius:50%;background:#fff;color:#144270;cursor:pointer}.mask-shipping-popup__close .icon{width:1.125rem;height:1.125rem}.mask-shipping-popup :is(button,a):focus-visible{outline:3px solid #009490;outline-offset:3px}.mask-shipping-popup__visual{display:grid;align-content:center;gap:1.25rem;min-width:0;padding:2rem;background:#edf4f4}.mask-shipping-popup__brand img{display:block;width:6.8125rem;height:auto}.mask-shipping-popup__product{display:block;width:100%;height:auto;max-height:17rem;object-fit:contain}.mask-shipping-popup__content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;padding:3rem 2rem 2rem}.mask-shipping-popup__eyebrow{margin:0;color:#00698f;font-size:.875rem;font-weight:600;line-height:1.5}.mask-shipping-popup h2{margin:.75rem 0 0;font-size:clamp(1.75rem,3.5vw,2.4rem);font-weight:600;line-height:1.3;letter-spacing:normal;overflow-wrap:anywhere;text-wrap:balance}.mask-shipping-popup__supporting{margin:1.125rem 0 0;color:#425b6c;font-size:1rem;line-height:1.7}.mask-shipping-popup__terms{margin:.75rem 0 1.5rem;font-size:.875rem;line-height:1.6}.mask-shipping-popup__shop{display:inline-flex;min-height:2.875rem;gap:.75rem;padding:.75rem 1.125rem;align-items:center;justify-content:center;border:1px solid #144270;border-radius:.375rem;background:#144270;color:#fff;text-decoration:none;font-size:.9375rem;line-height:1.4}.mask-shipping-popup__shop .icon{width:1rem;height:1rem}.mask-shipping-popup__shop:hover{background:#00698f;border-color:#00698f;color:#fff}@media(max-width:699px){.mask-shipping-popup{padding:.75rem}.mask-shipping-popup__panel{grid-template-columns:minmax(0,1fr);max-height:calc(100dvh - 1.5rem)}.mask-shipping-popup__visual{grid-template-columns:minmax(0,1fr) 8rem;align-items:center;gap:1rem;padding:1.25rem 3.75rem 1.25rem 1.25rem}.mask-shipping-popup__brand img{max-width:100%}.mask-shipping-popup__product{max-height:8rem}.mask-shipping-popup__content{padding:1.5rem}.mask-shipping-popup h2{font-size:clamp(1.65rem,7vw,2rem)}.mask-shipping-popup__shop{width:100%;box-sizing:border-box}}@media(prefers-reduced-motion:reduce){.mask-shipping-popup .t-modal{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/96/assets/mask-shipping-popup.css.map */