.moon-container[data-v-d16d869f]{--size:30px;--duration:.5s;--shine-id:1;--background-color-light:#f8fafb;--background-color-dark:#232e2f;--moon-color:#9aa7b4;--sun-color:gold;cursor:pointer;height:30px;height:var(--size);overflow:hidden;width:30px;width:var(--size)}.moon[data-v-d16d869f],.moon-container[data-v-d16d869f]{display:block;position:relative}.moon[data-v-d16d869f]{background:var(--moon-color);border-radius:50%;height:100%;transform:scale(.75);transition:all var(--duration);width:100%;z-index:1}.moon[data-v-d16d869f]:after{background-color:var(--background-color-light);border-radius:50%;content:"";display:block;height:var(--size);position:absolute;right:calc(var(--size)/-3);top:calc(var(--size)/-4);transition-delay:.1s;transition-duration:var(--duration);transition-property:right,top,width,height,transform;width:var(--size)}html.dark .moon[data-v-d16d869f]{background-color:var(--sun-color);transform:scale(.6)}html.dark .moon[data-v-d16d869f]:after{background-color:var(--background-color-dark);height:0;transform:scale(.6);width:0}.straaltje[data-v-d16d869f]{--width:calc(var(--size)/10);--height:calc(var(--size)/10);background-color:gold;border-radius:50%;height:calc(var(--size)/10);height:var(--height);left:calc(50% - 2.5px);opacity:0;position:absolute;top:0;transform:rotate(calc(30deg*var(--shine-id))) translateY(calc(var(--size)/10));transform:rotate(calc(30deg*var(--shine-id))) translateY(var(--width));transform-origin:2.5px calc(var(--size)/2);transition:all var(--duration);width:calc(var(--size)/10);width:var(--width);z-index:50}html.dark .straaltje[data-v-d16d869f]{opacity:1;transform:rotate(calc(30deg*var(--shine-id)))}