.vinyl-controls_preview__4O8zT{display:block;position:relative;width:100%;aspect-ratio:345/602;border:0;padding:0;background:#fff;border-radius:48px;overflow:clip;cursor:pointer}.vinyl-controls_preview__4O8zT :is(.vinyl-controls_phone__pQWZ1,.vinyl-controls_record__PjMqB){position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;pointer-events:none;transition:transform .8s cubic-bezier(.22,.61,.36,1),opacity .8s cubic-bezier(.22,.61,.36,1)}.vinyl-controls_preview__4O8zT[data-expanded=true] .vinyl-controls_phone__pQWZ1{opacity:0}.vinyl-controls_preview__4O8zT[data-expanded=true] .vinyl-controls_record__PjMqB{transform:translate(-1.15942029%,-21.76079734%)}.vinyl-controls_preview__4O8zT:focus-visible{outline:3px solid #fe4a34;outline-offset:4px}.vinyl-controls_controls__7l_sw{position:absolute;inset:0;pointer-events:none}.vinyl-controls_control__KQtdH{position:absolute;border:0;border-radius:999px;padding:0;background:transparent;pointer-events:auto;cursor:pointer}.vinyl-controls_control__KQtdH>svg{display:block;width:100%;height:100%;pointer-events:none}.vinyl-controls_control__KQtdH:focus-visible{outline:2px solid #fe4a34;outline-offset:4px}.vinyl-controls_srOnly__woGk1{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:1000px){.vinyl-controls_preview__4O8zT{border-radius:30px}}@media(max-width:600px){.vinyl-controls_preview__4O8zT{border-radius:28px}}@media(prefers-reduced-motion:reduce){.vinyl-controls_preview__4O8zT :is(.vinyl-controls_phone__pQWZ1,.vinyl-controls_record__PjMqB){transition:none}}