.product-addon-modal{position:fixed;top:0;left:0;width:100svw;height:100svh;display:flex;align-items:center;z-index:9999}.product-addon-modal[x-cloak]{display:none!important}.product-addon-modal .backdrop{display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;background-color:#0000004d}.product-addon-modal .container{pointer-events:none}.product-addon-modal .modal-box{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));max-width:120rem;background-color:var(--white);border-radius:1.2rem;margin-inline:auto;overflow:hidden;pointer-events:all;position:relative;isolation:isolate}@media screen and (min-width: 1024px){.product-addon-modal .modal-box{grid-template-columns:repeat(2,minmax(0,1fr));max-width:120rem;max-height:85svh;border-radius:1.6rem}}.product-addon-modal .modal-box .modal-close{position:absolute;top:2rem;right:2rem;z-index:10;cursor:pointer}@media screen and (min-width: 1024px){.product-addon-modal .modal-box .modal-close{top:3.2rem;right:3.2rem}}.product-addon-modal .modal-box .column-image{display:flex;align-items:center;justify-content:center;max-height:35rem}@media screen and (min-width: 1024px){.product-addon-modal .modal-box .column-image{max-height:none}}.product-addon-modal .modal-box .column-image img{width:100%;height:100%;object-fit:cover}.product-addon-modal .modal-box .column-content{padding:2.4rem 2.4rem 0;background-color:var(--white);max-height:56rem;overflow-y:auto}@media screen and (min-width: 1024px){.product-addon-modal .modal-box .column-content{padding:5.6rem 4.8rem;max-height:85svh}}.product-addon-modal .modal-box .column-content>h2{font-size:3.2rem;font-weight:700;line-height:4rem;letter-spacing:0%;color:var(--black);margin-bottom:.8rem}.product-addon-modal .modal-box .column-content .text p{font-size:1.6rem;font-weight:400;line-height:1.5;color:var(--black);margin-bottom:2.2rem}.product-addon-modal .modal-box .column-content .text p:has(b:first-child){margin-bottom:.4rem}.product-addon-modal .modal-box .column-content .features-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.2rem;row-gap:3.2rem;margin-top:3.2rem}.product-addon-modal .modal-box .column-content .features-grid .feature{display:flex;flex-direction:column;align-items:center;justify-content:center}.product-addon-modal .modal-box .column-content .features-grid .feature .title{font-size:2.8rem;font-weight:600;line-height:2.4rem;letter-spacing:0%;color:var(--black);text-align:center}.product-addon-modal .modal-box .column-content .features-grid .feature .subtitle{font-size:1.6rem;font-weight:600;line-height:2.4rem;letter-spacing:0%;color:var(--black);text-align:center;margin-top:.8rem}.product-addon-modal .modal-box .column-content .features-grid .feature .feature-text{font-size:1.6rem;font-weight:400;line-height:2.4rem;letter-spacing:0%;color:var(--grey-900);text-align:center;margin-top:.4rem}.product-addon-modal .modal-box .column-content .modal-checkbox-wrapper{background-color:var(--white);padding-block:2.4rem;position:sticky;bottom:0}.product-addon-modal .modal-box .column-content .modal-checkbox{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--grey-150);border-radius:.8rem;padding:1.6rem;cursor:pointer;transition:border-color .2s ease;background-color:var(--white)}.product-addon-modal .modal-box .column-content .modal-checkbox:hover{border-color:var(--black)}@media screen and (min-width: 1024px){.product-addon-modal .modal-box .column-content .modal-checkbox{padding:2.4rem}}.product-addon-modal .modal-box .column-content .modal-checkbox .option{font-size:1.8rem;font-weight:700;line-height:1.6rem;letter-spacing:0%;color:var(--grey-900);position:relative}.product-addon-modal .modal-box .column-content .modal-checkbox .option>*{vertical-align:middle}.product-addon-modal .modal-box .column-content .modal-checkbox .option .checkbox{display:inline-block;width:2rem;height:2rem;border:1.5px solid var(--grey-500);border-radius:4px;background-color:var(--white);margin-right:1.6rem;position:relative}.product-addon input:not(.option-off):checked~.product-addon-modal .modal-box .column-content .modal-checkbox{border-color:var(--black)}.product-addon input:not(.option-off):checked~.product-addon-modal .modal-box .column-content .modal-checkbox .option .checkbox:after{opacity:1}.product-addon-modal .modal-box .column-content .modal-checkbox .option .checkbox:after{content:"";width:1.2rem;height:6px;border-left:1.5px solid var(--black);border-bottom:1.5px solid var(--black);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);margin-top:-1.5px;opacity:0;transition:opacity .2s ease}.product-addon-modal .modal-box .column-content .modal-checkbox .option-price{width:max-content;font-size:1.6rem;font-weight:500;line-height:2.4rem;letter-spacing:0%;color:var(--black)}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-product-addon-modal.css.map */