.product-modal--dialog{width:100%;max-width:450px;border-radius:8px;border:none;color:rgb(var(--color-foreground));opacity:0;visibility:hidden;transition:opacity .4s ease;will-change:transform,opacity}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}.product-modal--dialog.show{animation:slideUp .4s forwards;visibility:visible}.product-modal--dialog.hide{animation:slideDown .4s forwards;visibility:visible}.product-modal--dialog strong{font-weight:500;color:rgb(var(--color-button))}.product-modal--dialog strong:after{content:none}.product-modal--header{position:relative;display:flex;justify-content:center;padding-top:2rem;margin-bottom:2rem}.product-modal--title{font-weight:500;font-size:3rem}.close-dialog{display:flex;align-items:center;justify-content:center;border-radius:5px;cursor:pointer;position:absolute;top:-4px;right:-4px;width:16px;height:16px;stroke:#000}.product-modal--dialog .rte ul{list-style:none;padding:0;font-weight:200}.product-modal--dialog .rte ul li{position:relative;padding-left:2em;margin-bottom:1em}.product-modal--dialog .rte ul li:before{content:"\2714";position:absolute;left:0;top:.1em;width:1.5em;height:1.5em;border:2px solid rgb(var(--color-button));border-radius:50%;color:rgb(var(--color-button));display:flex;align-items:center;justify-content:center;font-size:.8em;padding-top:2px}.product-modal--opener{display:flex;align-items:center;cursor:pointer;text-decoration:underline;font-weight:400;gap:2px;color:rgb(var(--color-button));font-size:calc(var(--font-heading-scale) * 1.6rem)}@media screen and (max-width:768px){.product-modal--dialog{max-width:94%;position:fixed;bottom:0;left:50%;transform:translate(-50%) translateY(100%);margin:auto auto 0;border-radius:8px 8px 0 0}@keyframes slideUpMobile{0%{transform:translate(-50%) translateY(100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes slideDownMobile{0%{transform:translate(-50%) translateY(0);opacity:1}to{transform:translate(-50%) translateY(100%);opacity:0}}.product-modal--dialog.show{animation:slideUpMobile .4s forwards}.product-modal--dialog.hide{animation:slideDownMobile .4s forwards}.product-modal--opener{bottom:3%;right:15%}.product-modal--opener svg{width:16px;height:16px}}@media screen and (max-width:350px){.product-modal--dialog{max-width:90%}}@media screen and (max-width: 380px){.product-modal--opener{font-size:calc(var(--font-heading-scale) * 1.4rem)}}
/*# sourceMappingURL=/cdn/shop/t/165/assets/component-product-modal.css.map */
