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