.sw-toggle{position:relative;display:inline-block;width:104px;height:48px;cursor:pointer;-webkit-user-select:none;user-select:none;overflow:visible;transform:scale(.62);transform-origin:left center;-webkit-tap-highlight-color:transparent}.sw-toggle input{position:absolute;width:1px;height:1px;opacity:0;margin:0}.sw-track{position:absolute;inset:0;border-radius:999px;overflow:hidden;background:linear-gradient(180deg,#56a8dc,#9ed3f1);box-shadow:inset 0 2px 6px #00000038,0 1px 2px #00000026;transition:background .5s ease;z-index:1}.sw-toggle input:checked+.sw-track{background:linear-gradient(180deg,#0a1330,#21346b)}.dark .sw-track{box-shadow:inset 0 2px 6px #00000038,0 0 0 1.5px #ffffff29,0 2px 10px #00000073}.dark .sw-toggle input:checked+.sw-track{background:linear-gradient(180deg,#142150,#2b4486)}.sw-ground{position:absolute;left:0;right:0;bottom:0;height:34%;background:#c89c63;box-shadow:0 -1px 2px #0000001f;transition:background .5s ease}.sw-toggle input:checked+.sw-track .sw-ground{background:#241c2b}.sw-sun{position:absolute;top:9px;right:18px;width:17px;height:17px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#fff 55%,#fdf4dc);box-shadow:0 0 10px 4px #ffffffbf;transition:opacity .4s ease,transform .5s ease}.sw-sun2{position:absolute;top:21px;right:13px;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#ff9b4a,#e8631f);box-shadow:0 0 7px 2px #e8631f8c;transition:opacity .4s ease,transform .5s ease}.sw-toggle input:checked+.sw-track .sw-sun,.sw-toggle input:checked+.sw-track .sw-sun2{opacity:0;transform:translateY(-14px)}.sw-moon{position:absolute;top:13px;left:16px;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 38% 35%,#f1f4f8,#c4cdd8);box-shadow:0 0 8px 2px #e7ecf266;opacity:0;transform:translateY(-14px);transition:opacity .4s ease,transform .5s ease}.sw-moon:before,.sw-moon:after{content:"";position:absolute;border-radius:50%;background:#96a0ad99}.sw-moon:before{width:4px;height:4px;top:4px;left:9px}.sw-moon:after{width:3px;height:3px;top:10px;left:4px}.sw-toggle input:checked+.sw-track .sw-moon{opacity:1;transform:translateY(0)}.sw-clouds{position:absolute;inset:0;transition:opacity .4s ease}.sw-clouds i{position:absolute;background:#ffffffeb;border-radius:999px}.sw-clouds i:nth-child(1){width:22px;height:7px;top:19px;right:8px}.sw-clouds i:nth-child(2){width:14px;height:6px;top:13px;right:24px}.sw-toggle input:checked+.sw-track .sw-clouds{opacity:0}.sw-stars{position:absolute;inset:0;opacity:0;transition:opacity .5s ease}.sw-stars i{position:absolute;width:2px;height:2px;border-radius:50%;background:#fff;box-shadow:0 0 3px #fff}.sw-stars i:nth-child(1){top:8px;left:12px}.sw-stars i:nth-child(2){top:16px;left:34px}.sw-stars i:nth-child(3){top:7px;left:40px}.sw-stars i:nth-child(4){top:24px;left:24px}.sw-stars i:nth-child(5){top:11px;left:52px}.sw-toggle input:checked+.sw-track .sw-stars{opacity:1}.bb8{position:absolute;left:3px;bottom:4px;width:40px;height:50px;z-index:2;transition:transform .55s cubic-bezier(.6,.2,.2,1)}.sw-toggle input:checked~.bb8{transform:translate(58px)}.bb8__body{position:absolute;bottom:0;left:2px;width:36px;height:36px;border-radius:50%;background:radial-gradient(circle at 50% 40%,#fff 0 60%,#ededed);box-shadow:inset 0 -3px 6px #0000001f,0 3px 5px #0000004d;overflow:hidden;transition:transform .6s cubic-bezier(.6,.2,.2,1)}.sw-toggle input:checked~.bb8 .bb8__body{transform:rotate(360deg)}.bb8__arc{position:absolute;top:50%;left:50%;width:30px;height:30px;box-sizing:border-box;border-radius:50%;border:2.5px solid transparent;transform:translate(-50%,-50%)}.bb8__arc--top{border-top-color:#e8801f;border-bottom-color:#e8801f}.bb8__arc--side{width:30px;height:30px;border-left-color:#e8801f;border-right-color:#e8801f;transform:translate(-50%,-50%) rotate(38deg)}.bb8__dot{position:absolute;top:50%;width:3px;height:3px;border-radius:50%;background:#e8801f;transform:translateY(-50%)}.bb8__dot--l{left:3.5px}.bb8__dot--r{right:3.5px}.bb8__disc{position:absolute;top:50%;left:50%;width:20px;height:20px;box-sizing:border-box;border-radius:50%;border:3.5px solid #e8801f;background:#fff;transform:translate(-50%,-50%);z-index:2}.bb8__pupil{position:absolute;top:50%;left:50%;width:9px;height:9px;box-sizing:border-box;border-radius:50%;border:2px solid #e8801f;background:#c9ced2;transform:translate(-50%,-50%)}.bb8__pupil:after{content:"";position:absolute;top:50%;left:50%;width:2.5px;height:2.5px;border-radius:50%;background:#e8801f;transform:translate(-50%,-50%)}.bb8__head{position:absolute;top:1px;left:50%;width:24px;height:14px;box-sizing:border-box;border-radius:13px 13px 4px 4px;background:linear-gradient(#f5f5f5,#e3e3e3);border:1.5px solid #d3d3d3;overflow:hidden;transform:translate(-50%);z-index:3}.bb8__head:before{content:"";position:absolute;bottom:3px;left:0;right:0;height:2.5px;background:#e8801f}.bb8__head:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:#b9bcc0}.bb8__eye{position:absolute;border-radius:50%;background:#1e1e1e;z-index:2}.bb8__eye--big{top:3px;left:6px;width:5px;height:5px;border:1px solid #8a8a8a}.bb8__eye--small{top:4px;left:14px;width:2.5px;height:2.5px}.bb8__antenna{position:absolute;top:-7px;left:calc(50% - 3px);width:1.5px;height:8px;background:#2e2e2e;z-index:3}.bb8__antenna:after{content:"";position:absolute;left:5px;top:3px;width:1.5px;height:5px;background:#2e2e2e}