.modal::backdrop{transition:display var(--transition-speed) allow-discrete,overlay var(--transition-speed) allow-discrete,background-color var(--transition-speed);background-color:#0000}.modal[open]::backdrop{background:var(--color-overlay-l03)}@starting-style{.modal[open]::backdrop{background-color:#0000}}@layer components{.modal{top:var(--spacing-unit-s);bottom:var(--spacing-unit-s);transform:scale(.9);opacity:0;transition:display var(--transition-speed) allow-discrete,overlay var(--transition-speed) allow-discrete,opacity var(--transition-speed),transform var(--transition-speed);box-shadow:0 16px 24px #0000001f;border:0;border-radius:var(--border-radius);background:var(--color-utility-03);padding:0;width:calc(100vw - calc(var(--spacing-unit-s) * 2));max-width:1000px;max-height:calc(100dvh - calc(var(--spacing-unit-s) * 2))}.modal[open]{transform:scale(1);opacity:1}@starting-style{.modal[open]{transform:scale(.9);opacity:0}}.modal::backdrop{cursor:pointer}.modal--quick-add{max-width:45rem}.modal__header{display:flex;position:sticky;top:0;justify-content:center;align-items:center;background:var(--color-brand-05);height:var(--modal-header-height)}.modal--video .modal__header{height:0}.modal__title{padding:0 44px;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:var(--spacing-unit-s);right:var(--spacing-unit-s)}.modal--video .modal__close{background:var(--color-utility-03)}.modal__close-button{display:block;width:22px;height:22px}.modal__close-icon{display:block;margin:0 auto}.modal__body{padding:var(--spacing-unit-s);height:calc(100% - 75px);overflow-y:auto}@media screen and (min-width:1024px),print{.modal__body{padding:var(--spacing-unit-l);height:calc(100% - var(--modal-header-height))}}.modal--video .modal__body{padding:0}}
/*# sourceMappingURL=/cdn/shop/t/45/assets/modal.css.map */