:root{--xtx-compare-yellow: #ff850f;--xtx-compare-red: #ff3b16;--xtx-compare-ink: #050608;--xtx-compare-panel: #151617;--xtx-compare-line: rgba(255, 133, 15, .3);--xtx-compare-soft: rgba(255, 255, 255, .76)}.xtx-compare,.xtx-faq{background:#000;color:#fff;position:relative;overflow:hidden}.xtx-compare:before,.xtx-faq:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 0 22%,rgba(255,133,15,.06) 22.3% 22.8%,transparent 23.1% 100%),radial-gradient(circle at 82% 12%,rgba(255,133,15,.12),transparent 30%);pointer-events:none}.xtx-compare .xtx-wrap,.xtx-faq .xtx-wrap{position:relative;z-index:1}.xtx-compare__head,.xtx-faq__head{position:relative;z-index:1;text-align:left;max-width:1180px;margin:0 auto 38px;display:grid;grid-template-columns:minmax(220px,.42fr) minmax(0,1fr);gap:42px;align-items:end}.xtx-compare .xtx-title,.xtx-faq .xtx-title{text-align:left;padding:0;margin:0}.xtx-compare .xtx-title h2,.xtx-faq .xtx-title h2{font-size:clamp(42px,4.5vw,82px);line-height:.92}.xtx-compare__intro,.xtx-faq__intro{max-width:700px;color:var(--xtx-compare-soft);font-weight:800;line-height:1.55}.xtx-compare__shell{position:relative;z-index:1;max-width:1240px;margin:0 auto}.xtx-compare__scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--xtx-compare-yellow) rgba(255,255,255,.14);cursor:grab;touch-action:pan-x pan-y;scroll-behavior:smooth}.xtx-compare__scroll.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.xtx-compare__scroll::-webkit-scrollbar{height:7px}.xtx-compare__scroll::-webkit-scrollbar-track{background:#ffffff1f}.xtx-compare__scroll::-webkit-scrollbar-thumb{background:var(--xtx-compare-yellow);border-radius:999px}.xtx-compare-table{display:grid;min-width:920px;background:linear-gradient(180deg,#ffffff0b,#ffffff04);border:1px solid rgba(255,133,15,.28);box-shadow:0 0 0 6px #ff850f0a,inset 0 1px #ffffff14;clip-path:polygon(2.2% 0,34% 0,35.5% 16px,65% 16px,66.4% 0,97.8% 0,100% 24px,100% calc(100% - 34px),97.5% 100%,64% 100%,62.6% calc(100% - 14px),37% calc(100% - 14px),35.6% 100%,2.6% 100%,0 calc(100% - 30px),0 24px)}.xtx-compare-table--1{grid-template-columns:minmax(170px,.72fr) minmax(220px,1fr)}.xtx-compare-table--2{grid-template-columns:minmax(170px,.72fr) repeat(2,minmax(220px,1fr))}.xtx-compare-table--3{grid-template-columns:minmax(170px,.72fr) repeat(3,minmax(220px,1fr))}.xtx-compare-table--4{grid-template-columns:minmax(170px,.72fr) repeat(4,minmax(220px,1fr))}.xtx-compare-cell{min-width:0;border-bottom:1px solid rgba(255,255,255,.14);padding:18px 22px;font-weight:800;color:#dce3ee}.xtx-compare-cell--empty,.xtx-compare-product{background:linear-gradient(180deg,#ff850f12,#ffffff05)}.xtx-compare-product{display:grid;align-content:end;min-height:210px;gap:12px;border-left:1px solid rgba(255,255,255,.11)}.xtx-compare-product.is-featured{box-shadow:inset 0 3px 0 var(--xtx-compare-yellow)}.xtx-compare-product__media{width:100%;aspect-ratio:4 / 3;display:grid;place-items:center;overflow:hidden}.xtx-compare-product__media img,.xtx-compare-product__media svg{width:100%;height:100%;object-fit:contain}.xtx-compare-product__placeholder{width:100%;height:100%;display:grid;place-items:center;border:1px solid rgba(255,133,15,.34);background:linear-gradient(135deg,#ff850f17,#ffffff06);color:#ffffff94;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.xtx-compare-product__badge,.xtx-compare-product__link,.xtx-compare-cell--value.is-highlight{color:var(--xtx-compare-yellow)}.xtx-compare-product__badge{font-size:12px;line-height:1;letter-spacing:.08em;text-transform:uppercase}.xtx-compare-product__title{margin:0;color:#fff;font-size:23px;line-height:1.05;text-transform:uppercase;font-style:italic;letter-spacing:0}.xtx-compare-product__link{text-decoration:none;font-size:13px;font-weight:900;text-transform:uppercase}.xtx-compare-cell--label{color:#fff;background:#000000a8;text-transform:uppercase;font-size:15px;letter-spacing:0}.xtx-compare-cell--value{font-size:17px}.xtx-compare-cell--value.is-highlight{font-size:20px;font-weight:1000;font-style:italic}.xtx-compare .xtx-arrows,.xtx-feature-stack .xtx-arrows{position:relative;z-index:2;display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.xtx-compare .xtx-arrow,.xtx-feature-stack .xtx-arrow{position:static;width:48px;height:48px;border-radius:50%;border:0;background:var(--xtx-compare-yellow);color:#000;font-size:26px;font-weight:1000;line-height:1;cursor:pointer;box-shadow:0 8px 22px #ff850f47}.xtx-faq__tabs{position:relative;z-index:1;max-width:1040px;margin:0 auto 32px;display:flex;justify-content:center;gap:14px;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch}.xtx-faq__tab{flex:0 0 auto;min-width:156px;min-height:58px;padding:0 24px;border:1px solid rgba(255,255,255,.72);background:#ffffff09;color:#fff;font:inherit;font-weight:950;cursor:pointer;clip-path:polygon(0 0,88% 0,100% 24%,100% 100%,15% 100%,0 74%)}.xtx-faq__tab.is-active{border-color:var(--xtx-compare-yellow);background:#ff850f1f;color:var(--xtx-compare-yellow)}.xtx-faq__layout{position:relative;z-index:1;max-width:1120px;margin:0 auto;display:grid;grid-template-columns:minmax(220px,.42fr) minmax(0,1fr);gap:34px;align-items:start}.xtx-faq__rail{border-left:4px solid var(--xtx-compare-yellow);padding-left:18px;color:#ffffffb8;font-weight:800;line-height:1.55}.xtx-faq__list{display:grid;gap:12px}.xtx-faq-item{background:linear-gradient(180deg,#ffffff0e,#ffffff06);border:1px solid rgba(255,133,15,.26);clip-path:polygon(18px 0,calc(100% - 30px) 0,100% 28px,100% calc(100% - 16px),calc(100% - 16px) 100%,28px 100%,0 calc(100% - 28px),0 18px)}.xtx-faq-item[hidden]{display:none!important}.xtx-faq-item[open]{border-color:#ff850fc7;box-shadow:0 0 0 4px #ff850f0d}.xtx-faq-item summary{list-style:none;cursor:pointer;padding:22px 58px 22px 24px;position:relative;color:#fff;font-weight:950;font-size:18px;line-height:1.25}.xtx-faq-item summary::-webkit-details-marker{display:none}.xtx-faq-item summary:after{content:"+";position:absolute;right:24px;top:50%;transform:translateY(-50%);width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--xtx-compare-yellow);color:#000;font-weight:1000}.xtx-faq-item[open] summary:after{content:"-"}.xtx-faq-item__answer{padding:0 24px 24px;color:#ffffffc2;font-size:16px;line-height:1.6}.xtx-faq-item__answer p{margin:0 0 10px}@media(max-width:989px){.xtx-compare__head,.xtx-faq__head,.xtx-faq__layout{grid-template-columns:1fr;gap:22px}.xtx-compare__head,.xtx-faq__head{margin-bottom:28px}.xtx-compare__shell,.xtx-faq__layout{max-width:100%}}@media(max-width:749px){.xtx-compare,.xtx-faq{padding-left:0;padding-right:0}.xtx-compare__head,.xtx-faq__head{padding:0 18px}.xtx-compare .xtx-title h2,.xtx-faq .xtx-title h2{font-size:clamp(34px,11vw,48px)}.xtx-compare__intro,.xtx-faq__intro{font-size:13px}.xtx-compare__scroll{padding:0 0 10px;margin:0;scroll-snap-type:x proximity}.xtx-compare-table{clip-path:none;border-left:0;border-right:0;box-shadow:none}.xtx-compare-table--1{grid-template-columns:112px minmax(142px,42vw);min-width:254px}.xtx-compare-table--2{grid-template-columns:112px repeat(2,minmax(142px,42vw));min-width:396px}.xtx-compare-table--3{grid-template-columns:112px repeat(3,minmax(142px,42vw));min-width:538px}.xtx-compare-table--4{grid-template-columns:112px repeat(4,minmax(142px,42vw));min-width:680px}.xtx-compare-cell{padding:13px 10px;min-height:58px}.xtx-compare-cell--label{position:sticky;left:0;z-index:3;font-size:12px;background:#030405;white-space:normal}.xtx-compare-product{min-height:132px;gap:6px;scroll-snap-align:start}.xtx-compare-product__media{aspect-ratio:1.18 / 1}.xtx-compare-product__badge{font-size:10px}.xtx-compare-product__title{font-size:14px}.xtx-compare-product__link{font-size:10px}.xtx-compare-cell--value{font-size:13px;line-height:1.25}.xtx-compare-cell--value.is-highlight{font-size:14px}.xtx-compare .xtx-arrows,.xtx-feature-stack .xtx-arrows{justify-content:flex-end;padding:0 18px;margin-top:14px}.xtx-compare .xtx-arrow,.xtx-feature-stack .xtx-arrow{display:grid;place-items:center;width:38px;height:38px;font-size:21px}.xtx-faq__tabs{justify-content:flex-start;padding:0 18px 10px;margin-bottom:22px;scroll-snap-type:x proximity}.xtx-faq__tab{min-width:132px;min-height:48px;padding:0 18px;font-size:13px;scroll-snap-align:start}.xtx-faq__layout{padding:0 18px}.xtx-faq__rail{font-size:13px}.xtx-faq-item summary{padding:18px 48px 18px 18px;font-size:15px}.xtx-faq-item summary:after{right:16px;width:26px;height:26px}.xtx-faq-item__answer{padding:0 18px 18px;font-size:13px}}
/*# sourceMappingURL=/cdn/shop/t/129/assets/x-tread-compare-faq.css.map */