.confirmation-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(var(--color-foreground),.2);z-index:9999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.confirmation-modal[open]{display:flex;align-items:center;justify-content:center;opacity:1;visibility:visible}.confirmation-modal__content{background-color:rgb(var(--color-background));border-radius:var(--popup-corner-radius);border:.1rem solid rgba(var(--color-foreground),.1);box-shadow:0 0 2rem rgba(var(--color-shadow),.15);max-width:40rem;width:90%;max-height:90vh;overflow:auto;position:relative;margin:2rem}.confirmation-modal__header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1rem;border-bottom:.1rem solid rgba(var(--color-foreground),.1)}.confirmation-modal__title{margin:0;font-size:1.8rem;font-weight:600;color:rgb(var(--color-foreground))}.confirmation-modal__body{padding:2rem}.confirmation-modal__message{margin:0;font-size:1.4rem;line-height:1.5;color:rgb(var(--color-foreground))}.confirmation-modal__footer{display:flex;justify-content:flex-end;padding:1rem 2rem 2rem;border-top:.1rem solid rgba(var(--color-foreground),.1)}.confirmation-modal__confirm{min-width:8rem;padding:1rem 2rem;font-size:1.4rem;font-weight:500;text-decoration:none;border:.1rem solid transparent;border-radius:.4rem;cursor:pointer;transition:all .2s ease}.confirmation-modal__confirm{background-color:rgb(var(--color-button, 0, 0, 0));color:rgb(var(--color-button-text, 255, 255, 255));border-color:rgb(var(--color-button, 0, 0, 0))}.confirmation-modal__confirm:hover{background-color:rgb(var(--color-button-hover, 50, 50, 50));border-color:rgb(var(--color-button-hover, 50, 50, 50));color:rgb(var(--color-button-text, 255, 255, 255))}.confirmation-modal__confirm:active,.confirmation-modal__confirm:focus{background-color:rgb(var(--color-button-hover, 50, 50, 50));border-color:rgb(var(--color-button-hover, 50, 50, 50));color:rgb(var(--color-button-text, 255, 255, 255));outline:.2rem solid rgba(var(--color-button, 0, 0, 0),.5);outline-offset:.2rem}@media screen and (max-width: 749px){.confirmation-modal__content{width:95%;margin:1rem}.confirmation-modal__header{padding:1.5rem 1.5rem 1rem}.confirmation-modal__body{padding:1.5rem}.confirmation-modal__footer{padding:1rem 1.5rem 1.5rem;flex-direction:column}.confirmation-modal__cancel,.confirmation-modal__confirm{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/component-modal.css.map */