.sv-focus-target{position:relative;width:32px;height:32px;flex:none;margin-bottom:22px}.sv-focus-target .sv-start__spark{margin:0;position:relative;z-index:1}.sv-focus-target>span{position:absolute;top:2px;right:2px;bottom:2px;left:2px;border:1px solid #a6bff2;border-radius:50%;opacity:0;pointer-events:none}.sv button.sv-focus{padding:8px 0;border:0;border-radius:8px;background:none;min-height:44px;color:#b4caf4;font-size:14px;font-weight:500;line-height:1.5;text-align:left;gap:12px;margin-top:auto;transition:color .18s ease}.sv-start__story>p{margin-bottom:16px}.sv-focus__switch{display:block;flex:0 0 48px;width:48px;height:28px;overflow:visible}.sv-focus__switch rect{fill:#596e94;stroke:#b4caf4;stroke-opacity:.4;transition:fill .2s ease,stroke-opacity .2s ease}.sv-focus__switch circle{fill:#fff;transform:translate(-20px);transition:transform .22s cubic-bezier(.16,1,.3,1)}.sv button.sv-focus[aria-checked=true]{color:#fff}.sv-focus[aria-checked=true] rect{fill:#5490e7;stroke-opacity:0}.sv-focus[aria-checked=true] circle{transform:translate(0)}.sv button.sv-focus:not(:disabled):hover{color:#fff}.sv button.sv-focus:not(:disabled):hover rect{stroke-opacity:.7}.sv button.sv-focus:not(:disabled):active circle{fill:#e9f1ff}.sv button.sv-focus:focus-visible{box-shadow:none}.sv button.sv-focus:disabled{cursor:default;opacity:1}.sv button.sv-focus:disabled .sv-focus__switch{opacity:.55}.sv-habits__viewport{position:relative}[data-sv-motion]:not([data-sv-motion-ready]) .sv-habits__list{-webkit-mask-image:none;mask-image:none}[data-sv-motion-ready] .sv-habits__inner{display:flex;flex-direction:column}[data-sv-motion-ready] .sv-habits__viewport{height:248px;overflow:hidden;margin-top:20px;-webkit-mask-image:linear-gradient(transparent,#000 8%,#000 88%,transparent);mask-image:linear-gradient(transparent,#000 8%,#000 88%,transparent)}[data-sv-motion-ready] .sv-habits__track{animation:sv-habits-flow 70s linear infinite;animation-play-state:paused}[data-sv-motion-ready] .sv-habits__list{padding:0 0 12px;margin:0;-webkit-mask-image:none;mask-image:none;gap:12px 8px}.sv-habits__list>.sv-habit{transition:background .18s ease,color .18s ease}.sv-habits__list>.sv-habit:hover{background:#e9f1ff;color:#16264d}.sv button.sv-habit:focus-visible{outline:2px solid #16264d;outline-offset:2px;box-shadow:none}[data-sv-motion-ready] .sv-habits__viewport:has(.sv-habit:focus-visible){height:auto!important;overflow:visible;-webkit-mask-image:none;mask-image:none}[data-sv-motion-ready] .sv-habits__viewport:has(.sv-habit:focus-visible) .sv-habits__track{animation:none;transform:none}[data-sv-motion-ready] .sv-habits__viewport:has(.sv-habit:focus-visible) [data-sv-motion-clone]{display:none}[data-sv-motion-ready] .sv-habits__list>.sv-habit{position:relative;text-decoration:none;--sv-habit-inset:11px}[data-sv-motion-ready] .sv-habits__list>.sv-habit:after{content:"";position:absolute;inset-inline:var(--sv-habit-inset);top:50%;height:2px;margin-top:-1px;border-radius:2px;background:#d84141;transform:scaleX(0);transform-origin:left center;pointer-events:none;transition:transform .24s cubic-bezier(.16,1,.3,1)}[data-sv-motion-ready] .sv-habits__list>.sv-habit.is-struck:after{transform:scaleX(1)}[data-sv-motion-ready] .sv-focus-target .sv-start__spark{animation:sv-target-breathe 5s ease-in-out infinite;animation-play-state:paused}[data-sv-motion-ready] .sv-focus-target>span{animation:sv-focus-ring 5s cubic-bezier(.16,1,.3,1) infinite;animation-play-state:paused}[data-sv-motion-ready] .sv-focus-target>span:last-child{animation-delay:1s}[data-sv-motion-ready] .sv-routine-dots circle[fill="#16264D"]{transform-box:fill-box;transform-origin:center;animation:sv-routine-dot 6s ease-in-out infinite;animation-delay:calc(var(--sv-row-delay,0s) + var(--sv-dot-delay,0s));animation-play-state:paused}.sv-routine-list li:nth-child(2){--sv-row-delay:2s}.sv-routine-list li:nth-child(3){--sv-row-delay:4s}.sv-routine-dots circle:nth-child(2){--sv-dot-delay:.14s}.sv-routine-dots circle:nth-child(3){--sv-dot-delay:.28s}.sv-routine-dots circle:nth-child(4){--sv-dot-delay:.42s}.sv-routine-dots circle:nth-child(5){--sv-dot-delay:.56s}.sv-routine-dots circle:nth-child(6){--sv-dot-delay:.7s}[data-sv-motion-card][data-sv-running=true] .sv-start__spark,[data-sv-motion-card][data-sv-running=true] .sv-focus-target>span,[data-sv-motion-card][data-sv-running=true] .sv-habits__track,[data-sv-motion-card][data-sv-running=true] .sv-routine-dots circle[fill="#16264D"]{animation-play-state:running}@media(hover:hover){[data-sv-motion-ready] .sv-habits__viewport:hover .sv-habits__track{animation-play-state:paused}}@keyframes sv-target-breathe{0%,70%,to{transform:scale(1);opacity:.85}25%,45%{transform:scale(1.08);opacity:1}}@keyframes sv-focus-ring{0%{transform:scale(.8);opacity:0}12%{opacity:.48}62%,to{transform:scale(2);opacity:0}}@keyframes sv-habits-flow{to{transform:translate3d(0,-50%,0)}}@keyframes sv-routine-dot{0%,16%,to{fill:#16264d;transform:scale(1)}6%{fill:#5490e7;transform:scale(1.12)}}@media(max-width:820px)and (min-width:601px){[data-sv-motion-ready] .sv-habits__list>.sv-habit{--sv-habit-inset:8px}}@media(max-width:600px){.sv-focus-target{margin-bottom:16px}.sv [data-sv-motion-ready] .sv-habits__viewport{height:276px}.sv [data-sv-motion-ready] .sv-habits__list{max-width:none}[data-sv-motion-ready] .sv-habits__list>.sv-habit{--sv-habit-inset:12px}}@media(prefers-reduced-motion:reduce){[data-sv-motion-ready] .sv-focus-target .sv-start__spark,[data-sv-motion-ready] .sv-focus-target>span,[data-sv-motion-ready] .sv-habits__track,[data-sv-motion-ready] .sv-routine-dots circle{animation:none!important}.sv-focus__switch circle,.sv-focus__switch rect{transition:none}[data-sv-motion-ready] .sv-habits__viewport{height:auto!important;overflow:visible;-webkit-mask-image:none;mask-image:none}[data-sv-motion-ready] .sv-habits__list[data-sv-motion-clone]{display:none}[data-sv-motion-ready] .sv-habits__list>.sv-habit:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/fizzy-sample-v2-motion.css.map */