.mcc-funnel .mcc-theme-switcher{position:relative;width:42px;height:42px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;background:var(--ink-2);border:1px solid var(--line);color:var(--text);padding:0;overflow:hidden;transition:transform .25s cubic-bezier(.22,1,.36,1),background .25s ease,border-color .25s ease,box-shadow .25s cubic-bezier(.22,1,.36,1)}
.mcc-funnel .mcc-theme-switcher:hover{transform:translateY(-2px);border-color:var(--yellow);box-shadow:0 8px 24px -6px color-mix(in srgb,var(--yellow) 40%,transparent)}
.mcc-funnel .mcc-theme-switcher:focus-visible{outline:3px solid var(--text);outline-offset:3px}
.mcc-funnel .mcc-theme-switcher .mcc-theme-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transform:rotate(90deg) scale(0);opacity:0;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .3s ease}
.mcc-funnel[data-mcc-theme="dark"] .mcc-theme-switcher .mcc-sun,.mcc-funnel .mcc-theme-switcher[data-current-theme="dark"] .mcc-sun{transform:rotate(0deg) scale(1);opacity:1}
.mcc-funnel[data-mcc-theme="light"] .mcc-theme-switcher .mcc-moon,.mcc-funnel .mcc-theme-switcher[data-current-theme="light"] .mcc-moon{transform:rotate(0deg) scale(1);opacity:1}
.mcc-funnel[data-mcc-theme="pastel"] .mcc-theme-switcher .mcc-pastel-icon,.mcc-funnel .mcc-theme-switcher[data-current-theme="pastel"] .mcc-pastel-icon{transform:rotate(0deg) scale(1);opacity:1}
.mcc-funnel .mcc-theme-switcher:hover .mcc-theme-icon{transform:rotate(15deg) scale(1.08)}