:root{--primary-color: #078de6;--primary-color-dark: #246b9a;--secondary-color: #078de6;--secondary-color-dark: #246b9a;--secondary-color-darkest: #246b9a65;--bg-color: white;--color: #333;--hyperlink: #3498db;--box_shadow: rgba(0, 0, 0, .1);--font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--nav-bg: #343a40;--nav-text: #fff;--nav-link: #aaa;--nav-logo: #fff;--nav-active: #fff;--dropdown-bg: #fff;--dropdown-text: #000;--user-button-text: #fff}[data-theme=dark]{--primary-color: #2ecc71;--primary-color-dark: #229150;--secondary-color: #2ecc71;--secondary-color-dark: #27ae60;--secondary-color-darkest: #27ae5f61;--bg-color: #000;--color: #e0e0e0b5;--hyperlink: #3498db;--box_shadow: #9494b8;--nav-bg: #222;--nav-text: #eee;--nav-link: #ddd;--nav-logo: #eee;--nav-active: #eee;--dropdown-bg: #333;--dropdown-text: #eee;--user-button-text: #eee}body{margin:0;font-family:var(--font-family);background-color:var(--bg-color);color:var(--color)}.container{max-width:960px;margin:0 auto;padding:0 1em}input,textarea{background-color:var(--bg-color);color:var(--color);border:1px solid var(--primary-color-dark);padding:.5em;border-radius:4px}nav{position:sticky;top:0;background-color:var(--nav-bg);color:var(--nav-text);padding:.5em 1em;box-shadow:0 2px 4px var(--box_shadow);display:flex;align-items:center;justify-content:space-between}nav .container{display:flex;align-items:center}nav .logo h1{margin:0;font-size:1.5em;font-weight:400;color:var(--nav-logo)}nav ul{display:flex;margin:0;list-style:none;padding:0 18px}nav ul li{margin-right:20px}nav ul li a{text-decoration:none;color:var(--nav-link);padding:.5em;border-radius:4px}nav ul li a.active,nav ul li a:hover{background-color:var(--primary-color);color:var(--nav-active)}.main-group,.ecommerce-group,.chatbot-group{display:flex;flex-direction:column;align-items:center}.group-box{display:flex;border:1px solid var(--nav-link);padding:5px;border-radius:4px}.group-box li{margin-right:5px}.group-box li:last-child{margin-right:0}.group-box a{display:block;padding:2px 4px}.theme-toggle{display:flex;flex-direction:column;align-items:center}li.relative:hover .dropdown{display:block}nav{z-index:1001}nav ul.open{z-index:1002}nav .hamburger{display:none;background:none;border:none;cursor:pointer;padding:0;margin-left:1em}nav .bar{display:block;width:25px;height:3px;background-color:var(--nav-text);margin:5px 0}.group-label{color:var(--nav-text);font-size:.9em;margin-bottom:5px;height:18px;line-height:1}@media (max-width: 768px){.container{max-width:100%;padding:0 .5em}nav .container{flex-wrap:wrap;justify-content:center}nav .hamburger{display:block;align-self:center;padding-top:16px}nav ul{display:none;width:100%;padding:.5em}nav ul.open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background-color:var(--nav-bg);z-index:1000;align-items:center}nav ul li{margin-right:0;margin-bottom:10px}.group-box{flex-direction:column;align-items:center}.group-box li{margin-right:0;margin-bottom:5px}.theme-toggle{margin-top:10px}.group-label{height:auto}}@media (max-width: 480px){nav .logo h1{font-size:1.2em}nav ul li{margin-bottom:8px}nav ul li a{padding:.4em}}svg.svelte-1y9hoyx{transition-duration:.3s}svg.svelte-1y9hoyx:hover{color:#000}svg.svelte-rw3rqi{transition-duration:.3s}svg.svelte-rw3rqi:hover{color:#ff0}.dropdown.svelte-uoct51{display:none;position:absolute;background-color:var(--dropdown-bg);color:var(--dropdown-text);padding:1em;border-radius:8px;top:100%;left:0;white-space:nowrap}.user-button.svelte-uoct51{background:none;border:none;color:var(--user-button-text);cursor:pointer;font-size:1em}