.songmade-vibe-showcase{display:block;width:100%}.songmade-vibe-header{padding:var(--padding-md, 16px) var(--padding-md, 16px) 0}.songmade-vibe-header__title{font-family:var(--font-heading--family);font-size:1.4em;font-weight:700;color:var(--color-foreground-heading);margin:0 0 4px}.songmade-vibe-header__subtitle{font-family:var(--font-paragraph--family);font-size:.9em;color:var(--color-input-text);margin:0}.songmade-vibe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-sm, 12px);padding:var(--padding-md, 16px);max-width:600px}@media(max-width:749px){.songmade-vibe-grid{grid-template-columns:repeat(2,1fr);padding:var(--padding-sm, 12px);max-width:100%}.songmade-vibe-grid:not(.songmade-vibe-grid--expanded) .songmade-vibe-card:nth-child(n+7){display:none}.songmade-vibe-grid--expanded+.songmade-vibe-more{display:none}}.songmade-vibe-more{display:none}@media(max-width:749px){.songmade-vibe-more{display:block;width:100%;padding:var(--padding-sm, 10px);margin-top:var(--gap-xs, 4px);background:none;border:var(--style-border-width-inputs, 1px) solid var(--color-input-border);border-radius:var(--style-border-radius-inputs);color:var(--color-foreground);font-family:var(--font-paragraph--family);font-size:.85em;cursor:pointer;text-align:center}}.songmade-vibe-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--gap-xs, 8px);padding:var(--padding-md, 14px) var(--padding-lg, 16px);background-color:var(--color-input-background);border:var(--style-border-width-inputs, 1px) solid var(--color-input-border);border-radius:var(--style-border-radius-inputs);cursor:pointer;transition:border-color .2s,background-color .2s;text-align:left;font-family:var(--font-paragraph--family);color:var(--color-foreground);width:100%;overflow:hidden}.songmade-vibe-card:hover{background-color:var(--color-input-hover-background)}.songmade-vibe-card--selected{border-color:var(--color-foreground-heading);background-color:var(--color-input-hover-background)}.songmade-vibe-card__content{display:flex;flex-direction:column;gap:2px;min-width:0}.songmade-vibe-card__name{font-weight:600;font-size:var(--font-paragraph--size);line-height:1.3}.songmade-vibe-card__desc{font-size:.8em;color:var(--color-input-text);line-height:1.3}.songmade-vibe-card__play{flex-shrink:0;color:var(--color-foreground-heading);opacity:.5;transition:opacity .2s;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.songmade-vibe-card:hover .songmade-vibe-card__play{opacity:1}.songmade-vibe-card__play svg{display:block}.songmade-vibe-card__icon-pause,.songmade-vibe-card--playing .songmade-vibe-card__icon-play{display:none}.songmade-vibe-card--playing .songmade-vibe-card__icon-pause{display:block}.songmade-vibe-card__progress{position:absolute;bottom:0;left:0;right:0;height:6px;background-color:var(--color-input-border);cursor:pointer;transition:height .15s}.songmade-vibe-card__progress:hover{height:10px}.songmade-vibe-card__progress-fill{height:100%;background-color:var(--color-foreground-heading);transform-origin:left;transform:scaleX(0);transition:transform .1s linear}
/*# sourceMappingURL=/cdn/shop/t/2/assets/songmade-vibe.css.map */