.tan-compare{background-color:rgb(var(--color-background));color:rgb(var(--color-foreground))}.tan-compare__row{display:grid;grid-template-columns:minmax(280px,467px) minmax(300px,626px);grid-template-rows:auto 1fr auto;grid-template-areas:"heading media" ".       media" "list    media";justify-content:space-between;gap:clamp(40px,6vw,120px)}.tan-compare__row>.heading{grid-area:heading;display:flex;flex-direction:column;gap:30px}.tan-compare__row>.list{grid-area:list;display:flex;flex-direction:column;gap:clamp(32px,3.5vw,45px)}.tan-compare__row .title.main-title h2{margin:0;text-align:left;font-family:var(--benton-bold)!important;font-size:var(--font-size-28);line-height:107.143%}.tan-compare__row .subtitle p{margin:0;text-align:left;font-family:var(--benton-book)!important;font-size:15px;line-height:126.667%;letter-spacing:.75px}.tan-compare__row .list .item .title h3{margin:0 0 15px;text-align:left;font-family:var(--benton-bold)!important;font-size:var(--font-size-23);line-height:126.667%;letter-spacing:1.15px}.tan-compare__row .list .item .text p{margin:0;text-align:left;font-family:var(--benton-book)!important;font-size:var(--font-size-12);line-height:131.9%;letter-spacing:.6px}.tan-compare__media{grid-area:media}.tan-compare__media custom-before{--width: 50%;display:block;width:100%;position:relative}.tan-compare__media .custom-before__wrap{aspect-ratio:1/1;position:relative}.tan-compare__media custom-before input{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;background:transparent;z-index:3;cursor:ew-resize;-webkit-appearance:none;appearance:none;margin:0;padding:0;border:0;color:transparent;opacity:0}.tan-compare__media custom-before input[type=range]::-webkit-slider-runnable-track{height:100%;background:transparent;border:0}.tan-compare__media custom-before input[type=range]::-webkit-slider-thumb{height:100%;min-height:100%;-webkit-appearance:none;appearance:none;width:40px;background:transparent;border:0;box-shadow:none}.tan-compare__media custom-before img{display:block;width:100%;height:100%;object-fit:cover;object-position:left}.tan-compare__media custom-before .image-before{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;width:var(--width);z-index:2}.tan-compare__media custom-before .image-after{position:relative}.tan-compare__label{position:absolute;top:50%;transform:translateY(-50%);color:#000;text-align:center;font-family:var(--benton-medium);font-size:11px;line-height:1.3;letter-spacing:1px;text-transform:uppercase;z-index:4;opacity:1;transition:opacity .2s ease}.tan-compare__media custom-before.is-dragging .tan-compare__label,.tan-compare__label.is-hidden{opacity:0;transition-duration:.1s}.tan-compare__label--before{left:21.7%;max-width:25%}.tan-compare__label--after{left:66%;max-width:26%}.tan-compare__media custom-before .slider-line{position:absolute;top:0;right:0;bottom:0;left:0;left:var(--width);transform:translate(-50%);pointer-events:none;background-color:#fff;width:3px;height:100%;z-index:3}.tan-compare__media custom-before svg{position:absolute;top:50%;color:#fff;left:var(--width);transform:translate(calc(-50% + 3px),-50%)}.tan-compare__media .signature{margin:13px 0 0}.tan-compare__media .signature p{margin:0;text-align:center;font-family:var(--benton-book)!important;font-size:12px;letter-spacing:.6px}@media(max-width:989px){.tan-compare__row{grid-template-columns:1fr;grid-template-rows:auto auto auto;grid-template-areas:"heading" "media" "list";gap:clamp(30px,5vw,50px)}.tan-compare__row .heading,.tan-compare__row .title.main-title h2,.tan-compare__row .subtitle p,.tan-compare__row .list .item .title h3,.tan-compare__row .list .item .text p{text-align:center}.tan-compare__row .list .item .title h3{margin:0 0 8px}}
/*# sourceMappingURL=/cdn/shop/t/75/assets/section-tan-compare.css.map */