.theme-switcher{align-items:center;border-radius:50%;color:var(--p-zinc-950);display:flex;height:2.5rem;justify-content:center;width:2.5rem}.theme-switcher:hover{cursor:pointer}.theme-switcher i{font-size:1.5em}.theme-switcher-label{width:16em!important}.theme-switcher-label .p-tooltip-text{text-align:center;width:16em!important}.theme-switcher-cards{display:flex}.theme-switcher-cards .theme-switcher-card{align-items:center;border:1px solid var(--p-zinc-300);border-radius:var(--border-radius);cursor:pointer;display:flex;flex:0 0 calc(50% - var(--spacer-input));flex-direction:column;height:22em;justify-content:center;transition:.2s ease-in-out}.theme-switcher-cards .theme-switcher-card:first-child{margin-right:var(--spacer)}.theme-switcher-cards .theme-switcher-card.mode-dark{background-color:var(--p-zinc-800);border-color:var(--p-zinc-700);color:var(--p-zinc-100)}.theme-switcher-cards .theme-switcher-card.mode-light{background-color:var(--p-zinc-100);border-color:var(--p-zinc-100);color:var(--p-zinc-900)}.theme-switcher-cards .theme-switcher-card.active{border-color:var(--p-green-500);border-style:dashed}.theme-switcher-cards .theme-switcher-card i{font-size:4rem;margin-bottom:var(--spacer)}.theme-switcher-cards .theme-switcher-card .theme-switcher-card__label{font-size:1.1rem;text-align:center}.dark-mode .theme-switcher{color:var(--p-zinc-300)}