body.has-modal-open{overflow:hidden}.modal-element{position:fixed;z-index:var(--modal-z-index, 100);top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:var(--modal-viewport-gap, 24px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility 0s linear .22s}.modal-element[hidden]{display:none}.modal-element[active]{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.modal-element__overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;background:#11191d85;cursor:default}.modal-element__dialog{position:relative;z-index:1;display:flex;width:min(var(--modal-max-width, 900px),calc(100vw - 48px));max-height:min(var(--modal-max-height, 720px),calc(100vh - 48px));flex-direction:column;overflow:hidden;border:1px solid #d1d8db;border-radius:var(--modal-radius, 8px);background:#f8fbfc;box-shadow:0 24px 64px #11191d38;opacity:0;transform:translateY(12px) scale(.985);transition:opacity .18s ease,transform .22s cubic-bezier(.22,1,.36,1)}.modal-element[active] .modal-element__dialog{opacity:1;transform:translateY(0) scale(1)}.modal-element__close{position:absolute;z-index:2;top:18px;right:18px;display:flex;width:40px;height:40px;align-items:center;justify-content:center;padding:0;border:1px solid #d1d8db;border-radius:4px;background:#f8fbfc;color:#11191d;cursor:pointer}.modal-element__close:hover{background:#eef2f4}.modal-element__close:focus-visible{outline:2px solid #009fdc;outline-offset:2px}.modal-element__close .icon{width:18px;height:18px}@media screen and (max-width:639px){.modal-element{--modal-viewport-gap: 12px}.modal-element__dialog{width:calc(100vw - 24px);max-height:calc(100vh - 24px)}.modal-element__close{top:12px;right:12px;width:38px;height:38px}}@media(prefers-reduced-motion:reduce){.modal-element,.modal-element__dialog{transition-duration:.01ms}.modal-element__dialog{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-modal-element.css.map */