.kik-trade-rail__split{display:flex;gap:24px;align-items:center}.kik-trade-rail__tabs{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.kik-trade-rail__tabs button{position:relative;overflow:hidden;display:flex;align-items:center;gap:16px;width:100%;text-align:left;padding:16px;border-radius:var(--kik-radius-md);background:var(--kik-color-bg-surface-alt-1);border:1px solid transparent;color:var(--kik-color-text-primary)}.kik-trade-rail__tabs button:hover{background:var(--kik-color-bg-surface)}.kik-trade-rail__tabs button[aria-selected=true]{background:var(--kik-color-bg-accent-subtle)}.kik-trade-rail__tabs img{width:24px;height:24px;flex:none}.kik-trade-rail__tabs strong{display:block;font-size:16px;font-weight:600}.kik-trade-rail__tabs strong+span{display:block;font-size:14px;color:var(--kik-color-text-secondary)}.kik-trade-rail__tabs button>span:not(.kik-trade-rail__progress){min-width:0;flex:1}.kik-trade-rail__progress{position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--kik-color-bg-accent);transform:scaleX(0);transform-origin:left}.kik-trade-rail[data-autoplay=true] .kik-trade-rail__tabs [aria-selected=true] .kik-trade-rail__progress{animation:kik-trade-progress var(--kik-trade-duration,5s) linear forwards}.kik-trade-rail[data-paused=true] .kik-trade-rail__progress{animation-play-state:paused}.kik-trade-rail[data-autoplay=false] .kik-trade-rail__progress{display:none}.kik-trade-rail .sth-d-series-page-section-4--c-trades{position:relative;display:block;width:880px;flex:0 0 auto;height:560px;border-radius:var(--kik-radius-2xl);overflow:hidden}.kik-trade-rail .sth-d-series-page-section-4--c-trade{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;display:flex;flex-direction:column;justify-content:flex-end;opacity:0;visibility:hidden;transition:opacity .36s var(--ease);transform:none}.kik-trade-rail .sth-d-series-page-section-4--c-trade.sth-d-series-page-section-4--c-is-open{opacity:1;visibility:visible}.kik-trade-rail .sth-d-series-page-section-4--c-trade img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.kik-trade-rail .sth-d-series-page-section-4--c-trade__scrim{position:absolute;inset:auto 0 0;height:260px;background:linear-gradient(transparent,#212721e0)}.kik-trade-rail .sth-d-series-page-section-4--c-trade__cap{position:relative;inset:auto;display:flex;flex-direction:column;gap:8px;padding:0 32px 32px;opacity:1;transform:none;color:var(--kik-color-text-inverse)}.kik-trade-rail .sth-d-series-page-section-4--c-trade__cap h3{font-size:var(--kik-text-size-h4);line-height:1.2}.kik-trade-rail .sth-d-series-page-section-4--c-trade__cap p{display:block;opacity:1;max-height:none;font-size:16px;transform:none}@keyframes kik-trade-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(min-width:1280px){.kik-trade-rail .kik-trade-rail__split{display:grid;grid-template-columns:minmax(0,568fr) minmax(0,880fr)}.kik-trade-rail .sth-d-series-page-section-4--c-trades{width:100%;min-width:0;height:auto;aspect-ratio:880/560}}.kik-trade-rail[data-autoplay=true][data-paused=true] .kik-trade-rail__tabs [aria-selected=true] .kik-trade-rail__progress{animation-play-state:paused}@media(max-width:1279px){.kik-trade-rail__split{flex-direction:column;align-items:stretch}.kik-trade-rail .sth-d-series-page-section-4--c-trades{width:100%;height:auto;aspect-ratio:880/560}.kik-trade-rail__tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}}@media(max-width:767px){.kik-trade-rail__split{gap:16px}.kik-trade-rail .sth-d-series-page-section-4--c-trades{aspect-ratio:382/454;order:-1;margin-inline:0;padding-inline:0;overflow:hidden;scroll-snap-type:none;scroll-padding-inline:0}.kik-trade-rail__tabs{grid-template-columns:1fr}.kik-trade-rail .sth-d-series-page-section-4--c-trade__cap{padding:0 16px 16px}.kik-trade-rail .sth-d-series-page-section-4--c-trade__cap h3{font-size:24px}.kik-trade-rail .sth-d-series-page-section-4--c-trade__scrim{height:200px}}@media(prefers-reduced-motion:reduce){.kik-trade-rail__progress{animation:none!important}.kik-trade-rail .sth-d-series-page-section-4--c-trade{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/kik-trade-rail.css.map */