.dropdown{position:relative;display:flex;width:100%;font-size:12px}.dropdown.with-images .dropdown-label{display:flex;align-items:center;height:70px;gap:10px}.dropdown.with-images .dropdown-label span.image{width:50px;height:50px;display:block;position:relative}.dropdown.with-images .dropdown-label span.image::after{content:"";position:absolute;top:0;left:0;display:block;width:50px;height:50px;border-radius:6px;z-index:1;border:1px dashed rgba(var(--g-color-heading-rgb),1);background-color:rgba(var(--g-color-heading-rgb),.1)}.dropdown.with-images .dropdown-label span.image.selected{border:3px solid rgb(var(--g-color-heading-rgb));position:relative;background-color:rgba(var(--g-color-heading-rgb),1);border-radius:6px;overflow:hidden}.dropdown.with-images .dropdown-label span.image.selected::after{width:100%;height:100%;content:"";position:absolute;top:0;left:0;box-shadow:inset 0 0 0 2px #fff;border-radius:4px;z-index:3;border:none}.dropdown.with-images .dropdown-label span.image img{position:relative;width:100%;height:100%;margin:0;z-index:2;border-radius:6px}.dropdown .dropdown-label{cursor:pointer;width:100%;height:50px;padding:1rem;background-color:rgba(var(--g-color-heading-rgb),.2)}.dropdown .dropdown-label::after{content:"";position:absolute;right:1rem;top:50%;border:solid var(--g-color-heading);border-width:0 2px 2px 0;width:8px;height:8px;transform:translateY(-50%) rotate(45deg)}.dropdown.expanded .dropdown-label::after{transform:translateY(-50%) rotate(-135deg)}.dropdown ul{display:none;position:absolute;top:100%;left:0;width:100%;background-color:#fff;border:1px solid var(--g-color-border);border-radius:4px;z-index:1000;box-shadow:0 2px 8px rgba(0,0,0,.1)}.dropdown ul li{cursor:pointer;border-bottom:1px solid rgba(var(--g-color-heading-rgb),.2);padding:0}.dropdown ul li img{margin-right:10px;border-radius:6px}.dropdown ul li a,.dropdown ul li span{padding:1rem;display:block;width:100%}.dropdown ul li.selected{background-color:rgba(var(--g-color-heading-rgb),.2)}.dropdown ul li:last-child{border-bottom:none}@media screen and (hover:hover){.dropdown ul li:hover{background-color:rgba(var(--g-color-heading-rgb),.2)}}label.grouped{display:flex;flex-direction:row;align-items:flex-start;font-size:12px}@media screen and (max-width:768px){label.grouped{flex-direction:column}}label.grouped>span{min-height:50px;line-height:50px;min-width:120px;font-weight:700}@media screen and (max-width:768px){label.grouped>span{margin-bottom:5px}}label.grouped input{width:100%;height:50px;line-height:50px;font-size:12px;background-color:rgba(var(--g-color-heading-rgb),.2)}label.grouped input::-moz-placeholder{font-size:12px}label.grouped input::placeholder{font-size:12px}label.grouped input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}label.grouped input[type=number]::-webkit-inner-spin-button,label.grouped input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.info-popup{display:inline-block;position:relative;margin-left:5px}.info-popup .title-link{text-decoration:underline;font-size:12px;font-weight:700;margin-left:-5px;cursor:pointer}.info-popup .icon{display:flex;align-items:center;justify-content:center;border-radius:50%;width:16px;height:16px;border:1px solid var(--color-body-text);color:var(--color-body-text);font-size:10px;cursor:pointer;opacity:.5}.info-popup .popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);align-items:center;justify-content:center;display:flex;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}.info-popup .popup.active{pointer-events:auto;opacity:1}.info-popup .popup.active .content{transform:translateX(0)}.info-popup .popup .content{position:relative;background-color:#fff;padding:20px;border-radius:8px;max-width:860px;max-height:80vh;overflow-y:auto;box-shadow:0 2px 10px rgba(0,0,0,.1);transform:translateY(50%);transition:transform .3s ease-in-out}.product-calculator{display:flex;flex-direction:column;gap:1rem;background-color:rgba(var(--g-color-heading-rgb),.1);padding:1rem}.product-calculator.loading,.product-calculator.success{position:relative}.product-calculator.loading:after,.product-calculator.success:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,.8);z-index:10;display:flex;align-items:center;justify-content:center}.product-calculator.loading:before,.product-calculator.success:before{content:"";position:absolute;top:50%;left:50%;width:60px;height:30px;z-index:11;background-size:contain;background-position:center;background-repeat:no-repeat;transform:translate(-50%,-50%)}.product-calculator.loading:before{background-image:url(loader.svg)}.product-calculator.success:before{background-image:url(check.svg)}.product-calculator .button-holder{width:100%}.product-calculator .button-holder .complete,.product-calculator .button-holder .no-variations{display:none}.product-calculator .button-holder p{margin-bottom:1rem}.product-calculator .button-holder .quantity{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.product-calculator .button-holder .quantity label{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.product-calculator .button-holder .quantity label p{margin-bottom:0}.product-calculator .button-holder .quantity label p:first-child{font-weight:700}.product-calculator .button-holder .quantity span{margin-left:auto;display:flex;gap:1px}.product-calculator .button-holder .quantity span button{width:30px;height:40px;background-color:rgba(var(--g-color-heading-rgb),.3);border:none;cursor:pointer;border:none}.product-calculator .button-holder .quantity span button:hover{background-color:rgba(var(--g-color-heading-rgb),.4)}.product-calculator .button-holder .quantity span input{border:none;width:60px;height:40px;text-align:center;font-size:.8rem;background-color:rgba(var(--g-color-heading-rgb),.2);-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.product-calculator .button-holder .quantity span input::-webkit-inner-spin-button,.product-calculator .button-holder .quantity span input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.product-calculator .button-holder .calc-price{text-align:right;margin-bottom:1rem}.product-calculator .button-holder .calc-price p.totals{font-size:1.4rem;font-weight:700;margin-bottom:0}.product-calculator .button-holder .calc-price .small{font-weight:400;font-size:.8rem}.product-calculator .button-holder button[type=submit]{background-color:#343a40;color:#fff;font-size:1rem;font-weight:500;padding:1rem 2rem;width:100%}.product-calculator .button-holder button[type=submit]:disabled{opacity:.3;cursor:not-allowed}
/*# sourceMappingURL=product-calculator.min.css.map */