:where(.c-toggle-button){--un-border-opacity:1;border-style:solid;border-width:1px;border-color:rgb(var(--theme-colors-border-extraStrong-on-X) / var(--un-border-opacity));border-radius:var(--theme-borderRadius-full);justify-content:center;align-items:center;width:64px;height:28px;display:inline-flex}.c-toggle-button__pill{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));transition:left .2s var(--easing-ease-out-back), transform .2s var(--easing-ease-out-back);left:0}.group:hover .c-toggle-button__pill{left:4px}:checked~.c-toggle-button__pill{--un-translate-x:-100%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));left:100%}.group:hover :checked~.c-toggle-button__pill{left:calc(100% - 4px)}.c-toggle-button--color--canvas{border-width:1.5px;border-color:var(--bgCurrent,transparent);--un-bg-scope-opacity:1;--bgCurrent:rgb(var(--theme-colors-background-canvas) / var(--un-bg-scope-opacity));--theme-colors-strong-on-X:var(--theme-colors-onCanvasStrong);--theme-colors-medium-on-X:var(--theme-colors-onCanvasMedium);--theme-colors-subtle-on-X:var(--theme-colors-onCanvasSubtle);--theme-colors-disabled-on-X:var(--theme-colors-onCanvasDisabled);--theme-colors-danger-on-X:var(--theme-colors-onCanvasDanger);--theme-colors-placeholder-on-X:var(--theme-colors-onCanvasPlaceholder);--theme-colors-interactive-on-X:var(--theme-colors-onCanvasInteractive);--theme-colors-interactiveHover-on-X:var(--theme-colors-onCanvasInteractiveHover);--theme-colors-interactiveActive-on-X:var(--theme-colors-onCanvasInteractiveActive);--theme-colors-onIndent-on-X:var(--theme-colors-onCanvasOnIndent);--theme-colors-onIndentHover-on-X:var(--theme-colors-onCanvasOnIndentHover);--theme-colors-onIndentActive-on-X:var(--theme-colors-onCanvasOnIndentActive);--theme-colors-indent-on-X:var(--theme-colors-onCanvasIndent);--theme-colors-indentActive-on-X:var(--theme-colors-onCanvasIndentActive);--theme-colors-text-strong-on-X:var(--theme-colors-text-onCanvasStrong);--theme-colors-text-medium-on-X:var(--theme-colors-text-onCanvasMedium);--theme-colors-text-subtle-on-X:var(--theme-colors-text-onCanvasSubtle);--theme-colors-text-disabled-on-X:var(--theme-colors-text-onCanvasDisabled);--theme-colors-text-danger-on-X:var(--theme-colors-text-onCanvasDanger);--theme-colors-text-placeholder-on-X:var(--theme-colors-text-onCanvasPlaceholder);--theme-colors-text-interactive-on-X:var(--theme-colors-text-onCanvasInteractive);--theme-colors-text-interactiveHover-on-X:var(--theme-colors-text-onCanvasInteractiveHover);--theme-colors-text-interactiveActive-on-X:var(--theme-colors-text-onCanvasInteractiveActive);--theme-colors-text-onIndent-on-X:var(--theme-colors-text-onCanvasOnIndent);--theme-colors-text-onIndentHover-on-X:var(--theme-colors-text-onCanvasOnIndentHover);--theme-colors-text-onIndentActive-on-X:var(--theme-colors-text-onCanvasOnIndentActive);--theme-colors-border-extraStrong-on-X:var(--theme-colors-border-onCanvasExtraStrong);--theme-colors-border-strong-on-X:var(--theme-colors-border-onCanvasStrong);--theme-colors-border-medium-on-X:var(--theme-colors-border-onCanvasMedium);--theme-colors-border-subtle-on-X:var(--theme-colors-border-onCanvasSubtle);--theme-colors-border-danger-on-X:var(--theme-colors-border-onCanvasDanger);--theme-colors-border-interactive-on-X:var(--theme-colors-border-onCanvasInteractive)}.c-toggle-button--color--canvas .c-toggle-button__pill{--un-bg-opacity:1;background-color:rgb(var(--theme-colors-background-canvas) / var(--un-bg-opacity));--bgCurrent:rgb(var(--theme-colors-background-canvas) / var(--un-bg-opacity));--theme-colors-strong-on-X:var(--theme-colors-onCanvasStrong);--theme-colors-medium-on-X:var(--theme-colors-onCanvasMedium);--theme-colors-subtle-on-X:var(--theme-colors-onCanvasSubtle);--theme-colors-disabled-on-X:var(--theme-colors-onCanvasDisabled);--theme-colors-danger-on-X:var(--theme-colors-onCanvasDanger);--theme-colors-placeholder-on-X:var(--theme-colors-onCanvasPlaceholder);--theme-colors-interactive-on-X:var(--theme-colors-onCanvasInteractive);--theme-colors-interactiveHover-on-X:var(--theme-colors-onCanvasInteractiveHover);--theme-colors-interactiveActive-on-X:var(--theme-colors-onCanvasInteractiveActive);--theme-colors-onIndent-on-X:var(--theme-colors-onCanvasOnIndent);--theme-colors-onIndentHover-on-X:var(--theme-colors-onCanvasOnIndentHover);--theme-colors-onIndentActive-on-X:var(--theme-colors-onCanvasOnIndentActive);--theme-colors-indent-on-X:var(--theme-colors-onCanvasIndent);--theme-colors-indentActive-on-X:var(--theme-colors-onCanvasIndentActive);--theme-colors-text-strong-on-X:var(--theme-colors-text-onCanvasStrong);--theme-colors-text-medium-on-X:var(--theme-colors-text-onCanvasMedium);--theme-colors-text-subtle-on-X:var(--theme-colors-text-onCanvasSubtle);--theme-colors-text-disabled-on-X:var(--theme-colors-text-onCanvasDisabled);--theme-colors-text-danger-on-X:var(--theme-colors-text-onCanvasDanger);--theme-colors-text-placeholder-on-X:var(--theme-colors-text-onCanvasPlaceholder);--theme-colors-text-interactive-on-X:var(--theme-colors-text-onCanvasInteractive);--theme-colors-text-interactiveHover-on-X:var(--theme-colors-text-onCanvasInteractiveHover);--theme-colors-text-interactiveActive-on-X:var(--theme-colors-text-onCanvasInteractiveActive);--theme-colors-text-onIndent-on-X:var(--theme-colors-text-onCanvasOnIndent);--theme-colors-text-onIndentHover-on-X:var(--theme-colors-text-onCanvasOnIndentHover);--theme-colors-text-onIndentActive-on-X:var(--theme-colors-text-onCanvasOnIndentActive);--theme-colors-border-extraStrong-on-X:var(--theme-colors-border-onCanvasExtraStrong);--theme-colors-border-strong-on-X:var(--theme-colors-border-onCanvasStrong);--theme-colors-border-medium-on-X:var(--theme-colors-border-onCanvasMedium);--theme-colors-border-subtle-on-X:var(--theme-colors-border-onCanvasSubtle);--theme-colors-border-danger-on-X:var(--theme-colors-border-onCanvasDanger);--theme-colors-border-interactive-on-X:var(--theme-colors-border-onCanvasInteractive);border-style:none}:where(.c-climate-toggle){pointer-events:none;bottom:0;left:0;right:max(0px,var(--safe-area-inset-right) - var(--theme-spacing-md));z-index:5;width:calc(100% - max(0px,var(--safe-area-inset-right) - var(--theme-spacing-md)));padding:var(--theme-spacing-4xs);justify-content:flex-end;align-items:flex-end;display:flex;position:fixed;container:climate-toggle/inline-size}@media print{:where(.c-climate-toggle){display:none!important}}@media (width>=41em){:where(.c-climate-toggle){padding-inline:var(--theme-spacing-md);padding-block:var(--theme-spacing-sm)}}.c-climate-toggle__wrap{transition:transform .3s var(--easing-ease-slow), clip-path .3s var(--easing-ease-slow);will-change:contents;clip-path:inset(0 round 1000px);grid-template-columns:max-content 1fr;overflow:clip}:where(.c-climate-toggle--has-scrolled) .c-climate-toggle__wrap{transform:translateX(calc(100% - var(--theme-spacing-4xs)*2 - 24px));clip-path:inset(0 calc(100% - var(--theme-spacing-4xs)*2 - 24px) 0 0 round 1000px)}@media (width>=41em){:where(.c-climate-toggle--has-scrolled) .c-climate-toggle__wrap{transform:translateX(calc(100% - var(--theme-spacing-4xs)*2 - 48px));clip-path:inset(0 calc(100% - var(--theme-spacing-4xs)*2 - 48px) 0 0 round 1000px)}}.c-climate-toggle__screen-cover{pointer-events:auto;z-index:100000;--un-bg-opacity:1;background-color:rgb(var(--theme-colors-background-canvas) / var(--un-bg-opacity));--bgCurrent:rgb(var(--theme-colors-background-canvas) / var(--un-bg-opacity));--theme-colors-strong-on-X:var(--theme-colors-onCanvasStrong);--theme-colors-medium-on-X:var(--theme-colors-onCanvasMedium);--theme-colors-subtle-on-X:var(--theme-colors-onCanvasSubtle);--theme-colors-disabled-on-X:var(--theme-colors-onCanvasDisabled);--theme-colors-danger-on-X:var(--theme-colors-onCanvasDanger);--theme-colors-placeholder-on-X:var(--theme-colors-onCanvasPlaceholder);--theme-colors-interactive-on-X:var(--theme-colors-onCanvasInteractive);--theme-colors-interactiveHover-on-X:var(--theme-colors-onCanvasInteractiveHover);--theme-colors-interactiveActive-on-X:var(--theme-colors-onCanvasInteractiveActive);--theme-colors-onIndent-on-X:var(--theme-colors-onCanvasOnIndent);--theme-colors-onIndentHover-on-X:var(--theme-colors-onCanvasOnIndentHover);--theme-colors-onIndentActive-on-X:var(--theme-colors-onCanvasOnIndentActive);--theme-colors-indent-on-X:var(--theme-colors-onCanvasIndent);--theme-colors-indentActive-on-X:var(--theme-colors-onCanvasIndentActive);--theme-colors-text-strong-on-X:var(--theme-colors-text-onCanvasStrong);--theme-colors-text-medium-on-X:var(--theme-colors-text-onCanvasMedium);--theme-colors-text-subtle-on-X:var(--theme-colors-text-onCanvasSubtle);--theme-colors-text-disabled-on-X:var(--theme-colors-text-onCanvasDisabled);--theme-colors-text-danger-on-X:var(--theme-colors-text-onCanvasDanger);--theme-colors-text-placeholder-on-X:var(--theme-colors-text-onCanvasPlaceholder);--theme-colors-text-interactive-on-X:var(--theme-colors-text-onCanvasInteractive);--theme-colors-text-interactiveHover-on-X:var(--theme-colors-text-onCanvasInteractiveHover);--theme-colors-text-interactiveActive-on-X:var(--theme-colors-text-onCanvasInteractiveActive);--theme-colors-text-onIndent-on-X:var(--theme-colors-text-onCanvasOnIndent);--theme-colors-text-onIndentHover-on-X:var(--theme-colors-text-onCanvasOnIndentHover);--theme-colors-text-onIndentActive-on-X:var(--theme-colors-text-onCanvasOnIndentActive);--theme-colors-border-extraStrong-on-X:var(--theme-colors-border-onCanvasExtraStrong);--theme-colors-border-strong-on-X:var(--theme-colors-border-onCanvasStrong);--theme-colors-border-medium-on-X:var(--theme-colors-border-onCanvasMedium);--theme-colors-border-subtle-on-X:var(--theme-colors-border-onCanvasSubtle);--theme-colors-border-danger-on-X:var(--theme-colors-border-onCanvasDanger);--theme-colors-border-interactive-on-X:var(--theme-colors-border-onCanvasInteractive);display:none;position:fixed;inset:0}.t-climate-toggle__screen-cover-enter-active{clip-path:circle(100%);transition:clip-path .3s,opacity .1s;display:block}.t-climate-toggle__screen-cover-leave-active{transition:opacity .3s ease-out .2s;display:block}.t-climate-toggle__screen-cover-enter-from{clip-path:circle(0 at var(--origin-x,100%) var(--origin-y,100%));opacity:0}.t-climate-toggle__screen-cover-leave-to{opacity:0}:where(:has(.t-climate-toggle__screen-cover-enter-active,.t-climate-toggle__screen-cover-leave-active) .c-climate-toggle){z-index:100000}