.overview-compare{background-color:var(--oc-bg, #050608);padding:var(--oc-pt, 80px) 0 var(--oc-pb, 80px);position:relative;overflow:hidden}.overview-compare__bg-video{display:none}@media screen and (max-width:749px){.overview-compare__bg-video{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.overview-compare__bg-video video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.35}.overview-compare__inner{position:relative;z-index:1}}@media(prefers-reduced-motion:reduce){.overview-compare__bg-video{display:none}}.overview-compare__inner{max-width:1100px;margin:0 auto;padding:0 40px}.overview-compare__header{text-align:center;margin-bottom:56px;opacity:0;transform:translateY(32px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}.overview-compare__header.is-visible{opacity:1;transform:translateY(0)}.overview-compare__subtitle-row{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:16px}.overview-compare__subtitle-line{width:24px;height:1px;background-color:var(--oc-accent, #0BAE1E);flex-shrink:0}.overview-compare__subtitle{font-family:var(--font-body-family, "Helvetica Neue", sans-serif);font-weight:500;font-size:1.04rem;letter-spacing:.29rem;line-height:1.56rem;text-transform:uppercase;color:var(--oc-accent, #0BAE1E);margin:0}.overview-compare__heading{font-family:"Anton",var(--font-heading-family, sans-serif);font-weight:400;font-size:5.6rem;line-height:1.05;text-transform:uppercase;color:var(--oc-heading-color, #ffffff);margin:0 0 16px}.overview-compare__description{font-family:var(--font-body-family, "Helvetica Neue", sans-serif);font-weight:400;font-size:1.5rem;line-height:1.6;color:var(--oc-subheading-color, rgba(255, 255, 255, .5));margin:0 auto;max-width:560px}.overview-compare__card{background:var(--oc-card-bg, rgba(12, 14, 16, .85));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:16px;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0a;overflow:visible;position:relative;margin-top:80px;opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.22,1,.36,1) .15s,transform .8s cubic-bezier(.22,1,.36,1) .15s}.overview-compare__card.is-visible{opacity:1;transform:translateY(0)}.overview-compare__card:before{content:"";position:absolute;top:-40px;left:50%;transform:translate(-50%);width:60%;height:120px;background:radial-gradient(ellipse,rgba(11,174,30,.08) 0%,transparent 70%);pointer-events:none;z-index:0}.overview-compare__table-header,.overview-compare__row{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr}.overview-compare__table-header{border-bottom:1px solid rgba(255,255,255,.08)}.overview-compare__table-header-label{display:flex;align-items:flex-end;padding:0 24px 20px;margin:0}.overview-compare__table-header-label span{font-family:var(--font-body-family, "Helvetica Neue", sans-serif);font-weight:600;font-size:1.04rem;letter-spacing:.15rem;text-transform:uppercase;color:#ddd}.overview-compare__col-heading{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:20px 16px;text-align:center;border-left:1px solid rgba(255,255,255,.08);position:relative}.overview-compare__col-heading-text{font-family:var(--font-body-family, "Helvetica Neue", sans-serif);font-weight:700;font-size:1.04rem;letter-spacing:.15rem;line-height:1.56rem;text-transform:uppercase;white-space:nowrap}.overview-compare__col-heading--brand{color:var(--oc-accent, #0BAE1E)}.overview-compare__col-heading--comp1,.overview-compare__col-heading--comp2{color:#ddd}.overview-compare__thead-img{width:90px;height:115px;object-fit:contain;object-position:center bottom;margin-top:-82px;margin-bottom:12px;filter:drop-shadow(0 8px 20px rgba(0,0,0,.4));transition:transform .3s ease}.overview-compare__col-heading--brand .overview-compare__thead-img{width:120px;height:150px;margin-top:-115px;filter:drop-shadow(0 8px 24px rgba(11,174,30,.2))}.overview-compare__col-heading--comp1 .overview-compare__thead-img,.overview-compare__col-heading--comp2 .overview-compare__thead-img{filter:blur(1.5px) drop-shadow(0 8px 20px rgba(0,0,0,.3));opacity:.7}.overview-compare__col-heading:hover .overview-compare__thead-img{transform:translateY(-4px)}.overview-compare__col-heading:hover{background:#ffffff0d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1px #ffffff0f;transition:background .2s ease}.overview-compare__col-heading--brand:hover{background:#0bae1e0f;box-shadow:inset 0 0 0 1px #0bae1e1a}.overview-compare__table-body{position:relative;z-index:1}.overview-compare__row{border-bottom:1px solid var(--oc-row-border, rgba(255, 255, 255, .05));transition:background .15s ease;opacity:0;transform:translateY(10px);transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1),background .15s ease;transition-delay:calc(var(--row-index, 0) * .07s)}.overview-compare__row.is-visible{opacity:1;transform:translateY(0)}.overview-compare__row:last-child{border-bottom:none}.overview-compare__row:hover{background:#ffffff0a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1px #ffffff0f,0 2px 12px #0000001a}.overview-compare__cell-label{padding:16px 24px;font-family:var(--font-body-family, "Helvetica Neue", sans-serif);font-weight:500;font-size:1.36rem;line-height:1.92rem;color:var(--oc-label-color, #ffffff);margin:0;display:flex;align-items:center}.overview-compare__cell-brand{padding:16px 20px;text-align:center;margin:0;font-family:var(--font-body-family, "Helvetica Neue", sans-serif);font-weight:700;font-size:1.6rem;line-height:2.4rem;color:var(--oc-accent, #0BAE1E);position:relative;border-left:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center}.overview-compare__row:first-child .overview-compare__cell-brand{font-family:"Anton",var(--font-heading-family, sans-serif);font-weight:400;font-size:1.68rem;line-height:2.52rem}.overview-compare__cell-comp1,.overview-compare__cell-comp2{padding:16px 20px;text-align:center;color:#ddd;margin:0;font-family:var(--font-body-family, "Helvetica Neue", sans-serif);font-weight:600;font-size:1.44rem;line-height:2.16rem;border-left:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center}.overview-compare__row:first-child .overview-compare__cell-comp1,.overview-compare__row:first-child .overview-compare__cell-comp2{font-family:"Anton",var(--font-heading-family, sans-serif);font-weight:400;font-size:1.68rem;line-height:2.52rem;color:var(--oc-comp-first-row, rgba(255, 255, 255, .45))}@media screen and (max-width:989px){.overview-compare__inner{padding:0 40px}.overview-compare__heading{font-size:44px}.overview-compare__card{border-radius:12px}}@media screen and (max-width:749px){.overview-compare__inner{padding:0 16px}.overview-compare__header{margin-bottom:32px}.overview-compare__heading{font-size:35.2px;line-height:31.68px}.overview-compare__description{font-size:1.3rem}.overview-compare__card{border-radius:10px;overflow:visible;margin-top:50px}.overview-compare__card:before{display:none}.overview-compare__table-scroll{overflow-x:auto;overflow-y:inherit;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--oc-accent, #0BAE1E) rgba(255,255,255,.05);padding-top:60px;margin-top:-60px}.overview-compare__table-scroll::-webkit-scrollbar{height:4px}.overview-compare__table-scroll::-webkit-scrollbar-track{background:#ffffff0d;border-radius:2px}.overview-compare__table-scroll::-webkit-scrollbar-thumb{background:var(--oc-accent, #0BAE1E);border-radius:2px}.overview-compare__table-header,.overview-compare__row{grid-template-columns:.8fr 1fr .9fr .9fr;min-width:560px}.overview-compare__table-header-label{padding:0 12px 14px}.overview-compare__table-header-label span{font-size:.8rem;letter-spacing:.08rem}.overview-compare__col-heading{padding:14px 8px}.overview-compare__col-heading-text{font-size:.9rem;letter-spacing:.06rem;white-space:normal;line-height:1.3}.overview-compare__cell-label{padding:12px;font-size:1.15rem}.overview-compare__cell-brand{padding:12px 8px;font-size:1.3rem}.overview-compare__cell-comp1,.overview-compare__cell-comp2{padding:12px 8px;font-size:1.1rem}.overview-compare__thead-img{width:50px;height:65px;margin-top:-46px;margin-bottom:6px}.overview-compare__col-heading--brand .overview-compare__thead-img{width:70px;height:90px;margin-top:-66px}.overview-compare__row:first-child .overview-compare__cell-brand,.overview-compare__row:first-child .overview-compare__cell-comp1,.overview-compare__row:first-child .overview-compare__cell-comp2{font-size:1.3rem}.overview-compare__swipe-hint{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 0;font-family:var(--font-body-family, "Helvetica Neue", sans-serif);font-size:1.1rem;color:var(--oc-accent, #0BAE1E);opacity:.6;transition:opacity .4s ease,transform .4s ease;animation:oc-swipe-pulse 2s ease-in-out infinite}.overview-compare__swipe-hint.is-hidden{opacity:0;transform:translateY(-8px);pointer-events:none}@keyframes oc-swipe-pulse{0%,to{opacity:.6}50%{opacity:1}}}.overview-compare__swipe-hint{display:none}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-overview-compare.css.map */