:root{--af-hero-head-top:28px;--af-hero-head-top-md:48px;--af-hero-head-top-lg:61px;--af-hero-head-foot-lg:260px;--af-hero-gap-lg:16px;--af-hero-actions-lift:6px;--af-hero-actions-gap:8px;--af-hero-mark-size:152px;--af-hero-mark-radius:32px;--af-hero-mark-outline:2px solid #fff6;--af-hero-mark-outline-shift:translate(10px, 10px);--af-hero-mark-size-sm:64px;--af-hero-mark-radius-sm:14px;--af-hero-mark-outline-sm:1.5px solid #fff6;--af-hero-mark-outline-shift-sm:translate(5px, 5px);--af-hero-mark-size-md:112px;--af-hero-mark-radius-md:24px;--af-hero-mark-outline-shift-md:translate(8px, 8px);--af-faq-rise-lg:190px;--af-faq-rise-head-lg:190px;--af-plans-rise:60px;--af-plans-rise-md:120px;--af-plans-rise-lg:180px;--af-plans-foot:32px;--af-plans-foot-lg:40px;--af-written-band-top:88px;--af-written-band-top-md:132px;--af-written-band-top-lg:176px;--af-written-band-foot:37px;--af-written-band-foot-md:42.5px;--af-written-band-foot-lg:87px;--af-cta-card-pad:24px 24px;--af-cta-card-pad-md:32px 32px;--af-cta-card-pad-lg:36px 40px;--af-cta-card-gap:20px;--af-cta-card-gap-md:24px;--af-notes-top:64px;--af-notes-top-md:80px;--af-notes-top-lg:96px;--af-notes-pad:24px 24px;--af-notes-pad-md:32px 36px;--af-notes-gap:20px;--af-notes-gap-md:24px;--af-notes-gap-lg:32px;--af-note-gap:16px;--af-note-head-gap:16px;--af-note-title:var(--af-text-2xl);--af-note-title-md:var(--af-text-2xl);--af-guide-gap:16px;--af-guide-elsewhere-top:32px;--af-guide-elsewhere-pad:24px;--af-guide-brand-col:124px;--af-guide-brand-height:20px;--af-guide-logo:17px;--af-guide-logo-roombeats:13px;--af-guide-card-line:#e1e0eb;--af-guide-card-shadow:0 24px 48px -32px #14102838;--af-guide-card-pad:24px 20px;--af-guide-card-pad-md:32px;--af-guide-card-pad-lg:36px 40px;--af-guide-card-gap:24px;--af-guide-card-gap-lg:32px;--af-guide-ask:var(--af-text-2xl);--af-guide-ask-pull:-.1em;--af-guide-ask-tracking:-.01em;--af-guide-rule:#e0dbea;--af-guide-rule-fade:48px;--af-guide-verdict-col:200px;--af-guide-verdict-gap:8px;--af-guide-result-min:150px;--af-guide-case-gap:8px;--af-guide-tick:22px;--af-guide-tick-icon:11px;--af-guide-tick-stroke:2.5;--af-guide-cta-top:8px;--af-playlist-feature-cover-md:300px;--af-playlist-feature-cover-lg:400px;--af-playlist-feature-gap:24px;--af-playlist-feature-gap-md:36px;--af-playlist-feature-gap-lg:44px;--af-playlist-tile-pad:8px;--af-playlist-text-lines:3;--af-tip-pad:24px;--af-tip-pad-lg:32px;--af-tip-gap:8px;--af-tip-gap-lg:8px;--af-tip-picture-foot:12px;--af-tip-picture-height:96px;--af-tip-front-bottom:20px;--af-tip-front-bottom-lg:28px;--af-tip-picture-pad:16px 16px;--af-tip-picture-radius:10px;--af-tip-level-line:1.5px;--af-tip-picture-ground:#f5f4fa;--af-tip-picture-gap:8px 16px;--af-tip-meter:6px;--af-tip-meter-voice:80%;--af-tip-meter-music:30%;--af-tip-play:36px;--af-tip-wave:32px;--af-tip-wave-fade:linear-gradient(90deg, #000 70%, #0000004d)}@supports (color:lab(0% 0 0)){:root{--af-guide-card-line:lab(89.4171% 1.84324 -5.31205);--af-guide-rule:lab(88.1768% 3.51954 -6.50729);--af-tip-picture-ground:lab(96.4448% .969052 -2.8423)}}h1.af-heading{font-size:var(--af-h1)}.af-page-head[data-holds~=hero] .af-page-head__content{padding-block:var(--af-hero-head-top) max(96px, var(--af-text-head-cut) + 24px)}.af-page-head[data-holds~=rise] .af-page-head__content{padding-block-end:calc(var(--af-slope) * min(var(--af-band-inline), var(--af-slant-span-max)) + var(--af-section-gap))}.af-hero-block{gap:var(--af-space-10);color:var(--af-on-dark);grid-template-columns:minmax(0,1fr);align-items:center;display:grid}.af-hero-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#ffffffd9;font-size:12px;font-weight:600}.af-hero-block__text{flex-direction:column;gap:16px;min-width:0;display:flex}.af-hero-title{font-size:var(--af-h1);color:var(--af-on-dark);margin-block-end:-.1em}.af-hero-subline{max-width:640px;font-size:var(--af-text-lead);color:#ffffffeb;line-height:1.5}.af-hero-block__text>:is(.af-head-chips,.af-hero-block__actions){margin-block-start:var(--af-hero-actions-lift)}.af-hero-block__actions{gap:var(--af-hero-actions-gap);flex-direction:column;display:flex}.af-hero-picture{width:100%;box-shadow:var(--af-shadow-lg);object-fit:cover;border-radius:24px}@media (min-width:768px){.af-page-head[data-holds~=hero] .af-page-head__content{padding-block-start:var(--af-hero-head-top-md)}.af-hero-block__actions{flex-flow:wrap;gap:12px}}@media (min-width:1024px){.af-page-head[data-holds~=hero] .af-page-head__content{padding-block:var(--af-hero-head-top-lg) max(160px, var(--af-text-head-cut) + 24px)}.af-page-head[data-holds~=rise] .af-page-head__content{padding-block-end:var(--af-hero-head-foot-lg)}.af-hero-block__text{gap:var(--af-hero-gap-lg)}.af-hero-block[data-picture]{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px}.af-hero-block[data-mark]{grid-template-columns:minmax(0,1fr) auto;gap:64px}}.af-hero-block[data-mark]{position:relative}.af-hero-block[data-mark] .af-hero-title{min-block-size:var(--af-hero-mark-size-sm);padding-inline-end:calc(var(--af-hero-mark-size-sm) + var(--af-space-4))}.af-hero-mark{width:var(--af-hero-mark-size-sm);height:var(--af-hero-mark-size-sm);position:absolute;inset-block-start:0;inset-inline-end:0;transform:rotate(5deg)}.af-hero-mark:before{border:var(--af-hero-mark-outline-sm);border-radius:var(--af-hero-mark-radius-sm);transform:var(--af-hero-mark-outline-shift-sm);content:"";position:absolute;inset:0}.af-hero-mark__tile{border-radius:var(--af-hero-mark-radius-sm);background:var(--af-surface);height:100%;box-shadow:var(--af-shadow-lg);place-items:center;display:grid;position:relative}.af-hero-mark__logo{width:62%;height:62%}@media (min-width:768px){.af-hero-block[data-mark]{grid-template-columns:minmax(0,1fr) auto}.af-hero-block[data-mark] .af-hero-title{min-block-size:0;padding-inline-end:0}.af-hero-mark{width:var(--af-hero-mark-size-md);height:var(--af-hero-mark-size-md);margin-inline-end:24px;position:relative;inset:auto}.af-hero-mark:before{border:var(--af-hero-mark-outline);border-radius:var(--af-hero-mark-radius-md);transform:var(--af-hero-mark-outline-shift-md)}.af-hero-mark__tile{border-radius:var(--af-hero-mark-radius-md)}}@media (min-width:1024px){.af-hero-mark{width:var(--af-hero-mark-size);height:var(--af-hero-mark-size);margin-inline-end:64px}.af-hero-mark:before{border-radius:var(--af-hero-mark-radius);transform:var(--af-hero-mark-outline-shift)}.af-hero-mark__tile{border-radius:var(--af-hero-mark-radius)}}.af-prose-section{flex-direction:column;align-items:center;gap:20px;display:flex}.af-prose-block{flex-direction:column;gap:24px;max-width:720px;display:flex}.af-prose-title,.af-prose-block [data-rich-text] h2:not([data-look]){font-size:var(--af-text-3xl);color:var(--af-ink)}.af-prose-block [data-rich-text] :is(p,ul,ol){color:var(--af-prose-ink);font-size:var(--af-text-body);line-height:1.6}:is(.af-prose-block,.af-faq-item__answer,.af-note__text,.af-how__body) [data-rich-text]>*+*{margin-block-start:12px}.af-prose-block [data-rich-text]>h2:not([data-look]){border-block-start:1px solid var(--af-line);margin-block-start:var(--af-space-10);padding-block-start:var(--af-space-10)}.af-prose-block [data-rich-text]>:is(h3:not([data-look]),h4:not([data-look]),[data-look=h3],[data-look=h4]){font-family:Open Sans,Open Sans Fallback,sans-serif;font-weight:600;font-size:var(--af-text-body);letter-spacing:normal;margin-block-start:24px;line-height:1.6}:is(.af-prose-block,.af-faq-item__answer) [data-rich-text] :is(ul,ol){gap:var(--af-space-2);flex-direction:column;padding-inline-start:24px;display:flex}:is(.af-prose-block,.af-faq-item__answer) [data-rich-text] li::marker{color:var(--af-brand)}:is(.af-prose-block,.af-faq-item__answer,.af-note__text,.af-how__body) [data-rich-text] a{overflow-wrap:anywhere;font-weight:600;text-decoration-color:#e1daf0;text-decoration-color:lab(88.0607% 5.33044 -9.72552)}@media (hover:hover){:is(.af-prose-block,.af-faq-item__answer,.af-note__text,.af-how__body) [data-rich-text] a:hover{text-decoration-color:currentColor}}.af-card-picture{aspect-ratio:3/2;object-fit:cover;border-radius:12px;width:100%}.af-card-title{font-size:var(--af-text-xl)}.af-card-title a{color:var(--af-ink);text-decoration:none}@media (hover:hover){.af-card-title a:hover{color:var(--af-brand-hover)}}.af-card-text{color:#5b5b74;color:lab(39.2893% 4.45861 -14.246);font-size:var(--af-text-body);line-height:1.6}.af-card-more{color:var(--af-brand);margin-block-start:auto;padding-block-start:var(--af-space-2);font-size:12px}.af-card[data-link]{transition:box-shadow var(--af-duration) ease}@media (hover:hover){.af-card[data-link]:hover{--af-icon-nudge:translateX(4px);box-shadow:var(--af-shadow-lg)}}@supports selector(:focus-visible){.af-card[data-link] a[data-card-link]:focus-visible{box-shadow:none;outline:none}}@supports not selector(:focus-visible){.af-card[data-link] a[data-card-link]:focus{box-shadow:none;outline:none}}.af-card[data-link]:focus-within{outline:var(--af-focus-width) solid var(--af-cta);outline-offset:3px}.af-usp{align-items:flex-start;gap:var(--af-space-4);padding-block:20px;display:flex}.af-usp-icon{background:var(--af-brand);width:44px;height:44px;color:var(--af-surface);border-radius:12px;flex:none;justify-content:center;align-items:center;display:inline-flex}.af-usp-title{font-size:var(--af-text-xl)}.af-usp-text{color:#5b5b74;color:lab(39.2893% 4.45861 -14.246);font-size:var(--af-text-body);line-height:1.6}.af-guide__elsewhere{gap:var(--af-guide-gap);border-block-start:1px solid var(--af-line);flex-direction:column;margin-block-start:var(--af-guide-elsewhere-top);padding-block-start:var(--af-guide-elsewhere-pad);display:flex}.af-guide__elsewhere ul{gap:var(--af-guide-gap);flex-direction:column;display:flex}.af-guide__elsewhere li{grid-template-columns:var(--af-guide-brand-col) minmax(0, 1fr);color:#5b5b74;color:lab(39.2893% 4.45861 -14.246);align-items:start;gap:12px;font-size:12px;line-height:1.5;display:grid}.af-guide__brand{--af-icon:16px;min-height:var(--af-guide-brand-height);color:var(--af-ink);align-items:center;gap:4px;display:inline-flex}@media (hover:hover){.af-guide__brand:hover{color:var(--af-brand)}}.af-brand-logo{width:auto;height:var(--af-guide-logo);display:block}.af-brand-logo[data-brand=roombeats]{height:var(--af-guide-logo-roombeats)}.af-guide{gap:var(--af-guide-card-gap);padding:var(--af-guide-card-pad);border:1px solid var(--af-guide-card-line);background:var(--af-surface);box-shadow:var(--af-guide-card-shadow);border-radius:16px;flex-direction:column;display:flex;position:relative}.af-guide__question{gap:var(--af-guide-gap);flex-direction:column;display:flex}.af-guide__ask{color:var(--af-ink);font-family:Khula,Khula Fallback,sans-serif;font-size:var(--af-guide-ask);letter-spacing:var(--af-guide-ask-tracking);margin-block-end:var(--af-guide-ask-pull);font-weight:800;line-height:1.1}.af-guide__answers{gap:var(--af-space-2);flex-wrap:wrap;display:flex}[data-choice=who-me]:checked~.af-guide__question [data-choice=who-me],[data-choice=who-company]:checked~.af-guide__question [data-choice=who-company],[data-choice=who-client]:checked~.af-guide__question [data-choice=who-client],[data-choice=money-no]:checked~.af-guide__question [data-choice=money-no],[data-choice=money-yes]:checked~.af-guide__question [data-choice=money-yes]{border-color:var(--af-brand);background:var(--af-brand);color:var(--af-on-dark)}@supports selector(:focus-visible){:is([data-choice=who-me]:focus-visible~.af-guide__question [data-choice=who-me],[data-choice=who-company]:focus-visible~.af-guide__question [data-choice=who-company],[data-choice=who-client]:focus-visible~.af-guide__question [data-choice=who-client],[data-choice=money-no]:focus-visible~.af-guide__question [data-choice=money-no],[data-choice=money-yes]:focus-visible~.af-guide__question [data-choice=money-yes]){outline:var(--af-focus-width) solid var(--af-cta);outline-offset:3px}}@supports not selector(:focus-visible){[data-choice=who-me]:focus~.af-guide__question [data-choice=who-me],[data-choice=who-company]:focus~.af-guide__question [data-choice=who-company],[data-choice=who-client]:focus~.af-guide__question [data-choice=who-client],[data-choice=money-no]:focus~.af-guide__question [data-choice=money-no],[data-choice=money-yes]:focus~.af-guide__question [data-choice=money-yes]{outline:var(--af-focus-width) solid var(--af-cta);outline-offset:3px}}.af-guide__rule{background:linear-gradient(90deg, transparent, var(--af-guide-rule) var(--af-guide-rule-fade), var(--af-guide-rule) calc(100% - var(--af-guide-rule-fade)), transparent);height:1px;display:block}.af-guide__result{align-items:start;gap:24px;display:grid}.af-guide__verdict,.af-guide__examples{flex-direction:column;align-items:flex-start;display:flex}.af-guide__verdict{gap:var(--af-guide-verdict-gap)}.af-guide__examples{gap:12px}.af-guide [data-for]{display:none}[data-choice=who-me]:checked~[data-choice=money-no]:checked~.af-guide__result [data-for~=free],[data-choice=who-me]:checked~[data-choice=money-yes]:checked~.af-guide__result [data-for~=me],[data-choice=who-company]:checked~.af-guide__result [data-for~=company],[data-choice=who-client]:checked~.af-guide__result [data-for~=client]{flex-direction:column;align-items:flex-start;display:flex}.af-guide__verdict [data-for]{gap:var(--af-guide-verdict-gap)}.af-guide__verdict [data-for]>p,.af-guide__hint{color:#5b5b74;color:lab(39.2893% 4.45861 -14.246);line-height:1.5}.af-guide__verdict [data-for]>p{font-size:var(--af-text-body);line-height:1.6}.af-guide__hint{font-size:12px}.af-guide__examples ul{gap:var(--af-guide-case-gap)}.af-guide__examples li{color:var(--af-ink);font-size:var(--af-text-body);text-wrap:pretty;align-items:flex-start;gap:12px;line-height:1.6;display:flex}.af-guide__tick{--af-icon:var(--af-guide-tick-icon);width:var(--af-guide-tick);height:var(--af-guide-tick);color:var(--af-brand);--af-icon-stroke:var(--af-guide-tick-stroke);background:#eee7ff;background:lab(92.6424% 6.23989 -11.3325);border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex}[data-licence=lifetime] .af-guide__tick{background:var(--af-brand);color:var(--af-on-dark)}.af-guide__cta{margin-block-start:var(--af-guide-cta-top)}.af-section[data-holds=notes]{padding-block-start:var(--af-notes-top)}.af-notes{gap:var(--af-notes-gap);grid-template-columns:minmax(0,1fr);display:grid}.af-notes>.af-card{gap:var(--af-note-gap);padding:var(--af-notes-pad)}.af-note__head{align-items:center;gap:var(--af-note-head-gap);display:flex}.af-card[data-tone=brand] .af-note__head{align-items:flex-start;gap:var(--af-note-gap);flex-direction:column}.af-card[data-tone=brand] .af-use-case__icon{color:var(--af-on-dark);background:#ffffff24}.af-note__title{overflow-wrap:break-word;min-width:0;font-size:var(--af-note-title);letter-spacing:-.02em;color:var(--af-ink);margin-block-end:-.1em;line-height:1.1}.af-note__text{color:#2c2b41;color:lab(18.3731% 4.95705 -14.0735);font-size:var(--af-text-body);line-height:1.6}.af-card[data-tone=brand] :is(.af-note__title,.af-note__text a){color:var(--af-on-dark)}.af-card[data-tone=brand] .af-note__text{color:#ffffffe6}.af-note__action{margin-block-start:auto}@media (min-width:768px){.af-section[data-holds=notes]{padding-block-start:var(--af-notes-top-md)}.af-notes{gap:var(--af-notes-gap-md)}.af-notes>.af-card{padding:var(--af-notes-pad-md)}.af-note__title{font-size:var(--af-note-title-md)}.af-guide{padding:var(--af-guide-card-pad-md)}.af-guide__result{grid-template-columns:var(--af-guide-verdict-col) minmax(0, 1fr);min-height:var(--af-guide-result-min);gap:32px}}@media (min-width:1024px){.af-guide{gap:var(--af-guide-card-gap-lg);padding:var(--af-guide-card-pad-lg);border-radius:24px}.af-split[data-split=guide]>header{align-self:start;position:sticky;inset-block-start:24px}.af-section[data-holds=notes]{padding-block-start:var(--af-notes-top-lg)}.af-notes{align-items:start;gap:var(--af-notes-gap-lg);grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}}.af-section[data-before-band]:not([data-band]){z-index:1;padding-block-end:0;position:relative}.af-section[data-before-band]:not([data-band])+.af-section[data-band][data-section=faq],.af-section:not([data-band])+.af-section[data-band][data-section=written-band]{margin-block-start:calc(24px - var(--af-slope) * min(var(--af-band-inline), var(--af-slant-span-max)) / 2)}.af-section[data-band][data-section=written-band]{padding-block:var(--af-written-band-top) var(--af-written-band-foot)}.af-section:is([data-section=how],[data-holds=prose-aside])[data-before-band]:not([data-band]){padding-block-end:calc(calc(var(--af-slope) * min(var(--af-band-inline), var(--af-slant-span-max))) / 2)}.af-section[data-band]:not([data-band=night])+.af-section[data-band]:is([data-section=faq],[data-section=written-band]){margin-block-start:calc(-1 * calc(var(--af-slope) * min(var(--af-band-inline), var(--af-slant-span-max))))}.af-section[data-band][data-section=written-band][data-holds=reasons]{padding-block-end:calc(var(--af-band-rise-bottom) + 24px)}.af-section[data-section=written-band]+.af-section:not([data-section=faq]){padding-block-start:24px}.af-section[data-holds=prose-aside]{padding-block-end:24px}.af-section[data-section=plans-rise]{z-index:var(--af-z-card);margin-block-start:calc(-1 * (var(--af-section-gap) + var(--af-plans-rise)));padding-block-end:var(--af-plans-foot);position:relative}main[data-closing]>.af-section:not([data-band]):nth-last-child(2){z-index:1;padding-block-end:calc(var(--af-closing-overlap) - var(--af-slope) * min(var(--af-band-inline), var(--af-slant-span-max)) / 2 + 24px);position:relative}@media (min-width:768px){.af-section[data-band][data-section=written-band]{padding-block:var(--af-written-band-top-md) var(--af-written-band-foot-md)}.af-section[data-section=plans-rise]{margin-block-start:calc(-1 * (var(--af-section-gap) + var(--af-plans-rise-md)))}}@media (min-width:1024px){.af-section[data-section=faq-rise]{z-index:var(--af-z-card);margin-block-start:calc(-1 * (var(--af-section-gap) + var(--af-faq-rise-lg)));position:relative}.af-section[data-section=faq-rise] .af-faq>header{margin-block-start:var(--af-faq-rise-head-lg)}.af-section[data-band][data-section=written-band]{padding-block:var(--af-written-band-top-lg) var(--af-written-band-foot-lg)}.af-section[data-holds=prose-aside]{padding-block-end:var(--af-space-10)}.af-section[data-section=plans-rise]{margin-block-start:calc(-1 * (var(--af-section-gap) + var(--af-plans-rise-lg)));padding-block-end:var(--af-plans-foot-lg)}main[data-closing]>.af-section:not([data-band]):nth-last-child(2){padding-block-end:calc(var(--af-closing-overlap-lg) - var(--af-slope) * min(var(--af-band-inline), var(--af-slant-span-max)) / 2 + 24px)}}.af-prose-aside .af-prose-block{max-width:640px}.af-prose-aside .af-prose-block [data-rich-text]{color:var(--af-prose-ink);font-size:var(--af-text-body);line-height:1.6}.af-prose-aside .af-prose-block [data-rich-text]>*+*{margin-block-start:20px}.af-note__text [data-rich-text]>*+*{margin-block-start:var(--af-space-4)}.af-card[data-holds=cta]{padding:var(--af-cta-card-pad)}@media (min-width:768px){.af-card[data-holds=cta]{padding:var(--af-cta-card-pad-md)}}.af-cta-card{justify-items:start;gap:var(--af-cta-card-gap);align-items:center;display:grid}@media (min-width:768px){.af-cta-card{gap:var(--af-cta-card-gap-md)}}@media (min-width:1024px){.af-card[data-holds=cta]{padding:var(--af-cta-card-pad-lg)}.af-cta-card{justify-items:stretch;gap:var(--af-space-10);grid-template-columns:minmax(0,1fr) auto}}.af-cta-block{text-align:center;padding-block-start:max(0px, calc(var(--af-band-rise-top) * 2 - var(--af-band-pad) + 24px))}.af-cta-block .af-stack{align-items:center}[data-band=night] .af-lead{color:#ffffffd9}.af-page-card[data-holds=playlists]{--af-rising-card-gap:var(--af-playlists-gap)}.af-playlist-feature{align-items:center;gap:var(--af-playlist-feature-gap);grid-template-columns:minmax(0,1fr);display:grid}.af-playlist-feature .af-playlist-card__cover img,.af-playlist-feature .af-playlist-card__blank{aspect-ratio:16/10}.af-playlist-feature__text,.af-playlists-all{flex-direction:column;gap:24px;display:flex}.af-playlist-feature__foot{align-items:center;gap:var(--af-space-4) 20px;flex-wrap:wrap;display:flex}.af-playlist-feature__count,.af-playlist-card__foot{align-items:center;gap:var(--af-space-2);color:#5b5b74;color:lab(39.2893% 4.45861 -14.246);font-size:12px;display:flex}.af-playlists-all .af-card{padding:var(--af-playlist-tile-pad)}.af-playlists-all .af-grid{--af-grid-cols:1}.af-playlist-card__text{-webkit-line-clamp:var(--af-playlist-text-lines);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.af-playlist-card__foot{flex-wrap:wrap;justify-content:space-between;margin-block-start:auto}.af-playlist-card__foot>*{white-space:nowrap}.af-playlist-card__foot .af-card-more{margin:0;padding:0}@media (min-width:768px){.af-playlist-feature{grid-template-columns:var(--af-playlist-feature-cover-md) minmax(0, 1fr);gap:var(--af-playlist-feature-gap-md)}.af-playlist-feature .af-playlist-card__cover img,.af-playlist-feature .af-playlist-card__blank{aspect-ratio:1}.af-playlists-all .af-grid{--af-grid-cols:4}.af-playlists-all .af-card{padding:12px}}@media (min-width:1024px){.af-page-card[data-holds=playlists]{--af-rising-card-gap:40px}.af-playlist-feature{grid-template-columns:var(--af-playlist-feature-cover-lg) minmax(0, 1fr);gap:var(--af-playlist-feature-gap-lg)}}.af-how[data-tips] .af-layered{--af-layered-height:auto;--af-layered-front-bottom:var(--af-tip-front-bottom);--af-layered-front-pad:var(--af-tip-pad);--af-layered-gap:var(--af-tip-gap)}.af-tip-picture{min-height:var(--af-tip-picture-height);padding:var(--af-tip-picture-pad);border-radius:var(--af-tip-picture-radius);background:var(--af-tip-picture-ground);color:var(--af-ink);margin-block-end:var(--af-tip-picture-foot);font-size:12px}.af-tip-picture[data-kind=levels]{align-content:center;align-items:center;gap:var(--af-tip-picture-gap);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.af-tip-picture__meter{height:var(--af-tip-meter);background:#e1daf0;background:lab(88.0607% 5.33044 -9.72552);border-radius:999px}.af-tip-picture__meter>span{width:var(--af-tip-meter-voice);border-radius:inherit;background:var(--af-ink);height:100%;display:block}.af-tip-picture__meter[data-level=music]>span{width:var(--af-tip-meter-music);background:var(--af-brand)}.af-tip-picture__value{text-align:end}.af-tip-picture [data-accent]{color:var(--af-brand);font-weight:600}.af-tip-picture[data-kind=versions]{align-items:center;gap:var(--af-space-4);display:flex}.af-tip-picture__play{--af-icon:var(--af-space-4);width:var(--af-tip-play);height:var(--af-tip-play);border:1px solid var(--af-line);background:var(--af-surface);border-radius:999px;flex:none;place-items:center;display:grid}.af-tip-picture__song{flex-direction:column;gap:4px;min-width:0;display:flex}.af-tip-picture__title{font-weight:600}.af-tip-picture__pills{gap:4px;font-size:12px;display:flex}.af-tip-picture__pills>span{color:#5b5b74;color:lab(39.2893% 4.45861 -14.246);border-radius:999px;padding:2px 8px}.af-tip-picture__pills>[data-chosen]{background:var(--af-surface);color:var(--af-brand);font-weight:600}.af-tip-picture[data-kind=studio]{align-items:center;gap:var(--af-space-4);display:flex}.af-tip-picture__notice{color:#5b5b74;color:lab(39.2893% 4.45861 -14.246);font-size:12px}.af-tip-picture[data-kind=segments]{align-items:center;display:flex}.af-tip-picture__scenes{width:100%;height:var(--af-tip-wave)}.af-tip-picture__scenes [data-scene="0"]{fill:var(--af-brand)}.af-tip-picture__scenes [data-scene="1"]{fill:var(--af-ink)}.af-tip-picture__scenes [data-scene="2"]{fill:var(--af-cta)}.af-tip-picture__cut{fill:#5b5b74;fill:lab(39.2893% 4.45861 -14.246)}.af-tip-picture:is([data-kind=fade],[data-kind=bells],[data-kind=start],[data-kind=beats],[data-kind=peak],[data-kind=pause],[data-kind=ducking]){flex-direction:column;justify-content:center;gap:12px;display:flex}.af-tip-picture__wave{width:100%;height:var(--af-tip-wave);fill:var(--af-brand);-webkit-mask-image:var(--af-tip-wave-fade);mask-image:var(--af-tip-wave-fade)}.af-tip-picture[data-kind=bells] .af-tip-picture__wave{fill:#e1daf0;fill:lab(88.0607% 5.33044 -9.72552);-webkit-mask-image:none;mask-image:none}.af-tip-picture[data-kind=bells] .af-tip-picture__wave [data-bell]{fill:var(--af-brand)}.af-tip-picture[data-kind=bells] .af-tip-picture__times>span{align-items:center;gap:4px;display:inline-flex}.af-tip-picture__lane{width:100%;height:var(--af-tip-wave);fill:var(--af-brand)}.af-tip-picture__mark{fill:var(--af-ink)}.af-tip-picture__beat{fill:#5b5b74;fill:lab(39.2893% 4.45861 -14.246)}.af-tip-picture__lane [data-voice]{fill:var(--af-ink)}.af-tip-picture__level{fill:none;stroke:#5b5b74;stroke:lab(39.2893% 4.45861 -14.246);stroke-width:var(--af-tip-level-line)}.af-tip-picture__times{color:#5b5b74;color:lab(39.2893% 4.45861 -14.246);justify-content:space-between;font-size:12px;display:flex}@media (min-width:1024px){.af-how[data-tips] .af-layered{--af-layered-front-bottom:var(--af-tip-front-bottom-lg);--af-layered-front-pad:var(--af-tip-pad-lg);--af-layered-gap:var(--af-tip-gap-lg)}}.af-song-card>section>.af-stack>[data-song-list]:first-child{border-block-start:0}.af-rising-card[data-holds=songs]{--af-rising-card-rise:calc(var(--af-slope) * min(var(--af-band-inline), var(--af-slant-span-max)))}@media (min-width:1024px){.af-rising-card[data-holds=songs]{--af-rising-card-rise:calc(var(--af-hero-head-foot-lg) - var(--af-section-gap))}}.af-songs-foot{justify-content:center;display:flex}main>.af-container[data-card]+.af-section:not([data-band]){padding-block-start:24px}