.module--dark-mode-toggle .module--dark-mode-toggle__toggle{all:unset;align-items:center;border:1px solid var(--black-color);border-radius:var(--button-border-radius);cursor:pointer;display:flex;flex-flow:column;justify-content:center;min-height:calc(var(--spacing-base)*8);min-width:calc(var(--spacing-base)*8*2)}.module--dark-mode-toggle .module--dark-mode-toggle__toggle .module--dark-mode-toggle__toggle-icon{all:unset;background:var(--black-color);border:1px solid;border-radius:var(--button-border-radius);display:inline-flex;margin-right:calc(100% - var(--spacing-base)*8);min-height:calc(var(--spacing-base)*8 - 8px);min-width:calc(var(--spacing-base)*8 - 8px);overflow:hidden;pointer-events:none;position:relative;transition:margin var(--normal-transition) ease-in-out;z-index:1}.module--dark-mode-toggle .module--dark-mode-toggle__toggle.module--dark-mode-toggle__toggle--enabled .module--dark-mode-toggle__toggle-icon{margin-left:calc(100% - var(--spacing-base)*8);margin-right:unset}.module--dark-mode-toggle .module--dark-mode-toggle__toggle .module--dark-mode-toggle__toggle-icon .circle{background:var(--white-color);border-radius:50%;height:calc(var(--spacing-base)*8/3);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(0);transition:transform var(--normal-transition) ease-in-out;width:calc(var(--spacing-base)*8/3)}.module--dark-mode-toggle .module--dark-mode-toggle__toggle.module--dark-mode-toggle__toggle--enabled .module--dark-mode-toggle__toggle-icon .circle{transform:translate(-50%,-50%) rotate(180deg)}.module--dark-mode-toggle .module--dark-mode-toggle__toggle .module--dark-mode-toggle__toggle-icon .rays{height:calc(var(--spacing-base)*8/2);left:50%;opacity:1;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity var(--normal-transition) ease-in-out;width:calc(var(--spacing-base)*8/2);z-index:-1}.module--dark-mode-toggle .module--dark-mode-toggle__toggle.module--dark-mode-toggle__toggle--enabled .module--dark-mode-toggle__toggle-icon .rays{opacity:0}.module--dark-mode-toggle .module--dark-mode-toggle__toggle .module--dark-mode-toggle__toggle-icon .rays.even{transform:translate(-50%,-50%) rotate(45deg)}.module--dark-mode-toggle .module--dark-mode-toggle__toggle .module--dark-mode-toggle__toggle-icon .ray{background:var(--white-color);border-radius:50%;height:2px;position:absolute;width:2px;z-index:-1}.module--dark-mode-toggle .module--dark-mode-toggle__toggle .module--dark-mode-toggle__toggle-icon .ray:first-child{left:50%;top:0;transform:translateX(-50%)}.module--dark-mode-toggle .module--dark-mode-toggle__toggle .module--dark-mode-toggle__toggle-icon .ray:nth-child(2){right:0;top:50%;transform:translateY(-50%)}.module--dark-mode-toggle .module--dark-mode-toggle__toggle .module--dark-mode-toggle__toggle-icon .ray:nth-child(3){bottom:0;left:50%;transform:translateX(-50%)}.module--dark-mode-toggle .module--dark-mode-toggle__toggle .module--dark-mode-toggle__toggle-icon .ray:nth-child(4){left:0;top:50%;transform:translateY(-50%)}.module--dark-mode-toggle .module--dark-mode-toggle__toggle .module--dark-mode-toggle__toggle-icon .shadow{background:var(--black-color);border-radius:50%;height:70%;left:200%;position:absolute;top:70%;transform:translate(-50%,-50%);transition:left var(--normal-transition) ease-in-out;width:70%}.module--dark-mode-toggle .module--dark-mode-toggle__toggle.module--dark-mode-toggle__toggle--enabled .module--dark-mode-toggle__toggle-icon .shadow{left:10%}