.skins-sound{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border:1px solid #3b4536;border-radius:11px;background:#1b221a;color:#c0db9b;cursor:pointer;transition:background .15s,border-color .15s}.skins-sound:hover{background:#2c3825;border-color:#92b85a}.skins-sound[aria-pressed=false]{color:#78806f;background:#181d18}.skins-sound svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.skins-sound:focus-visible{outline:2px solid #b9ee4b;outline-offset:3px}.pricing-status{justify-content:flex-end;padding-block:10px;min-height:0}.pricing-status>div{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.pricing-status strong,.pricing-status span{font-size:10px}.pricing-status .text-button{font-size:10px;margin-left:10px}.pricing-status .pricing-dot{margin:0}.case-card .case-art{height:230px;overflow:visible}.case-card .case-art>img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 15px 18px #0007);transform:scale(1.04);transition:transform .3s}.case-card:hover .case-art>img{transform:scale(1.1) translateY(-4px)}.case-card .case-art-orbit{display:none}.case-card .case-series{display:none}.case-card .case-card-body{padding-top:8px}.case-card .case-card-body>p{font-size:11px}.case-card .case-card-body>h3{font-size:20px}.hero-caption{display:none}.case-card .case-card-top>span{font-size:9px}.case-card{background:radial-gradient(ellipse at 50% 35%,color-mix(in srgb,var(--case-accent) 9%,transparent),transparent 67%),#191e19}
@media(max-width:700px){.skins-sound{flex-basis:31px;width:31px;height:31px;border-radius:8px}.account-controls{gap:8px}.pricing-status>div{gap:5px}.pricing-status strong,.pricing-status span,.pricing-status .text-button{font-size:8px}.case-card .case-art{height:154px}.case-card .case-card-body>h3{font-size:14px}.case-card .case-card-body>p{font-size:9px}.case-card .case-card-top>span{font-size:7px}}
@media(prefers-reduced-motion:reduce){.case-card .case-art>img{transition:none}}
.hero-art>img{position:absolute;inset:5% 0;width:100%;height:90%;object-fit:contain;transform:rotate(-4deg)}@media(max-width:700px){.hero-art>img{inset:0;width:100%;height:100%;transform:rotate(-4deg)}}