.product-skin-compatibility{width:100%;background:var(--light-bg-color);color:var(--dark-text);overflow:hidden}.product-skin-compatibility__inner{width:100%;max-width:1400px;margin:0 auto;padding:88px 110px 96px;box-sizing:border-box}.product-skin-compatibility__header{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:40px}.product-skin-compatibility__sub-heading{margin:0 0 12px;color:var(--accent-color);font-size:11px;line-height:1.2;font-weight:600;letter-spacing:.2em;text-transform:uppercase}.product-skin-compatibility__heading{max-width:640px;margin:0;color:var(--dark-text);font-family:"DM Serif Display",serif!important;font-size:64px;line-height:.98;font-weight:400;letter-spacing:-.025em}.product-skin-compatibility__drag-label{display:flex;align-items:center;gap:12px;padding-bottom:6px;color:var(--dark-text);font-size:10px;line-height:1;font-weight:600;letter-spacing:.16em;text-transform:uppercase;opacity:.55}.product-skin-compatibility__drag-line{position:relative;display:block;width:46px;height:1px;background:color-mix(in srgb,var(--dark-text) 35%,transparent)}.product-skin-compatibility__drag-line:after{content:"";position:absolute;top:-2px;right:0;width:5px;height:5px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg)}.product-skin-compatibility__stage{position:relative;overflow:hidden;border-top:1px solid color-mix(in srgb,var(--dark-border-color) 15%,transparent);border-bottom:1px solid color-mix(in srgb,var(--dark-border-color) 15%,transparent)}.product-skin-compatibility__parallax{position:absolute;z-index:0;top:50%;left:-2%;display:flex;align-items:center;gap:60px;width:max-content;transform:translateZ(0) translateY(-50%);pointer-events:none;will-change:transform}.product-skin-compatibility__parallax span{color:var(--dark-text);opacity:.035;font-family:"DM Serif Display",serif!important;font-size:150px;line-height:.8;font-weight:400;letter-spacing:-.055em;white-space:nowrap}.product-skin-compatibility__track{position:relative;z-index:1;display:flex;gap:0;width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch;cursor:grab;-webkit-user-select:none;user-select:none}.product-skin-compatibility__track::-webkit-scrollbar{display:none}.product-skin-compatibility__track.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}.product-skin-compatibility__item{position:relative;flex:0 0 31%;min-width:0;min-height:280px;display:flex;flex-direction:column;justify-content:space-between;padding:32px 34px 34px;border-right:1px solid color-mix(in srgb,var(--dark-border-color) 15%,transparent);box-sizing:border-box;scroll-snap-align:start;overflow:hidden;transition:background .35s ease}.product-skin-compatibility__item:hover{background:color-mix(in srgb,var(--light-bg-color) 80%,transparent)}.product-skin-compatibility__item-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.product-skin-compatibility__number{color:var(--dark-text);opacity:.28;font-size:10px;line-height:1;font-weight:600;letter-spacing:.14em}.product-skin-compatibility__check{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid color-mix(in srgb,var(--dark-border-color) 20%,transparent);border-radius:50%;color:var(--accent-color);transition:background .35s ease,color .35s ease,border-color .35s ease,transform .35s ease}.product-skin-compatibility__check svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.product-skin-compatibility__item-content{position:relative;z-index:2;margin-top:60px}.product-skin-compatibility__item-title{margin:0 0 9px;color:var(--dark-text);font-size:18px;line-height:1.35;font-weight:700}.product-skin-compatibility__item-description{max-width:320px;color:var(--dark-text);font-size:16px;line-height:1.7;font-weight:400}.product-skin-compatibility__item-accent{position:absolute;left:0;bottom:0;width:0;height:3px;background:var(--accent-color);transition:width .45s ease}@media(hover:hover){.product-skin-compatibility__item:hover .product-skin-compatibility__item-accent{width:100%}.product-skin-compatibility__item:hover .product-skin-compatibility__check{background:var(--accent-color);border-color:var(--accent-color);color:var(--light-bg-color);transform:rotate(-8deg)}}.product-skin-compatibility__controls{display:flex;align-items:center;gap:28px;margin-top:24px}.product-skin-compatibility__progress{position:relative;flex:1;height:2px;overflow:hidden;background:color-mix(in srgb,var(--dark-border-color) 15%,transparent)}.product-skin-compatibility__progress-fill{position:absolute;top:0;left:0;width:0;height:100%;background:var(--accent-color);display:block!important;transition:width .12s ease-out}.product-skin-compatibility__navigation{display:flex;gap:8px}.product-skin-compatibility__nav{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid color-mix(in srgb,var(--dark-border-color) 20%,transparent);border-radius:50%;background:transparent;color:var(--dark-text);cursor:pointer;transition:background .3s ease,color .3s ease,border-color .3s ease,opacity .3s ease}.product-skin-compatibility__nav svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.product-skin-compatibility__nav:hover:not(:disabled){background:var(--accent-color);border-color:var(--accent-color)}.product-skin-compatibility__nav:disabled{opacity:.25;cursor:default}@media screen and (max-width:989px){.product-skin-compatibility__inner{padding:72px 40px 78px}.product-skin-compatibility__heading{max-width:620px;font-size:58px}.product-skin-compatibility__item{flex-basis:44%;min-height:270px;padding:30px 28px}.product-skin-compatibility__item-title{font-size:18px}.product-skin-compatibility__item-description{font-size:16px}}@media screen and (max-width:749px){.product-skin-compatibility__inner{padding:58px 22px 64px}.product-skin-compatibility__header{display:block;margin-bottom:30px}.product-skin-compatibility__drag-label{margin-top:22px;padding-bottom:0}.product-skin-compatibility__sub-heading{margin-bottom:10px;font-size:10px}.product-skin-compatibility__heading{max-width:100%;font-size:48px;line-height:.98}.product-skin-compatibility__track{scroll-snap-type:x proximity}.product-skin-compatibility__item{flex-basis:82%;min-height:250px;padding:26px 24px 28px}.product-skin-compatibility__item-content{margin-top:46px}.product-skin-compatibility__item-title{margin-bottom:8px;font-size:17px}.product-skin-compatibility__item-description{max-width:100%;font-size:15px;line-height:1.7}.product-skin-compatibility__parallax span{font-size:110px}.product-skin-compatibility__controls{gap:18px}.product-skin-compatibility__nav{width:40px;height:40px}}@media screen and (max-width:480px){.product-skin-compatibility__inner{padding-left:18px;padding-right:18px}.product-skin-compatibility__heading{font-size:44px}.product-skin-compatibility__item{flex-basis:88%}.product-skin-compatibility__item-title{font-size:17px}.product-skin-compatibility__item-description{font-size:15px}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/product-skin-compatibility.css.map */