.dh-player{--dh-player-accent:var(--gold-fill,var(--primary,#d4af37));--dh-player-accent-text:var(--gold-foreground,var(--primary-foreground,#0d0d0f));isolation:isolate;width:100%;aspect-ratio:var(--dh-player-ratio,16 / 9);border-radius:var(--dh-player-radius,1rem);color:#fff;background:#000;display:block;position:relative;overflow:hidden}.dh-player[data-fill]{aspect-ratio:auto;border-radius:0;height:100%}.dh-player-poster{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.dh-player-start{z-index:1;cursor:pointer;width:100%;color:inherit;-webkit-tap-highlight-color:transparent;background:linear-gradient(#0000000d 45%,#00000073);border:0;place-items:center;padding:0;display:grid;position:absolute;inset:0}.dh-player-start-icon{aspect-ratio:1;width:clamp(3.5rem,11%,5rem);color:var(--dh-player-accent-text);background:var(--dh-player-accent);box-shadow:0 10px 40px -8px #0009, 0 0 0 .5rem color-mix(in oklab, var(--dh-player-accent) 28%, transparent);border-radius:9999px;place-items:center;transition:transform .16s,box-shadow .16s;display:grid}.dh-player-start-icon svg{width:42%;height:42%;transform:translate(8%)}.dh-player-start:hover .dh-player-start-icon,.dh-player-start:focus-visible .dh-player-start-icon{transform:scale(1.06)}.dh-player-start:focus-visible{outline:3px solid var(--dh-player-accent);outline-offset:-3px}.dh-player-layer{z-index:2;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.dh-player-start-icon{transition:none}.dh-player-start:hover .dh-player-start-icon,.dh-player-start:focus-visible .dh-player-start-icon{transform:none}}