.CodeSnippet_wrapper__Qm4iy{border-radius:0!important;margin:0 calc(var(--viewport-padding) * -1) 64px!important;border:1px solid var(--color-card-border)}.CodeSnippet_wrapper__Qm4iy pre{max-width:60ch;padding:var(--viewport-padding)!important}.CodeSnippet_wrapper__Qm4iy code{padding:1rem;font-family:var(--font-family-mono)}.CodeSnippet_wrapper__Qm4iy code>div{font-size:13px;padding:0!important}@media (min-width:56rem){.CodeSnippet_wrapper__Qm4iy{border-radius:8px!important}}.CircularColorsDemo_wrapper__xg3_r{display:flex;flex-direction:column;align-items:center;gap:32px;margin-left:auto;margin-right:auto}.CircularColorsDemo_colorsWrapper__Q_iUr{display:flex;gap:12px;padding:0;list-style-type:none}.CircularColorsDemo_color__q0wIq{position:relative}.CircularColorsDemo_colorBox__JD5nF{position:relative;width:70px;height:70px;border:none;border-radius:4px;opacity:.5;transition:opacity .4s}.CircularColorsDemo_selectedColorBox__8dwdm{opacity:1}.CircularColorsDemo_selectedColorOutline__h6G_A{position:absolute;inset:-8px;border:4px solid var(--color-text);border-radius:12px}.CircularColorsDemo_timeDisplay__YdKSL{display:flex;flex-direction:column;align-items:center}.CircularColorsDemo_timeDisplay__YdKSL dd{font-size:3rem;font-family:var(--font-family-mono)}.CircularColorsDemo_actions__p9sYG{display:flex;gap:2px;margin-top:16px}.CircularColorsDemo_actions__p9sYG button{--radius:5px;display:flex;justify-content:center;align-items:center;width:3rem;height:3rem;border:2px solid var(--color-gray-900);background:transparent;color:var(--color-gray-900);cursor:pointer;opacity:.6;transition:opacity .3s}.CircularColorsDemo_actions__p9sYG button:first-child{border-radius:var(--radius) 0 0 var(--radius)}.CircularColorsDemo_actions__p9sYG button:last-child{border-radius:0 var(--radius) var(--radius) 0}.CircularColorsDemo_actions__p9sYG button:hover{opacity:1;transition:opacity 80ms}.Slider_slider__mLQdv{--handle-width:12px;--handle-height:24px;--track-color:var(--color-gray-500);--handle-color:var(--color-text);--handle-active-color:var(--color-primary);--background-color:var(--color-card-background);display:block;width:100%;height:var(--handle-height);background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline-offset:6px;cursor:pointer}.Slider_slider__mLQdv::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--handle-width);height:var(--handle-height);border-radius:50px;background:var(--color-gray-900);cursor:grab;transform:translateY(calc(-50% + 1.5px));outline:2px solid var(--background-color)}.Slider_slider__mLQdv:active::-webkit-slider-thumb{cursor:grabbing}.Slider_slider__mLQdv:focus::-webkit-slider-thumb{background:var(--handle-active-color)}.Slider_slider__mLQdv:focus:not(:focus-visible){outline:none}.Slider_slider__mLQdv::-webkit-slider-runnable-track{width:calc(100% - 1.5rem);height:3px;background:var(--track-color);border-radius:1.5px;margin:calc(var(--handle-size) / 2) 0}.Slider_slider__mLQdv::-moz-range-track{background:var(--track-color)}.SliderControl_wrapper__0QZSe{display:flex;flex-direction:column;gap:8px}.SliderControl_header__6CoQO{display:flex;justify-content:space-between;align-items:baseline}.SliderControl_label__f_KmU{font-size:1.125rem;font-weight:550}.SliderControl_value__lOcnx{font-size:1.125rem;font-weight:400}.Equation_wrapper__QM2AP{text-align:center;font-size:2rem;font-family:var(--font-family-mono);margin-bottom:8px}.Equation_remainderPhrase__0BOyq{color:var(--color-gray-500)}.Equation_remainderDigit__Ek1ck{color:var(--color-text)}.DivisionGroupsDemo_wrapper__wwQ9c{display:flex;flex-direction:column;align-items:center;gap:32px}.DivisionGroupsDemo_header__wvTb_{display:flex;justify-content:space-between}.DivisionGroupsDemo_slider__dpsAP{width:250px}.DivisionGroupsDemo_demoWrapper__v4ADm{position:relative;width:100%;max-width:600px}.DivisionGroupsDemo_demoArea__9JePx{display:grid;grid-gap:16px;height:300px;border:2px solid var(--color-gray-500);padding:16px}.DivisionGroupsDemo_group__CKQiY{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:center;align-content:center;padding:8px;border:1px solid var(--color-gray-300)}.DivisionGroupsDemo_item__WJRMc{position:relative;z-index:2;width:32px;height:32px;background:var(--color-secondary);border-radius:1000px;display:flex;justify-content:center;align-items:center;font-weight:700}.DivisionGroupsDemo_remainderArea__ace6P{position:relative;display:flex;justify-content:center;align-items:center;gap:8px;border:1px solid var(--color-gray-300);height:64px;width:100%;max-width:600px;margin-top:16px}.DivisionGroupsDemo_remainderHeading__WZUJr{position:absolute;top:0;left:-1px;padding:4px 8px 0;border:1px solid var(--color-gray-300);border-bottom:none;background:var(--color-card-background);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;transform:translateY(-100%);border-radius:2px 2px 0 0}.VisuallyHidden_wrapper__HHEqF{position:absolute;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0}