.srt{position:relative;flex:none;isolation:isolate;display:inline-grid;place-items:center;inline-size:48px;block-size:48px;border-radius:var(--hp-radius-inset);overflow:hidden;background:linear-gradient(135deg,var(--glass-fill-12),var(--glass-fill-5))}.srt[data-size="56"]{inline-size:56px;block-size:56px}.srt:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--glass-stroke-12)}.srt[data-media=audio]{background:var(--glass-fill-12)}.srt-move{position:absolute;z-index:3;inset-inline:0;inset-block-end:0;display:flex;justify-content:space-between;background:linear-gradient(to top,var(--scrim-ground-60),transparent);opacity:0;transition:opacity var(--dur-fast,.12s) ease-out}.srt:focus-within .srt-move,.srt:hover .srt-move{opacity:1}@media (hover:none){.srt-move{opacity:1}}@media (prefers-reduced-motion:reduce){.srt-move{transition:none}}.srt-move-btn{display:grid;place-items:center;inline-size:22px;block-size:22px;padding:0;border:0;border-radius:var(--hp-radius-pill);cursor:pointer;background:var(--scrim-ground-60);color:var(--neutral-200)}.srt-move-btn:disabled{opacity:.3;cursor:default}.srt[tabindex]{cursor:grab}.srt[tabindex]:focus-visible{outline:2px solid var(--landing-cream);outline-offset:2px}.srt[tabindex]:active{cursor:grabbing}.srt[data-over]:after{box-shadow:inset 0 0 0 2px var(--brand-cream)}@media (prefers-reduced-motion:no-preference){.srt[tabindex]:not([data-motion]){transition:transform var(--dur-fast,.12s) ease-out}.srt[data-over]:not([data-motion]){transform:translateY(-2px)}}.srt-tag{position:absolute;z-index:2;inset-block-start:2px;inset-inline-start:2px;min-inline-size:16px;text-align:center;padding:0 3px;border-radius:var(--hp-radius-xs,6px);font-family:var(--font-body);font-size:var(--type-control-size);line-height:16px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:0;color:var(--neutral-200);background:var(--scrim-ground-60);pointer-events:none;white-space:nowrap}.srt[data-unused] .srt-tag{outline:1.5px dotted var(--neutral-200);outline-offset:-2.5px}.st-media{position:absolute;inset:0;inline-size:100%;block-size:100%;-o-object-fit:contain;object-fit:contain;display:block;pointer-events:none}.srt-play{position:relative;z-index:1;display:inline-grid;place-items:center;inline-size:22px;block-size:22px;padding-inline-start:1px;border-radius:var(--hp-radius-pill);background:var(--glass-fill-14);box-shadow:inset 0 0 0 1px var(--glass-stroke-30);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--landing-cream)}.srt-wave{position:relative;z-index:1;display:inline-flex;color:var(--neutral-200)}.srt:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:var(--scrim-ground-60);opacity:0;transition:opacity var(--dur-fast) var(--ease-ui)}.srt:focus-within:before,.srt:has(.srt-remove):hover:before{opacity:1}.srt-remove{position:absolute;z-index:3;inset-block-start:0;inset-inline-end:0;display:inline-grid;place-items:center;inline-size:var(--space-5);block-size:var(--space-5);padding:0;border:0;background:transparent;cursor:pointer;color:var(--neutral-400);opacity:0;transition:opacity var(--dur-fast) var(--ease-ui)}.srt-remove:focus-visible,.srt:hover .srt-remove{opacity:1}.srt-remove:hover{color:var(--landing-cream)}.srt-remove:focus-visible{outline:2px solid var(--landing-cream);outline-offset:-2px;border-radius:var(--hp-radius-badge)}@media (hover:none){.srt-remove{opacity:1;inline-size:var(--space-6);block-size:var(--space-6)}}@media (pointer:coarse){.srt-remove{opacity:1}.srt-remove:after{content:"";position:absolute;inset-block-start:0;inset-inline-end:0;inline-size:44px;block-size:44px}.srt[tabindex]{--srt-touch-target:calc(var(--space-7) - var(--space-1));inline-size:calc(var(--srt-touch-target) * 2);block-size:calc(var(--srt-touch-target) * 2)}.srt[tabindex] .srt-remove{inline-size:var(--srt-touch-target);block-size:var(--srt-touch-target)}.srt[tabindex] .srt-remove:after{content:none}.srt[tabindex] .srt-move{opacity:1}.srt[tabindex] .srt-move-btn{inline-size:var(--srt-touch-target);block-size:var(--srt-touch-target)}}@media (any-pointer:coarse){.srt .srt-move,.srt .srt-remove{opacity:1}}.srt-overflow{border:0;padding:0;cursor:pointer;font-family:var(--font-body);font-weight:500;font-size:var(--type-small-size);line-height:1;color:var(--landing-cream)}.srt-overflow:before{opacity:1}.srt-overflow>span{position:relative;z-index:3}.srt-overflow:disabled{cursor:default}.srt-overflow:focus-visible{outline:2px solid var(--landing-cream);outline-offset:2px}@media (prefers-reduced-motion:reduce){.srt-remove,.srt:before{transition:none}}