.mode-select-module__Hsh-ba__switcher-container{gap:8px;display:flex;position:relative}.mode-select-module__Hsh-ba__switcher{box-sizing:border-box;cursor:pointer;color:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(10px);will-change:transform,background,color,box-shadow;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:9999px;align-items:center;padding:8px 12px;font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden}.mode-select-module__Hsh-ba__switcher:before{content:"";pointer-events:none;opacity:0;will-change:transform,opacity;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%);width:200%;height:200%;transition:opacity .3s;animation:4s ease-in-out infinite mode-select-module__Hsh-ba__aneesa-liquid-wave-switcher;position:absolute;top:-50%;left:-50%}.mode-select-module__Hsh-ba__switcher:after{content:"";pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}@media (hover:hover) and (pointer:fine){.mode-select-module__Hsh-ba__switcher:hover{color:rgba(255,255,255,.9);background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);transform:scale(1.05)}.mode-select-module__Hsh-ba__switcher:hover:before{opacity:.3}.mode-select-module__Hsh-ba__switcher:hover:after{left:100%}}@media (min-width:768px){.mode-select-module__Hsh-ba__switcher{padding:8px 16px;font-size:18px}}.mode-select-module__Hsh-ba__switcher__active{-webkit-backdrop-filter:blur(10px);color:#d4af37;box-shadow:none;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);transition:all .3s cubic-bezier(.34,1.56,.64,1);animation:none;transform:scale(1.02)}body[data-mode=red] .mode-select-module__Hsh-ba__switcher__active{color:#d4af37}.mode-select-module__Hsh-ba__switcher__active:before{opacity:.5;will-change:transform,opacity;animation:3s ease-in-out infinite mode-select-module__Hsh-ba__aneesa-liquid-wave-switcher}@media (hover:hover) and (pointer:fine){.mode-select-module__Hsh-ba__switcher__active:hover{box-shadow:none;transform:scale(1.05)}}@keyframes mode-select-module__Hsh-ba__aneesa-liquid-wave-switcher{0%,to{opacity:.3;transform:translate(-50%,-50%)rotate(0)scale(1)}50%{opacity:.5;transform:translate(-50%,-50%)rotate(180deg)scale(1.3)}}@keyframes mode-select-module__Hsh-ba__aneesa-liquid-pulse{0%,to{transform:scale(1.02);box-shadow:0 0 20px rgba(244,208,63,.4),0 0 40px rgba(244,208,63,.2),0 4px 15px rgba(0,0,0,.1),inset 0 0 20px rgba(255,255,255,.15)}50%{transform:scale(1.03);box-shadow:0 0 30px rgba(244,208,63,.6),0 0 60px rgba(244,208,63,.3),0 6px 20px rgba(0,0,0,.12),inset 0 0 25px rgba(255,255,255,.2)}}.mode-select-module__Hsh-ba__switcher__legend{white-space:nowrap;clip-path:inset(100%);clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}