style.
html{scroll-behavior:smooth;line-height:1.15;-webkit-text-size-adjust:100%}h1{margin:0.67em 0}
pre{font-family:monospace,monospace;font-size:1em}
a{background-color:transparent}
b,strong{font-weight:600}
p strong,td strong,li strong{color:#333;word-spacing:-2px}
.dark p strong,.dark td strong,.dark li strong{color:#ddd}
li a strong{color:inherit;font-family:inherit;}
.entry-content strong.code{font-family: Menlo,monaco,Consolas,"Lucida Console",monospace !important;}
code{font-family:monospace,monospace;font-size:16px}
html{font-size:22px}
body{margin:0;background-color:#fbfcfe;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#111;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;font-weight:400;font-size:18px;line-height:1.7;text-rendering:optimizeLegibility}
.main-navigation,.site-title,h1,h2,h3,h4{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif}
.main-navigation,.site-title,h1,h2,h3,h4{font-weight:400;letter-spacing:-0.02em;line-height:1.2;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
p{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
pre{font-size:0.88889em;font-family:"Courier 10 Pitch",Courier,monospace;line-height:1.8;overflow:auto}
code{font-family:Menlo,monaco,Consolas,Lucida Console,monospace}a{text-decoration:none}
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
a{color:#2a46ca}
h1,h2,h3,h4{clear:both;margin:1rem 0}
ul,ol{padding-left:1rem}
ul{list-style:disc}
ul ul{list-style-type:circle}
ol{list-style:decimal}li{line-height:1.8}
li > ul,li > ol{padding-left:2rem}
img{height:auto;max-width:100%;position:relative}
figure{margin:0;width:fit-content}
table{margin:0 0 1rem;border-collapse:collapse;width:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif}
table td,table th{padding:0.5em;border:1px solid #767676;font-size:0.8em;text-align:left}
.screen-reader-text{display:none}
.entry-content:before,.entry-content:after,.site-header:before,.site-header:after,.site-content:before,.site-content:after,.site-footer:before,.site-footer:after{content:"";display:table;table-layout:fixed}.entry-content:after,.site-header:after,.site-content:after,.site-footer:after{clear:both}#page{width:100%}.site-content{overflow:hidden;max-width:1440px;margin:auto}.page-template-page-challenge .site-content{max-width: 100%}
.site-branding{color:#767676;position:relative;margin:auto;max-width:1440px}
.site-title{display:inline;margin:auto;text-align:center;color:#111;line-height:50px;font-size:1.0em;font-weight:600}
.site-title a{color:#444}
.entry .entry-header{margin:auto;position:relative}
.entry .entry-title{color:#000;font-weight:600;line-height:1.6em;font-size:1.8rem;hyphens:none;margin:0}
article{margin:0 1rem;display:inline-block;max-width:800px;float:left;padding:1rem}
.sidebox{position:fixed;padding:0;min-width:310px;min-height:600px;margin:0 5px;display:inline-block;margin-top:5px;top:110px}
#colophon .site-info{display: flex;justify-content: center;}
#colophon .site-info a{font-family:sans-serif;font-size:0.8em}
.footer{text-align:center;margin-top:1rem;}
.entry .entry-content > *{margin:0 0 16px;max-width:100%}
.entry .entry-content>p, .entry .entry-content>ul, .entry .entry-content>ol, .entry .entry-content>table{font-size:18px;word-spacing:0px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;color:#25265e}
.entry .entry-content>*>*:first-child{margin-top:0}
.entry .entry-content>*>*:last-child{margin-bottom:0}
.entry .entry-content .wp-block-image img{display:block}
.entry .entry-content .wp-block-table th,.entry .entry-content .wp-block-table td{border-color:#767676}
.entry .entry-content .wp-block-code{border-radius:10px;border:2px solid #639cff88;margin-top:-10px}.entry .entry-content pre.output{border:0;background:#355f89;border-radius:0}
.entry .entry-content pre.html{border:2px solid #ccc}
.entry .entry-content pre.output *{color:#fff!important}
.entry .entry-content pre.error{border:1px solid red;border-left:6px solid red}
svg{transition:fill 120ms ease-in-out;fill:currentColor}
.wp-caption img[class*="wp-image-"]{display:block;margin-left:auto;margin-right:auto}
.wp-caption-text{color:#767676;font-size:0.71111em;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;line-height:1.6;margin:0;padding:0.5rem;text-align:center}
footer.site-footer{padding:2rem 0}
.site-info a{margin-right:20px;padding:0 5px}
body{overflow-x:hidden}
.wp-block-code{padding:.8em 1em;border:1px solid #e2e4e7;border-radius:4px}
.wp-block-code,.wp-block-preformatted pre{font-family:Menlo,Consolas,monaco,monospace;font-size:14px;color:#23282d;max-width:100%;}
#rs_ad{max-width:310px;margin-bottom:100px;}
#lnav{    background: #f4f4f9;float:left;display:inline-block;width:270px;margin:0;text-align:left}
#lnav li:last-child a{border-bottom-color:#0000!important}
#lnav ul{background:#f4f4f9;border-radius:5px;list-style-type:none;padding-left:0}
#lnav ul li{transition: all 0.1s linear}
#lnav li a{display:block;margin:5px 0;padding:2px 10px;color:#222;border-bottom:1px solid #EEE;font-size:16px;}
#cnts{padding:15px 0;margin:0;font-size:0.95rem}
#cnts p{margin:0;cursor:pointer;font-size:0.7em;font-weight:600;margin-left:1.8rem;color:#2a46ca}#cnts ul{display:none;list-style-type:decimal;list-style-position:inside;margin:0;margin-top:10px;clear:both}
#cnts ul>li{line-height:2.0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;font-size:0.8em}
#comments{display:none}
.entry .entry-content h4{color:#333;font-weight:700;margin-top:0}
.entry .entry-content h2,.entry .entry-content h3{margin-top:40px;padding-bottom:3px;font-size:1.3rem;border-top:1px solid #eee;padding-top:1rem}
.entry .entry-content h3{margin-top:30px;word-spacing:0}
#lnav ul>strong, #lnav li.strong{margin:0;border-bottom:1px solid #005ecd;display:block;padding:15px 25px 5px 10px;color:#005ecd}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}
sup{top:-0.5em}
.site-content a:hover,#lnav li a:hover,.row ul li a:hover,.site-title a:hover{background:-webkit-linear-gradient(left,#8e00f3,#0024db);-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition: all 0.2s}
.entry .entry-content pre.output >*>*{color:#fff!important}
#p_t li a{margin:5px 0;display:block;font-family:Verdana;font-size:0.8em;border-bottom:1px solid #ff7e67}
#p_t li a:hover{text-decoration:none;color:#3e60ff;text-shadow:0 0 0 #333}
#p_t ul{list-style:auto;display:block;padding:0 10px}
#p_t li{margin:10px 0}
#p_t h3{padding:20px 0 0 0}code[class*="language-"],pre[class*="language-"]{color:black;background:none;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens: none;-moz-hyphens:none;-ms-hyphens: none;hyphens:none;}
pre[class*="language-"]{padding:1em;margin:.5em 0;overflow:auto}:not(pre) >code[class*="language-"],pre[class*="language-"]{background:#fff}:not(pre) > code[class*="language-"]{padding:1px 9px;border:1px solid #eee;border-radius:.3em;white-space:normal}
.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#707070;padding-left:0}
.token.comment{color:#c24000;background:#F5f5f5;}
.token.punctuation{color:#747474}.namespace{opacity:.7}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#007944}
.token.selector,.token.attr-name,.token.string{color:#111}.token.char,.token.builtin,.token.inserted{color:#d50075}
.token.operator,.token.entity,.token.url,.language-css.token.string,.style .token.string{color:#484183}
.token.atrule,.token.attr-value,.token.keyword{color:#0043ff}
.token.function,.token.class-name{color:#C40000}
.token.regex,.token.important,.token.variable{color:#e90}
.token.important,.token.bold{font-weight:bold}
.token.italic{font-style:italic}
.token.entity{cursor:help}ul.listboxes{padding:0}
.listboxes li{list-style:none;margin:0 0 1em;padding:0.5em 1em;box-shadow: rgba(0, 0, 0, 0.05) 0px 3px 2px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;font-size:0.7rem}
.listboxes a{font-size: 0.9rem;display:block}
p.note{border-left:4px solid #ff7e67;padding-left:1em}
figcaption{text-align:center;font-size:0.7rem}
figure.border img{border-radius:11px;box-shadow:0 0 5px #CCC}
figure.border video{border-radius:1rem}
.dark .entry .entry-content .wp-block-image img{background:#fff}
figure.border1 img{border:1px solid #CCC}
.breadcrumb{list-style:none;border-bottom:4px solid #ffc5c5;border-radius:20px;padding:0 1rem 0.5rem;margin-bottom:1.5rem;}
#lnav .breadcrumb li{padding-bottom:0.3em}
#lnav .breadcrumb li a{padding-left:0;padding-right:0;border-bottom:0;display:inline}
.breadcrumb .colorgrad{background:-webkit-linear-gradient(left,#ffd600,#ff0000);-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding-bottom:3px;font-size:10px}
h3 span{font-weight:600;line-height:1.4}
#np .titles span{width:50%;display:inline-block;font-size:16px;color:#444}
.dark #np .titles span{color:#ccc}
#np .titles .right{text-align:right}
#np{border-top:1px solid #ddd;margin-top: 2rem;}
.dark #np{border-color:#555}

a.nextlink,a.nextlinktop{float:right;text-align:right}
a.nextlinktop,a.prevlinktop,a.nextlink,a.prevlink{display:inline-block;color:#333;margin-bottom:0.7rem;border-radius:1rem;font-weight:600;background: linear-gradient(45deg,#ffe255,#86ddff);font-size: 16px;padding: 0.2rem 1rem;box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;}
a.prevlinktop,a.prevlink{background:#EEE}
a.nextlinktop:hover,a.prevlinktop:hover,a.nextlink:hover,a.prevlink:hover{background:linear-gradient(75deg,#ffe255,#5ed1ff);-webkit-text-fill-color:#000}
#p_t{margin-top:3rem}
p.note{border-left:4px solid #ff7e67;padding-left:1em}
.entry a.runonline{border-radius:1rem;padding:5px 20px;background: linear-gradient(45deg,#ffe255,#86ddff);white-space:nowrap;color:#333;display:inline-block;margin-top:0;font-size:16px;width:fit-content;font-weight:600}
.entry a.runonline:before{color:#222;content:'▶'}
.entry a.runonline:hover{font-weight:600;color:#000;-webkit-text-fill-color:currentColor;background:linear-gradient(75deg,#ffe255,#5ed1ff)}
.entry a.copycode{border-radius:1rem;padding:5px 20px;cursor:pointer;background:#77777715;white-space:nowrap;-webkit-text-fill-color:#333;display:inline-block;margin-top:0;font-size:16px;width:fit-content;margin-left:20px}
.entry a.copycode:hover{background:#77777725}
.dark .entry a.copycode:hover{background:#7776}
.dark .entry a.copycode{-webkit-text-fill-color:#ccc;background:#7773}
.copycode svg {height:16px;color:#555}
.dark .copycode svg {color:#999}
h2{font-weight:600}
.site-header{background:#fff;width: 100%;margin:0 auto;top:0;height:52px;display:block;align-items:center;max-width: 1440px;}
.row figure,.row ul{display:inline-block; padding:1rem 2rem 1rem 0}
.entry-content>div.wp-block-group{border:1px solid #CCC;padding:0 2rem 0.5rem;padding-top:0;padding-bottom:0;margin:2rem 0}
.entry-content>div.wp-block-group h2{margin-top:1rem;color:#000}
.entry-content>div.wp-block-group p{font-family:Verdana;font-size:16px}
.entry-content>div.wp-block-group figure{max-width:350px;padding-right:0}
.entry-content div.row{display:flex;align-items:self-start}
.row ul{list-style:none;margin-top:0;min-width:60%}
.row ul.fullwidth{display:block;width:100%;-webkit-column-width: 150px;-moz-column-width: 150px;-o-column-width: 150px;-ms-column-width: 150px;column-width: 200px;}
.entry-content>div.wp-block-group h2{font-weight:500}
.entry-content>div.wp-block-group ul{list-style:none;padding-left:0}
.row ul li,ul.tl li,.entry-content>div.wp-block-group ul li{margin:0 5px 10px}
.row ul li a,ul.tl li a,.entry-content>div.wp-block-group ul li a{color:#1917bf}
.row ul li a::before,ul.tl li a::before,.entry-content>div.wp-block-group ul li a::before{content:url("/resources/outlink.png");margin-right:10px}
ul.tl {list-style:none}
.row ul li a:hover::before{-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.entry-content>div.wp-block-group ul li{font-size:17px;color:#888}
.entry-content>div.wp-block-group ul li a:hover,.entry-content>div.wp-block-group ul li a:hover::before{background: -webkit-linear-gradient(left,#8e00f3,#0024db);-webkit-background-clip: text;-webkit-text-fill-color: transparent}
.thistutorial, .thistutorial b{margin-top: -5px!important;}
p code .token.comment{color:#222}
#related_cards{display:flex;flex-wrap:wrap;gap:1rem}
#related_cards>div{flex:1 0 150px;font-size:0.7rem;background:rgba(44, 68, 120, 0.06);border:2px solid;border-image: linear-gradient(45deg,#ffe255,#eec2ff) 10;background-size:contain;background-repeat:no-repeat;background-position:bottom right}
#related_cards h2{margin-bottom:30px;color:#555;font-size:28px}
#related_cards>div span{font-size:12px;line-height:12px;color:#666;display:block;position:absolute;padding:10px 0 0 10px}
.dark #related_cards>div span{color:#bbb}
#related_cards>div a{font-weight:700;color:#555;display:block;cursor:pointer;min-height:100px;padding:30px 10px 20px}
#menu-top-menu{display: inline-flex;}
ul.main-menu{margin:auto;padding-left:17px;max-width:1440px}
ul.main-menu>li{display:table-cell;font-size:16px;font-weight:500;padding-right:5px}
ul.main-menu>li a{padding:3px 10px;font-weight:500;text-transform:uppercase;font-size:14px;background:#f5f5f5;border-radius:5px;}
.site-branding form{float:right;display:inline-block;margin:4px 0}
.site-branding form input{height:44px;font-size:16px;color:#2a46ca;border:1px solid #DDD;border-top-left-radius: 0.5rem;border-bottom-left-radius: 0.5rem;padding: 0 0.5rem}
.site-branding form button{border:none;height:44px;width:44px;border-top-right-radius:0.5rem;border-bottom-right-radius:0.5rem;background:#DDD;margin-left:-6px;font-size:1.0rem;vertical-align:bottom;cursor:pointer}
.site-branding form button:hover{background:#76da76}
#tutorials{z-index:10;width:100%;height:calc(100% - 52px);overflow:auto}
#tutorials ul{list-style:none;padding-left:0;margin-top:0}
#tutorials li{padding:0}
#tutorials li a{color:#eee;font-weight:500;display:block;border-bottom:1px solid #0000}
#tutorials li a:hover{-webkit-background-clip: text;-webkit-text-fill-color: transparent;border-bottom:1px solid #888}
article p a:hover,article table a:hover,article li a:hover{border-bottom:1px solid #888}
.site-branding>a{padding:0 0 0 1rem;color:#2a46ca;font-size:0.75rem;font-weight:500;cursor:pointer;display:inline-block;}
article p a:after, article td a:after{content: url(/resources/outlink.png);padding: 0 4px 0 7px;opacity: 0.8;}
#darkmode{display:inline-block;float:right;line-height:50px;cursor:pointer;margin-right:0.5rem}
#darkmode svg{height:28px;fill:#222;background-color:#0000;padding:5px;margin-top:12px}
.dark #darkmode svg{fill:#ddd}
#darkmode svg:hover{box-shadow:0 0 4px 7px #8888;border-radius:1rem;}
.site-search svg{height:16px}
#lnavicon{display:none}
#topnvp{height:55px;display:none}
#opaq {position:fixed;height:52px;width:100%;top:0;background:#fff;z-index:3;max-width:1440px}
.dark #opaq {background:#222}
#progressbar{position:fixed;background:-webkit-linear-gradient(left,#ffffff,#7aafff66);height:52px;top:0;width:0%;z-index:4;max-width:1440px}
.dark #progressbar{background: -webkit-linear-gradient(left,#000000,#006eff 90%);}
.site-title img{float: left;margin:4px}
#cnts_close{display:none}
#cnts_open,#cnts_close{float:left;font-size:1.5rem;margin-top:-0.8rem;cursor: pointer;line-height: 1.8}
#cnts_open:hover,#cnts_close:hover{text-shadow:0 0 8px #db9eff}
.dark #cnts_open:hover,.dark #cnts_close:hover{text-shadow:0 0 8px #888}
.hide{display:none}
#img_modal {
display: none;
position: fixed;
z-index: 20;
left: 0;
top: 52px;
padding-top: 50px;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgb(255,255,255,0.95);
}
#img_modal_close {
position: absolute;
top: 0;
right: 0;
color: #333;
font-family: monospace;
font-size: 100px;
transition: 0.3s;
background: #EEE;
width: 100px;
height: 100px;
text-align: center;
line-height: 100px;
border-radius: 100px;
cursor: pointer;
}
#img_modal_1 {
  display: block;
  margin: auto;
}
#caption{text-align: center}
.dark #caption{color: #eee}
.dark #img_modal {	background: #000e}
hr {display: block;height: 1px;border: 0;border-top: 1px solid #eee;margin: 2em 0;padding: 0;}
#lnav li.collapsed,#lnav li.expanded{cursor: pointer}
.dark #lnav li.collapsed{border-bottom-color:#fbecec3b}
#lnav li.expanded{font-weight:600;border-bottom:2px solid #005ecd;}
#lnav li.collapsed:hover::after, #lnav li.expanded:hover::after{color:#000;font-weight:900}
.dark #lnav li.collapsed:hover::after,.dark #lnav li.expanded:hover::after{color:white}
li.collapsed::after{content: '＋';float: right;font-size: 20px;line-height: 23px;margin-right: -20px;}
li.expanded::after{content: '－';float: right;font-size: 20px;line-height: 23px;margin-right: -20px;}
#lnavopen,#lnavclose{width: 50px;text-align: center;}
#lnavclose{display: none;}
h3 svg {padding:0 1rem;color: #444;}
h4 {font-weight: 600;color: blue;}
#lnav ul li a.thistutorial,.dark #lnav ul li a.thistutorial{border-bottom:5px solid #5a5a5a;border-top:3px solid #5a5a5a;background:#fff}
#lnav ul li a.thistutorial:hover,.dark #lnav ul li a.thistutorial:hover{-webkit-text-fill-color:#000}
.dark .entry .entry-content pre.output{background: #234;}
.dark a.nextlinktop,.dark a.prevlinktop,.dark a.nextlink,.dark a.prevlink {color: #444;}
.dark a.nextlinktop:hover,.dark a.prevlinktop:hover,.dark a.nextlink:hover,.dark a.prevlink:hover {color: #000;background: linear-gradient(75deg,#ffe255,#5ed1ff);}
#np{padding-top:20px}
#np .links .next{text-align:right}
#np .links .previous span,#np .links .next span{font-size:14px;display:block;color:#666}
p.heading strong{font-family:sans-serif;font-size:16px}
#copied_msg {
  display: none;
  position: fixed;
    z-index: 99;
    top: 75px;
    background: #a0b90045;
    color: #000;
    font-size: 16px;
    padding: 10px 25px;
    border-radius: 2rem;
    left: calc(50% - 133px);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}
.dark #copied_msg{
  color: #fff;
}
h2 em, h3 em{
  font-style: normal;
  border-bottom:1px solid;
}
.entry .entry-content .program .wp-block-code {border:0;border-radius:0;padding-top: 25px;
    padding-bottom: 25px;}
.program{    border: 2px solid #639cff88;padding-bottom:10px}
.program .runonline {margin-left:1em}
.program .heading{padding-top:5px;padding-left:1em;font-size:16px;border-bottom:1px solid #8884;margin-bottom:10px}
.entry .entry-content .program .wp-block-code{border-bottom:1px solid #8884}
.breadcrumb li strong{font-family:inherit}
#lnav,#masthead,#tutorials,#topnvp,#cnts,#np,#related_cards,#sidebox,footer,#copied_msg,.runonline,.copycode{-webkit-user-select:none;-ms-user-select:none;user-select:none}
#related_cards>div:nth-child(1){background-image:url("/images/small_rectangle_bg_1.png")}
#related_cards>div:nth-child(2){background-image:url("/images/small_rectangle_bg_2.png")}
#related_cards>div:nth-child(3){background-image:url("/images/small_rectangle_bg_3.png")}
#related_cards>div:nth-child(4){background-image:url("/images/small_rectangle_bg_4.png")}
#site-title-text{font-size: 15px;
    vertical-align: middle;
    line-height: 1.1;
    display: inline-block;
    width: min-content;
    min-width:100px;
    text-align: left;}
.entry .entry-content div h2, .entry .entry-content div h3 {border-top:0}
ol{padding-left:1.5rem}
#faqs {
    background-image: linear-gradient(rgb(255 252 253), rgb(248 255 251));
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
#faqs h2 {
    padding-bottom: 10px;
}
.faq {
    border: 1px solid #88c195;
    border-bottom: 6px solid #88c195;
    border-radius: 20px;
    margin-bottom: 20px;
    background: #fff;
}
.faq .question:hover {
    background: #fffdf0;
}
.faq .question {
    font-size: 1rem;
    padding: 1rem;
    background: #fbfffd;
    margin: 0;
    border-radius: 20px;
    cursor: pointer;
}
.faq .question.expand {
    background: #fffdf0;
    border-radius: 20px 20px 0 0;
}
.faq .question::after {
    content: '+';
    float: right;
}
.faq .question.expand::after {
    content: '−';
}
.answer {
    padding: 0 1rem 2rem;
    display: none;
}
.answer.show {
    display: block;
    border-top: 1px solid #eee;
}
.answer_label {
    color: #5eab70
}
.faq .code {
  border: 1px solid #008dff;
    border-radius: 10px;
    padding: 0rem 1rem;
    margin: 1rem 1rem 0;
}
.faq_number{
  padding-right: 10px;
}
ul.breadcrumbs {
  list-style: none;
  padding: 10px 0 10px 0;
  margin: 0 auto;
  font-size: 14px;
  max-width: 1440px;
}
ul.breadcrumbs li {
  display: inline-block;
}
ul.breadcrumbs li a {
  text-decoration: none;
  color: #005dd4;
  padding: 4px 10px;
  border: 1px solid #fff;
  transition: 0.2s all ease;
}
ul.breadcrumbs li a:hover {
  border-radius: 5px;
  background: #49b4ff22;
}
ul.breadcrumbs li span.arrow {
  padding: 0 5px;
  color: #444;
}
.slider-container-outer{
  max-width:1440px;margin:auto;background:#333333;
}
.slider-container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
}

.slider {
  display: flex;
  overflow-x: scroll;
  white-space: nowrap;
  scroll-behavior: smooth;
  max-width: 100%;
  background: #333;
  color: #f0f0f0;
  padding: 0 30px;
    -ms-overflow-style: none;
  scrollbar-width: none;
}
.slider::-webkit-scrollbar {
  display: none;
}

.slider a {
  display: inline-block;
  padding: 10px;
  text-decoration: none;
  color: black;
}

.slider-container .arrow {
  position: relative;
  font-size: 16px;
  height:40px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 10px;
  background: #3a3;
  margin: 0;
  border-radius: 0;
}
#top-links:hover {
  overflow-x:auto;
}
#top-links a, #top-links a:visited {
  line-height: 30px;
  height: 40px;
  text-decoration: none;
  text-transform: uppercase;
  padding: 4px 15px;
  color: #f0f0f0;
  font-size: 14px;
  font-weight: 500;
  border-top: 4px solid #333;
}
#top-links a:hover {
  color: #fff;
  background: #000;
}
#top-links a.this{background:#79cf72;font-weight:600;padding-left:30px;color:#000;padding-right:30px;}
#top-links a.c{border-top: 4px solid #83c0ff}
#top-links a.cpp {border-top: 4px solid #439dff}
#top-links a.csharp {border-top: 4px solid #b983ff}
#top-links a.dart {border-top: 4px solid #3fb7f6}
#top-links a.go{border-top: 4px solid #5bd5ff}
#top-links a.java {border-top: 4px solid #e16c00}
#top-links a.kotlin {border-top: 4px solid #2f89d3}
#top-links a.perl {border-top: 4px solid #9fc6ff}
#top-links a.php {border-top: 4px solid #9496ff}
#top-links a.python{border-top: 4px solid #008dff}
#top-links a.r {border-top: 4px solid #70adff}
#top-links a.ruby {border-top: 4px solid #ff8f81}
#top-links a.rust {border-top: 4px solid #df8862}
#top-links a.swift {border-top: 4px solid #ff8e00}
#top-links a.typescript {border-top: 4px solid #2f75c0}
#top-links a.javascript {border-top: 4px solid #dabf00}
#top-links a.css {border-top: 4px solid #88a1ff}
#leftmenu_open,#leftmenu_close{
  display:none;
  padding: 3px 20px;
  cursor: pointer;
}
#leftmenu_oc_button{
  width: 60px;
  height: 40px;
  margin-right:20px;
}
.leftmenu_oc_button_container{display:flex;align-items:center}
#leftmenu_oc_button svg{
  height: 35px;
}
@media only screen and (min-width:1200px){article{width:calc(100% - 620px);margin:0 0.5em;border-top:1px solid #eee;}#leftmenu_oc_button{display:none}}
@media only screen and (max-width:1200px){article{width:calc(100% - 350px);margin:0 20px;float:left}#leftmenu_open{display:block;}#lnav{display:none;}}
@media only screen and (max-width:800px){
  #opaq ,#progressbar{display: none}
  #lnav{display:none;width:calc(100% - 20px)}
  article{width: calc(100% - 40px);}
  .site-header{position:inherit}
  .slider-container{margin-top:0}
  #menu-top-menu{margin-top: 0;}
  .entry .entry-header{margin:1rem 0}
  .entry-content div.row figure{display:none}
  .breadcrumb{display:none}
  #lnavicon{display: block;
  position: fixed;
  left: 5px;
  top: 50px;
  width: 50px;
  height: 45px;
  line-height: 50px;
  z-index: 10;
  background: #CCC;
  cursor: pointer;
  border-radius: 0.5rem;}
  .page-template-page-corner #lnavicon {display:none}
  footer.site-footer{clip-path: none}
  #colophon .site-info{padding-left: 0}
  .entry-content>div.wp-block-group p.outside{display:none}
  .entry-content>div.wp-block-group>div{width:100%!important}
  #lnav li.collapsed,#lnav li.expanded{cursor: initial;}
  li.collapsed::after,li.expanded::after{content:""!important}
  li.hide{display:initial}
  #sidebox{display:none}
}



div.syntax_box{border:1px solid #8ccbff5e;border-radius:1em;padding:1em;margin-bottom:1em;box-shadow:0 0 5px #ccc;width:-webkit-fill-available}pre.syntax{border-radius:.6em}#middle{text-align:left}.special{padding:0 10px;color:#0081ff;font-weight:400}pre{border:1px solid #ccc}li code,td code{font-size:15px;color:#0051be;padding:0 4px}.example_info ol{padding-left:20px}.example-number{font-size:25px;color:#4b69c9;padding:5px 10px;margin:0 10px 0 5px;box-shadow:4px 4px 0 #68ba4f,-4px -4px 0 #ff7600,-4px 4px 0 #000,4px -4px 0 #000}#leftmenu ul,.example_body{padding-left:0}.underline{padding-bottom:10px;border-bottom:2px solid #4b69c9}h3.answer{border-bottom:3px solid #68ba50;width:fit-content}.topics{padding:0}ol.topics li a{text-decoration:none;width:fit-content;padding:10px 20px;font-size:18px;color:#234;display:block;border-left:3px solid #fcc;background-image:linear-gradient(to bottom right,#fdfcfb,#fff4e480)}ol.topics{counter-reset:item}ol.topics li{display:flex;margin-bottom:10px}ol.topics li:before{content:counter(item) " ";counter-increment:item;display:block;padding:10px 20px;background:#fff5f5;text-align:right}.topics li a:hover{border-left:3px solid #ff9191}.topics a.this{background:#d0fccf}pre.syntax{border:1px solid #0061d1;padding:20px 40px!important;background:#f7fbff!important;box-shadow:0 0 3px #9496ff}#leftmenu h2{padding:0 15px;font-weight:300;margin:0;font-size:1.5rem;color:#f5f5f5;background:#2f89d3}#leftmenu h3,#leftmenu h4{padding:0 15px;font-weight:400;color:#006cc4;margin-bottom:.5em}#leftmenu ul{list-style:none}#leftmenu ul li a{padding:3px 5px 3px 15px;display:block;text-decoration:none;color:#333;font-size:15px}#leftmenu ul li a div.status{display:inline-block;color:#333;border-radius:25px;border:1px solid #333;width:18px;height:18px;text-align:center;line-height:18px;margin-right:8px}#leftmenu ul li a:visited div.status{color:#00b600;border:1px solid #00b600}#leftmenu h3{font-size:19px}#leftmenu h4{font-size:17px}input.run_code{text-decoration:none;padding:5px 10px;margin-right:20px;border-radius:8px;background:#c7ffc7;font-size:14px;color:#333;cursor:pointer;border:1px solid #333;border-bottom:4px solid #333;transition:.4s ease-in}input.run_code:hover{color:#000;border-color:#111;background:#9bff9b}
.program_block h4,.program_output h4{margin:0;padding:0 10px}
.program_output h4{margin-bottom:10px;}
pre.output{background:#123;padding:1em;overflow:auto;color:#fff;border:1px solid #c1e0ff88;border-radius:10px;font-size:16px;margin:0}a.next,a.previous{padding:5px 19px;text-decoration:none;font-size:15px;transition:.4s}.program_output{background:#d6d6d6;color:#000;padding:10px;border-radius:0 0 15px 15px}.program_block pre{background:#fff!important;border-radius:10px}div.previous_next{display:flex;justify-content:space-between}a.previous{border-radius:5px;border:2px solid #307bff;color:#307bff}a.next{border-radius:5px;background:#307bff;border:2px solid #307bff;color:#f5f5f5}a.previous:hover{box-shadow:0 0 5px}a.next:hover{box-shadow:0 0 5px #307bff}#tutorials li a{color:#2a46ca;font-weight:500;display:block;border-bottom:1px solid #0000}#tutorials li a:hover{-webkit-background-clip:text;-webkit-text-fill-color:transparent;border-bottom:1px solid #888}.program_block{background:#f1f1f1;padding:10px;border-radius:15px}button.copy{padding:5px 15px;cursor:pointer;border-radius:10px;background:#fff;border:1px solid #333;border-bottom:4px solid #333}button.copy:before{content:'';display:inline-block;background-repeat:no-repeat;vertical-align:text-top;width:20px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='12px' viewBox='0 0 448 512'%3E%3Cstyle%3Esvg%7Bfill:%23333333%7D%3C/style%3E%3Cpath d='M384 336H192c-8.8 0-16-7.2-16-16V64c0-8.8 7.2-16 16-16l140.1 0L400 115.9V320c0 8.8-7.2 16-16 16zM192 384H384c35.3 0 64-28.7 64-64V115.9c0-12.7-5.1-24.9-14.1-33.9L366.1 14.1c-9-9-21.2-14.1-33.9-14.1H192c-35.3 0-64 28.7-64 64V320c0 35.3 28.7 64 64 64zM64 128c-35.3 0-64 28.7-64 64V448c0 35.3 28.7 64 64 64H256c35.3 0 64-28.7 64-64V416H272v32c0 8.8-7.2 16-16 16H64c-8.8 0-16-7.2-16-16V192c0-8.8 7.2-16 16-16H96V128H64z'/%3E%3C/svg%3E")}


@media only screen and (max-width:500px){
  .site-branding form input{width: 150px;}
  .site-branding form{min-width: 150px;}
  article{width:100%;margin:0;padding:10px;font-size:16px;line-height:24px;}
  body{font-size:16px;}
}
div[id^="bsa-zone_1594662961585-6_123456"] {
  padding-top: 1rem;
}
@media only screen and (min-width: 0px) and (min-height: 0px) {
  div[id^="bsa-zone_1594662961585-6_123456"] {
    min-width: 0px;
    min-height: 0px;
  }
}
@media only screen and (min-width: 640px) and (min-height: 0px) {
  div[id^="bsa-zone_1594662961585-6_123456"] {
    min-width: 160px;
    min-height: 600px;
  }
}
@media only screen and (min-width: 0px) and (min-height: 0px) {
  div[id^="bsa-zone_1594660483555-1_123456"] {
    min-width: 300px;
    min-height: 250px;
  }
}
@media only screen and (min-width: 640px) and (min-height: 0px) {
  div[id^="bsa-zone_1594660483555-1_123456"] {
    min-width: 300px;
    min-height: 250px;
  }
}
@media only screen and (min-width: 1070px) and (min-height: 0px) {
  div[id^="bsa-zone_1594660483555-1_123456"] {
    min-width: 300px;
    min-height: 250px;
  }
}