button.CheckBoxModule{display:flex;align-items:center;gap:.6rem}button.CheckBoxModule .check{display:flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;flex-shrink:0;border-radius:.4rem;background-color:#ffffff1a;border:.1px solid rgba(125,125,125,.1)}button.CheckBoxModule .check img{width:.8rem;object-fit:contain;opacity:0;flex-shrink:0;margin-bottom:-.1rem}button.CheckBoxModule span.label{font:400 1.6rem/1.2 Variable;color:#fff}button.CheckBoxModule.active .check{background-color:#3d64ff;border-color:transparent}button.CheckBoxModule.active .check img{opacity:1}div.pagination{display:flex;justify-content:center;align-items:center;gap:.4rem;margin-top:2.4rem}div.pagination .pagination-btn{min-width:3.2rem;height:3.2rem;padding:0 .8rem;border-radius:.8rem;background-color:#1d1e21;justify-content:center}div.pagination .pagination-btn span{font:400 1.4rem Variable;color:#ffffff80}div.pagination .pagination-btn img{width:1rem;object-fit:contain}div.pagination .pagination-btn.active{background-color:#3d64ff}div.pagination .pagination-btn.active span{color:#fff}div.pagination .pagination-btn:disabled{opacity:.3;cursor:default}div.pagination .pagination-ellipsis{font:400 1.4rem Variable;color:#ffffff4d;padding:0 .4rem;-webkit-user-select:none;user-select:none}div.selectContainer.default,div.selectContainer.multiSelect{position:relative;width:100%}div.selectContainer.default *,div.selectContainer.multiSelect *,div.selectContainer.default *:before,div.selectContainer.multiSelect *:before,div.selectContainer.default *:after,div.selectContainer.multiSelect *:after{transition:none!important}div.selectContainer.default button.heading,div.selectContainer.multiSelect button.heading{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1.6rem 2rem;border-radius:1.4rem;background-color:#1d1e21;border:.1rem solid transparent;transition:border-color .2s ease-in-out!important;position:relative;z-index:1}div.selectContainer.default button.heading span,div.selectContainer.multiSelect button.heading span{font:400 1.6rem Variable;color:#fff;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}div.selectContainer.default button.heading img.arrow,div.selectContainer.multiSelect button.heading img.arrow{width:2.4rem;object-fit:contain;transition:transform .2s ease-in-out!important}div.selectContainer.default button.heading.active,div.selectContainer.multiSelect button.heading.active{border-color:#3d64ff}div.selectContainer.default button.heading.active img.arrow,div.selectContainer.multiSelect button.heading.active img.arrow{transform:rotate(180deg)}div.selectContainer.default .floatMenu,div.selectContainer.multiSelect .floatMenu{position:absolute;left:0;top:calc(100% + .8rem);display:none;flex-direction:column;width:100%;padding:1.2rem;padding-right:0;border-radius:1.4rem;background-color:#1d1e21;border:.1rem solid rgba(255,255,255,.1);transition:none;overflow:hidden}div.selectContainer.default .floatMenu input,div.selectContainer.multiSelect .floatMenu input{width:calc(100% - 1.2rem);padding:1.6rem;border:.1rem solid rgba(255,255,255,.1);border-radius:1.2rem;background-color:transparent;font:400 1.6rem Variable;color:#fff}div.selectContainer.default .floatMenu button,div.selectContainer.multiSelect .floatMenu button{display:flex;justify-content:flex-start;width:100%;padding:1.2rem 1.6rem;border-radius:1.2rem;transition:background-color .2s ease-in-out!important;flex-shrink:0}div.selectContainer.default .floatMenu button span,div.selectContainer.multiSelect .floatMenu button span{font:400 1.6rem Variable;color:#fff;opacity:.6;transition:opacity .2s ease-in-out,color .2s ease-in-out!important;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}div.selectContainer.default .floatMenu button:hover,div.selectContainer.multiSelect .floatMenu button:hover{background-color:#3d64ff1a}div.selectContainer.default .floatMenu button:hover span,div.selectContainer.multiSelect .floatMenu button:hover span{opacity:1}div.selectContainer.default .floatMenu button.active,div.selectContainer.multiSelect .floatMenu button.active{background-color:#3d64ff26}div.selectContainer.default .floatMenu button.active span,div.selectContainer.multiSelect .floatMenu button.active span{opacity:1;color:#3d64ff}div.selectContainer.default .floatMenu .scroll-container,div.selectContainer.multiSelect .floatMenu .scroll-container{display:flex;flex-direction:column;gap:.8rem;max-height:20rem;overflow-y:auto;padding-right:1.2rem}div.selectContainer.default .floatMenu.active,div.selectContainer.multiSelect .floatMenu.active{display:flex}div.selectContainer.default .floatMenu.openToTop,div.selectContainer.multiSelect .floatMenu.openToTop{top:unset;bottom:calc(100% + .8rem)}div.selectContainer.default .floatMenu.search .scroll-container,div.selectContainer.multiSelect .floatMenu.search .scroll-container{max-height:25rem}div.selectContainer.default.fixated .floatMenu,div.selectContainer.multiSelect.fixated .floatMenu{position:fixed;z-index:1000;top:unset}main.RecommendPage div.outTableBlock{padding-bottom:1.2rem!important}main.RecommendPage div.outTableBlock .row-between h1{margin-bottom:0}main.RecommendPage div.outTableBlock .row-between button.add{width:3.2rem;height:3.2rem;border-radius:1rem;background-color:#3d64ff}main.RecommendPage div.outTableBlock .tableContainer .topRow,main.RecommendPage div.outTableBlock .tableContainer .defaultRow{display:grid;grid-template-columns:minmax(0,1.6rem) repeat(4,minmax(0,1fr)) minmax(0,1.8rem)}main.RecommendPage div.outTableBlock .tableContainer .topRow input,main.RecommendPage div.outTableBlock .tableContainer .defaultRow input{padding:.8rem;font:400 1.6rem Variable;letter-spacing:.01em;text-align:right;color:#fff;width:6.4rem;border-radius:1.2rem;box-shadow:0 0 8px #00000014;background-color:#1d1e21}main.RecommendPage div.outTableBlock .tableContainer .topRow input::placeholder,main.RecommendPage div.outTableBlock .tableContainer .defaultRow input::placeholder{color:#ffffff80}main.RecommendPage div.outTableBlock .tableContainer .defaultRow{cursor:pointer}main.RecommendPage div.outTableBlock .tableContainer .defaultRow p{text-wrap:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%}main.RecommendPage div.outTableBlock .tableContainer .defaultRow button.date{justify-content:space-between;padding:.8rem;background-color:#1d1e21;border-radius:.8rem;width:100%}main.RecommendPage div.outTableBlock .tableContainer .defaultRow button.date span{font:400 1.4rem/100% Variable;color:#fff}main.RecommendPage div.outTableBlock .tableContainer .defaultRow div.selectContainer.default button.heading,main.RecommendPage div.outTableBlock .tableContainer .defaultRow div.selectContainer.multiSelect button.heading{padding:.8rem;height:3.4rem;border-radius:.8rem}main.RecommendPage div.outTableBlock .tableContainer .defaultRow div.selectContainer.default button.heading span,main.RecommendPage div.outTableBlock .tableContainer .defaultRow div.selectContainer.multiSelect button.heading span{font:400 1.4rem Variable}main.RecommendPage div.outTableBlock .tableContainer .defaultRow div.selectContainer.default button.heading img.arrow,main.RecommendPage div.outTableBlock .tableContainer .defaultRow div.selectContainer.multiSelect button.heading img.arrow{width:1.2rem}main.RecommendPage div.outTableBlock .tableContainer .defaultRow div.selectContainer.default .floatMenu,main.RecommendPage div.outTableBlock .tableContainer .defaultRow div.selectContainer.multiSelect .floatMenu{width:100%;padding:1rem;padding-right:0;border-radius:.8rem}main.RecommendPage div.outTableBlock .tableContainer .defaultRow div.selectContainer.default .floatMenu button,main.RecommendPage div.outTableBlock .tableContainer .defaultRow div.selectContainer.multiSelect .floatMenu button{padding:.8rem;border-radius:.8rem}main.RecommendPage div.outTableBlock .tableContainer .defaultRow div.selectContainer.default .floatMenu button span,main.RecommendPage div.outTableBlock .tableContainer .defaultRow div.selectContainer.multiSelect .floatMenu button span{font:400 1.4rem Variable}main.RecommendPage div.outTableBlock .tableContainer .defaultRow div.selectContainer.default .floatMenu .scroll-container,main.RecommendPage div.outTableBlock .tableContainer .defaultRow div.selectContainer.multiSelect .floatMenu .scroll-container{gap:.4rem;padding-right:1rem}div.TagRenderComponent{display:flex;width:fit-content;align-items:center;gap:.8rem;justify-content:center;padding:.4rem .8rem;border-radius:.4rem;background-color:#fff3;cursor:pointer}div.TagRenderComponent span{font:400 1.2rem Variable;color:#fff}div.TagRenderComponent .row-marks{display:flex;align-items:center;gap:.6rem}div.TagRenderComponent .row-marks button{display:flex;align-items:center;gap:.4rem}div.TagRenderComponent .row-marks button svg{width:1.2rem;object-fit:contain;flex-shrink:0}div.TagRenderComponent .row-marks button svg .icon-filled{opacity:0}div.TagRenderComponent .row-marks button span{font:500 1.2rem Variable;color:#7a7a7a}div.TagRenderComponent .row-marks button.active svg path{fill:#3d64ff}div.TagRenderComponent .row-marks button.active svg .icon-filled{opacity:1}div.TagRenderComponent .row-marks button.active svg .icon-outline{opacity:0}div.TagRenderComponent .row-marks button.active span{color:#3d64ff}div.TagAdditionalInfoComponent .block{display:flex;align-items:center;gap:2rem;padding:2.4rem;border-radius:3.6rem;background-color:#131313}div.TagAdditionalInfoComponent .block .imageContainer.preloader{width:15rem;height:15rem;border-radius:1.2rem;flex-shrink:0}div.TagAdditionalInfoComponent .block .column h3{font:700 2rem Variable;color:#fff;margin-bottom:.8rem}div.TagAdditionalInfoComponent .block .column p{font:400 1.6rem Variable;color:#fff;opacity:.5}main.RecommendPage section.TopContentSection{margin-bottom:2.4rem}main.RecommendPage section.TopContentSection .grid-row{display:grid;align-items:center;grid-template-columns:repeat(2,minmax(0,1fr));gap:3.2rem;margin-bottom:2.8rem}main.RecommendPage section.TopContentSection .grid-row .column h1{font:400 4rem/120% Benzin-Bold;text-transform:uppercase;color:#fff;margin-bottom:1.8rem}main.RecommendPage section.TopContentSection .grid-row .column p{font:400 1.6rem Variable;color:#fff;opacity:.8}main.RecommendPage section.TopContentSection .grid-row .column .imageContainer.preloader{width:100%;height:26rem;border-radius:4rem;background-color:#1d1e21}main.RecommendPage section.TopContentSection .filters-row{display:grid;grid-template-columns:minmax(0,1.2fr) repeat(4,minmax(0,1fr));align-items:center;gap:1rem}main.RecommendPage section.TopContentSection .filters-row .searchContainer{display:flex;align-items:center;gap:.8rem;padding:0 0 0 1.2rem;background-color:#1d1e21;border-radius:1rem}main.RecommendPage section.TopContentSection .filters-row .searchContainer input{height:4.4rem;width:25rem;background-color:transparent;font:400 1.6rem Variable;color:#fff}main.RecommendPage section.TopContentSection .filters-row .searchContainer input::placeholder{color:#ffffff80}main.RecommendPage section.TopContentSection .filters-row div.selectContainer.default button.heading,main.RecommendPage section.TopContentSection .filters-row div.selectContainer.multiSelect button.heading{gap:1.2rem;padding:1.2rem 1.6rem;border-radius:1rem;background-color:#1d1e21}main.RecommendPage section.TopContentSection .filters-row div.selectContainer.default button.heading span,main.RecommendPage section.TopContentSection .filters-row div.selectContainer.multiSelect button.heading span{font:400 1.6rem Variable}main.RecommendPage section.TopContentSection .filters-row div.selectContainer.default button.heading img.arrow,main.RecommendPage section.TopContentSection .filters-row div.selectContainer.multiSelect button.heading img.arrow{width:1.6rem}main.RecommendPage section.TopContentSection .filters-row div.selectContainer.default .floatMenu,main.RecommendPage section.TopContentSection .filters-row div.selectContainer.multiSelect .floatMenu{padding:1.2rem;padding-right:0;border-radius:1.2rem}main.RecommendPage section.TopContentSection .filters-row div.selectContainer.default .floatMenu input,main.RecommendPage section.TopContentSection .filters-row div.selectContainer.multiSelect .floatMenu input{padding:1.2rem;border-radius:1rem}main.RecommendPage section.TopContentSection .filters-row div.selectContainer.default .floatMenu button,main.RecommendPage section.TopContentSection .filters-row div.selectContainer.multiSelect .floatMenu button{padding:1.2rem 1.6rem;border-radius:1rem}main.RecommendPage section.TopContentSection .filters-row div.selectContainer.default .floatMenu button span,main.RecommendPage section.TopContentSection .filters-row div.selectContainer.multiSelect .floatMenu button span{font:400 1.6rem Variable}main.RecommendPage section.TopContentSection .filters-row div.selectContainer.default .floatMenu.search .scroll-container,main.RecommendPage section.TopContentSection .filters-row div.selectContainer.multiSelect .floatMenu.search .scroll-container{max-height:18rem}main.RecommendPage section.ProjectsSection .grid-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem 1.2rem}main.RecommendPage section.ProjectsSection .grid-row a.ProjectRenderComponent .block{display:flex;gap:1.2rem;height:100%;background-color:#131313;padding:1.6rem;border-radius:2rem}main.RecommendPage section.ProjectsSection .grid-row a.ProjectRenderComponent .block .imageContainer.preloader{width:9.2rem;height:9.2rem;border-radius:1.2rem;flex-shrink:0}main.RecommendPage section.ProjectsSection .grid-row a.ProjectRenderComponent .block .column{flex-grow:1}main.RecommendPage section.ProjectsSection .grid-row a.ProjectRenderComponent .block .column h3{font:700 2rem Variable;color:#fff;margin-bottom:.6rem}main.RecommendPage section.ProjectsSection .grid-row a.ProjectRenderComponent .block .column .row-categories{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;width:80%}main.RecommendPage section.ProjectsSection .grid-row .emptyBlock{grid-column:1 / -1}