body[data-sv-live] #journal.sv-guide-feature{padding:64px 0;background:var(--sv-denim-ink);color:var(--sv-white);scroll-margin-top:118px}body[data-sv-live] #journal .sv-guide-feature__inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px 24px}body[data-sv-live] #journal .sv-guide-feature__heading{align-self:center;min-width:0}body[data-sv-live] #journal .sv-guide-feature__heading h2{margin:0;color:var(--sv-white);font-size:24px;line-height:1.3;font-weight:600;letter-spacing:-.02em}body[data-sv-live] #journal .sv-guide-feature__intro{margin:12px 0 0;color:var(--sv-white);font-size:16px;line-height:1.5}body[data-sv-live] #journal .sv-guide-feature__all{display:inline-flex;align-items:center;justify-content:center;align-self:center;min-height:44px;padding:12px 32px;border:1px solid transparent;border-radius:32px;background:var(--sv-brand-on-denim);color:var(--sv-text);font:600 14px/1.5 var(--body-font);text-decoration:none;text-align:center;transition:background-color .22s ease,border-color .22s ease;-webkit-tap-highlight-color:transparent}body[data-sv-live] #journal .sv-guide-feature__all:after{content:none}body[data-sv-live] #journal .sv-guide-feature__rail{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;min-width:0;padding:0;overscroll-behavior-x:contain}body[data-sv-live] #journal .sv-guide-card{min-width:0}body[data-sv-live] #journal .sv-guide-card__link{position:relative;height:640px;overflow:hidden;border-radius:0;color:var(--sv-white);isolation:isolate}body[data-sv-live] #journal .sv-guide-card__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;border-radius:0;aspect-ratio:auto;background:var(--sv-denim-panel)}body[data-sv-live] #journal .sv-guide-card__media img{width:100%;height:100%;object-fit:cover;transform:none;filter:none}body[data-sv-live] #journal .sv-guide-card__media:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 32%,rgba(0,0,0,.28) 58%,rgba(0,0,0,.82) 100%);z-index:1;pointer-events:none}body[data-sv-live] #journal .sv-guide-card__media:after{z-index:2;box-shadow:inset 0 0 0 2px transparent;background:#0000;transition:background-color .24s ease,box-shadow .24s ease}body[data-sv-live] #journal .sv-guide-card__copy{position:absolute;inset:auto 24px 28px;display:block;z-index:3}body[data-sv-live] #journal .sv-guide-card__title{margin:0;font-size:20px;line-height:26px;font-weight:600;letter-spacing:-.015em;color:var(--sv-white);background:none;text-decoration:none}body[data-sv-live] #journal .sv-guide-card__title:after{content:none}body[data-sv-live] #journal .sv-guide-card__excerpt{margin:12px 0 0;color:var(--sv-white);font-size:15px;line-height:1.5}body[data-sv-live] #journal :is(.sv-guide-feature__all,.sv-guide-feature__control):focus-visible{outline:2px solid var(--sv-white);outline-offset:4px}body[data-sv-live] #journal .sv-guide-feature__rail:focus-visible{outline:2px solid var(--sv-brand-on-denim);outline-offset:5px}body[data-sv-live] #journal .sv-guide-card__link:focus-visible{outline:2px solid var(--sv-white);outline-offset:-6px}body[data-sv-live] #journal .sv-guide-card__link:focus-visible .sv-guide-card__title{color:var(--sv-white)}body[data-sv-live] #journal .sv-guide-card__link:focus-visible .sv-guide-card__media:after{box-shadow:inset 0 0 0 2px var(--sv-brand-on-denim)}body[data-sv-live] #journal .sv-guide-card__link:active .sv-guide-card__media:after{background:#0003}body[data-sv-live] #journal .sv-guide-card__link:active .sv-guide-card__title{color:var(--sv-white)}body[data-sv-live] #journal .sv-guide-feature__all:active{background:var(--sv-white);border-color:var(--sv-white)}body[data-sv-live] #journal .sv-guide-feature__controls[hidden]{display:none}body[data-sv-live] #journal .sv-guide-feature__controls{grid-column:1/-1;display:flex;gap:12px;align-items:center}body[data-sv-live] #journal .sv-guide-feature__progress{flex:1;height:2px;background:#ffffff52;overflow:hidden}body[data-sv-live] #journal .sv-guide-feature__progress span{display:block;height:100%;width:calc(var(--sv-guide-progress,.333333) * 100%);background:var(--sv-white);transition:width .24s ease}body[data-sv-live] #journal .sv-guide-feature__status{margin:0 4px;min-width:36px;color:var(--sv-white);font-size:14px;line-height:1.5;font-variant-numeric:tabular-nums;white-space:nowrap}body[data-sv-live] #journal .sv-guide-feature__control{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.48);border-radius:50%;background:transparent;color:var(--sv-white);cursor:pointer;transition:background-color .22s ease,border-color .22s ease,opacity .22s ease;-webkit-tap-highlight-color:transparent}body[data-sv-live] #journal .sv-guide-feature__control svg{width:18px;height:18px}body[data-sv-live] #journal .sv-guide-feature__control:active:not(:disabled){background:#ffffff3d}body[data-sv-live] #journal .sv-guide-feature__control:disabled{opacity:.35;cursor:default}@media(hover:hover)and (pointer:fine){body[data-sv-live] #journal .sv-guide-card__link:hover .sv-guide-card__title{color:var(--sv-white)}body[data-sv-live] #journal .sv-guide-card__link:hover .sv-guide-card__media:after{background:#0000001f;box-shadow:inset 0 0 0 2px var(--sv-brand-on-denim)}body[data-sv-live] #journal .sv-guide-feature__all:hover{background:var(--sv-white);border-color:var(--sv-white)}body[data-sv-live] #journal .sv-guide-feature__control:hover:not(:disabled){background:#ffffff24;border-color:var(--sv-white)}body[data-sv-live] #journal .sv-guide-card__link:hover:active .sv-guide-card__media:after{background:#0003}}@media(max-width:989px){body[data-sv-live] #journal.sv-guide-feature{padding:32px 0;scroll-margin-top:92px}body[data-sv-live] #journal .sv-guide-feature__inner{grid-template-columns:minmax(0,1fr);gap:32px}body[data-sv-live] #journal .sv-guide-feature__heading{grid-row:1}body[data-sv-live] #journal .sv-guide-feature__rail{grid-row:2;display:flex;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;touch-action:pan-x pan-y}body[data-sv-live] #journal .sv-guide-feature__rail::-webkit-scrollbar{display:none}body[data-sv-live] #journal .sv-guide-card{flex:0 0 calc(100% - 30px);max-width:313px;scroll-snap-align:start;scroll-snap-stop:always}body[data-sv-live] #journal .sv-guide-card__link{height:401px;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}body[data-sv-live] #journal .sv-guide-card__media img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}body[data-sv-live] #journal .sv-guide-card__copy{inset:auto 16px 16px}body[data-sv-live] #journal .sv-guide-feature__controls{grid-row:3}body[data-sv-live] #journal .sv-guide-feature__all{grid-row:4;justify-self:center}body[data-sv-live] #journal .sv-guide-feature__rail.is-dragging{scroll-snap-type:none;cursor:grabbing}}@media(prefers-reduced-motion:reduce){body[data-sv-live] #journal :is(.sv-guide-card__media:after,.sv-guide-feature__all,.sv-guide-feature__control,.sv-guide-feature__progress span){transition:none}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/sv-guide-feature.css.map */