.hero-streak-preview{display:flex;align-items:center;gap:17px;position:relative;z-index:3;width:360px;max-width:100%;min-height:125px;margin-top:23px;padding:15px 22px 14px 17px;border:1px solid #e5c692;border-radius:21px;background:linear-gradient(120deg,#fff9eafa,#fffdf5fa 75%);color:#29462c;box-shadow:0 5px 0 #f1e6cf,0 10px 24px #6a52260a;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;isolation:isolate}
.hero-streak-preview:hover{transform:translateY(-2px);border-color:#d9a762;box-shadow:0 7px 0 #f1e6cf,0 12px 25px #6a522612}
.hero-streak-preview:focus-visible{outline:3px solid #6b8d38;outline-offset:5px}
.hero-streak-fire{position:relative;display:block;flex:0 0 63px;width:63px;height:76px}
.hero-streak-fire:before{content:"";position:absolute;inset:9px -9px -3px;background:radial-gradient(ellipse,#ffcf7760,transparent 69%);border-radius:50%;z-index:-1}
.hero-streak-fire img{display:block;width:60px;height:71px;transform-origin:50% 90%;animation:hero-streak-ember 3.5s ease-in-out infinite;animation-play-state:paused}
.hero-streak-copy{display:flex;flex-direction:column;min-width:0}
.hero-streak-eyebrow{font-size:8px;font-weight:850;letter-spacing:.7px;color:#7a613d;display:flex;align-items:center;gap:8px;line-height:1.4}
.hero-streak-eyebrow small{font-size:7px;letter-spacing:.5px;background:#f0e6d2;border-radius:5px;padding:2px 4px;color:#8d7856}
.hero-streak-copy>strong{display:flex;align-items:baseline;gap:7px;font-family:"Quiziar Nunito",Nunito,sans-serif;margin:4px 0 8px;line-height:1.08}
.hero-streak-copy>strong b{font-size:28px;font-weight:1000;letter-spacing:-1px;display:inline-block;font-variant-numeric:tabular-nums;min-width:18px;transform-origin:50% 75%}
.hero-streak-copy>strong>span{font-size:17px;font-weight:900;letter-spacing:-.35px;white-space:nowrap}
.hero-streak-week{display:flex;align-items:center;gap:5px}
.hero-streak-week i{width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:#eeeee4;color:#a1a390;font-size:8px;font-style:normal;font-weight:800;transition:background .35s,color .35s,box-shadow .35s}
.hero-streak-week i[data-complete="true"]{background:#d9edb9;color:#4e6d32}
.hero-streak-week i[data-current="true"]{background:#f9c574;color:#764e1e;box-shadow:0 0 0 2px #f9e9c9}
.hero-streak-link{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:10px;font-weight:750;color:#6b714f;line-height:1.4}
.hero-streak-link svg{width:14px;height:14px;stroke-width:2}
.hero-streak-corner{position:absolute;right:17px;top:17px;color:#e7bd79;font-size:17px;transform:rotate(12deg)}
.hero-streak-preview[data-autoplay="playing"] .hero-streak-fire img{animation-play-state:running}
@keyframes hero-streak-ember{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-2px) rotate(1deg)}}
@media(min-width:1101px) and (max-width:1239px){.hero-streak-preview{width:330px;min-height:117px;padding-block:12px}}
@media(max-width:680px){.hero-streak-preview{width:340px;min-height:120px;margin-top:23px;padding:14px 17px;gap:15px}.hero-streak-fire{flex-basis:57px;width:57px;height:69px}.hero-streak-fire img{width:56px;height:67px}.hero-streak-copy>strong>span{font-size:17px}.hero-streak-link{font-size:11px}.hero-streak-week i{width:19px;height:19px}}
@media(max-width:360px){.hero-streak-preview{padding:13px 14px;gap:12px}.hero-streak-fire{flex-basis:50px;width:50px;height:65px}.hero-streak-fire img{width:50px;height:60px}.hero-streak-copy>strong b{font-size:26px}.hero-streak-copy>strong>span{font-size:16px}.hero-streak-eyebrow{font-size:7px;gap:6px}.hero-streak-week{gap:4px}.hero-streak-week i{width:18px;height:18px}.hero-streak-corner{right:12px;top:14px;font-size:14px}}
@media(prefers-reduced-motion:reduce){body:not(.motion-ready) .hero-streak-preview,body:not(.motion-ready) .hero-streak-preview *{animation:none!important;transition:none!important}}
.motion-off .hero-streak-preview,.motion-off .hero-streak-preview *{animation:none!important;transition:none!important}