.darkModeToggleDivContainer{cursor:pointer;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:relative}.darkModeToggleDivContainer .firstSquare{z-index:1;background:#fff;border-radius:2px;width:100%;height:100%;transition:transform .4s;position:absolute;transform:rotate(-90deg)}.darkModeToggleDivContainer .secondSquare{z-index:2;background:#fff;border-radius:2px;width:100%;height:100%;transition:transform .4s;position:absolute;transform:rotate(135deg)}.darkModeToggleDivContainer .outerCircle{z-index:3;background:#12131b;border-radius:50%;width:64%;height:64%;position:absolute}.darkModeToggleDivContainer .innerCircle{z-index:4;background:#fff;border-radius:50%;width:56%;height:56%;margin-left:-32%;transition:margin .4s;position:absolute}.lightModeToggleDivContainer{cursor:pointer;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:relative}.lightModeToggleDivContainer .firstSquare{z-index:1;background:#fff;border-radius:2px;width:100%;height:100%;transition:transform .4s;position:absolute;transform:rotate(90deg)}.lightModeToggleDivContainer .secondSquare{z-index:2;background:#fff;border-radius:2px;width:100%;height:100%;transition:transform .4s;position:absolute;transform:rotate(-45deg)}.lightModeToggleDivContainer .outerCircle{z-index:3;background:#1264a3;border-radius:50%;width:64%;height:64%;position:absolute}.lightModeToggleDivContainer .innerCircle{z-index:4;background:#fff;border-radius:50%;width:48%;height:48%;transition:margin .4s;position:absolute}