.theme-switcher{position:fixed;top:0;left:0;z-index:999999;width:280px;height:100vh;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:-webkit-transform .35s ease;transition:-webkit-transform .35s ease;transition:transform .35s ease;transition:transform .35s ease, -webkit-transform .35s ease;overflow:visible}.theme-switcher.hide-switcher{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.theme-switcher .showhide{position:absolute;right:-48px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:48px;height:48px;margin:0;padding:0;border:0;border-radius:0 10px 10px 0;background:var(--theme-color-1);color:#fff;cursor:pointer;z-index:3;-webkit-box-shadow:3px 4px 16px rgba(0,0,0,.28);box-shadow:3px 4px 16px rgba(0,0,0,.28);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.theme-switcher .showhide i{font-size:18px;line-height:1}.theme-switcher .showhide:hover,.theme-switcher .showhide:focus-visible{background:var(--theme-color-1-dark, var(--theme-color-1));outline:none}.theme-switcher .theme-switcher-panel{height:100%;background:var(--theme-surface, #fff);border-right:1px solid rgba(0,0,0,.08);border-radius:0;padding:24px 18px 20px;-webkit-box-shadow:8px 0 32px rgba(0,0,0,.16);box-shadow:8px 0 32px rgba(0,0,0,.16);overflow-x:hidden;overflow-y:auto}.theme-switcher .switcher-title{display:block;margin:0 0 18px;padding:0 2px 14px;border-bottom:1px solid rgba(0,0,0,.08);color:var(--theme-text, #080602);font-size:13px;font-weight:700;letter-spacing:.64px;text-transform:uppercase;text-align:left}.theme-switcher .switcher-label{display:block;margin:0 0 10px;color:var(--theme-text-muted, #666);font-size:10px;font-weight:700;letter-spacing:2.24px;text-transform:uppercase}.theme-switcher .switcher-colors{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(4, 1fr);gap:10px}.theme-switcher .switcher-modes{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.theme-switcher .switcher-font-select{display:block;width:100%;margin:0 0 18px;padding:10px 36px 10px 12px;border:1px solid rgba(0,0,0,.12);border-radius:10px;background-color:var(--theme-bg, #fff);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23666' d='M1.4.6 6 5.2 10.6.6 12 2 6 8 0 2z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:12px 8px;color:var(--theme-text, #080602);font-size:13px;font-weight:500;line-height:1.3;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;-webkit-transition:border-color .2s ease,-webkit-box-shadow .2s ease;transition:border-color .2s ease,-webkit-box-shadow .2s ease;transition:border-color .2s ease,box-shadow .2s ease;transition:border-color .2s ease,box-shadow .2s ease,-webkit-box-shadow .2s ease}.theme-switcher .switcher-font-select:last-of-type{margin-bottom:0}.theme-switcher .switcher-font-select:hover{border-color:var(--theme-color-1)}.theme-switcher .switcher-font-select:focus{border-color:var(--theme-color-1);outline:none;-webkit-box-shadow:0 0 0 3px rgba(var(--theme-color-1-rgb), 0.18);box-shadow:0 0 0 3px rgba(var(--theme-color-1-rgb), 0.18)}.theme-switcher .switcher-font-select option{background:var(--theme-surface, #fff);color:var(--theme-text, #080602)}.theme-switcher .switcher-colors li,.theme-switcher .switcher-modes li{margin:0;padding:0}.theme-switcher .switcher-colors button{position:relative;display:block;width:100%;aspect-ratio:1;border:2px solid rgba(0,0,0,0);border-radius:10px;background:var(--swatch, #ccc);cursor:pointer;padding:0;-webkit-box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);-webkit-transition:border-color .2s ease,-webkit-box-shadow .2s ease;transition:border-color .2s ease,-webkit-box-shadow .2s ease;transition:border-color .2s ease,box-shadow .2s ease;transition:border-color .2s ease,box-shadow .2s ease,-webkit-box-shadow .2s ease}.theme-switcher .switcher-colors button span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.theme-switcher .switcher-colors button:hover{border-color:rgba(0,0,0,.25)}.theme-switcher .switcher-colors button.is-active{border-color:var(--theme-text, #080602);-webkit-box-shadow:0 0 0 2px var(--theme-surface, #fff),0 0 0 4px var(--theme-color-1);box-shadow:0 0 0 2px var(--theme-surface, #fff),0 0 0 4px var(--theme-color-1)}.theme-switcher .switcher-colors button.theme-default{--swatch: #c45f12}.theme-switcher .switcher-colors button.theme-blue{--swatch: #2f6f84}.theme-switcher .switcher-colors button.theme-purple{--swatch: #6a4190}.theme-switcher .switcher-colors button.theme-pink{--swatch: #b8327e}.theme-switcher .switcher-colors button.theme-green{--swatch: #2f7540}.theme-switcher .switcher-colors button.theme-red{--swatch: #d32f2f}.theme-switcher .switcher-colors button.theme-teal{--swatch: #0f766e}.theme-switcher .switcher-colors button.theme-charcoal{--swatch: #3a3a3a}.theme-switcher .switcher-colors button.theme-navy{--swatch: #151c6b}.theme-switcher .switcher-colors button.theme-forest{--swatch: #163628}.theme-switcher .switcher-colors button.theme-indigo{--swatch: #4f46e5}.theme-switcher .switcher-colors button.theme-rosegold{--swatch: #8f555e}.theme-switcher .switcher-modes button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:8px;width:100%;min-height:40px;border:1px solid rgba(0,0,0,.1);border-radius:10px;background:var(--theme-bg, #fff);color:var(--theme-text, #080602);font-size:12px;font-weight:600;cursor:pointer;padding:8px 10px;-webkit-transition:border-color .2s ease,background .2s ease,color .2s ease;transition:border-color .2s ease,background .2s ease,color .2s ease}.theme-switcher .switcher-modes button::before{content:"";width:12px;height:12px;border-radius:50%;-ms-flex-negative:0;flex-shrink:0;-webkit-box-sizing:border-box;box-sizing:border-box}.theme-switcher .switcher-modes button.mode-light::before{background:#f5f5f5;border:1px solid #bbb}.theme-switcher .switcher-modes button.mode-dark::before{background:#1a1a1a;border:1px solid #666}.theme-switcher .switcher-modes button:hover{border-color:var(--theme-color-1)}.theme-switcher .switcher-modes button.is-active{border-color:var(--theme-color-1);background:rgba(var(--theme-color-1-rgb), 0.12);color:var(--theme-color-1)}[data-theme=dark] .theme-switcher .theme-switcher-panel{background:var(--theme-surface);border-right-color:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.08);-webkit-box-shadow:8px 0 32px rgba(0,0,0,.45);box-shadow:8px 0 32px rgba(0,0,0,.45)}[data-theme=dark] .theme-switcher .switcher-title{border-bottom-color:hsla(0,0%,100%,.1);color:var(--theme-text)}[data-theme=dark] .theme-switcher .switcher-label{color:var(--theme-text-muted)}[data-theme=dark] .theme-switcher .switcher-font-select{background-color:var(--theme-bg);border-color:hsla(0,0%,100%,.12);color:var(--theme-text);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23a3a3a3' d='M1.4.6 6 5.2 10.6.6 12 2 6 8 0 2z'/%3E%3C/svg%3E")}[data-theme=dark] .theme-switcher .switcher-font-select option{background:var(--theme-surface);color:var(--theme-text)}[data-theme=dark] .theme-switcher .switcher-colors button{-webkit-box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.15);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.15)}[data-theme=dark] .theme-switcher .switcher-colors button:hover{border-color:hsla(0,0%,100%,.35)}[data-theme=dark] .theme-switcher .switcher-colors button.is-active{border-color:#fff;-webkit-box-shadow:0 0 0 2px var(--theme-surface),0 0 0 4px var(--theme-color-1);box-shadow:0 0 0 2px var(--theme-surface),0 0 0 4px var(--theme-color-1)}[data-theme=dark] .theme-switcher .switcher-modes button{background:var(--theme-bg);border-color:hsla(0,0%,100%,.12);color:var(--theme-text)}[data-theme=dark] .theme-switcher .switcher-modes button.is-active{border-color:var(--theme-color-1);background:rgba(var(--theme-color-1-rgb), 0.18);color:var(--theme-color-1)}