diff --git a/css/index.css b/css/index.css index c5d7684..6f5956b 100644 --- a/css/index.css +++ b/css/index.css @@ -1 +1 @@ -:root{--fs: 16px;--icon-size: 16px;--ff-base: "Helvetica, Arial, sans-serif";--b-radius: 4px;--transition: 0.3s ease-in-out;--letter-spacing: 0.5px;--padding: 16px;--margin: 16px;--font-size: 16px;--line-height: 1.5;--c-primary: #212529;--c-text-primary: #fff;--c-secondary: #24373d;--c-text-secondary: #000;--c-primary-hover: #F8EC20;--c-primary-cursor: #cfc720;--c-error: #ff4d4d;--c-primary-border: #0028ffcc;--c-secondary-border: #a0a0a0;--c-success-border: #00ff00;--c-danger-border: #ff0000;--c-warning-border: #ffff00;--c-info-border: #00ffff;--c-success: #2bb729;--c-error-hover: #cc0000;--c-shadow: rgba(0, 0, 0, 0.5);--c-table-shadow: rgba(0, 0, 0, 0.15);--c-placeholder: #666666;--c-bg-item: #1c1c1c;--c-text-body-secondary: #6c757d;--c-code-hover: #007eff;--c-shadow-table: rgba(0, 0, 0, 0.2);--c-primary-table: #cfe2ff;--c-secondary-table: #e2e3e5;--c-success-table: #d1e7dd;--c-danger-table: #f8d7da;--c-warning-table: #fff3cd;--c-info-table: #cff4fc;--c-light-table: #f8f9fa;--c-table-striped: #2c3034;--c-border: #495057}html,*,*:before,*:after{box-sizing:border-box}html{line-height:1.15;-webkit-text-size-adjust:100%}*{outline:0}html,body{margin:0;padding:0}main{display:block}h1{font-size:36px;font-weight:900;margin:5px 0;line-height:1}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}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,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}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}[hidden]{display:none}img{max-width:100%;display:inline-block;vertical-align:top}a{text-decoration:none}html,*,*:before,*:after{box-sizing:border-box}html{line-height:1.15;-webkit-text-size-adjust:100%}*{outline:0}html,body{margin:0;padding:0}main{display:block}h1{font-size:36px;font-weight:900;margin:5px 0;line-height:1}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}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,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}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}[hidden]{display:none}img{max-width:100%;display:inline-block;vertical-align:top}a{text-decoration:none}.index{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--c-primary);color:var(--c-text-primary);padding:10px}.index-title{font-size:36px;margin:20px 0;font-weight:bold;text-align:center}.index-avatar{width:100px;height:100px}.index-readme{width:95%}@media(max-width: 1200px){.index-readme{width:100%}}.index-readme__title{font-size:26px;margin:20px 0;font-weight:bold}.index-readme__item{border:1px solid var(--c-border);position:relative;margin:20px 0;font-size:18px;background:var(--c-bg-item);padding:10px;border-radius:5px}.index-readme__code{font-style:italic;color:var(--c-code-hover)}.index-readme__link{text-decoration:underline;color:var(--c-code-hover)}.index-readme__link:hover{color:var(--c-primary-hover);text-decoration:underline}.template-red-text{color:red}.list-style{list-style-type:disc;padding-left:20px}blockquote{margin:0}blockquote p{margin:0}figure{margin:0}figure blockquote{margin:0}figure blockquote p{margin:0}figure .blockquote-footer{display:block;font-size:80%;color:var(--c-text-body-secondary)}figure .blockquote-footer cite{font-style:normal}.h1,.h2,.h3,.h4,.h5,.h6{font-weight:bold;line-height:1.2;margin-top:0;margin-bottom:.5rem}.h1{font-size:2.5rem}.h2{font-size:2rem}.h3{font-size:1.75rem}.h4{font-size:1.5rem}.h5{font-size:1.25rem}.h6{font-size:1rem}.display-1,.display-2,.display-3,.display-4,.display-5,.display-6{font-weight:300;line-height:1.2}.display-1{font-size:calc(1.625rem + 4.5vw);margin-bottom:10px}.display-2{font-size:calc(1.575rem + 3.9vw);margin-bottom:10px}.display-3{font-size:calc(1.525rem + 3.3vw);margin-bottom:10px}.display-4{font-size:calc(1.475rem + 2.7vw);margin-bottom:10px}.display-5{font-size:calc(1.425rem + 2.1vw);margin-bottom:10px}.display-6{font-size:calc(1.375rem + 1.5vw);margin-bottom:10px}p .lead{font-size:1.25rem;font-weight:300;line-height:1.6}.text-body-secondary{color:var(--c-text-body-secondary)}.text-center .blockquote,.text-center .blockquote-footer{justify-content:center;align-items:center;text-align:center}.text-end .blockquote,.text-end .blockquote-footer{flex-direction:column;align-items:flex-end;text-align:right}.list-unstyled{padding-left:0;list-style:none}.list-unstyled>li{list-style:none}.list-unstyled ul{padding-left:1rem;list-style:disc}.list-unstyled ul>li{list-style:disc}.list-inline{padding-left:0;list-style:none;display:flex;flex-wrap:wrap}.list-inline>.list-inline-item{display:inline-block;margin-right:.5rem}dl{display:flex;flex-wrap:wrap;margin:0}dl dt,dl dd{margin-bottom:.5rem}dl dt{font-weight:bold;flex:0 0 25%}dl dd{flex:0 0 75%;margin-left:0}dl .row{display:flex;flex-wrap:wrap;width:100%}dl .row .col-sm-3{flex:0 0 25%;max-width:25%}dl .row .col-sm-4{flex:0 0 33.333333%;max-width:33.333333%}dl .row .col-sm-9{flex:0 0 75%;max-width:75%}dl .row .col-sm-8{flex:0 0 66.666667%;max-width:66.666667%}dl .row.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.example{background-color:var(--c-bg-item);margin:10px 0;font-size:18px;padding:20px;padding-left:30px;border-radius:5px;border:1px solid var(--c-border)}.example__img{border:1px solid var(--c-border);background-color:var(--c-bg-item);border-radius:5px;padding:10px}.example-img{display:flex;justify-content:space-between}.example-img .bd-img{border-radius:5%}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.3rem;border:1px solid var(--c-border);border-radius:5px}.rounded{border-radius:5%}.mx-auto{margin-right:auto !important;margin-left:auto !important}.d-block{display:block}.float-start{float:left !important}.float-end{float:right !important}.float-none{float:none !important}.example-tables{border:1px solid var(--c-border);border-radius:5px;padding:20px;margin-bottom:20px}table{width:100%;border-collapse:collapse}table.caption-bottom{caption-side:bottom}table.caption-bottom caption{text-align:left;padding:8px;font-weight:bold}table.caption-top{caption-side:top}table.caption-top caption{text-align:left;padding:8px;font-weight:bold}table th,table td{border-bottom:1px solid var(--c-border);padding:8px}table th{text-align:left}.table-primary{background-color:var(--c-primary-table);color:var(--c-text-secondary)}.table-secondary{background-color:var(--c-secondary-table);color:var(--c-text-secondary)}.table-success{background-color:var(--c-success-table);color:var(--c-text-secondary)}.table-danger{background-color:var(--c-danger-table);color:var(--c-text-secondary)}.table-warning{background-color:var(--c-warning-table);color:var(--c-text-secondary)}.table-info{background-color:var(--c-info-table);color:var(--c-text-secondary)}.table-light{background-color:var(--c-light-table);color:var(--c-text-secondary)}.table-dark{background-color:var(--c-primary);color:var(--c-text-primary)}.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>thead>tr>th,.table-bordered>thead>tr>td,.table-striped>tbody>tr>td,.table-striped>tbody>tr>th,.table-striped>thead>tr>th,.table-striped>thead>tr>td,.table-hover>tbody>tr>td,.table-hover>tbody>tr>th,.table-hover>thead>tr>th,.table-hover>thead>tr>td,.table-active-light>tbody>tr>td,.table-active-light>tbody>tr>th,.table-active-light>thead>tr>th,.table-active-light>thead>tr>td,.table-active-dark>tbody>tr>td,.table-active-dark>tbody>tr>th,.table-active-dark>thead>tr>th,.table-active-dark>thead>tr>td{border:1px solid var(--c-border)}.table-active-light{background-color:var(--c-table-striped)}.table-active-dark{background-color:var(--c-table-shadow)}.striped-light tbody tr:nth-child(odd){background-color:var(--c-table-striped)}.striped-dark tbody tr:nth-child(odd){background-color:var(--c-table-shadow)}.striped-columns-light tr td:nth-child(even),.striped-columns-light tr th:nth-child(even){background-color:var(--c-table-striped)}.striped-columns-dark tr td:nth-child(even),.striped-columns-dark tr th:nth-child(even){background-color:var(--c-table-shadow)}.table-hover tbody tr:hover{background-color:var(--c-shadow-table)}.border-primary th,.border-primary td{border:1px solid var(--c-primary-border)}.border-secondary th,.border-secondary td{border:1px solid var(--c-secondary-border)}.border-success th,.border-success td{border:1px solid var(--c-success-border)}.border-danger th,.border-danger td{border:1px solid var(--c-danger-border)}.border-warning th,.border-warning td{border:1px solid var(--c-warning-border)}.border-info th,.border-info td{border:1px solid var(--c-info-border)}.border-light th,.border-light td{border:1px solid var(--c-text-primary)}.border-dark th,.border-dark td{border:1px solid var(--c-primary)}.table-borderless{border-collapse:collapse}.table-borderless th,.table-borderless td{border:none}.table-borderless thead th{border-bottom:1px solid rgba(0,0,0,0)}.table-borderless tbody tr{border-top:1px solid rgba(0,0,0,0)}.table-sm th,.table-sm td{padding:.3rem}.table-group-divider{border-top:3px solid var(--c-text-primary)}.w-25{width:25% !important}.align-top{vertical-align:top !important}.align-bottom{vertical-align:bottom !important}.align-middle{vertical-align:middle !important}.hscroll{overflow-x:auto}@media(max-width: 576px){.hscroll-sm{overflow-x:auto}}@media(max-width: 768px){.hscroll-md{overflow-x:auto}}@media(max-width: 992px){.hscroll-lg{overflow-x:auto}}@media(max-width: 1200px){.hscroll-xl{overflow-x:auto}}@media(max-width: 1400px){.hscroll-xxl{overflow-x:auto}}.list{margin-bottom:.5rem;border:1px solid var(--c-border);border-radius:.5rem;transition:background-color .3s ease;overflow:hidden}.list a:last-child{border-bottom:none}.list .list-group{display:flex;align-items:center}.list .list-group__socials{padding:12px;display:flex;align-items:center;border-top:1px solid var(--c-border)}.list .list-group__socials a{margin-right:20px;transition:all .3s}.list .list-group__socials a:hover{transform:scale(0.8)}.list .list-group:last-child{margin-bottom:0}.list .list-group img{border-radius:25%;margin:10px;object-fit:cover}.strong{font-weight:bold}.border{border:1px solid var(--c-border)}.img{background-color:var(--c-bg-item);padding:10px;border-radius:5px;display:flex;justify-content:center;align-items:center}.image{border-radius:50%}.text{display:flex;align-items:center}.text .left,.text .right{flex:1;display:flex;flex-direction:column;align-items:center}.text .left{border-right:1px solid var(--c-border)}.text .text-waw{color:var(--c-primary-hover)}.text .text-success{color:var(--c-success)}.text .text-danger{color:var(--c-error-hover)}.w-btn,button{font-size:var(--fs);font-weight:500;font-family:var(--ff-base);background-color:var(--c-primary);border-radius:var(--b-radius);transition:var(--transition);color:var(--c-white);position:relative;line-height:19px;text-align:center;white-space:nowrap;user-select:none;border:none;cursor:pointer}.w-btn._primary,button._primary{background-color:var(--c-primary)}.w-btn._primary:hover,button._primary:hover{background-color:var(--c-primary-hover)}.w-btn._second,button._second{border:1px solid #256eff;background-color:var(--c-white);color:#256eff}.w-btn._danger,button._danger{background-color:var(--c-error);color:#fff}.w-btn._danger:hover,button._danger:hover{background:var(--c-error-hover)}.w-btn._link,button._link{background:rgba(0,0,0,0);color:var(--c-text-primary);font-size:14px;font-weight:400}.w-btn._link:hover,button._link:hover{color:var(--c-text-secondary)}.w-btn:disabled,button:disabled{background-color:var(--c-grey-dark);cursor:default}.w-btn:disabled:hover,button:disabled:hover{background-color:var(--c-grey-dark)}.btn{display:inline-block;width:100%;max-width:270px;padding:15px 20px;background-color:var(--c-primary-hover);color:var(--c-secondary);border:none;border-radius:var(--b-radius);text-align:center;font-size:20px;cursor:pointer;transition:background-color .3s,padding .3s;border:2px solid rgba(0,0,0,0)}.btn:hover{background-color:var(--c-primary-cursor)}.btn--error{background-color:var(--c-error);color:var(--c-text-primary)}.btn--error:hover{background-color:var(--c-error-hover)}.btn--second{background-color:rgba(0,0,0,0);border:2px solid var(--c-primary-hover);color:var(--c-text-primary)}.btn--second:hover{background-color:var(--c-primary-hover);color:var(--c-secondary)}.btn:disabled{background-color:var(--c-placeholder);cursor:default}.btn:disabled:hover{background-color:var(--c-placeholder)}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.switch input:checked+.slider{background-color:var(--c-primary-hover)}.switch input:focus+.slider{box-shadow:0 0 1px #2196f3}.switch input:checked+.slider:before{transform:translateX(26px);background-color:#504e4e}.switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.switch .slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}.w-forms{max-width:600px;padding:20px;border:2px solid #fff;border-radius:22px}.w-forms__title{font-size:24px;font-weight:600;text-align:center;padding:0 0 15px 0}.w-forms__input{margin-bottom:15px}.w-forms__btn .btn{width:100%;max-width:100%}input{width:100%;font-size:20px;padding:18px 8px;border-radius:5px;border:2px solid var(--c-primary-hover);background:rgba(0,0,0,0);color:var(--c-text-primary)}input::placeholder{color:var(--c-text-primary)}textarea{height:120px;width:100%;font-size:20px;padding:18px 8px;border-radius:5px;border:2px solid var(--c-primary-hover);background:rgba(0,0,0,0);color:var(--c-text-primary);resize:none}textarea::placeholder{color:var(--c-text-primary)}.card-wrapper{display:flex;flex-flow:row wrap}.card__wrap{display:flex;flex:0 0 25%;max-width:25%;padding:0 10px;margin-bottom:20px}@media screen and (max-width: 1199px){.card__wrap{flex:0 0 33.333%;max-width:33.333%}}@media screen and (max-width: 991px){.card__wrap{flex:0 0 50%;max-width:50%}}@media screen and (max-width: 630px){.card__wrap{flex:0 0 100%;max-width:400px;margin:0 auto 20px}}.card__wrap .card-top{background-color:#fff;padding:8px;border-radius:4px;color:#1f1c1c;text-align:center}.card__wrap .card-center{display:flex;flex-flow:row wrap;padding:10px 0}.card__wrap .card-center__wrap{flex:0 0 25%;max-width:25%;min-height:150px;padding:0 5px;display:flex}.card__wrap .card-center__item{background-color:#8f8f8f;width:100%;display:flex;align-items:center;justify-content:center}.card__item{border:1px solid #fff;border-radius:5px;padding:15px;display:flex;flex-flow:column wrap;width:100%}.card__img{text-align:center}.card__img img{width:100%;height:100%;max-width:180px}.card__title{text-align:center;padding:20px 0 10px 0;font-size:22px;font-weight:600}.card__description{text-align:center;line-height:1.1;margin-bottom:10px}.card__btn .btn{padding:10px;width:100%;max-width:100%}.radio-container{display:flex;flex-direction:column;gap:10px}.custom-radio{display:none}.custom-label{position:relative;padding-left:30px;cursor:pointer;font-size:16px;color:#fff}.custom-label::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:20px;height:20px;border:2px solid var(--c-primary-hover);border-radius:50%;background-color:#504e4e;box-sizing:border-box;transition:background-color .3s ease}.custom-radio:checked+.custom-label::before{background-color:var(--c-primary-hover);border-color:var(--c-primary-hover)}.custom-label::after{content:"";position:absolute;left:6px;top:50%;transform:translateY(-50%);width:8px;height:8px;background-color:#504e4e;border-radius:50%;opacity:0;transition:opacity .3s ease}.custom-radio:checked+.custom-label::after{opacity:1}.open-modal{cursor:pointer;display:inline-block;padding:10px 20px;margin:10px;background-color:var(--c-primary-hover);color:var(--c-secondary);border-radius:5px;transition:background-color .3s ease}.open-modal:hover{background-color:var(--c-primary-cursor)}.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.5);transition:opacity .3s ease;opacity:0}.modal.show{display:block;opacity:1}.modal-content{background-color:#343434;margin:10% auto;padding:20px;border:1px solid rgba(136,136,136,.3490196078);width:80%;border-radius:10px;position:relative;transition:transform .3s ease;transform:scale(0.7);max-height:80vh;overflow-y:auto;color:#fff}.modal.show .modal-content{transform:scale(1)}.close{color:#aaa;float:right;font-size:28px;font-weight:bold;cursor:pointer;position:absolute;top:10px;right:15px;transition:color .3s ease}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}.modal-template{display:none}.alert-wrap{display:flex;flex-flow:row wrap;padding:5px;border-radius:var(--b-radius);margin-bottom:10px;position:relative}.alert-wrap-img{margin-right:15px;display:flex}.alert-wrap-img svg{width:30px;height:30px}.alert-wrap-text__title{font-size:16px;font-weight:600}.alert-wrap-text__description{font-size:16px}.alert-wrap-close{position:absolute;width:20px;height:20px;right:16px;transition:all .3s;cursor:pointer}.alert-wrap-close:hover{transform:scale(0.8)}.alert-wrap-close svg{width:100%;height:100%}.alert-info{background:var(--c-primary-hover);color:var(--c-primary)}.alert-error{background:var(--c-error)}.alert-error svg path{fill:var(--c-text-primary)}.alert-success{background:var(--c-success)}.accordion-button__arrow{transition:transform .3s ease}.accordion-button.active .accordion-button__arrow{transform:rotate(-180deg)}.accordion{max-width:600px;margin:20px auto;border:1px solid #ccc;border-radius:5px;overflow:hidden}.accordion-item{border:2px solid var(--c-primary-hover);border-radius:var(--b-radius)}.accordion-button{width:100%;padding:10px;text-align:left;background-color:rgba(0,0,0,0);border:none;outline:none;cursor:pointer;font-size:22px;transition:background-color .3s;display:flex;align-items:center;justify-content:space-between}.accordion-button:hover{background-color:rgba(0,0,0,0)}.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out;padding:0 15px;border-top:1px solid var(--c-primary-hover);font-size:18px}.accordion-content p{margin:15px 0}.breadcrumb{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:rgba(0,0,0,0);border:2px solid var(--c-primary-hover);border-radius:.25rem}.breadcrumb .active{color:var(--c-text-primary)}.breadcrumb a{color:var(--c-primary-hover);text-decoration:none;background-color:rgba(0,0,0,0);-webkit-text-decoration-skip:objects}.breadcrumb-item+.breadcrumb-item::before{display:inline-block;padding-right:.5rem;padding-left:.5rem;color:#6c757d;content:"/"}.dropdown{position:relative;display:inline-block}.dropdown-button{background-color:var(--c-primary-hover);color:var(--c-secondary);padding:10px 20px;border:none;cursor:pointer;font-size:18px;display:flex;align-items:center}.dropdown-button__text{margin-right:10px}.dropdown-button__arrow{transition:transform .3s ease-out;display:flex}.dropdown-menu{list-style:none;padding:0;margin:0;position:absolute;top:100%;width:100%;left:0;background-color:var(--c-primary-hover);color:var(--c-secondary);box-shadow:0 8px 16px rgba(0,0,0,.1);height:0;overflow:hidden;transition:height .3s ease-out,border .3s ease-out;border:none;border-radius:0 0 4px 4px;z-index:99}.dropdown-menu li{transition:all .3s;border-bottom:1px solid #000}.dropdown-menu li:last-child{border-bottom:none}.dropdown-menu li a{display:block;padding:10px 20px;text-decoration:none;color:#000;transition:all .3s}.dropdown-menu li a:hover{background-color:var(--c-primary-cursor)}.dropdown.open .dropdown-menu{border-top:1px solid #000}.dropdown.open .dropdown-button{border-radius:4px 4px 0 0}.dropdown.open .dropdown-button__arrow{transform:rotate(180deg)}.navbar{display:flex;flex-flow:row wrap;justify-content:space-between}.navbar-logo{display:flex;align-items:center}.navbar-form form{display:flex}.navbar-navigation{display:flex}.navbar-navigation li{margin-right:30px}.navbar-navigation li:last-child{margin-right:0;display:flex;align-items:center}.navbar-navigation li a{transition:all .3s;font-size:20px}.navbar-navigation li a:hover{color:var(--c-primary-hover)}.navbar-navigation-dropdawn{position:relative}.navbar-navigation-dropdawn:hover .navbar-navigation-dropdawn__text{color:var(--c-primary-hover)}.navbar-navigation-dropdawn__text{display:flex;align-items:center;cursor:pointer;transition:all .3s}.navbar-navigation-dropdawn__img{display:flex;margin-left:5px}.navbar-navigation-dropdawn .arrow-icon{transition:transform .3s ease-in-out}.navbar-navigation-dropdawn__list{max-height:0;overflow:hidden;list-style:none;padding:0;margin:0;transition:max-height .3s ease-in-out;position:absolute;border:1px solid rgba(0,0,0,0);transition:all .3s;padding:5px;border-radius:var(--b-radius);width:100%;z-index:99}.navbar-navigation-dropdawn__list li{margin:0 0 5px 0}.navbar-form input{border:2px solid var(--c-primary-hover);padding:5px;background-color:rgba(0,0,0,0);color:var(--c-text-primary);border-radius:var(--b-radius)}.navbar-form input::placeholder{color:var(--c-text-primary)}.navbar-form button{background:var(--c-primary-hover);color:var(--c-primary);padding:7.5px 20px;transition:all .3s}.navbar-form button:hover{background-color:var(--c-primary-cursor)}.navbar-navigation-dropdawn.open .navbar-navigation-dropdawn__list{max-height:100vh;border:1px solid var(--c-primary-hover);background:var(--c-primary)}.navbar-navigation-dropdawn.open .arrow-icon{transform:rotate(180deg)}.pagination{display:flex;padding-left:0;list-style:none;border-radius:.25rem;margin-bottom:20px}.pagination .page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:var(--c-text-primary);background-color:var(--c-primary);border:1px solid var(--c-primary-hover);border-radius:4px;transition:all .3s;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.pagination .page-link svg{transition:all .3s}.pagination .page-link svg path{transition:all .3s}.pagination .page-link:hover{background-color:var(--c-primary-hover);color:var(--c-primary)}.pagination .page-link:hover svg path{fill:var(--c-primary)}.pagination .page-item{margin-right:10px}.pagination .page-item:last-child{margin-right:0}.pagination .prev-arrow{margin-right:20px}.pagination .next-arrow{margin-left:10px}.page-link:not(:disabled):not(.disabled){cursor:pointer}.page-item.active .page-link{z-index:1;color:#fff;background-color:var(--c-primary-hover);color:var(--c-primary)}.page-item.disabled .page-link{background-color:#54575a;color:#b7acac;cursor:default}.page-item.disabled svg path{fill:#3c3a3a}:root{--popover-arrow-size: 10px;--popover-bg: #f7f7f7;--popover-border: #ddd}.popover{max-width:200px;padding:1rem;background-color:var(--popover-bg);border:1px solid var(--popover-border);border-radius:.3rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);position:absolute;display:none;z-index:1000;bottom:unset;top:0;right:-210px;opacity:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;color:#000}.popover-wrapper{position:relative}.popover-wrapper{position:relative;max-width:fit-content;width:100%}.popover .popover-arrow{position:absolute;width:0;height:0;border:var(--popover-arrow-size) solid rgba(0,0,0,0);left:-15px}.popover .popover-arrow::before{content:"";position:absolute;border:var(--popover-arrow-size) solid var(--popover-bg)}.popover-top .popover-arrow::before{bottom:0;left:-10px;transform:translateY(-50%) rotate(-90deg);top:50%;border-width:0 var(--popover-arrow-size) var(--popover-arrow-size) var(--popover-arrow-size);border-color:rgba(0,0,0,0) rgba(0,0,0,0) var(--popover-bg) rgba(0,0,0,0)}.progress-container{width:100%;max-width:400px;background-color:rgba(0,0,0,0);border:2px solid var(--c-primary-hover);border-radius:4px;overflow:hidden;height:30px;margin-top:20px}.progress-bar{height:100%;width:0;background-color:var(--c-primary-hover);transition:width .5s ease;position:relative;border-radius:2px 0 0 2px}.progress-label{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);color:var(--c-secondary);font-weight:bold}.btn--progress{max-width:200px;padding:10px 5px;margin:10px 0}.progress-item{max-width:400px;width:100%;height:30px;position:relative;background-color:rgba(0,0,0,0);border:2px solid var(--c-primary-hover);border-radius:4px}.progress-item span{position:absolute;top:0;left:0;width:45%;height:100%;background-color:var(--c-primary-hover);border-radius:2px}.spinner{width:100px;height:100px;border:16px solid #504e4e;border-top:16px solid var(--c-primary-hover);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.custom-select{position:relative;width:200px;font-family:Arial,sans-serif}.custom-select .select-selected{background-color:var(--c-primary-hover);border-radius:4px;padding:10px;cursor:pointer;position:relative;transition:background-color .3s ease;display:flex;justify-content:space-between;align-items:center;color:var(--c-primary)}.custom-select .select-selected:hover{background-color:var(--c-primary-cursor)}.custom-select .select-selected .arrow{width:0;height:0;border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);border-top:5px solid #333;transition:transform .3s ease}.custom-select .select-selected.select-open .arrow{transform:rotate(-180deg)}.custom-select .select-items{position:absolute;background-color:var(--c-primary-hover);border-radius:4px;width:100%;box-shadow:0 4px 8px rgba(0,0,0,.1);z-index:99;margin-top:5px;max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease,opacity .3s ease}.custom-select .select-items div{padding:10px;color:var(--c-secondary);cursor:pointer;transition:background-color .3s ease}.custom-select .select-items div:hover{background-color:var(--c-primary-cursor)}.custom-select .select-open{max-height:200px;opacity:1}.custom-select .same-as-selected{background-color:var(--c-primary-hover)}.checkbox-container{display:flex;flex-direction:column;gap:10px}.custom-checkbox{position:relative;display:flex;align-items:center;cursor:pointer;user-select:none}.custom-checkbox input[type=checkbox]{opacity:0;position:absolute;z-index:-1}.custom-checkbox .checkbox-checkmark{display:inline-block;width:20px;height:20px;border:2px solid var(--c-primary-hover);border-radius:4px;background-color:#3a3434;transition:background-color .3s,border-color .3s;margin-right:10px;position:relative}.custom-checkbox .checkbox-checkmark::after{content:"";position:absolute;left:50%;top:50%;width:6px;height:12px;border:solid #3a3434;border-width:0 3px 3px 0;transform:rotate(45deg) translate(-109%, -29%);opacity:0;transition:opacity .3s}.custom-checkbox input[type=checkbox]:checked+.checkbox-checkmark{background-color:var(--c-primary-hover);border-color:var(--c-primary-hover)}.custom-checkbox input[type=checkbox]:checked+.checkbox-checkmark::after{opacity:1}.d-b{display:block !important}.d-ib{display:inline-block !important}.d-f{display:flex !important}.fd-c{flex-direction:column !important}.jc-sb{justify-content:space-between !important}.jc-fs{justify-content:flex-start !important}.jc-c{justify-content:center !important}.jc-fe{justify-content:flex-end !important}.ai-c{align-items:center !important}.ai-fe{align-items:flex-end !important}.ai-fs{align-items:flex-start !important}.ai-sb{align-items:space-between !important}.fg-1{flex-grow:1 !important}.m0{margin:0px !important}.mx0{margin-left:0px !important;margin-right:0px !important}.my0{margin-top:0px !important;margin-bottom:0px !important}.mt0{margin-top:0px !important}.mb0{margin-bottom:0px !important}.mb15{margin-bottom:15px !important}.ml0{margin-left:0px !important}.mr0{margin-right:0px !important}.p0{padding:0px !important}.px0{padding-left:0px !important;padding-right:0px !important}.py0{padding-top:0px !important;padding-bottom:0px !important}.pt0{padding-top:0px !important}.pb0{padding-bottom:0px !important}.pr0{padding-right:0px !important}.pl0{padding-left:0px !important}.w100p{width:100% !important}.h100p{height:100%}.ta-l{text-align:left !important}.ta-c{text-align:center !important}.ta-r{text-align:right !important}.ws-nw{white-space:nowrap !important}.ws-pl{white-space:pre-line !important}.ws-n{white-space:normal !important}.fw400{font-weight:400 !important}.fw500{font-weight:500 !important}.fw700{font-weight:700 !important}.tt-u{text-transform:uppercase !important}html{font-size:var(--fs);height:100%;margin:0}body{background:var(--c-primary);padding:0;margin:0;font-family:var(--ff-base);color:var(--c-text-primary);line-height:var(--line-height);position:relative;height:100%;display:flex;flex-direction:column;margin:0}a{color:var(--c-text-primary)}ul{list-style:none;padding:0;margin:0}.burger-wrap{display:none;width:34px;height:24px;position:relative}.burger{height:3px;width:100%;background-color:#fff;transition:all .3s}.burger::before,.burger::after{content:"";width:100%;height:3px;display:block;background-color:#fff;transition:all .3s;position:absolute;left:0}.burger::before{top:0}.burger:after{bottom:-1px}.header{display:flex;justify-content:space-between;padding:var(--padding);background:var(--c-primary);border-bottom:1px solid var(--c-secondary);position:fixed;width:100%;z-index:12}@media(max-width: 768px){.header{background:var(--c-primary);position:fixed;width:100%;z-index:999;padding:10px}.header .header__logo{width:40px}}.header__left,.header__right{display:flex;align-items:center}.header__nav{display:flex;list-style:none;margin:0 var(--margin)}@media(max-width: 768px){.header__nav{display:none}}.header__nav--mobile{display:none}@media(max-width: 768px){.header__nav--mobile{display:flex}}.header__nav-link:hover{color:var(--c-primary-hover)}.header__nav-link--github{display:flex;align-items:center}.header__logo-link{display:flex;align-items:center}.header__logo{width:45px;margin-right:var(--margin)}.header__title{font-size:1.5em}.header__menu-icon{display:none}@media(max-width: 768px){.header__menu-icon{display:block;font-size:24px;cursor:pointer}}.main-content{display:flex;padding-top:85px}.main-content__nav{border-right:1px solid var(--c-secondary);width:250px;list-style:none;padding:0;margin:0;transition:all .3s;position:fixed;background:var(--c-primary);z-index:9;height:100%;padding:16px}.main-content__nav-wrap{height:100%;overflow-y:scroll;padding-bottom:80px}@media(max-width: 769px){.main-content__nav{opacity:0;width:0;position:absolute}}.main-content__nav--show{width:100%;opacity:1;background:#212529;z-index:99;border-bottom:1px solid #fff;position:fixed;top:65px}.main-content__nav-in{border-left:1px solid var(--c-placeholder)}.main-content__nav-in-item .main-content__nav-link{padding:5px 10px}.main-content__nav-in-item--active ul{margin-bottom:5px;display:block}.main-content__nav-in-item--active>.main-content__nav-link{color:var(--c-primary-hover);font-weight:550}.main-content__nav-in--none{display:none}.main-content__nav-item{margin:0}.main-content__nav-item--mobile{display:none}.main-content__nav-item ul{display:none}.main-content__nav-item--active ul{display:block}.main-content__nav-item--active>.main-content__nav-link{color:var(--c-primary-hover);font-weight:550}.main-content__nav-link{display:block;padding-bottom:12px;text-decoration:none}.main-content__nav-link:hover{color:var(--c-primary-hover);font-weight:550}.main-content__section{display:flex;flex-flow:column wrap;min-height:100vh;width:100%;padding:20px 20px 20px 270px}@media(max-width: 768px){.main-content__section{padding:15px;width:100%}}.main-content__nav-in-item:hover>.main-content__nav-link{border-left:1px solid var(--c-primary-hover);color:var(--c-primary-hover)}.header__nav-link--github-mobile{margin-right:45px}.footer{width:100%;flex:0 0 auto;padding:var(--padding);border-top:1px solid var(--c-secondary);margin-top:auto}@media(max-width: 768px){.footer{padding:10px}}.footer__text{margin:0;font-size:.9em;text-align:center}.footer__text span{display:block}.footer__text-part{margin:0 5px}.footer-wrap{display:flex;flex-flow:row wrap;padding-top:10px}@media(max-width: 768px){.footer-wrap{justify-content:center}}.footer__item-link{flex:0 0 33.333%;max-width:33.333%;display:flex;flex-flow:column wrap;text-align:center}.footer__item-link--center{align-content:center}.footer__item-link--end{align-content:center}@media(max-width: 768px){.footer__item-link{flex:0 0 50%;max-width:50%;display:flex;flex-flow:column wrap;text-align:center;margin-bottom:20px}}.footer__link-title{color:var(--c-primary-hover)}.footer__link:hover{color:var(--c-primary-hover);text-decoration:underline}.goTop{position:fixed;bottom:20px;right:20px;z-index:99;cursor:pointer;transition:all .3s}.goTop svg{width:50px;height:50px}@media(max-width: 768px){.goTop svg{width:38px;height:38px}}.goTop:hover{bottom:30px}@media screen and (max-width: 768px){.burger-wrap{display:flex;align-items:center;position:absolute;z-index:3;right:15px;transform:translateY(-50%);top:50%}.burger--close{max-width:0;overflow:hidden}.burger--close::before{transform:translateY(1px) rotate(45deg)}.burger--close::after{transform:translateY(3px) rotate(-45deg)}.burger--close::after,.burger--close::before{transform-origin:0}}*::-webkit-scrollbar-track{box-shadow:inset 0 0 6px var(--c-shadow);background-color:var(--c-white);display:none}*::-webkit-scrollbar{width:5px;height:5px;background-color:var(--c-white)}* ::-webkit-scrollbar-thumb{box-shadow:inset 0 0 6px var(--c-basic);background-color:var(--c-basic)} \ No newline at end of file +:root{--fs: 16px;--icon-size: 16px;--ff-base: "Helvetica, Arial, sans-serif";--b-radius: 4px;--transition: 0.3s ease-in-out;--letter-spacing: 0.5px;--padding: 16px;--margin: 16px;--font-size: 16px;--line-height: 1.5;--c-primary: #212529;--c-text-primary: #fff;--c-secondary: #24373d;--c-text-secondary: #000;--c-primary-hover: #F8EC20;--c-primary-cursor: #cfc720;--c-error: #ff4d4d;--c-primary-border: #0028ffcc;--c-secondary-border: #a0a0a0;--c-success-border: #00ff00;--c-danger-border: #ff0000;--c-warning-border: #ffff00;--c-info-border: #00ffff;--c-success: #2bb729;--c-error-hover: #cc0000;--c-shadow: rgba(0, 0, 0, 0.5);--c-table-shadow: rgba(0, 0, 0, 0.15);--c-placeholder: #666666;--c-bg-item: #1c1c1c;--c-text-body-secondary: #6c757d;--c-code-hover: #007eff;--c-shadow-table: rgba(0, 0, 0, 0.2);--c-primary-table: #cfe2ff;--c-secondary-table: #e2e3e5;--c-success-table: #d1e7dd;--c-danger-table: #f8d7da;--c-warning-table: #fff3cd;--c-info-table: #cff4fc;--c-light-table: #f8f9fa;--c-table-striped: #2c3034;--c-border: #495057}html,*,*:before,*:after{box-sizing:border-box}html{line-height:1.15;-webkit-text-size-adjust:100%}*{outline:0}html,body{margin:0;padding:0}main{display:block}h1{font-size:36px;font-weight:900;margin:5px 0;line-height:1}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}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,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}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}[hidden]{display:none}img{max-width:100%;display:inline-block;vertical-align:top}a{text-decoration:none}html,*,*:before,*:after{box-sizing:border-box}html{line-height:1.15;-webkit-text-size-adjust:100%}*{outline:0}html,body{margin:0;padding:0}main{display:block}h1{font-size:36px;font-weight:900;margin:5px 0;line-height:1}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}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,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}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}[hidden]{display:none}img{max-width:100%;display:inline-block;vertical-align:top}a{text-decoration:none}.index{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--c-primary);color:var(--c-text-primary);padding:10px}.index-title{font-size:36px;margin:20px 0;font-weight:bold;text-align:center}.index-avatar{width:100px;height:100px}.index-readme{width:95%}@media(max-width: 1200px){.index-readme{width:100%}}.index-readme__title{font-size:26px;margin:20px 0;font-weight:bold}.index-readme__item{border:1px solid var(--c-border);position:relative;margin:20px 0;font-size:18px;background:var(--c-bg-item);padding:10px;border-radius:5px}.index-readme__code{font-style:italic;color:var(--c-code-hover)}.index-readme__link{text-decoration:underline;color:var(--c-code-hover)}.index-readme__link:hover{color:var(--c-primary-hover);text-decoration:underline}.template-red-text{color:red}.list-style{list-style-type:disc;padding-left:20px}blockquote{margin:0}blockquote p{margin:0}figure{margin:0}figure blockquote{margin:0}figure blockquote p{margin:0}figure .blockquote-footer{display:block;font-size:80%;color:var(--c-text-body-secondary)}figure .blockquote-footer cite{font-style:normal}.h1,.h2,.h3,.h4,.h5,.h6{font-weight:bold;line-height:1.2;margin-top:0;margin-bottom:.5rem}.h1{font-size:2.5rem}.h2{font-size:2rem}.h3{font-size:1.75rem}.h4{font-size:1.5rem}.h5{font-size:1.25rem}.h6{font-size:1rem}.display-1,.display-2,.display-3,.display-4,.display-5,.display-6{font-weight:300;line-height:1.2}.display-1{font-size:calc(1.625rem + 4.5vw);margin-bottom:10px}.display-2{font-size:calc(1.575rem + 3.9vw);margin-bottom:10px}.display-3{font-size:calc(1.525rem + 3.3vw);margin-bottom:10px}.display-4{font-size:calc(1.475rem + 2.7vw);margin-bottom:10px}.display-5{font-size:calc(1.425rem + 2.1vw);margin-bottom:10px}.display-6{font-size:calc(1.375rem + 1.5vw);margin-bottom:10px}p .lead{font-size:1.25rem;font-weight:300;line-height:1.6}.text-body-secondary{color:var(--c-text-body-secondary)}.text-center .blockquote,.text-center .blockquote-footer{justify-content:center;align-items:center;text-align:center}.text-end .blockquote,.text-end .blockquote-footer{flex-direction:column;align-items:flex-end;text-align:right}.list-unstyled{padding-left:0;list-style:none}.list-unstyled>li{list-style:none}.list-unstyled ul{padding-left:1rem;list-style:disc}.list-unstyled ul>li{list-style:disc}.list-inline{padding-left:0;list-style:none;display:flex;flex-wrap:wrap}.list-inline>.list-inline-item{display:inline-block;margin-right:.5rem}dl{display:flex;flex-wrap:wrap;margin:0}dl dt,dl dd{margin-bottom:.5rem}dl dt{font-weight:bold;flex:0 0 25%}dl dd{flex:0 0 75%;margin-left:0}dl .row{display:flex;flex-wrap:wrap;width:100%}dl .row .col-sm-3{flex:0 0 25%;max-width:25%}dl .row .col-sm-4{flex:0 0 33.333333%;max-width:33.333333%}dl .row .col-sm-9{flex:0 0 75%;max-width:75%}dl .row .col-sm-8{flex:0 0 66.666667%;max-width:66.666667%}dl .row.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.example{background-color:var(--c-bg-item);margin:10px 0;font-size:18px;padding:20px;padding-left:30px;border-radius:5px;border:1px solid var(--c-border)}.example__img{border:1px solid var(--c-border);background-color:var(--c-bg-item);border-radius:5px;padding:10px}.example-img{display:flex;justify-content:space-between}.example-img .bd-img{border-radius:5%}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.3rem;border:1px solid var(--c-border);border-radius:5px}.rounded{border-radius:5%}.mx-auto{margin-right:auto !important;margin-left:auto !important}.d-block{display:block}.float-start{float:left !important}.float-end{float:right !important}.float-none{float:none !important}.example-tables{border:1px solid var(--c-border);border-radius:5px;padding:20px;margin-bottom:20px}table{width:100%;border-collapse:collapse}table.caption-bottom{caption-side:bottom}table.caption-bottom caption{text-align:left;padding:8px;font-weight:bold}table.caption-top{caption-side:top}table.caption-top caption{text-align:left;padding:8px;font-weight:bold}table th,table td{border-bottom:1px solid var(--c-border);padding:8px}table th{text-align:left}.table-primary{background-color:var(--c-primary-table);color:var(--c-text-secondary)}.table-secondary{background-color:var(--c-secondary-table);color:var(--c-text-secondary)}.table-success{background-color:var(--c-success-table);color:var(--c-text-secondary)}.table-danger{background-color:var(--c-danger-table);color:var(--c-text-secondary)}.table-warning{background-color:var(--c-warning-table);color:var(--c-text-secondary)}.table-info{background-color:var(--c-info-table);color:var(--c-text-secondary)}.table-light{background-color:var(--c-light-table);color:var(--c-text-secondary)}.table-dark{background-color:var(--c-primary);color:var(--c-text-primary)}.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>thead>tr>th,.table-bordered>thead>tr>td,.table-striped>tbody>tr>td,.table-striped>tbody>tr>th,.table-striped>thead>tr>th,.table-striped>thead>tr>td,.table-hover>tbody>tr>td,.table-hover>tbody>tr>th,.table-hover>thead>tr>th,.table-hover>thead>tr>td,.table-active-light>tbody>tr>td,.table-active-light>tbody>tr>th,.table-active-light>thead>tr>th,.table-active-light>thead>tr>td,.table-active-dark>tbody>tr>td,.table-active-dark>tbody>tr>th,.table-active-dark>thead>tr>th,.table-active-dark>thead>tr>td{border:1px solid var(--c-border)}.table-active-light{background-color:var(--c-table-striped)}.table-active-dark{background-color:var(--c-table-shadow)}.striped-light tbody tr:nth-child(odd){background-color:var(--c-table-striped)}.striped-dark tbody tr:nth-child(odd){background-color:var(--c-table-shadow)}.striped-columns-light tr td:nth-child(even),.striped-columns-light tr th:nth-child(even){background-color:var(--c-table-striped)}.striped-columns-dark tr td:nth-child(even),.striped-columns-dark tr th:nth-child(even){background-color:var(--c-table-shadow)}.table-hover tbody tr:hover{background-color:var(--c-shadow-table)}.border-primary th,.border-primary td{border:1px solid var(--c-primary-border)}.border-secondary th,.border-secondary td{border:1px solid var(--c-secondary-border)}.border-success th,.border-success td{border:1px solid var(--c-success-border)}.border-danger th,.border-danger td{border:1px solid var(--c-danger-border)}.border-warning th,.border-warning td{border:1px solid var(--c-warning-border)}.border-info th,.border-info td{border:1px solid var(--c-info-border)}.border-light th,.border-light td{border:1px solid var(--c-text-primary)}.border-dark th,.border-dark td{border:1px solid var(--c-primary)}.table-borderless{border-collapse:collapse}.table-borderless th,.table-borderless td{border:none}.table-borderless thead th{border-bottom:1px solid rgba(0,0,0,0)}.table-borderless tbody tr{border-top:1px solid rgba(0,0,0,0)}.table-sm th,.table-sm td{padding:.3rem}.table-group-divider{border-top:3px solid var(--c-text-primary)}.w-25{width:25% !important}.align-top{vertical-align:top !important}.align-bottom{vertical-align:bottom !important}.align-middle{vertical-align:middle !important}.hscroll{overflow-x:auto}@media(max-width: 576px){.hscroll-sm{overflow-x:auto}}@media(max-width: 768px){.hscroll-md{overflow-x:auto}}@media(max-width: 992px){.hscroll-lg{overflow-x:auto}}@media(max-width: 1200px){.hscroll-xl{overflow-x:auto}}@media(max-width: 1400px){.hscroll-xxl{overflow-x:auto}}.list{margin-bottom:.5rem;border:1px solid var(--c-border);border-radius:.5rem;transition:background-color .3s ease;overflow:hidden}.list a:last-child{border-bottom:none}.list .list-group{display:flex;align-items:center}.list .list-group__socials{padding:12px;display:flex;align-items:center;border-top:1px solid var(--c-border)}.list .list-group__socials a{margin-right:20px;transition:all .3s}.list .list-group__socials a:hover{transform:scale(0.8)}.list .list-group:last-child{margin-bottom:0}.list .list-group img{border-radius:25%;margin:10px;object-fit:cover}.strong{font-weight:bold}.border{border:1px solid var(--c-border)}.img{background-color:var(--c-bg-item);padding:10px;border-radius:5px;display:flex;justify-content:center;align-items:center}.image{border-radius:50%}.text{display:flex;align-items:center}.text .left,.text .right{flex:1;display:flex;flex-direction:column;align-items:center}.text .left{border-right:1px solid var(--c-border)}.text .text-waw{color:var(--c-primary-hover)}.text .text-success{color:var(--c-success)}.text .text-danger{color:var(--c-error-hover)}.w-btn,button{font-size:var(--fs);font-weight:500;font-family:var(--ff-base);background-color:var(--c-primary);border-radius:var(--b-radius);transition:var(--transition);color:var(--c-white);position:relative;line-height:19px;text-align:center;white-space:nowrap;user-select:none;border:none;cursor:pointer}.w-btn._primary,button._primary{background-color:var(--c-primary)}.w-btn._primary:hover,button._primary:hover{background-color:var(--c-primary-hover)}.w-btn._second,button._second{border:1px solid #256eff;background-color:var(--c-white);color:#256eff}.w-btn._danger,button._danger{background-color:var(--c-error);color:#fff}.w-btn._danger:hover,button._danger:hover{background:var(--c-error-hover)}.w-btn._link,button._link{background:rgba(0,0,0,0);color:var(--c-text-primary);font-size:14px;font-weight:400}.w-btn._link:hover,button._link:hover{color:var(--c-text-secondary)}.w-btn:disabled,button:disabled{background-color:var(--c-grey-dark);cursor:default}.w-btn:disabled:hover,button:disabled:hover{background-color:var(--c-grey-dark)}.btn{display:inline-block;width:100%;max-width:270px;padding:15px 20px;background-color:var(--c-primary-hover);color:var(--c-secondary);border:none;border-radius:var(--b-radius);text-align:center;font-size:20px;cursor:pointer;transition:background-color .3s,padding .3s;border:2px solid rgba(0,0,0,0)}.btn:hover{background-color:var(--c-primary-cursor)}.btn--error{background-color:var(--c-error);color:var(--c-text-primary)}.btn--error:hover{background-color:var(--c-error-hover)}.btn--second{background-color:rgba(0,0,0,0);border:2px solid var(--c-primary-hover);color:var(--c-text-primary)}.btn--second:hover{background-color:var(--c-primary-hover);color:var(--c-secondary)}.btn:disabled{background-color:var(--c-placeholder);cursor:default}.btn:disabled:hover{background-color:var(--c-placeholder)}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.switch input:checked+.slider{background-color:var(--c-primary-hover)}.switch input:focus+.slider{box-shadow:0 0 1px #2196f3}.switch input:checked+.slider:before{transform:translateX(26px);background-color:#504e4e}.switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.switch .slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}.w-forms{max-width:600px;padding:20px;border:2px solid #fff;border-radius:22px}.w-forms__title{font-size:24px;font-weight:600;text-align:center;padding:0 0 15px 0}.w-forms__input{margin-bottom:15px}.w-forms__btn .btn{width:100%;max-width:100%}input{width:100%;font-size:20px;padding:18px 8px;border-radius:5px;border:2px solid var(--c-primary-hover);background:rgba(0,0,0,0);color:var(--c-text-primary)}input::placeholder{color:var(--c-text-primary)}textarea{height:120px;width:100%;font-size:20px;padding:18px 8px;border-radius:5px;border:2px solid var(--c-primary-hover);background:rgba(0,0,0,0);color:var(--c-text-primary);resize:none}textarea::placeholder{color:var(--c-text-primary)}.card-wrapper{display:flex;flex-flow:row wrap}.card__wrap{display:flex;flex:0 0 25%;max-width:25%;padding:0 10px;margin-bottom:20px}@media screen and (max-width: 1199px){.card__wrap{flex:0 0 33.333%;max-width:33.333%}}@media screen and (max-width: 991px){.card__wrap{flex:0 0 50%;max-width:50%}}@media screen and (max-width: 630px){.card__wrap{flex:0 0 100%;max-width:400px;margin:0 auto 20px}}.card__wrap .card-top{background-color:#fff;padding:8px;border-radius:4px;color:#1f1c1c;text-align:center}.card__wrap .card-center{display:flex;flex-flow:row wrap;padding:10px 0}.card__wrap .card-center__wrap{flex:0 0 25%;max-width:25%;min-height:150px;padding:0 5px;display:flex}.card__wrap .card-center__item{background-color:#8f8f8f;width:100%;display:flex;align-items:center;justify-content:center}.card__item{border:1px solid #fff;border-radius:5px;padding:15px;display:flex;flex-flow:column wrap;width:100%}.card__img{text-align:center}.card__img img{width:100%;height:100%;max-width:180px}.card__title{text-align:center;padding:20px 0 10px 0;font-size:22px;font-weight:600}.card__description{text-align:center;line-height:1.1;margin-bottom:10px}.card__btn .btn{padding:10px;width:100%;max-width:100%}.radio-container{display:flex;flex-direction:column;gap:10px}.custom-radio{display:none}.custom-label{position:relative;padding-left:30px;cursor:pointer;font-size:16px;color:#fff}.custom-label::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:20px;height:20px;border:2px solid var(--c-primary-hover);border-radius:50%;background-color:#504e4e;box-sizing:border-box;transition:background-color .3s ease}.custom-radio:checked+.custom-label::before{background-color:var(--c-primary-hover);border-color:var(--c-primary-hover)}.custom-label::after{content:"";position:absolute;left:6px;top:50%;transform:translateY(-50%);width:8px;height:8px;background-color:#504e4e;border-radius:50%;opacity:0;transition:opacity .3s ease}.custom-radio:checked+.custom-label::after{opacity:1}.open-modal{cursor:pointer;display:inline-block;padding:10px 20px;margin:10px;background-color:var(--c-primary-hover);color:var(--c-secondary);border-radius:5px;transition:background-color .3s ease}.open-modal:hover{background-color:var(--c-primary-cursor)}.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.5);transition:opacity .3s ease;opacity:0}.modal.show{display:block;opacity:1}.modal-content{background-color:#343434;margin:10% auto;padding:20px;border:1px solid rgba(136,136,136,.3490196078);width:80%;border-radius:10px;position:relative;transition:transform .3s ease;transform:scale(0.7);max-height:80vh;overflow-y:auto;color:#fff}.modal.show .modal-content{transform:scale(1)}.close{color:#aaa;float:right;font-size:28px;font-weight:bold;cursor:pointer;position:absolute;top:10px;right:15px;transition:color .3s ease}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}.modal-template{display:none}.alert-wrap{display:flex;flex-flow:row wrap;padding:5px;border-radius:var(--b-radius);margin-bottom:10px;position:relative}.alert-wrap-img{margin-right:15px;display:flex}.alert-wrap-img svg{width:30px;height:30px}.alert-wrap-text__title{font-size:16px;font-weight:600}.alert-wrap-text__description{font-size:16px}.alert-wrap-close{position:absolute;width:20px;height:20px;right:16px;transition:all .3s;cursor:pointer}.alert-wrap-close:hover{transform:scale(0.8)}.alert-wrap-close svg{width:100%;height:100%}.alert-info{background:var(--c-primary-hover);color:var(--c-primary)}.alert-error{background:var(--c-error)}.alert-error svg path{fill:var(--c-text-primary)}.alert-success{background:var(--c-success)}.accordion-button__arrow{transition:transform .3s ease}.accordion-button.active .accordion-button__arrow{transform:rotate(-180deg)}.accordion{max-width:600px;margin:20px auto;border:1px solid #ccc;border-radius:5px;overflow:hidden}.accordion-item{border:2px solid var(--c-primary-hover);border-radius:var(--b-radius)}.accordion-button{width:100%;padding:10px;text-align:left;background-color:rgba(0,0,0,0);border:none;outline:none;cursor:pointer;font-size:22px;transition:background-color .3s;display:flex;align-items:center;justify-content:space-between}.accordion-button:hover{background-color:rgba(0,0,0,0)}.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out;padding:0 15px;border-top:1px solid var(--c-primary-hover);font-size:18px}.accordion-content p{margin:15px 0}.breadcrumb{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:rgba(0,0,0,0);border:2px solid var(--c-primary-hover);border-radius:.25rem}.breadcrumb .active{color:var(--c-text-primary)}.breadcrumb a{color:var(--c-primary-hover);text-decoration:none;background-color:rgba(0,0,0,0);-webkit-text-decoration-skip:objects}.breadcrumb-item+.breadcrumb-item::before{display:inline-block;padding-right:.5rem;padding-left:.5rem;color:#6c757d;content:"/"}.dropdown{position:relative;display:inline-block}.dropdown-button{background-color:var(--c-primary-hover);color:var(--c-secondary);padding:10px 20px;border:none;cursor:pointer;font-size:18px;display:flex;align-items:center}.dropdown-button__text{margin-right:10px}.dropdown-button__arrow{transition:transform .3s ease-out;display:flex}.dropdown-menu{list-style:none;padding:0;margin:0;position:absolute;top:100%;width:100%;left:0;background-color:var(--c-primary-hover);color:var(--c-secondary);box-shadow:0 8px 16px rgba(0,0,0,.1);height:0;overflow:hidden;transition:height .3s ease-out,border .3s ease-out;border:none;border-radius:0 0 4px 4px;z-index:99}.dropdown-menu li{transition:all .3s;border-bottom:1px solid #000}.dropdown-menu li:last-child{border-bottom:none}.dropdown-menu li a{display:block;padding:10px 20px;text-decoration:none;color:#000;transition:all .3s}.dropdown-menu li a:hover{background-color:var(--c-primary-cursor)}.dropdown.open .dropdown-menu{border-top:1px solid #000}.dropdown.open .dropdown-button{border-radius:4px 4px 0 0}.dropdown.open .dropdown-button__arrow{transform:rotate(180deg)}.navbar{display:flex;flex-flow:row wrap;justify-content:space-between;position:relative}.navbar-logo{display:flex;align-items:center}.navbar-form form{display:flex}.navbar-navigation{display:flex}.navbar-navigation li{margin-right:30px}.navbar-navigation li:last-child{margin-right:0;display:flex;align-items:center}.navbar-navigation li a{transition:all .3s;font-size:20px}.navbar-navigation li a:hover{color:var(--c-primary-hover)}.navbar-navigation-dropdawn{position:relative}.navbar-navigation-dropdawn:hover .navbar-navigation-dropdawn__text{color:var(--c-primary-hover)}.navbar-navigation-dropdawn__text{display:flex;align-items:center;cursor:pointer;transition:all .3s}.navbar-navigation-dropdawn__img{display:flex;margin-left:5px}.navbar-navigation-dropdawn .arrow-icon{transition:transform .3s ease-in-out}.navbar-navigation-dropdawn__list{max-height:0;overflow:hidden;list-style:none;padding:0;margin:0;transition:max-height .3s ease-in-out;position:absolute;border:1px solid rgba(0,0,0,0);transition:all .3s;padding:5px;border-radius:var(--b-radius);width:100%;z-index:99}.navbar-navigation-dropdawn__list li{margin:0 0 5px 0}.navbar-form input{border:2px solid var(--c-primary-hover);padding:5px;background-color:rgba(0,0,0,0);color:var(--c-text-primary);border-radius:var(--b-radius)}.navbar-form input::placeholder{color:var(--c-text-primary)}.navbar-form button{background:var(--c-primary-hover);color:var(--c-primary);padding:7.5px 20px;transition:all .3s}.navbar-form button:hover{background-color:var(--c-primary-cursor)}.navbar-navigation-dropdawn.open .navbar-navigation-dropdawn__list{max-height:100vh;border:1px solid var(--c-primary-hover);background:var(--c-primary)}.navbar-navigation-dropdawn.open .arrow-icon{transform:rotate(180deg)}.burger-wrap-n{display:none;width:36px;height:27px;position:relative}.burger-n{height:5px;width:100%;background-color:#fff;transition:all .3s}.burger-n::before,.burger-n::after{content:"";width:100%;height:5px;display:block;background-color:#fff;transition:all .3s;position:absolute;left:0}.burger-n::before{top:0}.burger-n:after{bottom:0}@media screen and (max-width: 1024px){.navbar-navigation{position:relative;display:block;max-height:unset;width:unset;opacity:1;border:none;margin:unset}.burger-wrap-n{display:flex;align-items:center;position:absolute;z-index:3;left:0;transform:translateY(-50%);top:50%}.burger-n--close{max-width:0;overflow:hidden}.burger-n--close::before{transform:translateY(-1px) rotate(45deg)}.burger-n--close::after{transform:translateY(3px) rotate(-45deg)}.burger-n--close::after,.burger-n--close::before{transform-origin:0}.navbar-navigation{position:absolute;top:15px;width:100%;left:0;background:rgba(0,0,0,.8784313725);z-index:3;padding:0;opacity:0;display:flex;max-height:0;overflow:hidden;transition:all .3s;border-bottom:1px solid #000;margin:0 auto;align-items:center;justify-content:center}.navbar-navigation{flex-flow:column wrap;justify-content:center;align-items:center}.navbar-navigation li{display:block;margin-right:0;padding-right:0;font-size:20px}.navbar-navigation li a{display:block;padding:10px 0;border:none;text-align:center;width:100%}.navbar-navigation--open{max-height:500px;opacity:1;padding:15px 0;overflow:unset}.navbar-form{max-width:210px;padding-top:10px}.navbar-logo{position:absolute;right:0;top:50%;transform:translate(0, -50%)}.navbar{justify-content:right}.pagination .page-link{width:33px !important;height:33px !important}}.pagination{display:flex;padding-left:0;list-style:none;border-radius:.25rem;margin-bottom:20px}.pagination .page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:var(--c-text-primary);background-color:var(--c-primary);border:1px solid var(--c-primary-hover);border-radius:4px;transition:all .3s;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.pagination .page-link svg{transition:all .3s}.pagination .page-link svg path{transition:all .3s}.pagination .page-link:hover{background-color:var(--c-primary-hover);color:var(--c-primary)}.pagination .page-link:hover svg path{fill:var(--c-primary)}.pagination .page-item{margin-right:10px}.pagination .page-item:last-child{margin-right:0}.pagination .prev-arrow{margin-right:20px}.pagination .next-arrow{margin-left:10px}.page-link:not(:disabled):not(.disabled){cursor:pointer}.page-item.active .page-link{z-index:1;color:#fff;background-color:var(--c-primary-hover);color:var(--c-primary)}.page-item.disabled .page-link{background-color:#54575a;color:#b7acac;cursor:default}.page-item.disabled svg path{fill:#3c3a3a}:root{--popover-arrow-size: 10px;--popover-bg: #f7f7f7;--popover-border: #ddd}.popover{max-width:200px;padding:1rem;background-color:var(--popover-bg);border:1px solid var(--popover-border);border-radius:.3rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);position:absolute;display:none;z-index:1000;bottom:unset;top:0;right:-210px;opacity:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;color:#000}.popover-wrapper{position:relative}.popover-wrapper{position:relative;max-width:fit-content;width:100%}.popover .popover-arrow{position:absolute;width:0;height:0;border:var(--popover-arrow-size) solid rgba(0,0,0,0);left:-15px}.popover .popover-arrow::before{content:"";position:absolute;border:var(--popover-arrow-size) solid var(--popover-bg)}.popover-top .popover-arrow::before{bottom:0;left:-10px;transform:translateY(-50%) rotate(-90deg);top:50%;border-width:0 var(--popover-arrow-size) var(--popover-arrow-size) var(--popover-arrow-size);border-color:rgba(0,0,0,0) rgba(0,0,0,0) var(--popover-bg) rgba(0,0,0,0)}.progress-container{width:100%;max-width:400px;background-color:rgba(0,0,0,0);border:2px solid var(--c-primary-hover);border-radius:4px;overflow:hidden;height:30px;margin-top:20px}.progress-bar{height:100%;width:0;background-color:var(--c-primary-hover);transition:width .5s ease;position:relative;border-radius:2px 0 0 2px}.progress-label{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);color:var(--c-secondary);font-weight:bold}.btn--progress{max-width:200px;padding:10px 5px;margin:10px 0}.progress-item{max-width:400px;width:100%;height:30px;position:relative;background-color:rgba(0,0,0,0);border:2px solid var(--c-primary-hover);border-radius:4px}.progress-item span{position:absolute;top:0;left:0;width:45%;height:100%;background-color:var(--c-primary-hover);border-radius:2px}.spinner{width:100px;height:100px;border:16px solid #504e4e;border-top:16px solid var(--c-primary-hover);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.custom-select{position:relative;width:200px;font-family:Arial,sans-serif}.custom-select .select-selected{background-color:var(--c-primary-hover);border-radius:4px;padding:10px;cursor:pointer;position:relative;transition:background-color .3s ease;display:flex;justify-content:space-between;align-items:center;color:var(--c-primary)}.custom-select .select-selected:hover{background-color:var(--c-primary-cursor)}.custom-select .select-selected .arrow{width:0;height:0;border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);border-top:5px solid #333;transition:transform .3s ease}.custom-select .select-selected.select-open .arrow{transform:rotate(-180deg)}.custom-select .select-items{position:absolute;background-color:var(--c-primary-hover);border-radius:4px;width:100%;box-shadow:0 4px 8px rgba(0,0,0,.1);z-index:99;margin-top:5px;max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease,opacity .3s ease}.custom-select .select-items div{padding:10px;color:var(--c-secondary);cursor:pointer;transition:background-color .3s ease}.custom-select .select-items div:hover{background-color:var(--c-primary-cursor)}.custom-select .select-open{max-height:200px;opacity:1}.custom-select .same-as-selected{background-color:var(--c-primary-hover)}.checkbox-container{display:flex;flex-direction:column;gap:10px}.custom-checkbox{position:relative;display:flex;align-items:center;cursor:pointer;user-select:none}.custom-checkbox input[type=checkbox]{opacity:0;position:absolute;z-index:-1}.custom-checkbox .checkbox-checkmark{display:inline-block;width:20px;height:20px;border:2px solid var(--c-primary-hover);border-radius:4px;background-color:#3a3434;transition:background-color .3s,border-color .3s;margin-right:10px;position:relative}.custom-checkbox .checkbox-checkmark::after{content:"";position:absolute;left:50%;top:50%;width:6px;height:12px;border:solid #3a3434;border-width:0 3px 3px 0;transform:rotate(45deg) translate(-109%, -29%);opacity:0;transition:opacity .3s}.custom-checkbox input[type=checkbox]:checked+.checkbox-checkmark{background-color:var(--c-primary-hover);border-color:var(--c-primary-hover)}.custom-checkbox input[type=checkbox]:checked+.checkbox-checkmark::after{opacity:1}.d-b{display:block !important}.d-ib{display:inline-block !important}.d-f{display:flex !important}.fd-c{flex-direction:column !important}.jc-sb{justify-content:space-between !important}.jc-fs{justify-content:flex-start !important}.jc-c{justify-content:center !important}.jc-fe{justify-content:flex-end !important}.ai-c{align-items:center !important}.ai-fe{align-items:flex-end !important}.ai-fs{align-items:flex-start !important}.ai-sb{align-items:space-between !important}.fg-1{flex-grow:1 !important}.m0{margin:0px !important}.mx0{margin-left:0px !important;margin-right:0px !important}.my0{margin-top:0px !important;margin-bottom:0px !important}.mt0{margin-top:0px !important}.mb0{margin-bottom:0px !important}.mb15{margin-bottom:15px !important}.ml0{margin-left:0px !important}.mr0{margin-right:0px !important}.p0{padding:0px !important}.px0{padding-left:0px !important;padding-right:0px !important}.py0{padding-top:0px !important;padding-bottom:0px !important}.pt0{padding-top:0px !important}.pb0{padding-bottom:0px !important}.pr0{padding-right:0px !important}.pl0{padding-left:0px !important}.w100p{width:100% !important}.h100p{height:100%}.ta-l{text-align:left !important}.ta-c{text-align:center !important}.ta-r{text-align:right !important}.ws-nw{white-space:nowrap !important}.ws-pl{white-space:pre-line !important}.ws-n{white-space:normal !important}.fw400{font-weight:400 !important}.fw500{font-weight:500 !important}.fw700{font-weight:700 !important}.tt-u{text-transform:uppercase !important}html{font-size:var(--fs);height:100%;margin:0}body{background:var(--c-primary);padding:0;margin:0;font-family:var(--ff-base);color:var(--c-text-primary);line-height:var(--line-height);position:relative;height:100%;display:flex;flex-direction:column;margin:0}a{color:var(--c-text-primary)}ul{list-style:none;padding:0;margin:0}.burger-wrap{display:none;width:34px;height:24px;position:relative}.burger{height:3px;width:100%;background-color:#fff;transition:all .3s}.burger::before,.burger::after{content:"";width:100%;height:3px;display:block;background-color:#fff;transition:all .3s;position:absolute;left:0}.burger::before{top:0}.burger:after{bottom:-1px}.header{display:flex;justify-content:space-between;padding:var(--padding);background:var(--c-primary);border-bottom:1px solid var(--c-secondary);position:fixed;width:100%;z-index:12}@media(max-width: 768px){.header{background:var(--c-primary);position:fixed;width:100%;z-index:999;padding:10px}.header .header__logo{width:40px}}.header__left,.header__right{display:flex;align-items:center}.header__nav{display:flex;list-style:none;margin:0 var(--margin)}@media(max-width: 768px){.header__nav{display:none}}.header__nav--mobile{display:none}@media(max-width: 768px){.header__nav--mobile{display:flex}}.header__nav-link:hover{color:var(--c-primary-hover)}.header__nav-link--github{display:flex;align-items:center}.header__logo-link{display:flex;align-items:center}.header__logo{width:45px;margin-right:var(--margin)}.header__title{font-size:1.5em}.header__menu-icon{display:none}@media(max-width: 768px){.header__menu-icon{display:block;font-size:24px;cursor:pointer}}.main-content{display:flex;padding-top:85px}.main-content__nav{border-right:1px solid var(--c-secondary);width:250px;list-style:none;padding:0;margin:0;transition:all .3s;position:fixed;background:var(--c-primary);z-index:9;height:100%;padding:16px}.main-content__nav-wrap{height:100%;overflow-y:scroll;padding-bottom:80px}@media(max-width: 769px){.main-content__nav{opacity:0;width:0;position:absolute}}.main-content__nav--show{width:100%;opacity:1;background:#212529;z-index:99;border-bottom:1px solid #fff;position:fixed;top:65px}.main-content__nav-in{border-left:1px solid var(--c-placeholder)}.main-content__nav-in-item .main-content__nav-link{padding:5px 10px}.main-content__nav-in-item--active ul{margin-bottom:5px;display:block}.main-content__nav-in-item--active>.main-content__nav-link{color:var(--c-primary-hover);font-weight:550}.main-content__nav-in--none{display:none}.main-content__nav-item{margin:0}.main-content__nav-item--mobile{display:none}.main-content__nav-item ul{display:none}.main-content__nav-item--active ul{display:block}.main-content__nav-item--active>.main-content__nav-link{color:var(--c-primary-hover);font-weight:550}.main-content__nav-link{display:block;padding-bottom:12px;text-decoration:none}.main-content__nav-link:hover{color:var(--c-primary-hover);font-weight:550}.main-content__section{display:flex;flex-flow:column wrap;min-height:100vh;width:100%;padding:20px 20px 20px 270px}@media(max-width: 768px){.main-content__section{padding:15px;width:100%}}.main-content__nav-in-item:hover>.main-content__nav-link{border-left:1px solid var(--c-primary-hover);color:var(--c-primary-hover)}.header__nav-link--github-mobile{margin-right:45px}.footer{width:100%;flex:0 0 auto;padding:var(--padding);border-top:1px solid var(--c-secondary);margin-top:auto}@media(max-width: 768px){.footer{padding:10px}}.footer__text{margin:0;font-size:.9em;text-align:center}.footer__text span{display:block}.footer__text-part{margin:0 5px}.footer-wrap{display:flex;flex-flow:row wrap;padding-top:10px}@media(max-width: 768px){.footer-wrap{justify-content:center}}.footer__item-link{flex:0 0 33.333%;max-width:33.333%;display:flex;flex-flow:column wrap;text-align:center}.footer__item-link--center{align-content:center}.footer__item-link--end{align-content:center}@media(max-width: 768px){.footer__item-link{flex:0 0 50%;max-width:50%;display:flex;flex-flow:column wrap;text-align:center;margin-bottom:20px}}.footer__link-title{color:var(--c-primary-hover)}.footer__link:hover{color:var(--c-primary-hover);text-decoration:underline}.goTop{position:fixed;bottom:20px;right:20px;z-index:99;cursor:pointer;transition:all .3s}.goTop svg{width:50px;height:50px}@media(max-width: 768px){.goTop svg{width:38px;height:38px}}.goTop:hover{bottom:30px}@media screen and (max-width: 768px){.burger-wrap{display:flex;align-items:center;position:absolute;z-index:3;right:15px;transform:translateY(-50%);top:50%}.burger--close{max-width:0;overflow:hidden}.burger--close::before{transform:translateY(1px) rotate(45deg)}.burger--close::after{transform:translateY(3px) rotate(-45deg)}.burger--close::after,.burger--close::before{transform-origin:0}}*::-webkit-scrollbar-track{box-shadow:inset 0 0 6px var(--c-shadow);background-color:var(--c-white);display:none}*::-webkit-scrollbar{width:5px;height:5px;background-color:var(--c-white)}* ::-webkit-scrollbar-thumb{box-shadow:inset 0 0 6px var(--c-basic);background-color:var(--c-basic)} \ No newline at end of file diff --git a/css/scss/components/_w-nav.scss b/css/scss/components/_w-nav.scss index f5d4868..e1d2473 100644 --- a/css/scss/components/_w-nav.scss +++ b/css/scss/components/_w-nav.scss @@ -2,6 +2,7 @@ display: flex; flex-flow: row wrap; justify-content: space-between; + position: relative; &-logo{ display: flex; align-items: center; @@ -98,4 +99,143 @@ .navbar-navigation-dropdawn.open .arrow-icon { transform: rotate(180deg); /* Повертаємо іконку */ + } + +///* burger */ +.burger-wrap-n { + display: none; + width: 36px; + height: 27px; + position: relative; +} + +.burger-n { + height: 5px; + width: 100%; + background-color: rgb(255, 255, 255); + transition: all .3s; +} + +.burger-n::before, +.burger-n::after { + content: ''; + width: 100%; + height: 5px; + display: block; + background-color: rgb(255, 255, 255); + transition: all .3s; + position: absolute; + left: 0; +} + +.burger-n::before { + top: 0; +} + +.burger-n:after { + bottom: 0; +} + + @media screen and (max-width: 1024px) { + .navbar-navigation { + position: relative; + display: block; + max-height: unset; + width: unset; + opacity: 1; + border: none; + margin: unset; + } + + .burger-wrap-n { + display: flex; + align-items: center; + position: absolute; + z-index: 3; + left: 0; + transform: translateY(-50%); + top: 50%; + } + + .burger-n--close { + max-width: 0; + overflow: hidden; + } + + .burger-n--close::before { + transform: translateY(-1px) rotate(45deg); + } + + .burger-n--close::after { + transform: translateY(3px) rotate(-45deg); + } + + .burger-n--close::after, + .burger-n--close::before { + transform-origin: 0; + } + + .navbar-navigation { + position: absolute; + top: 15px; + width: 100%; + left: 0; + background: #000000e0; + z-index: 3; + padding: 0; + opacity: 0; + display: flex; + max-height: 0; + overflow: hidden; + transition: all .3s; + border-bottom: 1px solid black; + margin: 0 auto; + align-items: center; + justify-content: center; + } + + .navbar-navigation { + flex-flow: column wrap; + justify-content: center; + align-items: center; + } + + .navbar-navigation li { + display: block; + margin-right: 0; + padding-right: 0; + font-size: 20px; + } + + .navbar-navigation li a { + display: block; + padding: 10px 0; + border: none; + text-align: center; + width: 100%; + } + + .navbar-navigation--open { + max-height: 500px; + opacity: 1; + padding: 15px 0; + overflow: unset; + } + .navbar-form{ + max-width: 210px; + padding-top: 10px; + } + .navbar-logo { + position: absolute; + right: 0; + top: 50%; + transform: translate(0, -50%); + } + .navbar { + justify-content: right; + } + .pagination .page-link { + width: 33px !important; + height: 33px !important; + } } \ No newline at end of file diff --git a/pages/components/components.html b/pages/components/components.html index 14a0c01..a271832 100644 --- a/pages/components/components.html +++ b/pages/components/components.html @@ -488,6 +488,9 @@

NavBar

/> +
+
+