.modal{align-items:center;background:transparent;display:flex;height:100dvh;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;width:100%;z-index:100}.modal-trigger{cursor:pointer;text-decoration:underline}.modal__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(var(--color-base-dark),.4);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.modal--active,.modal--active .modal__overlay{opacity:1;visibility:visible}.modal__close{align-items:center;-webkit-appearance:none;appearance:none;background-color:rgba(var(--color-base-light));border:none;border-radius:50%;cursor:pointer;display:flex;height:3.8rem;justify-content:center;margin:0;padding:0;position:absolute;right:2rem;top:calc(var(--header-height) + var(--announcement-bar-height) + 2rem);width:3.8rem}.modal__close svg{border:.1rem solid rgb(var(--color-base-dark));border-radius:50%;padding:.25rem}.modal__box{background:rgb(var(--color-base-light));border-radius:var(--border-radius);display:flex;flex-direction:column;gap:var(--layout-space-26);max-height:90vh;overflow:auto;padding:var(--layout-space-15) var(--layout-space-25);position:relative;width:min(50vw,730px);z-index:1}.modal__heading,.modal__title{font-weight:400;font-size:2rem;line-height:var(--leading-loose);letter-spacing:.1rem;margin:0;text-transform:uppercase}.modal__column{display:flex;flex-direction:column;gap:var(--layout-space-12)}.modal__title{font-size:var(--text-size-base)}.modal__text{font-size:var(--text-size-base);margin:0}.modal__text ul{margin:0;padding:0}.modal__text li{margin:0 0 var(--layout-space-12);padding:0 0 0 var(--layout-space-10);text-indent:calc(-1 * var(--layout-space-10))}.modal__text li:last-of-type{margin:0}@media screen and (max-width:749px){.modal__box{align-self:flex-end;gap:var(--layout-space-12);margin-bottom:var(--layout-space-10);max-height:80vh;padding:var(--layout-space-15);width:calc(100vw - (2 * var(--padding-sections-mobile)))}.modal__column{gap:var(--layout-space-6)}}
/*# sourceMappingURL=/cdn/shop/t/158/assets/modal.css.map */