:root{--navi-height-sm:56px;--navi-height-md:64px;--navi-height-lg:72px;--menu-width-sm:240px;--menu-width-md:240px;--menu-width-lg:280px}html{width:100vw;overflow-x:hidden;scroll-behavior:auto}body#sloth-docs{background-color:#f5f5f5;color:#16160e;overflow-x:inherit;overflow-y:scroll}body#sloth-docs,body main{width:100%;margin:0;padding:0}body main>*{margin-top:56px;margin-top:var(--navi-height-sm,60px)}#docs-navi .menu ul.hidden+hr{display:none}#docs-navi .menu li.active{background:rgba(65,131,196,.25)}#back-to-head{position:fixed;right:10px;bottom:10px;opacity:0;z-index:9999;transition:all .2s linear}#back-to-head.show{opacity:1}#key-visual{padding:2rem 2rem 4rem;max-width:100%;text-align:center;background-color:#fff}#key-visual h1{font-size:4.2rem;font-weight:600;margin-bottom:1rem}#key-visual p{font-size:2rem;max-width:48rem;line-height:1.3;margin:0 auto 2rem;text-align:left}.lead-block{max-width:calc(100% - 3rem);margin:0 auto;padding:2rem 0;text-align:center}.lead-block h2{font-size:3.6rem;font-weight:600;margin-bottom:1rem;text-align:left}.lead-block aside{font-size:1.8rem;line-height:1.3;margin:0 auto 1rem;text-align:left}.sloth-styles{position:relative;margin-left:auto;margin-right:auto;width:calc(100% - 3rem);text-align:left;background-color:#fafafa;z-index:1}.sloth-styles>*{margin:1rem auto;z-index:1}.sloth-styles:nth-child(odd){background-color:transparent}.sloth-styles:nth-child(2n){background-color:#fafafa}.sloth-styles:nth-child(2n):before{position:absolute;top:0;left:-100%;width:100%;height:100%;background-color:#fafafa;content:""}.sloth-styles:nth-child(2n):after{position:absolute;top:0;left:100%;width:100%;height:100%;background-color:#fafafa;content:""}.sloth-styles>h3{font-size:2rem;font-weight:600;margin-bottom:1rem;text-align:left}.sloth-styles>h3:nth-child(n+2){margin-top:0}.sloth-styles:nth-child(n+2):after,.sloth-styles:nth-child(n+2):before{margin:0}.sloth-styles aside{font-size:1.6rem;line-height:inherit;margin:0 auto 2rem;text-align:left}.sloth-styles .flx-row>.w-half:first-child{padding-right:.5rem}.sloth-styles .flx-row>.w-half:last-child{padding-left:.5rem}.prettyprint{font-size:13px!important}#demo-navi .menu li a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#demo-navi .menu li a [class^=fa]{width:1em;max-width:1em;margin-right:1em}#demo-footer{left:0;bottom:0;width:100%;height:-webkit-max-content;height:-moz-max-content;height:max-content;margin:1rem auto;text-align:center;display:flex;flex-direction:column}.ad-block{position:relative;top:0;left:0;width:360px;max-width:100vw;height:auto;min-height:100px;margin:0 auto}.adsbygoogle{margin-top:1em!important;margin-bottom:0!important}@media (min-width:500px){.ad-block{width:468px;min-height:60px}}@media (min-width:800px){.ad-block{width:728px;min-height:90px;left:calc(-28px - 1.5rem)}}.exam1{width:100%;height:6rem}.exam2{width:100%;height:10rem}.sloth:not(.nons) a.override-demo:not(.nons)[rel=external]:after,.sloth :not(.nons) a.override-demo:not(.nons)[rel=external]:after,.sloth:not(.nons) a.override-demo:not(.nons)[target=_blank]:after,.sloth :not(.nons) a.override-demo:not(.nons)[target=_blank]:after{font-family:Font Awesome\ 5 Free,Font Awesome\ 5 Pro!important;content:"\f360"!important;border:0!important}.sloth:not(.nons) a.override-demo:not(.nons)[rel=external]:hover:after,.sloth :not(.nons) a.override-demo:not(.nons)[rel=external]:hover:after,.sloth:not(.nons) a.override-demo:not(.nons)[target=_blank]:hover:after,.sloth :not(.nons) a.override-demo:not(.nons)[target=_blank]:hover:after{color:#4183c4!important;background:transparent!important}@media screen and (min-width:481px) and (max-width:768px){body>:not(.navi-menu):not(main):not(.dialog-backdrop){max-width:100vw}body main{padding:0}body main>*{margin-top:64px;margin-top:var(--navi-height-md,60px)}#back-to-head{right:15px;bottom:15px}.lead-block{max-width:calc(100% - 4rem)}.sloth-styles{width:calc(100% - 4rem)}}@media screen and (min-width:769px){body>:not(.navi-menu):not(main):not(.dialog-backdrop){max-width:960px}body main{padding:0}body main>*{margin-top:72px;margin-top:var(--navi-height-lg,60px)}#back-to-head{right:20px;bottom:20px}.lead-block{max-width:760px}.sloth-styles{width:calc(100% - 4rem);max-width:960px}}