:root{--modal-overlay-opacity:.3;--modal-border-radius:0}.modal{visibility:hidden;z-index:8002;transition:visibility 0s .4s,background-color .3s ease .1s;background-color:rgba(0,0,0,0)}.modal[open],[open]:not(.is-closing) .modal{visibility:visible;transition-delay:0s;background-color:rgba(0 0 0/var(--modal-overlay-opacity))}
.modal__window{max-width:auto;min-height:240px;max-height:calc(var(--viewport-height) - var(--gutter) * 2);margin:var(--gutter);overflow:auto;transform:scale(0.8);transition:transform .15s ease-in 0s,opacity .15s 0s;border-radius:var(--modal-border-radius);opacity:0;background:var(--color-off-white-sand);box-shadow:0 0 10px 0 rgba(0,0,0,0.3)}
[open]:not(.is-closing) .modal__window{transform:scale(1);transition:transform .15s ease-out .1s,opacity .15s .1s;opacity:1}.modal__close-btn{z-index:1;top:10px;right:10px;padding:10px;border-radius:var(--btn-border-radius);background-color:inherit;color:currentColor}.modal__close-btn svg{pointer-events:none}.modal__content{padding:64px var(--gutter) var(--gutter)}
.modal__image{flex:0 0 50%;max-width:360px}html:has(.modal[open]){overflow:hidden}html:has(.modal[open])>body{width:calc(100% - var(--scrollbar-width))}.modal__window .h4{display:block;text-align:center;padding-top:50px}.modal__window table{border-collapse:collapse}.modal__window table td{padding:8px}.modal{transition:visibility 0s .4s,background-color .3s ease .1s}
.modal__close-btn{z-index:1;top:10px;right:10px;padding:10px;border-radius:var(--btn-border-radius);background-color:inherit;color:currentColor}.absolute{position:absolute}.justify-center{justify-content:center}.items-center{align-items:center}.w-full{width:100%}.h-full{height:100%}.flex{display:flex}.top-0{top:0}
.left-0{left:0}.fixed{position:fixed}[data-modal] span{font:var(--font-small)}.size-guide{text-align:center;display:block;padding:20px 0}