/* Circular end caps and 64 tangent side panels retain volume during a full Y rotation. */
.rv-flavor-spin{display:block;position:relative;width:var(--diameter);height:var(--diameter);perspective:700px;flex-shrink:0;pointer-events:none}
.rv-flavor-spin__rotor{position:absolute;inset:0;transform-style:preserve-3d;animation:rv-flavor-turn 12s linear infinite;will-change:transform}
.rv-flavor-spin__front,.rv-flavor-spin__back{position:absolute;inset:0;border-radius:50%;backface-visibility:hidden;overflow:hidden;background:#171717;box-shadow:inset 0 0 0 2px #444}
.rv-flavor-spin__front{transform:translateZ(calc(var(--diameter)*.14));background:#171717}
.rv-flavor-spin__front img{display:block;width:100%;height:100%;object-fit:cover;filter:hue-rotate(var(--flavor-hue));border-radius:50%;transform:scale(1.025)}
.rv-flavor-spin__back{transform:rotateY(180deg) translateZ(calc(var(--diameter)*.14));display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6%;background:radial-gradient(ellipse at 30% 20%,#3b3b3b,#141414 65%);border:2px solid #363636}
.rv-flavor-spin__back b{font:italic 900 calc(var(--diameter)*.22)/1 Arial,sans-serif;color:#fff;letter-spacing:-.06em}
.rv-flavor-spin__back i{color:var(--accent)}
.rv-flavor-spin__back strong{color:var(--accent);font:700 calc(var(--diameter)*.085)/1.2 var(--rv-cond);text-transform:uppercase;max-width:85%}
.rv-flavor-spin__back small{font:600 calc(var(--diameter)*.06)/1 var(--rv-cond);color:#ddd}
.rv-flavor-spin__edge{display:block!important;position:absolute;left:50%;top:50%;width:calc(var(--diameter)*.28);height:calc(var(--diameter)*.051);margin-left:calc(var(--diameter)*-.14);margin-top:calc(var(--diameter)*-.0255);transform:rotateZ(calc(var(--segment)*5.625deg)) translateX(calc(var(--diameter)*.499)) rotateY(90deg);backface-visibility:hidden;background:linear-gradient(90deg,#353535 0%,#151515 8%,#343434 11%,#111 16%,#202020 25%,#181818 78%,#080808 80%,#414141 83%,#161616 89%,#333 96%,#171717);border-top:1px solid #ffffff0b}
.rv-flavor-spin[data-paused] .rv-flavor-spin__rotor{animation-play-state:paused}
@keyframes rv-flavor-turn{from{transform:rotateX(-12deg) rotateY(-18deg)}to{transform:rotateX(-12deg) rotateY(342deg)}}
@media(max-width:749px){.rv-fcard__art .rv-flavor-spin{--diameter:112px!important}}
@media(prefers-reduced-motion:reduce){.rv-flavor-spin__rotor{animation:none;transform:rotateX(-12deg) rotateY(-18deg);will-change:auto}}