.play-button[data-v-028ef5ef]{width:var(--size);height:var(--size);cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .12s,background-color .2s;display:inline-flex;position:relative}.play-button[data-v-028ef5ef]:active{transform:scale(.94)}.play-button--solid[data-v-028ef5ef]{background:var(--dnb-control)}.play-button--solid .ui-icon[data-v-028ef5ef]{color:#000!important}.play-button--solid[data-v-028ef5ef]:hover{background:#e2e2e2}.play-button--ghost[data-v-028ef5ef]{border:1px solid var(--dnb-line-strong);background:0 0}.play-button--ghost .ui-icon[data-v-028ef5ef]{color:var(--dnb-text)!important}.play-button[data-v-028ef5ef]:focus-visible{outline:2px solid var(--dnb-accent);outline-offset:3px}.play-button__ring[data-v-028ef5ef]{width:calc(100% + 10px);height:calc(100% + 10px);animation:1.1s linear infinite play-ring-spin-028ef5ef;position:absolute;inset:-5px}.play-button__ring circle[data-v-028ef5ef]{fill:none;stroke:var(--dnb-text);stroke-width:2px;stroke-linecap:round;stroke-dasharray:40 120}@keyframes play-ring-spin-028ef5ef{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.play-button__ring[data-v-028ef5ef]{animation-duration:3s}}