@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-white);padding:0;width:calc(100vw - var(--spacing-unit-m));max-width:1000px;max-height:calc(100vh - var(--spacing-unit-l))}.modal::backdrop{opacity:0;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);transition:display var(--transition-speed) allow-discrete,opacity var(--transition-speed);cursor:pointer;background:var(--color-overlay-b03)}.modal[open]{transform:translateY(0)}.modal[open]::backdrop{opacity:1}@starting-style{.modal[open]{transform:translateY(2rem)}.modal[open]::backdrop{opacity:0}}.modal--quick-add{max-width:45rem}.modal__header{display:flex;position:sticky;top:0;justify-content:center;align-items:center;background:var(--color-soft-grey);height:75px}@media screen and (min-width: 1024px),print{.modal__header{height:115px}}.modal--video .modal__header{height:0}.modal__title{padding:0 44px;font-size:2rem;text-align:center}@media screen and (min-width: 1024px),print{.modal__title{font-size:2.4rem}}.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}@media screen and (min-width: 1024px),print{.modal__close{top:var(--spacing-unit-s);right:var(--spacing-unit-s)}}.modal--video .modal__close{background:var(--color-white)}.modal__close-button{display:block;width:44px;height:44px}.modal__close-icon{display:block;margin:0 auto;width:var(--font-size)}.modal__body{padding:var(--spacing-unit-s);height:calc(100% - 7.5rem);overflow-y:auto}@media screen and (min-width: 1024px),print{.modal__body{padding:calc(var(--spacing-unit-s) * 4);height:calc(100% - 11.5rem)}}.modal--video .modal__body{padding:0}}
/*# sourceMappingURL=/cdn/shop/t/467/assets/modal.css.map */