html.modal-lock{overflow:hidden}.modal{width:min(var(--modal-width, 760px),calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:0;overflow:hidden;border:var(--modal-border, var(--popup-border-width) var(--popup-border-style) var(--popup-border));border-radius:var(--modal-radius, var(--popup-radius));background:var(--modal-background, var(--popup-background));box-shadow:var(--popup-shadow);color:var(--modal-text, var(--popup-text))}.modal::backdrop{background:var(--modal-overlay, var(--popup-overlay));-webkit-backdrop-filter:blur(var(--modal-overlay-blur, 0));backdrop-filter:blur(var(--modal-overlay-blur, 0))}.modal[open]{display:flex;flex-direction:column;animation:modal-in .26s var(--animation-easing)}.modal[open]::backdrop{animation:modal-fade .26s ease}@keyframes modal-in{0%{opacity:0;transform:translateY(16px) scale(.98)}}@keyframes modal-fade{0%{opacity:0}}.modal__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:var(--modal-padding, var(--popup-padding)) var(--modal-padding, var(--popup-padding)) 0}.modal__title{margin:0;font-family:var(--heading-font-family);font-size:var(--heading-h4-size);line-height:var(--heading-line-height)}.modal__close{--icon-size: 20px;display:grid;margin-left:auto;width:var(--modal-close-size, var(--popup-close-size));height:var(--modal-close-size, var(--popup-close-size));flex:none;place-items:center;padding:0;border:0;border-radius:50%;background:var(--modal-close-background, none);color:var(--modal-close-color, inherit)}.modal__body{padding:var(--modal-padding, var(--popup-padding));overflow-y:auto}.modal[data-head=float]:not(:has(.modal__body>:is(.rte,.size-chart__scroll):first-child)) .modal__head{position:absolute;top:0;right:0;z-index:2;pointer-events:none}.modal[data-head=float] .modal__close{pointer-events:auto}.modal[data-head=float] .modal__close{background:var(--modal-close-background, var(--modal-background, var(--popup-background)))}@media(max-width:749px){.modal{border-radius:var(--modal-radius-mobile, var(--modal-radius, var(--popup-radius)))}.modal__head{padding:var(--modal-padding-mobile, var(--popup-padding)) var(--modal-padding-mobile, var(--popup-padding)) 0}.modal__body{padding:var(--modal-padding-mobile, var(--popup-padding))}}@media(prefers-reduced-motion:reduce){.modal[open],.modal[open]::backdrop{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/modal.css.map */