.button-module__EvkXNW__button{box-sizing:border-box;cursor:pointer;background-color:color-mix(in srgb,var(--c-glass)12%,transparent);-webkit-backdrop-filter:blur(8px)saturate(var(--saturation));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c-light)calc(var(--glass-reflex-light)*10%),transparent),inset 1.8px 3px 0px -2px color-mix(in srgb,var(--c-light)calc(var(--glass-reflex-light)*90%),transparent),inset -2px -2px 0px -2px color-mix(in srgb,var(--c-light)calc(var(--glass-reflex-light)*80%),transparent),inset -3px -8px 1px -6px color-mix(in srgb,var(--c-light)calc(var(--glass-reflex-light)*60%),transparent),inset -.3px -1px 4px 0px color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*12%),transparent),inset -1.5px 2.5px 0px -2px color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*20%),transparent),inset 0px 3px 4px -2px color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*20%),transparent),inset 2px -6.5px 1px -4px color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*10%),transparent),0px 1px 5px 0px color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*10%),transparent),0px 6px 16px 0px color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*8%),transparent);border:none;border-radius:99em;align-items:center;padding:13px 16px;font-size:20px;transition:all .4s cubic-bezier(1,0,.4,1),box-shadow .4s cubic-bezier(1,0,.4,1);display:flex;position:relative}.button-module__EvkXNW__button:hover{color:var(--primary-color);scale:1.05}
body{--c-glass:#bbbbbc;--c-light:#fff;--c-dark:#000;--c-content:#224;--c-action:#0052f5;--c-bg:#e8e8e9;--glass-reflex-dark:1;--glass-reflex-light:1;--saturation:150%}.mode-select-module__Hsh-ba__switcher-container{gap:8px;display:flex}.mode-select-module__Hsh-ba__switcher{box-sizing:border-box;cursor:pointer;border:none;border-radius:99em;align-items:center;padding:8px 12px;font-size:14px;transition:all .6s cubic-bezier(.4,0,.2,1),box-shadow .6s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),background-color .6s cubic-bezier(.4,0,.2,1),color .6s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.mode-select-module__Hsh-ba__switcher:before{content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);width:100%;height:100%;transition:left .6s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:-100%}.mode-select-module__Hsh-ba__switcher:hover:before{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{background-color:color-mix(in srgb,var(--c-glass)12%,transparent);-webkit-backdrop-filter:blur(8px)saturate(var(--saturation));color:var(--primary-color);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c-light)calc(var(--glass-reflex-light)*10%),transparent),inset 1.8px 3px 0px -2px color-mix(in srgb,var(--c-light)calc(var(--glass-reflex-light)*90%),transparent),inset -2px -2px 0px -2px color-mix(in srgb,var(--c-light)calc(var(--glass-reflex-light)*80%),transparent),inset -3px -8px 1px -6px color-mix(in srgb,var(--c-light)calc(var(--glass-reflex-light)*60%),transparent),inset -.3px -1px 4px 0px color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*12%),transparent),inset -1.5px 2.5px 0px -2px color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*20%),transparent),inset 0px 3px 4px -2px color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*20%),transparent),inset 2px -6.5px 1px -4px color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*10%),transparent),0px 1px 5px 0px color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*10%),transparent),0px 6px 16px 0px color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*8%),transparent);animation:2s ease-in-out infinite mode-select-module__Hsh-ba__activePulse;transform:scale(1.02)}.mode-select-module__Hsh-ba__switcher__active:hover{transform:scale(1.08)}@keyframes mode-select-module__Hsh-ba__activePulse{0%,to{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c-light)calc(var(--glass-reflex-light)*10%),transparent),inset 1.8px 3px 0px -2px color-mix(in srgb,var(--c-light)calc(var(--glass-reflex-light)*90%),transparent),inset -2px -2px 0px -2px color-mix(in srgb,var(--c-light)calc(var(--glass-reflex-light)*80%),transparent),inset -3px -8px 1px -6px color-mix(in srgb,var(--c-light)calc(var(--glass-reflex-light)*60%),transparent),inset -.3px -1px 4px 0px color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*12%),transparent),inset -1.5px 2.5px 0px -2px color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*20%),transparent),inset 0px 3px 4px -2px color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*20%),transparent),inset 2px -6.5px 1px -4px color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*10%),transparent),0px 1px 5px 0px color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*10%),transparent),0px 6px 16px 0px color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*8%),transparent)}50%{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c-light)calc(var(--glass-reflex-light)*15%),transparent),inset 1.8px 3px 0px -2px color-mix(in srgb,var(--c-light)calc(var(--glass-reflex-light)*95%),transparent),inset -2px -2px 0px -2px color-mix(in srgb,var(--c-light)calc(var(--glass-reflex-light)*85%),transparent),inset -3px -8px 1px -6px color-mix(in srgb,var(--c-light)calc(var(--glass-reflex-light)*65%),transparent),inset -.3px -1px 4px 0px color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*15%),transparent),inset -1.5px 2.5px 0px -2px color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*25%),transparent),inset 0px 3px 4px -2px color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*25%),transparent),inset 2px -6.5px 1px -4px color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*15%),transparent),0px 2px 8px 0px color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*15%),transparent),0px 8px 20px 0px color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*12%),transparent)}}.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}