.spruce-thumb{--spruce-cycle:5s;position:relative;width:100%;height:100%;min-height:280px;overflow:hidden;flex-shrink:0;container-type:inline-size;border-radius:10px}.spruce-thumb-bg{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.spruce-thumb-overlay{position:absolute;inset:0;background:rgba(0,0,0,.3);pointer-events:none}.spruce-thumb-logo-wrap{position:absolute;left:50%;top:42%;width:calc(220 / 360 * 100cqi);max-width:220px;transform:translate(-50%,-50%);animation:spruce-logo var(--spruce-cycle) forwards}.spruce-thumb--loop .spruce-thumb-logo-wrap{animation-iteration-count:infinite}.spruce-thumb-logo{display:block;width:100%;height:auto}.spruce-thumb-sparkles{position:absolute;inset:0;pointer-events:none}.spruce-sparkle{position:absolute;display:block;opacity:0;transform:scale(0);animation-name:spruce-sparkle;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.spruce-sparkle--glow{filter:drop-shadow(0 0 4px rgba(255,224,133,.6))}.spruce-sparkle svg{width:100%;height:100%;display:block}@keyframes spruce-logo{0%,6%{opacity:0;transform:translate(-50%,-50%) translateX(-120%);animation-timing-function:cubic-bezier(.16,1,.3,1)}21%,22%{opacity:1;transform:translate(-50%,-50%) translateX(0) scale(1)}24%{opacity:1;transform:translate(-50%,-50%) translateX(0) scale(1.03);animation-timing-function:ease-in-out}30%,to{opacity:1;transform:translate(-50%,-50%) translateX(0) scale(1)}}@keyframes spruce-sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.spruce-sparkle,.spruce-thumb-logo-wrap{animation:none;opacity:1;transform:translate(-50%,-50%)}.spruce-sparkle{opacity:.65;transform:scale(.85)}}