@keyframes decoration-show-6e87556a{to{filter:grayscale(0)brightness()}}.playButton[data-v-6e87556a]{--shadow-inset:2px;--color:#2b2b2b;--color-hover:#181818;--color-active:#000;--inset-color-top:#717070;--inset-color-bottom:#000;box-shadow:0 4px 4px #0009}@media (width>=80em){.playButton[data-v-6e87556a]{--shadow-inset:2px}}.playButton[data-v-6e87556a]{cursor:pointer;pointer-events:none;aspect-ratio:1;background:var(--color);border:2px solid #000;border-radius:100%;flex-shrink:0;width:100%;transition:all .2s cubic-bezier(.25,.46,.45,.94);position:relative}.playButton--canClick[data-v-6e87556a]{pointer-events:all}.playButton--green[data-v-6e87556a]{--color-hover:#a3c617;--color:#d2ff00;--color-active:#78911b;--inset-color-top:#f1ffb1;--inset-color-bottom:#a3c617}.playButton--live[data-v-6e87556a]{--color-hover:#be324a;--color:#eb3b57;--color-active:#b8233b;--inset-color-top:#f55671;--inset-color-bottom:#be324a}.playButton--small[data-v-6e87556a]{--shadow-inset:2px}.playButton[data-v-6e87556a]:after,.playButton[data-v-6e87556a]:before{content:"";border-radius:100%;transition:all .2s cubic-bezier(.25,.46,.45,.94);position:absolute;inset:0}.playButton[data-v-6e87556a]:before{box-shadow:inset 0 var(--shadow-inset) 0 var(--inset-color-top)}.playButton[data-v-6e87556a]:after{box-shadow:inset 0 calc(0px - var(--shadow-inset)) 0 var(--inset-color-bottom)}.playButton[data-v-6e87556a]:hover{background:var(--color-hover);--shadow-inset:0px}.playButton[data-v-6e87556a]:active{background:var(--color-active);--shadow-inset:0px}.playButton__icon[data-v-6e87556a]{aspect-ratio:36/46;width:38%;height:auto;position:absolute;top:50%;left:50%;transform:translate(-40%,-50%)}.playButton--green .playButton__icon path[data-v-6e87556a]{fill:#000}