.theme-switch{--toggle-size:12px;--container-width:5.625em;--container-height:2.5em;--container-radius:6.25em;--container-light-bg:#3d7eae;--container-night-bg:#1d1f2c;--circle-container-diameter:3.375em;--sun-moon-diameter:2.125em;--sun-bg:#ecca2f;--moon-bg:#c4c9d1;--spot-color:#959db1;--circle-container-offset:calc((var(--circle-container-diameter) - var(--container-height)) / 2 * -1);--stars-color:#fff;--clouds-color:#f3fdff;--back-clouds-color:#aacadf;--transition:0.5s cubic-bezier(0,-0.02,0.4,1.25);--circle-transition:0.3s cubic-bezier(0,-0.02,0.35,1.17);display:inline-flex;line-height:0;flex-shrink:0;-webkit-tap-highlight-color:transparent}.theme-switch,.theme-switch *,.theme-switch :after,.theme-switch :before{box-sizing:border-box;margin:0;padding:0;font-size:var(--toggle-size)}.theme-switch__container{width:var(--container-width);height:var(--container-height);background-color:var(--container-light-bg);border-radius:var(--container-radius);overflow:hidden;cursor:pointer;box-shadow:0 -.062em .062em rgba(0,0,0,.25),0 .062em .125em hsla(0,0%,100%,.94);transition:var(--transition);position:relative}.theme-switch__container:before{content:"";position:absolute;z-index:1;inset:0;box-shadow:inset 0 .05em .187em rgba(0,0,0,.25),inset 0 .05em .187em rgba(0,0,0,.25);border-radius:var(--container-radius);pointer-events:none}.theme-switch__checkbox{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.theme-switch__circle-container{width:var(--circle-container-diameter);height:var(--circle-container-diameter);background-color:hsla(0,0%,100%,.1);position:absolute;left:var(--circle-container-offset);top:var(--circle-container-offset);border-radius:var(--container-radius);box-shadow:inset 0 0 0 3.375em hsla(0,0%,100%,.1),inset 0 0 0 3.375em hsla(0,0%,100%,.1),0 0 0 .625em hsla(0,0%,100%,.1),0 0 0 1.25em hsla(0,0%,100%,.1);display:flex;transition:var(--circle-transition);pointer-events:none}.theme-switch__sun-moon-container{pointer-events:auto;position:relative;z-index:2;width:var(--sun-moon-diameter);height:var(--sun-moon-diameter);margin:auto;border-radius:var(--container-radius);background-color:var(--sun-bg);box-shadow:inset .062em .062em .062em 0 rgba(254,255,239,.61),inset 0 -.062em .062em 0 #a1872a;filter:drop-shadow(.062em .125em .125em rgba(0,0,0,.25)) drop-shadow(0 .062em .125em rgba(0,0,0,.25));overflow:hidden;transition:var(--transition)}.theme-switch__moon{transform:translateX(100%);width:100%;height:100%;background-color:var(--moon-bg);border-radius:inherit;box-shadow:inset .062em .062em .062em 0 rgba(254,255,239,.61),inset 0 -.062em .062em 0 #969696;transition:var(--transition);position:relative}.theme-switch__spot{position:absolute;top:.75em;left:.312em;width:.75em;height:.75em;border-radius:var(--container-radius);background-color:var(--spot-color);box-shadow:inset 0 .0312em .062em rgba(0,0,0,.25)}.theme-switch__spot:nth-of-type(2){width:.375em;height:.375em;top:.937em;left:1.375em}.theme-switch__spot:nth-of-type(3){width:.25em;height:.25em;top:.312em;left:.812em}.theme-switch__clouds{width:1.25em;height:1.25em;background-color:var(--clouds-color);border-radius:var(--container-radius);position:absolute;bottom:-.625em;left:.312em;box-shadow:.937em .312em var(--clouds-color),-.312em -.312em var(--back-clouds-color),1.437em .375em var(--clouds-color),.5em -.125em var(--back-clouds-color),2.187em 0 var(--clouds-color),1.25em -.062em var(--back-clouds-color),2.937em .312em var(--clouds-color),2em -.312em var(--back-clouds-color),3.625em -.062em var(--clouds-color),2.625em 0 var(--back-clouds-color),4.5em -.312em var(--clouds-color),3.375em -.437em var(--back-clouds-color),4.625em -1.75em 0 .437em var(--clouds-color),4em -.625em var(--back-clouds-color),4.125em -2.125em 0 .437em var(--back-clouds-color);transition:.5s cubic-bezier(0,-.02,.4,1.25)}.theme-switch__stars-container{position:absolute;color:var(--stars-color);top:-100%;left:.312em;width:2.75em;height:auto;transition:var(--transition)}.theme-switch__checkbox:checked+.theme-switch__container{background-color:var(--container-night-bg)}.theme-switch__checkbox:checked+.theme-switch__container .theme-switch__circle-container{left:calc(100% - var(--circle-container-offset) - var(--circle-container-diameter))}.theme-switch__checkbox:checked+.theme-switch__container .theme-switch__circle-container:hover{left:calc(100% - var(--circle-container-offset) - var(--circle-container-diameter) - .187em)}.theme-switch__circle-container:hover{left:calc(var(--circle-container-offset) + .187em)}.theme-switch__checkbox:checked+.theme-switch__container .theme-switch__moon{transform:translate(0)}.theme-switch__checkbox:checked+.theme-switch__container .theme-switch__clouds{bottom:-4.062em}.theme-switch__checkbox:checked+.theme-switch__container .theme-switch__stars-container{top:50%;transform:translateY(-50%)}.theme-switch__checkbox:disabled+.theme-switch__container{opacity:.7;cursor:wait}.profile-menu.template{--fill:transparent;--fill-hover:rgba(192,163,89,.18);--fill-active:#171b30;--txt:#e8e2d8;--br:0.625rem;--gap:0.25rem;--popup-bg:#111422;--popup-border:#252837;display:flex;padding:0;margin:0;box-sizing:border-box;font-size:.9rem;color:var(--txt)}.profile-menu .button{position:relative;display:block;list-style:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;border:0;cursor:pointer;text-decoration:none;font-size:inherit;color:inherit;white-space:nowrap;width:100%;padding:calc(var(--gap) * 2.5) calc(var(--gap) * 6) calc(var(--gap) * 2.5) calc(var(--gap) * 4);text-align:left;background-color:var(--fill);border-radius:calc(var(--br) / 1.5);transition:background-color .4s ease;font-weight:500;letter-spacing:.02em}.profile-menu .button:hover{background-color:var(--fill-hover);color:#f0d48a}.profile-menu .button.quit:hover{background-color:#962434;color:#fff}.profile-menu .button.active,.profile-menu .button:active,.profile-menu .button:focus{background-color:var(--fill-active)}.profile-menu hr{margin:.55rem .65rem;border:0;border-top:1px dashed #3a3f52}.profile-menu .popup{position:relative}.profile-menu .popup-header{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:calc(var(--gap) * 3);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid hsla(39,46%,61%,.35);background:hsla(0,0%,100%,.72);border-radius:999px;padding:.2rem .7rem .2rem .2rem;cursor:pointer;color:#1a1a2e;transition:border-color .3s ease,box-shadow .3s ease,background-color .3s ease}.profile-menu .popup-header:hover,.profile-menu .popup.open .popup-header{border-color:hsla(39,46%,61%,.7);box-shadow:0 4px 18px hsla(39,46%,61%,.18)}.profile-menu .popup-header-name{display:none;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:#2f3358;padding-right:.25rem}html.dark .profile-menu .popup-header{background:hsla(0,0%,100%,.06);border-color:hsla(39,46%,61%,.4);color:#e8e2d8}html.dark .profile-menu .popup-header:hover,html.dark .profile-menu .popup.open .popup-header{border-color:hsla(39,46%,61%,.75);background:hsla(39,46%,61%,.1);box-shadow:0 4px 20px hsla(39,46%,61%,.16)}html.dark .profile-menu .popup-header-name{color:#e8e2d8}@media (min-width:640px){.profile-menu .popup-header-name{display:inline}}.profile-menu .popup-main{position:absolute;top:100%;right:0;z-index:50;opacity:0;visibility:hidden;pointer-events:none;margin-top:var(--gap);border-radius:var(--br);padding:0 calc(var(--gap) * 1.5);background-color:var(--popup-bg);box-shadow:var(--popup-border) 0 0 0 1px,0 16px 40px rgba(0,0,0,.28);transition:opacity .35s ease,margin-top .35s ease,visibility .35s ease;overflow:hidden;width:14.5rem;max-height:0}.profile-menu .popup.open .popup-main,.profile-menu .popup:focus-within .popup-main{margin-top:.75rem;opacity:1;visibility:visible;pointer-events:auto;max-height:22rem}.profile-menu .list-box{scrollbar-width:none;scroll-behavior:smooth;overscroll-behavior:contain;overflow:auto;display:flex;flex-direction:column;padding:calc(var(--gap) * 2.5) 0 calc(var(--gap) * 3) 0;gap:.1rem}.profile-menu .list-box::-webkit-scrollbar{display:none}.profile-menu .list-label{padding:.35rem calc(var(--gap) * 4) .5rem;font-size:.65rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#c9a96e}