.Code_code___Nq_z{background:transparent;height:100%}.Example_section__rRYy5{border-radius:8px;min-width:0}.Example_code__oYjLL{overflow:hidden;display:flex;flex-direction:column}.Example_header__DcVP6{display:flex;min-height:45px;padding:0 5px}.Example_codeHeader__jo_nK{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__jo_nK{border-radius:8px 0 0 0}}.Example_codeHeader__jo_nK .control{padding:0 .5rem;display:flex;align-items:center;white-space:nowrap}.Example_codeBody__TPkzM{border-radius:0;overflow:hidden;display:flex;flex-direction:column;height:100%}@media screen and (min-width:768px){.Example_codeBody__TPkzM{border-radius:0 0 0 8px}}.Example_result__IshO0{border-radius:0 0 8px 8px;box-shadow:inset 0 0 0 1px #e4e4e4;overflow:hidden}@media screen and (min-width:768px){.Example_result__IshO0{border-radius:0 8px 8px 0}}.Example_resultHeader__xV_1l{align-items:center;justify-content:center;flex-direction:row}.Example_scrollContainer__r9Ewb{box-sizing:content-box;box-shadow:0 0 0 1px #e4e4e4;background:rgba(0,0,0,.05);height:var(--size);overflow:scroll;margin-top:1px;margin-left:auto;margin-right:auto;width:var(--size)}.Example_button__Q_Ntv{margin-top:.5rem;margin-bottom:.5rem}.Example_button__Q_Ntv:not(:last-child){margin-right:.5rem}.ExampleAlignment_scrollLayer__KZOHz{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__Cz9zB{justify-content:center;display:flex;align-items:center;height:calc(calc(var(--size) / 2) / 3) %}.ExampleAlignment_tile__n1eFD{height:calc(var(--size) / 3);color:rgba(0,0,0,.3);width:calc(var(--size) / 3)}.ExampleAlignment_tile__n1eFD,.ExampleBoundary_item__9BTw9{align-items:center;border-radius:4px;display:flex;justify-content:center}.ExampleBoundary_item__9BTw9{height:calc(calc(var(--size) / 4) - 10px);margin:20px;color:#fff}.ExampleIfNeeded_item__pIcH4{align-items:center;justify-content:center;border-radius:4px;display:flex;height:calc(calc(var(--size) / 4px) - 10px);margin:20px;color:rgba(0,0,0,.4)}.ExampleOverrideBehavior_scrollLayer__6gqda{display:flex;padding-left:var(--size);padding-right:var(--size);width:calc(var(--size) * 3)}.ExampleOverrideBehavior_item__MdGxX{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__ywd6d{margin-top:20px;text-align:center}.Icons_svg__1Q5I6{height:auto}.Icons_chromeWrapper__2JFtK{position:relative;z-index:1}.Hero_header__YkcbN{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___lMpR{position:relative;width:100%;max-width:744px}.Hero_wrapper___lMpR svg{width:100%;height:auto}.Hero_wrapper___lMpR>svg{z-index:1;position:relative}.Hero_scrollWrapper__uwvq_{position:absolute;transition:opacity .1s;overflow:hidden;top:0;left:0;right:0;bottom:3px;opacity:.6}@supports (mix-blend-mode:difference){.Hero_scrollWrapper__uwvq_{opacity:1;mix-blend-mode:difference}.Hero_scrollWrapper__uwvq_ svg{color:#557271}}.page_intro__YeqBg{max-width:1220px;padding:20px 0 3rem!important;margin:1.5rem auto 3rem!important;position:relative}.page_intro__YeqBg:after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:2px;background:#f5f5f5}