.sound-table{border-collapse:collapse;text-align:left;width:100%;font-size:var(--type-small);line-height:1.25rem}.sound-table th,.sound-table td{font-weight:inherit;vertical-align:middle;padding:0}.sound-table thead th{height:3rem;color:var(--muted-foreground);border-bottom:1px solid var(--border)}.sound-table .sound-group-label{font-size:var(--type-body);font-weight:var(--weight-emphasis);color:var(--foreground);border-bottom:1px solid var(--border);padding-block:2rem .5rem}.sound-table tbody:first-of-type .sound-group-label{padding-top:1.5rem}.sound-row{isolation:isolate;border-bottom:1px solid var(--border);position:relative}.sound-table tbody .sound-row:last-child{border-bottom:0}.sound-table .sound-row>*{padding-block:.5rem}.sound-table .sound-name{padding-right:1.5rem}.sound-name-label{font-size:var(--type-body);font-weight:var(--weight-emphasis);color:var(--foreground);display:block}.sound-description,.sound-table .sound-length{color:var(--muted-foreground);text-wrap:pretty;transition:color var(--control-duration) var(--control-ease)}.sound-name .sound-description{margin-top:var(--page-row-gap,.5rem)}.sound-table .sound-cell-description{padding-right:1rem;display:none}.sound-table .sound-length{text-align:right;font-variant-numeric:tabular-nums;padding-right:.5rem;display:none}.sound-action{text-align:right}.sound-play{cursor:pointer;translate:none}.sound-play:active .sound-play-icon{translate:0 1px}.sound-play:before,.sound-play:after{content:"";border-radius:var(--radius-lg,.5rem);position:absolute;inset:.25rem -.5rem}.sound-play:after{z-index:1}.sound-play:before{z-index:-1;background-color:var(--muted);opacity:0;transition:opacity var(--control-duration) var(--control-ease)}.sound-play-icon{display:inline-flex;position:relative}.sound-play-dot{background-color:currentColor;border-radius:9999px;width:.375rem;height:.375rem;position:absolute;top:-.125rem;right:-.125rem}.sound-row[data-playing] .sound-play:before{opacity:1}.sound-row[data-playing] :is(.sound-description,.sound-length),.sound-row[data-playing] .sound-play{color:var(--foreground)}:root:not([data-input=pointer]) .sound-play:focus-visible:before{opacity:.6}@media (hover:hover) and (pointer:fine){.sound-row:hover .sound-play:before{opacity:.6}.sound-row:hover :is(.sound-description,.sound-length),.sound-row:hover .sound-play{color:var(--foreground)}}@media (max-width:39.99rem){.sound-table thead{display:none}.sound-table tbody:first-of-type .sound-group-label{padding-top:0}}@media (min-width:40rem){.sound-table{table-layout:fixed}.sound-col-name{width:10.5rem}.sound-col-length{width:4rem}.sound-col-action{width:3rem}.sound-table :is(.sound-cell-description,.sound-length){display:table-cell}.sound-name .sound-description{display:none}}.sound-disclosure-trigger svg{transition:rotate var(--control-duration) var(--control-ease)}.sound-disclosure-trigger[data-panel-open] svg{rotate:180deg}.sound-disclosure-body{padding-top:.5rem}@media (prefers-reduced-motion:reduce){.sound-play:before,.sound-description,.sound-length,.sound-disclosure-trigger svg{transition:none}}
