.toggle-container{display:flex;justify-content:center;align-items:center;gap:12px;cursor:pointer}.toggle-container .icon-left,.toggle-container .icon-right{font-size:20px;transition:color .3s ease}.toggle-switch{width:100px;height:40px;position:relative}.track{width:100%;height:100%;background:var(--toggle-track);box-shadow:inset 2px 4px black;border-radius:34px;border:2px solid black;position:relative;transition:background .3s ease,box-shadow .3s ease}.thumb{width:32px;height:32px;background:var(--toggle-thumb);box-shadow:2px 4px black;border-radius:50%;border:2px solid black;position:absolute;top:1px;left:-1px;transition:transform .3s ease,background .3s ease,box-shadow .3s ease}.toggle-switch.active .thumb{transform:translateX(66px)}.menu-overlay{position:fixed;inset:0;z-index:1000;background:var(--hamburger-bg);backdrop-filter:blur(6px);display:grid;place-content:center;gap:1rem;opacity:0;pointer-events:none;height:100vh;width:100vw;transition:opacity .2s ease,transform .2s ease}.menu-overlay.open{opacity:1;pointer-events:auto;transform:scale(1)}.menu-close{position:absolute;top:1rem;right:1rem}