.day-night-switch{position:relative;display:inline-flex;align-items:center;flex-shrink:0;box-sizing:border-box;direction:ltr;width:62px;height:34px;border:1px solid #bcb6ae4d;border-radius:999px;padding:3px;background:linear-gradient(135deg,#292723,#121211);box-shadow:inset 2px 3px 6px #0005,inset -1px -1px 3px #ffffff12;cursor:pointer;transition:background .55s,border-color .55s,box-shadow .55s;isolation:isolate}.day-night-thumb{position:relative;display:block;width:26px;height:26px;flex-shrink:0;border-radius:50%;background:linear-gradient(145deg,#e0c991,#b39554);color:#3c3422;box-shadow:0 2px 6px #0004,inset 0 1px 2px #fff8;transform:translateX(28px);transition:transform .6s cubic-bezier(.34,1.35,.5,1),background .5s,box-shadow .5s}.day-night-thumb svg{position:absolute;width:17px;height:17px;inset:4.5px;transform-origin:center;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .3s}.day-night-sun{opacity:0;transform:rotate(-100deg) scale(.35)}.day-night-moon{opacity:1;transform:rotate(0) scale(1)}.day-night-switch[data-light=true]{background:linear-gradient(145deg,#fffdf6,#e8e1d2);border-color:#c7b79570;box-shadow:inset 1px 2px 5px #8b75401c,inset -1px -1px 3px #fff}.day-night-switch[data-light=true] .day-night-thumb{transform:translateX(0);background:linear-gradient(145deg,#d8b979,#b18c47);color:#fffaf0;box-shadow:0 2px 5px #79613630,inset 0 1px 2px #fff8}.day-night-switch[data-light=true] .day-night-sun{opacity:1;transform:rotate(0) scale(1)}.day-night-switch[data-light=true] .day-night-moon{opacity:0;transform:rotate(80deg) scale(.35)}.day-night-switch:hover{border-color:#bcb6ae}.day-night-switch:focus-visible{outline:2px solid #bcb6ae;outline-offset:4px}.day-night-switch:active .day-night-thumb{scale:.94}.studio-topbar button.day-night-switch{width:62px;height:34px;border-radius:999px;padding:3px;color:inherit}.studio-topbar button.day-night-switch[data-light=false]{background:linear-gradient(135deg,#292723,#121211)}.studio-topbar button.day-night-switch[data-light=true]{background:linear-gradient(145deg,#fffdf6,#e8e1d2)}@media(prefers-reduced-motion:reduce){.day-night-switch,.day-night-thumb,.day-night-thumb svg{transition:none}}.day-night-switch .day-night-thumb{background:linear-gradient(145deg,#cfcbc6,#968f88)!important;color:#302d29}.day-night-switch[data-light=true] .day-night-thumb{background:linear-gradient(145deg,#77716c,#625d58)!important;color:#faf7f1}