.bt-mode-select{background-color:transparent;display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px}
@media (max-width:991px){.bt-mode-select{padding:4px 6px;width:90px;border-radius:108px;gap:0}}
@media (min-width:992px){.bt-mode-select{padding:6px;width:98px;border-radius:98px}}
.bt-mode-select input{display:none}
.bt-mode-select input ~ .unchecked,.bt-mode-select input ~ .checked{position:relative;border-radius:40px;display:block;z-index:2}
@media (max-width:991px){.bt-mode-select input ~ .unchecked,.bt-mode-select input ~ .checked{width:36px;height:36px}}
@media (min-width:992px){.bt-mode-select input ~ .unchecked,.bt-mode-select input ~ .checked{width:40px;height:40px}}
.bt-mode-select input ~ .unchecked svg,.bt-mode-select input ~ .checked svg{width:100%;height:100%;display:block;transition:all 0.35s ease-in-out}
[data-color-scheme="light"] .bt-mode-select input ~ .unchecked svg,[data-color-scheme="light"] .bt-mode-select input ~ .checked svg{fill:#000}
[data-color-scheme="dark"] .bt-mode-select input ~ .unchecked svg,[data-color-scheme="dark"] .bt-mode-select input ~ .checked svg{fill:#fff}
.bt-mode-select input ~ .unchecked{grid-column:1;grid-row:1}
.bt-mode-select input ~ .checked{grid-column:2;grid-row:1}
.bt-mode-select input ~ .selector{position:relative;display:block;grid-column:1 / span 2;grid-row:1;z-index:1}
@media (max-width:991px){.bt-mode-select input ~ .selector{height:36px;width:90px}}
@media (min-width:992px){.bt-mode-select input ~ .selector{height:40px;width:86px}}
.bt-mode-select input ~ .selector:before{content:"";position:absolute;border-radius:40px;box-shadow:0px 15px 22px rgba(0,0,0,0.05);display:block;z-index:1;top:0;left:0}
@media (max-width:991px){.bt-mode-select input ~ .selector:before{height:36px}[data-color-scheme="light"] .bt-mode-select input ~ .selector:before{background-color:#EBEBEB}[data-color-scheme="dark"] .bt-mode-select input ~ .selector:before{background-color:var(--gray-550)}}
@media (min-width:992px){.bt-mode-select input ~ .selector:before{height:40px}[data-color-scheme="light"] .bt-mode-select input ~ .selector:before{background-color:var(--gray-150)}[data-color-scheme="dark"] .bt-mode-select input ~ .selector:before{background-color:#0f0f0f}}
.bt-mode-select input:checked ~ .selector:before{left:46px;right:0px;transition:left 0.35s ease-in-out,right 0.15s ease-in-out}
@media (max-width:991px){.bt-mode-select input:checked ~ .selector:before{left:44px;right:11px}}
.bt-mode-select input:not(:checked) ~ .selector:before{left:0px;right:46px;transition:left 0.15s ease-in-out,right 0.35s ease-in-out}
@media (max-width:991px){.bt-mode-select input:not(:checked) ~ .selector:before{right:53px}}