.noda-hnw-wrap{container-type:inline-size}.noda-hnw{border:1px solid var(--stone-line);background:var(--stone-content);border-radius:14px;flex-direction:column;gap:12px;max-width:640px;padding:12px 14px 16px;display:flex}.noda-hnw-head{justify-content:space-between;align-items:center;gap:12px;min-height:28px;display:flex}.noda-hnw-title{letter-spacing:-.01em;color:var(--stone-ink);margin:0;font-size:15px;font-weight:600;line-height:1.3}.noda-hnw-close{width:28px;height:28px;color:var(--stone-muted);border-radius:999px;flex:none;place-items:center;margin-right:-6px;transition:background-color .16s,color .16s,transform .12s;display:grid}.noda-hnw-close:hover{background:var(--stone-line);color:var(--stone-ink)}.noda-hnw-close:active{transform:scale(.94)}.noda-hnw-close:focus-visible{outline:2px solid var(--stone-ink);outline-offset:1px}@media (prefers-reduced-motion:reduce){.noda-hnw-close{transition:none}}.hnw-player{aspect-ratio:16/9;background:var(--stone-chrome);isolation:isolate;border-radius:10px;position:relative;overflow:hidden}.hnw-player[data-state=poster] .hnw-caps,.hnw-player[data-state=poster] .hnw-player-controls{visibility:hidden}.hnw-player-poster{z-index:2;background:color-mix(in srgb, var(--stone-content) 30%, transparent);color:var(--stone-ink);font:inherit;cursor:pointer;border:0;place-items:center;padding:0;display:grid;position:absolute;inset:0}.hnw-player-poster:focus-visible{outline:2px solid var(--stone-ink);outline-offset:-2px}.hnw-player-big{background:var(--stone-ink);width:48px;height:48px;color:var(--stone-content);border-radius:999px;place-items:center;padding-left:2px;transition:transform .15s cubic-bezier(0,.09,.4,1);display:grid;box-shadow:0 1px 1px #0000001f,0 2px 5px #30313d14}.hnw-player-poster:hover .hnw-player-big{transform:scale(1.06)}.hnw-player-label{color:var(--stone-ink);font-size:12px;font-weight:500;line-height:16px;position:absolute;bottom:8px;left:12px}.hnw-player-label>span{color:var(--stone-muted);font-variant-numeric:tabular-nums;margin-left:8px}.hnw-player-controls{z-index:1;background:linear-gradient(to top, color-mix(in srgb, var(--stone-content) 72%, transparent), transparent);align-items:center;gap:8px;height:32px;padding:0 12px 0 6px;display:flex;position:absolute;bottom:0;left:0;right:0}.hnw-player-toggle{width:24px;height:24px;color:var(--stone-ink);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;place-items:center;transition:background-color .15s cubic-bezier(0,.09,.4,1);display:grid}.hnw-player-toggle:hover,.hnw-player-toggle:focus-visible{background:color-mix(in srgb, var(--stone-ink) 12%, transparent);outline:none}.hnw-player-track{flex:1;gap:4px;display:flex}.hnw-player-seg{background:color-mix(in srgb, var(--stone-ink) 22%, transparent);border-radius:999px;flex:1;height:3px;position:relative;overflow:hidden}.hnw-player-seg>i{background:var(--stone-ink);transform-origin:0;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.hnw-player-big,.hnw-player-toggle{transition:none}}