.sfKen{transform-origin:60% 40%;animation:20s ease-in-out infinite alternate sfKen}@keyframes sfKen{0%{transform:scale(1)}to{transform:scale(1.09)}}.sfRise{animation:.7s cubic-bezier(.2,.8,.2,1) both sfRise}.sfRise2{animation-delay:.12s}.sfRise3{animation-delay:.24s}.sfRise4{animation-delay:.36s}@keyframes sfRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.sfRing{background:conic-gradient(from 210deg, var(--s-accent), var(--s-sale), var(--s-primary), var(--s-accent));border-radius:9999px;padding:3px;transition:transform .25s}.sfStory:hover .sfRing{transform:scale(1.05)rotate(-3deg)}.sfRingInner{background:var(--s-bg);border-radius:9999px;padding:3px}.sfScroll{scrollbar-width:none;-webkit-overflow-scrolling:touch}.sfScroll::-webkit-scrollbar{display:none}.sfTile .sfAlt{opacity:0;transition:opacity .45s}.sfTile:hover .sfAlt{opacity:1}.sfTile .sfMain{transition:transform .6s cubic-bezier(.2,.8,.2,1)}.sfTile:hover .sfMain{transform:scale(1.05)}.sfQuick{color:#fff;-webkit-backdrop-filter:blur(12px)saturate(1.5);backdrop-filter:blur(12px)saturate(1.5);text-shadow:0 1px 2px #00000059;background:#14141847;border:1px solid #ffffff61;transition:transform .3s cubic-bezier(.2,.8,.2,1);transform:translateY(calc(100% + .75rem))}.sfTile:hover .sfQuick{transform:none}@media (hover:none){.sfQuick{display:none}}.sfOfferBand{background:radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--s-sale) 14%, transparent), transparent 45%), radial-gradient(circle at 100% 100%, color-mix(in srgb, var(--s-accent) 12%, transparent), transparent 45%), color-mix(in srgb, var(--s-sale) 5%, var(--s-bg))}.sfBar{background:linear-gradient(90deg, var(--s-accent), var(--s-sale));border-radius:9999px;width:2.25rem;height:4px;display:inline-block}.sfPulse{animation:1.6s ease-in-out infinite sfPulse}@keyframes sfPulse{50%{opacity:.35}}.sfSticky{transition:transform .3s cubic-bezier(.2,.8,.2,1);transform:translateY(110%)}.sfSticky[data-show=true]{transform:none}@media (prefers-reduced-motion:reduce){.sfKen,.sfRise,.sfPulse{animation:none!important}.sfTile .sfMain,.sfQuick,.sfSticky,.sfRing{transition:none!important}}.s-theme{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}.sfTickerTrack{animation:40s linear infinite sfTicker}.sfTicker:hover .sfTickerTrack{animation-play-state:paused}.sfTicker{-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}@keyframes sfTicker{to{transform:translate(-50%)}}.sfShine:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 35%,#ffffff73 50%,#0000 65%);position:absolute;inset:0;transform:translate(-120%)}.sfTile:hover .sfShine:after{transition:transform .9s;transform:translate(120%)}@property --sfSpin{syntax:"<angle>";inherits:false;initial-value:210deg}.sfRing{background:conic-gradient(from var(--sfSpin), var(--s-accent), var(--s-sale), var(--s-primary), var(--s-accent));animation:7s linear infinite sfSpin}@keyframes sfSpin{to{--sfSpin:570deg}}.sfFloat{animation:5s ease-in-out infinite sfBob}.sfFloatB{animation-delay:-2.5s}@keyframes sfBob{50%{transform:translateY(-8px)}}.sfWiggle{animation:3.5s ease-in-out infinite sfWiggle;display:inline-block}@keyframes sfWiggle{0%,86%,to{transform:none}90%{transform:rotate(-8deg)scale(1.08)}95%{transform:rotate(8deg)scale(1.08)}}@media (prefers-reduced-motion:reduce){.sfTickerTrack,.sfRing,.sfFloat,.sfWiggle{animation:none!important}.sfTile:hover .sfShine:after{transition:none;transform:translate(-120%)}}.s-theme[data-preset=cta] .sfQuick{background:color-mix(in srgb, var(--s-primary) 52%, transparent);display:flex;transform:none}