.sample-transport[data-v-7aa109c2]{container:sample-transport/inline-size;display:flex;flex-direction:column;gap:.75rem;min-width:0}.sample-transport__scrubber[data-v-7aa109c2]{align-items:center;display:flex;height:44px;position:relative}.sample-transport__scrubber--bars[data-v-7aa109c2]{background:#f4f4f4;border-radius:10px;height:56px;padding:.25rem .5rem}.sample-transport__scrubber--custom[data-v-7aa109c2]{height:auto}.sample-transport__bars[data-v-7aa109c2]{display:block;height:100%;width:100%}.sample-transport__bars rect[data-v-7aa109c2]{fill:#b3b3b3}.sample-transport__bars rect.is-played[data-v-7aa109c2]{fill:#111}.sample-transport__track[data-v-7aa109c2]{background:#e0e0e0;border-radius:999px;display:block;height:6px;overflow:hidden;position:relative;width:100%}.sample-transport__fill[data-v-7aa109c2]{background:#111;inset:0 auto 0 0;position:absolute}.sample-transport__seek[data-v-7aa109c2]{accent-color:#111;cursor:pointer;height:calc(100% + 24px);inset:-12px 0;margin:0;opacity:0;position:absolute;width:100%}.sample-transport__scrubber--bars .sample-transport__seek[data-v-7aa109c2]{height:100%;inset:0;left:.5rem;width:calc(100% - 1rem)}.sample-transport__seek[data-v-7aa109c2]:disabled{cursor:default}.sample-transport__seek[data-v-7aa109c2]:focus-visible{opacity:.35}.sample-transport__scrubber[data-v-7aa109c2]:focus-within{border-radius:10px;outline:2px solid #111;outline-offset:3px}.sample-transport__row[data-v-7aa109c2]{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem .75rem}.sample-transport__play[data-v-7aa109c2]{align-items:center;background:#111;border:none;border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;flex:none;height:44px;justify-content:center;padding:0;width:44px}.sample-transport__play svg[data-v-7aa109c2]{fill:currentColor}.sample-transport__play[data-v-7aa109c2]:disabled{cursor:not-allowed;opacity:.6}.sample-transport__play.is-loading[data-v-7aa109c2]{cursor:wait}.sample-transport__spinner[data-v-7aa109c2]{animation:sample-transport-spin-7aa109c2 .8s linear infinite;border:2px solid hsla(0,0%,100%,.35);border-radius:50%;border-top-color:#fff;height:18px;width:18px}.sample-transport__versions[data-v-7aa109c2]{background:#fff;border:1px solid #cfcfcf;border-radius:999px;display:inline-flex;flex:0 1 auto;gap:2px;max-width:100%;min-width:0;padding:2px}.sample-transport__version[data-v-7aa109c2]{background:transparent;border:none;border-radius:999px;color:#333;cursor:pointer;flex:1 1 auto;font:inherit;font-size:.875rem;font-weight:600;line-height:1.2;min-height:40px;min-width:0;padding:0 .95rem;transition:background-color .15s ease,color .15s ease;white-space:nowrap}.sample-transport__version[data-v-7aa109c2]:hover:not([aria-pressed=true]):not(:disabled){background:#f0f0f0}.sample-transport__version[aria-pressed=true][data-v-7aa109c2]{background:#111;color:#fff}.sample-transport__version[data-v-7aa109c2]:disabled{cursor:not-allowed;opacity:.6}.sample-transport__version.is-prompting[data-v-7aa109c2]{animation:sample-transport-prompt-7aa109c2 1.05s ease-in-out 3}@media(max-width:600px){.sample-transport__row[data-v-7aa109c2]{-moz-column-gap:.6rem;column-gap:.6rem}.sample-transport__version[data-v-7aa109c2]{padding:0 .75rem}}@media(max-width:600px),(pointer:coarse){.sample-transport__versions[data-v-7aa109c2]{padding:0}.sample-transport__version[data-v-7aa109c2]{min-height:44px}}.sample-transport__time[data-v-7aa109c2]{color:#555;font-size:.875rem;font-variant-numeric:tabular-nums;margin-left:auto;white-space:nowrap}@container sample-transport (max-width: 415.98px){.sample-transport--versions .sample-transport__row[data-v-7aa109c2]{align-items:center;display:grid;gap:.5rem .6rem;grid-template-areas:"time time" "play versions";grid-template-columns:44px minmax(0,1fr)}.sample-transport--versions .sample-transport__play[data-v-7aa109c2]{grid-area:play}.sample-transport--versions .sample-transport__versions[data-v-7aa109c2]{grid-area:versions;justify-self:stretch}.sample-transport--versions .sample-transport__version[data-v-7aa109c2]{padding:0 .5rem}.sample-transport--versions .sample-transport__time[data-v-7aa109c2]{grid-area:time;justify-self:end;line-height:1.2;margin:-.4rem 0 0}}.sample-transport button[data-v-7aa109c2]:focus-visible{outline:2px solid #111;outline-offset:2px}.sr-only[data-v-7aa109c2]{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}@keyframes sample-transport-spin-7aa109c2{to{transform:rotate(1turn)}}@keyframes sample-transport-prompt-7aa109c2{0%,to{background:transparent;box-shadow:inset 0 0 #12121200}45%{background:#ececec;box-shadow:inset 0 0 0 2px #111}}@media(prefers-reduced-motion:reduce){.sample-transport__version.is-prompting[data-v-7aa109c2]{animation:none;box-shadow:inset 0 0 0 2px #111}.sample-transport__spinner[data-v-7aa109c2]{animation-duration:2s}}