.player{position: relative;display: flex;flex-direction: column;gap: 12px;margin: 0;padding: 12px 12px 14px;border-radius: 0 calc(var(--corner) * 1.5) 0 0;background: var(--accent);color: var(--on-accent)}.player__stage{cursor: pointer;border-radius: 0 var(--corner) 0 0;box-shadow: 0 0 0 2px var(--on-accent)}.player__stage:focus-visible{outline: 3px solid var(--on-accent);outline-offset: 3px}.player__big{position: absolute;left: 50%;top: calc(50% - 34px);width: 96px;height: 96px;margin: -48px 0 0 -48px;display: grid;place-items: center;border-radius: 0 var(--corner) 0 0;background: var(--accent);color: var(--on-accent);box-shadow: 0 0 0 4px var(--on-accent);scale: 1;transition: scale .45s var(--spring-snappy, ease), opacity .2s}.player__big svg{width: 40px;height: 40px;margin-left: 4px}.player__big:hover{scale: 1.08}.player.is-playing .player__big{scale: 0;opacity: 0;pointer-events: none}.player__bar{display: grid;grid-template-columns: auto minmax(0, 1fr);grid-template-rows: auto auto;column-gap: 16px;row-gap: 8px;align-items: center;padding: 2px 4px 0 2px}.player__toggle{grid-row: 1 / 3;width: 60px;height: 60px;display: grid;place-items: center;border-radius: 0 var(--corner) 0 0;background: var(--on-accent);color: var(--accent);transition: translate .2s var(--ease)}.player__toggle svg{width: 26px;height: 26px}.player__toggle:hover{translate: 0 -2px}.player__toggle:focus-visible{outline: 3px solid var(--on-accent);outline-offset: 3px}.player__track{display: flex;gap: 4px;height: 14px;align-items: center;cursor: pointer;touch-action: none;user-select: none}.player__track:focus-visible{outline: 2px solid var(--on-accent);outline-offset: 4px}.player__seg{position: relative;flex: var(--d) 1 0;height: 8px;border-radius: 0 4px 0 0;background: color-mix(in srgb, var(--on-accent) 22%, transparent);overflow: hidden;transition: height .2s var(--ease)}.player__seg::after{content: "";position: absolute;inset: 0;background: var(--on-accent);transform-origin: 0 50%;scale: var(--p, 0) 1}.player__seg.is-on, .player__track:hover .player__seg{height: 12px}.player__now{display: flex;justify-content: space-between;gap: 12px;font: 600 14px/1.2 var(--sans)}.player__time{font-variant-numeric: tabular-nums}.credits{display: flex;align-items: center;flex-wrap: wrap;gap: 14px 24px;margin-top: 10px;--y: var(--accent);--k: var(--bg)}.credits__label{font: italic 900 20px/1 var(--serif)}.credits__marks{display: flex;align-items: center;flex-wrap: wrap;gap: 14px 28px;--mh: 1px}.credits__marks > *{flex: none;width: auto;height: calc(var(--h, 40) * var(--mh));animation: credit-in .9s var(--spring-soft, ease) both}.credits__marks > :nth-child(2){animation-delay: .12s}.credits__marks > :nth-child(3){animation-delay: .24s}.credits__marks > :nth-child(4){animation-delay: .36s}.credits__marks > :nth-child(5){animation-delay: .48s}.credits__marks > :nth-child(6){animation-delay: .6s}.credits__marks > :nth-child(7){animation-delay: .72s}.credits__marks .logo-wonderful{--h: 24;aspect-ratio: 601 / 96}.credits__marks .logo-dbk{--h: 48}.credits__marks .logo-eflight{--h: 34}.credits__marks .logo-zoe{--h: 28}.credits__marks .logo-haagse{--h: 36}.credits__marks .logo-nd{--h: 40}.credits__marks .logo-upwork{--h: 22;aspect-ratio: 347 / 96}.logo-mask{display: block;background: var(--y);-webkit-mask: var(--m) center / contain no-repeat;mask: var(--m) center / contain no-repeat}@keyframes credit-in{from{opacity: 0;translate: 0 18px}}@media (prefers-reduced-motion: reduce){.credits__marks > *{animation: none}}@media (max-width: 1023px){.player__big{width: 72px;height: 72px;margin: -36px 0 0 -36px;top: calc(50% - 30px)}.player__big svg{width: 30px;height: 30px}.player{padding: 8px 8px 10px}.player__toggle{width: 52px;height: 52px}.player__toggle svg{width: 22px;height: 22px}.player__now{font-size: 13px}.credits__label{font-size: 17px}.credits__marks{gap: 12px 22px;--mh: .82px}}@media (max-width: 1023px) and (orientation: portrait){.player{width: 100%;max-width: none;margin-inline: auto}}