._panel_1r1rz_1{position:fixed;top:100px;left:100px;width:260px;background-color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 10%) / 1);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' shape-rendering='crispEdges'><g fill='rgba(255,255,255,0.03)'><rect x='2' y='2' width='6' height='2'/><rect x='2' y='4' width='2' height='2'/><rect x='30' y='28' width='4' height='4'/></g><g fill='rgba(255,255,255,0.04)'><rect x='14' y='6' width='4' height='4'/></g><g fill='rgba(0,0,0,0.09)'><rect x='24' y='2' width='8' height='2'/></g><g fill='rgba(255,255,255,0.025)'><rect x='38' y='10' width='2' height='6'/><rect x='40' y='14' width='4' height='2'/><rect x='42' y='38' width='2' height='6'/><rect x='38' y='42' width='6' height='2'/></g><g fill='rgba(0,0,0,0.08)'><rect x='4' y='18' width='2' height='6'/><rect x='6' y='22' width='4' height='2'/><rect x='10' y='34' width='8' height='2'/></g><g fill='rgba(255,255,255,0.035)'><rect x='18' y='20' width='6' height='2'/><rect x='20' y='22' width='2' height='2'/><rect x='24' y='40' width='2' height='2'/><rect x='22' y='42' width='6' height='2'/><rect x='24' y='44' width='2' height='2'/></g></svg>");background-size:48px 48px;border:1px solid hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 25%) / .4);border-radius:var(--r-3);box-shadow:var(--box-shadow);z-index:900;display:none;flex-direction:column;overflow:hidden;user-select:none}._panel_1r1rz_1._open_1r1rz_25{display:flex}._header_1r1rz_29{display:flex;align-items:center;gap:var(--s-4);padding:var(--s-3) var(--s-4);background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 14%) / 1);border-bottom:1px solid hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 25%) / .3);cursor:grab;flex-shrink:0;touch-action:none}._header_1r1rz_29:active{cursor:grabbing}._title_1r1rz_55{flex:1;font-size:var(--t-xs);color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 80%) / 1);font-weight:500;letter-spacing:.04em;text-transform:uppercase}._actions_1r1rz_66{display:flex;gap:var(--s-2)}._icon-btn_1r1rz_71{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;background:transparent;border:none;border-radius:var(--r-2);cursor:pointer;color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 60%) / 1);transition:background .15s ease}._icon-btn_1r1rz_71:hover{background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 22%) / 1);color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 90%) / 1)}._now-playing_1r1rz_97{padding:var(--s-4);display:flex;flex-direction:column;gap:var(--s-3)}._visualizer_1r1rz_104{position:relative;height:58px;overflow:hidden;background-color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 8%) / 1);background-image:linear-gradient(180deg,hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 12%) / .9),hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 6%) / .96)),repeating-linear-gradient(90deg,transparent 0,transparent 7px,rgba(255,255,255,.05) 7px,rgba(255,255,255,.05) 8px);box-shadow:inset 0 0 0 1px #ffffff0a,inset 0 -10px 20px #0000003d;image-rendering:pixelated;touch-action:none}._visualizer_1r1rz_104:before,._visualizer_1r1rz_104:after{content:"";position:absolute;inset:0;pointer-events:none}._visualizer_1r1rz_104:before{background:linear-gradient(90deg,rgba(112,245,255,.14),transparent 16% 84%,rgba(255,107,200,.14)),repeating-linear-gradient(0deg,rgba(255,255,255,.06) 0,rgba(255,255,255,.06) 1px,transparent 1px,transparent 4px);opacity:.45}._visualizer_1r1rz_104:after{inset:auto 8px 7px;height:2px;background:#8dff7a61;box-shadow:24px -34px #70f5ff5c,70px -28px #ffd25e47,112px -39px #ff6bc852,170px -22px #8dff7a47}._visualizer-playing_1r1rz_174{box-shadow:inset 0 0 0 1px #ffffff0d,inset 0 -10px 20px #0000003d,0 0 18px #70f5ff24}._visualizer-canvas_1r1rz_181{display:block;position:relative;z-index:1;width:100%;height:100%;background-color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 8%) / 1);image-rendering:crisp-edges}._channels_1r1rz_193{display:flex;gap:2px;min-inline-size:0;margin:0;padding:2px;background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 12%) / 1);border:1px solid hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 24%) / .4)}._channel_1r1rz_193{flex:1;min-width:0;height:24px;padding:0 var(--s-2);overflow:hidden;color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 70%) / 1);background:transparent;border:none;border-radius:0;cursor:pointer;font-size:var(--t-micro);font-weight:600;line-height:24px;text-align:center;text-overflow:ellipsis;white-space:nowrap;transition:background .15s ease,color .15s ease}._channel_1r1rz_193:hover{color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 88%) / 1);background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 18%) / 1)}._channel-active_1r1rz_242{color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 94%) / 1);background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 25%) / 1)}._track-name_1r1rz_251{font-size:var(--t-xs);color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 85%) / 1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._times_1r1rz_261{display:flex;justify-content:space-between;color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 55%) / 1);font-variant-numeric:tabular-nums;span{font-size:var(--t-micro)}}._progress_1r1rz_274{width:100%;height:5px;background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 18%) / 1);overflow:hidden;cursor:pointer;position:relative}._progress-fill_1r1rz_286{height:100%;background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 65%) / 1);width:0;pointer-events:none}._bottom-row_1r1rz_295{display:flex;align-items:center;justify-content:center;gap:var(--s-4)}._controls_1r1rz_302{display:flex;align-items:center;gap:var(--s-3);flex-shrink:0;margin-left:auto}._control-btn_1r1rz_310{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:transparent;border:none;border-radius:0;cursor:pointer;color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 75%) / 1);transition:background .15s ease}._control-btn_1r1rz_310:hover{background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 22%) / 1)}._shuffle-active_1r1rz_333{color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 95%) / 1);background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 22%) / 1)}._play-btn_1r1rz_342{width:22px;height:22px;background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 22%) / 1)}._play-btn_1r1rz_342:hover{background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 30%) / 1)}._play-btn_1r1rz_342 ._icon-pause_1r1rz_356,._play-btn_1r1rz_342._playing_1r1rz_360 ._icon-play_1r1rz_360{display:none}._play-btn_1r1rz_342._playing_1r1rz_360 ._icon-pause_1r1rz_356{display:inline}._volume-row_1r1rz_368{display:flex;align-items:center;gap:var(--s-1);flex:1;min-width:0}._volume-icon_1r1rz_376{color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 70%) / 1);flex-shrink:0;display:inline-flex}._volume-track_1r1rz_384{flex:1;position:relative;height:5px;background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 18%) / 1);cursor:pointer;touch-action:none}._volume-fill_1r1rz_395{position:absolute;top:0;left:0;height:100%;width:0;background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 65%) / 1);pointer-events:none}._volume-thumb_1r1rz_407{position:absolute;top:-3px;left:0;width:4px;height:11px;background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 90%) / 1);transform:translate(-2px);pointer-events:none}._tracklist_1r1rz_420{border-top:1px solid hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 25%) / .3);max-height:200px;overflow-y:auto;padding:var(--s-2) 0}._track_1r1rz_251{display:block;width:100%;text-align:left;padding:var(--s-2) var(--s-4);background:transparent;border:none;cursor:pointer;font-size:var(--t-xs);color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 65%) / 1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._track_1r1rz_251:hover{background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 18%) / 1);color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 90%) / 1)}._track-active_1r1rz_457{color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 90%) / 1);background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 16%) / 1)}._trigger_1i1eh_1{position:fixed;bottom:var(--s-8);right:var(--s-9);z-index:800;cursor:pointer;padding:var(--s-3);background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 12%) / .85);border:2px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;border-radius:50%;width:4rem;aspect-ratio:1;box-shadow:var(--box-shadow);transition:border-color .15s ease,background .15s ease}@media(max-width:720px){._trigger_1i1eh_1{right:var(--s-6);bottom:var(--s-6)}}._trigger_1i1eh_1:hover{background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 15%) / .95)}._active_1i1eh_37{background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 22%) / .95);border-color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 50%) / .4)}._auth-btn_wjdhb_1{--auth-btn-hs: 305 100%;cursor:pointer;font-size:var(--t-sm);padding:var(--s-2) var(--s-5);border-radius:var(--r-pill);background:hsl(var(--auth-btn-hs) calc(var(--l-offset) + var(--l-mult) * 16%) / .85);color:hsl(var(--auth-btn-hs) calc(var(--l-offset) + var(--l-mult) * 80%) / 1);border:1px solid hsl(var(--auth-btn-hs) calc(var(--l-offset) + var(--l-mult) * 30%) / .25);transition:background .15s ease;text-decoration:none;font-family:inherit;&:hover{background:hsl(var(--auth-btn-hs) calc(var(--l-offset) + var(--l-mult) * 20%) / .9)}}._auth-placeholder_wjdhb_26{display:inline-block;width:92px;height:26px;border-radius:var(--r-pill);border:1px solid hsl(var(--auth-btn-hs, 305 100%) calc(var(--l-offset) + var(--l-mult) * 30%) / .25);background:linear-gradient(100deg,hsl(305 100% calc(var(--l-offset) + var(--l-mult) * 16%) / .85) 30%,hsl(305 100% calc(var(--l-offset) + var(--l-mult) * 26%) / .85),hsl(305 100% calc(var(--l-offset) + var(--l-mult) * 16%) / .85) 70%);background-size:200% 100%;animation:_auth-skeleton-shimmer_wjdhb_1 1.2s ease-in-out infinite}@keyframes _auth-skeleton-shimmer_wjdhb_1{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){._auth-placeholder_wjdhb_26{animation:none}}._create-btn_9qss0_1{display:flex;align-items:center;gap:var(--s-2);--create-btn-hs: var(--purple-90-hs);cursor:pointer;font-size:var(--t-sm);padding:var(--s-2) var(--s-5);border-radius:var(--r-pill);background:hsl(var(--create-btn-hs) calc(var(--l-offset) + var(--l-mult) * 16%) / .85);color:hsl(50 60% calc(var(--l-offset) + var(--l-mult) * 80%) / .85);border:1px solid hsl(var(--accent-hs) calc(var(--l-offset) + var(--l-mult) * 30%) / .2);transition:background .15s ease;text-decoration:none;font-family:inherit;&:hover{background:hsl(var(--create-btn-hs) calc(var(--l-offset) + var(--l-mult) * 20%) / .9)}@media(max-width:720px){display:none}}._overlay_ab79k_1{display:none;@media(max-width:720px){display:flex;justify-content:flex-end;position:fixed;inset:0;background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 4%) / 0);backdrop-filter:blur(0);z-index:900;pointer-events:none;visibility:hidden;transition:background .2s ease,backdrop-filter .2s ease,visibility 0s linear .2s}}._overlay-open_ab79k_23{background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 4%) / .35);backdrop-filter:blur(4px);pointer-events:auto;visibility:visible;transition:background .2s ease,backdrop-filter .2s ease}._panel_ab79k_35{width:min(87vw,340px);height:100%;background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 9%) / .97);border-left:1px solid var(--purple-50-a2);box-shadow:var(--box-shadow);padding:var(--s-7) var(--s-6);display:flex;flex-direction:column;gap:var(--s-6);transform:translate(100%);transition:transform .22s ease;overflow-y:auto}._overlay-open_ab79k_23 ._panel_ab79k_35{transform:translate(0)}._header_ab79k_56{display:flex;align-items:center;justify-content:space-between;gap:var(--s-5);padding-bottom:var(--s-7);border-bottom:1px solid var(--purple-30-a2)}._social-links_ab79k_65{display:flex;align-items:center;gap:var(--s-6)}._social-link_ab79k_65{display:flex;align-items:center}._close-btn_ab79k_76{width:3.2rem;height:3.2rem;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--purple-50-a2);background:var(--purple-20);color:var(--purple-80);cursor:pointer;&:hover{background:var(--purple-30-a3)}}._links_ab79k_94{display:flex;flex-direction:column;gap:var(--s-4)}._link_ab79k_94{display:flex;align-items:center;padding:var(--s-5);border-radius:var(--r-3);color:var(--color-pink-light);text-decoration:none;font-size:var(--t-base);background:var(--purple-14);border:1px solid var(--purple-50-a2);&:hover{background:var(--purple-30-a3)}}._pricing-link_ab79k_116{background:#0f3d22d9;color:#7ef1aef2;border-color:#14b85840;&:hover{background:#0e4e29e6}}._learn-link_ab79k_126{background:#0f363dd9;color:#7edef1f2;border-color:#149cb840;&:hover{background:#0e434ee6}}._blog-link_ab79k_136{background:#452a11d9;color:#ffb370f2;border-color:#e66b0040;&:hover{background:#57310fe6}}._spacer_ab79k_146{flex:1}._pixl5_ab79k_150{width:7rem;height:7rem;image-rendering:pixelated;margin:0 auto}._auth-host_ab79k_157{padding-top:var(--s-7);border-top:1px solid hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 30%) / .15);display:flex;flex-direction:column;gap:var(--s-6);>button{display:flex;align-items:center;justify-content:center;padding:var(--s-4);font-size:var(--t-base)}>span{align-self:center}}._navbar_65rjw_1{position:relative;display:flex;gap:var(--s-9);align-items:center;justify-content:space-between;color:var(--purple-92);padding:var(--s-7) var(--s-8) var(--s-8);z-index:100}._navbar-stuck_65rjw_12{position:fixed;top:0;left:0;right:0;animation:_navbar-slide-down_65rjw_1 .25s ease;padding-block:var(--s-6)}@keyframes _navbar-slide-down_65rjw_1{0%{opacity:0;transform:translateY(-2.4rem)}to{opacity:1;transform:translateY(0)}}._navbar-leaving_65rjw_32{animation:_navbar-slide-up_65rjw_1 .25s ease forwards}@keyframes _navbar-slide-up_65rjw_1{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-2.4rem)}}._navbar-title_65rjw_47{position:absolute;left:50%;transform:translate(-50%);font-weight:500;font-size:var(--t-2xl);letter-spacing:.05em;color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 80%) / 1);display:flex;align-items:center;gap:var(--s-4);text-decoration:none}._editor-link_65rjw_63{--nav-link-hs: 305 100%;display:inline-flex;align-items:center;padding:var(--s-2) var(--s-5);border-radius:999px;background:hsl(var(--nav-link-hs) calc(var(--l-offset) + var(--l-mult) * 16%) / .85);color:hsl(var(--nav-link-hs) calc(var(--l-offset) + var(--l-mult) * 80%) / 1);font-size:var(--t-sm);text-decoration:none;border:1px solid hsl(var(--nav-link-hs) calc(var(--l-offset) + var(--l-mult) * 30%) / .25);transition:background .15s ease;&:hover{background:hsl(var(--nav-link-hs) calc(var(--l-offset) + var(--l-mult) * 20%) / .9)}}._pricing-link_65rjw_92{background:#0f3d22d9;color:#7ef1aef2;border-color:#14b85840;&:hover{background:#0e4e29e6}}._learn-link_65rjw_102{background:#0f363dd9;color:#7edef1f2;border-color:#149cb840;&:hover{background:#0e434ee6}}._blog-link_65rjw_112{background:#452a11d9;color:#ffb370f2;border-color:#e66b0040;&:hover{background:#57310fe6}}._navbar-spacer_65rjw_122{display:none}._hamburger_65rjw_126{display:none;color:var(--purple-80);cursor:pointer;padding:0;border:none;background:none;border-radius:var(--r-3);align-items:center;justify-content:center;margin-top:-4px}._hamburger-icon_65rjw_139{display:block;width:2.2rem;height:auto}._navbar-left_65rjw_145{display:flex;align-items:center;gap:var(--s-6);@media(max-width:720px){display:none}}._logo-image_65rjw_155{display:block;width:2.8rem;height:2.8rem;image-rendering:pixelated}._right-section_65rjw_162{display:flex;gap:var(--s-8);align-items:center}._button-group_65rjw_168{display:flex;gap:var(--s-5);align-items:center}._social-links_65rjw_174{display:flex;align-items:center;gap:var(--s-6)}._social-link_65rjw_174{display:flex;align-items:center}@media(max-width:720px){._navbar_65rjw_1{position:fixed;top:0;left:0;right:0;height:5.6rem;padding:0 var(--s-6);gap:var(--s-5);border-bottom:1px solid transparent;transition:transform .45s ease,background .2s ease,backdrop-filter .2s ease,border-color .2s ease}._navbar-spacer_65rjw_122{display:block;height:5.6rem;flex:none}._navbar-scrolled_65rjw_211{background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 13%) / .92);backdrop-filter:blur(8px);border-bottom-color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 30%) / .12)}._navbar-hidden_65rjw_223{transform:translateY(-100%)}._right-section_65rjw_162,._navbar-stuck_65rjw_12{display:none}._navbar-title_65rjw_47{position:static;transform:none;font-size:var(--t-xl)}._logo_65rjw_155{display:none}._hamburger_65rjw_126{display:inline-flex;margin-left:auto}}:root{--card-tint-default: hsl(305 100% 30%);--purple-100-hs: 278 100%;--purple-90-hs: 278 90%;--purple-80-hs: 278 80%;--purple-70-hs: 278 70%;--purple-60-hs: 278 60%;--purple-50-hs: 278 50%;--accent-hs: 305 90%;--orange-hs: 0 60%;--l-mult: 1;--l-offset: 0%;--bgPurple: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 6%) / 1 );--bgDarkPurple: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 7%) / 1 );--lightPink: hsl( var(--purple-90-hs) calc(var(--l-offset) + var(--l-mult) * 80%) / 1 );--black: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 6%) / 1 );--black-a15: rgb(0 0 0 / .15);--black-a25: rgb(0 0 0 / .25);--white-a05: rgb(255 255 255 / .05);--purple-6: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 6%) / 1 );--purple-7: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 7%) / 1 );--purple-8: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 8%) / 1 );--purple-9: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 9%) / 1 );--purple-10: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 10%) / 1 );--purple-11: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 11%) / 1 );--purple-12: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 12%) / 1 );--purple-13: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 13%) / 1 );--purple-14: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 14%) / 1 );--purple-15: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 15%) / 1 );--purple-16: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 16%) / 1 );--purple-26: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 26%) / 1 );--purple-20: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 20%) / 1 );--purple-50: hsl( var(--purple-90-hs) calc(var(--l-offset) + var(--l-mult) * 50%) / 1 );--purple-60: hsl( var(--purple-90-hs) calc(var(--l-offset) + var(--l-mult) * 60%) / 1 );--purple-70: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 70%) / 1 );--purple-72: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 72%) / 1 );--purple-80: hsl( var(--purple-90-hs) calc(var(--l-offset) + var(--l-mult) * 75%) / 1 );--purple-85: hsl( var(--purple-90-hs) calc(var(--l-offset) + var(--l-mult) * 85%) / 1 );--purple-88: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 88%) / 1 );--purple-92: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 92%) / 1 );--purple-4-a2: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 4%) / .2 );--purple-4-a3: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 4%) / .3 );--purple-4-a45: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 4%) / .45 );--purple-4-a6: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 4%) / .6 );--purple-4-a65: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 4%) / .65 );--purple-6-a15: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 6%) / .15 );--purple-6-a85: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 6%) / .85 );--purple-8-a45: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 8%) / .45 );--purple-8-a75: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 8%) / .75 );--purple-9-a85: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 9%) / .85 );--purple-10-a15: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 10%) / .15 );--purple-10-a5: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 10%) / .5 );--purple-10-a65: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 10%) / .65 );--purple-10-a85: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 10%) / .85 );--purple-10-a9: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 10%) / .9 );--purple-11-a9: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 11%) / .9 );--purple-12-a9: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 12%) / .9 );--purple-14-a9: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 14%) / .9 );--purple-15-a2: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 15%) / .2 );--purple-30-a15: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 30%) / .15 );--purple-16-a6: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 16%) / .6 );--purple-16-a75: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 16%) / .75 );--purple-18-a6: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 18%) / .6 );--purple-20-a1: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 20%) / .1 );--purple-20-a85: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 20%) / .85 );--purple-30-a2: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 30%) / .2 );--purple-30-a25: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 30%) / .25 );--purple-30-a3: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 30%) / .3 );--purple-30-a85: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 30%) / .85 );--purple-35-a5: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 35%) / .5 );--purple-50-a02: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 50%) / .02 );--purple-50-a1: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 50%) / .1 );--purple-50-a15: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 50%) / .15 );--purple-50-a2: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 50%) / .2 );--purple-50-a3: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 50%) / .3 );--purple-50-a4: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 50%) / .4 );--purple-50-a5: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 50%) / .5 );--purple-55-a5: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 55%) / .5 );--purple-60-a35: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 60%) / .35 );--purple-70-a15: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 70%) / .15 );--purple-70-a5: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 70%) / .5 );--purple-70-a8: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 70%) / .8 );--purple-75-a7: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 75%) / .7 );--purple-76-a725: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 76%) / .725 );--purple-80-a1: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 80%) / .1 );--purple-80-a25: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 80%) / .25 );--purple-80-a4: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 80%) / .4 );--purple-80-a85: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 80%) / .85 );--purple-80-a9: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 80%) / .9 );--orange-20: hsl(var(--orange-hs) 20%);--orange-80: hsl(var(--orange-hs) 80%);--orange-80a25: hsl(var(--orange-hs) 80% / .25);--orange-90: hsl(var(--orange-hs) 90%);--accent-14: hsl(var(--accent-hs) 14%);--accent-18: hsl(var(--accent-hs) 18%);--accent-80: hsl(var(--accent-hs) 80%);--accent-90: hsl(var(--accent-hs) 90%);--color-accent: hsl(305 100% 60%);--color-pink: hsl(344, 68%, 71%);--color-pink-light: hsl(344, 68%, 80%);--color-accent-soft: hsla(305 100% 60% / .15);--color-accent-softer: hsla(305 100% 60% / .05);--color-magenta: hsl(307 90% 70%);--color-cyan: hsl(184 90% 70%);--color-orange: hsl(28 90% 72%);--color-orange-light: hsl(28 90% 80%);--color-orange-bg: hsla(28 100% 18% / .8);--color-danger: hsl(0 80% 65%);--color-danger-bg: hsla(0 60% 18% / .8);--color-success: hsl(145 80% 72%);--color-success-bg: hsla(145 60% 15% / .8)}h2{font-weight:500}button{border:none;border-radius:4px;padding:.8rem 1.6rem;background:transparent;color:var(--lightPink);font-family:var(--pixel-font);font-size:1.4rem;display:flex;align-items:center;justify-content:center;white-space:nowrap}button:disabled{opacity:.75;transition:opacity .2s ease-in-out;pointer-events:none}.select-wrapper{position:relative;display:inline-block;fill:var(--purple-80);& select{min-width:5.2rem}}.select-wrapper:after{content:"";position:absolute;right:8px;top:50%;width:10px;height:6px;background:var(--purple-80);clip-path:polygon(0 0,100% 0,50% 100%);transform:translateY(-50%);pointer-events:none}select{appearance:none;background:var(--purple-16-a6);color:var(--purple-80);border:1px solid var(--purple-50-a1);border-radius:30px;padding:.4rem 1rem;font-size:1.5rem;cursor:pointer;outline:none;font-family:inherit}option{background:var(--purple-12);font-size:1.4rem;&:checked{background:var(--purple-20)}}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;border-radius:50px;background:var(--purple-16-a6);&::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.5rem;height:1.5rem;background:var(--purple-50);border-radius:50%;cursor:none;&.is-dragging{cursor:none}}&::-webkit-slider-runnable-track{height:1.5rem;border:none;border-radius:50px}&::-webkit-slider-thumb:hover{background:var(--purple-60)}}label,span{font-size:1.3rem;color:var(--purple-80);white-space:nowrap}span{font-variant-numeric:tabular-nums}input[type=checkbox]{appearance:none;background:var(--purple-50);border:1px solid var(--purple-50-a1);border-radius:30px;padding:4px;font-size:1.4rem;cursor:pointer;outline:none;width:1.6rem;height:1.6rem;font-family:inherit;transition:opacity .15s ease-in-out;opacity:.35;&:checked{opacity:1}}input,textarea{width:100%;padding:.8rem 1rem;height:3.8rem;border-radius:4px;border:1px solid hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 50%) / .15);background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 8%) / .85);color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 80%) / .95);font-size:1.4rem;font-family:inherit;&::placeholder{color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 80%) / .75)}}textarea{height:14rem;resize:none;padding:1rem;font-size:1.4rem;&::placeholder{color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 80%) / .75)}}*{margin:0;padding:0;box-sizing:border-box;&:focus-visible{outline:none}}:root{--pixel-font: "Pixelify Sans", sans-serif;--sans-font: "Space Grotesk", sans-serif;--bg: linear-gradient( to bottom, hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 9.5%) / 1 ), hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 9%) / 1 ), hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 9.5%) / 1 ) );--mainColor: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 80%) / 1 );--box-shadow: 0 0 0px 1px var(--purple-15), 0 -1px 0px .4rem var(--purple-8), 0 0px 0px .5rem hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 20%) / .7 );--box-shadow-less: 0 0 0px 1px var(--purple-15), 0 -1px 0px .1rem var(--purple-8), 0 0px 0px .2rem hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 20%) / .6 );--box-shadow-lesser: 0 0 0px 1px hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 15%) / .75 ), 0 -1px 0px .05rem rgba(255, 255, 255, .1), 0 0px 0px .1rem hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 20%) / .5 );--r-1: 2px;--r-2: 3px;--r-3: 4px;--r-4: 6px;--r-pill: 30px;--s-1: .2rem;--s-2: .4rem;--s-3: .6rem;--s-4: .8rem;--s-5: 1rem;--s-6: 1.4rem;--s-7: 1.8rem;--s-8: 2.4rem;--s-9: 3rem;--s-10: 4rem;--s-11: 5rem;--t-micro: 1.1rem;--t-xs: 1.2rem;--t-sm: 1.3rem;--t-base: 1.4rem;--t-md: 1.5rem;--t-lg: 1.6rem;--t-xl: 2rem;--t-2xl: 2.4rem;--t-3xl: 3.2rem;--t-4xl: 4rem;--t-5xl: 5.6rem;--ui-surface-canvas: var(--purple-8);--ui-surface-base: var(--purple-10);--ui-surface-raised: var(--purple-14);--ui-surface-hover: var(--purple-16);--ui-surface-selected: var(--purple-20);--ui-text-strong: var(--purple-88);--ui-text: var(--purple-80);--ui-text-muted: var(--purple-70);--ui-border: var(--purple-50-a1);--ui-border-strong: var(--purple-50-a3);--ui-accent-surface: var(--accent-18);--ui-accent-border: hsl(var(--accent-hs) 50% / .4);--ui-accent-text: var(--accent-80);--ui-success-surface: hsl(145 50% 12%);--ui-success-border: hsl(145 80% 40% / .25);--ui-success-text: hsl(145 80% 76%);--ui-danger-surface: hsl(0 50% 14%);--ui-danger-border: hsl(0 75% 45% / .3);--ui-danger-text: hsl(0 80% 78%);--ui-warning-surface: var(--color-orange-bg);--ui-warning-border: hsl(28 100% 45% / .35);--ui-warning-text: var(--color-orange);--ui-success-strong-text: hsl(145 45% 94%);--ui-success-strong-surface: linear-gradient( -45deg, hsl(145 48% 20%), hsl(145 55% 31%) );--ui-success-strong-border: hsl(145 58% 48% / .65);--ui-success-strong-shadow: 0 0 0 1px hsl(145 45% 14%), 0 2px 0 1px hsl(145 52% 23%);--ui-warning-strong-text: hsl(28 100% 88%);--ui-warning-strong-surface: linear-gradient( -45deg, hsl(28 90% 18%), hsl(28 85% 28%) );--ui-warning-strong-border: hsl(28 100% 55% / .55);--ui-warning-strong-shadow: 0 0 0 1px hsl(28 80% 12%), 0 2px 0 1px hsl(28 85% 22%);--ui-danger-strong-text: hsl(0 80% 92%);--ui-danger-strong-surface: linear-gradient( -45deg, hsl(0 55% 20%), hsl(0 65% 31%) );--ui-danger-strong-border: hsl(0 72% 52% / .6);--ui-danger-strong-shadow: 0 0 0 1px hsl(0 50% 13%), 0 2px 0 1px hsl(0 58% 23%);--ui-focus-outline: 2px solid var(--purple-60);--ui-focus-outline-offset: 2px;--ui-overlay: hsl(0 0% 0% / .45);--ui-control-height-sm: 2.4rem;--ui-control-height-md: 3.8rem;--ui-control-height-lg: 4.2rem;--ui-ease-out: cubic-bezier(.2, .8, .2, 1);--ui-duration-fast: .15s;--ui-duration-medium: .2s;--ui-duration-normal: .25s;--ui-z-overlay: 1000;--ui-z-toast: 2000}html{font-size:62.5%;font-family:var(--pixel-font)}body{background:var(--bg);font-optical-sizing:auto;font-weight:400;font-style:normal;height:100%;min-height:100dvh;color:var(--mainColor)}html{background-color:var(--purple-9)}.landing-layout{min-height:100dvh;display:flex;flex-direction:column;position:relative;background:radial-gradient(ellipse at 50% 0%,hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 12%) / .6),transparent 60%),linear-gradient(to bottom,hsl(275 100% calc(var(--l-offset) + var(--l-mult) * 9.5%) / 1),hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 10.5%) / 1),hsl(275 100% calc(var(--l-offset) + var(--l-mult) * 9.25%) / 1));background-color:var(--purple-9);color:var(--purple-80);overflow-x:hidden}