:root{--theme-toggle-background:#1e1e1e;--theme-toggle-sun:gold;--theme-toggle-moon:#fff;--theme-toggle-ball:#fff}.rht-sun{opacity:1;color:var(--theme-toggle-sun);transition:all .3s}.rht-moon{opacity:0;color:var(--theme-toggle-moon);transition:all .3s;transform:translate(2.6875rem)rotate(250deg)}.rht-ball{background:var(--theme-toggle-ball);border-radius:50%;width:1.5625rem;height:1.5625rem;transition:all .3s;display:block;position:absolute;top:.3125rem;left:.3125rem}.rht-switch{display:none}.rht-switch:checked+label .rht-sun{opacity:0;transform:translate(-2.375rem)rotate(160deg)}.rht-switch:checked+label .rht-moon{opacity:1;transform:translate(0)rotate(0)}.rht-switch:checked+label .rht-ball{transform:translate(2.375rem)}.rht-label{box-sizing:border-box;background:var(--theme-toggle-background);cursor:pointer;border-radius:1.125rem;justify-content:space-between;align-items:center;width:4.625rem;height:2.1875rem;padding:0 .375rem;display:flex;position:relative}