@keyframes underline-run-right{0%{background-size:100% 100%;background-position:right}49%{background-size:0 100%;background-position:right}50%{background-position:left;background-size:0 100%}100%{background-position:left;background-size:100% 100%}}@keyframes underline-run-left{0%{background-size:100% 100%;background-position:left}49%{background-size:0 100%;background-position:left}50%{background-position:right;background-size:0 100%}100%{background-position:right;background-size:100% 100%}}*{box-sizing:border-box;margin:0;padding:0;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}*::after,*::before{box-sizing:border-box}p{margin:0 0 20px}p:last-child{margin-bottom:0}a{text-decoration:none;color:inherit;cursor:pointer}ul,ol{list-style:none}input,textarea,select{font-family:inherit;box-shadow:none;border-radius:0}input[type=search]::-webkit-search-cancel-button{display:none}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{opacity:1}input:-moz-placeholder,textarea:-moz-placeholder{opacity:1}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1}input:-ms-input-placeholder,textarea:-ms-input-placeholder{opacity:1}input:placeholder,textarea:placeholder{opacity:1}button{border:none;background-color:rgba(0,0,0,0);font-family:inherit;color:inherit}button::-moz-focus-inner{border:0}input[type=submit],button[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none}h1,h2,h3,h4,h5,h6{font-weight:400;font-size:1em}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}html.fixed,html.fixed body{overflow:hidden;position:fixed;width:100%;height:100%}body{font-family:"Open Sans",sans-serif;font-size:16px;font-weight:400;line-height:1.2;color:#0a0a0a}.app-wrap{display:flex;min-height:100vh;width:1000px;margin:auto;border-left:1px solid #f1f1f1;border-right:1px solid #f1f1f1}.page{flex-grow:1;position:relative;overflow:hidden;padding:0 30px 50px}.section{position:relative}.section-content{margin:auto}.stretch{position:absolute;top:0;left:0;width:100%;height:100%}img.stretch{object-fit:cover;object-position:center}.unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}code{position:relative;margin:10px 0 20px;border:1px solid #ccc;padding:6px;border-radius:5px;white-space:pre;font-family:"JetBrains Mono",monospace}code br{display:none}code .copy-button{position:absolute;top:3px;right:3px;width:22px;height:24px;border:1px solid gray;background:url(../images/copy.svg) no-repeat center/66%;border-radius:4px;outline:none;opacity:0;background-color:#fff;visibility:hidden;transition:opacity .5s ease,visibility .5s ease}code .copy-button::before{content:"Copied!";position:absolute;bottom:100%;left:50%;translate:-50% -5px;font-size:13px;background-color:#fff;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}code .copy-button.copied{opacity:1;visibility:visible}code .copy-button.copied::before{opacity:1;visibility:visible}code:hover .copy-button{opacity:1;visibility:visible}.wp-block-code code{display:block}a.external::after{content:"";display:inline-block;width:10px;height:10px;margin:0 0 0 5px;background:url(../images/external-link.svg) no-repeat center/contain}figure{margin-bottom:40px}figure:last-child{margin-bottom:0}.button{display:inline-block;cursor:pointer;border:none}form textarea{resize:none}.header-container{flex-shrink:0;border-right:1px solid #ccc}.header-container .header{position:sticky;top:0}.header-container .header .main-menu .menu-item a{background-image:linear-gradient(to top, transparent 0, #000000 0, #000000 1px, transparent 1px);background-repeat:no-repeat;background-size:0 100%;transition:background-size .3s;background-position:left}.header-container .header .main-menu .menu-item a.hover,.header-container .header .main-menu .menu-item a:hover,.header-container .header .main-menu .menu-item a:focus{background-size:100% 100%}.header-container .header .main-menu .menu-item:nth-child(n+2){margin-top:1em}.header-container .header .main-menu .current-menu-item{font-weight:500}.header-container .header .main-menu .sub-menu{position:relative;padding:1em 0 0 1em}.header-container .header .main-menu .sub-menu::before{content:"";position:absolute;top:3px;left:4px;width:1px;height:calc(100% - .5em - 3px);background-color:#ccc}.header-container .header .main-menu .sub-menu .menu-item{position:relative}.header-container .header .main-menu .sub-menu .menu-item::before{content:"";position:absolute;top:50%;left:-12px;width:9px;height:1px;background-color:#ccc}.pop-up{position:fixed;display:flex;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.9);overflow:auto;z-index:1000;opacity:0;visibility:hidden;transition-property:opacity,visibility;transition-duration:.4s}.pop-up.active{opacity:1;visibility:visible}.pop-up .window-container{position:relative;margin:auto;padding:50px}.pop-up .window-container .window{position:relative;background-color:#fff}.pop-up .window-container .window .close-btn{position:absolute;width:18px;height:18px;top:-20px;right:-20px;cursor:pointer;z-index:1}.pop-up .window-container .window .close-btn::before,.pop-up .window-container .window .close-btn::after{content:"";position:absolute;top:8px;left:-1px;width:21px;height:2px;background-color:#7a8190}.pop-up .window-container .window .close-btn::before{transform:rotate(45deg)}.pop-up .window-container .window .close-btn::after{transform:rotate(-45deg)}.pop-up .window-container .window .close-btn:hover::before,.pop-up .window-container .window .close-btn:hover::after{background-color:#000}.side-panel{position:fixed;top:0;bottom:0;background-color:#fff;transition:transform .3s;z-index:1001}.side-panel.side-panel-left{left:0;transform:translate(-100%, 0)}.side-panel.side-panel-right{right:0;transform:translate(100%, 0)}.side-panel.active{transform:translate(0, 0)}.side-panel-bg{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);cursor:pointer;visibility:hidden;opacity:0;transition-property:opacity,visibility;transition-duration:.3s;z-index:1000}.side-panel-bg.active{visibility:visible;opacity:1}

/*# sourceMappingURL=css\bundle.css.map*/