.theme-toggle{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;padding:var(--_spaces---space-sm-2);border-radius:var(--_radius---radius-sm);background-color:var(--base-color-brand--blur-background);backdrop-filter:blur(60px);-webkit-backdrop-filter:blur(60px);color:var(--base-color-brand--text-color);transition:background-color .3s ease}.theme-toggle:hover{background-color:var(--base-color-brand--blur-background-hover)}.sun-and-moon{width:24px;height:24px;position:relative;transition:transform .5s cubic-bezier(.4,0,.2,1)}.sun{transform-origin:center;transition:transform .5s cubic-bezier(.4,0,.2,1);transform:scale(0);opacity:0}.sun-beams{transform-origin:center;transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .5s cubic-bezier(.4,0,.2,1);transform:rotate(90deg);opacity:0}.moon{transform:translate(0);opacity:1;transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .5s cubic-bezier(.4,0,.2,1)}html:not(.dark-theme) .sun{transform:scale(1);opacity:1}html:not(.dark-theme) .sun-beams{transform:rotate(0);opacity:1}html:not(.dark-theme) .moon{transform:translate(24px);opacity:0}@media (max-width: 768px){.theme-toggle{background-color:transparent;color:var(--base-color-brand--accent-color)}}.dark-theme{--base-color-brand--blur-background-text: #4B75FF;--base-color-brand--blur-background-hover: #2631B036;--base-color-brand--light-grey: #2F294B;--base-color-brand--deep-blue: #E6E4F2;--base-color-brand--blur-background: #2631B012;--base-color-brand--blur-background-active: #2631B072;--base-color-brand--accent-lime: #E8FF7B;--background-color--background-warning: #fcf8d8;--base-color-brand--white: #100C22;--base-color-brand--accent-blue: #4B75FF;--base-color-brand--seashell: #211C38;--base-color-brand--black: #E6E4F2;--base-color-brand--ghost-grey: #F1F0F5;--base-color-brand--accent-green: #B0D507;--base-color-brand--accent-coral: #ff7a5c}