.sa-samples[data-v-50f6c701]{padding-bottom:0;padding-top:32px}.sa-samples__heading[data-v-50f6c701]{align-items:center;display:flex;flex-wrap:wrap;gap:6px 16px;justify-content:space-between;margin-bottom:16px}.sa-samples__heading>p[data-v-50f6c701]{align-items:center;display:flex;font-size:13px;font-weight:500;gap:8px}.sa-samples__heading>span[data-v-50f6c701]{color:hsl(var(--muted-foreground));font-size:12px}.sa-samples__list[data-v-50f6c701]{display:grid;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}.sa-sample[data-v-50f6c701]{align-items:center;display:grid;gap:12px;grid-template-columns:52px minmax(0,1fr) 44px;min-width:0}.sa-sample__cover[data-v-50f6c701]{background:hsl(var(--secondary));border-radius:4px;height:52px;-o-object-fit:cover;object-fit:cover;width:52px}.sa-sample__details[data-v-50f6c701]{min-width:0}.sa-sample__title[data-v-50f6c701]{font-size:14px;font-weight:500;line-height:1.4;overflow-wrap:anywhere}.sa-sample__timeline[data-v-50f6c701]{align-items:center;display:flex;gap:10px;margin-top:2px}.sa-sample__timeline input[data-v-50f6c701]{accent-color:#315cff;cursor:pointer;height:24px;min-width:0;width:100%}.sa-sample__timeline input[data-v-50f6c701]:disabled{cursor:default;opacity:.5}.sa-sample__timeline span[data-v-50f6c701]{color:hsl(var(--muted-foreground));font-size:11px;font-variant-numeric:tabular-nums;min-width:30px}.sa-sample__play[data-v-50f6c701]{align-items:center;background:hsl(var(--secondary));border-radius:50%;color:hsl(var(--foreground));display:flex;height:44px;justify-content:center;transition:background .15s,color .15s;width:44px}.is-playing .sa-sample__play[data-v-50f6c701],.sa-sample__play[data-v-50f6c701]:hover{background:#315cff;color:#fff}.sa-sample__play[data-v-50f6c701]:active{transform:scale(.96)}.sa-sample__play[data-v-50f6c701]:focus-visible,input[data-v-50f6c701]:focus-visible{outline:2px solid #7298ff;outline-offset:3px}.sa-samples__error[data-v-50f6c701]{color:hsl(var(--foreground));font-size:13px;margin-top:12px}.sa-sample__spinner[data-v-50f6c701]{animation:sample-spin-50f6c701 1s linear infinite}@keyframes sample-spin-50f6c701{to{transform:rotate(1turn)}}@media (max-width:767px){.sa-samples[data-v-50f6c701]{padding-bottom:0;padding-top:24px}.sa-samples__heading[data-v-50f6c701]{margin-bottom:14px}.sa-samples__list[data-v-50f6c701]{gap:12px;grid-template-columns:minmax(0,1fr)}.sa-sample[data-v-50f6c701]{grid-template-columns:44px minmax(0,1fr) 44px}.sa-sample__cover[data-v-50f6c701]{height:44px;width:44px}}@media (prefers-reduced-motion:reduce){.sa-sample__spinner[data-v-50f6c701]{animation:none}.sa-sample__play[data-v-50f6c701]{transition:none}}