/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:initial;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:initial}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:initial}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}ul{margin:0;padding:0}li{list-style:none}.page{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;background-color:var(--primaryColor);box-sizing:border-box;color:var(--secondaryColor);font-family:Rubik,sans-serif;min-height:100vh;position:relative;text-rendering:optimizeLegibility;z-index:0}.main{align-items:center;display:flex;flex-direction:column;margin-top:68px;max-width:100%}.header,.main{box-sizing:border-box;width:100%}.header{background-color:var(--backgroundColor);border-bottom:2px solid var(--secondaryColor);height:68px;left:0;overflow:scroll;padding:10px 0;position:fixed;top:0;z-index:5}.header__nav-user-container{margin:0 30px 0 auto}.header__nav-user{background-color:initial;border:none;color:var(--secondaryColor);cursor:pointer;font-size:22px;font-weight:700;height:100%}.header__nav-links{display:flex;margin:0 0 0 50px}.header__nav-link{margin:0 25px;padding:5px}.header__nav-link:first-of-type{margin:0 25px 0 0}.header__nav-link_link{color:var(--secondaryColor);font-size:32px;font-weight:700;opacity:.7;padding-bottom:1px;text-decoration:none}.header__nav-link_link.active,.header__nav-link_link:hover{border-bottom:3px solid rgba(7,59,28,.5);opacity:1}.blog{box-sizing:border-box;display:flex;flex-wrap:wrap;padding:30px 50px 0;position:relative;width:100%}.blog__title{font-size:48px;font-weight:700;margin:0;padding:5px 40px 5px 0}.blog__post{box-sizing:border-box;display:flex;flex-direction:column;max-width:1400px;padding:0 50px 50px;width:100%}.blog__posts{margin:0;padding:0}.blog__posts-item-link-wrapper{color:var(--secondaryColor);margin:5px;padding:20px;text-decoration:none}.blog__posts-item-link-wrapper:hover{border-bottom:1px solid var(--secondaryColor);margin-bottom:4px}.blog__posts-item{display:flex;flex-direction:column}.blog__posts-item-content,.blog__posts-item-title{margin:0;padding:0 0 10px}.blog__posts-item-details{display:flex;padding:5px 0}.blog__posts-item-details>li{margin:0 20px 0 0;position:relative}.blog__posts-item-details>li:nth-child(n+2){margin:0 20px}.blog__posts-item-details>li:nth-child(n+2):before{background-color:var(--secondaryColor);border-radius:50%;content:"";height:8px;left:-25px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:8px}.blog-create{box-sizing:border-box;max-width:1400px;padding:0 20px;width:100%}.blog-create,.blog-create__main{display:flex;max-height:calc(100vh - 180px);overflow:scroll}.blog-create__main{flex-direction:column;margin:0 20px;min-width:500px;width:calc(100% - 300px)}.blog-create__input{display:flex;flex-direction:column;font-size:24px;font-weight:700;width:100%}.blog-create__input>input{border:none;border-radius:15px;box-shadow:0 0 2px 2px var(--secondaryColor);margin:10px 0;padding:10px 20px}.blog-create__elements{max-height:100%;min-width:300px;overflow-y:scroll}.blog-create__element{display:flex;flex-direction:column}.blog-create__choose-gallery{background-color:var(--secondaryColor);border:none;border-radius:5px;color:var(--primaryColor);cursor:pointer;opacity:.8;padding:10px;transition:opacity .4s cubic-bezier(.165,.84,.44,1);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.blog-create__choose-gallery:hover{opacity:1}.blog-create__element-button{margin:10px 0}.blog-create__element-header{align-items:center;display:flex;justify-content:space-between;margin:20px 0;width:200px}.blog-create__element-id{font-size:18px;margin:0}.blog-create__element-remove{background-color:initial;border:none;cursor:pointer;font-size:18px;font-weight:700;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.blog-create__element-item{align-items:center;display:flex;flex-wrap:wrap;margin:10px 0}.blog-create__element-item-name,.blog-create__element-item-style-name{margin:0}.blog-create__element-item-value>input,.blog-create__element-item-value>select,.blog-create__element-item-value>textarea{border:none;border-radius:15px;box-shadow:0 0 2px 2px var(--secondaryColor);margin:0 0 0 10px;padding:10px 20px;width:150px}.blog-create__element-item-styles{box-sizing:border-box;display:flex;flex-direction:column;max-height:300px;min-width:calc(100% - 40px);overflow-y:scroll;padding:0 20px}.blog-create__element-item-styles-show{background-color:initial;border:none;border-radius:15px;box-shadow:0 0 3px 2px var(--secondaryColor);cursor:pointer;font-weight:700;margin:10px auto 20px;padding:10px 30px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.blog-create__element-item-style{align-items:center;display:flex;justify-content:space-between;margin:5px 0}.blog-create__element-item-style-name{font-size:18px;font-weight:700}.blog-create__element-item-style>label>input{padding:2px 5px;width:60px}.blog-create__footer{bottom:0;display:flex;height:100px;justify-content:center;left:0;position:fixed;width:100%}.blog-create__submit-button{background-color:initial;border:none;border-radius:15px;box-shadow:0 0 3px 2px var(--secondaryColor);color:var(--secondaryColor);cursor:pointer;font-weight:700;height:50px;max-width:1200px;padding:5px 15px;width:80%}.blog-create__element-item-styles-show,.blog-create__submit-button{transition:all .4s cubic-bezier(.075,.82,.165,1)}.blog-create__element-item-styles-show:hover{box-shadow:0 0 3px 3px var(--secondaryColor);opacity:.8}.blog-create__submit-button:hover{box-shadow:0 0 3px 5px var(--secondaryColor);opacity:.8}.blog-create__element-item-value.tag>select{width:150px}.blog__post-reactions-header,.blog__post-reactions-title-wrapper{display:flex;justify-content:flex-start}.blog__post-reactions-title-wrapper{align-items:center;background-color:initial;border:none;color:var(--secondaryColor);cursor:pointer;margin-left:20px}.blog__post-reactions-title-wrapper:first-of-type{margin:0}.blog__post-reactions-title-icon{margin-right:10px;opacity:.4;transition:opacity .5 cubic-bezier(.165,.84,.44,1)}.blog__post-reactions-title-wrapper.active .blog__post-reactions-title-icon,.blog__post-reactions-title-wrapper:hover .blog__post-reactions-title-icon{opacity:1}.blog__post-reactions-list{display:flex;flex-direction:column}.blog__post-add-comment{display:flex}.blog__post-add-comment-label>input{background-color:var(--secondaryColor);border:none;border-radius:5px;color:var(--primaryColor);font-weight:700;padding:10px 15px}.blog__post-add-comment-label>input::-webkit-input-placeholder{color:var(--primaryColor);opacity:.6}.blog__post-add-comment-label>input::placeholder{color:var(--primaryColor);opacity:.6}.blog__post-add-comment-button{background-color:var(--secondaryColor);border:none;border-radius:5px;color:var(--primaryColor);cursor:pointer;font-size:18px;font-weight:700;margin-left:10px;opacity:.8;padding:5px;transition:opacity .4s cubic-bezier(.165,.84,.44,1)}.blog__post-add-comment-button:hover{opacity:1}.blog__post-reactions-comment{background-color:var(--secondaryColor);border-radius:15px;color:var(--primaryColor);display:flex;flex-direction:column;margin:10px 0;padding:10px;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.blog__post-reactions-comment>ul{font-size:14px;padding:5px}.blog__post-reactions-comment>ul>li{margin:0 10px 0 0}.blog__post-reactions-comment>ul>li:nth-child(n+2){margin:0 10px}.blog__post-reactions-comment>ul>li:nth-child(n+2):before{background-color:var(--primaryColor);left:-15px}.blog__post-reactions-comment-message{margin:5px 0}.blog__post-remove-comment-button{background-color:initial;border:none;color:var(--primaryColor);cursor:pointer;font-weight:700;margin:5px;padding:0;position:absolute;right:5px;top:5px}.about{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;padding:30px 50px 0;width:100%}.about__title{font-size:48px;font-weight:700;margin:0}.about__main{align-items:center;display:flex;flex-direction:column}.about__brief{font-size:24px;font-weight:400;line-height:1.2;margin:20px 0}.about__brief_jika{color:var(--jikaColor);font-weight:700;text-decoration:none}.about__profile-img{border-radius:50%}.about__portfolio-link{background-color:var(--secondaryColor);border-radius:15px;color:var(--primaryColor);font-size:32px;font-weight:700;margin:20px 0;opacity:.7;padding:10px 20px;text-decoration:none;transition:opacity .4s cubic-bezier(.215,.61,.355,1);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.about__portfolio-link:hover{opacity:1}@media screen and (max-width:1023px){.about{padding:40px 40px 60px}.about__image{height:232px;margin-top:20px;width:232px}.about__title{font-size:30px;line-height:40px;padding-top:0}.about__brief{font-size:18px;line-height:24px}}@media screen and (max-width:767px){.about{align-items:center;flex-direction:column;margin:0 auto;padding:32px 16px 128px;width:380px}.about__image{margin:0}.about__title{padding:16px 0 24px}.about__text{padding:0;width:348px}}@media screen and (max-width:495px){.about,.about__text{width:288px}}.console-command{background-color:#000;border-radius:5px;padding:10px}.code-example,.console-command{font-weight:700;overflow:hidden}.code-example{background-color:#1d1d1e;border-radius:15px;padding:20px}.code-example__function{color:#e2d676}.code-example__const{color:#3b7bcf}.code-example__green{color:#73a884}.code-example__default{color:#76c1e4}.code-example__text{color:#ee931d}.code-example__number{color:#b5edbb}.code-example__comment{color:#189642}.popup{align-items:flex-start;background-color:rgba(0,0,0,.5);color:var(--blackColor);content:" ";display:flex;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;text-align:left;top:0;transition:visibility .4s ease-in-out,opacity .4s ease-in-out,pointer-events .4s ease-in-out;visibility:hidden;width:100%;z-index:15}.popup_opened{opacity:1;pointer-events:all;visibility:visible}.popup__container{background-color:var(--secondaryColor);border-radius:16px;box-shadow:0 0 25px rgba(0,0,0,.15);box-sizing:border-box;display:inline-flex;flex-direction:column;margin-top:207px;overflow:hidden;padding:34px 12px 15px;position:relative;width:650px}.popup__main{display:flex;flex-direction:column;min-height:calc(100% - 60px)}.popup__info-container{align-items:center;background-color:var(--secondaryColor);border-radius:16px;box-shadow:0 0 25px rgba(0,0,0,.15);box-sizing:border-box;display:flex;flex-direction:column;margin-top:20px;padding:14px 62px 28px;position:relative}.popup__info-main{display:inline-flex;flex-direction:column}.popup__info-profile-image{align-items:center;background-image:url(/static/media/no-profile.e0fd0badcdb3c99c4eda.png);background-repeat:no-repeat;background-size:cover;border-radius:50%;color:var(--blackColor);display:flex;font-size:0;font-weight:800;height:150px;justify-content:center;margin:10px 0 30px;overflow:hidden;position:relative;width:150px}.popup__info-profile-image-overlay{background-color:var(--secondaryColor);border-radius:50%;display:none;height:100%;opacity:.6;position:absolute;width:100%}.popup__info-profile-image-text{align-items:center;display:flex;height:100%;justify-content:center;margin:0;position:absolute;width:100%}.popup__info-profile-image:hover{cursor:pointer;font-size:18px}.popup__info-profile-image:hover .popup__info-profile-image-overlay{align-items:center;display:flex;justify-content:center}.popup__info-input-file{display:none}.popup__info-image{height:100px;margin-right:15px;width:100px}.popup__info-title{font-size:32px;font-weight:700;margin:0 0 10px}.popup__info-content-container{display:block;padding:15px 15px 0 0}.popup__info-friend-name{font-size:24px;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.popup__info-content{align-items:center;display:flex;padding:10px 0 0}.popup__container_type_info{padding:34px 36px 50px}.popup__form{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:20px 50px 30px}.popup__title{color:var(--primaryColor);font-size:32px;font-weight:900;line-height:28px;margin:0 0 22px;padding:0 10px}.popup__gallery{display:flex;flex-direction:column;max-height:600px;overflow-y:scroll}.popup__gallery-item-container{align-items:flex-start;display:flex;flex-direction:column;width:100%}.popup__gallery-item-title{color:var(--primaryColor);margin:0}.popup__gallery-item-button{background-color:initial;border:5px solid transparent;border-radius:15px;margin:10px 0;padding:5px;width:100%}.popup__gallery-item-button:hover{border:5px solid var(--backgroundColor)}.popup__gallery-item{border-radius:15px}.popup__label{align-items:flex-start;color:var(--primaryColor);display:flex;flex-direction:column;font-size:24px;font-weight:700;line-height:15px;margin:10px 0}.popup__label.file{cursor:pointer;pointer-events:none}.popup__label.file input{display:none}.popup__label.file:after{align-items:center;background-color:var(--backgroundColor);border-radius:15px;color:var(--secondaryColor);content:"Upload File";display:flex;font-size:16px;font-weight:700;height:32px;line-height:17px;padding:0 10px;pointer-events:auto;width:200px}.popup__label-preview{align-items:flex-start;color:var(--primaryColor);display:flex;flex-direction:column;font-size:16px;font-weight:700;line-height:15px;margin:10px}.popup__label>input{background-color:var(--backgroundColor);border:none;border-radius:15px;box-shadow:0 0 2px 3px var(--secondaryColor);color:var(--secondaryColor);font-size:16px;font-weight:700;height:32px;line-height:17px;margin:20px 0;outline:none;padding:0 10px;width:200px}.popup__label-error{font-size:16px;margin:5px 0}.popup__error,.popup__label-error{color:var(--failColor);display:inline-block;min-height:15px;min-width:15px}.popup__error{margin:3px 0 10px}.popup__error,.popup__form-error{font-size:12px;font-weight:400;line-height:1.25}.popup__form-error{color:var(--failColor);display:inline-block;margin:3px 0 8px;min-height:15px;min-width:15px;text-align:center}.popup__save-button{background:var(--backgroundColor);border:none;border-radius:100px;box-shadow:0 5px 15px rgba(14,26,57,.2);color:#fff;font-size:18px;font-weight:400;height:50px;line-height:1.2;margin-top:20px;opacity:1;padding:0;transition:background .5s cubic-bezier(.165,.84,.44,1);width:100%}.popup__save-button:hover{background-color:var(--primaryColor);cursor:pointer}.popup__save-button_disabled{background-color:#e6e8eb;color:#b6bcbf;pointer-events:none}.popup__title_type_info{display:flex;font-size:18px;line-height:22px}.popup__bottom-link{background-color:initial;border:none;border-radius:25px;box-shadow:0 0 2px 3px var(--blackColor);color:var(--primaryColor);cursor:pointer;font-size:26px;font-weight:700;margin:0 auto;padding:5px 10px;text-decoration:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.popup__bottom-link:hover{box-shadow:0 0 2px 4px var(--blackColor)}.popup__close-button{background-color:transparent;background-image:url(/static/media/close-icon.2413bd81b6c6ad9d64ba.svg);background-size:cover;border:none;height:40px;padding:0;position:absolute;right:10px;top:10px;transition:opacity .1s ease-out .1s;width:40px}.popup__close-button:hover{cursor:pointer;opacity:.6}.popup__message{color:#000;font-family:Roboto;font-size:24px;font-weight:900;line-height:28px;margin:0;padding:14px 0}.popup__compose-user-card{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.popup__compose-user-cards{overflow:scroll}.popup__compose-user-name{font-size:24px;margin:0 auto 0 0;max-width:calc(100% - 250px)}.popup__compose-user-image{border-radius:50%;height:100px;margin-right:20px;width:100px}.popup__compose-send-button{background-color:var(--blueColor);border:1px solid var(--blackColor);border-radius:25px;box-shadow:0 0 2px 1px var(--blackColor);height:50px;opacity:1;padding:0 10px;width:120px}.popup__compose-send-button:hover{box-shadow:0 0 2px 2px var(--blackColor);cursor:pointer}.popup__compose-send-button-text{color:var(--blackColor);font-size:16px;margin:0;transition:font .1s cubic-bezier(.19,1,.12,1)}.popup__compose-send-button:hover .popup__compose-send-button-text{font-size:18px}.popup__new-group-form{display:flex;height:100%;justify-content:center}.popup__new-group-details{margin-right:30px;padding-left:15px;width:352px}.popup__new-group-subtitle{display:flex;flex-direction:column;font-size:22px;font-weight:700;margin:0}.popup__new-group-name-input{border:1px solid var(--blackColor);border-radius:25px;box-shadow:0 0 1px 2px var(--blackColor);color:var(--blackColor);font-size:18px;line-height:1.4;margin-top:15px;padding:5px 10px;width:80%}.popup__new-group-subtitle:nth-child(2){margin:20px 0 0}.popup__new-group-image{align-items:center;background-image:url(/static/media/no-profile.e0fd0badcdb3c99c4eda.png);background-repeat:no-repeat;background-size:cover;border-radius:50%;color:var(--blackColor);display:flex;font-size:0;font-weight:800;height:150px;justify-content:center;margin:10px 0 20px;overflow:hidden;position:relative;width:150px}.popup__new-group-image-overlay{background-color:var(--whiteColor);border-radius:50%;display:none;height:100%;opacity:.6;position:absolute;width:100%}.popup__new-group-image-text{align-items:center;display:flex;height:100%;justify-content:center;margin:0;position:absolute;width:100%}.popup__new-group-image:hover{cursor:pointer;font-size:28px}.popup__new-group-image:hover .popup__new-group-image-overlay{align-items:center;display:flex;justify-content:center}.popup__new-group-image-input{display:none}.popup__new-group-friends{display:flex;flex-direction:column;min-width:230px}.popup__new-group-friends-title{font-size:24px;font-weight:700;margin:0}.popup__new-group-friends-container{display:flex;flex-direction:column;overflow:scroll}.popup__new-group-friend-card{align-items:center;display:flex;flex-wrap:wrap;padding:10px 0}.popup__new-group-friend-image{border-radius:50%;height:50px;margin-right:10px;width:50px}.popup__new-group-friend-column{padding-top:10px}.popup__new-group-friend-name{font-size:18px;font-weight:500;margin:0 0 10px}.popup__new-group-friend-add-button{background-color:var(--blueColor);border:1px solid var(--blackColor);border-radius:25px;box-shadow:0 0 2px 1px var(--blackColor);color:var(--blackColor);font-size:16px;height:40px;margin:0;opacity:1;padding:0 10px;transition:box-shadw .35s cubic-bezier(.19,1,.12,1);width:100px}.popup__new-group-friend-add-button:hover{box-shadow:0 0 2px 2px var(--blackColor);cursor:pointer}.popup__new-group-selcted-friends{background-color:var(--greyColor);border:1px solid var(--blackColor);border-radius:25px;box-shadow:0 0 2px 1px var(--blackColor);display:flex;flex-wrap:wrap;list-style:none;max-height:100px;min-height:50px;overflow:scroll;padding:5px;width:90%}.popup__new-group-selcted-friend{align-items:center;background-color:var(--whiteColor);border-radius:25px;display:flex;height:20px;margin:0 3px 5px;padding:2px 4px;width:28%}.popup__new-group-selcted-friend-name{font-size:12px;margin:0 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.popup__new-group-diselect-friend-button{background-color:initial;border:none;padding:0}.popup__new-group-diselect-friend-button:hover{cursor:pointer;opacity:.8}.popup__new-group-diselect-friend-icon{height:20px;width:20px}.popup__new-group-submit-button{background-color:var(--blueColor);border:1px solid var(--blackColor);border-radius:25px;box-shadow:0 0 2px 1px var(--blackColor);color:var(--blackColor);font-size:18px;font-weight:700;height:40px;margin:10px 0 0;opacity:1;padding:0 10px;transition:box-shadw .35s cubic-bezier(.19,1,.12,1);width:250px}.popup__new-group-submit-button:hover{box-shadow:0 0 2px 2px var(--blackColor);cursor:pointer}.popup__new-group-error{color:var(--redColor);margin:15px 0 0 10px}.popup__main_hidden{visibility:hidden}@media screen and (max-width:495px){.popup__container{margin-top:56px;padding:16px;width:100vw}.popup__title{font-size:24px;line-height:28px;margin:0 0 18px}.popup__save-button{font-size:14px;height:64px;margin:0 auto;width:288px}.popup__close-button{height:36px;right:16px;top:16px;width:36px}}:root{--primaryColor:#374b4a;--secondaryColor:#d1ccd1;--backgroundColor:#526760;--successColor:#3fa34d;--failColor:#f50010;--jikaColor:#3e6fed}
/*# sourceMappingURL=main.95425a3b.css.map*/