.homecomp-wrapper{padding:6.4rem 2.4rem;background:#fff}.homecomp{position:relative;max-width:120rem;margin:0 auto;border-radius:1.8rem;background:#fafafa;z-index:1}.homecomp:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:1.8rem;padding:10px;background:linear-gradient(115deg,#000,#050505,#1a1a1a 12%,#3a3a3a 16%,#707070 19%,#9a9a9a,#c4c4c4,#9a9a9a 25%,#5a5a5a 28%,#1a1a1a,#050505 40%,#0f0f0f 48%,#262626,#0f0f0f 56%,#050505,#1a1a1a 68%,#5a5a5a 72%,#9a9a9a,#c4c4c4,#9a9a9a,#707070 80%,#3a3a3a,#1a1a1a 88%,#050505,#000),linear-gradient(25deg,#fff0,#ffffff14 20%,#fff0 35%,#ffffff1f 55%,#fff0,#ffffff0f,#fff0),#000;background-size:300% 300%,200% 200%,100% 100%;background-blend-mode:screen,normal,normal;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:homecomp-liquid 9s ease-in-out infinite;z-index:-1;pointer-events:none}@keyframes homecomp-liquid{0%{background-position:0% 50%,100% 0%,0 0}25%{background-position:45% 25%,50% 35%,0 0}50%{background-position:100% 50%,0% 70%,0 0}75%{background-position:55% 75%,50% 100%,0 0}to{background-position:0% 50%,100% 0%,0 0}}.homecomp__inner{display:flex;flex-direction:column;gap:3.2rem;padding:3rem}.homecomp__media{order:1}.homecomp__list{order:2}.homecomp__media{position:relative;background:transparent;border-radius:1.2rem;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;min-height:40rem}.homecomp__slider-img{width:100%;height:auto;display:block;will-change:clip-path}.homecomp__slider-img--after{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%)}.homecomp__slider-img--before{clip-path:polygon(0 0,50% 0,50% 100%,0 100%)}.homecomp__slider-line{display:block!important;position:absolute;top:0;bottom:0;left:50%;width:2px;background:#fff;transform:translate(-50%);pointer-events:none;box-shadow:0 0 12px #00000040;z-index:2;will-change:left}.homecomp__slider-handle{display:flex!important;position:absolute;top:50%;left:50%;width:2.8rem;height:2.8rem;margin-left:-1.4rem;margin-top:-1.4rem;border-radius:50%;background:#fff;box-shadow:0 2px 10px #00000040;align-items:center;justify-content:center;gap:3px;pointer-events:none;z-index:3;will-change:left}.homecomp__slider-handle:before,.homecomp__slider-handle:after{content:"";width:1px;height:9px;background:#111}.homecomp__range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:3}.homecomp__label{position:absolute;top:1.6rem;font-size:1.1rem;font-weight:500;letter-spacing:-.02em;text-transform:uppercase;color:#111;background:#ffffffe6;padding:.5rem 1rem;border-radius:.4rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1}.homecomp__label--before{left:1.6rem}.homecomp__label--after{right:1.6rem}.homecomp__list{display:flex;flex-direction:column}.homecomp__item{display:flex;align-items:center;gap:1.6rem;padding:2rem 0;border-bottom:.5px solid rgba(0,0,0,.1);opacity:0;transform:translateY(12px);transition:opacity .7s cubic-bezier(.25,.1,.25,1),transform .7s cubic-bezier(.25,.1,.25,1)}.homecomp__item.in-view{opacity:1;transform:translateY(0)}.homecomp__item:last-child{border-bottom:none}.homecomp__num{font-size:1.1rem;font-weight:400;color:#1116;flex-shrink:0;min-width:2.4rem}.homecomp__item-body{flex:1}.homecomp__title{font-size:1.6rem;font-weight:600;color:#111;line-height:1.3;margin:0 0 .4rem}.homecomp__desc{font-size:1.4rem;font-weight:400;color:#111111b3;line-height:1.5;margin:0 0 .6rem}.homecomp__ref{display:flex;align-items:flex-start;gap:.6rem;opacity:.5}.homecomp__ref-icon{width:1.3rem;height:1.3rem;margin-top:.2rem;flex-shrink:0}.homecomp__ref-text{font-size:1.15rem;line-height:1.35;color:#111}@media(min-width:990px){.homecomp-wrapper{padding:9.6rem 0}.homecomp{max-width:none;width:70%}.homecomp__inner{flex-direction:row;gap:6.4rem;padding:4rem 4rem 4rem 6.4rem;align-items:stretch}.homecomp__list{flex:1;order:1;justify-content:center}.homecomp__media{flex:1;order:2;align-self:center}.homecomp__item{padding:2rem 0;gap:2rem}.homecomp__title{font-size:1.8rem}.homecomp__desc{font-size:1.4rem}.homecomp__num{font-size:1.2rem;min-width:3rem}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-homepage-comparison.css.map */