.theme-toggle{position:relative;display:inline-flex;flex-shrink:0}.theme-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:content-box;width:68px;height:36px;margin:0;padding:0;border:1px solid var(--color-border);border-radius:9999px;cursor:pointer;position:relative;background:var(--color-bg-alt)}.theme-checkbox:before{content:"";position:absolute;width:28px;height:28px;top:calc((36px - 28px) / 2);left:4px;border-radius:50%;background:var(--color-primary);transition:left .3s ease}.theme-checkbox:checked:before{left:36px}.theme-toggle__icons{position:absolute;top:1px;left:1px;width:68px;height:36px;display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-items:center;pointer-events:none;z-index:1}.theme-toggle__icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-top:-.25px;transition:color .2s}.theme-toggle__icon svg{width:100%;height:100%;display:block}.theme-toggle__icon--left{color:var(--color-text-inverse);margin-left:2px}.theme-toggle__icon--right{margin-right:2px}.theme-checkbox:checked~.theme-toggle__icons .theme-toggle__icon--left,.theme-toggle__icon--right{color:var(--color-text-muted)}.theme-checkbox:checked~.theme-toggle__icons .theme-toggle__icon--right{color:var(--color-text-inverse)}