html,*{padding: 0;margin:0;box-sizing: border-box}
.blnav{background-color: #007d9c}
.WatchThisContent{background-color: #08677e;height: auto}
ul {list-style-type: none;}
.brs{border-radius: 30px}
.gray{color: gray}

.footercolor{background-color:#253443 ;direction: rtl}
a {text-decoration: none;display: inline-block;padding: 8px 16px;}
.previous {background-color: #f1f1f1;color: black;}
.next {background-color: #ddd;color: white;}
.round {border-radius: 50%;}
.goinfo-bk-color{background-color: #2d2d2d;height: auto}
.cmps{background-color: #202224; height: auto}
button,select,textarea{font:inherit;}
pre{font-size:0.83rem;overflow-x:auto;}
pre{line-height:1.4;overflow-x:auto;}
a:hover,a:focus{text-decoration:underline;}
.Playground-gridContainer{display:flex;flex-direction:column;flex-wrap:wrap;margin:0 auto;max-width:75.75rem;}
.Playground-gridContainer{padding:3rem 1.5rem 1rem;}
.Playground-headerContainer{text-align:center;}
.Playground-input,.Playground-output{padding:0;margin:0;font-family:Menlo, monospace;font-size:0.875rem;}
.Playground-inputContainer{border-top-left-radius:0.3125rem;border-top-right-radius:0.3125rem;overflow:hidden;}
.Playground-input{width:100%;height:100%;border:none;outline:none;padding:0 0.625rem 0 0.625rem;min-height:13rem;resize:none; }
.Playground-outputContainer{border-bottom-right-radius:0.3125rem;border-bottom-left-radius:0.3125rem;border-top:none!important;padding:0.625rem;height:5rem;margin-bottom:1rem;overflow:auto;}
.Playground-output{padding:0;border-radius:0;}
.Playground-inputContainer,.Playground-input,.Playground-outputContainer,.Playground-output{background-color: #253443}
.Playground-inputContainer,.Playground-outputContainer{background-color: #2b2d2f;resize:vertical;}
.Playground-preContainer{font-size:0.8em;font-style:italic;padding:0.3rem 0 0.3rem 0.625rem;}
.Playground-controls{border-color: white;flex-wrap:wrap;}
.Playground-buttons{display:flex;flex:1;flex-wrap:nowrap;gap:0.5rem;justify-content:flex-end;}
.Playground-selectExample{background-color: #202224;border-radius:3px;border:20px;font-family:inherit;font-size:16px;height:1.75rem;margin:0 0 0.5rem 0;width:100%;}
.Playground-secondaryButtons{white-space:nowrap;}
.Playground-secondaryButtons .Button:not(:first-child){margin-left:0.4375rem;}
.Button:active{box-shadow:0 0.0625rem 3px rgba(0, 0, 0, 0.2);}
.items-possible-go{background-color: #2d2d2d;height: auto}
.items-possible-go-down{background-color: #202224;height: auto}
.items-possible-go-down-options{background-color: #2d2d2d;height: fit-content ;border-radius: 30px;}
.Button--primary,.Button--primary:link,.Button--primary:visited{border:0.0625rem solid #00add8;}
@media only screen and (min-width: 27.8125rem){  .Playground-outputContainer{margin-bottom:1.688rem;}  .Playground-controls{flex-wrap:nowrap;}  .Playground-selectExample{margin:0 0.4375rem 0 0;width:auto;}  }
@media only screen and (min-width: 57.7rem){.HomeSection-header{font-size:2.25rem;line-height:2.625rem;margin-bottom:1.5rem;}  }
@media only screen and (max-width: 768px){.navdisable{display: none}}