code[class*=language-],pre[class*=language-]{font-family:Consolas,Menlo,Monaco,Andale Mono WT,Andale Mono,Lucida Console,Lucida Sans Typewriter,DejaVu Sans Mono,Bitstream Vera Sans Mono,Liberation Mono,Nimbus Mono L,Courier New,Courier,monospace;line-height:1.5;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection{text-shadow:none;background:#8f51e6}code[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-]::selection,pre[class*=language-] ::selection{text-shadow:none;background:#8f51e6}pre[class*=language-]{padding:10px 15px;margin:1em -15px;overflow:auto;background:#281e36;color:#ffe69d;font-size:14px;border-radius:0}@media (min-width:600px){pre[class*=language-]{font-size:16px;border:1px solid hsla(0,0%,100%,.05);margin-left:0;margin-right:0;border-radius:10px}}:not(pre)>code[class*=language-]{color:#ff6b81;font-weight:700;white-space:pre-wrap}:not(pre)>code[class*=language-]::-moz-selection,:not(pre)>code[class*=language-] ::-moz-selection{text-shadow:none;background:#8f51e6;color:#fff}:not(pre)>code[class*=language-]::selection,:not(pre)>code[class*=language-] ::selection{text-shadow:none;background:#8f51e6;color:#fff}.token-line{min-height:1em}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#95b2db}.token.keyword,.token.punctuation{color:#4edee5}.token.namespace{opacity:.7}.token.boolean,.token.number,.token.operator,.token.tag{color:#ed655e}.token.function,.token.property{color:#b886fd}.token.atrule-id,.token.selector,.token.tag-id{color:#f3ebff}.token.attr-name,code.language-javascript{color:#d6b9fe}.language-css .token.string,.language-scss .token.string,.style .token.string,.token.atrule,.token.attr-value,.token.control,.token.directive,.token.entity,.token.placeholder,.token.regex,.token.statement,.token.string,.token.unit,.token.url,.token.variable,code.language-css,code.language-scss{color:#ffb6b3}.token.dom{color:#a5c8ff}.token.deleted{text-decoration:line-through}.token.inserted{border-bottom:1px dotted #f3ebff;text-decoration:none}.token.italic{font-style:italic}.token.bold,.token.important{font-weight:700}.token.important{color:#d6b9fe}.token.entity{cursor:help}pre>code.highlight{outline:.4em solid #aa75f5;outline-offset:.4em}.line-numbers .line-numbers-rows{border-right-color:#372f42}.line-numbers-rows>span:before{color:#372f42}.line-highlight{background:rgba(237,101,94,.2);background:linear-gradient(90deg,rgba(237,101,94,.2) 70%,rgba(237,101,94,0))}.gatsby-highlight-code-line{background-color:#1c1425;display:block;margin-right:-1em;margin-left:-1em;padding-right:1em;padding-left:.75em;border-left:.25em solid #ff6b81}.modal{position:fixed;top:0;left:0;right:0;bottom:0;display:none;justify-content:center;align-items:center;min-width:100vw;min-height:100vh;font-size:16px}.modal.isOpen{display:flex}.button.button--base{min-width:110px;padding-left:20px;padding-right:20px;margin:0;justify-content:center}.button.button--close{position:absolute;top:.5rem;right:.5rem;width:2.5rem;height:2.5rem;min-width:2.5rem;padding:.435rem;font-size:0;background-color:transparent;box-shadow:none}.button--close svg{width:100%}.button--close path{fill:var(--modal-close);transition:fill .3s cubic-bezier(.66,.28,.09,.53)}.button--close:focus path{fill:var(--modal-close-active)}@media (hover:hover){.button.button--close:hover{box-shadow:none}.button--close:hover path{fill:var(--modal-close-active)}}.modal__overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:var(--black-25)}.modal__container{position:relative;width:100%;max-width:480px;max-height:100vh;margin:auto .625rem;padding:3.5rem 3.125rem 2.5rem;background-color:var(--modal-bg);border-radius:5px;color:var(--modal-color);box-shadow:0 3px 10px rgba(0,0,0,.3);overflow-y:auto}@media (max-width:420px){.modal__container{padding:2.8rem 1.25rem 2.185rem}}.modal__main{margin-bottom:2rem}@media (max-width:420px){.modal__main{margin-bottom:1.585rem}}.modal__title{margin:0 0 1.25rem;font-size:1.45rem}@media (max-width:420px){.modal__title{margin:0 0 1rem;font-size:1.3rem}}.modal.isOpening{-webkit-animation:fadeIn .2s cubic-bezier(.66,.28,.09,.53);animation:fadeIn .2s cubic-bezier(.66,.28,.09,.53)}.modal.isClosing{animation:fadeIn .2s cubic-bezier(.66,.28,.09,.53) 1 reverse}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.header{position:relative;padding:60px 20px;text-align:center;background-image:url(/header_bg.0a360164.jpg);background-position:50%;background-size:cover}.header:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8;background:rgb(16 31 60);background:linear-gradient(180deg,#101f3c,#1e3f7f 60%)}.header__wrapper{position:relative}.header__logo{width:100px;height:100px;font-size:0;margin:0 auto 35px}.header__title{margin:0 0 20px;font-size:46px;font-weight:900;color:var(--web-orange)}.header__subtitle{max-width:420px;margin:0 auto 40px;font-size:22px;line-height:1.5;color:var(--pancho)}@media (max-width:992px){.header__logo{width:90px;height:90px;margin:0 auto 30px}.header__title{font-size:42px}.header__subtitle{font-size:21px}}@media (max-width:768px){.header{padding:50px 20px}.header__logo{width:80px;height:80px;margin:0 auto 25px}.header__title{font-size:38px}.header__subtitle{margin:0 auto 35px}}@font-face{font-family:Mono;font-weight:300;src:url(/JetBrainsMono-Light.18e9ba10.eot);src:url(/JetBrainsMono-Light.b0612d62.woff) format("woff"),url(/JetBrainsMono-Light.eec897a5.woff2) format("woff2")}@font-face{font-family:Mono;font-weight:400;src:url(/JetBrainsMono-Regular.7c9e37bf.eot);src:url(/JetBrainsMono-Regular.b95c3301.woff) format("woff"),url(/JetBrainsMono-Regular.541adadc.woff2) format("woff2")}@font-face{font-family:Mono;font-weight:700;src:url(/JetBrainsMono-Bold.2ff174d5.eot);src:url(/JetBrainsMono-Bold.9ee702ac.woff) format("woff"),url(/JetBrainsMono-Bold.f5b6be79.woff2) format("woff2")}@font-face{font-family:Mono;font-weight:900;src:url(/JetBrainsMono-ExtraBold.c73c682d.eot);src:url(/JetBrainsMono-ExtraBold.87542a16.woff) format("woff"),url(/JetBrainsMono-ExtraBold.e02cda61.woff2) format("woff2")}.button{display:inline-flex;align-items:center;justify-content:center;min-width:205px;padding:10px 16px;margin:8px;font-size:16px;font-weight:700;background-color:var(--white);border-radius:4px;border:0;color:var(--bay-of-many);box-shadow:0 8px 18px -5px var(--bay-of-many-rgba-45);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-decoration:none;transition:background-color var(--animation),color var(--animation),box-shadow var(--animation) ease}.button__icon{width:24px;height:24px;margin-right:10px;stroke:var(--bay-of-many);transition:stroke var(--animation)}@media (hover:hover){.button:hover{background-color:var(--web-orange);color:var(--white);box-shadow:0 8px 18px -5px var(--web-orange-rgba-45)}.button:hover .button__icon{stroke:var(--white)}}.installation{padding:15px 0;background-color:var(--web-orange)}.installation__box,.installation__list{display:flex;align-items:center;justify-content:center}.installation__list{margin:0;padding:0;overflow:hidden}.installation__item{display:flex;align-items:center;justify-content:center;max-width:320px;margin:0 4px;font-size:14px;background-color:var(--cloud-burst);border-radius:4px;color:var(--white);overflow-x:auto}.installation__title{margin:0 20px 0 0;font-size:16px;font-weight:700}.installation__head{padding:10px 15px;background-color:var(--black-25);font-size:14px;text-transform:uppercase}.installation__value{padding:10px 15px;color:var(--pancho);white-space:nowrap}@media (max-width:992px){.installation__box,.installation__list{flex-flow:column}.installation__item{margin:5px}.installation__title{margin:0 0 10px}}.wrapper{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;width:100%;max-width:1400px;padding:0 20px;margin:0 auto}@media (max-width:1440px){.wrapper{max-width:1200px}}.footer{padding:15px 0;background-color:var(--black-25);color:var(--white)}.article{width:100%;padding:50px 0;border-bottom:1px solid var(--black-25)}.article:last-child{border-bottom:0}.article__example-box{display:flex;justify-content:center;margin:60px -20px 0}.article__example{display:flex;align-items:center;justify-content:center;width:40%;margin:0 20px;background:var(--black-25);border-radius:10px}.article__code{width:60%;margin:0 20px}.article__title{margin-bottom:45px;color:var(--pancho);text-align:center}.article__title-box{position:relative;display:inline-block}.article__subtitle{margin-bottom:25px;color:var(--pancho);text-align:center}.article__docs{margin-bottom:15px;color:var(--pancho)}.article__solid{margin:auto;max-width:750px}.article__solid--center{text-align:center}.article__step{margin-top:45px}.article__specification{display:inline-block;margin-right:10px}.article__specification:last-child{margin-right:0}.article__specification--addition{padding:2px 8px;background:var(--black-25);border-radius:4px;color:var(--white);font-weight:400;font-size:21px}@media (max-width:992px){.article__title{text-align:left}.article__title-box{display:block}}@media (max-width:768px){.article{padding:35px 0}.article__title{margin-bottom:25px;font-size:31px}.article__title-box{padding-right:50px}.article__example-box{flex-wrap:wrap;margin:30px 0 0}.article__code,.article__example{width:100%;margin:0}.article__example{order:2;height:160px}.article__code{margin-bottom:35px}.article__step{margin-top:35px}.article__specification--addition{font-size:18px}}.main{padding:25px 0}.main p{color:var(--white)}.main p.special,.main span.special,.main strong.special{color:var(--web-orange)}.main code.special{padding:2px 8px;background:var(--black-25);border-radius:4px;font-size:16px}@media (max-width:768px){.main{padding:15px 0}}.check-list__item{position:relative;padding-left:40px;margin-bottom:25px}.check-list__item:last-child{margin-bottom:0}.check-list__item:before{content:"";position:absolute;top:2px;left:0;width:25px;height:25px;background-image:url(/check.c82bdfdc.svg);background-size:cover;background-position:50%;background-repeat:no-repeat}@media (max-width:768px){.check-list__item{margin-bottom:15px}}.permalink{position:absolute;top:3px;left:-50px;width:50px;height:50px;padding:10px;background-image:url(/link.15c3422b.svg);background-size:25px 25px;background-position:50%;background-repeat:no-repeat;transition:opacity .15s ease}.permalink--small{top:-1px;left:-45px;width:40px;height:40px;padding:5px}@media (hover:hover){.permalink-trigger:hover .permalink{opacity:1}.permalink{opacity:0}}@media (max-width:992px){.permalink,.permalink--small{left:auto;right:-10px}}@media (max-width:768px){.permalink{top:2px;width:45px;height:45px}.permalink--small{top:-3px;right:-7px;width:40px;height:40px}}:root{--white:#fff;--web-orange:#ffa300;--web-orange-rgba-45:rgba(255,163,0,0.45);--bay-of-many:#1e3f7f;--bay-of-many-rgba-45:rgba(16,31,60,0.45);--black-25:rgba(0,0,0,0.25);--pancho:#efd7ad;--cloud-burst:#23314c;--shark:#242626;--gallery:#eee;--gallery-rgba-4:hsla(0,0%,93.3%,0.4);--bright-gray:#393e46;--animation:0.3s;--modal-close:var(--gallery-rgba-4);--modal-close-active:var(--gallery);--modal-bg:var(--bright-gray);--modal-color:var(--gallery)}*,:after,:before{box-sizing:border-box}html{background-color:var(--cloud-burst)}body{min-width:320px;scroll-behavior:smooth;text-rendering:optimizeSpeed;line-height:1.65;font-family:Mono;color:var(--white)}blockquote,body,dd,dl,figcaption,figure,h1,h2,h3,h4,ol,p,ul{margin:0}ol,ul{padding:0;list-style-type:none}ol:not(:last-child),ul:not(:last-child){margin-bottom:35px}h1,h2,h3,h4,h5,h6,p{line-height:1.65}p{font-size:16px}h1{font-size:36px}h1,h2{margin:0 0 45px}h2{font-size:34px}h3,h4{margin:0 0 15px;font-size:24px}p:not(:last-child){margin-bottom:25px}a{color:var(--web-orange);transition:color var(--animation)}@media (hover:hover){a:hover{color:var(--pancho)}}img,svg{max-width:100%}button,input,select,textarea{font:inherit}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}pre{display:none}pre[class*=language-]{display:block;padding:5px 35px;margin:0 0 25px;overflow:auto;background:var(--black-25);font-size:14px;border-radius:10px}pre[class*=language-]:last-child{margin-bottom:0}figcaption{font-style:italic;text-align:center}@media (prefers-reduced-motion:reduce){*{-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (max-width:768px){h1,h2,h3,h4,h5,h6{line-height:1.45}h3,h4{font-size:22px}pre[class*=language-]{padding:5px 20px;margin:0 -20px 25px;border-radius:0}}
/*# sourceMappingURL=/styles.4c09723f.css.map */