@layer components{.modal{top:var(--spacing-unit-m);bottom:var(--spacing-unit-m);transform:translateY(2rem);transition:display var(--transition-speed) allow-discrete,overlay var(--transition-speed) allow-discrete,transform var(--transition-speed);border:0;border-radius:var(--border-radius);background:var(--color-utility-03);padding:0;width:calc(100vw - var(--spacing-unit-m));max-width:1000px;max-height:calc(100vh - var(--spacing-unit-l))}.modal::backdrop{opacity:0;transition:display var(--transition-speed) allow-discrete,overlay var(--transition-speed) allow-discrete,opacity var(--transition-speed);cursor:pointer;background:var(--color-overlay-d03)}.modal[open]{transform:translateY(0)}.modal[open]::backdrop{opacity:1}@starting-style{.modal[open]{transform:translateY(2rem)}.modal[open]::backdrop{opacity:0}}.modal--video{border-radius:0;overflow:visible}.modal__header{display:flex;position:sticky;top:0;justify-content:center;align-items:center;background:var(--color-brand-04);padding:var(--spacing-unit-s) 5.2rem;min-height:4.4rem}.modal--video .modal__header{position:absolute;top:calc(var(--spacing-unit-xxs) + 6rem * -1);right:0;background:transparent;padding:0;width:5.2rem;height:5.2rem}.modal__title{text-align:center}.modal--video .modal__title{clip:rect(0 0 0 0);position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}.modal__close{position:absolute;top:0;right:0}.modal--video .modal__close{background:var(--color-overlay-d03);color:var(--color-brand-04)}.modal__close-button{display:block;width:52px;height:52px}.modal__close-icon{display:block;margin:0 auto;width:32px;height:32px}.modal__body{padding:var(--spacing-unit-s);height:calc(100% - 75px);overflow-y:auto}@media screen and (min-width:1030px),print{.modal__body{padding:var(--spacing-unit-l);height:calc(100% - 115px)}}.modal--dark .modal__body{background:var(--color-brand-01);color:var(--color-brand-04)}.modal--video .modal__body{padding:0}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/modal.css.map */