.spinner-wheel-wrap{position:relative;width:min(100%,25rem);margin-inline:auto;filter:drop-shadow(0 0.75rem 1rem rgba(46, 43, 37, 0.2))}.spinner-wheel{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border:.75rem solid #ebddc5;border-radius:50%;background:conic-gradient(#ffc6a5 0deg 45deg, #ccdbb2 45deg 90deg, #eee7db 90deg 135deg, #ffe1d0 135deg 180deg, #e1eecc 180deg 225deg, #ffc6a5 225deg 270deg, #dcd3c4 270deg 315deg, #ccdbb2 315deg 360deg)}.spinner-wheel::after{position:absolute;inset:42%;content:"";border:.35rem solid #ebddc5;border-radius:50%;background:#c67139}.spinner-wheel--spinning{animation:spinner-wheel-spin 850ms cubic-bezier(0.2, 0.7, 0.2, 1) both}.content-spinner-result--waiting{visibility:hidden}.content-spinner-result--revealing{animation:spinner-result-reveal 250ms ease-out both}.spinner-wheel__pointer{position:absolute;z-index:2;top:-0.75rem;left:50%;width:0;height:0;border-right:1.2rem solid rgba(0,0,0,0);border-left:1.2rem solid rgba(0,0,0,0);border-top:2.8rem solid #8c491a;transform:translateX(-50%)}.spinner-wheel__symbol{position:absolute;z-index:1;font-size:clamp(1.6rem,5vw,2.4rem);transform:translate(-50%, -50%)}.spinner-wheel__symbol--1{top:16%;left:64%}.spinner-wheel__symbol--2{top:36%;left:84%}.spinner-wheel__symbol--3{top:64%;left:84%}.spinner-wheel__symbol--4{top:84%;left:64%}.spinner-wheel__symbol--5{top:84%;left:36%}.spinner-wheel__symbol--6{top:64%;left:16%}.spinner-wheel__symbol--7{top:36%;left:16%}.spinner-wheel__symbol--8{top:16%;left:36%}.content-spinner-result__photo,.content-spinner-result__placeholder{height:13rem}.content-spinner-result__placeholder{display:grid;place-items:center;border-radius:1.25rem;background:#eee7db;font-size:4rem}.content-spinner-controls{display:grid;grid-template-columns:minmax(12rem, 18rem) auto;align-items:end;justify-content:center;gap:1rem;max-width:38rem}.content-spinner-controls--unfiltered{grid-template-columns:auto}.spinner-promo{background:#56633f;color:#f5ead8}.spinner-promo h2,.spinner-promo p{color:inherit}.spinner-promo .btn-cream{background-color:#f5ead8;color:#3d472b}.spinner-promo .btn-cream:hover,.spinner-promo .btn-cream:focus-visible{background-color:#fff2eb;color:#3d472b}@keyframes spinner-wheel-spin{from{transform:rotate(0)}to{transform:rotate(1080deg)}}@keyframes spinner-result-reveal{from{opacity:0;transform:translateY(0.5rem)}to{opacity:1;transform:translateY(0)}}@media(max-width: 575.98px){.content-spinner-controls{grid-template-columns:1fr}.content-spinner-controls .btn{width:100%}}@media(prefers-reduced-motion: reduce){.spinner-wheel--spinning{animation:none}.content-spinner-result--revealing{animation:none}}