@keyframes dp-dot-in{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}@keyframes dp-detail-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes dp-badge-click-pop{0%{transform:scale(1)}35%{transform:scale(1.18) rotate(-3deg)}70%{transform:scale(.96)}to{transform:scale(1)}}@keyframes dp-badge-burst{0%{opacity:1;transform:translate(-50%,-50%) rotate(var(--a)) translateY(-8px) scale(1)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--a)) translateY(-48px) scale(.25)}}.dp-rail-btn{transition:background .2s}.dp-rail-btn:hover{background:color-mix(in oklch,var(--brand) 4%,#0000)}.dp-rail-btn[aria-pressed=true],.dp-rail-btn[aria-pressed=true]:hover{background:color-mix(in oklch,var(--brand) 7%,#0000);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--brand) 14%,#0000)}.dp-half{padding:8px 10px;margin:-8px -10px;border-radius:14px;transition:background .18s,box-shadow .18s}.dp-half:hover{background:color-mix(in oklch,var(--secondary) 7%,#0000);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--divider) 65%,#0000)}.dp-half .dp-chev{transition:transform .18s}.dp-half:hover .dp-chev{transform:translateX(2px)}.dp-sheet-stage{container-type:inline-size;min-height:100%;display:flex;flex-direction:column}.dp-sheet-stage:after,.dp-sheet-stage:before{content:"";flex:1 1 0}.dpv-split{display:flex;flex-direction:column;gap:18px}.dpv-split>*{min-width:0}@container (min-width: 560px){.dpv-split{flex-direction:row;align-items:flex-start;gap:32px}.dpv-split>*{flex:1}.dpv-split>.dpv-tight{flex:none}.dpv-seam>*+*{border-left:1px solid color-mix(in oklch,var(--divider) 70%,#0000);padding-left:32px}}.dp-wave{display:block;margin-top:18px}.dp-wave-bars{display:flex;align-items:center;gap:3px;height:64px}.dp-wave-bars>i{flex:1;min-width:2px;max-width:4px;border-radius:999px;background:var(--track-meter)}.dp-wave-bars>i.on{background:var(--brand)}.dp-wave-capt{margin-top:12px;text-align:center;font-size:10.5px;font-weight:700;color:var(--quiet)}.dp-wave-capt b{color:var(--brand-ink)}.dpp{container-type:inline-size}.dpp-ll{display:none}.dpp-ls{display:inline}@container (min-width: 380px){.dpp-ll{display:inline}.dpp-ls{display:none}}@container (min-width: 560px){.dp-wave{margin-top:0;flex:1;min-width:0}}