.project-page{grid-template:"search search""breadcrumbs breadcrumbs""header aside""tabs aside"60px"tab-content aside"1fr/1fr 336px;column-gap:52px;min-width:1224px;display:grid}.project-page form{margin-bottom:32px}.project-page .breadcrumbs{margin-bottom:40px}.project-page .search-for-project{max-width:unset}.project-page .search-for-project>.desktop-only{margin-bottom:32px}.project-page aside{grid-area:aside}.project-page aside .aside-box{color:#b2b2b2;height:fit-content;font-size:14px}.project-page aside h3{color:var(--text-primary);font-family:var(--lato-font);margin-bottom:12px;font-size:18px;font-weight:700}.project-page aside h2{color:#e5e5e5;font-size:16px;line-height:unset;justify-content:space-between;margin-bottom:12px;display:flex}.project-page aside ul.links{flex-flow:wrap;gap:8px;width:100%;display:flex}.project-page aside ul.links a{font-size:14px;font-weight:500;font-family:var(--montserrat-font);text-transform:capitalize;color:var(--text-primary);background-color:var(--surface-on-surface);border-radius:4px;height:32px;padding:4px 8px;text-decoration:none;display:block}.project-page aside ul.links a:hover{background-color:var(--surface-on-surface-hover)}.project-page.loading{opacity:0}.project-page .tab-content{grid-area:tab-content;min-width:0}.project-page .tab-content .screenshots-slider:not(.screenshots-popup .screenshots-slider) .viewer{cursor:pointer}.project-page .tab-content .screenshots-slider:not(.screenshots-popup .screenshots-slider) .viewer:hover{border:1px solid var(--border-secondary)}.project-page .tab-content .screenshots-slider:not(.screenshots-popup .screenshots-slider) .viewer:hover .slide-enter .description{opacity:1;transition:opacity .1s}.project-page .tab-content .shelf .tiles-list{gap:33px}@media (max-width:900px){.project-page .tab-content .shelf .tiles-list{gap:24px}}.project-page .page-header{margin-bottom:24px}@media (min-width:900px){.project-page .page-header{display:flex}.project-page .page-header .filters{margin-bottom:0}}.project-page div+h2{margin-top:40px}.project-page .file-details:not(.hidden)~*{display:none!important}.project-page .opener,.project-page .close-container{display:none}.project-page .filters{align-items:center;gap:12px;max-width:100%;display:flex}.project-page .filters span{white-space:nowrap}.project-page .filters span.clear-all{margin-left:auto}.project-page .filters .select-dropdown{flex-shrink:10000;min-width:0}.project-page .back-to-top{bottom:80px}@media (max-width:900px){.project-page{min-width:0;padding-left:20px;padding-right:20px;display:block}.project-page .breadcrumbs,.project-page aside{margin-bottom:20px}.project-page aside .aside-box{z-index:101;height:unset;padding:0 0 24px;animation:.3s forwards slide-from-right;display:none;position:fixed;inset:48px 0 0;overflow:auto}.project-page aside .aside-box:has(>.close-container.is-modal-open){display:block}.project-page aside .aside-box::-webkit-scrollbar{background-color:#1a1a1a}@keyframes slide-from-right{0%{transform:translate(100%)}to{transform:translate(0)}}.project-page aside .aside-box section{padding-left:20px;padding-right:20px}}@media (max-width:900px) and (max-width:900px){.project-page aside .aside-box{padding:0}}@media (max-width:900px){.project-page .close-container{background:var(--surface-secondary);z-index:1;justify-content:flex-end;align-items:center;width:100%;padding:10px;display:flex;position:sticky;top:0;left:0}.project-page .close-container .btn-close{background-color:#333;width:32px;height:32px}.project-page .close-container .btn-close svg{color:#e5e5e5;width:20px;height:20px;padding-top:4px}.project-page .opener{color:#e5e5e5;font-size:inherit;background-color:#1a1a1a;justify-content:space-between;align-items:center;width:100%;margin-bottom:24px;padding:8px 10px 8px 12px;text-decoration:none;display:flex}.project-page .opener .icon-container{background:var(--surface-tertiery);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.project-page .opener .icon-container svg{width:24px;height:24px}}
.scrollable-tabs-container.project-tabs{border-bottom:2px solid #333;flex-wrap:wrap;grid-area:tabs;margin-bottom:20px;display:flex}.scrollable-tabs-container.project-tabs .scrollable-tabs{height:40px}@media (max-width:900px){.scrollable-tabs-container.project-tabs .scrollable-tabs{height:unset;margin-bottom:0}}.scrollable-tabs-container.project-tabs li a{height:40px;font-family:var(--montserrat-font);color:#999;white-space:nowrap;border:none;align-items:center;gap:4px;padding:8px 24px;font-size:16px;font-weight:500;line-height:1.5;text-decoration:none;display:flex;position:relative}.scrollable-tabs-container.project-tabs li a.current{background:var(--surface-on-surface);color:var(--text-primary);border-radius:4px 4px 0 0}.scrollable-tabs-container.project-tabs li a:hover{color:#e5e5e5}.scrollable-tabs-container.project-tabs li a svg{width:20px;height:20px}.scrollable-tabs-container.project-tabs li a:after{content:"";background-color:var(--icon-accent);width:100%;height:2px;transition:transform .15s ease-in;display:block;position:absolute;bottom:0;left:0;transform:scaleX(0)}.scrollable-tabs-container.project-tabs li a.current:after{transform:scaleX(1)}@media (max-width:900px){.scrollable-tabs-container.project-tabs{border-bottom:none}.scrollable-tabs-container.project-tabs li a{height:unset;padding:8px 12px 4px}}