.trm-mode-swich-animation-frame{position:fixed;width:100%;height:100%;top:0;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity 0.6s ease-in-out,background-color 0.6s ease-in-out}.trm-mode-swich-animation-frame.trm-active{opacity:1;background:var(--body-bg-color);z-index:99999}.trm-mode-swich-animation-frame.fade-out{opacity:0;background-color:transparent !important;transition:opacity 0.6s ease-in-out,background-color 0.6s ease-in-out}.trm-mode-swich-animation-frame .trm-mode-swich-animation{margin-bottom:40px;width:80px;height:55px;position:relative;overflow:hidden;text-align:center}.trm-mode-swich-animation-frame .trm-mode-swich-animation:before{content:'';height:1px;width:120%;border-bottom:dotted 5px var(--header-color);position:absolute;z-index:9;bottom:0;left:-10%}.trm-mode-swich-animation-frame .trm-mode-swich-animation .fa-sun-o,.trm-mode-swich-animation-frame .trm-mode-swich-animation .fa-moon-o{position:absolute;z-index:0;top:0;font-size:32px;margin-left:-15px;color:var(--header-color);transition:all 0.6s ease-in-out}.trm-mode-swich-animation-frame .trm-mode-swich-animation .fa-sun-o{opacity:1;transform:translateY(0)}.trm-mode-swich-animation-frame .trm-mode-swich-animation .fa-moon-o{opacity:0;transform:translateY(70px)}.dark-theme .trm-mode-swich-animation-frame .trm-mode-swich-animation .fa-sun-o{transform:translateY(70px) rotate(360deg);opacity:0}.dark-theme .trm-mode-swich-animation-frame .trm-mode-swich-animation .fa-moon-o{transform:translateY(0) rotate(360deg);opacity:1}