.modal-wrapper{display:flex;align-items:center;justify-content:center;position:fixed;top:0;right:0;width:100%;height:100%;visibility:hidden;z-index:20;opacity:0}.modal-wrapper p{margin:0}.modal-card{position:relative;display:flex;flex-direction:column;border-radius:.75rem;width:calc(100% - 20px);max-width:600px;max-height:90%;text-align:left;background-color:#fff;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);--transform-translate-y: 2rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.modal-container{display:flex;flex-direction:column;gap:1.5rem;align-items:start;overflow:hidden}.modal-content{overflow-y:scroll;padding:3rem}@media screen and (max-width: 1024px){.modal-content{padding:2rem}}.modal-content::-webkit-scrollbar-track{background-color:transparent}.modal-content::-webkit-scrollbar-track{background-color:inherit}.modal-content::-webkit-scrollbar{width:18px}.modal-content::-webkit-scrollbar-thumb{background:rgba(var(--color-foreground),.5);border-radius:10px;border:5px solid transparent;background-clip:content-box}.modal-image{display:none;height:auto;transition-property:opacity;transition-duration:.3s;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:0;max-width:120px}.modal-content{font-size:1.5rem;line-height:2rem;font-weight:700;text-align:center}.modal-bg{position:fixed;top:0;left:0;visibility:hidden;z-index:10;width:100%;height:100%;background-color:#000;transition-property:opacity;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);pointer-events:none;opacity:0}.modal-close{position:absolute;top:.5rem;right:2rem;padding:.5rem}.modal-close-c{display:flex;justify-content:center;align-items:center;position:absolute;top:4px;right:4px;width:40px;height:40px;padding:9px;background:transparent;border:none;border-radius:99px;cursor:pointer}.modal-close-c:hover{background:rgba(var(--color-foreground),.1)}.modal-close-c svg{width:25px;height:25px;color:rgb(var(--color-foreground))}.modal-header{font-size:3.6rem;line-height:1;font-weight:700;text-align:start;margin-bottom:2.5rem!important}@media screen and (max-width: 1024px){.modal-header{font-size:2.6rem}}.modal-text{font-size:1.125rem;line-height:1.75rem;text-align:start}.modal-price{font-size:3.6rem;line-height:4.8rem;text-align:center;font-weight:700;margin:0 40px 0 0!important}@media screen and (max-width: 1024px){.modal-price{font-size:2.6rem}}.modal-button-container{display:flex;justify-content:center;padding:20px;border-top:1px solid}
/*# sourceMappingURL=/cdn/shop/t/63/assets/product-modal.css.map */