[data-modal]{--modal-level: 9999;--modal-max-size: 500px;--modal-radius: 0px;--modal-size: calc(100% - calc(var(--gutter) * 2));--modal-max-height: 75vh;visibility:hidden;opacity:0;transition:opacity .3s ease;position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}[data-modal-dialog]{z-index:var(--modal-level);width:var(--modal-size);max-width:var(--modal-max-size);padding:var(--modal-spacing);border-radius:var(--modal-radius);background-color:var(--modals-and-drawers-background);color:var(--modals-and-drawers-foreground);opacity:0;transform:translateY(-1rem);transition:opacity .3s ease,transform .3s ease;transition-delay:.2s;max-height:var(--modal-max-height);overflow:scroll}[data-modal]:target,[data-modal].is-open{visibility:visible;opacity:1;z-index:var(--modal-level)}[data-modal] [data-modal-header]{padding:var(--gutter);display:flex;justify-content:space-between;align-items:center}[data-modal] [data-modal-body]{padding:0 var(--gutter) var(--gutter) var(--gutter)}[data-modal] [data-modal-body]>*+*{--spacing: var(--gutter);margin-top:var(--spacing)}[data-modal]:target [data-modal-dialog],[data-modal].is-open [data-modal-dialog]{opacity:1;transform:translateY(0)}[data-modal-close]{display:grid;place-content:center;min-width:4.8rem;min-height:4.8rem;position:absolute;right:0}[data-modal]:target>[data-modal-overlay],[data-modal].is-open>[data-modal-overlay]{opacity:1}[data-modal] :where(iframe,img){max-width:100%}modal-geo [data-modal-content]{display:flex;flex-direction:column;padding:0 var(--gutter) var(--gutter) var(--gutter)}@media only screen and (min-width: 768px){modal-geo [data-modal-content]{padding:0 calc(var(--gutter) * 3) calc(var(--gutter) * 2) calc(var(--gutter) * 3)}}modal-geo #dialog{overflow:visible}.geo-modal-trigger{display:flex;align-items:center;cursor:pointer}#modal-size-guide table :where(h1,h2,h3,h4,h5,h6){font-size:.9rem}#modal-size-guide table{font-size:.9rem}@media only screen and (max-width: 767px){#modal-size-guide[data-modal]{--modal-size: 100%}#modal-size-guide[data-modal] [data-modal-body]{padding:0 8px}}@media only screen and (min-width: 768px){#modal-size-guide table :where(h1,h2,h3,h4,h5,h6){font-size:1.2rem}#modal-size-guide table{font-size:1.2rem}#modal-size-guide [data-modal-dialog]{--modal-spacing: 0 4rem}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/component-modals.css.map */