.wrap-collabsible{margin:25px 0}input[type=checkbox]{display:none}.lbl-toggle,.section-bar{display:block;text-align:center;padding:1rem;color:#fff;background:hsl(202,58%,60%);cursor:pointer;border-radius:5px;transition:all .25s ease-out}.lbl-toggle:hover{background:hsl(201,58%,25%)}.lbl-toggle::before{content:" ";display:inline-block;border-top:5px solid rgba(0,0,0,0);border-bottom:5px solid rgba(0,0,0,0);border-left:5px solid currentColor;vertical-align:middle;margin-right:.7rem;transform:translateY(-2px);transition:transform .2s ease-out}.toggle:checked+.lbl-toggle::before{transform:rotate(90deg) translateX(-3px)}.collapsible-content{max-height:0px;overflow:hidden;transition:max-height .25s ease-in-out}.toggle:checked+.lbl-toggle+.collapsible-content{max-height:1000vh}.toggle:checked+.lbl-toggle,.section-bar{border-bottom-right-radius:0;border-bottom-left-radius:0}.section-bar{cursor:default}.collapsible-content .content-inner{background:#fff;border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding:30px 35px 5px}.hljs{display:block;overflow-x:auto;padding:.5em;background:#2b2b2b;color:#bababa}.hljs-name{color:#cb7832}.hljs-meta{color:#7f7f7f}.code-snippet{position:relative;margin-bottom:15px;text-align:right}.code-snippet pre{display:block;text-align:left;word-break:break-word;word-wrap:break-word;font-family:Monospace;font-size:16px;font-weight:500;line-height:22px}.code-snippet pre code{white-space:pre-wrap;max-height:494px;padding:20px}@media screen and (min-width: 768px){.code-snippet pre{font-size:16px;font-weight:500;line-height:22px}}.code-snippet .hljs{background-color:#222;color:#fff}.code-snippet .hljs-meta{color:#8a8a8a}@media screen and (min-width: 992px){.code-snippet{max-width:1000px}}@media screen and (min-width: 1200px){.code-snippet{max-width:none}}.pixel-pad{margin-bottom:35px}ul.list-bold{margin-bottom:35px;font-family:"Open Sans",sans-serif;font-family:"Open Sans Bold",sans-serif;font-weight:700}