._panel_13z0c_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_13z0c_1._open_13z0c_25{display:flex}._header_13z0c_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_13z0c_29:active{cursor:grabbing}._title_13z0c_55{flex:1;font-size:var(--t-xs);color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 70%) / 1);font-weight:500;letter-spacing:.04em;text-transform:uppercase}._actions_13z0c_66{display:flex;gap:var(--s-2)}._icon-btn_13z0c_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_13z0c_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_13z0c_97{padding:var(--s-4);display:flex;flex-direction:column;gap:var(--s-3)}._visualizer_13z0c_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_13z0c_104:before,._visualizer_13z0c_104:after{content:"";position:absolute;inset:0;pointer-events:none}._visualizer_13z0c_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_13z0c_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_13z0c_174{box-shadow:inset 0 0 0 1px #ffffff0d,inset 0 -10px 20px #0000003d,0 0 18px #70f5ff24}._visualizer-canvas_13z0c_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}._track-name_13z0c_193{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_13z0c_203{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_13z0c_216{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_13z0c_228{height:100%;background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 65%) / 1);width:0;pointer-events:none}._bottom-row_13z0c_237{display:flex;align-items:center;justify-content:center;gap:var(--s-4)}._controls_13z0c_244{display:flex;align-items:center;gap:var(--s-3);flex-shrink:0;margin-left:auto}._control-btn_13z0c_252{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_13z0c_252:hover{background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 22%) / 1)}._shuffle-active_13z0c_275{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_13z0c_284{width:22px;height:22px;background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 22%) / 1)}._play-btn_13z0c_284:hover{background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 30%) / 1)}._play-btn_13z0c_284 ._icon-pause_13z0c_298,._play-btn_13z0c_284._playing_13z0c_302 ._icon-play_13z0c_302{display:none}._play-btn_13z0c_284._playing_13z0c_302 ._icon-pause_13z0c_298{display:inline}._volume-row_13z0c_310{display:flex;align-items:center;gap:var(--s-1);flex:1;min-width:0}._volume-icon_13z0c_318{color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 70%) / 1);flex-shrink:0;display:inline-flex}._volume-track_13z0c_326{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_13z0c_337{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_13z0c_349{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_13z0c_362{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_13z0c_193{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_13z0c_193: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_13z0c_399{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)}._star_1eehf_1{opacity:var(--star-opacity)}._twinkle_1eehf_5{animation:_star-twinkle_1eehf_1 var(--twinkle-duration) steps(4,jump-none) infinite;animation-delay:var(--twinkle-delay);transform-box:fill-box;transform-origin:center}@keyframes _star-twinkle_1eehf_1{0%,64%,to{opacity:var(--star-opacity);transform:scale(1)}72%{opacity:calc(var(--star-opacity) * .35);transform:scale(.75)}80%{opacity:1;transform:scale(1.45)}88%{opacity:calc(var(--star-opacity) * .55);transform:scale(.85)}}@media(max-width:768px){._stars_1eehf_34 rect:nth-child(2n){display:none}}@media(prefers-reduced-motion:reduce){._twinkle_1eehf_5{animation:none}}._auth-btn_13y8d_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_13y8d_26{display:inline-block;width:5.75rem;min-height:2.25rem}._create-btn_176bl_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)}}._hide-mobile_176bl_30{@media(max-width:720px){display:none}}._wrapper_1bode_1{position:relative;display:inline-block;line-height:0}._bubble_1bode_7{position:absolute;top:50%;left:100%;margin-left:var(--s-6);padding:var(--s-3) var(--s-5);background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 95%) / .85);color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 15%) / 1);border-radius:var(--r-4);font-size:var(--t-sm);font-weight:500;white-space:nowrap;line-height:1;box-shadow:var(--box-shadow-less);opacity:0;transform:translate(-4px,-50%) scale(.9);transform-origin:left center;pointer-events:none;transition:opacity .2s ease,transform .25s cubic-bezier(.2,.8,.2,1.4);z-index:10;&:before{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:6px solid transparent;border-right-color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 95%) / .85)}}._wrapper_1bode_1:hover ._bubble_1bode_7,._wrapper_1bode_1:focus-within ._bubble_1bode_7{opacity:1;transform:translateY(-50%) scale(1)}._overlay_1pzva_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_1pzva_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_1pzva_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_1pzva_23 ._panel_1pzva_35{transform:translate(0)}._header_1pzva_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)}._close-btn_1pzva_65{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)}}._section-label_1pzva_83{font-size:var(--t-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--purple-70)}._theme-section_1pzva_91{display:flex;flex-direction:column;gap:var(--s-3)}._modal-title-pixl5_1pzva_97{width:7rem;height:8rem;image-rendering:pixelated;margin:0 auto}._spacer_1pzva_104{flex:1}._discord-link_1pzva_108{display:flex;align-items:center}._auth-host_1pzva_114{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);>a,>button{display:flex;align-items:center;justify-content:center}}._picker_tnnyx_1{display:flex;gap:var(--s-3)}._swatch_tnnyx_6{width:22px;height:22px;padding:0;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:border-color .15s,transform .15s}._swatch_tnnyx_6:hover{transform:scale(1.08)}html[data-theme=purple] ._swatch_tnnyx_6[data-theme-id=purple],html[data-theme=dark] ._swatch_tnnyx_6[data-theme-id=dark],html[data-theme=light] ._swatch_tnnyx_6[data-theme-id=light]{border-color:#ffffffb3}._navbar_1jjc2_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_1jjc2_12{position:fixed;top:0;left:0;right:0;animation:_navbar-slide-down_1jjc2_1 .25s ease}@keyframes _navbar-slide-down_1jjc2_1{0%{opacity:0;transform:translateY(-2.4rem)}to{opacity:1;transform:translateY(0)}}._navbar-leaving_1jjc2_31{animation:_navbar-slide-up_1jjc2_1 .25s ease forwards}@keyframes _navbar-slide-up_1jjc2_1{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-2.4rem)}}._navbar-left_1jjc2_46{display:flex;align-items:center;gap:var(--s-6);@media(max-width:720px){display:none}}._navbar-right_1jjc2_56{display:flex;align-items:center;gap:var(--s-6)}._navbar-title_1jjc2_62{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}._hamburger_1jjc2_78{display:none;color:var(--purple-80);cursor:pointer;padding:0;border-radius:var(--r-3);align-items:center;justify-content:center;transition:background .15s,color .15s;margin-top:-4px}@media(max-width:720px){._navbar_1jjc2_1{padding:var(--s-6);gap:var(--s-5)}._navbar-stuck_1jjc2_12{display:none}._navbar-title_1jjc2_62{position:static;transform:none;font-size:var(--t-xl)}._navbar-right_1jjc2_56,._logo_1jjc2_112{display:none}._hamburger_1jjc2_78{display:inline-flex;margin-left:auto}}:root{--card-tint-default: hsl(305 100% 30%);--purple-100-hs: 278 100%;--purple-90-hs: 278 90%;--accent-hs: 305 100%;--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-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%);--color-accent: hsl(305 100% 60%);--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 100% 72%);--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)}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:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 3 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 0L0 -1.31134e-07L1.5 2L3 0Z' fill='hsla(278, 100%, 80%, 1)'/%3E%3C/svg%3E%0A");position:absolute;right:8px;top:50%;transform:translateY(-50%);pointer-events:none;font-size:1.2rem}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;--inter-font: "Inter", sans-serif;--bg: linear-gradient( to bottom, hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 8%) / 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) * 8.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}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)}.profile-layout{min-height:100dvh;display:flex;flex-direction:column;position:relative;overflow-x:hidden}.profile-main{flex:1;width:100%;max-width:120rem;margin:0 auto;position:relative;z-index:1;padding:var(--s-8) var(--s-6);padding-top:40px;@media(min-width:1100px){padding:var(--s-9) var(--s-10);padding-top:40px}}