/* A single stationary player, in the invitation's burgundy and cream palette. */
.site-header nav a{font-size:13px}.menu-toggle{font-size:14px}
.paper-invitation .paper-player{display:block;width:min(340px,100%);min-height:0;margin:20px auto 0;padding:24px 26px 20px;border:1px solid #ffffcc38;border-radius:16px;background:var(--wine);color:var(--paper);box-shadow:0 7px 20px #32191215;text-align:center;cursor:auto}
.paper-invitation .paper-player .player-title{font:400 24px/1.2 var(--serif);letter-spacing:0;color:var(--paper);margin:0}
.paper-player .player-status{font:400 10px/1.5 var(--sans);margin:7px 0 0;color:var(--cream);opacity:.85;min-height:15px}
.player-timeline{margin-top:21px}.player-timeline input[type=range]{display:block;appearance:none;-webkit-appearance:none;box-sizing:border-box;width:100%;height:26px;margin:0;padding:0;border:0;background:transparent;cursor:pointer;--music-progress:0%}
.player-timeline input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:linear-gradient(to right,var(--cream) var(--music-progress),#fffef047 var(--music-progress))}
.player-timeline input[type=range]::-moz-range-track{height:3px;border-radius:3px;background:linear-gradient(to right,var(--cream) var(--music-progress),#fffef047 var(--music-progress))}
.player-timeline input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;border:0;border-radius:50%;background:var(--cream);margin-top:-4.5px;box-shadow:0 0 0 3px #ffffcc12}
.player-timeline input[type=range]::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:var(--cream);box-shadow:0 0 0 3px #ffffcc12}
.player-timeline input[type=range]:disabled{opacity:.45;cursor:default}.player-times{display:flex;justify-content:space-between;font:400 10px/1.5 var(--sans);color:var(--cream);opacity:.8}
.player-controls{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:13px}.player-controls button{display:grid;place-items:center;position:relative;flex:none;padding:0;border:0;min-width:44px;min-height:44px;background:transparent;color:var(--cream);transition:background .2s,transform .2s;border-radius:50%}.player-controls button:disabled{opacity:.4;cursor:default}
.player-controls .player-toggle{width:48px;height:48px;background:var(--cream);color:var(--wine)}.player-toggle>svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2}.player-icon-play{fill:currentColor;stroke:none}.player-icon-pause{display:none}.player-toggle[aria-pressed=true] .player-icon-play{display:none}.player-toggle[aria-pressed=true] .player-icon-pause{display:block}
.player-skip>svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.player-skip>span{position:absolute;left:0;right:0;top:15px;text-align:center;font:600 9px/1 var(--sans)}
.player-controls .player-toggle:hover{background:var(--paper);transform:scale(1.04)}.player-controls .player-skip:not(:disabled):hover{background:#fffef016}
.paper-player button:focus-visible,.paper-player input:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
@media(max-width:760px){.site-header nav a{font-size:14px}.site-header .menu-toggle{font-size:14px}.paper-invitation .paper-player{width:min(320px,100%);margin-top:16px;padding:22px 24px 19px}.paper-invitation .paper-player .player-title{font-size:23px}}
@media(prefers-reduced-motion:reduce){.player-controls button{transition:none}}
.player-controls .player-toggle{background:var(--blue);color:var(--deep)}

/* Keep the ten-second labels inside the arrows, clear of their strokes. */
.player-skip>span{left:50%;right:auto;top:52%;transform:translate(-50%,-50%);font:600 8px/1 var(--sans)}