@font-face{font-family:'Open Sans';src:url(/assets/fonts/opensans/regular.ttf);font-weight:normal}@font-face{font-family:'Open Sans';src:url(/assets/fonts/opensans/semi-bold.ttf);font-weight:bold}@font-face{font-family:'Open Sans';src:url(/assets/fonts/opensans/light.ttf);font-weight:300}html{--backgroundColor:#ebebeb;--foregroundColor:#fff;--whiteColor:#efefef;--firstColor:rgba(0,0,0,.05);--secondColor:rgba(0,0,0,.1);--thirdColor:rgba(0,0,0,.15);--highlightColor:rgba(0,0,0,.1);--ligthColor:#fff;--overlayColor:rgba(0,0,0,.9);--borderColor:rgba(0,0,0,.2);--borderDefault:var(--borderColor) 1px solid;--hintColor:var(--highlightColor);--shadow:2px 2px 5px -1px rgba(0,0,0,.2);--borderRadius:6px;--codeBlockColor:#111;--hintBorderColor:var(--borderColor);--desktopNavBarHeight:100px;--mobileNavBarHeight:70px;--desktopNavBarOffset:var(--desktopNavBarHeight);scroll-padding-top:var(--desktopNavBarHeight);color:#0d0d0d}html.dark-mode{--backgroundColor:#1d1d1d;--foregroundColor:#272728;--whiteColor:#efefef;--firstColor:rgba(255,255,255,.05);--secondColor:rgba(255,255,255,.1);--thirdColor:rgba(255,255,255,.15);--highlightColor:rgba(255,255,255,.1);--highlightColorFlat:#9e9e9e;--overlayColor:rgba(255,255,255,.1);--borderColor:rgba(255,255,255,.2);--shadow:2px 2px 5px -1px rgba(0,0,0,.3);--codeBlockColor:var(--backgroundColor);color:#d9d9d9}html:not(.dark-mode) .dark-mode-only{display:none !important}html.dark-mode .light-mode-only{display:none !important}body::-webkit-scrollbar-track,.styled-scroller::-webkit-scrollbar-track{background-color:transparent}body::-webkit-scrollbar,.styled-scroller::-webkit-scrollbar{width:6px;background-color:transparent}body::-webkit-scrollbar-thumb,.styled-scroller::-webkit-scrollbar-thumb{background-color:var(--highlightColor)}*{scrollbar-width:thin}*{padding:0;margin:0}html,body{height:100%}html{font-size:16px;height:100%;background-color:var(--backgroundColor)}body{font-family:'Open Sans',arial,sans-serif;margin:0;padding:0}img{border:0}a{color:inherit;text-decoration:inherit}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{padding-top:1.4rem}h1{font-size:1.3rem}h2{font-size:1.2rem}h3{font-size:1.1rem}h4{font-size:1rem}p{margin:1em 0 1em 0}figcaption{margin-top:.5rem;font-size:.9rem;text-align:left}hr{margin:0 0 1.25rem 0;border:0;height:20px;clear:both;border-bottom:var(--borderDefault)}main{box-sizing:border-box}main:after{visibility:hidden;content:'';display:block;clear:both}.formatted>*{margin-bottom:1rem}.formatted ul,.formatted ol{padding:0 0 0 1.5rem}.formatted ul>li{padding:.3rem 0 .3rem 0}.formatted img{width:auto;max-width:100%}.formatted a{font-weight:bold}.formatted figure>figcaption{padding:0 0 1rem 0;font-weight:600;font-size:.8rem;color:inherit}.formatted figure:hover>figcaption{color:inherit}.formatted img{max-width:100%}nav.main{position:fixed;display:flex;top:0;left:0;width:100%;height:var(--desktopNavBarHeight);background-color:rgba(0,0,0,1);color:var(--whiteColor);font-size:13px;z-index:9999999}.nav-padding{padding-top:var(--desktopNavBarOffset)}nav.main *{padding:0;margin:0;box-sizing:border-box}nav.main ul{list-style:none;display:flex;height:100%}nav.main>div:not(:first-of-type){border-left:rgba(255,255,255,0.15) 1px solid}nav.main a{display:flex;height:100%;align-items:center;padding:0 2rem;cursor:pointer}nav span.material-icons{font-size:1.7rem}nav.main ul,nav.main ul a{padding:0 1rem}nav.main .selected,nav.main a:hover{background-color:rgba(255,255,255,0.05);text-decoration:none}nav.main #codeplay-logo{width:21px;height:23px;background-image:url(/assets/img/logo-light.svg)}@media screen and (min-width:970px){nav.main #codeplay-logo{width:170px}}nav.main .avatar{width:30px;height:30px;border-radius:30px}@media screen and (max-width:970px){nav.main{height:var(--mobileNavBarHeight);position:static}html{scroll-padding-top:initial}.nav-padding{padding-top:0 !important}nav.main>div{display:none}nav.main>div:nth-of-type(1),nav.main>div:nth-of-type(4){display:inherit}nav.main>div:nth-of-type(4){flex:1;justify-content:flex-end}nav.main>div:nth-of-type(4) li:nth-of-type(2),nav.main>div:nth-of-type(4) li:nth-of-type(3){display:none}}@media screen and (min-width:970px){nav.main{background-color:rgba(0,0,0,0.85);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}nav.main li a{opacity:.7;user-select:none}nav.main li.selected a,nav.main li:hover a,nav.main li.selected a .icon{opacity:1 !important}nav.main li:hover a .icon{opacity:.7 !important}nav.main>div:nth-of-type(2),nav.main>div:nth-of-type(4) ul li:last-of-type{display:none}nav.main div:nth-of-type(3) li a .icon{opacity:.3;font-size:1.5rem;max-width:24px}nav.main>div:nth-of-type(3) a div{text-align:center;min-width:37px}nav.main>div:nth-of-type(3){flex:1}nav.main>div:nth-of-type(2) h1{font-size:inherit;font-weight:normal}nav.main>div:nth-of-type(2) h2{font-size:.6rem;font-weight:normal;opacity:.6}}@media screen and (min-width:1300px){nav.main>div:nth-of-type(2){display:inherit}}#burger-menu{display:none;position:fixed;background-color:rgba(0,0,0,.97);top:70px;left:0;right:0;bottom:0;width:100%;height:100%;z-index:9999999999999999;color:var(--whiteColor);overflow:scroll}#burger-menu h1{display:block;padding:1rem 2rem 0 2rem}#burger-menu ul{list-style:none;padding:2rem 0 2rem 0;margin:0 .2rem}#burger-menu ul>li:not(:last-of-type){border-bottom:rgba(255,255,255,.2) 1px solid}#burger-menu ul>li>a{display:block;padding:1rem 2rem 1rem 2rem}@media screen and (min-width:970px){#burger-menu{display:none !important}}.formatted-text h2,.formatted-text h3,.formatted-text h4{display:block}.formatted-text ul,.formatted-text ol{padding-left:2.4rem}.formatted-text a{font-weight:bold !important}.formatted-text img{width:auto;max-width:100%}.highlight,code,pre{word-wrap:break-word !important}ul.product-menu>li:not(.selected){display:none !important}main>section:nth-of-type(odd){background-color:var(--foregroundColor)}section.splash,section.styled-header{color:var(--whiteColor)}section.styled-header{background-color:#222 !important;background-size:cover;display:flex;align-items:center;padding:5rem 2rem;text-align:center}section.styled-header h1{padding:0;margin:0;font-size:2rem}section.styled-header h2{margin:.2rem 0 0 0;padding:0;opacity:.7;font-weight:normal}section.styled-header div.wrapper>div{width:100%}section.styled-header .material-icons{font-size:4rem}section.styled-header div.wrapper header{text-align:inherit}@media screen and (min-width:1000px){section.styled-header{text-align:left}section.styled-header .wrapper{padding-top:var(--desktopNavBarOffset)}section.styled-header div.wrapper header{width:50%}}@media screen and (min-width:1000px){section.styled-header .side-by-side-layout>div:nth-of-type(2){justify-content:flex-end;display:flex}}form *{box-sizing:border-box}input,select,textarea,button,select optgroup,select option,.button{border:var(--borderDefault);background:var(--foregroundColor);color:inherit;font-family:inherit;font-size:inherit;font-size:.9rem;display:block;padding:1rem;border-radius:6px;box-shadow:8px 8px 8px -4px rgba(0,0,0,0.1)}input,select,textarea{width:100%}textarea{min-height:200px}label{display:block;padding:0 0 .5rem 0;font-weight:500}label:not(:first-of-type){margin-top:1rem}.g-recaptcha{margin:1rem 0}button,.button{display:inline-block;background-color:var(--highlightColor);padding:1.2rem 1.8rem;cursor:pointer;border:0;opacity:.9;transition:.3s all;text-decoration:none;color:var(--whiteColor)}button span,.button span,.button img{vertical-align:middle !important;margin-right:.5rem}.button img{display:inline-block;max-width:12px !important}button:disabled,.button:disabled{opacity:.5;cursor:not-allowed}button:not(:disabled):hover,.button:not(:disabled):hover{opacity:1;transform:scale(1.05)}.rounded-icon{display:inline-block;height:62px;width:62px;background-color:#111;color:var(--whiteColor);font-size:1.6rem;border-radius:62px;cursor:default}.rounded-icon>div{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.rounded-icon span{font-size:inherit;text-decoration:none}#debug-mode,.from-cache-debug{position:fixed;bottom:0;left:2rem;width:auto;color:var(--whiteColor);background-color:red;opacity:.7;padding:1rem;z-index:99999999999999999999999999999999999999999999999999999999}.from-cache-debug{background-color:green;left:inherit;right:2rem}footer{background-color:#111;padding-top:8rem !important;padding-bottom:8rem !important;color:var(--whiteColor)}footer h1{font-size:1.2rem}footer #copyright{margin-top:2rem;opacity:.8;font-size:14px}footer .content-wrapper>div:nth-of-type(2) ul{list-style:none}footer .content-wrapper>div:nth-of-type(2) a{padding:.5rem 0;display:block;font-size:1rem;opacity:.8}footer .content-wrapper>div:nth-of-type(2) a:hover{opacity:1}@media screen and (max-width:1000px){footer .content-wrapper>div:nth-of-type(2){padding-top:4rem}}@media screen and (min-width:1000px){footer .content-wrapper{display:grid;grid-template-columns:2fr 1fr}footer .content-wrapper>div:nth-of-type(2){display:flex;align-items:center;justify-content:flex-end}footer .content-wrapper>div:nth-of-type(2) ul{text-align:right}}.product-deprecated{background-color:red !important;color:white;padding:.7rem 2rem;font-size:.9rem;width:100%;z-index:99;position:fixed;top:var(--desktopNavBarHeight)}.product-deprecated .wrapper{display:flex}.product-deprecated .wrapper>div:nth-of-type(1){flex:1}.product-deprecated .wrapper>div:nth-of-type(2){cursor:pointer}.product-deprecated i{vertical-align:middle}.product-deprecated a{text-decoration:underline}@media screen and (max-width:970px){body[data-deprecated="1"] .product-deprecated{position:static}}@media screen and (min-width:970px){body[data-deprecated="1"]{--desktopNavBarOffset:146px}}