@property --background-color-prop{syntax:"<color>";inherits:true;initial-value:rgb(17,17,17)}@property --foreground-color-prop{syntax:"<color>";inherits:true;initial-value:rgb(255,255,255)}.ColorModeToggleDemo_ColorModeToggleDemo__zjaFA{--duration:0s;--transition-timing:var(--duration) ease;transition:background-color var(--transition-timing),color var(--transition-timing),--background-color-prop var(--transition-timing),--foreground-color-prop var(--transition-timing);--foreground-color:rgb(255,255,255);--background-color:rgb(17,17,17);--foreground-color-prop:rgb(255,255,255);--background-color-prop:rgb(17,17,17);&.ColorModeToggleDemo_dark__DGD9v{--foreground-color:rgb(17,17,17);--background-color:rgb(255,255,255);--foreground-color-prop:rgb(17,17,17);--background-color-prop:rgb(255,255,255)}min-height:200px}.ColorModeToggleDemo_ColorModeToggleDemo__zjaFA{flex:1 1;width:100%;border-radius:var(--rounding-medium);background-color:var(--background-color);color:var(--foreground-color);padding:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-sm);&.ColorModeToggleDemo_animated__OQBoh{--duration:0.4s}button,button:focus,button:hover{color:inherit;background-color:rgba(128,128,128,.1);border:2px solid rgba(128,128,128,.3);outline:none}.ColorModeToggleDemo_InvertedButton__FeZah,.ColorModeToggleDemo_InvertedButton__FeZah:focus,.ColorModeToggleDemo_InvertedButton__FeZah:hover{border:none;background-color:var(--foreground-color);color:var(--background-color);opacity:.5;transform:scale(1);transition:opacity .15s ease,transform .15s ease}.ColorModeToggleDemo_InvertedButton__FeZah:hover{opacity:1;transform:scale(1)}.ColorModeToggleDemo_InvertedButton__FeZah:active{transform:scale(.95)}.ColorModeToggleDemo_InvertedButton__FeZah.ColorModeToggleDemo_useAtProp__XAb7c,.ColorModeToggleDemo_InvertedButton__FeZah.ColorModeToggleDemo_useAtProp__XAb7c:focus,.ColorModeToggleDemo_InvertedButton__FeZah.ColorModeToggleDemo_useAtProp__XAb7c:hover{background-color:var(--foreground-color-prop);color:var(--background-color-prop)}}.ColorModeToggleDemo_RightSideBG__uvRLw{fill:currentColor;transform-origin:center;transform:scale(1.1)}.ColorModeToggleDemo_LeftSide__A3so4,.ColorModeToggleDemo_RightSide__DDIvd{fill:rgb(221,221,221);transform-origin:center;animation-fill-mode:forwards;animation-timing-function:ease;animation-duration:var(--duration)}.ColorModeToggleDemo_LeftSide__A3so4{animation-name:ColorModeToggleDemo_rotateLeft__2GIVi;animation-direction:normal}.ColorModeToggleDemo_RightSide__DDIvd{animation-name:ColorModeToggleDemo_rotateRight__b9vzT;animation-direction:normal}.ColorModeToggleDemo_dark__DGD9v{.ColorModeToggleDemo_LeftSide__A3so4{animation-name:ColorModeToggleDemo_rotateLeftDark__J0k1r}.ColorModeToggleDemo_RightSide__DDIvd{animation-name:ColorModeToggleDemo_rotateRightDark__uNBIa}}@keyframes ColorModeToggleDemo_rotateLeft__2GIVi{0%{transform:rotateY(180deg)}50%{transform:rotateY(180deg)}to{transform:rotateY(90deg)}}@keyframes ColorModeToggleDemo_rotateRight__b9vzT{0%{transform:rotateY(90deg)}50%{transform:rotateY(0deg)}99%{transform:rotateY(0deg)}to{transform:rotateY(90deg)}}@keyframes ColorModeToggleDemo_rotateLeftDark__J0k1r{0%{transform:rotateY(90deg)}50%{transform:rotateY(180deg)}99%{transform:rotateY(180deg)}to{transform:rotateY(90deg)}}@keyframes ColorModeToggleDemo_rotateRightDark__uNBIa{0%{transform:rotateY(0deg)}50%{transform:rotateY(0deg)}to{transform:rotateY(90deg)}}.ContrastPicker_ContrastPicker__00s_q{width:100%;border-radius:var(--rounding-medium);background-color:var(--background-color);color:var(--foreground-color);transition:background-color var(--transition-timing),color var(--transition-timing);padding:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-sm)}.ContrastPicker_colorBoxes__HZN04{display:flex;gap:var(--space-md)}.ContrastPicker_box__8cPOG{width:140px;height:140px;border-radius:var(--rounding-medium);display:flex;align-items:center;justify-content:center;&>div{width:50px;height:50px;border-radius:var(--rounding-medium)}}.ContrastPicker_colorPicker__ztpe7{display:flex;gap:var(--space-sm);align-items:center;justify-content:center}.Backlink_link__12wyK{position:absolute;right:calc(100% + 2rem);top:3.2rem;padding-right:var(--space-sm);white-space:nowrap;text-decoration:none;opacity:.3;transition:opacity var(--duration-fast)}.Backlink_link__12wyK:hover{opacity:.8;text-decoration:none}@media (max-width:72rem){.Backlink_link__12wyK{display:none}}.CodeDemo_codeDemo__YrUo7 .code-block-wrapper{height:100%}.CodeDemo_codeDemo__YrUo7 .code-block-wrapper>pre[data-theme]{height:100%;box-sizing:border-box;border-top-right-radius:0;border-bottom-right-radius:0}@media (max-width:54rem){.CodeDemo_codeDemo__YrUo7 .code-block-wrapper>pre[data-theme]{border-radius:var(--rounding-medium);border-bottom-right-radius:0;border-bottom-left-radius:0}}