.shl{container-type:inline-size}.shl__top,.shl__track{--shl-ratio: var(--shl-ratio-mobile, 16 / 9);--shl-chrome: 200px;--shl-card-cap: 100cqi;--shl-card-w: min( 100cqi - 2 * var(--home-gutter), var(--shl-card-cap), max(280px, calc((100svh - var(--header-height, 0px) - var(--shl-chrome)) * (var(--shl-ratio)))) );--shl-side: calc((100cqi - var(--shl-card-w)) / 2)}@media(min-width:768px){.shl__top,.shl__track{--shl-ratio: 16 / 9;--shl-chrome: 240px}}@media(min-width:1068px){.shl__top,.shl__track{--shl-chrome: 384px;--shl-card-cap: calc(100cqi * 1096 / 1920)}}.shl .shl__top{display:flex;flex-direction:column;align-items:center;gap:12px;padding-inline:var(--shl-side)}.shl__link{display:inline-flex;align-items:center;gap:4px;color:var(--sbt-fg);font-size:var(--home-fs-body);text-decoration:none;white-space:nowrap}.shl__link:hover{text-decoration:underline}.shl__link svg{display:inline-block;width:1em;height:1em;flex:none}.shl__gallery{display:block;margin-top:32px}@media(min-width:768px){.shl__gallery{margin-top:48px}}@media(min-width:1068px){.shl__gallery{margin-top:60px}}.shl__track{--shl-gap: 12px;position:relative;display:flex;gap:var(--shl-gap);padding-inline:var(--shl-side);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.shl__track::-webkit-scrollbar{display:none}.shl__track:focus-visible{outline:2px solid var(--sbt-fg);outline-offset:4px}@media(min-width:768px){.shl__track{--shl-gap: 24px}}.shl__card{position:relative;flex:0 0 var(--shl-card-w);aspect-ratio:var(--shl-ratio);overflow:hidden;border-radius:20px;background:var(--sbt-surface);scroll-snap-align:center;scroll-snap-stop:always;isolation:isolate}@media(min-width:768px){.shl__card{border-radius:28px}}@media(min-width:1068px){.shl__card{border-radius:36px}}.shl__media,.shl__media picture{position:absolute;top:0;right:0;bottom:0;left:0}.shl__video,.shl__image,.shl__placeholder{display:block;width:100%;height:100%;object-fit:cover}.shl__video{position:absolute;top:0;right:0;bottom:0;left:0}.shl__card--text-light .shl__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgb(0 0 0 / .6),transparent 25%);pointer-events:none}.shl__placeholder{opacity:.35;fill:currentColor}.shl__caption{position:absolute;inset-inline:0;z-index:1;max-width:36em;margin-inline:auto;padding:16px 20px;font-size:var(--home-fs-sub);font-weight:500;line-height:1.34;text-align:center;text-wrap:balance}.shl__caption--top{top:0}.shl__caption--bottom{bottom:0}.shl__caption--align-left{margin-inline:0 auto;text-align:start}.shl__caption--align-right{margin-inline:auto 0;text-align:end}@media(min-width:768px){.shl__caption{padding:40px}}@media(min-width:1024px)and (orientation:landscape),(min-width:1367px){.shl__caption{font-size:20px}}@media(min-width:1921px){.shl__caption{font-size:24px}}.shl__caption>*{margin:0;line-height:inherit}.shl__caption>*+*{margin-top:0;font-weight:400;color:color-mix(in srgb,currentColor 65%,transparent)}.shl__caption strong,.shl__caption b{font-weight:inherit}.shl__card--text-light .shl__caption{color:#fff}.shl__card--text-dark .shl__caption{color:#1d1d1f}.shl__card--text-gradient .shl__caption{width:fit-content;background:linear-gradient(92deg,#19315d -.19%,#305784 45.65%,#40fdfb 67.96%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.shl__controls{--shl-ctl: 44px;--shl-glass: color-mix(in srgb, var(--sbt-fg) 16%, transparent);--shl-glass-hover: color-mix(in srgb, var(--sbt-fg) 24%, transparent);position:sticky;bottom:20px;z-index:2;display:flex;align-items:center;justify-content:center;gap:12px;margin-top:24px;padding-inline:var(--home-gutter)}@media(min-width:1068px){.shl__controls{--shl-ctl: 56px;gap:24px;margin-top:60px}}.shl__dots{display:flex;align-items:center;gap:12px;min-height:var(--shl-ctl);padding:0 24px;border-radius:999px}.shl__dots,.shl__toggle,.shl__arrow{background:var(--shl-glass);box-shadow:0 8px 24px #0000002e;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}.shl__gallery[data-hl-ready] :is(.shl__dots,.shl__toggle,.shl__arrow){opacity:0;transform:translateY(24px) scale(.9);transition:opacity .5s ease,transform .6s cubic-bezier(.22,1,.36,1),background .2s ease}.shl__gallery[data-hl-ready][data-hl-in-view] :is(.shl__dots,.shl__toggle,.shl__arrow){opacity:1;transform:none}.shl__gallery[data-hl-ready][data-hl-in-view] .shl__toggle{transition-delay:.08s,.08s,0s}.shl__dot{position:relative;width:8px;height:8px;padding:0;border:0;border-radius:999px;background:var(--sbt-muted);opacity:.6;cursor:pointer;transition:width .4s cubic-bezier(.4,0,.2,1),opacity .2s ease}.shl__dot:before{content:"";position:absolute;top:-24px;right:-6px;bottom:-24px;left:-6px}.shl__dot:hover{opacity:1}.shl__dot[aria-current=true]{width:48px;opacity:1;background:var(--sbt-border)}.shl__dot-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--sbt-fg);clip-path:inset(0 calc((1 - var(--hl-progress, 0)) * 100%) 0 0 round 999px)}.shl__dot:not([aria-current=true]) .shl__dot-fill{display:none}.shl__toggle,.shl__arrow{display:inline-flex;flex:none;align-items:center;justify-content:center;width:var(--shl-ctl);height:var(--shl-ctl);padding:0;border:0;border-radius:50%;color:var(--sbt-fg);cursor:pointer;transition:background .2s ease}.shl__toggle:hover,.shl__arrow:not(:disabled):hover{background:var(--shl-glass-hover)}.shl__dot:focus-visible,.shl__toggle:focus-visible,.shl__arrow:focus-visible{outline:2px solid var(--sbt-fg);outline-offset:3px}.shl__arrow:disabled{opacity:.35;cursor:default}.shl__gallery[data-hl-ready][data-hl-in-view] .shl__arrow:disabled{opacity:.35}.shl__arrow-icon{display:block;width:22px;height:22px}@media(max-width:767px){.shl__dots{display:none}}@media(min-width:768px){.shl__arrow{display:none}}.shl__icon{display:none;width:20px;height:20px}.shl__toggle[data-state=paused] .shl__icon--play,.shl__toggle[data-state=playing] .shl__icon--pause,.shl__toggle[data-state=finished] .shl__icon--replay{display:block}@media(prefers-reduced-motion:reduce){.shl__dot{transition:none}.shl__gallery[data-hl-ready] :is(.shl__dots,.shl__toggle,.shl__arrow){transform:none;transition:opacity .3s ease}}
/*# sourceMappingURL=/cdn/shop/t/53/assets/soulog-highlights.css.map */