.sound-picker{text-align:left;gap:16px;width:100%;max-width:584px;display:grid}.sound-icon{flex:none;width:18px;height:18px}.sound-spin{border:2px solid color-mix(in srgb, currentColor 30%, transparent);border-top-color:currentColor;border-radius:50%;flex:none;width:12px;height:12px;animation:.9s linear infinite sound-spin;display:inline-block}@keyframes sound-spin{to{transform:rotate(1turn)}}.sound-seg{border:1px solid color-mix(in srgb, var(--fg) 20%, transparent);border-radius:16px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.sound-seg button{cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:48px;padding:8px 6px;font-size:14px;font-weight:700;display:flex}.sound-seg button small{opacity:.75;align-items:center;gap:6px;font-size:11px;font-weight:500;display:inline-flex}.sound-seg button[aria-pressed=true]{background:color-mix(in srgb, var(--fg) 14%, transparent)}.sound-seg button:disabled{cursor:default;opacity:.6}.sound-seg-name{align-items:center;gap:6px;display:inline-flex}.sound-seg-name .sound-icon{width:16px;height:16px}.sound-cta,.sound-card-button{color:#fff;background:linear-gradient(90deg, var(--cta-from), var(--cta-to));cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 20px;font-size:15px;font-weight:700;display:flex}.sound-card-button.portal-outline{color:inherit;border:1px solid color-mix(in srgb, var(--fg) 25%, transparent);background:0 0}:is(.sound-cta,.sound-card-button):disabled{cursor:default;opacity:.6}.sound-hint,.sound-keep{opacity:.75;margin:0;font-size:13px;line-height:1.5}.sound-error{color:var(--danger,#b42318);margin:0;font-size:13px}.sound-label{letter-spacing:.08em;text-transform:uppercase;opacity:.75;margin:0;font-size:12px;font-weight:800}.sound-cards{grid-template-rows:repeat(4,auto);grid-template-columns:1fr 1fr;gap:0 16px;display:grid}.sound-card{grid-row:span 4;grid-template-rows:subgrid;border:1px solid color-mix(in srgb, var(--fg) 15%, transparent);border-radius:20px;row-gap:12px;min-width:0;padding:20px;display:grid}.sound-card-top{grid-template-rows:24px 24px;grid-template-columns:48px 1fr;align-items:center;gap:2px 12px;display:grid}.sound-card-icon{background:color-mix(in srgb, var(--fg) 8%, transparent);border-radius:12px;grid-row:1/3;place-items:center;width:48px;height:48px;display:grid}.sound-tag{letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;background:color-mix(in srgb, var(--fg) 10%, transparent);border-radius:999px;justify-self:start;align-items:center;height:24px;padding:0 10px;font-size:11px;font-weight:800;display:inline-flex}.sound-card h2{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:18px;font-weight:700;line-height:24px;overflow:hidden}.sound-card>p{opacity:.75;margin:0;font-size:14px;line-height:1.5}.sound-card .sound-card-button{align-self:end}.sound-card>.sound-card-foot{justify-content:space-between;gap:8px;font-size:12px;display:flex}.sound-card>.sound-card-foot.is-consent{line-height:1.45;display:block}:is(.sound-hint,.sound-card-foot) a{color:inherit;text-underline-offset:2px;text-decoration:underline}.sound-after{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.sound-ptoggle{z-index:1;background:#232323b8;border-radius:999px;gap:2px;padding:3px;display:flex;position:absolute;top:12px;right:12px}.sound-ptoggle button{color:#fff;cursor:pointer;border-radius:999px;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.sound-ptoggle button[aria-pressed=true]{color:#232323;background:#f8f5f2}.sound-ptoggle .sound-icon{width:14px;height:14px}.sound-chip{pointer-events:none;z-index:1;color:#fff;background:#232323b8;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex;position:absolute;top:10px;right:10px}.sound-chip .sound-icon{width:14px;height:14px}@media (prefers-reduced-motion:reduce){.sound-spin{animation-duration:2.4s}}html[data-site=motionfold] .sound-picker{color:var(--portal-ink)}html[data-site=motionfold] .sound-seg{border:2px solid var(--portal-ink);background:#fff;border-radius:14px;gap:3px;padding:3px}html[data-site=motionfold] .sound-seg button{min-height:50px;color:var(--portal-ink);border-radius:10px}html[data-site=motionfold] .sound-seg button small{color:#555150;opacity:1}html[data-site=motionfold] .sound-seg button[aria-pressed=true]{background:var(--portal-ink);color:var(--portal-paper)}html[data-site=motionfold] .sound-seg button[aria-pressed=true] small{color:#cfc8c2}html[data-site=motionfold] .sound-seg button:disabled{opacity:1;color:#8d8680}html[data-site=motionfold] .sound-seg button:disabled .sound-spin{border-color:#c8c0b9;border-top-color:var(--portal-blue)}html[data-site=motionfold] .sound-picker :is(.portal-button,.portal-outline){gap:8px;padding:0 20px;font-weight:800}html[data-site=motionfold] .sound-picker :is(.portal-button,.portal-outline) span{font:inherit}html[data-site=motionfold] .sound-cta{min-height:52px;margin-bottom:6px;font-size:16px}html[data-site=motionfold] .sound-hint{color:#555150;opacity:1;font-size:12.5px}html[data-site=motionfold] .sound-hint b{color:var(--portal-ink)}html[data-site=motionfold] :is(.sound-keep,.sound-label){color:#555150;opacity:1}html[data-site=motionfold] .sound-keep{font-size:12.5px}html[data-site=motionfold] .sound-card{border:2px solid var(--portal-ink);background:#fff;border-radius:16px}html[data-site=motionfold] .sound-card.is-primary{box-shadow:0 4px 0 var(--portal-ink)}html[data-site=motionfold] .sound-card-icon{border:2px solid var(--portal-ink);background:#f7e9e1}html[data-site=motionfold] .sound-card.is-primary .sound-card-icon{background:var(--portal-acid);color:#fff}html[data-site=motionfold] .sound-tag{background:var(--portal-blue);color:#fff}html[data-site=motionfold] .sound-tag.is-warm{color:var(--portal-ink);box-shadow:inset 0 0 0 1.5px var(--portal-ink);background:#f7e9e1}html[data-site=motionfold] .sound-card h2{letter-spacing:0;text-transform:none;font-family:inherit;font-size:18px;font-weight:800}html[data-site=motionfold] .sound-card>p{color:#555150;opacity:1}html[data-site=motionfold] .sound-card-button{height:48px;font-size:15px}html[data-site=motionfold] .sound-card .sound-card-button:disabled{opacity:1;color:#6f6964;box-shadow:none;background:#f1ede9;border-color:#bdb5ae}html[data-site=motionfold] .sound-card-button:disabled .sound-spin{border-color:#c8c0b9;border-top-color:var(--portal-blue)}html[data-site=motionfold] .sound-card>.sound-card-foot{color:#555150}html[data-site=motionfold] .workflow-result.has-sound{grid-template-columns:minmax(0,352px) minmax(0,584px)}html[data-site=motionfold] .workflow-result.has-sound .workflow-media{margin:0 auto;position:relative}html[data-site=motionfold] .workflow-result.has-sound.is-wide{grid-template-columns:minmax(0,760px)}html[data-site=motionfold] .workflow-result.has-sound.is-wide .workflow-result-info{max-width:584px}html[data-site=motionfold] .workflow-result.has-sound .workflow-result-info{flex-direction:column;padding-top:0;display:flex}html[data-site=motionfold] .workflow-result.has-sound .workflow-status{height:24px;color:var(--portal-blue);letter-spacing:.06em;text-transform:uppercase;background:#dcefee;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;margin:0;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}html[data-site=motionfold] .workflow-result.has-sound .workflow-status:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}html[data-site=motionfold] .workflow-result.has-sound .workflow-result-info h1{margin:8px 0;font-size:48px;line-height:1}html[data-site=motionfold] .workflow-result.has-sound .workflow-result-info>.workflow-note{margin:0 0 24px}html[data-site=motionfold] .workflow-result.has-sound .sound-picker{gap:0}html[data-site=motionfold] .workflow-result.has-sound .sound-label{margin-bottom:16px}html[data-site=motionfold] .workflow-result.has-sound .sound-keep{margin-top:16px}html[data-site=motionfold] .workflow-result.has-sound .sound-error{margin-top:12px}html[data-site=motionfold] .sound-after{border-top:1.5px solid #d9d2cc;margin-top:24px;padding-top:24px}html[data-site=motionfold] .sound-after .portal-outline{align-items:center;gap:8px;height:48px;padding:0 20px;font-size:15px;font-weight:800;display:inline-flex}html[data-site=motionfold] .sound-after>button:not(.portal-outline){margin-left:auto}html[data-site=motionfold] .workflow-result-info [data-report-problem]{border:2px solid var(--portal-ink);background:#fff;border-radius:16px;margin-top:16px}html[data-site=motionfold] .sound-after>[data-report-problem]{flex-basis:100%;max-width:none;margin-top:4px}html[data-site=motionfold] [data-page-main] .sound-picker{margin-inline:auto}@media (min-width:768px) and (max-width:1023px){html[data-site=motionfold] .workflow-result.has-sound{grid-template-columns:minmax(0,584px);gap:32px}}@media (max-width:767px){html[data-site=motionfold] .workflow-result.has-sound{flex-direction:column;gap:14px;display:flex}html[data-site=motionfold] .workflow-result.has-sound .sound-picker{order:-1;gap:12px;margin:4px 0 0}html[data-site=motionfold] .workflow-result.has-sound .workflow-result-info h1{font-size:32px}html[data-site=motionfold] .workflow-result.has-sound .workflow-result-info>.workflow-note{margin-bottom:0}html[data-site=motionfold] .workflow-result.has-sound .sound-after{border-bottom:1.5px solid #d9d2cc;order:-1;margin:4px 0 12px;padding-bottom:16px}html[data-site=motionfold] .sound-after{border-top:0;justify-content:space-between;gap:0 12px;margin-top:4px;padding-top:0}html[data-site=motionfold] .sound-after>button:not(.portal-outline){margin-left:0}html[data-site=motionfold] .sound-after>[data-report-problem]{margin-top:8px}html[data-site=motionfold] .sound-after .portal-outline{height:44px;box-shadow:none;text-underline-offset:4px;background:0 0;border:0;padding:0;font-size:14px;font-weight:700;text-decoration:underline;transform:none}}
