component-modal>dialog{width:max-content;max-width:calc(100% - var(--s0) * 2);max-height:calc(100dvh - 80px);padding:var(--s2);padding-bottom:calc(var(--s2) - var(--s-1));border:0;outline:none;color:inherit;background-color:#fbf6f1;border-radius:10px;overflow:visible;opacity:0;transition:opacity .2s ease,display .2s allow-discrete,overlay .2s allow-discrete}@media(max-width:767px){component-modal>dialog{max-height:calc(100dvh - 120px);padding:var(--s1);padding-bottom:calc(var(--s1) - var(--s-1));transform:translateY(-26.5px)}}component-modal>dialog::backdrop{background:#0009;opacity:0;transition:opacity .2s ease,display .2s allow-discrete,overlay .2s allow-discrete}component-modal>dialog[open],component-modal>dialog[open]::backdrop{opacity:1}@starting-style{component-modal>dialog[open],component-modal>dialog[open]::backdrop{opacity:0}}body:has(component-modal>dialog:modal){overflow:hidden}.modal-heading{font-family:var(--font-2);font-size:var(--t5);line-height:var(--font-line-height);font-weight:400}@media(max-width:767px){.modal-heading{font-size:var(--t3)}}.modal-close{position:absolute;top:-38px;right:-30px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:var(--color-1);background:var(--color-4)}@media(max-width:767px){.modal-close{top:auto;right:auto;bottom:-53px;left:50%;transform:translate(-50%)}}
/*# sourceMappingURL=/cdn/shop/t/42/assets/component-modal.css.map */