.modal{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--c-brand-black-30);cursor:pointer}.modal__panel{position:relative;background-color:#fff;width:calc(100% - (var(--wrapper-padding) * 2));max-width:36rem;padding:var(--wrapper-padding) var(--wrapper-padding) 2.5rem;transition:opacity var(--transition)}.modal__header{display:flex;justify-content:flex-end;margin-bottom:1rem}@media (min-width: 48rem){.modal__header{margin-bottom:2rem}}.modal__close{font-family:var(--font-heading);font-size:1.25rem;font-weight:200;margin-left:auto}.modal__close svg{height:15px;transform:rotate(45deg)}.modal__content{max-height:70vh;overflow-x:hidden;overflow-y:auto}@supports (max-height: 70dvh){.modal__content{max-height:70dvh}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-modal.css.map */