.shr__inner{display:flex;flex-direction:column;gap:var(--shr-gap);--shr-gap: clamp(28px, 3.125vw , 60px)}.shr__player{display:flex;flex-direction:column;gap:var(--shr-player-gap);--shr-player-gap: clamp(20px, calc(100vw * 32 / 1920), 32px);width:100%;max-width:var(--grid-width);margin-inline:auto}.shr__stage{position:relative;overflow:hidden;aspect-ratio:var(--shr-ratio-mobile, 16 / 9);border-radius:var(--home-radius-card);background:var(--sbt-surface);isolation:isolate}@media(min-width:768px){.shr__inner{--shr-steps-h: calc(50px + 32px + 2 * var(--home-fs-sub) * var(--home-lh-sub));--shr-pill-h: 68px}.shr__stage{aspect-ratio:1320 / 742;width:min(100%,calc((100svh - var(--header-height, 0px) - var(--shr-pill-h) - var(--shr-player-gap) - var(--shr-steps-h) - 48px) * 1320 / 742));margin-inline:auto}}.shr__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility 0s linear .45s}.shr__slide[data-active]{opacity:1;visibility:visible;transition:opacity .45s ease,visibility 0s}.shr__media{display:block;width:100%;height:100%;object-fit:cover}video.shr__media{position:absolute;top:0;right:0;bottom:0;left:0}.shr__ask{position:absolute;top:50%;left:50%;z-index:2;display:flex;flex-direction:column;width:min(360px,calc(100% - 32px));padding:14px;border-radius:34px;background:#ffffffd1;-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6);box-shadow:0 8px 40px #0000002e,inset 0 0 0 1px #ffffff80;color:#000;text-align:center;opacity:0;visibility:hidden;transform:translate(-50%,-50%) scale(.92);transition:opacity .3s ease,transform .3s ease,visibility 0s linear .3s}.shr__ask[data-open]{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1);transition:opacity .3s ease,transform .35s cubic-bezier(.2,.9,.3,1.2),visibility 0s}.shr__ask-title{margin:0;padding:16px 8px;font-size:17px;font-weight:600;line-height:22px}.shr__ask-actions{display:flex;gap:16px}.shr__ask-btn{flex:1 1 0;min-width:0;height:48px;margin:0;padding:0 12px;border:0;border-radius:100px;background:#78788029;font:inherit;font-size:17px;line-height:22px;color:#000;cursor:pointer;transition:background-color .2s ease,transform .15s ease;-webkit-tap-highlight-color:transparent}.shr__ask-btn--primary{background:#000;color:#fff}@media(hover:hover){.shr__ask-btn:hover{background:#78788042}.shr__ask-btn--primary:hover{background:#222}}.shr__ask-btn:active{transform:scale(.97)}.shr__ask-btn:focus-visible{outline:2px solid #0a84ff;outline-offset:2px}.shr__stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#00000073;opacity:0;pointer-events:none;transition:opacity .4s ease}.shr__stage:has(>.shr__ask[data-open]:not([data-morph])):after{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.shr__nudge{width:min(420px,calc(100% - 32px))}.shr__ask[data-arrive]{transition:none;animation:shr-dot-to-card .9s cubic-bezier(.65,0,.35,1) forwards}.shr__ask[data-arrive]>*{animation:shr-card-content-in .9s linear forwards}@keyframes shr-dot-to-card{0%{top:calc(var(--shr-dock-inset) + var(--shr-dock-h) / 2);left:calc(100% - var(--shr-dock-inset) - var(--shr-dock-h) / 2);transform:translate(-50%,-50%);clip-path:inset(calc(50% - var(--shr-dot) / 2) calc(50% - var(--shr-dot) / 2) round 999px)}60%{top:50%;left:50%;transform:translate(-50%,-50%);clip-path:inset(calc(50% - var(--shr-dot) / 2) calc(50% - var(--shr-dot) / 2) round 999px)}to{top:50%;left:50%;transform:translate(-50%,-50%);clip-path:inset(0 round 34px)}}@keyframes shr-card-content-in{0%,80%{opacity:0}to{opacity:1}}.shr__stage{--shr-dock-inset: 20px;--shr-dock-h: 40px;--shr-dot: 16px}.shr__ask[data-morph]{animation:shr-ask-to-dot .9s cubic-bezier(.65,0,.35,1) forwards}.shr__ask[data-morph]:not([data-open]){visibility:hidden;transition:none}.shr__ask>*{transition:opacity .15s ease}.shr__ask[data-morph]>*{opacity:0}@keyframes shr-ask-to-dot{0%{top:50%;left:50%;clip-path:inset(0 round 34px)}40%{top:50%;left:50%;clip-path:inset(calc(50% - var(--shr-dot) / 2) calc(50% - var(--shr-dot) / 2) round 999px)}to{top:calc(var(--shr-dock-inset) + var(--shr-dock-h) / 2);left:calc(100% - var(--shr-dock-inset) - var(--shr-dock-h) / 2);clip-path:inset(calc(50% - var(--shr-dot) / 2) calc(50% - var(--shr-dot) / 2) round 999px)}}.shr__ask[data-return]{visibility:visible;opacity:1;transform:translate(-50%,-50%);clip-path:inset(calc(50% - var(--shr-dot) / 2) calc(50% - var(--shr-dot) / 2) round 999px);transition:none;animation:shr-dot-home .6s cubic-bezier(.65,0,.35,1) forwards}.shr__ask[data-return]>*{opacity:0;transition:none}@keyframes shr-dot-home{0%{top:calc(var(--shr-dock-inset) + var(--shr-dock-h) / 2);left:calc(100% - var(--shr-dock-inset) - var(--shr-dock-h) / 2);opacity:1}75%{top:50%;left:50%;opacity:1}to{top:50%;left:50%;opacity:0}}.shr__dock{position:absolute;top:var(--shr-dock-inset);right:var(--shr-dock-inset);z-index:1;display:flex;align-items:center;height:var(--shr-dock-h);padding:0 4px;border-radius:999px;background:#fff9;-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6);box-shadow:0 6px 24px #00000029;color:#000;visibility:hidden;clip-path:inset(calc(50% - var(--shr-dot) / 2) calc(var(--shr-dock-h) / 2 - var(--shr-dot) / 2) calc(50% - var(--shr-dot) / 2) calc(100% - var(--shr-dock-h) / 2 - var(--shr-dot) / 2) round 999px);transition:clip-path .5s cubic-bezier(.2,.8,.2,1),visibility 0s linear .5s}.shr__dock[data-open]{visibility:visible;clip-path:inset(0 round 999px);transition:clip-path .5s cubic-bezier(.2,.8,.2,1),visibility 0s}.shr__dock-btn{display:inline-flex;align-items:center;gap:6px;height:calc(var(--shr-dock-h) - 8px);margin:0;padding:0 12px;border:0;border-radius:999px;background:none;font:inherit;font-size:15px;line-height:1;white-space:nowrap;color:inherit;cursor:pointer;opacity:0;transition:opacity .25s ease;-webkit-tap-highlight-color:transparent}.shr__dock[data-open] .shr__dock-btn{opacity:1;transition:opacity .25s ease .25s}.shr__dock-btn+.shr__dock-btn{position:relative}.shr__dock-btn+.shr__dock-btn:before{content:"";position:absolute;left:0;top:25%;bottom:25%;width:1px;background:#0000001f}.shr__dock-btn svg{flex:none;width:16px;height:16px}.shr__other-label--enabled,.shr__dock[data-branch=off] .shr__other-label:not(.shr__other-label--enabled){display:none}.shr__dock[data-branch=off] .shr__other-label--enabled{display:inline}.shr__dock-btn:focus-visible{outline:2px solid #0a84ff;outline-offset:-2px}@media(max-width:767px){.shr__ask{padding:10px;border-radius:26px}.shr__ask-title{padding:6px 6px 10px;font-size:13px;line-height:18px}.shr__ask-btn{height:36px;font-size:14px;line-height:18px}.shr__stage{--shr-dock-inset: 10px;--shr-dock-h: 32px;--shr-dot: 12px}.shr__dock-btn{gap:4px;padding:0 8px;font-size:12px}.shr__dock-btn svg{width:13px;height:13px}}.shr .sbh__desc em{font-style:normal;color:#08f}.shr .sbh__desc strong{font-weight:inherit;color:var(--sbt-fg)}.shr__steps{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);column-gap:clamp(12px,calc(100vw * 80 / 1920),80px);width:100%;max-width:1096px;margin-inline:auto}.shr__step{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;color:var(--sbt-muted);text-align:center;opacity:.3;transition:opacity .4s ease}.shr__step[data-active]{opacity:1}@media(min-width:768px){.shr__step{gap:16px}}.shr__icon{display:block;flex:none;width:36px;height:36px;color:var(--sbt-fg);object-fit:contain}@media(min-width:768px){.shr__icon{width:50px;height:50px}}.shr__label,.shr__text{display:block;font-size:var(--home-fs-sub);line-height:var(--home-lh-sub)}@media(max-width:767px){.shr__label,.shr__text{font-size:var(--home-fs-small)}.shr__steps{column-gap:8px}.shr__step .shr__label,.shr__step .shr__text{width:max-content;max-width:100vw;white-space:nowrap;opacity:0;transition:opacity .4s ease}.shr__step[data-current] .shr__label,.shr__step[data-current] .shr__text{opacity:1}.shr__step{position:relative}.shr__step:not(:last-child):after{content:"";position:absolute;top:17px;left:calc(50% + 36px);width:calc(100% - 64px);border-top:2px dashed var(--sbt-fg);opacity:.3;transition:opacity .4s ease;pointer-events:none}.shr__step:has(+.shr__step[data-active]):after{opacity:1}}@media(min-width:768px)and (max-width:1023px),(min-width:768px)and (max-width:1366px)and (orientation:portrait){.shr__text{font-size:18px}}@media(min-width:1024px)and (orientation:landscape),(min-width:1367px){.shr__player{display:grid;grid-template-columns:var(--shr-rail) minmax(0,var(--shr-stage-w));grid-template-areas:"steps stage";justify-content:center;column-gap:24px}.shr__inner{--shr-rail: clamp(280px, 16.25vw , 312px);--shr-stage-w: calc((100svh - var(--header-height, 0px) - var(--shr-pill-h) - 48px) * 984 / 553)}.shr__inner>.sbh{--shr-stage-real: min(var(--shr-stage-w), min(100%, var(--grid-width, 100%)) - var(--shr-rail) - 24px);align-items:flex-start;width:calc(var(--shr-rail) + 24px + var(--shr-stage-real));max-width:100%;margin-inline:auto;text-align:left}.shr__stage{grid-area:stage;width:100%;aspect-ratio:984 / 553}.shr__steps{grid-area:steps;display:flex;flex-direction:column;justify-content:space-around;max-width:none}.shr__step{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;column-gap:16px;row-gap:4px;text-align:left}.shr__icon{grid-row:1 / span 2;width:48px;height:48px}.shr__label{align-self:end;font-size:20px;line-height:28px;color:var(--sbt-fg)}.shr__text{align-self:start;font-size:var(--home-fs-body);line-height:var(--home-lh-body)}}@media(prefers-reduced-motion:reduce){.shr__slide,.shr__slide[data-active],.shr__ask,.shr__ask[data-open],.shr__ask[data-return],.shr__ask[data-arrive],.shr__dock,.shr__dock[data-open],.shr__dock-btn,.shr__dock[data-open] .shr__dock-btn,.shr__step,.shr__step .shr__label,.shr__step .shr__text,.shr__step:after,.shr__stage:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/53/assets/soulog-home-rewind.css.map */