@layer quartz-base{.garden-media.has-player audio{display:none}.pl-screen{line-height:0;position:relative}.pl-screen video{cursor:default;touch-action:pan-y;width:100%;display:block}.garden-media.is-playing .pl-screen video{cursor:ew-resize}.pl-big-play{color:#fff;cursor:pointer;background:#0000006b;border:none;border-radius:50%;justify-content:center;align-items:center;width:4rem;height:4rem;padding:0;transition:opacity .15s,background .15s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pl-big-play svg{fill:currentColor;width:1.75rem;height:1.75rem;margin-left:.2rem}.pl-big-play:hover{background:#0000009e}.pl-big-play:focus-visible{outline:2px solid var(--light);outline-offset:2px}.garden-media.is-playing .pl-big-play{opacity:0;pointer-events:none}.pl{--pl-wave:color-mix(in srgb, var(--darkgray) 55%, transparent);font-family:var(--bodyFont);color:var(--darkgray);-webkit-user-select:none;user-select:none;outline:none;margin-top:.5rem;font-size:.8rem}.pl:focus-visible{box-shadow:0 0 0 2px var(--secondary);border-radius:2px}.pl-strip{border:1px solid var(--lightgray);background:color-mix(in srgb, var(--lightgray) 35%, var(--light));cursor:ew-resize;touch-action:pan-y;-webkit-touch-callout:none;position:relative;overflow:hidden}.pl-strip canvas{width:100%;height:100%;position:absolute;inset:0}.pl-strip .pl-played{background:color-mix(in srgb, var(--secondary) 14%, transparent);pointer-events:none;position:absolute;top:0;bottom:0;left:0}.pl-strip .pl-head{background:var(--secondary);width:1px;box-shadow:0 0 0 1px color-mix(in srgb, var(--light) 70%, transparent);pointer-events:none;margin-left:-.5px;position:absolute;top:0;bottom:0}.pl-strip .pl-head:before{content:"";border:4.5px solid #0000;border-top:6px solid var(--secondary);position:absolute;top:0;left:-4px}.pl-strip .pl-hover{background:var(--dark);color:var(--light);font-variant-numeric:tabular-nums;pointer-events:none;white-space:nowrap;border-radius:2px;padding:.05rem .3rem;font-size:.68rem;position:absolute;bottom:2px}.pl-strip .pl-hover[hidden]{display:none}.pl.scrubbing .pl-strip{cursor:grabbing}.pl-bar{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.5rem 0 0;display:flex}.pl-bar button{border:1px solid var(--lightgray);background:var(--light);min-width:2rem;height:2rem;color:var(--dark);font:inherit;cursor:pointer;border-radius:2px;justify-content:center;align-items:center;gap:.3rem;padding:0 .5rem;display:inline-flex}.pl-bar button:hover{border-color:var(--gray)}.pl-bar button:focus-visible{outline:2px solid var(--secondary);outline-offset:1px}.pl-bar button[aria-pressed=true]:not([data-do=mute]){background:var(--dark);border-color:var(--dark);color:var(--light)}.pl-bar button svg{fill:currentColor;width:1rem;height:1rem}.pl-bar button svg .pl-frame{fill:none;stroke:currentColor;stroke-width:2px}.pl-transport{gap:.25rem;display:inline-flex}.pl .pl-icon-stop,.pl.playing .pl-icon-play{display:none}.pl.playing .pl-icon-stop{display:block}.pl-time{font-family:var(--codeFont);font-variant-numeric:tabular-nums;color:var(--dark);font-size:.78rem}.pl-speed{text-align:right;min-width:5.5em;font-family:var(--codeFont);font-variant-numeric:tabular-nums;color:var(--dark);margin-left:auto;font-size:.78rem}.pl-volume{align-items:center;gap:.4rem;display:inline-flex}.pl-volume input[type=range]{width:6.5rem;accent-color:var(--darkgray);margin:0}.pl-volume .pl-volume-range{display:inline-flex;position:relative}.pl-volume .pl-volume-range:after{content:"";left:var(--whole);background:var(--gray);pointer-events:none;width:1px;height:4px;position:absolute;bottom:-5px}.pl-volume svg path{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.pl-volume svg .pl-speaker{fill:currentColor}.pl-volume svg .pl-off,.pl.silent .pl-volume svg .pl-waves{display:none}.pl.silent .pl-volume svg .pl-off{display:inline}.pl.backwards .pl-speed{color:var(--secondary)}.garden-media.has-player:-webkit-full-screen{background:var(--light);flex-direction:column;justify-content:center;padding:1.5rem;display:flex}.garden-media.has-player:fullscreen{background:var(--light);flex-direction:column;justify-content:center;padding:1.5rem;display:flex}.garden-media.has-player:-webkit-full-screen video{object-fit:contain;max-height:calc(100dvh - 9rem)}.garden-media.has-player:fullscreen video{object-fit:contain;max-height:calc(100dvh - 9rem)}@media (max-height:500px){.garden-media.has-player:-webkit-full-screen{padding:.25rem max(.5rem, env(safe-area-inset-right)) .25rem max(.5rem, env(safe-area-inset-left))}.garden-media.has-player:fullscreen{padding:.25rem max(.5rem, env(safe-area-inset-right)) .25rem max(.5rem, env(safe-area-inset-left))}.garden-media.has-player:-webkit-full-screen video{max-height:calc(100dvh - 4.25rem)}.garden-media.has-player:fullscreen video{max-height:calc(100dvh - 4.25rem)}.garden-media.has-player:-webkit-full-screen .pl{margin-top:.15rem}.garden-media.has-player:fullscreen .pl{margin-top:.15rem}.garden-media.has-player:-webkit-full-screen .pl-strip{display:none}.garden-media.has-player:fullscreen .pl-strip{display:none}.garden-media.has-player:-webkit-full-screen .pl-bar{padding-top:0}.garden-media.has-player:fullscreen .pl-bar{padding-top:0}}@media (max-width:800px),(pointer:coarse){.pl{margin-top:8px}.pl-bar{grid-template-columns:1fr auto 1fr;align-items:center;gap:2px 0;padding-top:4px;display:grid}.pl-bar button{touch-action:manipulation;background:0 0;border:0;min-width:44px;height:44px;padding:0}.pl-bar button svg{width:24px;height:24px}.pl-bar [data-do=play]{background:var(--dark);width:56px;height:56px;color:var(--light);border-radius:50%}.pl-bar [data-do=play] svg{width:28px;height:28px}.pl-bar [data-do=full]{grid-area:2/3;justify-self:end;margin-right:-10px}.pl-time{grid-area:1/1/auto/3;font-size:.8rem}.pl-speed{grid-area:1/3;min-width:0;margin:0;font-size:.8rem}.pl-transport{grid-area:2/2;align-items:center;gap:8px}.pl-volume{grid-area:2/1;justify-self:start;margin-left:-10px}.pl-big-play{width:72px;height:72px}}@media (pointer:coarse){.pl-volume .pl-volume-range,.pl-strip .pl-hover{display:none}}}