@font-face{font-family:Rubik;src:local("Rubik Light Italic"),local("Rubik-LightItalic"),url(/fonts/subset-Rubik-LightItalic.woff2) format("woff2"),url(/fonts/subset-Rubik-LightItalic.woff) format("woff");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:Rubik;src:local("Rubik Light"),local("Rubik-Light"),url(/fonts/subset-Rubik-Light.woff2) format("woff2"),url(/fonts/subset-Rubik-Light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Rubik;src:local("Rubik Bold"),local("Rubik-Bold"),url(/fonts/subset-Rubik-Bold.woff2) format("woff2"),url(/fonts/subset-Rubik-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Rubik;src:local("Rubik Medium"),local("Rubik-Medium"),url(/fonts/subset-Rubik-Medium.woff2) format("woff2"),url(/fonts/subset-Rubik-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}pre{position:relative;border-radius:10px}kbd{background-color:#f5e8d6;border-radius:3px;border:thin solid #d5c2ac;padding:0 5px;font-family:Courier New,monospace;white-space:nowrap}.btn-copy{display:block;position:absolute;top:10px;right:10px;cursor:pointer}.btn-copy,.btn-copy svg{width:28px;height:28px}.btn-copy svg path.check{opacity:0}.tooltip{visibility:hidden;width:auto;background-color:var(--main-dark);color:#fff;text-align:center;padding:5px 15px;border-radius:6px;font-size:14px;white-space:nowrap;transform:translateX(-50%);letter-spacing:.02em;position:absolute;z-index:1;opacity:0;transition:opacity .3s}s .tooltip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-8px;border:8px solid transparent;border-top:8px solid var(--main-dark)}.sm{background-repeat:no-repeat;background-position:50%;background-size:auto 24px}.sm.tb{background-image:url(../img/ico_Tumblr.svg)}.sm.tw{background-image:url(../img/ico_Tweeter.svg)}.sm.fb{background-image:url(../img/ico_Facebook.svg)}.sm.gp{background-image:url(../img/ico_Google.svg)}.fgroup{position:relative;display:inline-block;width:100%;vertical-align:top;white-space:nowrap}.fgroup label,fieldset legend{display:inline-block;margin:0 0 8px;cursor:pointer}.fgroup input{display:block;width:100%;height:28px;font-size:14px;background-color:var(--main-bg-color);border-radius:4px;border:none;padding:5px 7px;color:var(--main-dark);font-family:Rubik,sans-serif;font-weight:500;box-sizing:border-box}.fgroup input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.fgroup.chbx label{padding-left:30px}.fgroup.chbx input:focus~.checkmark,.fgroup input:focus{outline:none;box-shadow:0 0 0 3px var(--accent-color)}.fgroup>span,fieldset legend>span:last-child{margin-left:10px;display:inline-block;background-color:var(--main-dark);width:20px;height:20px;border-radius:50%;line-height:20px;text-align:center;padding:2px;font-weight:700;font-family:Rubik,sans-serif;font-size:14px;transform:translateY(-1px);cursor:pointer}.fgroup small,fieldset small{font-size:14px;color:#8a909a}.fgroup span.checkmark{position:absolute;top:3px;left:0;height:18px;width:18px;background-color:#2c3139;border-radius:3px;border:thin solid var(--main-dark);padding:0}.fgroup.chbx input:checked~.checkmark:after{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../img/ico_check.svg);background-position:50%;background-repeat:no-repeat;background-size:14px;content:""}fieldset{border:none;padding:0;margin:0}fieldset legend{cursor:default}fieldset div{white-space:nowrap;display:inline-block}fieldset .labs{margin-right:10px;width:auto;color:#abb2bf}fieldset label{cursor:pointer}fieldset .fgroup{max-width:90px}fieldset input,fieldset label{display:block;width:100%;margin:0 0 10px}.toggle{display:inline-flex;cursor:pointer}.toggle>span{display:inline-block;padding:0 10px;align-self:center;text-transform:uppercase;font-size:16px;font-weight:700;letter-spacing:.05em;color:var(--main-grey);cursor:pointer}.toggle>span,.toggle>span:hover{transition:color .15s ease-in-out}.toggle>span:hover{color:var(--accent-color)}.toggle>span:first-child{justify-self:end}.minifier>span:nth-child(3){justify-self:start}.toggle label{position:relative;width:57px;height:31px;display:inline-block;cursor:pointer;background-color:var(--darker-color);border-radius:8px;border:2px solid rgba(89,96,110,.5)}.toggle input{position:absolute;opacity:0;height:0;width:0}.toggle input:checked~.switch{left:calc(100% - 27px);transition:left .2s cubic-bezier(.3,2.5,.5,1)}.toggle .switch{position:absolute;width:23px;height:23px;background-color:var(--accent-color);border-radius:5px;margin:2px;left:0;transition:left .2s cubic-bezier(.3,2.5,.5,1)}article ol,article ul{padding-left:40px}article ul{list-style:initial}article ol{list-style-type:decimal}article dt{font-size:100%;font-weight:700}article dd{font-size:100%;margin:0 0 1em}dt kbd,h2 kbd,h3 kbd,h4 kbd,h5 kbd{font-family:inherit;font-weight:300}article h4{margin-top:1.5em}.title-note{text-align:center;margin:.75em 0 2em;line-height:1.2em}@media screen and (min-width:2001px){.sm{background-size:auto 1.2vw}.fgroup label,fieldset legend{margin:0 0 .4vw}.fgroup input{height:1.4vw;font-size:.7vw;border-radius:.2vw;padding:.25vw .35vw}.fgroup.chbx label{padding-left:1.5vw}.fgroup.chbx input:focus~.checkmark,.fgroup input:focus{box-shadow:0 0 0 .15vw var(--accent-color)}.fgroup>span,fieldset legend>span:last-child{margin-left:.5vw;width:1vw;height:1vw;line-height:1vw;padding:.1vw;font-size:.7vw;transform:translateY(-.05vw)}.fgroup label>span,fieldset legend>span:first-child{font-size:.7vw}.fgroup span.checkmark{top:.15vw;height:.9vw;width:.9vw;border-radius:.15vw}.fgroup.chbx input:checked~.checkmark:after{background-size:.7vw}fieldset .labs{margin-right:.5vw}fieldset .fgroup{max-width:4.5vw}fieldset input,fieldset label{margin:0 0 .5vw}}#constructor{margin:0 auto;display:grid;width:100%;grid-template-columns:57% 43%;grid-template-rows:35vw;overflow:hidden}#constructor a{text-decoration:none}#constructor div{display:block;position:relative}#constructor .image img{float:right;width:auto;height:650px}#constructor .description{padding:1px 0}#constructor .description>div{max-width:calc(820px - 12vw);height:auto;top:42%;left:100%;transform:translateY(-50%)}#constructor .description h2{margin-bottom:20px;transform:translateX(-.05em);color:var(--main-bg-color)}#constructor .description .button{margin-top:36px}@media screen and (max-width:1800px){#constructor .description>div{max-width:calc(100% - 240px);padding-bottom:100px}}@media screen and (max-width:1365px){#constructor{display:block}#constructor .image img{float:none;margin-right:0;margin-top:20px;height:500px;object-fit:contain;width:120%;margin-left:-10%}#constructor .description>div{text-align:center;max-width:calc(820px - 7vw);height:auto;top:0;left:50%;transform:translateX(-50%);width:calc(100% - 120px);margin-bottom:100px;padding-bottom:0}#constructor .description h2{margin-top:0}}@media screen and (max-width:599px){#constructor .image img{margin-top:0;height:455px;object-fit:scale-down;width:auto;margin-left:-40%}#constructor .description>div{width:calc(100% - 40px);margin-bottom:46px}#constructor .description .button{margin-top:23px;padding:10px 31px}}@media screen and (min-width:2001px){#constructor .image img{height:32.5vw}#constructor .description>div{max-width:34vw}#constructor .description h2{margin-bottom:1vw}#constructor .description .button{margin-top:1.8vw}}#quick-start{max-width:960px;margin:0 auto;padding:0 0 60px}#quick-start h3{margin:80px 0 0;text-align:center}#quick-start ol{margin:0;padding:0;list-style:decimal}@media screen and (max-width:1080px){#quick-start{max-width:calc(100% - 120px)}#quick-start h3{margin:60px 0 0}}@media screen and (max-width:599px){#quick-start{max-width:calc(100% - 60px)}#quick-start h3{margin:36px 0 0}}@media screen and (min-width:2001px){#quick-start{max-width:48vw;padding:0 0 3vw}#quick-start h3{margin:4vw 0 0}}#key-features{padding:1px 65px 110px}#key-features h3{margin:80px 0 60px;text-align:center}#key-features>ul{padding:0;list-style:none;max-width:1640px;margin:0 auto;display:grid;grid-gap:65px;column-gap:65px;row-gap:20px;grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}#key-features>ul>li{margin:0}@media screen and (max-width:1080px){#key-features h3{margin:60px 0 50px}#key-features>ul{column-gap:30px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media screen and (max-width:599px){#key-features>ul{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}#key-features{padding:1px 30px 55px}}@media screen and (min-width:2001px){#key-features{padding:1px 3.25vw 5.5vw}#key-features h3{margin:4vw 0 3vw}#key-features>ul{max-width:82vw;grid-gap:3.25vw;column-gap:3.52vw;row-gap:1vw;grid-template-columns:repeat(auto-fill,minmax(18vw,1fr))}}#pros-and-cons{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;grid-template-areas:"title title" "pros cons"}#pros-and-cons h3{grid-area:title;margin-bottom:50px}#pros-and-cons span{display:block}#pros-and-cons ul{display:block;margin:0;list-style:none;max-width:none;padding:100px 0 0;background-size:auto 36px;background-repeat:no-repeat}#pros-and-cons .pros{grid-area:pros;text-align:right;padding-right:30px;border-right:thin solid hsla(0,0%,100%,.15);background-image:url(../img/ico_pros.svg);background-position:top 20px right 50px}#pros-and-cons .cons{grid-area:cons;padding-left:30px;background-image:url(../img/ico_cons.svg);background-position:top 20px left 50px}#pros-and-cons li{color:#abb2bf;margin-bottom:26px;line-height:1.3em}@media screen and (max-width:599px){#pros-and-cons{display:block}#pros-and-cons h3{margin-bottom:30px}#pros-and-cons ul{background-size:auto 36px;background-repeat:no-repeat}#pros-and-cons .cons,#pros-and-cons .pros{text-align:center;border-right:none;padding:85px 0 0;background-position:top 20px center}#pros-and-cons li{margin-bottom:13px}}@media screen and (min-width:2001px){#pros-and-cons h3{margin-bottom:2.5vw}#pros-and-cons ul{padding:5vw 0 0;background-size:auto 1.8vw}#pros-and-cons .pros{padding-right:1.5vw;background-position:top 1vw right 2.5vw}#pros-and-cons .cons{padding-right:1.5vw;background-position:top 1vw left 2.5vw}#pros-and-cons li{margin-bottom:1.3vw}}#subscription{margin-top:-1px;padding:1px 0 75px;text-align:center;position:relative}#subscription h3{margin:70px 0 20px}#subscription .subtitle{max-width:960px;margin:0 auto 40px}#subscription div{vertical-align:top;display:inline-block;position:relative;transform:translateX(-94px);margin-bottom:40px}#subscription input{width:400px;height:52px;padding:0 .5em .1em;border-radius:6px;border:2px solid #b72b26;letter-spacing:-.04em;font-family:Rubik,sans-serif;font-weight:300;font-size:1.56rem;color:var(--main-dark);background:linear-gradient(180deg,#d8d8d8 1%,#fff)}#subscription input::placeholder{color:#abb2bf;font-weight:300;font-family:Rubik,sans-serif}#subscription button{position:absolute;right:0;top:0;width:180px;padding:0;height:52px;transform:translateX(188px);border-radius:4px;font-family:Rubik,sans-serif;font-weight:300;font-size:1.56rem;background:linear-gradient(180deg,#596171 0,#3d424d);overflow:hidden}#subscription small{display:block;max-width:755px;color:hsla(0,0%,100%,.65);margin:0 auto}#subscription button span{display:none;font-size:14px;color:var(--main-dark);font-weight:500;letter-spacing:-.02em;position:absolute;padding-top:9px;top:0;left:0;height:100%;width:100%;background:repeating-linear-gradient(-45deg,#ffc099,#ffc099 10px,#f9b286 0,#f9b286 20px)}#subscription button span:after{content:"";position:absolute;top:0;right:0;height:20px;width:20px;background-image:url(/img/ico_closer_dark.svg);background-repeat:no-repeat;background-position:50%;background-size:50%}#subscription button.error span{display:block}#subscription button:disabled{background:linear-gradient(180deg,rgba(89,96,110,.5) 0,rgba(58,63,74,.5))}#subscription .overlay{display:none;visibility:hidden;opacity:0;content:"";position:absolute;top:0;left:0;height:100%;width:100%;background-color:var(--accent-color)}#subscription .overlay main{width:100%;display:block;position:absolute;height:auto;top:50%;left:50%;transform:translate(-50%,-50%)}#subscription .overlay main h3{margin-top:18px}@media screen and (max-width:1080px){#subscription{padding:1px 0 55px}#subscription .subtitle{max-width:calc(100% - 120px)}#subscription button{margin-bottom:50px}}@media screen and (max-width:670px){#subscription input{width:360px}#subscription small{max-width:calc(100% - 120px)}}@media screen and (max-width:599px){#subscription{padding:1px 0 34px}#subscription h3{margin:34px 0 20px}#subscription .subtitle{max-width:calc(100% - 60px);margin-bottom:24px}#subscription div{transform:none}#subscription input{display:block}#subscription button{margin-top:20px;position:relative;transform:none}#subscription small{max-width:calc(100% - 60px)}}@media screen and (max-width:480px){#subscription input{width:100%;margin:0}}@media screen and (max-width:365px){#subscription input{width:calc(100% - 20px);margin:0 auto}}@media screen and (min-width:2001px){#subscription{padding:.05vw 0 3.75vw}#subscription h3{margin:3.5vw 0 1vw}#subscription .subtitle{max-width:48vw;margin:0 auto 2vw}#subscription div{transform:translateX(-4.7vw);margin-bottom:2vw}#subscription input{width:20vw;height:2.6vw;border-radius:.3vw;border:.1vw solid #b72b26}#subscription button{width:9vw;height:2.6vw;transform:translateX(9.4vw);border-radius:.2vw}#subscription small{max-width:37.75vw}#subscription button span{font-size:.7vw;padding-top:.45vw;background:repeating-linear-gradient(-45deg,#ffc099,#ffc099 .5vw,#f9b286 0,#f9b286 1vw)}#subscription button span:after{height:1vw;width:1vw}#subscription .overlay main h3{margin-top:.9vw}}#wrapr>footer{position:relative;padding:1px 0 20px;text-align:center}#wrapr>footer h5{margin:53px 0 40px}#wrapr>footer ul{list-style:none;margin:0 0 90px;padding:0;white-space:nowrap}#wrapr>footer li{display:inline-block;margin:0 5px}#wrapr>footer li a{width:44px;height:44px;display:block}#wrapr>footer p{margin:0 0 10px}#wrapr>footer p a{color:#abb2bf;font-weight:700;font-family:Rubik,sans-serif}@media screen and (max-width:599px){#wrapr>footer h5{margin:43px 0 30px}#wrapr>footer ul{margin:0 0 80px}}@media screen and (min-width:2001px){#wrapr>footer{padding:.05vw 0 1vw}#wrapr>footer h5{margin:2.65vw 0 2vw}#wrapr>footer ul{margin:0 0 4.5vw}#wrapr>footer li{margin:0 .25vw}#wrapr>footer li a{width:2.2vw;height:2.2vw}#wrapr>footer p{margin:0 0 .5vw}}.example{border:4px solid rgba(89,97,113,.11);border-radius:20px;padding:1em 2.3em .4em;margin-bottom:4em}.example h4{position:relative;margin:0;left:50%;top:-.65em;transform:translate(-50%,-50%);padding:0 30px;text-align:center;background-color:var(--main-bg-color);display:inline-block;color:var(--accent-color)}.example>div,.example p{position:relative;top:-2em}.example>div{display:grid;grid-gap:40px;grid-template-columns:1fr 1fr}.example h5{margin:15px 0 2px}.example pre{overflow:scroll;margin:1px 0 30px!important;max-width:100%;box-sizing:border-box}.example pre:last-child{margin:1px 0 0!important}.example>legend{text-align:center;color:var(--accent-color);padding:0 25px}.example .preview fieldset{border:thin solid rgba(89,97,113,.3);border-radius:10px;padding:11px 30px 25px;margin-top:30px}.example .preview fieldset>legend{margin:0;padding:3px 15px 0}.example .preview .gallery{display:flex;justify-content:flex-start}.example .preview img{width:80px;height:45px;border-radius:4px;margin:0 7px}.example .my-links strong{display:block;margin-bottom:7px}.example .my-links ul{display:inline-block;margin:0 80px 0 0!important;padding:0;list-style:none}.example article{margin-bottom:4px}.example article p{top:0}.example article a{text-decoration:underline}.example .article-image{position:relative;float:right;width:160px;height:169px;margin:8px 0 0 30px;border-radius:4px;cursor:pointer}.example .article-image img{width:100%;height:100%;object-fit:cover;margin:0}.example .article-image:after{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/ico_zoom.svg) no-repeat 50%;background-size:60px;content:""}.example article div.banner{position:relative;display:block;width:100%;height:90px;background-color:#cfd4de;border-radius:4px;border:thin solid rgba(93,118,168,.23);margin-top:30px;box-sizing:border-box;cursor:pointer}.example article div.banner span{font-size:24px;letter-spacing:.05em;text-transform:uppercase;color:#ececec;font-weight:700;font-family:Rubik,sans-serif;text-align:center;position:relative;display:block;top:50%;transform:translateY(-50%)}@media screen and (max-width:1023px){.example>div{display:block}.example .preview fieldset{margin-bottom:30px}.example article div.banner{margin-top:58px}}@media screen and (max-width:599px){.example{border-radius:15px;padding:0 1.15em .2em}.example h4{top:-.1em;padding:0 5px}.example .preview fieldset{border-radius:8px;padding:6px 10px 15px;margin:10px 0}.example .preview img{width:57px;object-fit:cover;margin:0 5px}.example .my-links ul{margin:0 32px 0 0!important}.example .article-image{float:none;width:100%;max-width:350px;height:100px;margin:20px auto}.example .article-image img{width:100%;object-fit:cover;margin:0}.example article div.banner{margin-top:20px}}#customizer{position:relative;padding-top:150px}#customizer h1{text-align:center;width:calc(100% - 80px);margin:0 auto}#browser{margin-top:150px;height:auto;background-color:rgba(0,0,0,.2);padding-bottom:50px}#browser,#window{position:relative}#window{margin:0 auto;width:1400px;height:450px;background-color:var(--main-bg-color);border-radius:6px;display:flex;flex-flow:column;max-width:calc(100% - 30px);min-width:280px;min-height:320px}.ruler{top:0;left:0;width:2500px;height:24px;background-image:url(../img/ruler.png);background-size:auto 24px}.breakpoint,.ruler{display:block;position:absolute;transform:translateY(-100%)}.breakpoint{top:-32px;width:180px;border-left:thin solid #abb2bf;height:70px;padding:0 10px}.breakpoint small{color:#abb2bf}.breakpoint p{line-height:1.2;margin:0}.breakpoint:after,.breakpoint:before{display:block;position:absolute;left:-3px;width:5px;height:5px;background-color:#abb2bf;content:"";border-radius:50%}.breakpoint:before{top:-2.5px}.breakpoint:after{bottom:-2.5px}.breakpoint.align-right{border-left:none;border-right:thin solid #abb2bf;text-align:right;transform:translate(-100%,-100%)}.breakpoint.align-right:after,.breakpoint.align-right:before{left:auto;right:-3.5px}#window .toolbar{position:relative;width:100%;height:47px;border-top-left-radius:6px;border-top-right-radius:6px}#window .viewport{position:relative;height:100%;border-bottom-left-radius:6px;border-bottom-right-radius:6px;overflow:hidden}#window .viewport div.gallery{position:relative;max-width:720px;margin:0 auto;top:50%;transform:translateY(-50%);display:grid;grid-template-columns:1fr 1fr 1fr 1fr}#window .viewport div.gallery img{align-self:center;justify-self:center;width:160px;height:90px;margin:10px 0;border-radius:4px}#window .handle{display:block;position:absolute;transform:translate(-50%,-50%);background-color:#abb2bf;border-radius:4px;box-shadow:0 0 15px rgba(35,46,67,.5);z-index:99}#window .handle.width{width:15px;height:100px;left:100%;top:50%;cursor:ew-resize}#window .handle.width:after{position:absolute;top:50%;left:28px;transform:translateY(-50%);width:100px;content:"Drag here to simulate page width";font-size:14px;color:#abb2bf;cursor:default;visibility:visible;opacity:1}#window .handle.width.inside:after{left:-112px;text-align:right;color:var(--main-dark)}#window .handle.width.no-tip:after{visibility:hidden;opacity:0;transition:visibility 0s .2s,opacity .2s ease-in-out}#window .handle.height{width:100px;height:15px;top:100%;left:50%;cursor:ns-resize}.tabs{padding-bottom:20px}.tabs fieldset{white-space:nowrap}.tabs nav.breakpoints{background-color:rgba(0,0,0,.2)}.tabs nav.objects{background-color:rgba(0,0,0,.1)}.tabs nav ul{list-style:none;padding:0;margin:0 auto;width:85%}.tabs nav li{display:inline-block;margin:0 36px 0 0}.tabs nav a{padding:10px 0 8px;display:inline-block;height:100%;color:#abb2bf;box-sizing:border-box;border-bottom:2px solid rgba(218,78,73,0);transition:border-bottom .15s linear,color .15s linear}.tabs nav li.active a,.tabs nav li:hover a{color:#fff;border-bottom:2px solid #da4e49}.tabs nav li:hover a{text-decoration:none;transition:border-bottom .15s linear,color .15s linear}.tabs section{width:85%;margin:40px auto;display:grid;grid-gap:35px 64px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.big-tip{display:block;position:absolute;top:200px;left:300px;width:364px;padding:22px;transform:translate(-22px,-22px);color:#abb2bf;line-height:1.3;visibility:hidden;opacity:0;transition:opacity .3s}.big-tip svg{position:absolute;width:44px;height:44px;top:22px;left:22px;transform:translate(-50%,-50%);box-shadow:0 3px 20px rgba(9,15,27,.38);border-radius:50%;cursor:pointer}.big-tip>div{transform-origin:top left;width:320px;border-radius:8px;background-color:#484e5b;box-shadow:0 10px 80px rgba(6,11,19,.66);overflow:hidden;position:relative}.big-tip img{display:block;width:100%;height:150px;object-fit:cover}.big-tip small{display:block;padding:12px 16px}.output{text-align:center;height:auto;width:85%;margin:auto;padding-bottom:80px}.output .code{max-width:600px;margin:auto}.output h5{margin:0}.output p{margin-top:5px}.output pre{margin-bottom:0!important;border:thin solid rgba(99,109,116,.5)}@media screen and (max-width:599px){#customizer{padding-top:100px}#customizer h1{width:calc(100% - 30px)}#browser{margin-top:110px}.breakpoint{height:50px}}@media screen and (max-width:504px){#window .handle.width:after{display:none}}@media screen and (min-width:2001px){#customizer{padding-top:7.5vw}#customizer h1{width:calc(100% - 4vw)}#browser{margin-top:7.5vw;padding-bottom:2.5vw}#window{width:70vw;height:30vw;border-radius:.3vw;max-width:calc(100% - 1.5vw)}.breakpoint{top:-1.6vw;width:9vw;height:3.5vw;padding:0 .5vw}.breakpoint:after,.breakpoint:before{left:-.125vw;width:.25vw;height:.25vw}.breakpoint:before{top:-.125vw}.breakpoint:after{bottom:-.125vw}.breakpoint.align-right:after,.breakpoint.align-right:before{right:-.175vw}#window .toolbar{height:2.35vw;border-top-left-radius:.3vw;border-top-right-radius:.3vw}#window .viewport{border-bottom-left-radius:.3vw;border-bottom-right-radius:.3vw}#window .viewport div.gallery{max-width:36vw}#window .viewport div.gallery img{width:8vw;height:4.5vw;margin:.5vw 0;border-radius:.2vw}#window .handle{border-radius:.2vw;box-shadow:0 0 .75vw rgba(35,46,67,.5)}#window .handle.width{width:.75vw;height:5vw}#window .handle.width:after{left:1.4vw;width:5vw;font-size:.7vw}#window .handle.width.inside:after{left:-5.6vw}#window .handle.height{width:5vw;height:.75vw}.tabs{padding-bottom:2vw}.tabs nav li{display:inline-block;margin:0 1.8vw 0 0}.tabs nav a{padding:.5vw 0 .4vw;border-bottom:.1vw solid rgba(218,78,73,0)}.tabs nav li.active a,.tabs nav li:hover a{border-bottom:.1vw solid #da4e49}.tabs section{margin:2vw auto;grid-gap:1.75vw 3.2vw;grid-template-columns:repeat(auto-fill,minmax(11vw,1fr))}.big-tip{top:10vw;left:15vw;width:18.2vw;padding:1.1vw;transform:translate(-1.1vw,-1.1vw)}.big-tip svg{width:2.2vw;height:2.2vw;top:1.1vw;left:1.1vw;box-shadow:0 .15vw 1vw rgba(9,15,27,.38)}.big-tip>div{width:16vw;border-radius:.4vw;box-shadow:0 .5vw 4vw rgba(6,11,19,.66)}.big-tip img{height:7.5vw}.big-tip small{padding:.6vw .8vw}}main.sidebar article figure{margin:20px 0;font-family:Rubik,sans-serif;font-weight:300;font-style:italic}main.sidebar article img{width:100%;height:auto;border-radius:4px}main.content.sidebar{margin-bottom:65px}main.content.sidebar aside li.active a{color:var(--accent-color)}#changelog article ul{list-style:none}.frm{display:block;margin:0 auto 80px;width:300px}.frm,.frm div{position:relative}.frm div{margin:22px 0}.frm label{content:"";position:absolute;top:11px;left:10px;color:#abb2bf;transition:all .4s cubic-bezier(.5,0,0,1);background:transparent}.frm input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.frm input[type=checkbox]~span{position:absolute;top:3px;left:0;height:18px;width:18px;background-color:#2c3139;border-radius:3px;border:thin solid var(--main-dark);padding:0}.frm input[type=checkbox]~label{color:var(--main-color);position:relative;display:block;margin:0;padding:0 0 0 30px;top:0;left:0}.frm input[type=checkbox]:checked~span:after{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../img/ico_check_white.svg);background-position:50%;background-repeat:no-repeat;background-size:14px;content:""}.frm input[type=checkbox],.frm label{cursor:pointer}.frm input,.frm select,.frm textarea{width:100%;border-radius:6px;border:2px solid #abb2bf;font-family:Rubik,sans-serif;font-weight:300;font-size:18px;padding:11px 10px 10px}.frm input:focus,.frm select:focus,.frm textarea:focus{outline:none;border:2px solid var(--accent-color)}.frm label.above{padding:0 10px;font-size:smaller;top:0;transform:translateY(-42%);background:-moz-linear-gradient(top,var(--main-bg-color) 0,#fff 100%);background:-webkit-linear-gradient(top,var(--main-bg-color),#fff);background:linear-gradient(180deg,var(--main-bg-color) 0,#fff);transition:all .4s cubic-bezier(.5,0,0,1)}.frm .dropdown:focus{appearance:none;background-image:url(../img/ico_select_arrow.svg);background-position:calc(100% - 5px) 50%;background-repeat:no-repeat;background-size:38px auto}.frm .dropdown::-webkit-calendar-picker-indicator{display:none}.frm textarea{max-width:100%;min-width:100%;margin-bottom:-.5em}.frm button{display:block;min-width:240px;margin:0 auto;opacity:1;transition:opacity .2s ease-in-out;overflow:hidden}.frm button:after{display:none;content:"";position:absolute;top:0;left:-50%;height:110%;width:50%;background:linear-gradient(90deg,hsla(0,0%,100%,0) 0,#99faff);animation-name:waiting-button;animation-duration:2.5s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.5,0,.5,1)}.frm button.waiting:after{display:block}@keyframes waiting-button{0%{left:-50%;transform:scaleX(1)}50%{left:100%}to{left:-50%;transform:scaleX(-1)}}.frm .notification{font-size:smaller;border-radius:6px;opacity:0;height:0;margin:0;padding:0;text-align:left;background:var(--warning-bg);transition:all .5s cubic-bezier(.5,0,0,1)}.frm .notification.show{opacity:1;height:auto;margin:22px 0;padding:13px 15px;transition:all .5s cubic-bezier(.5,0,0,1)}.frm .notification.show~button:disabled{opacity:.3;transition:opacity .2s ease-in-out}.frm .notification p{margin:0}.frm .sideinfo{text-align:center}.frm .error input,.frm .error select,.frm .error textarea{border:2px solid var(--accent-color);color:var(--accent-color)}.frm .error label{color:var(--accent-color)}.frm :disabled{background-color:#fff;opacity:.5}.warning{background:var(--warning-bg);padding:.6em 1em;border-radius:10px;line-height:1.5em;display:block}@media screen and (max-width:374px){.frm{margin:0 30px 60px;max-width:100%;width:auto}}@media screen and (min-width:2001px){.frm{margin:0 auto 4vw;width:15vw}.frm div{margin:1.1vw 0}.frm label{top:.45vw;left:.5vw}.frm input[type=checkbox]~span{top:.15vw;height:.9vw;width:.9vw;border-radius:.15vw}.frm input[type=checkbox]~label{padding:0 0 0 1.5vw}.frm input[type=checkbox]:checked~span:after{background-size:.7vw}.frm input,.frm select,.frm textarea{border-radius:.3vw;border:.1vw solid #abb2bf;font-size:.9vw;padding:.55vw .5vw .5vw}.frm input:focus,.frm select:focus,.frm textarea:focus{border:.1vw solid var(--accent-color)}.frm label.above{padding:0 .5vw}.frm .dropdown:focus{background-position:calc(100% - .25vw) 50%;background-size:1.9vw auto}.frm button{width:12vw}.frm .notification{border-radius:.3vw}.frm .notification.show{margin:1.1vw 0;padding:.65vw .75vw}.frm .error input,.frm .error select,.frm .error textarea{border:.1vw solid var(--accent-color)}}#prof{margin:94px 130px 80px;display:grid;grid-template-columns:300px 300px 1fr;grid-gap:40px}#prof h4{margin-bottom:20px}.frm.mini{margin-bottom:20px}.frm.mini input:focus{border-color:#abb2bf;border-top-right-radius:0;border-bottom-right-radius:0}.frm.mini button{visibility:hidden;opacity:0;display:block;position:absolute;top:0;left:100%;margin:0;width:80px;min-width:80px;padding:13px 0 12px;border-radius:0;font-size:1rem;font-family:Rubik,sans-serif;font-weight:300}.frm.mini button:hover{visibility:visible;opacity:1}.frm.mini button:last-child{width:80px;border-top-right-radius:4px;border-bottom-right-radius:4px;background-color:#c3cad7;left:calc(100% + 80px)}#user-password{margin:0;display:none;visibility:hidden;opacity:0}#prof ul{padding:0}@media screen and (max-width:898px){#prof{margin:94px 40px 80px;grid-template-columns:1fr;grid-gap:40px}#prof .frm{margin-left:0}}@media screen and (max-width:504px){.frm.mini button{visibility:hidden;opacity:0;position:absolute;top:0;border-radius:4px;margin-top:5px}.frm.mini button,.frm.mini button:last-child{display:inline-block;left:0;width:49%}}@media screen and (min-width:2001px){#prof{margin:4.7vw 6.5vw 4vw;grid-template-columns:15vw 15vw 1fr;grid-gap:2vw}.frm.mini{margin-bottom:1vw}.frm.mini button{width:4vw;min-width:4vw;padding:.65vw 0 .6vw}.frm.mini button:last-child{width:4vw;border-top-right-radius:.2vw;border-bottom-right-radius:.2vw;left:calc(100% + 4vw)}}#buy{display:block;width:732px;margin:0 auto;text-align:center;padding-bottom:60px}#buy .prices{display:grid;grid-template-columns:346px 346px;grid-gap:40px;margin:180px 0 100px;padding:0;width:100%}#buy .prices ul{padding:0;margin:0}#buy .prices li.dark{position:relative;border-radius:3px;padding:60px 50px 55px;width:346px}#buy .prices li.dark,#buy .prices li.dark.inactive:hover,#buy .prices li.dark:hover{opacity:1;transition:opacity .2s ease-in-out}#buy .prices li.dark.inactive{opacity:.3;transition:opacity .2s ease-in-out}#buy .prices img{position:absolute;top:0;left:0;width:100%;transform:translateY(-54%)}#buy .dark h4{margin:50px 0 30px}#buy .dark li{position:relative;line-height:1.3em;height:65px;font-size:16px;border-bottom:thin solid rgba(169,176,188,.15)}#buy .dark li:first-child{border-top:thin solid rgba(169,176,188,.15)}#buy .dark li span{position:absolute;top:50%;left:0;transform:translateY(-50%);height:auto;width:100%}#buy .dark p{font-size:32px;color:var(--main-bg-color)}#buy .dark button{position:absolute;bottom:0;left:50%;width:210px;transform:translate(-50%,50%)}#buy .setmail{display:none;visibility:hidden;opacity:0;max-width:500px;margin:0 auto}#buy .setmail .frm{margin:26px auto 38px}@media screen and (max-width:898px){#buy{width:100%}#buy .prices{grid-template-columns:1fr;margin:140px auto 100px;grid-gap:170px}#buy .prices li.dark{width:346px;margin:auto}}@media screen and (max-width:577px){#buy .setmail{max-width:100%;margin:0 30px}}@media screen and (max-width:430px){#buy{padding-bottom:30px}#buy .prices{margin:80px 0;padding:0 30px}#buy .prices li.dark{padding:40px 30px 35px;width:100%}}@media screen and (min-width:2001px){#buy{width:36.6vw;padding-bottom:4vw}#buy .prices{grid-template-columns:17.3vw 17.3vw;grid-gap:2vw;margin:9vw 0 5vw}#buy .prices li.dark{border-radius:.15vw;padding:3vw 2.5vw 2.75vw;width:17.3vw}#buy .dark h4{margin:2.5vw 0 1.5vw}#buy .dark li{height:3.25vw;font-size:.8vw}#buy .dark p{font-size:1.6vw}#buy .dark button{width:10.5vw}#buy .setmail{max-width:25vw}#buy .setmail .frm{margin:1.3vw auto 1.9vw}}