.cyvs{position:relative;isolation:isolate;overflow:clip;padding-block:clamp(88px,10vw,160px);background:#f5f5f3;--vs-ink: #0B0B0C;--vs-mute: #6B6B70;--vs-red: #EB0201;--vs-r: 12px;--vs-lift: 14px 0 28px -22px rgb(11 11 12 / .28), -14px 0 28px -22px rgb(11 11 12 / .28)}.cyvs:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:none;background-size:22px 22px;-webkit-mask:radial-gradient(70% 60% at 50% 0%,#000,transparent 80%);mask:radial-gradient(70% 60% at 50% 0%,#000,transparent 80%)}.cyvs:after{content:"";position:absolute;top:-25%;right:-25%;bottom:-25%;left:-25%;z-index:0;pointer-events:none;opacity:.7;animation:cyvsDrift 22s ease-in-out infinite alternate;background:radial-gradient(30% 26% at 22% 30%,rgb(235 2 1 / .09),transparent 70%),radial-gradient(28% 26% at 78% 22%,rgb(201 163 90 / .14),transparent 70%),radial-gradient(36% 30% at 60% 82%,rgb(11 11 12 / .05),transparent 72%)}@keyframes cyvsDrift{0%{transform:translate3d(-3%,-2%,0) rotate(-2deg)}to{transform:translate3d(3%,2%,0) rotate(2deg)}}.cyvs>*{position:relative;z-index:1}.cyvs__head{margin-block-end:clamp(40px,4.4vw,64px)}.cyvs__table{inline-size:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;font:400 16px / 1.45 var(--font-body-family)}.cyvs__table :is(th,td){padding:24px clamp(12px,2vw,28px);text-align:start;vertical-align:middle;border-block-end:1px solid rgb(11 11 12 / .08);color:var(--vs-mute);transition:background-color .2s ease}.cyvs__table thead th{padding-block:28px 22px;vertical-align:bottom;border-block-end-color:#0b0b0c24}.cyvs__table :is(th,td):first-child{inline-size:22%;padding-inline-start:0}.cyvs__table .cyvs__h--us{inline-size:40%}.cyvs__table .cyvs__h--them{inline-size:34%}.cyvs__hname{display:block;font:600 18px / 1.2 var(--font-heading-family);letter-spacing:-.01em;color:var(--vs-ink)}.cyvs__h--us .cyvs__hname{font-size:20px}.cyvs__h--f .cyvs__hname{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0)}.cyvs__brand{display:block;margin-block-end:4px;font:700 12px / 1.2 var(--font-body-family);letter-spacing:.16em;text-transform:uppercase;color:#da0402}.cyvs__hsub{display:block;margin-block-start:6px;font:400 14px / 1.3 var(--font-body-family);color:var(--vs-mute)}.cyvs__pic{display:block;inline-size:120px;block-size:90px;margin-block-end:12px;padding:4px;border-radius:8px;background:#fff}.cyvs__pic img{display:block;inline-size:100%;block-size:100%;object-fit:contain}.cyvs__label{display:block;font:600 12px / 1.45 var(--font-body-family);letter-spacing:.1em;text-transform:uppercase;color:#8a8a90}.cyvs__hint{display:block;margin-block-start:4px;font-size:13px;line-height:1.4;color:var(--vs-mute)}.cyvs__val{overflow-wrap:anywhere}.cyvs__us .cyvs__val{font-size:16px;font-weight:600;letter-spacing:-.005em;color:var(--vs-ink)}.cyvs__us strong{font-weight:600}.cyvs__them .cyvs__val{font-size:15px;color:var(--vs-mute)}.cyvs__sr{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.cyvs__table :is(.cyvs__h--us,.cyvs__us){position:relative;background-color:#fff;color:var(--vs-ink);box-shadow:var(--vs-lift)}.cyvs__table .cyvs__h--us{border-radius:var(--vs-r) var(--vs-r) 0 0;box-shadow:inset 0 3px 0 var(--vs-red),var(--vs-lift)}.cyvs__table tbody tr:last-child .cyvs__us:after{content:"";position:absolute;inset-inline:0;inset-block-start:100%;block-size:24px;margin-block-start:1px;background:#fff;border-radius:0 0 var(--vs-r) var(--vs-r);box-shadow:0 18px 28px -22px #0b0b0c4d}.cyvs__row{-webkit-tap-highlight-color:transparent}.cyvs__row:is(:hover,:active,.is-tap)>:is(th,td){background-color:#0b0b0c0b}.cyvs__row:is(:hover,:active,.is-tap)>td.cyvs__us{background-color:#f3f3f1}.cyvs__row:is(:hover,:active,.is-tap)>th{box-shadow:-12px 0 #0b0b0c0b}@media(prefers-reduced-motion:no-preference){.cyvs[data-cyvs]:not(.is-in) .cyvs__row{opacity:0}.cyvs.is-in .cyvs__row{animation:cyvsRow .55s var(--cys-ease, cubic-bezier(.16, 1, .3, 1)) both;animation-delay:calc(var(--i, 1) * 55ms)}@keyframes cyvsRow{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}@media(prefers-reduced-motion:reduce){.cyvs:after{animation:none}}html.cy-lite .cyvs:after{animation:none}@media(max-width:989px){.cyvs__wrap{padding-inline:clamp(20px,5vw,80px)}}@media(max-width:749px){.cyvs{--vs-r: 8px}.cyvs__table{font-size:14px}.cyvs__table :is(th,td){padding:16px 10px}.cyvs__table :is(th,td):first-child{inline-size:24%}.cyvs__table .cyvs__h--us{inline-size:39%}.cyvs__hname{font-size:15px}.cyvs__h--us .cyvs__hname{font-size:16px}.cyvs__hsub{font-size:12px}.cyvs__label{letter-spacing:.06em}.cyvs__hint{display:none}.cyvs__pic{inline-size:64px;block-size:48px;margin-block-end:8px;padding:2px;border-radius:6px}:is(.cyvs__us,.cyvs__them) .cyvs__val{font-size:13px}}
/*# sourceMappingURL=/cdn/shop/t/62/assets/cy-versus.css.map */