#page-tracks header.tracks-header{--tw-bg-opacity:1;background-color:rgb(var(--backgroundColorA-RGB)/var(--tw-bg-opacity))}#page-tracks header.tracks-header .container{align-items:center;display:flex;flex-direction:column;padding-bottom:32px;padding-top:28px;text-align:center}#page-tracks header.tracks-header .track-icons{display:flex;margin-bottom:12px;position:relative}#page-tracks header.tracks-header .track-icons .c-track-icon{height:64px;margin-left:-18px;width:64px}#page-tracks header.tracks-header h1{color:var(--textColor1);font-size:32px;font-weight:700;line-height:1.25}@media (min-width:768px){#page-tracks header.tracks-header h1{font-size:34px}}@media (min-width:1024px){#page-tracks header.tracks-header h1{font-size:39px}}#page-tracks header.tracks-header h1{margin-bottom:8px}#page-tracks header.tracks-header p{max-width:740px}#page-tracks .tracks-list .c-search-bar{--tw-bg-opacity:1;--tw-shadow:var(--box-shadow-base);--tw-shadow-colored:var(--box-shadow-base);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);margin-bottom:32px;padding-bottom:12px;padding-top:12px}#page-tracks .tracks-list .c-search-bar,#page-tracks .tracks-list .c-search-bar .--tag-option-list{background-color:rgb(var(--backgroundColorA-RGB)/var(--tw-bg-opacity))}#page-tracks .tracks-list .c-search-bar .--tag-option-list{--tw-bg-opacity:1;box-shadow:0 18px 24px rgba(var(--shadowColorMain),.15);left:0;position:absolute;right:0;top:60px;z-index:50}#page-tracks .tracks-list .c-search-bar .--tag-option-list:focus{outline:2px solid transparent;outline-offset:2px}#page-tracks .tracks-list .c-search-bar .--tag-option-list .container{padding-bottom:24px;padding-top:24px}#page-tracks .tracks-list .c-search-bar .--tag-option-list .--categories{display:flex;flex-direction:row;gap:72px}#page-tracks .tracks-list .c-search-bar .--tag-option-list .--category{display:flex;flex-direction:column;gap:8px}#page-tracks .tracks-list .c-search-bar .--tag-option-list .--category h4{font-family:Source Code Pro,monospace;font-size:14px;font-weight:600;margin-bottom:12px}#page-tracks .tracks-list .c-search-bar .--tag-option-list .--category .--option input{margin-right:8px}#page-tracks .tracks-list .c-search-bar .--tag-option-list .--buttons{display:flex;gap:16px;margin-top:72px}#page-tracks .tracks-list .c-search-bar .--tag-option-list .--buttons .--apply-btn,#page-tracks .tracks-list .c-search-bar .--tag-option-list .--buttons .--close-btn{border-radius:5px;border-width:2px;font-weight:600;line-height:1;padding:12px 24px}#page-tracks .tracks-list .c-search-bar .--tag-option-list .--buttons .--apply-btn{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(96 79 205/var(--tw-bg-opacity));border-color:rgb(96 79 205/var(--tw-border-opacity));color:rgb(255 255 255/var(--tw-text-opacity))}#page-tracks .tracks-list .c-search-bar .--tag-option-list .--buttons .--close-btn{border-color:var(--textColor3)}#page-tracks .tracks-list .c-search-bar .--state{align-items:center;background:var(--backgroundColorTracksListState);border-radius:5px;display:none;height:48px;margin-right:48px;padding-left:20px;padding-right:20px}#page-tracks .tracks-list .c-search-bar .--state p{color:var(--textColorTracksListState);font-size:16px;font-weight:500}#page-tracks .tracks-list .c-search-bar .--state .--reset-btn{margin-left:24px}@media (min-width:1024px){#page-tracks .tracks-list .c-search-bar .--state{display:flex}}#page-tracks .tracks-list .c-search-bar .--filter-btn{margin-right:0}@media (min-width:1024px){#page-tracks .tracks-list .c-search-bar .--filter-btn{margin-right:40px}}#page-tracks .tracks-list .c-search-bar .c-single-select{display:none;margin-left:auto}@media (min-width:1024px){#page-tracks .tracks-list .c-search-bar .c-single-select{display:flex}}#page-tracks .tracks-list .joined-tracks{margin-bottom:64px}#page-tracks .tracks-list .unjoined-tracks{margin-bottom:40px}#page-tracks .tracks-list .joined-tracks,#page-tracks .tracks-list .unjoined-tracks{display:grid;gap:16px}@media (min-width:768px){#page-tracks .tracks-list .joined-tracks,#page-tracks .tracks-list .unjoined-tracks{grid-template-columns:repeat(2,minmax(0,1fr))}}#page-tracks .tracks-list .--track{--tw-bg-opacity:1;--tw-shadow:var(--box-shadow-base);--tw-shadow-colored:var(--box-shadow-base);align-items:flex-start;background-color:rgb(var(--backgroundColorA-RGB)/var(--tw-bg-opacity));border-radius:8px;display:flex;padding:20px 24px}#page-tracks .tracks-list .--track,#page-tracks .tracks-list .--track:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}#page-tracks .tracks-list .--track:hover{--tw-shadow:var(--box-shadow-lgZ1);--tw-shadow-colored:var(--box-shadow-lgZ1);z-index:2}#page-tracks .tracks-list .--track>.c-track-icon{height:80px;margin-right:20px;width:80px}#page-tracks .tracks-list .--track .--info{flex-grow:1}#page-tracks .tracks-list .--track .--info .--heading{align-items:center;display:flex;margin-bottom:16px}#page-tracks .tracks-list .--track .--info .--heading>.c-track-icon{height:48px;margin-right:12px;width:48px}#page-tracks .tracks-list .--track .--info .--heading .--title{color:var(--textColor1);font-size:20px;font-weight:600;line-height:140%;margin-right:12px}#page-tracks .tracks-list .--track .--info .--heading .--new,#page-tracks .tracks-list .--track .--info .--heading .--v3{align-items:center;border-radius:100px;display:flex;flex-shrink:0;font-size:13px;font-weight:600;height:28px;justify-content:center;line-height:170%;margin-right:12px;padding-left:12px;padding-right:12px}#page-tracks .tracks-list .--track .--info .--heading .--new .c-icon,#page-tracks .tracks-list .--track .--info .--heading .--v3 .c-icon{height:16px;margin-right:8px;width:16px}#page-tracks .tracks-list .--track .--info .--heading .--new{background:var(--backgroundColorTracksListNew);border-width:1px;color:var(--textColorTracksListNew)}#page-tracks .tracks-list .--track .--info .--heading .--new .c-icon{filter:var(--orange-filter)}#page-tracks .tracks-list .--track .--info .--heading .--v3{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(96 79 205/var(--tw-bg-opacity));border-color:var(--borderColorTracksListV3);border-width:1px;color:rgb(255 255 255/var(--tw-text-opacity))}#page-tracks .tracks-list .--track .--info .--heading .--v3 .c-icon{filter:var(--dark-green-filter)}#page-tracks .tracks-list .--track .--info .--heading .--joined{align-items:center;background:var(--backgroundColorTracksListJoined);border-radius:5px;color:var(--textColorTracksListJoined);display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:32px;line-height:170%;margin-left:auto;padding:4px 12px}#page-tracks .tracks-list .--track .--info .--heading .--joined .c-icon{filter:var(--c-prominent-link-icon-filter);height:12px;width:12px}#page-tracks .tracks-list .--track .--info .--counts{align-items:center;display:flex;font-size:15px;font-weight:500;line-height:150%;margin-bottom:12px}#page-tracks .tracks-list .--track .--info .--counts li{align-items:center;display:flex}#page-tracks .tracks-list .--track .--info .--counts li:first-child{margin-right:24px}#page-tracks .tracks-list .--track .--info .--counts li .c-icon{filter:var(--textColor6-filter);height:21px;margin-right:8px;width:21px}@media (min-width:768px){#page-tracks .tracks-list .--track .--info .--counts li .c-icon{margin-right:12px}}#page-tracks .tracks-list .--track .--info .--progress-bar{background:var(--backgroundColorI);border-radius:8px;display:flex;flex-direction:row;height:6px;margin-bottom:16px}#page-tracks .tracks-list .--track .--info .--progress-bar .--fill{background:var(--fillColorProgress);border-radius:8px;height:100%;min-width:6px}#page-tracks .tracks-list .--track .--info .--tags{display:flex;flex-wrap:wrap;gap:8px;max-height:32px;overflow:hidden}#page-tracks .tracks-list .--track .--info .--tags li{border-color:var(--borderColor7);border-radius:100px;border-width:1px;color:var(--textColor6);font-size:13px;font-weight:500;line-height:200%;padding-left:12px;padding-right:12px;white-space:nowrap}#page-tracks .tracks-list .--track .--info .--last-touched{color:var(--textColor6);line-height:170%;margin-top:12px}#page-tracks .tracks-list .empty-state{align-items:center;display:flex;flex-direction:column;padding-bottom:32px;padding-top:32px}#page-tracks .tracks-list .empty-state h3{color:var(--textColor6)}#page-tracks .tracks-list .empty-state>.c-icon{filter:var(--textColor6-filter);height:52px;width:60px}