.modal{--display-heading: block;--opacity-overlay: .5;--opacity-content-overlay: 0;--transform-scale-content: .9;--background-content: var(--secondary-colour);--gap-content: .8rem;--height-content: fit-content;--max-height-content: 90vh;--width-content: calc(100vw - 6.4rem) ;--margin-close: 1.7rem;--size-close: 1.4rem;--padding-content: 4.4rem 3.2rem;--justify-content-content: flex-start;--transition-delay: var(--duration-default);--radius: 1.6rem;--text-alignment: center;--max-width: 100rem;--cursor: pointer;--overflow-y: auto;align-items:center;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;pointer-events:none;position:fixed;transition:visibility 0s var(--transition-delay);visibility:hidden;z-index:var(--layer-5)}.modal--active{--opacity-content-overlay: 1;--transition-delay: 0s;--transform-scale-content: 1;pointer-events:auto;visibility:visible}.modal__overlay{background-color:rgb(var(--black-rgb) / var(--opacity-overlay));bottom:0;content:"";cursor:var(--cursor);left:0;opacity:var(--opacity-content-overlay);position:absolute;right:0;top:0;transition:opacity var(--duration-default) var(--easing-function)}.modal__body,.modal__media{height:100%}.modal__heading{display:var(--display-heading)}.modal__content{background:var(--background-content);display:flex;flex-direction:column;gap:var(--gap-content);height:var(--height-content);max-height:var(--max-height-content);justify-content:var(--justify-content-content);text-align:var(--text-alignment);opacity:var(--opacity-content-overlay);overflow-x:hidden;overflow-y:var(--overflow-y);padding:var(--padding-content);position:relative;transition:var(--duration-default) var(--easing-function);transition-property:opacity,transform;transform:scale(var(--transform-scale-content));width:var(--width-content);z-index:var(--layer-2);border-radius:var(--radius);max-width:var(--max-width)}.modal__close{display:flex;align-items:center;gap:.8rem;margin:var(--margin-close);position:absolute;right:0;top:0;color:var(--black);text-transform:uppercase;font-size:var(--buttons);line-height:var(--lh-buttons);height:var(--size-close)}.modal__close svg{color:var(--copper);width:var(--size-close);height:var(--size-close);margin-top:-.3rem}@media(min-width:750px){.modal{--width-content: 90vw;--padding-content: 6rem;--margin-close: 2.7rem;--size-close: 1.7rem;--radius: 2rem;--gap-content: 1.6rem}}@media(min-width:990px){.modal{--width-content: 70vw}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/modal.css.map */