.Code_code__1Whh8{background:#0000;height:100%}.Example_section__Hdc7k{border-radius:8px;min-width:0}.Example_code__f_hKq{overflow:hidden;display:flex;flex-direction:column}.Example_header__gwUMU{display:flex;min-height:45px;padding:0 5px}.Example_codeHeader__B0d06{border-radius:8px 8px 0 0;align-items:center;justify-content:flex-start;flex-direction:row;flex-wrap:wrap}@media screen and (min-width:768px){.Example_codeHeader__B0d06{border-radius:8px 0 0 0}}.Example_codeHeader__B0d06 .control{padding:0 .5rem;display:flex;align-items:center;white-space:nowrap}.Example_codeBody__IV1FA{border-radius:0;overflow:hidden;display:flex;flex-direction:column;height:100%}@media screen and (min-width:768px){.Example_codeBody__IV1FA{border-radius:0 0 0 8px}}.Example_result__DrLWa{border-radius:0 0 8px 8px;box-shadow:inset 0 0 0 1px #e4e4e4;overflow:hidden}@media screen and (min-width:768px){.Example_result__DrLWa{border-radius:0 8px 8px 0}}.Example_resultHeader__hxfBt{align-items:center;justify-content:center;flex-direction:row}.Example_scrollContainer__T9_8g{box-sizing:initial;box-shadow:0 0 0 1px #e4e4e4;background:#0000000d;height:var(--size);overflow:scroll;margin-top:1px;margin-left:auto;margin-right:auto;width:var(--size)}.Example_button__iifgu{margin-top:.5rem;margin-bottom:.5rem}.Example_button__iifgu:not(:last-child){margin-right:.5rem}.ExampleAlignment_scrollLayer__G9bYa{box-sizing:border-box;padding:calc(var(--size) / 12);height:calc(calc(var(--size) * 1.5) + calc(var(--size) / 6));width:calc(calc(var(--size) * 1.5) + calc(var(--size) / 6))}.ExampleAlignment_item__ookHT{justify-content:center;display:flex;align-items:center;height:calc(calc(var(--size) / 2) / 3) %}.ExampleAlignment_tile__Raxte{height:calc(var(--size) / 3);color:#0000004d;width:calc(var(--size) / 3)}.ExampleAlignment_tile__Raxte,.ExampleBoundary_item__JshvF{align-items:center;border-radius:4px;display:flex;justify-content:center}.ExampleBoundary_item__JshvF{height:calc(calc(var(--size) / 4) - 10px);margin:20px;color:#fff}.ExampleIfNeeded_item__lnDeW{align-items:center;justify-content:center;border-radius:4px;display:flex;height:calc(calc(var(--size) / 4px) - 10px);margin:20px;color:#0006}.ExampleOverrideBehavior_scrollLayer__U7C7c{display:flex;padding-left:var(--size);padding-right:var(--size);width:calc(var(--size) * 3)}.ExampleOverrideBehavior_item__5VAil{display:flex;align-items:center;justify-content:center;height:calc(var(--size) / 2);width:calc(var(--size) / 2);margin:calc(var(--size) / 4);color:#000}.Footer_footer__dZDRm{margin-top:20px;text-align:center}.Icons_svg__vLmbB{height:auto}.Icons_chromeWrapper__3azKI{position:relative;z-index:1}.Hero_header__sfJu5{display:flex;box-sizing:border-box;padding:10vmin 10px;align-items:center;justify-content:center;background-image:linear-gradient(168deg,#b1d2fa,#05ffe6);background:-moz-linear-gradient(-78deg,#b6d1f5 0,#72f9e7 100%)}.Hero_wrapper__ytsA4{position:relative;width:100%;max-width:744px}.Hero_wrapper__ytsA4 svg{width:100%;height:auto}.Hero_wrapper__ytsA4>svg{z-index:1;position:relative}.Hero_scrollWrapper__275LY{position:absolute;transition:opacity .1s;overflow:hidden;top:0;left:0;right:0;bottom:3px;opacity:.6}@supports (mix-blend-mode:difference){.Hero_scrollWrapper__275LY{opacity:1;mix-blend-mode:difference}.Hero_scrollWrapper__275LY svg{color:#557271}}.page_intro__Nj8zv{max-width:1220px;padding:20px 0 3rem!important;margin:1.5rem auto 3rem!important;position:relative}.page_intro__Nj8zv:after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:2px;background:#f5f5f5}