@layer base { body, :host { /* Color */ --neutral-050: #E8F5FF; --neutral-100: #D1E9FC; --neutral-200: #A0CFF2; --neutral-300: #6698BF; --neutral-400: #5A87A9; --neutral-500: #3e7098; --neutral-650: #2b5b82; --neutral-600: #254d6e; --neutral-700: #23425F; --neutral-800: #1B344A; --neutral-900: #152E43; --neutral-1000: #132639; --primary-01: #00E2BC; --primary-02: #75e200; --primary-03: #1fcbff; --secondary-01: #f0ac47; --secondary-02: #c74fe3; --secondary-03: #5F69F2; --coherence: #4fe35b; --meditation: #e34f74; --sleep: #dee34f; --productivity: #388ef0; --custom: #e38f4f; --button_hover_1: #00e2bc54; /* Fonts */ --font-sans: 'Inter',sans-serif; --font-mavenpro: 'Maven Pro',sans-serif; --font-spacegrotesk: 'Space Grotesk',sans-serif; /* Font size */ --font-size-xxs: 0.625rem; --font-size-xs: 0.75rem; --font-size-sm: 0.875rem; --font-size-base: 1rem; --font-size-lg: 1.125rem; --font-size-xl: 1.25rem; --font-size-2xl: 1.5rem; --font-size-3xl: 1.875rem; --font-size-4xl: 2.25rem; --font-size-5xl: 3rem; /* Font weight */ --font-weight-thin: 100; --font-weight-lighter: 200; --font-weight-light: 300; --font-weight-regular: 400; --font-weight-normal: 500; --font-weight-bold: 700; --font-weight-semi-bold: 600; --font-weight-bolder: 800; --font-weight-black: 900; /* Shadows */ --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.25); --shadow-base: 0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.25); --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.25), 0 2px 4px -1px rgba(0, 0, 0, 0.25); --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.25), 0 4px 6px -2px rgba(0, 0, 0, 0.25); --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.25), 0 10px 10px -5px rgba(0, 0, 0, 0.25); --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25); /* Border radius */ /* Spacing */ --xs: 0.3rem; --s: 0.5rem; --sm: 0.75rem; --m: 1rem; --ml: 1.5rem; --l: 2rem; --xl: 3rem; --container: 50rem; --section: 64rem; /* Z-index */ } @keyframes animation-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes animation-fade-in { from { opacity:0; } to { opacity:1; } } @keyframes animation-fade-out { from { opacity:1; } to { opacity:0; } } } .UflJm { flex:1; overflow-x:hidden; overflow-y:hidden; align-items:center; justify-content:start; background-color:#10283c; } .dUMpSR { opacity:1; min-width:31rem; transition:opacity 500ms ease 0ms normal; } .dUMpSR.new_sequence_animation { @starting-style { opacity:0; } } .eMYzEQ { :; gap:var(--m); width:100%; z-index:99; max-width:46rem; box-shadow:9px 8px 3rem -7px #0d141c73; max-height:36rem; min-height:12rem; overflow-y:scroll; transition:all 300ms ease 0ms normal; padding-top:var(--s); padding-left:var(--s); border-radius:var(--m); outline-color:var(--neutral-600, #254d6e); outline-style:solid; outline-width:1.5px; padding-right:var(--s); padding-bottom:var(--s); pointer-events:auto; background-color:var(--neutral-800, #1B344A); } .cOXMnR { flex:1; color:var(--neutral-300, #6698BF); width:100%; cursor:pointer; height:100%; font-size:var(--font-size-sm); max-width:100%; transition:background-color 300ms ease 0ms normal, color 300ms ease 0ms normal; align-items:stretch; font-family:'Maven Pro'; padding-top:var(--s); padding-left:var(--s); border-radius:var(--xs); padding-right:var(--s); padding-bottom:var(--s); justify-content:start; } .cOXMnR:hover { color:var(--primary-01, #00E2BC); background-color:var(--neutral-600, #254d6e); } .esdgEm { gap:var(--sm); flex:1; width:100%; min-width:12rem; overflow-x:hidden; overflow-y:hidden; align-items:stretch; border-color:var(--neutral-600, #254d6e); border-style:solid; border-width:1px; border-radius:var(--s); flex-direction:row; justify-content:start; background-color:var(--neutral-700, #23425F); } .eJFFEK { gap:var(--s); flex:1; color:var(--neutral-200, #A0CFF2); cursor:pointer; transition:background-color 300ms ease 0ms normal, color 300ms ease 0ms normal; align-items:center; font-family:'Maven Pro'; padding-top:var(--m); padding-left:var(--m); border-radius:var(--s); padding-right:var(--m); padding-bottom:var(--m); justify-content:center; background-color:var(--neutral-700, #23425F); } .eJFFEK:hover { color:var(--primary-01, #00E2BC); outline-color:var(--primary-01, #00E2BC); outline-style:solid; outline-width:1.5px; background-color:var(--neutral-500, #3e7098); } .epOdVR { align-items:center; flex-direction:row; justify-content:space-between; } .fcAqkQ { gap:var(--s); color:var(--primary-01, #00E2BC); font-size:var(--font-size-xl); align-items:center; font-family:'Maven Pro'; flex-direction:row; justify-content:start; } .cWaPSa { gap:0.2rem; font-size:var(--font-size-xxs); align-items:center; flex-direction:row; justify-content:start; } .eqHVBb { color:#00000000; width:fit-content; cursor:pointer; z-index:10; font-size:var(--font-size-sm); transition:color 300ms ease 0ms normal, background-color 300ms ease 0ms normal, scale 80ms ease 0ms normal, opacity 80ms ease 0ms normal; padding-top:var(--xs); padding-left:var(--xs); border-radius:0.3rem; padding-right:var(--xs); padding-bottom:var(--xs); } .eqHVBb:active { scale:0.95; opacity:0.7; } .eqHVBb.is_active { color:var(--neutral-200, #A0CFF2); background-color:var(--color, #3e7098); } .eqHVBb:hover { color:var(--primary-01, #00E2BC); background-color:var(--button_hover_1, #00e2bc54); } .eqHVBb.is_current { color:#ffffff; background-color:#00b394; } .fjPaut { gap:var(--xs); font-size:var(--font-size-xs); align-items:center; font-family:'Maven Pro'; flex-direction:row; justify-content:start; } .dgLJnv { gap:0.2rem; width:fit-content; font-size:var(--font-size-xs); transition:background-color 300ms ease 0ms normal, color 300ms ease 0ms normal, scale 300ms ease 0ms normal, opacity 300ms ease 0ms normal; align-items:center; font-family:'Maven Pro'; padding-top:0.1rem; padding-left:0.2rem; border-radius:var(--xs); padding-right:0.2rem; flex-direction:row; padding-bottom:0.1rem; justify-content:start; } .dgLJnv.is_button { cursor:pointer; } .dgLJnv.is_button:hover { scale:1.05; opacity:0.6; } .dgLJnv.productivity { color:var(--productivity, #388ef0); } .dgLJnv.meditation { color:var(--meditation, #e34f74); } .dgLJnv.sleep { color:var(--sleep, #dee34f); } .dgLJnv.coherence { color:var(--coherence, #4fe35b); } .dgLJnv.utilities { color:var(--custom, #e38f4f); } .dgLJnv.is_sleep { color:var(--neutral-650, #2b5b82); background-color:var(--sleep, #dee34f); } .dgLJnv.is_coherence { color:var(--neutral-600, #254d6e); background-color:var(--coherence, #4fe35b); } .dgLJnv.is_utilities { color:var(--neutral-050, #E8F5FF); background-color:var(--custom, #e38f4f); } .dgLJnv.is_meditation { color:var(--neutral-050, #E8F5FF); background-color:var(--meditation, #e34f74); } .dgLJnv.is_productivity { color:var(--neutral-050, #E8F5FF); background-color:var(--productivity, #388ef0); } .bipKpZ { color:currentColor; } .efcKwL { top:0px; left:0px; right:0px; bottom:0px; opacity:0.3; position:absolute; border-radius:var(--xs); background-color:currentColor; } .efcKwL.is_current { background-color:#00000000; } .fCKkpA { gap:0.07rem; color:var(--neutral-300, #6698BF); font-size:var(--font-size-xxs); max-width:100%; align-items:start; flex-direction:column; justify-content:center; } .vSSmT { width:100%; align-items:center; flex-direction:row; justify-content:space-between; } .bVlwoE { gap:var(--s); flex-direction:row; } .dNwjbI { gap:var(--xs); flex:1; width:100%; height:100%; max-width:100%; align-items:stretch; } .DxvZw { gap:var(--xs); flex:1; color:var(--sleep, #dee34f); cursor:pointer; display:flex; font-size:var(--font-size-xxs); transition:background-color 300ms ease 0ms normal, color 300ms ease 0ms normal, outline-color 300ms ease 0ms normal, outline-width 300ms ease 0ms normal, outline-style 300ms ease 0ms normal; align-items:center; font-family:'Maven Pro'; padding-top:var(--m); padding-left:var(--m); border-radius:var(--s); outline-color:var(--neutral-600, #254d6e); outline-style:solid; outline-width:1px; padding-right:var(--m); flex-direction:column; padding-bottom:var(--m); justify-content:center; background-color:var(--neutral-700, #23425F); } .DxvZw:hover { color:var(--primary-01, #00E2BC); outline-color:var(--primary-01, #00E2BC); outline-style:solid; outline-width:1px; background-color:var(--neutral-500, #3e7098); } .ccdGtI { gap:var(--s); flex:1; width:100%; height:100%; max-width:100%; align-items:stretch; } .bdgHPJ { gap:0.07rem; color:var(--neutral-200, #A0CFF2); font-size:var(--font-size-xs); align-items:center; flex-direction:row; justify-content:start; } .eyTFIG { gap:0.2rem; font-size:var(--font-size-xs); align-items:center; flex-direction:row; justify-content:start; } .bqUCBL { display:inline-block; text-align:center; } .eSFGVV { color:var(--neutral-300, #6698BF); display:inline-block; font-size:var(--font-size-xxs); text-align:center; font-weight:700; text-decoration-line:; } .dZXmTo { gap:0.07rem; color:var(--neutral-200, #A0CFF2); font-size:var(--font-size-sm); align-items:center; flex-direction:row; justify-content:start; } .cgypNv { gap:var(--xs); color:var(--neutral-200, #A0CFF2); cursor:pointer; overflow-x:hidden; overflow-y:hidden; transition:background-color 300ms ease 0ms normal, color 300ms ease 0ms normal; align-items:center; font-family:'Maven Pro'; padding-top:var(--s); padding-left:var(--s); border-radius:var(--xs); padding-right:var(--s); flex-direction:row; padding-bottom:var(--s); justify-content:start; background-color:var(--neutral-700, #23425F); } .cgypNv:hover { background-color:var(--neutral-650, #2b5b82); } .cgypNv.is_current { color:var(--primary-01, #00E2BC); background-color:var(--neutral-500, #3e7098); } .cgypNv.is_current:hover { background-color:var(--neutral-300, #6698BF); } .cgypNv.is_primary { color:#ffffff; box-shadow:1px 4px 23px -9px var(--primary-01,#00E2BC); background-color:#01bc9c; } .cgypNv.is_primary:hover { color:var(--neutral-050, #E8F5FF); box-shadow:1px 4px 7px 0px var(--neutral-800, #1B344A); background-color:var(--neutral-500, #3e7098); } .fDKdaK { font-size:var(--font-size-xs); font-family:inherit; font-weight:var(--font-weight-semi-bold); } .eAQTDH { color:var(--secondary-01, #f0ac47); transition:color 300ms ease 0ms normal; } .eAQTDH.is_current { color:var(--neutral-050, #E8F5FF); } .fkTxgk { gap:var(--xs); flex-direction:row; } .fGULcc { right:0px; scale:0.85; bottom:0rem; position:absolute; } .cMzdOw { gap:var(--s); flex-wrap:wrap; flex-direction:row; } .eWtuyB { gap:0.07rem; color:var(--neutral-300, #6698BF); font-size:var(--font-size-xxs); align-items:center; flex-direction:row; justify-content:start; } .eJbjXQ { color:var(--neutral-400, #5A87A9); transition:color 300ms ease 0ms normal; } .eJbjXQ:hover { color:var(--neutral-050, #E8F5FF); } .fkfbIf { gap:0.07rem; color:var(--neutral-300, #6698BF); font-size:var(--font-size-xs); align-items:center; flex-direction:row; justify-content:start; } .bmChRb { color:var(--neutral-400, #5A87A9); transition:color 300ms ease 0ms normal; } .bmChRb:hover { color:var(--secondary-01, #f0ac47); } .bmChRb.is_current { color:var(--secondary-01, #f0ac47); } .cfedeu { gap:var(--s); flex:1; width:100%; height:100%; min-height:30rem; flex-direction:row; } .xhNJL { color:var(--neutral-200, #A0CFF2); font-family:inherit; } .jMXYr { flex:1; align-items:center; justify-content:start; } .bmZYJp { gap:var(--xs); align-items:center; flex-direction:row; justify-content:start; } .dwArOk { flex:1; align-items:end; justify-content:center; } .ZYzFi { z-index:99; position:relative; align-items:end; justify-content:center; } .efCNeb { gap:var(--s); color:var(--neutral-300, #6698BF); font-size:var(--font-size-xs); font-family:'Maven Pro'; padding-top:var(--sm); padding-left:var(--sm); padding-right:var(--sm); padding-bottom:var(--sm); border-top-color:var(--neutral-650, #2b5b82); border-top-style:solid; border-top-width:1.5px; } .dGiRgX { top:-0.3rem; position:absolute; align-items:start; font-family:inherit; padding-top:0.1rem; padding-left:var(--xs); border-radius:var(--s); padding-right:var(--xs); padding-bottom:0.1rem; justify-content:center; background-color:var(--color, ); } .fxBqeY { gap:var(--s); align-items:center; flex-direction:row; justify-content:end; } .btMhz { gap:var(--xs); color:var(--neutral-500, #3e7098); width:100%; font-size:var(--font-size-xxs); align-items:start; font-family:'Maven Pro'; font-weight:var(--font-weight-semi-bold); flex-direction:column; justify-content:center; } .fouTPz { width:fit-content; border-radius:var(--xs); background-color:#e8f5ff3d; } .eXhhXG { color:var(--neutral-200, #A0CFF2); width:fit-content; cursor:pointer; transition:background-color 300ms ease 0ms normal, color 300ms ease 0ms normal; align-items:end; font-weight:var(--font-weight-normal); padding-left:0.2rem; border-radius:0.2rem; padding-right:0.2rem; justify-content:center; background-color:#a0cff242; } .eXhhXG:hover { color:var(--primary-01, #00E2BC); background-color:#00e2bc59; } .dxRyLg { color:var(--neutral-400, #5A87A9); font-family:inherit; } .dpPaSW { color:#ffffff; width:fit-content; cursor:pointer; transition:background-color 300ms ease 0ms normal, color 300ms ease 0ms normal; padding-top:8px; padding-left:8px; border-radius:6px; padding-right:8px; padding-bottom:8px; background-color:var(--set_color, 66) #5A87A9); } .dpPaSW:hover { background-color:var(--primary-01, #00E2BC); } .ejessB { color:var(--neutral-300, #6698BF); font-size:var(--font-size-xxs); font-weight:700; } .JvZIa { display:none; } .dZltRs { gap:var(--xs); font-size:var(--font-size-xxs); align-items:center; font-family:'Maven Pro'; font-weight:var(--font-weight-semi-bold); flex-direction:row; justify-content:start; } .bLBHmF { color:inherit; width:fit-content; } .dDkkmQ { gap:var(--s); color:var(--primary-01, #00E2BC); width:100%; cursor:pointer; transition:color 300ms ease 0ms normal, background-color 300ms ease 0ms normal; align-items:center; font-family:'Maven Pro'; padding-top:var(--s); padding-left:var(--xs); padding-right:var(--xs); flex-direction:row; padding-bottom:var(--s); justify-content:center; background-color:var(--neutral-500, #3e7098); border-bottom-left-radius:var(--s); border-bottom-right-radius:var(--s); } .dDkkmQ:hover { color:#ffffff; background-color:var(--primary-01, #00E2BC); } .eCgGIC { width:100%; height:var(--s); } .CzoSn { top:50%; left:var(--picker-offset); width:var(--m); cursor:grab; height:var(--m); z-index:20; position:absolute; transform:translate(-50%, -50%); box-shadow:[object Object]; transition:background-color 600ms ease 0ms normal, border-color 300ms ease 0ms normal, box-shadow 300ms ease 0ms normal, left 300ms ease 0ms normal; border-radius:30px; background-color:var(--accent_color, #1fcbff); } .CzoSn:hover { z-index:30; box-shadow:0px 0px 8px -1px var(--neutral-200, #A0CFF2); background-color:var(--neutral-200, #A0CFF2); } .CzoSn.animate { transition:left 300ms,background-color 300ms; } .CzoSn.mouse_down { :; background-color:var(--primary-01, #00E2BC); } .bNCTez { width:100%; height:100%; border-radius:var(--s); background-image:url(""); } .bKOVQU { width:var(--width); height:100%; opacity:0.6; position:absolute; transition:width 300ms ease 0ms normal; border-radius:var(--s); background-color:var(--accent_color, #1fcbff); background-image:url(""); } .fzSHAV { width:100%; height:100%; transition:background-color 800ms ease 0ms normal; align-items:start; border-radius:0.4rem; background-size:20px 20px;; justify-content:center; background-color:var(--background, ); background-image:url(""); background-position:0 0, 0 10px, 10px -10px, -10px 0px;; } .fzSHAV:hover { background-color:var(--neutral-300, #6698BF); } .fzSHAV.mouse_down { box-shadow:0px 0px 9px -2px var(--neutral-200,#A0CFF2); background-color:var(--neutral-200, #A0CFF2); } .fAWStc { top:-1000px; left:-1000px; right:-1000px; bottom:-1000px; z-index:50; position:fixed; } .bHGFDY { top:-13px; left:var(--asd); color:var(--color, #1fcbff); z-index:33; font-size:var(--font-size-xxs); transition:left 300ms ease 0ms normal; padding-top:var(--xs); padding-left:var(--xs); border-radius:0.3rem; padding-right:var(--xs); padding-bottom:var(--xs); background-color:var(--bg, #254d6e); } .exVje { top:0px; left:0px; right:0px; bottom:0px; position:absolute; overflow-x:hidden; overflow-y:hidden; } .cUbdUA { gap:0.1rem; scale:3; font-size:0.3rem; align-items:center; font-family:'Maven Pro'; justify-content:center; } .eirKwo { top:0px; left:0px; color:var(--primary-01, #00E2BC); right:0px; bottom:0px; z-index:99; position:absolute; align-items:center; border-radius:var(--s); justify-content:center; background-color:var(--neutral-500, #3e7098); } .caydml { gap:var(--xs); color:var(--primary-01, #00E2BC); font-size:var(--font-size-xxs); font-family:'Maven Pro'; padding-top:var(--s); padding-left:var(--s); padding-right:var(--s); padding-bottom:var(--s); background-color:var(--neutral-700, #23425F); border-top-left-radius:var(--s); border-top-right-radius:var(--s); } .gfpq { padding-bottom:var(--xs); } .flLbCI { flex:1; color:var(--primary-01, #00E2BC); right:var(--xs); cursor:pointer; position:absolute; transition:color 300ms ease 0ms normal, background-color 300ms ease 0ms normal; align-items:end; padding-top:var(--s); padding-left:var(--s); border-radius:var(--s); padding-right:var(--s); padding-bottom:var(--s); justify-content:center; background-color:var(--neutral-600, #254d6e); } .flLbCI:hover { color:var(--neutral-050, #E8F5FF); background-color:var(--primary-01, #00E2BC); } .flLbCI.is_loading { color:var(--sleep, #dee34f); background-color:#dee34f4a; } .eeDLJg { z-index:99; position:relative; align-items:end; justify-content:center; } .fkakmc { gap:var(--xs); color:var(--neutral-300, #6698BF); cursor:pointer; transition:background-color 300ms ease 0ms normal, color 300ms ease 0ms normal; align-items:center; font-family:inherit; font-weight:700; padding-top:0.1rem; padding-left:0.2rem; border-radius:var(--xs); padding-right:0.2rem; flex-direction:row; padding-bottom:0.1rem; justify-content:start; background-color:#70c1ff33; } .fkakmc:hover { color:var(--primary-01, #00E2BC); background-color:#00e2bc4d; } .fFlfzn { color:var(--neutral-300, #6698BF); height:7rem; resize:none;; display:flex; position:relative; font-size:var(--font-size-sm); transition:all 300ms ease 0ms normal; font-family:'Maven Pro'; line-height:125%; padding-top:var(--s); padding-left:var(--s); padding-right:var(--s); flex-direction:column; padding-bottom:var(--s); text-decoration-line:; border-top-left-radius:var(--s); border-top-right-radius:var(--s); } .fFlfzn:focus { :; color:#6bffe6; background-color:#00e2bc3b; } .fFlfzn::placeholder { color:var(--neutral-300, #6698BF); } .fyQvn { flex:1; color:var(--primary-01, #00E2BC); resize:none; display:none; font-size:var(--font-size-xs); min-height:3.5rem; transition:all 300ms ease 0ms normal; padding-top:var(--s); padding-left:var(--sm); border-radius:var(--s); outline-color:#00000000; outline-style:solid; outline-width:1px; padding-right:var(--l); padding-bottom:var(--s); background-color:var(--neutral-500, #3e7098); } .fyQvn::placeholder { color:var(--neutral-600, #254d6e); font-size:var(--font-size-xs); } .fyQvn:focus { :; outline-color:var(--primary-01, #00E2BC); outline-style:solid; outline-width:1px; } .PjwLe { gap:var(--xs); color:var(--neutral-500, #3e7098); width:100%; font-size:var(--font-size-xxs); align-items:center; font-family:'Maven Pro'; font-weight:var(--font-weight-semi-bold); flex-direction:row; justify-content:end; } .bxNlbD { :; flex:1; width:100%; height:fit-content; box-shadow:0px 0px 12px -3px var(--neutral-1000, #132639); } .fvVJyD { left:0rem; color:var(--neutral-050, #E8F5FF); resize:none;; overflow-x:hidden; overflow-y:hidden; font-family:'Maven Pro'; border-radius:var(--s); background-color:var(--neutral-700, #23425F); } .fvVJyD.has_category { background-color:var(--Untitled, 7A); } .hVDKP { height:6rem; align-items:center; flex-direction:row; justify-content:start; } .dOiEXg { gap:var(--s); color:var(--neutral-200, #A0CFF2); width:100%; cursor:pointer; height:100%; display:flex; font-size:var(--font-size-xl); transition:background-color 300ms ease 0ms normal, color 300ms ease 0ms normal; align-items:center; border-radius:0.5rem; flex-direction:row; justify-content:center; background-color:var(--neutral-700, #23425F); } .dOiEXg:hover { color:var(--primary-01, #00E2BC); background-color:var(--neutral-700, #23425F); } .fpVUIZ { font-family:inherit; } .dqHIWd { top:0px; left:0px; width:var(--progress_width); height:100%; position:absolute; transition:width 250ms linear 0ms normal; border-radius:0.5rem; pointer-events:none; background-color:#3276a980; } .eCVPmc { flex:1; height:var(--height); display:flex; border-radius:1rem; flex-direction:column; background-color:var(--color, #F5A94C); } .LFgVy { font-family:'Maven Pro'; } .tAaCB { color:var(--neutral-200, #A0CFF2); width:fit-content; cursor:pointer; height:fit-content; position:relative; transition:background-color 300ms ease 0ms normal, color 300ms ease 0ms normal, scale 300ms ease 0ms normal; padding-top:var(--xs); padding-left:var(--xs); border-radius:0.3rem; padding-right:var(--xs); padding-bottom:var(--xs); background-color:var(--neutral-500, #3e7098); } .tAaCB:active { scale:0.8; } .tAaCB:hover { color:var(--primary-02, #75e200); background-color:#75e20042; } .tAaCB.is_playing { color:var(--primary-02, #75e200); background-color:#75e20082; } .tAaCB.is_playing:hover { color:var(--secondary-01, #f0ac47); background-color:#f0ac4770; } .cxFTkO { right:var(--s); bottom:var(--s); opacity:1; position:absolute; transition:opacity 300ms ease 0ms normal; } .cxFTkO.invisible { opacity:0; } .yXAKB { gap:2%; width:100%; height:100%; align-items:center; padding-top:var(--sm); padding-left:var(--m); border-radius:var(--s); padding-right:var(--m); flex-direction:row; padding-bottom:var(--sm); justify-content:start; background-color:var(--neutral-700, #23425F); } .bwSuyi { top:var(--xs); left:var(--xs); color:var(--primary-01, #00E2BC); position:absolute; font-size:0.6rem; padding-top:0.1rem; padding-left:0.2rem; border-radius:var(--xs); padding-right:0.2rem; padding-bottom:0.1rem; background-color:#00e2bc54; } .bwSuyi.ai_generated { color:#8088ff; background-color:#5f69f245; } .bwSuyi.uploaded { color:var(--secondary-01, #f0ac47); background-color:#f0ac474d; } .dOEOyp { font-size:var(--font-size-xs); font-family:inherit; } .cQQiDp { color:var(--neutral-200, #A0CFF2); width:100%; display:flex; font-size:0.75rem; appearance:none;; transition:background-color 300ms ease 0ms normal, color 300ms ease 0ms normal, outline-color 300ms ease 0ms normal; padding-top:var(--s); padding-left:var(--sm); border-radius:6px; padding-right:var(--sm); flex-direction:column; padding-bottom:var(--s); background-color:var(--neutral-650, #2b5b82); } .cQQiDp:hover { background-color:var(--neutral-500, #3e7098); } .cQQiDp:focus { color:var(--primary-01, #00E2BC); outline-color:var(--primary-01, #00E2BC); outline-style:solid; outline-width:1px; background-color:var(--neutral-650, #2b5b82); } .cQQiDp::placeholder { color:var(--neutral-300, #6698BF); } .cCSRQP { gap:var(--s); width:fit-content; max-width:80%; align-items:start; font-family:inherit; line-height:19px; padding-top:var(--s); padding-left:var(--s); border-radius:var(--s); padding-right:var(--s); padding-bottom:var(--s); justify-content:start; background-color:var(--neutral-650, #2b5b82); } .cCSRQP.is_user { color:#ffffff; width:fit-content; align-items:end; justify-content:start; background-color:#00b899; } .dbgvrL { gap:var(--m); flex:2; height:100%; padding-top:var(--sm); padding-left:var(--sm); border-radius:var(--m); padding-right:var(--sm); padding-bottom:4.5rem; background-color:var(--neutral-700, #23425F); } .XmMoR { color:var(--neutral-200, #A0CFF2); width:100%; resize:none; display:flex; font-size:0.75rem; appearance:none;; transition:background-color 300ms ease 0ms normal, color 300ms ease 0ms normal, outline-color 300ms ease 0ms normal; padding-top:var(--s); padding-left:var(--sm); border-radius:6px; padding-right:var(--sm); flex-direction:column; padding-bottom:var(--s); background-color:var(--neutral-650, #2b5b82); } .XmMoR:hover { background-color:var(--neutral-500, #3e7098); } .XmMoR:focus { color:var(--primary-01, #00E2BC); outline-color:var(--primary-01, #00E2BC); outline-style:solid; outline-width:1px; background-color:var(--neutral-650, #2b5b82); } .XmMoR::placeholder { color:var(--neutral-300, #6698BF); } .bQxMNu { gap:var(--s); left:0rem; font-family:'Maven Pro'; padding-top:var(--ml); border-color:var(--set_color, 66); border-style:solid; border-width:2px; padding-left:var(--sm); border-radius:var(--s); padding-right:var(--sm); padding-bottom:var(--sm); background-color:var(--set_color, ); } .bhrHyD { color:var(--neutral-400, #5A87A9); font-size:var(--font-size-xxs); font-family:'Maven Pro'; font-weight:var(--font-weight-normal); } .dHMXSc { gap:var(--xs); color:#ffffff; font-size:var(--font-size-sm); align-items:start; font-family:'Maven Pro'; justify-content:start; } .dHMXSc.is_user { align-items:end; justify-content:start; } .damQkw { gap:var(--xs); flex-wrap:wrap; flex-direction:row; } .esLCCc { top:0px; left:0px; color:var(--neutral-100, #D1E9FC); right:0px; bottom:0px; position:absolute; align-items:center; border-radius:var(--xs); justify-content:center; background-color:var(--neutral-500, #3e7098); } .dhoVNj { color:var(--neutral-200, #A0CFF2); font-size:var(--font-size-xxs); font-family:'Maven Pro'; font-weight:700; } .diCQIe { color:var(--neutral-500, #3e7098); right:var(--xs); bottom:var(--xs); display:none; position:absolute; font-size:var(--font-size-xxs); font-family:'Maven Pro'; font-weight:var(--font-weight-semi-bold); pointer-events:none; } .cJbZeb { flex:3; overflow-y:scroll; } .dhwCVi { color:var(--neutral-300, #6698BF); font-size:0.5rem; } .bLLTCV { border-radius:var(--s); background-color:var(--neutral-600, #254d6e); } .eVsygf { right:0px; height:100%; position:absolute; align-items:end; justify-content:center; } .pIxfF { gap:var(--sm); max-height:100%; overflow-y:scroll; } .ffbLhs { flex:1; } .ecbRNn { gap:var(--s); } .fABJCG { flex:1; color:var(--primary-01, #00E2BC); cursor:pointer; transition:color 300ms ease 0ms normal, background-color 300ms ease 0ms normal; align-items:center; font-family:'Maven Pro'; padding-top:var(--s); padding-left:var(--s); padding-right:var(--s); padding-bottom:var(--s); justify-content:center; background-color:var(--neutral-500, #3e7098); border-bottom-left-radius:var(--s); border-bottom-right-radius:var(--s); } .fABJCG:hover { color:var(--neutral-050, #E8F5FF); background-color:var(--primary-01, #00E2BC); } .fABJCG.is_loading { color:var(--neutral-050, #E8F5FF); cursor:progress; background-color:var(--secondary-01, #f0ac47); } .dCecIZ { color:var(--neutral-100, #D1E9FC); font-size:var(--font-size-sm); font-weight:700; } .sxOWp { flex:1; color:var(--primary-01, #00E2BC); resize:none; font-size:var(--font-size-xs); min-height:2.5rem; transition:all 300ms ease 0ms normal; align-items:start; padding-top:var(--s); padding-left:var(--sm); border-radius:var(--s); outline-color:#00000000; outline-style:solid; outline-width:1px; padding-right:var(--l); padding-bottom:var(--s); justify-content:center; background-color:var(--neutral-650, #2b5b82); } .sxOWp::placeholder { color:var(--neutral-400, #5A87A9); font-size:var(--font-size-xs); } .sxOWp:focus { :; outline-color:var(--primary-01, #00E2BC); outline-style:solid; outline-width:1px; } .dEmAyx { gap:var(--xs); left:var(--sm); right:var(--sm); bottom:var(--sm); position:absolute; align-items:start; flex-direction:column; justify-content:center; } .fioNYr { color:var(--neutral-200, #A0CFF2); align-items:center; padding-top:var(--xs); flex-direction:row; padding-bottom:var(--xs); justify-content:space-between; } .mZbKH { flex:1; height:100%; align-items:end; justify-content:end; } .eNbNHx { gap:var(--s); color:var(--neutral-200, #A0CFF2); align-items:start; flex-direction:column; justify-content:center; } .bGncRl { color:var(--neutral-200, #A0CFF2); width:fit-content; cursor:pointer; z-index:10; font-size:var(--font-size-sm); transition:color 300ms ease 0ms normal, background-color 300ms ease 0ms normal, scale 80ms ease 0ms normal, opacity 80ms ease 0ms normal; padding-top:var(--xs); padding-left:var(--xs); border-radius:0.3rem; padding-right:var(--xs); padding-bottom:var(--xs); background-color:var(--neutral-600, #254d6e); } .bGncRl:hover { color:#e34f85; background-color:#e34f8566; } .bGncRl.is_current { color:var(--neutral-050, #E8F5FF); background-color:#e34f85; } .bGncRl.is_current:hover { color:var(--neutral-050, #E8F5FF); background-color:var(--neutral-500, #3e7098); } .fcGoeK { right:-0.3rem; scale:0.85; bottom:-0.3rem; position:absolute; } .cfqKRN { flex-direction:row; } .igxe { color:var(--neutral-200, #A0CFF2); width:fit-content; cursor:pointer; z-index:10; font-size:var(--font-size-sm); transition:color 300ms ease 0ms normal, background-color 300ms ease 0ms normal, scale 80ms ease 0ms normal, opacity 80ms ease 0ms normal; padding-top:var(--xs); padding-left:var(--xs); border-radius:0.3rem; padding-right:var(--xs); padding-bottom:var(--xs); background-color:var(--neutral-600, #254d6e); } .igxe:hover { color:var(--primary-01, #00E2BC); background-color:var(--button_hover_1, #00e2bc54); } .igxe.is_current { color:var(--neutral-050, #E8F5FF); background-color:var(--primary-01, #00E2BC); } .igxe.is_current:hover { color:var(--neutral-050, #E8F5FF); } .dypSqI { color:var(--primary-01, #00E2BC); transition:color 300ms ease 0ms normal; } .dypSqI.is_current { color:var(--neutral-050, #E8F5FF); } .csLyic { gap:0.2rem; color:var(--neutral-650, #2b5b82); font-size:var(--font-size-xs); align-items:center; flex-direction:row; justify-content:start; } .dBkDmF { gap:var(--sm); width:100%; display:flex; flex-wrap:wrap; overflow-x:scroll; align-items:stretch; border-radius:var(--s); flex-direction:row; justify-content:start; grid-template-columns:repeat(2, 1fr); } @media (max-width: 550px) { .dBkDmF { grid-template-columns:repeat(1, 1fr); } } .fwPVXq { flex:1; color:var(--primary-01, #00E2BC); font-size:var(--font-size-xs); transition:background-color 300ms ease 0ms normal, border-color 300ms ease 0ms normal, color 300ms ease 0ms normal, width 300ms ease 0ms normal; align-items:start; padding-top:var(--s); border-color:var(--neutral-600, #254d6e); border-style:solid; border-width:1px; padding-left:var(--s); border-radius:var(--xs); padding-right:var(--s); padding-bottom:var(--s); justify-content:center; background-color:var(--neutral-800, #1B344A); } .fwPVXq::placeholder { color:var(--neutral-500, #4C7799); font-family:'Maven Pro'; } .fwPVXq:hover { background-color:#4c779963; } .fwPVXq:focus { color:var(--primary-01, #00E2BC); border-color:var(--primary-01, #00E2BC); border-style:solid; border-width:1px; } .bYCOiB { color:var(--neutral-200, #A0CFF2); width:fit-content; cursor:pointer; z-index:10; font-size:var(--font-size-sm); transition:color 300ms ease 0ms normal, background-color 300ms ease 0ms normal, scale 80ms ease 0ms normal, opacity 80ms ease 0ms normal; padding-top:var(--xs); padding-left:var(--xs); border-radius:0.3rem; padding-right:var(--xs); padding-bottom:var(--xs); background-color:var(--neutral-600, #254d6e); } .bYCOiB:hover { color:var(--secondary-01, #f0ac47); background-color:#f0ac4757; } .bYCOiB.is_current { color:var(--neutral-050, #E8F5FF); background-color:var(--secondary-01, #f0ac47); } .bYCOiB.is_current:hover { color:var(--neutral-050, #E8F5FF); } .fcVqFS { color:var(--primary-01, #00E2BC); } .dhXWUk { gap:0.07rem; color:var(--neutral-300, #6698BF); font-size:var(--font-size-xs); max-width:100%; align-items:start; flex-direction:column; justify-content:center; } .ceLiiR { gap:var(--sm); flex:1; width:100%; min-width:10rem; overflow-x:hidden; overflow-y:hidden; align-items:start; border-color:var(--neutral-600, #254d6e); border-style:solid; border-width:1px; border-radius:var(--s); flex-direction:row; justify-content:start; background-color:var(--neutral-800, #1B344A); } .dTpACe { gap:var(--s); height:5rem; flex-direction:row; } .eiaqsP { flex:1; color:var(--primary-01, #00E2BC); width:7rem; font-size:var(--font-size-xs); transition:background-color 300ms ease 0ms normal, border-color 300ms ease 0ms normal, color 300ms ease 0ms normal, width 300ms ease 0ms normal; align-items:start; padding-top:var(--s); border-color:#00000000; border-style:solid; border-width:1px; padding-left:var(--s); border-radius:var(--xs); padding-right:var(--s); padding-bottom:var(--s); justify-content:center; background-color:var(--neutral-700, #23425F); } .eiaqsP::placeholder { color:var(--neutral-500, #4C7799); font-family:'Maven Pro'; } .eiaqsP:hover { background-color:#4c779963; } .eiaqsP:focus { color:var(--primary-01, #00E2BC); border-color:var(--primary-01, #00E2BC); border-style:solid; border-width:1px; } .fCNMda { gap:var(--s); flex:2; color:var(--neutral-200, #A0CFF2); cursor:pointer; transition:background-color 300ms ease 0ms normal, color 300ms ease 0ms normal, outline-color 300ms ease 0ms normal; align-items:center; font-family:'Maven Pro'; padding-top:var(--m); padding-left:var(--m); border-radius:var(--s); outline-color:var(--neutral-300, #6698BF); outline-style:solid; outline-width:1px; padding-right:var(--m); padding-bottom:var(--m); justify-content:center; background-color:var(--neutral-700, #23425F); } .fCNMda:hover { color:var(--primary-01, #00E2BC); outline-color:var(--primary-01, #00E2BC); outline-style:solid; outline-width:1px; background-color:var(--neutral-500, #3e7098); } .bWxceO { gap:var(--xs); color:var(--neutral-500, #3e7098); align-items:center; flex-direction:row; justify-content:start; } .fFXHpq { gap:var(--sm); pointer-events:auto; } .dWvckq { color:var(--neutral-200, #A0CFF2); width:fit-content; cursor:pointer; z-index:10; font-size:var(--font-size-sm); transition:color 300ms ease 0ms normal, background-color 300ms ease 0ms normal, scale 80ms ease 0ms normal, opacity 80ms ease 0ms normal; padding-top:var(--xs); padding-left:var(--xs); border-radius:0.3rem; padding-right:var(--xs); padding-bottom:var(--xs); background-color:var(--neutral-600, #254d6e); } .dWvckq:hover { color:#9d43b1; background-color:#9d43b154; } .dWvckq.is_current { color:var(--neutral-050, #E8F5FF); background-color:#9d43b1; } .dWvckq.is_current:hover { color:var(--neutral-050, #E8F5FF); background-color:var(--neutral-500, #3e7098); } .bHMpui { gap:0.2rem; color:var(--neutral-400, #5A87A9); font-size:var(--font-size-xs); transition:color 300ms ease 0ms normal; align-items:center; font-family:'Maven Pro'; padding-top:0.05rem; padding-left:0.2rem; border-radius:var(--xs); padding-right:0.2rem; flex-direction:row; padding-bottom:0.1rem; justify-content:start; background-color:var(--neutral-600, #254d6e); } .bHMpui:hover { color:var(--primary-01, #00E2BC); background-color:var(--button_hover_1, #00e2bc54); } .bjPRho { flex:1; width:100%; } .cdCuwM { width:100%; height:100%; display:flex; align-items:center; flex-direction:column; justify-content:center; } .cdCuwM.grab { cursor:grab; } .cdCuwM.grabbing { cursor:grabbing; } .yMLfk { top:-1400px; left:-1200px; right:-1500px; bottom:-1500px; position:fixed; } .bNjGrl { top:-8000px;; left:-8000px;; color:var(--grey-700, #404040); width:100%; height:100%; display:flex; padding:8000px; position:absolute; transform:translate(var(--offset-left), var(--offset-top)) scale(var(--zoom)); align-items:start; background:var(--grey-800); align-items:start; flex-direction:column; justify-content:center; background-size:10rem 10rem; justify-content:start; background-color:var(--neutral-800, #1B344A); background-image:url(""); transform-origin:8000px 8000px; } .bwXTUi { gap:64px; color:var(--neutral-800, #1B344A); display:flex; position:absolute; min-width:300px; min-height:300px; align-items:start; padding-top:var(--xl); border-color:#3e709800; border-style:solid; border-width:1px; padding-left:var(--xl); border-radius:var(--l); padding-right:var(--xl); flex-direction:row; padding-bottom:var(--xl); justify-content:start; background-color:#06131e00; } .bwXTUi.hidden { display:none;; } .bwXTUi.grab { cursor:grab; } .bwXTUi.grabbing { cursor:grabbing; } .bwXTUi.full-screen { width:100vw; height:100vh; } .cDKTCS { gap:var(--xl); width:fit-content; transition:all 300ms ease 0ms normal; align-items:start; flex-direction:row; justify-content:start; } .fDKhuV { gap:var(--s); width:100%; max-width:25rem; padding-top:var(--sm); padding-left:var(--sm); border-radius:1rem; padding-right:var(--sm); padding-bottom:var(--sm); backdrop-filter:blur(1rem); background-color:#1b3b55; } .efBIar { gap:var(--s); align-items:center; font-family:'Maven Pro'; flex-direction:row; justify-content:start; } .mCUGJ { gap:var(--s); color:var(--neutral-650, #2b5b82); cursor:pointer; transition:background-color 300ms ease 0ms normal, color 300ms ease 0ms normal, border-color 300ms ease 0ms normal; align-items:center; padding-top:var(--s); padding-left:var(--s); border-radius:var(--sm); padding-right:var(--s); flex-direction:row; padding-bottom:var(--s); justify-content:center; } .mCUGJ:hover { color:var(--primary-02, #75e200); background-color:var(--neutral-700, #23425F); } .dNGiFe { color:var(--neutral-200, #A0CFF2); cursor:pointer; transition:color 300ms ease 0ms normal, background-color 300ms ease 0ms normal; padding-top:var(--xs); padding-left:var(--xs); border-radius:0.3rem; padding-right:var(--xs); padding-bottom:var(--xs); background-color:var(--neutral-700, #23425F); } .dNGiFe:hover { color:var(--primary-01, #00E2BC); border-radius:0.3rem; background-color:#00e2bc47; } .dPlegb { gap:var(--m); flex:1; } .bQHqvN { width:2.2rem; cursor:pointer; height:1.35rem; display:none; transition:background-color 300ms ease 0ms normal, border-color 300ms ease 0ms normal, width 300ms ease 0ms normal, color 300ms ease 0ms normal; border-color:#bf45da; border-style:solid; border-width:1.5px; padding-left:0.05rem; border-radius:1rem; padding-right:0.05rem; background-color:#1e28a440; } .bQHqvN.mute { border-color:var(--neutral-200, #A0CFF2); border-style:solid; border-width:1.5px; background-color:#00000000; } .bQHqvN:hover { color:var(--primary-01, #00E2BC); border-color:var(--primary-01, #00E2BC); border-style:solid; border-width:1.5px; background-color:#00e2bc3d; } .STMqO { width:7rem; height:var(--sm); border-radius:1rem; background-color:var(--neutral-400, #5A87A9); } .fHdneY { top:-2rem; opacity:0; z-index:99; position:relative; transition:opacity 180ms ease 0ms normal, top 180ms ease 0ms normal; pointer-events:none; } .fHdneY.show { top:0rem; opacity:1; position:relative; pointer-events:auto; transform-style:flat; } .dBFXrR { gap:var(--m); flex:1; min-width:19rem; padding-top:var(--m); border-color:var(--neutral-650, #2b5b82); border-style:solid; border-width:1px; padding-left:var(--m); border-radius:var(--m); padding-right:var(--m); padding-bottom:var(--m); background-color:var(--neutral-700, #23425F); } .bgCxGX { top:var(--s); color:var(--neutral-200, #A0CFF2); right:var(--s); width:fit-content; cursor:pointer; z-index:40; position:absolute; transition:color 300ms ease 0ms normal, background-color 300ms ease 0ms normal; align-items:end; padding-top:var(--xs); padding-left:var(--xs); border-radius:var(--s); padding-right:var(--xs); padding-bottom:var(--xs); backdrop-filter:blur(1rem); justify-content:center; background-color:var(--neutral-650, #2b5b82); } .bgCxGX:hover { color:var(--secondary-04, #d3508e); background-color:#d3508e3b; } .fldnVx { gap:var(--s); width:100%; } .cLFxdz { display:none; transition:rotate 300ms ease 0ms normal, background-color 300ms ease 0ms normal, color 300ms ease 0ms normal; padding-top:0.15rem; padding-left:0.15rem; border-radius:var(--xs); padding-right:0.15rem; padding-bottom:0.15rem; background-color:var(--neutral-600, #254d6e); } .cLFxdz.is_current { color:var(--neutral-200, #A0CFF2); rotate:z 180deg; border-radius:var(--xs); background-color:var(--neutral-650, #2b5b82); } .nrdZp { gap:var(--sm); flex-direction:column; } .OrsRB { color:var(--text_color, #1fcbff); padding-top:var(--xs); padding-left:var(--xs); border-radius:var(--xs); padding-right:var(--xs); padding-bottom:var(--xs); background-color:var(--bg_color, #1fcbffD7); } .fDkufR { color:var(--neutral-100, #D1E9FC); font-size:var(--font-size-base); } .cptSaG { color:var(--neutral-100, #D1E9FC); font-size:var(--font-size-lg); align-items:center; padding-top:var(--ml); padding-left:var(--s); border-radius:var(--sm); padding-right:var(--s); padding-bottom:var(--ml); justify-content:center; background-color:var(--neutral-600, #254d6e); } .ecnokd { color:var(--slider_color, #1fcbff); width:100%; } .eUIdjj { gap:var(--s); align-items:center; flex-direction:row; justify-content:start; } .CJNir { gap:var(--sm); flex:1; color:var(--neutral-300, #6698BF); font-size:var(--font-size-sm); align-items:start; font-family:'Maven Pro'; padding-top:var(--sm); padding-left:var(--sm); border-radius:var(--s); outline-color:var(--neutral-650, #2b5b82); outline-style:solid; outline-width:1px; padding-right:var(--sm); padding-bottom:var(--m); justify-content:start; background-color:#254d6e87; } .ffMYsL { gap:var(--xs); opacity:0; transition:opacity 300ms ease 0ms normal; align-items:center; flex-direction:row; justify-content:start; } .ffMYsL.hover { opacity:1; } .bTgyNM { gap:var(--s); flex:1; align-items:center; flex-direction:row; justify-content:end; } .dxcTZI { gap:var(--s); color:var(--neutral-200, #A0CFF2); padding-top:var(--s); border-color:var(--neutral-600, #254d6e); border-style:solid; border-width:2px; padding-left:var(--s); border-radius:.75rem; padding-right:var(--s); padding-bottom:var(--s); background-color:#1e3d57; } .bYWuYE { left:4rem; bottom:-1rem; position:absolute; } .WReSZ { cursor:pointer; transition:background-color 300ms ease 0ms normal, color 300ms ease 0ms normal; padding-top:var(--xs); padding-left:var(--xs); border-radius:0.3rem; padding-right:var(--xs); padding-bottom:var(--xs); background-color:var(--neutral-700, #23425F); } .WReSZ:hover { color:var(--secondary-04, #BA5C89); background-color:#cd47874d; } .bVaUOO { gap:var(--xs); color:var(--neutral-500, #4C7799); width:fit-content; cursor:pointer; opacity:0; font-size:var(--font-size-sm); transition:background-color 300ms ease 0ms normal, color 300ms ease 0ms normal, gap 300ms ease 0ms normal, opacity 300ms ease 0ms normal; align-items:center; padding-top:0.1rem; padding-left:0.2rem; border-radius:0.3rem; padding-right:0.2rem; flex-direction:row; padding-bottom:0.1rem; justify-content:start; } .bVaUOO.hover { opacity:1; } .bVaUOO:hover { color:var(--primary-02, #75e200); background-color:#75e2003d; } .eaZEfz { width:fit-content; align-items:center; justify-content:center; } .ffxGnC { gap:var(--xs); color:var(--neutral-400, #5A87A9); opacity:1; font-size:var(--font-size-base); transition:opacity 300ms ease 0ms normal; align-items:center; font-family:'Maven Pro'; padding-top:var(--xs); padding-left:var(--xs); border-radius:var(--xs); padding-right:var(--xs); flex-direction:row; padding-bottom:var(--xs); justify-content:start; background-color:#1fcbff45; } .ffxGnC.subliminal_messages { color:var(--primary-01, #00E2BC); } .ffxGnC.brainwave_entrainment { color:var(--primary-03, #1fcbff); } .ffxGnC.hover { opacity:1; } .bKIhrc { color:var(--neutral-100, #D1E9FC); border-radius:.75rem; background-color:var(--neutral-700, #23425F); } .fbCrTu { opacity:0; transition:opacity 500ms ease 0ms normal; } .cwnOba { font-family:'Maven Pro'; user-select:none; } .dxIxgx { color:var(--neutral-650, #2b5b82); width:var(--size); cursor:ns-resize; filter:saturate(1) brightness(1); height:var(--size); opacity:1; transition:all 300ms ease 0ms normal; align-items:center; justify-content:center; } .dxIxgx:hover { filter:saturate(1) brightness(1.3); } .dxIxgx.mouse_down { color:var(--neutral-400, #5A87A9); scale:0.9; filter:saturate(1.4) brightness(1.3); } .cOvBrD { top:-1000px; left:-1000px; right:-1000px; bottom:-1000px; opacity:0; z-index:999; position:fixed; } .dtgWoD { width:100%; height:100%; z-index:999; position:absolute; overflow-y:visible; transition:background-color 800ms ease 0ms normal; align-items:center; border-radius:100%; mix-blend-mode:multiply;; background-size:20px 20px; justify-content:center; background-image:url(""); background-position:0 0, 0 10px, 10px -10px, -10px 0px; } .dtgWoD:hover { mix-blend-mode:multiply;; } .dtgWoD.mouse_down { width:100%; height:100%; position:absolute; mix-blend-mode:normal;; } .foRszv { :; width:100%; height:100%; position:absolute; } .fmGWAW { display:inline-block; text-align:center; font-family:'Maven Pro'; user-select:none; white-space:nowrap; } .NXzbA { display:inline-block; text-align:center; font-family:'Maven Pro'; user-select:none; white-space:normal; } .qCbAu { gap:var(--s); flex:1; min-width:19rem; box-shadow:1px 4px 24px -5px #00000070; padding-top:var(--m); border-color:var(--neutral-600, #254d6e); border-style:solid; border-width:1px; padding-left:var(--m); border-radius:var(--m); padding-right:var(--m); padding-bottom:var(--m); background-color:var(--neutral-700, #23425F); } .dbQHog { top:var(--s); right:var(--s); position:absolute; align-items:end; justify-content:start; } .bZIVQN { padding-top:var(--xs); padding-left:var(--xs); border-radius:var(--xs); padding-right:var(--xs); padding-bottom:var(--xs); } .cfpgS { font-size:var(--font-size-base); } .cQFJWM { color:var(--neutral-200, #A0CFF2); width:fit-content; cursor:pointer; z-index:40; position:absolute; transition:color 300ms ease 0ms normal, background-color 300ms ease 0ms normal; align-items:end; padding-top:var(--xs); padding-left:var(--xs); border-radius:var(--s); padding-right:var(--xs); padding-bottom:var(--xs); backdrop-filter:blur(1rem); justify-content:center; background-color:var(--neutral-650, #2b5b82); } .cQFJWM:hover { color:var(--secondary-04, #d3508e); background-color:#d3508e3b; } .bIYEqu { flex:1; cursor:pointer; font-size:var(--font-size-sm); transition:background-color 300ms ease 0ms normal, color 300ms ease 0ms normal; align-items:start; font-family:'Maven Pro'; padding-top:var(--s); padding-left:var(--s); border-radius:var(--s); outline-color:var(--neutral-650, #2b5b82); outline-style:solid; outline-width:1px; padding-right:var(--s); padding-bottom:var(--s); justify-content:start; } .dwunyH { opacity:0.4; font-size:var(--font-size-xs); } .XLSXe { gap:var(--sm); color:var(--neutral-200, #A0CFF2); cursor:pointer; transition:background-color 300ms ease 0ms normal, color 300ms ease 0ms normal; flex-direction:column; } .XLSXe:hover { color:var(--primary-01, #00E2BC); background-color:var(--neutral-600, #254d6e); } .XLSXe.is_current { color:var(--primary-01, #00E2BC); background-color:var(--neutral-650, #2b5b82); } .eQRtPR { gap:var(--xs); } .eJaeJt { color:var(--neutral-100, #D1E9FC); font-size:var(--font-size-lg); } .NStac { gap:var(--sm); padding-top:var(--sm); padding-left:var(--sm); padding-right:var(--sm); padding-bottom:var(--sm); background-color:var(--neutral-600, #254d6e); } .biwfiZ { gap:var(--xs); color:var(--neutral-500, #3e7098); align-items:center; justify-content:center; } .bZJGsj { gap:var(--s); color:var(--neutral-500, #3e7098); font-size:var(--font-size-xs); align-items:center; justify-content:center; } .dCVIFT { gap:1.5%; width:100%; height:4rem; align-items:center; flex-direction:row; justify-content:stretch; } .fagIRz { color:var(--primary-01, #00E2BC); display:none; padding-top:0.2rem; padding-left:var(--xs); border-radius:0.3rem; padding-right:var(--xs); padding-bottom:0.2rem; background-color:#1fcbff45; } .bxaHYo { flex:1; width:3px; height:var(--height); border-radius:1rem; background-color:var(--primary-01, #00E2BC); } .dZZdZF { top:1rem; right:-1rem; position:absolute; pointer-events:none; } .cCYXsI { width:100%; } .bZZJcl { top:var(--s); left:var(--s); right:var(--s); position:absolute; font-size:var(--font-size-xs); } .fwDmLh { align-items:end; flex-direction:row; justify-content:center; } .dNcaEX { gap:var(--s); flex:1; align-items:center; font-family:'Maven Pro'; justify-content:center; } .ahkcO { gap:var(--xs); width:fit-content; align-items:center; font-family:'Maven Pro'; justify-content:center; } .bfjKKK { flex:1; width:100%; display:none; } .cmxYDX { gap:0.1rem; flex:1; align-items:center; font-family:'Maven Pro'; justify-content:center; } .fscuhJ { gap:var(--s); color:var(--neutral-200, #A0CFF2); align-items:center; justify-content:center; } .eWIAMq { gap:var(--xs); width:100%; font-size:var(--font-size-sm); align-items:center; flex-direction:row; justify-content:space-between; border-top-left-radius:0.3rem; border-top-right-radius:0.3rem; } .dfDoGH { gap:var(--xs); flex-wrap:wrap; font-size:var(--font-size-xs); max-width:6rem; align-items:center; flex-direction:column; justify-content:center; } .cbdpLu { gap:var(--s); height:100%; align-items:center; justify-content:center; } .bACAjT { flex:1; align-items:center; flex-direction:row; justify-content:center; } .lVVSq { gap:var(--xs); width:fit-content; max-width:3rem; align-items:center; font-family:'Maven Pro'; justify-content:center; } .cVJZYv { color:var(--neutral-400, #5A87A9); overflow-x:hidden; overflow-y:hidden; transition:background-color 700ms ease 0ms normal, color 700ms ease 0ms normal; border-radius:.5rem; background-color:var(--neutral-700, #23425F); } .cVJZYv:hover { color:var(--neutral-300, #6698BF); background-color:var(--neutral-600, #254d6e); } .bdQRzW { flex:1; font-size:var(--font-size-xs); align-items:center; font-family:'Maven Pro'; justify-content:center; } .fBzOLI { align-items:start; flex-direction:row; justify-content:center; } .dJkTQi { font-size:var(--font-size-xs); font-family:'Maven Pro'; user-select:none; } .cxnvmP { gap:var(--xs); flex:2; width:100%; height:100%; position:absolute; font-size:var(--font-size-xs); max-width:68%; max-height:10rem; min-height:3rem; align-items:center; font-family:'Maven Pro'; justify-content:center; } .ehRFAV { cursor:pointer; } .fIJOh { gap:var(--xs); font-size:var(--font-size-sm); align-items:center; flex-direction:row; justify-content:space-between; } .BkjlK { color:var(--neutral-300, #6698BF); } .bsKysx { flex:2; align-items:center; justify-content:center; } .dBPHuq { gap:var(--sm); font-size:var(--font-size-xs); } .bYmzHb { gap:var(--sm); padding-top:var(--s); padding-left:var(--sm); padding-right:var(--sm); padding-bottom:var(--s); } .bPGyPI { color:var(--primary-03, #1fcbff); } .fDhbpZ { font-size:var(--font-size-xs); align-items:center; font-family:'Maven Pro'; flex-direction:row; justify-content:space-between; } .dTtmuN { gap:var(--xs); align-items:center; font-family:'Maven Pro'; flex-direction:row; justify-content:start; } .eipZoB { gap:var(--xs); color:#e8a469; align-items:center; font-family:'Maven Pro'; padding-top:0.2rem; padding-left:var(--xs); border-radius:0.3rem; padding-right:var(--xs); flex-direction:row; padding-bottom:0.2rem; justify-content:start; background-color:#e8a4692b; } .eJXjNQ { transition:background-color 300ms ease 0ms normal, color 300ms ease 0ms normal; padding-top:0.2rem; padding-left:0.2rem; border-radius:0.3rem; padding-right:0.2rem; padding-bottom:0.2rem; } .eJXjNQ:hover { color:var(--secondary-04, #d3508e); background-color:#d3508e38; } .dCbBue { font-size:var(--font-size-xs); align-items:center; font-family:'Maven Pro'; justify-content:center; } .bieGji { display:none; font-size:var(--font-size-xs); font-family:'Maven Pro'; padding-bottom:var(--xs); } .dA-DHXz { color:var(--neutral-300, #6698BF); border-radius:var(--sm); background-color:var(--neutral-700, #23425F); } .eCwoxA { width:4rem; height:4rem; position:absolute; } .eCwoxA.is_binaural:last-child { left:var(--second_indent); transition:left 500ms ease 0ms normal; } .cBIpbo { flex:1; align-items:end; user-select:none; justify-content:center; } .cAxUNn { gap:var(--sm); padding-top:var(--s); padding-left:var(--sm); padding-right:var(--sm); flex-direction:row; padding-bottom:var(--sm); background-color:var(--neutral-600, #254d6e); border-bottom-left-radius:var(--s); border-bottom-right-radius:var(--s); } .dckSxz { right:var(--s); bottom:-2rem; position:absolute; } .eYWtcv { left:var(--sm); right:var(--sm); bottom:var(--s); position:absolute; } .dGOkCj { gap:var(--s); width:fit-content; z-index:20; position:relative; min-width:14rem; box-shadow:4px 6px 15px 0px #0000006e; padding-top:var(--sm); padding-left:var(--sm); border-radius:var(--s); outline-color:var(--neutral-650, #2b5b82); outline-style:solid; outline-width:1px; padding-right:var(--sm); padding-bottom:var(--sm); background-color:var(--neutral-700, #23425F); } .fgnMrm { color:var(--neutral-200, #A0CFF2); font-size:var(--font-size-xs); } .DwKOo { color:var(--neutral-200, #A0CFF2); width:fit-content; cursor:pointer; z-index:40; position:absolute; transition:color 300ms ease 0ms normal, background-color 300ms ease 0ms normal; align-items:end; padding-top:0.2rem; padding-left:0.2rem; border-radius:var(--xs); padding-right:0.2rem; padding-bottom:0.2rem; backdrop-filter:blur(1rem); justify-content:center; background-color:var(--neutral-650, #2b5b82); } .DwKOo:hover { color:var(--secondary-04, #d3508e); background-color:#d3508e3b; } .flUsza { color:var(--neutral-200, #A0CFF2); width:100%; display:flex; font-size:0.75rem; appearance:none;; transition:background-color 300ms ease 0ms normal, color 300ms ease 0ms normal, outline-color 300ms ease 0ms normal; padding-top:var(--s); padding-left:var(--sm); border-radius:6px; padding-right:var(--sm); flex-direction:column; padding-bottom:var(--s); background-color:var(--neutral-600, #254d6e); } .flUsza:focus { color:var(--primary-01, #00E2BC); outline-color:var(--primary-01, #00E2BC); outline-style:solid; outline-width:1px; background-color:var(--neutral-650, #2b5b82); } .flUsza::placeholder { color:var(--neutral-300, #6698BF); } .dgxnCo { top:var(--xs); right:var(--xs); position:absolute; align-items:end; justify-content:start; } .bQGaHN { color:var(--neutral-200, #A0CFF2); right:0.2rem; cursor:pointer; display:flex; position:absolute; transition:background-color 300ms ease 0ms normal, color 300ms ease 0ms normal; padding-top:var(--xs); aspect-ratio:1 / 1;; padding-left:var(--xs); border-radius:var(--xs); padding-right:var(--xs); flex-direction:column; padding-bottom:var(--xs); background-color:var(--neutral-500, #3e7098); } .bQGaHN:hover { color:var(--primary-01, #00E2BC); background-color:#00e2bc59; } .cMXDlx { align-items:end; justify-content:start; } .bbnzNE { gap:var(--xs); color:var(--primary-03, #1fcbff); align-items:center; padding-top:0.2rem; padding-left:var(--xs); border-radius:0.3rem; padding-right:var(--xs); flex-direction:row; padding-bottom:0.2rem; justify-content:start; background-color:#1fcbff45; } .cmvrAz { display:inline-block; font-size:var(--font-size-sm); text-align:left; font-family:'Maven Pro'; user-select:none; white-space:normal; } .fGcVrU { color:var(--primary-03, #1fcbff); width:100%; } .dcClLL { gap:var(--sm); align-items:center; padding-top:var(--ml); justify-content:start; } .VwfnL { width:4rem; height:4rem; opacity:0.5; position:relative; border-radius:100%; background-color:var(--color, #00BFFF); } .enMfYj { color:var(--color, [object Object]); opacity:0; position:absolute; transition:opacity 500ms ease 0ms normal, left 500ms ease 0ms normal; flex-direction:row; } .enMfYj.is_binaural { left:var(--indent); position:absolute; } .enMfYj.show { opacity:1; } .dZwkzd { left:var(--m); height:100%; position:absolute; align-items:end; justify-content:center; } .epBuRD { width:4rem; height:4rem; } .eBlKHL { gap:5px; width:4rem; filter:blur(3px); height:4rem; position:absolute; } .TNwGC { :; flex:1; aspect-ratio:1 / 1;; background-color:var(--color, #00BFFF); } .eFktuB { gap:5px; position:relative; flex-direction:row; } .mTDlQ { gap:var(--xs); cursor:pointer; z-index:99; flex-direction:row; } .dPiwsH { height:4rem; align-items:center; flex-direction:row; justify-content:center; } .dPiwsH.is_binaural { left:var(--left_indent); transition:left 500ms ease 0ms normal; } .dnrbbG { gap:var(--xs); color:var(--neutral-500, #3e7098); z-index:10; font-size:var(--font-size-sm); align-items:center; flex-direction:row; justify-content:center; } .dpeEJl { transition:rotate 120ms ease 0ms normal; } .dpeEJl.right { rotate:z 180deg; } .dpeEJl.left { rotate:z 0; } .fEtYfq { width:4rem; filter:blur(1rem); height:4rem; opacity:0.6; position:absolute; border-radius:100%; background-color:var(--color, #00BFFF); } .bDOVFr { gap:var(--xs); color:var(--neutral-400, #5A87A9); font-size:var(--font-size-xxs); font-family:'Maven Pro'; flex-direction:row; } .eQqOUU { gap:5px; width:4rem; height:4rem; } .xmzVN { gap:var(--s); flex:1; align-items:start; font-family:'Maven Pro'; flex-direction:column; justify-content:center; } .eHsxwV { gap:var(--xs); min-height:10rem; align-items:center; padding-top:var(--sm); padding-left:var(--sm); padding-right:var(--sm); padding-bottom:var(--sm); justify-content:center; } .ctYxxc { width:100%; height:100%; aspect-ratio:1 / 1;; border-radius:100%; } .cayrhN { gap:var(--s); top:var(--s); left:var(--s); right:var(--s); position:absolute; font-size:var(--font-size-sm); align-items:center; flex-direction:row; justify-content:space-between; border-top-left-radius:0.3rem; border-top-right-radius:0.3rem; } .dkMhYa { top:0px; right:0px; position:absolute; pointer-events:none; } .cAwknc { width:4rem; height:4rem; opacity:0; position:absolute; transition:opacity 500ms ease 0ms normal; } .cAwknc.show { opacity:1; } .eyAmaz { width:100%; height:100%; } .csbHlB { align-items:start; justify-content:center; } .dmZEs { display:flex; font-size:var(--font-size-xs); font-family:'Maven Pro'; user-select:none; margin-bottom:-1px; flex-direction:column; } .bleZAA { right:1rem; height:100%; position:absolute; align-items:end; justify-content:center; } .oALxi { gap:5px; opacity:0.5; flex-direction:row; } .fcFZfc { align-items:end; justify-content:center; } .ePorNy { top:var(--xs); } .eLXDJK { position:absolute; } .eLXDJK.is_binaural:last-child { left:var(--indent); transition:left 500ms ease 0ms normal; } .bWeNBf { align-items:center; flex-direction:row; justify-content:center; } .evrLDt { gap:var(--xs); flex:2; width:100%; height:100%; position:absolute; font-size:var(--font-size-xs); max-height:4rem; align-items:center; font-family:'Maven Pro'; justify-content:center; } .cVCutg { font-size:var(--font-size-xs); user-select:none; } .eyVdzQ { font-size:var(--font-size-xs); align-items:center; font-family:'Maven Pro'; padding-top:var(--s); justify-content:center; } .fDbbPx { gap:var(--xs); font-size:var(--font-size-xs); } .bnffUc { gap:var(--s); padding-top:var(--s); padding-left:var(--sm); padding-right:var(--sm); padding-bottom:var(--s); } .eGNzTi { gap:var(--xs); color:var(--color_text, #cc617c); align-items:center; font-family:'Maven Pro'; padding-top:0.2rem; padding-left:var(--xs); border-radius:0.3rem; padding-right:var(--xs); flex-direction:row; padding-bottom:0.2rem; justify-content:start; background-color:var(--color_bg, #cc617c3D); } .bEndcT { gap:var(--sm); flex:1; min-width:19rem; box-shadow:1px 4px 24px -5px #00000070; padding-top:var(--s); border-color:var(--neutral-600, #254d6e); border-style:solid; border-width:1px; padding-left:var(--s); border-radius:var(--sm); padding-right:var(--s); padding-bottom:var(--s); background-color:var(--neutral-600, #254d6e); } .fGuAio { flex:1; cursor:pointer; font-size:var(--font-size-sm); transition:background-color 300ms ease 0ms normal, color 300ms ease 0ms normal; align-items:start; font-family:'Maven Pro'; padding-top:var(--s); padding-left:var(--s); padding-right:var(--s); padding-bottom:var(--s); justify-content:start; } .bJUQkw { gap:var(--sm); color:var(--color, #b369e8); cursor:pointer; transition:background-color 300ms ease 0ms normal, color 150ms ease 0ms normal, outline-color 300ms ease 0ms normal; border-radius:var(--s); flex-direction:column; background-color:var(--bg_color, #b369e83d); } .bJUQkw:hover { color:var(--neutral-050, #E8F5FF); background-color:var(--color, #b369e8); } .bJUQkw.is_current { color:var(--primary-01, #00E2BC); outline-color:var(--primary-01, #00E2BC); outline-style:solid; outline-width:1px; background-color:var(--neutral-650, #2b5b82); } .cTOGVA { color:var(--neutral-300, #6698BF); font-size:var(--font-size-lg); font-family:'Maven Pro'; } .fbhgCY { top:0px; left:0px; right:0px; bottom:0px; opacity:0.1; position:absolute; transition:opacity 300ms ease 0ms normal; border-radius:var(--xs); background-color:var(--neutral-600, #254d6e); } .fbhgCY.subliminal_messages { background-color:var(--primary-01, #00E2BC); } .fbhgCY.brainwave_entrainment { background-color:var(--primary-03, #1fcbff); } .fbhgCY.hover { opacity:0; } .cZBrhP { color:var(--neutral-200, #A0CFF2); cursor:pointer; transition:color 300ms ease 0ms normal; } .cZBrhP:hover { color:var(--primary-01, #00E2BC); } .cZBrhP.is_active { color:var(--neutral-100, #D1E9FC); } .cZBrhP.is_active:hover { color:#f63163; } .daqxqb { :; filter:blur(4px); position:absolute; } .fHzbOZ { gap:var(--xs); color:var(--neutral-300, #6698BF); opacity:0; transition:opacity 300ms ease 0ms normal; align-items:center; flex-direction:row; justify-content:start; } .fHzbOZ.hover { opacity:1; } .cjXNWE { left:0px; right:0px; opacity:1; position:absolute; transition:opacity 300ms ease 0ms normal; padding-top:var(--s); border-radius:var(--xs); padding-bottom:var(--s); pointer-events:none; background-color:var(--neutral-700, #23425F); } .cjXNWE.hover { opacity:0; } .dPCvvg { width:fit-content; cursor:pointer; height:fit-content; position:relative; transition:background-color 300ms ease 0ms normal, color 300ms ease 0ms normal, scale 300ms ease 0ms normal; padding-top:var(--xs); padding-left:var(--xs); border-radius:0.3rem; padding-right:var(--xs); padding-bottom:var(--xs); background-color:var(--neutral-700, #23425F); } .dPCvvg:active { scale:0.8; } .dPCvvg:hover { color:var(--primary-02, #75e200); background-color:var(--neutral-500, #4C7799); } .dPCvvg.is_playing { color:var(--primary-02, #75e200); background-color:#75e20082; } .dPCvvg.is_playing:hover { color:var(--secondary-01, #f0ac47); background-color:#f0ac4770; } .BdsOw { width:1rem; height:1rem; border-radius:0.3rem; background-color:var(--neutral-200, #A0CFF2); } .bfzmzg { align-items:center; flex-direction:row; justify-content:start; } .TbsDs { top:0px; left:0px; right:0px; bottom:0px; opacity:1; position:absolute; transition:opacity 300ms ease 0ms normal; border-radius:var(--xs); background-color:var(--neutral-600, #254d6e); } .TbsDs.hover { opacity:0; } .lOoqj { top:3rem; right:-1rem; position:absolute; pointer-events:none; } .cZdRPO { gap:var(--xs); cursor:pointer; z-index:20; font-size:1.2rem; transition:background-color 300ms ease 0ms normal, color 300ms ease 0ms normal; align-items:center; padding-top:var(--xs); user-select:none; padding-left:var(--xs); border-radius:0.3rem; padding-right:var(--xs); flex-direction:row; padding-bottom:var(--xs); justify-content:start; background-color:var(--neutral-700, #23425F); } .cZdRPO:hover { color:var(--primary-01, #00E2BC); background-color:var(--neutral-400, #5A87A9); } .fCaHgQ { left:var(--indent); display:flex; transition:left 300ms ease 0ms normal; flex-direction:column; } .dmhvoe { gap:var(--s); color:var(--neutral-200, #A0CFF2); align-items:center; font-family:'Maven Pro'; flex-direction:row; justify-content:space-between; background-color:-neutral-700; } .eanBTu { gap:var(--xl); width:fit-content; transition:all 300ms ease 0ms normal; flex-direction:row; } .cGYcci { :; gap:var(--s); color:var(--neutral-200, #A0CFF2); cursor:pointer; height:fit-content; display:flex; transition:background-color 300ms ease 0ms normal, color 300ms ease 0ms normal, 300ms ease ease 0ms normal; align-items:center; padding-top:var(--s); padding-left:var(--s); border-radius:0.5rem; padding-right:var(--s); flex-direction:row; padding-bottom:var(--s); justify-content:start; background-color:#23425f42; } .cGYcci:hover { color:var(--primary-01, #00E2BC); background-color:var(--button_hover_1, #00e2bc54); } .bGjuMq { :; gap:var(--s); width:100%; z-index:99; max-width:40rem; min-width:30rem; box-shadow:9px 8px 3rem -7px #0d141c73; min-height:10rem; padding-top:var(--m); padding-left:var(--m); border-radius:var(--m); outline-color:var(--neutral-600, #254d6e); outline-style:solid; outline-width:1.5px; padding-right:var(--m); padding-bottom:var(--m); pointer-events:auto; background-color:var(--neutral-900, #152E43); } .eWMZXA { color:var(--primary-01, #00E2BC); width:fit-content; cursor:pointer; transition:background-color 300ms ease 0ms normal, color 300ms ease 0ms normal; font-family:'Maven Pro'; padding-top:8px; padding-left:8px; border-radius:6px; padding-right:8px; padding-bottom:8px; backdrop-filter:blur(1rem); background-color:#00e2bc69; } .eWMZXA:hover { color:var(--neutral-050, #E8F5FF); background-color:var(--primary-01, #00E2BC); } .cEexpr { color:#5059b4; display:inline-block; font-size:var(--font-size-xxs); font-family:inherit; font-weight:var(--font-weight-normal); } .eNZvYp { gap:var(--xs); flex:1; color:var(--neutral-400, #5A87A9); min-width:100%; font-family:'Maven Pro'; border-radius:var(--sm); } .ffdGWo { color:#b3edff; font-size:var(--font-size-base); font-family:inherit; font-weight:var(--font-weight-regular); } .bSqmyH { color:var(--neutral-300, #6698BF); display:none; font-size:var(--font-size-xl); font-family:'Maven Pro'; } .eeMnTi { gap:var(--s); color:var(--neutral-200, #A0CFF2); font-size:var(--font-size-2xl); align-items:center; font-family:'Maven Pro'; flex-direction:row; justify-content:start; } .cWyKny { gap:var(--s); flex:1; color:var(--neutral-400, #5A87A9); min-width:30%; overflow-x:hidden; overflow-y:hidden; font-family:'Maven Pro'; padding-top:var(--sm); padding-left:var(--sm); border-radius:var(--xs); padding-right:var(--sm); padding-bottom:var(--sm); background-color:var(--neutral-800, #1B344A); } .ErCmg { color:inherit; display:inline-block; font-size:var(--font-size-xxs); font-family:inherit; font-weight:var(--font-weight-normal); } .cixxPx { gap:var(--s); flex:1; color:#00e2bc6b; min-width:30%; overflow-x:hidden; overflow-y:hidden; font-family:'Maven Pro'; padding-top:var(--sm); padding-left:var(--sm); border-radius:var(--xs); padding-right:var(--sm); padding-bottom:var(--sm); background-color:var(--neutral-700, #23425F); } .bEROyx { top:0px; left:0px; right:0px; bottom:0px; display:none; opacity:0; position:absolute; transition:opacity 300ms ease 0ms normal; background-color:#23425fdb; } .bEROyx:hover { :; opacity:1; } .eXQawl { top:0px; left:0px; right:0px; bottom:0px; opacity:0; position:absolute; transition:opacity 300ms ease 0ms normal; align-items:center; justify-content:center; background-color:#23425fdb; } .eXQawl:hover { :; opacity:1; } .crLPyb { color:var(--primary-01, #00E2BC); width:fit-content; cursor:pointer; transition:background-color 300ms ease 0ms normal, color 300ms ease 0ms normal; font-family:'Maven Pro'; padding-top:8px; padding-left:8px; border-radius:6px; padding-right:8px; padding-bottom:8px; backdrop-fiolter:blur(1rem); background-color:#00e2bc69; } .crLPyb:hover { color:var(--neutral-050, #E8F5FF); background-color:var(--primary-01, #00E2BC); } .dVDwZR { gap:var(--xs); color:var(--primary-03, #1fcbff); width:fit-content; opacity:1; font-size:var(--font-size-base); transition:opacity 300ms ease 0ms normal; align-items:center; font-family:'Maven Pro'; padding-top:var(--xs); padding-left:var(--xs); border-radius:var(--xs); padding-right:var(--xs); flex-direction:row; padding-bottom:var(--xs); justify-content:start; } .dVDwZR.brainwave_entrainment { color:var(--primary-03, #1fcbff); } .dGVVTD { color:var(--neutral-100, #D1E9FC); font-size:var(--font-size-base); font-family:inherit; font-weight:var(--font-weight-regular); } .boqeya { gap:var(--s); flex:1; color:#1fcbff96; min-width:30%; overflow-x:hidden; overflow-y:hidden; font-family:'Maven Pro'; padding-top:var(--sm); padding-left:var(--sm); border-radius:var(--xs); padding-right:var(--sm); padding-bottom:var(--sm); background-color:var(--neutral-700, #23425F); } .ejLZSj { gap:var(--sm); flex-wrap:wrap; flex-direction:column; } .QTzv { color:#afb5f3; font-size:var(--font-size-base); font-family:inherit; font-weight:var(--font-weight-regular); } .cVZNuY { color:#94ffed; font-size:var(--font-size-base); font-family:inherit; font-weight:var(--font-weight-regular); } .dEUQXA { border-top-color:var(--neutral-600, #254d6e); border-top-style:dotted; border-top-width:2px; } .hvkhz { gap:var(--xs); color:var(--primary-01, #00E2BC); width:fit-content; opacity:1; font-size:var(--font-size-base); transition:opacity 300ms ease 0ms normal; align-items:center; font-family:'Maven Pro'; padding-top:var(--xs); padding-left:var(--xs); border-radius:var(--xs); padding-right:var(--xs); flex-direction:row; padding-bottom:var(--xs); justify-content:start; } .hvkhz.brainwave_entrainment { color:var(--primary-03, #1fcbff); } .miklL { gap:var(--s); flex:1; color:var(--neutral-400, #5A87A9); min-width:100%; font-family:'Maven Pro'; border-radius:var(--sm); } .dmaFpZ { gap:var(--s); flex:1; color:var(--neutral-400, #5A87A9); min-width:57%; overflow-x:hidden; overflow-y:hidden; font-family:'Maven Pro'; padding-top:var(--sm); padding-left:var(--sm); border-radius:var(--xs); padding-right:var(--sm); padding-bottom:var(--sm); background-color:#2f335b; } .dbtnri { top:0px; left:0px; right:0px; bottom:0px; opacity:0; z-index:-99; position:fixed; transition:opacity 50ms ease 0ms normal; align-items:center; user-select:none; pointer-events:none; justify-content:center; } .dbtnri.show { opacity:1; z-index:99; user-select:auto; pointer-events:auto; } .bnFSqD { width:100%; height:100%; position:absolute; transition:opacity 300ms ease 0ms normal; background-color:var(--neutral-1000, #132639); } .bnFSqD.hide { opacity:0; } .bnFSqD.show { opacity:0.6; transition:opacity 300ms ease 0ms normal; } .bbwSEg { width:100%; height:fit-content; z-index:99; min-width:30rem; min-height:10rem; transition:opacity 300ms ease 0ms normal, translate 300ms ease 0ms normal; align-items:center; pointer-events:none; justify-content:center; } .bbwSEg.hide { opacity:0; translate:0 5rem; } .bbwSEg.show { opacity:1; min-width:20rem; translate:0 0rem; min-height:20rem; transition:opacity 300ms ease 0ms normal, translate 300ms ease 0ms normal; } .QVrmM { gap:var(--s); top:var(--m); left:var(--m); right:var(--m); bottom:var(--m); position:fixed; align-items:center; user-select:none; pointer-events:none; justify-content:end; } .fpryxs { color:var(--neutral-500, #3e7098); cursor:pointer; transition:color 300ms ease 0ms normal, background-color 300ms ease 0ms normal; padding-top:var(--s); padding-left:var(--s); border-radius:var(--s); padding-right:var(--s); padding-bottom:var(--s); } .fpryxs:hover { color:var(--neutral-050, #E8F5FF); background-color:var(--neutral-600, #254d6e); } .fpryxs.is_active { color:var(--primary-01, #00E2BC); background-color:var(--neutral-500, #3e7098); } .fpryxs.is_active:hover { color:var(--neutral-100, #D1E9FC); background-color:var(--neutral-400, #5A87A9); } .dBxgIb { gap:var(--s); flex:1; width:fit-content; min-width:100%; padding-top:var(--sm); padding-left:var(--sm); border-radius:var(--sm); padding-right:var(--sm); flex-direction:column; padding-bottom:var(--sm); background-color:var(--neutral-600, #254d6e); } .bSknze { top:0px; left:0px; right:0px; bottom:0px; position:absolute; align-items:center; border-radius:var(--sm); justify-content:center; background-color:var(--neutral-700, #23425F); } .eCTydC { right:0px; cursor:pointer; position:absolute; transition:background-color 300ms ease 0ms normal, color 300ms ease 0ms normal; padding-top:0.2rem; padding-left:0.2rem; border-radius:var(--xs); padding-right:0.2rem; padding-bottom:0.2rem; } .eCTydC:hover { color:var(--primary-01, #00E2BC); background-color:#00e2bc69; } .bDobZV { opacity:0.5; padding-top:0.2rem; border-radius:var(--xs); padding-bottom:0.2rem; background-color:var(--neutral-650, #2b5b82); } .cFiyjJ { :; gap:var(--s); flex:1; color:var(--primary-01, #00E2BC); width:fit-content; cursor:pointer; height:fit-content; display:flex; transition:background-color 300ms ease 0ms normal, color 300ms ease 0ms normal, 300ms ease ease 0ms normal; align-items:center; padding-top:var(--s); padding-left:var(--s); border-radius:0.5rem; padding-right:var(--s); flex-direction:row; padding-bottom:var(--s); justify-content:center; background-color:var(--button_hover_1, #00e2bc54); } .cFiyjJ:hover { color:var(--neutral-900, #152E43); background-color:var(--primary-01, #00E2BC); } .fEwYvZ { gap:var(--s); flex:1; min-width:48%; padding-top:var(--s); padding-left:var(--s); border-radius:var(--sm); padding-right:var(--s); flex-direction:column; padding-bottom:var(--s); background-color:var(--neutral-650, #2b5b82); } .fjHoQL { top:var(--s); right:var(--s); position:absolute; } .dipdOx { gap:var(--s); width:100%; position:relative; max-width:20rem; box-shadow:1px 4px 14px 0px var(--neutral-1000,#132639); align-items:center; padding-top:var(--s); user-select:auto; padding-left:var(--s); border-radius:var(--m); padding-right:var(--s); flex-direction:row; padding-bottom:var(--s); pointer-events:auto; justify-content:start; background-color:var(--neutral-700, #23425F); } .cnmyFJ { gap:var(--xs); flex:1; color:var(--neutral-400, #5A87A9); transition:color 500ms ease 0ms normal; } .cnmyFJ:hover { color:var(--neutral-100, #D1E9FC); } .HPjwg { top:0px; left:0px; right:0px; bottom:0px; z-index:99; position:absolute; align-items:end; justify-content:center; } .fBPZsc { gap:var(--s); width:100%; opacity:0; flex-wrap:wrap; max-width:20rem; translate:0 5rem; transition:opacity 150ms ease 0ms normal, translate 150ms cubic-bezier(0.25, 0.1, 0.18, 1.19) 0ms normal; padding-top:var(--s); user-select:none; padding-left:var(--s); border-radius:var(--m); padding-right:var(--s); flex-direction:row; padding-bottom:var(--s); pointer-events:none; background-color:var(--neutral-600, #254d6e); } .fBPZsc.show { opacity:1; translate:0 0px; user-select:auto; pointer-events:auto; } .efCZXT { gap:var(--xs); color:var(--neutral-050, #E8F5FF); cursor:pointer; transition:color 300ms ease 0ms normal, background-color 300ms ease 0ms normal; align-items:center; padding-top:var(--xs); padding-left:var(--xs); border-radius:var(--xs); padding-right:var(--xs); flex-direction:row; padding-bottom:var(--xs); justify-content:start; background-color:var(--neutral-600, #254d6e); } .efCZXT:hover { color:var(--primary-01, #00E2BC); background-color:var(--neutral-500, #3e7098); } .efCZXT.copied { color:var(--primary-01, #00E2BC); background-color:#00e2bc70; } .efCZXT.copied:hover { background-color:#00e2bcad; } .bOaIMe { flex:1; color:var(--primary-01, #00E2BC); cursor:pointer; font-size:var(--font-size-sm); transition:color 300ms ease 0ms normal, background-color 300ms ease 0ms normal; align-items:center; padding-top:var(--xs); padding-left:var(--xs); border-radius:var(--s); padding-right:var(--xs); padding-bottom:var(--xs); justify-content:center; background-color:#00e2bc40; } .bOaIMe:hover { color:var(--primary-01, #00E2BC); background-color:#00e2bca6; } .bPuaGv { color:var(--neutral-200, #A0CFF2); width:100%; height:100%; display:inline-block; font-size:0.75rem; text-align:center; transition:background-color 300ms ease 0ms normal, color 300ms ease 0ms normal, outline-color 300ms ease 0ms normal; padding-top:var(--sm); padding-left:var(--s); border-radius:6px; padding-right:var(--s); padding-bottom:var(--sm); background-color:var(--neutral-600, #254d6e); } .bPuaGv:focus { color:var(--primary-01, #00E2BC); outline-color:var(--primary-01, #00E2BC); outline-style:solid; outline-width:1px; background-color:var(--neutral-650, #2b5b82); } .bPuaGv::placeholder { color:var(--neutral-300, #6698BF); } .EyCsK { display:none; font-size:var(--font-size-xs); } .dwtJHc { width:50%; opacity:0.8; padding-top:var(--xs); border-radius:var(--xs); padding-bottom:var(--xs); background-color:var(--neutral-650, #2b5b82); } .cMuVQA { flex:1; color:var(--neutral-300, #6698BF); cursor:pointer; font-size:var(--font-size-sm); transition:color 300ms ease 0ms normal, background-color 300ms ease 0ms normal; align-items:center; padding-top:var(--xs); padding-left:var(--xs); border-radius:var(--s); padding-right:var(--xs); padding-bottom:var(--xs); justify-content:center; background-color:#23425f52; } .cMuVQA:hover { color:var(--secondary-04, #d3508e); align-items:center; justify-content:center; background-color:#d3508e30; } .dxhUNS { left:0px; cursor:pointer; position:absolute; transition:background-color 300ms ease 0ms normal, color 300ms ease 0ms normal; padding-top:0.2rem; padding-left:0.2rem; border-radius:var(--xs); padding-right:0.2rem; padding-bottom:0.2rem; } .dxhUNS:hover { color:var(--secondary-01, #f0ac47); background-color:#f0ac4757; } .MmPWO { gap:var(--s); padding-top:var(--s); padding-left:var(--s); border-radius:var(--xs); padding-right:var(--s); padding-bottom:var(--s); background-color:var(--neutral-500, #3e7098); } .fdqess { gap:var(--s); flex:1; flex-direction:row; } .cNEiwa { gap:var(--s); flex:1; color:var(--neutral-200, #A0CFF2); font-size:var(--font-size-xs); align-items:center; flex-direction:row; justify-content:center; } .ecLZjJ { right:0.2rem; cursor:pointer; position:absolute; transition:background-color 300ms ease 0ms normal, color 300ms ease 0ms normal; align-items:center; padding-top:0.2rem; aspect-ratio:1 / 1;; padding-left:0.2rem; border-radius:var(--xs); padding-right:0.2rem; padding-bottom:0.2rem; justify-content:center; background-color:var(--neutral-500, #3e7098); } .ecLZjJ:hover { color:var(--primary-01, #00E2BC); background-color:#00e2bc59; } .fxpWdI { gap:var(--s); flex:1; font-size:var(--font-size-base); align-items:center; font-family:'Maven Pro'; flex-direction:row; justify-content:center; } .VYikV { :; gap:var(--s); flex:1; color:var(--neutral-200, #A0CFF2); width:fit-content; cursor:pointer; height:fit-content; display:flex; transition:background-color 300ms ease 0ms normal, color 300ms ease 0ms normal, 300ms ease ease 0ms normal; align-items:center; padding-top:var(--s); padding-left:var(--s); border-radius:0.5rem; padding-right:var(--s); flex-direction:row; padding-bottom:var(--s); justify-content:center; background-color:var(--neutral-600, #254d6e); } .VYikV:hover { color:var(--primary-01, #00E2BC); background-color:#00e2bc4a; } .dVVZap { :; gap:var(--s); flex:1; color:var(--primary-01, #00E2BC); width:fit-content; cursor:pointer; height:fit-content; display:flex; transition:background-color 300ms ease 0ms normal, color 300ms ease 0ms normal, 300ms ease ease 0ms normal; align-items:center; padding-top:var(--s); padding-left:var(--s); border-radius:0.5rem; padding-right:var(--s); flex-direction:row; padding-bottom:var(--s); justify-content:center; background-color:var(--neutral-600, #254d6e); } .dVVZap:hover { color:var(--primary-02, #75e200); background-color:#75e20057; } .bdCbgl { top:0px; left:0px; right:0px; bottom:0px; position:fixed; pointer-events:none; }