.product-comparison-container{margin:auto auto 20px;width:min(calc(100% - 30px),1300px);--section-width: 800px;--section-background-color: white;padding:0 20px}@media (max-width: 1300px){.product-comparison-container{overflow-x:auto}}.header-container{display:flex;justify-content:space-between;align-items:center;flex-direction:row;flex-wrap:wrap;gap:20px;margin-bottom:40px}.header-container h2{font-weight:600;margin:0;text-transform:capitalize}product-type-select{box-sizing:border-box}product-type-select .track{gap:10px}product-type-select label{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:5px 20px;cursor:pointer;overflow:hidden;border-radius:15px}product-type-select .item:has(input:checked){border-color:#0f0!important}product-type-select label:after{content:"";top:0;transform:translate(100%);width:500%;height:200px;position:absolute;z-index:1;background:-moz-linear-gradient(45deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%);background:-webkit-linear-gradient(45deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%);background:-o-linear-gradient(45deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%);background:-ms-linear-gradient(45deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%);background:linear-gradient(-45deg,#fff0,#fffc 50%,#80bae800 99%,#7db9e800);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff",endColorstr="#007db9e8",GradientType=1)}product-type-select label:has(input:checked):after{animation:slide_infinite 3s infinite}@keyframes slide_infinite{0%{transform:translate(-100%)}33%{transform:translate(100%)}to{transform:translate(100%)}}.preview-wrapper{min-width:var(--section-width);border-radius:15px;box-shadow:0 0 10px #0000001a;background-color:var(--section-background-color, lightgray);text-align:center;padding:80px 20px 20px;transform:translateY(-80px);box-sizing:border-box;display:grid;gap:20px;margin-top:20px;margin-bottom:40px;grid-auto-flow:column;grid-auto-columns:1fr;grid-template-areas:"image" "price-before" "price" "warning" "url"}.product-selectors-container{min-width:var(--section-width);box-sizing:border-box;position:sticky;z-index:5;top:50px;display:grid;margin:20px 0;gap:20px;grid-auto-flow:column;grid-auto-columns:1fr;padding:0 20px}.product-selector-wrapper{display:flex;justify-content:center;align-items:center}.product-selector-wrapper .product-select{width:100%;background-color:var(--section-background-color, lightgray)}.product-selector-wrapper .product-select:focus-visible{box-shadow:0 0 .3rem var(--section-background-color, lightgray),0 0 .5rem .4rem rgba(var(--color-foreground),.3)}.product-selector-wrapper .product-select label{background-color:var(--section-background-color, lightgray)}.preview-container{display:grid;grid-row:1 / -1;grid-template-rows:subgrid;position:relative;justify-content:center;align-items:center;grid-template-areas:"image" "price-before" "price" "warning" "url"}.preview-container img{grid-area:image;width:60%;aspect-ratio:1/1;object-fit:cover;border-radius:15px;padding:10px;box-shadow:0 0 10px #00000080}.preview-container .product-price{display:grid;grid-row:price-before / price;grid-template-rows:subgrid;gap:2px;justify-content:center;grid-template-areas:"price-before" "price"}.preview-container .product-price .price{grid-area:price;font-size:1.5em;font-weight:600;margin:0;text-transform:capitalize}.preview-container .product-price .price-before-container{grid-area:price-before;box-sizing:border-box;margin:0;text-transform:capitalize;text-decoration:line-through;font-weight:500;font-size:.9em;gap:5px;display:flex;justify-content:center}.preview-container .product-price .price-before-container:has(>span:empty){display:none}.preview-container .product-price .price-after{color:red}.preview-container .product-price .discount-container{position:absolute;top:-1.5em;right:2.5em;display:flex;font-family:var(--font-body-family);font-weight:600;text-transform:uppercase;background-color:red;border-radius:4px;color:#fff;padding:5px 10px;font-size:.7em;margin:5px;gap:5px}.preview-container .product-price .discount-container:has(>span:empty){display:none}.preview-container .product-price .new-tag{position:absolute;top:-1.5em;left:2.5em;display:flex;align-items:center;justify-content:center;font-family:(--font-body-family);font-weight:600;text-transform:uppercase;background-color:#47649c;border-radius:4px;color:#fff;padding:5px 10px;font-size:.7em;margin:5px}.preview-container .product-link{grid-area:url;display:block;padding:5px 20px;width:fit-content;background-color:green;color:#fff;text-decoration:none;border-radius:10px;border:none;text-align:center;transition:background-color .3s ease;cursor:pointer;box-sizing:border-box;justify-self:center;font-size:.8em}.preview-container .product-link:hover{background-color:#006400}.preview-container .warning-missing-techspec{grid-area:warning;display:none;justify-content:center;align-items:center;font-size:.6em;background-color:#ff0000b3;color:#fff;padding:5px 15px;border-radius:10px}.comparison-wrapper{min-width:var(--section-width);border-radius:15px;box-shadow:0 0 10px #0000001a;padding:20px}.spec-group-header{display:flex;justify-content:space-between;flex-direction:row;width:100%;align-items:center;gap:20px}.spec-group-title{font-size:1.2em;font-weight:700}.horizontal-line{border-top:2px solid gray;display:block!important;height:0px;flex-grow:1}.spec-group-data{width:100%}.spec-group-data .row{display:grid;gap:10px;margin-top:20px;grid-auto-flow:column;grid-auto-columns:1fr}.spec-group-data .column{display:grid;grid-auto-flow:row;grid-auto-rows:min-content;text-align:var(--section-techspec-align, left);padding:10px}.spec-group-data .column-underline>.column{border-bottom:1px solid gray}.spec-group-data .column-box>.column{border-radius:10px}.spec-group-data .tech-field{font-weight:700;color:#b2b2b2}.spec-group-data .tech-value{font-weight:700}.product-select{font-size:1.3rem;padding:10px 5px;border-radius:10px;font-family:var(--font-body-family)}
/*# sourceMappingURL=/cdn/shop/t/24/assets/product-comparison.css.map */