.filters-accordion{color:var(--main-dark-shade-0)}.filters-accordion .head{align-items:center;display:flex;font-size:21px;font-weight:500;justify-content:space-between;line-height:110%;margin-bottom:var(--spacing-36)}.filters-accordion .filters-dropdown>div>div{align-items:center;cursor:pointer;display:flex;justify-content:space-between}.filters-accordion .filters-dropdown>div:not(:last-of-type){margin-bottom:var(--spacing-40)}.filters-accordion .filters-dropdown>div .filter-name{font-weight:500;line-height:150%}.filters-accordion .filters-dropdown>div svg{flex:0 0 auto}.filters-accordion .filters-dropdown>div.open .options{max-height:440px}.filters-accordion .filters-dropdown>div.open>div svg{transform:rotate(180deg)}.filters-accordion .filters-dropdown>div.open .hide,.filters-accordion .filters-dropdown>div.open .show{display:block}.filters-accordion .filters-dropdown>div.open .range-options,.filters-accordion .filters-dropdown>div.open .search-options{overflow:unset}.filters-accordion .filters-dropdown>div:not(.open) .options{max-height:0!important}.filters-accordion .filters-dropdown .options{display:flex;flex-direction:column;list-style:none;margin:var(--spacing-12) 0 var(--spacing-8) 0;max-height:0;overflow:hidden;padding:0;position:relative;transition:all var(--duration) ease-in}.filters-accordion .filters-dropdown .options:not(.show-more) li span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filters-accordion .filters-dropdown .options.range-options{cursor:unset}.filters-accordion .filters-dropdown .options.range-options>div:first-child{display:flex;justify-content:space-between;width:100%}.filters-accordion .filters-dropdown .options.range-options>div:first-child input:not([type=range]){font-size:14px;height:36px;max-width:60px;padding:6px 7px}.filters-accordion .filters-dropdown .options.range-options .range-slider-wrapper{margin-top:12px;width:100%}.filters-accordion .filters-dropdown .options.range-options .range-slider-wrapper .vue-slider{height:8px!important}.filters-accordion .filters-dropdown .options.range-options .range-slider-wrapper .vue-slider .vue-slider-process{background-color:var(--accent)}.filters-accordion .filters-dropdown .options.range-options .range-slider-wrapper .vue-slider .vue-slider-dot-handle{background-color:var(--accent);box-shadow:none}.filters-accordion .filters-dropdown .options.range-options .range-slider-wrapper .vue-slider .vue-slider-rail{background-color:var(--main-light-shade-2)}.filters-accordion .filters-dropdown .options li{align-items:center;background:var(--main-light-shade-2-200);border-radius:5px;color:var(--main-dark-shade-3);cursor:pointer;display:flex;font-size:14px;font-weight:500;height:40px;margin-bottom:var(--spacing-4);padding:var(--spacing-12)}.filters-accordion .filters-dropdown .options li:not(.not-capitalized){text-transform:capitalize}.filters-accordion .filters-dropdown .options li:hover{background:var(--main-light-shade-3)}.filters-accordion .filters-dropdown .options li.selected{background:var(--accent-light-2);color:var(--accent)}.filters-accordion .filters-dropdown .options li.first{order:-1}.filters-accordion .filters-dropdown .options li.last{order:100}.filters-accordion .filters-dropdown .options.show-more li:nth-child(-n+5){display:flex}.filters-accordion .filters-dropdown .options .search-results{background:var(--main-light);border:1px solid var(--main-light-shade-2);border-bottom-left-radius:5px;border-bottom-right-radius:5px;max-height:200px;overflow-y:auto;position:absolute;top:92%;width:100%;z-index:1}.filters-accordion .filters-dropdown .options .search-results::-webkit-scrollbar-track{background:var(--main-dark)}.filters-accordion .filters-dropdown .options .search-results::-webkit-scrollbar-thumb{background:var(--main-dark-light-3)}.filters-accordion .filters-dropdown .options .search-results ul{list-style:none;margin:0;padding:0}.filters-accordion .filters-dropdown .options .search-results ul li{padding:var(--spacing-8) var(--spacing-12)}.filters-accordion .filters-dropdown .options .search-results ul li.focused,.filters-accordion .filters-dropdown .options .search-results ul li:hover{background-color:var(--main-light-shade-2);font-weight:600}.filters-accordion .filters-dropdown .hide,.filters-accordion .filters-dropdown .show{display:none;line-height:100%}.filters-accordion .filters-dropdown .show:after{content:"Show more"}.filters-accordion .filters-dropdown .hide:after{content:"Show less"}.filters-accordion .filters-dropdown .hide:after,.filters-accordion .filters-dropdown .show:after{color:var(--main-light-shade-4);font-size:14px;font-weight:600;line-height:110%}.filters-accordion .filters-dropdown input:not([type=range]){border-color:var(--main-light-shade-2);font-size:14px;height:40px;margin-top:8px}.filters-accordion .filters-dropdown input:not([type=range]):-moz-placeholder,.filters-accordion .filters-dropdown input:not([type=range])::-moz-placeholder{font-size:14px}.filters-accordion .filters-dropdown input:not([type=range]):-ms-input-placeholder{font-size:14px}.filters-accordion .filters-dropdown input:not([type=range])::-webkit-input-placeholder{font-size:14px}.library-badge{align-items:center;background-color:var(--main-dark);border:2px solid var(--main-dark-shade-3);border-radius:100px;display:inline-flex;font-size:14px;font-weight:700;line-height:22px;padding:3px 12px;text-transform:capitalize}.library-badge svg{margin-right:4px}.library-badge.free{color:var(--accent-light-3)}.library-badge.beginner{color:var(--main-green-light-3)}.library-badge.intermediate{color:var(--main-yellow)}.library-badge.advanced{color:var(--main-red)}.project-card{margin-bottom:var(--spacing-20)}.project-card.site .card-body{min-height:333px}.project-card.site .card-body .card-footer{padding:var(--spacing-20) var(--spacing-24)}.project-card.site .card-body .card-footer .title{font-size:18px;line-height:130%}.project-card.dark .card-body{background:var(--main-dark-light-2)}.project-card.dark .card-body .card-footer .title{color:var(--main-light)}.project-card.dark .card-body .card-footer p{color:var(--main-light-shade-4)}.project-card.dark .card-body .card-footer p .highlight{color:var(--main-light)}.project-card .card-body{background:var(--main-light);border-radius:10px;box-shadow:0 3px 8px rgba(16,20,28,.15);color:var(--main-dark-shade-0);display:block;height:100%;text-decoration:none;transition:transform var(--duration) ease}.project-card .card-body:hover{transform:scale(1.03)}.project-card .card-body:hover .title{color:var(--accent)}.project-card .card-body .image-holder{border-top-left-radius:10px;border-top-right-radius:10px;height:193px;overflow:hidden;position:relative}.project-card .card-body .image-holder img{height:100%;object-fit:cover;width:100%}.project-card .card-body .image-holder .badge-holder{position:absolute;right:12px;top:12px}.project-card .card-body .image-holder .badge-holder.extend{display:flex;justify-content:space-between;width:calc(100% - 24px)}.project-card .card-body .image-holder .badge-holder .badge{display:flex}.project-card .card-body .image-holder .badge-holder .badge .library-badge{margin-right:var(--spacing-4)}.project-card .card-body .image-holder .badge-holder .badge .library-badge:last-of-type{margin-right:0}.project-card .card-body .image-holder .badge-holder .technology svg{width:28px}.project-card .card-body .card-footer{padding:var(--spacing-12) var(--spacing-16) var(--spacing-16)}.project-card .card-body .card-footer .title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:16px;font-weight:600;line-height:162%;margin-bottom:var(--spacing-16);overflow:hidden;text-overflow:ellipsis}.project-card .card-body .card-footer p{color:var(--main-dark-light-3);font-size:14px;font-weight:500;line-height:164%;margin:0}.project-card .card-body .card-footer p:last-of-type{margin-bottom:0}.project-card .card-body .card-footer .duration,.project-card .card-body .card-footer .project-type{margin-bottom:var(--spacing-4)}.project-card .card-body .card-footer .project-type .highlight{text-transform:capitalize}.project-card .card-body .card-footer .highlight{color:var(--main-dark);font-weight:700}.project-card .card-body .card-footer .status svg{height:9px;width:12px}.project-card .card-body .card-footer .status span{font-weight:700}.project-card .card-body .card-footer .status span.in-progress{color:var(--accent-shade-1)}.project-card .card-body .card-footer .status span.done{color:var(--main-green-shade-1)}@media (max-width:1023px){.project-card:last-of-type{margin-bottom:0}}.projects-wrapper[data-v-7de5f9dc]{background:var(--main-light-shade-1)}.projects-wrapper.site .hero-section[data-v-7de5f9dc]{margin-bottom:var(--spacing-80);min-height:348px;padding-top:var(--spacing-80)}.projects-wrapper.site .hero-section .h3[data-v-7de5f9dc]{font-size:40px;line-height:110%}.projects-wrapper.site section.faq[data-v-7de5f9dc]{margin-top:130px;padding-bottom:130px}.projects-wrapper.site .content[data-v-7de5f9dc] .filters-accordion .filter-name,.projects-wrapper.site .content[data-v-7de5f9dc] .filters-accordion .head{color:var(--main-dark);font-size:16px;font-weight:500;line-height:110%}.projects-wrapper.site .content[data-v-7de5f9dc] .filters-accordion .head{font-size:21px}.projects-wrapper.site .content[data-v-7de5f9dc] .search .results-wrapper .search-results{font-size:18px;line-height:110%}@media (min-width:1024px) and (max-width:1439px){.projects-wrapper.site .hero-section .h3[data-v-7de5f9dc]{font-size:32px}}@media (max-width:1023px){.projects-wrapper.site .hero-section[data-v-7de5f9dc]{min-height:375px;padding:68px 0 0}.projects-wrapper.site .content[data-v-7de5f9dc] .pagination{margin-bottom:var(--spacing-80)}.projects-wrapper.site section.faq[data-v-7de5f9dc]{margin-top:var(--spacing-80);padding-bottom:var(--spacing-160)}.projects-wrapper.site section.faq[data-v-7de5f9dc] .h3{font-size:28px}}.projects-wrapper .hero-section[data-v-7de5f9dc]{align-items:center;background:linear-gradient(135deg,rgba(86,191,199,.2) .94%,rgba(86,191,199,0) 100%),var(--main-dark);color:var(--main-light);display:flex;margin-bottom:64px;min-height:212px}.projects-wrapper .hero-section .h3[data-v-7de5f9dc]{font-weight:600;line-height:118%;margin-bottom:0}.projects-wrapper .hero-section .description[data-v-7de5f9dc]{color:var(--main-light-shade-4);line-height:162%;margin-bottom:0;padding-left:0}.projects-wrapper section.faq[data-v-7de5f9dc]{margin-top:var(--spacing-80);padding-bottom:114px}.projects-wrapper section.faq a[data-v-7de5f9dc]{color:var(--accent)}.projects-wrapper section.faq[data-v-7de5f9dc] .projects .col-10{padding-left:0}.projects-wrapper section.faq[data-v-7de5f9dc] .projects .col-10 .body-1 a{color:var(--accent)}.projects-wrapper .content .mobile-filter[data-v-7de5f9dc]{display:none}.projects-wrapper .content aside[data-v-7de5f9dc]{order:1}.projects-wrapper .content .main[data-v-7de5f9dc]{order:2}.projects-wrapper .content .types-tabs[data-v-7de5f9dc]{margin-bottom:48px;order:0}.projects-wrapper .content .types-tabs .tabs[data-v-7de5f9dc]{align-items:center;display:flex;list-style:none;margin:0;padding:0}.projects-wrapper .content .types-tabs .tabs li[data-v-7de5f9dc]{margin:0;min-width:170px;position:relative;text-align:center}.projects-wrapper .content .types-tabs .tabs li a[data-v-7de5f9dc]{border-bottom:3px solid var(--main-light-shade-4);color:var(--main-light-shade-4)!important;cursor:pointer;display:block;font-weight:700;padding-bottom:var(--spacing-8);text-decoration:none}.projects-wrapper .content .types-tabs .tabs li.active a[data-v-7de5f9dc]{border-bottom-color:var(--accent);color:var(--accent)!important}.projects-wrapper .content[data-v-7de5f9dc] .filters-accordion .filter-name,.projects-wrapper .content[data-v-7de5f9dc] .filters-accordion .head{color:var(--main-dark-light-3);font-size:16px;font-weight:400;line-height:167%}.projects-wrapper .content[data-v-7de5f9dc] .filters-accordion .head{margin-bottom:var(--spacing-30)}.projects-wrapper .content[data-v-7de5f9dc] .filters-accordion .filters-dropdown ul li{background:var(--main-light-shade-3);color:var(--main-dark-light-3)}.projects-wrapper .content[data-v-7de5f9dc] .filters-accordion .filters-dropdown ul li:hover{background:var(--main-dark-shade-4)}.projects-wrapper .content[data-v-7de5f9dc] .filters-accordion .filters-dropdown ul li.selected{background:var(--accent-light-3);color:var(--accent-shade-3)}.projects-wrapper .content[data-v-7de5f9dc] .search .results-wrapper .search-results{font-size:16px;line-height:167%}.projects-wrapper .content[data-v-7de5f9dc] .search .search-bar input{border-color:var(--main-light-shade-2)}.projects-wrapper .content[data-v-7de5f9dc] .pagination{margin:0}.projects-wrapper[data-v-7de5f9dc] .faq .h3{font-size:28px;line-height:120%}.projects-wrapper[data-v-7de5f9dc] .faq .body-1{font-size:16px;margin-top:0}@media (min-width:1024px) and (max-width:1439px){.projects-wrapper .h2[data-v-7de5f9dc],.projects-wrapper h2[data-v-7de5f9dc]{font-size:38px;line-height:45px}.projects-wrapper .h3[data-v-7de5f9dc],.projects-wrapper h3[data-v-7de5f9dc]{font-size:32px;line-height:40px}.projects-wrapper .h4[data-v-7de5f9dc],.projects-wrapper h4[data-v-7de5f9dc]{font-size:24px;line-height:30px}.projects-wrapper section.info ol li .content .title[data-v-7de5f9dc]{font-size:18px;line-height:139%}.projects-wrapper[data-v-7de5f9dc] .faq .h3{font-size:24px}}@media (max-width:600px){.projects-wrapper.site .hero-section .h3[data-v-7de5f9dc]{font-size:28px;line-height:110%}.projects-wrapper.site .hero-section .description[data-v-7de5f9dc]{line-height:150%}.projects-wrapper .content .types-tabs[data-v-7de5f9dc]{margin-bottom:var(--spacing-20)}.projects-wrapper .content .types-tabs .tabs[data-v-7de5f9dc]{align-items:flex-start;flex-direction:column}.projects-wrapper .content .types-tabs .tabs li[data-v-7de5f9dc]{width:100%}.projects-wrapper .content .types-tabs .tabs li a[data-v-7de5f9dc]{border-bottom:0;border-left:3px solid var(--main-light-shade-4);padding:var(--spacing-12);text-align:left}.projects-wrapper .content .types-tabs .tabs li.active a[data-v-7de5f9dc]{border-left-color:var(--accent);color:var(--accent)!important}}@media (max-width:1023px){.projects-wrapper .hero-section[data-v-7de5f9dc]{margin-bottom:var(--spacing-40)!important;padding:var(--spacing-40) 0}.projects-wrapper .hero-section .description[data-v-7de5f9dc]{padding-right:0}.projects-wrapper .hero-section h2[data-v-7de5f9dc]{align-items:flex-start;flex-direction:column}.projects-wrapper section[data-v-7de5f9dc]{margin-top:80px}.projects-wrapper section.info[data-v-7de5f9dc]{margin-bottom:var(--spacing-50);margin-top:var(--spacing-40)}.projects-wrapper section.info .title[data-v-7de5f9dc]{font-size:24px}.projects-wrapper section.info ol li .content .title[data-v-7de5f9dc]{font-size:18px;line-height:139%}.projects-wrapper section.info ol li .content .description[data-v-7de5f9dc]{margin-bottom:var(--spacing-30)}.projects-wrapper section.faq[data-v-7de5f9dc] .h3{font-size:21px}.projects-wrapper section>.container>h3[data-v-7de5f9dc]{font-size:28px}.projects-wrapper .content .desktop-filter[data-v-7de5f9dc]{display:none}.projects-wrapper .content .mobile-filter[data-v-7de5f9dc]{display:block}.projects-wrapper .content .row[data-v-7de5f9dc]{margin-left:-12px;margin-right:-12px}.projects-wrapper .content .types-tabs[data-v-7de5f9dc]{padding-left:15px}.projects-wrapper .content .search .search-holder[data-v-7de5f9dc]{display:flex;justify-content:space-between}.projects-wrapper .content .search .search-holder .search-bar-wrapper[data-v-7de5f9dc]{margin-right:var(--spacing-6)}.projects-wrapper .content[data-v-7de5f9dc] .pagination{margin-top:var(--spacing-20)}.projects-wrapper .content[data-v-7de5f9dc] .__filters .__filters-dropdown .__filters-dropdown-body>div{color:var(--main-dark);font-weight:500}.projects-wrapper .content[data-v-7de5f9dc] .__filters .__filters-dropdown .__filters-dropdown-body>div ul li{background:var(--main-light-shade-3);color:var(--main-dark-light-3)}.projects-wrapper .content[data-v-7de5f9dc] .__filters .__filters-dropdown .__filters-dropdown-body>div ul li.selected{background:var(--accent-light-3);color:var(--accent-shade-3)}.projects-wrapper .content[data-v-7de5f9dc] .__filters .__filters-dropdown .__filters-dropdown-footer .clear-btn{color:var(--main-light-shade-4)}.projects-wrapper .content[data-v-7de5f9dc] .__filters .__filters-dropdown .__filters-dropdown-footer .clear-btn svg path[fill]{fill:var(--main-light-shade-4)}}.fa .projects-wrapper[data-v-7de5f9dc]{background:var(--main-light-shade-2)}.fa .projects-wrapper .hero-section[data-v-7de5f9dc]{background:linear-gradient(179.58deg,rgba(3,111,253,.14) -.05%,rgba(3,111,253,.05) 25.66%,rgba(1,22,51,0) 99.77%),var(--main-dark)}.fa .projects-wrapper .content[data-v-7de5f9dc] .filters-accordion .filters-dropdown ul li{background:var(--main-light-shade-2-200);color:var(--main-dark-light-3)}.fa .projects-wrapper .content[data-v-7de5f9dc] .filters-accordion .filters-dropdown ul li:hover{background:var(--main-light-shade-3)}.fa .projects-wrapper .content[data-v-7de5f9dc] .filters-accordion .filters-dropdown ul li.selected{background:var(--accent-light-2);color:var(--accent)}.fa .projects-wrapper .content[data-v-7de5f9dc] .search .search-bar input{border-color:var(--main-light-shade-3)}.fa .projects-wrapper .content[data-v-7de5f9dc] .results-wrapper .search-label{background:var(--main-light-shade-2-200)}.fa section.introduction>.container>h3[data-v-7de5f9dc]{color:var(--accent-shade-1)}.fa .projects-wrapper section.structure .tabs .tab[data-v-7de5f9dc]{background:var(--main-light-shade-2-200)}.fa .projects-wrapper section.structure .tabs .tab.active[data-v-7de5f9dc]{background:rgba(156,163,184,.5)}@media (max-width:1023px){.fa .projects-wrapper .content[data-v-7de5f9dc] .__filters .__filters-dropdown .__filters-dropdown-body>div ul li{background:var(--main-light-shade-2-200);color:var(--main-dark-light-3)}.fa .projects-wrapper .content[data-v-7de5f9dc] .__filters .__filters-dropdown .__filters-dropdown-body>div ul li.selected{background:var(--accent-light-2);color:var(--accent)}}