.Geolocator button{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:0;background-color:transparent;margin:0;padding:0;display:flex;align-items:center;text-align:left}.Geolocator button svg{width:16px;height:16px;margin-right:8px}.LocationSelector{display:flex;gap:24px;align-items:center}@media (max-width: 560px){.LocationSelector{flex-flow:column nowrap;align-items:flex-start;gap:12px}.LocationSelector .Geolocator{margin-left:2px}}.LocationSelector .geolocation-indicator{position:relative}.LocationSelector .geolocation-indicator input{padding-left:48px}.LocationSelector .geolocation-indicator .spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#b8bfbf}.LocationSelector .geolocation-indicator .check-icon{position:absolute;width:16px;height:16px;top:15px;left:20px;color:#6d6b6b}.LocationSelector .geolocation-indicator>button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;padding:4px;position:absolute;top:11px;right:16px;cursor:pointer;color:#b8bfbf;display:flex}.LocationSelector .geolocation-indicator>button:hover{color:#6d6b6b}.LocationSelector .geolocation-indicator>button svg{width:16px;height:16px}.LogoSelector{position:relative}.LogoSelector figure{width:128px;height:128px;margin:0;background-size:cover;background-position:center;border-radius:64px;background-color:#b8bfbf;display:flex;align-items:center;justify-content:center;position:relative;color:#828f8f;overflow:hidden}.LogoSelector figure .upload-overlay{position:absolute;top:0;right:0;bottom:0;left:0;visibility:hidden;pointer-events:none;color:#fff;background-color:#211f2133;display:flex;align-items:center;justify-content:center}.LogoSelector figure .upload-overlay svg{width:24px;height:24px}.LogoSelector figure:hover .upload-overlay{visibility:visible}.LogoSelector figure>svg{width:64px;height:64px}.LogoSelector figure input{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:pointer}.LogoSelector .error{margin-top:16px;color:#c12022}.ModderMap{width:100%;height:100%}.ModderMap .mapboxgl-marker svg{width:48px;height:48px}.ModderMap .modder-name-popup .mapboxgl-popup-tip{display:none}.ModderMap .modder-name-popup .mapboxgl-popup-content{background-color:#fff;border-radius:8px;padding:0 8px;margin-top:4px;height:32px;display:flex;align-items:center;font:12px source-code-pro,monospace;color:#211f21;box-shadow:inset 0 0 0 1px #b8bfbf,0 8px 8px -12px #211f21}.react-container-PhotoManager,.PhotoManager{width:100%;height:100%}.PhotoManager>.overlay{position:fixed;background-color:#faf9f7e6;top:0;right:0;bottom:0;left:0;z-index:10000}@media (prefers-color-scheme: dark){html.supports-dark-mode .PhotoManager>.overlay{background-color:#383638e6}}.PhotoManager>.manager{position:relative;width:100vw;height:100%;z-index:10010;display:flex;gap:32px;overflow-x:auto;overflow-y:hidden;left:calc((100vw - 100%)/-2);padding:0 calc((100vw - 100%)/2);-ms-overflow-style:none;scrollbar-width:none}.PhotoManager>.manager::-webkit-scrollbar{display:none}.PhotoManager>.manager .SortablePhoto{position:relative;flex:none}.PhotoManager>.manager .SortablePhoto.uploading{width:280px;height:100%;background-color:#eeedea;display:flex;align-items:center;justify-content:center}.PhotoManager>.manager .SortablePhoto:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top right,#211f2100,#211f2100 80%,#211f2180);visibility:hidden;pointer-events:none}.PhotoManager>.manager .SortablePhoto button{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:transparent;border:0;position:absolute;top:12px;right:12px;color:#fffc;display:block;padding:4px;margin:0;visibility:hidden}.PhotoManager>.manager .SortablePhoto button:hover{color:#fff}.PhotoManager>.manager .SortablePhoto button svg{width:24px;height:24px}.PhotoManager>.manager .SortablePhoto .spinner{width:48px;height:48px;color:#b8bfbf}.PhotoManager>.manager .SortablePhoto:not(.uploading):hover:before,.PhotoManager>.manager .SortablePhoto:not(.uploading):hover button{visibility:visible}.PhotoManager>.manager img{height:100%;cursor:grab}.PhotoManager>.manager img[aria-pressed]{cursor:grabbing}.PhotoManager>.manager .uploader{flex:none;width:280px;height:100%;display:flex;align-items:center;justify-content:center;position:relative;color:#b8bfbf}.PhotoManager>.manager .uploader:before{content:"";position:absolute;top:24px;right:24px;bottom:24px;left:24px;border:2px dashed currentColor;border-radius:24px}.PhotoManager>.manager .uploader svg{width:64px;height:64px}.PhotoManager>.manager .uploader input{position:absolute;top:0;bottom:0;right:0;opacity:0;cursor:pointer}.PhotoManager>.manager .uploader:hover,.PhotoManager>.manager .uploader.droppable{color:#828f8f}.PhotoManager>.controls{position:absolute;top:100%;margin-top:24px;z-index:10010;display:flex;align-items:center;gap:24px}.PhotoManager>.controls .error{color:#c12022;font-weight:500}.PhotoManager .gallery{width:100vw;height:100%;display:flex;gap:32px;overflow-x:auto;position:relative;left:calc((100vw - 100%)/-2);padding:0 calc((100vw - 100%)/2);-ms-overflow-style:none;scrollbar-width:none}.PhotoManager .gallery::-webkit-scrollbar{display:none}.PhotoManager .gallery img{height:100%}.PhotoManager .gallery figure{flex:none;margin:0;height:100%;background-color:#d3d7d7;display:flex;align-items:center;justify-content:center;color:#b8bfbf}.PhotoManager .gallery figure:nth-child(1){width:320px}.PhotoManager .gallery figure:nth-child(2){width:240px}.PhotoManager .gallery figure:nth-child(3){width:280px}.PhotoManager .gallery figure:nth-child(4){width:320px}.PhotoManager .gallery figure:nth-child(5){width:400px}.PhotoManager .gallery figure:nth-child(6){width:240px}.PhotoManager .gallery figure svg{width:64px;height:64px}.PhotoManager .toggle-container{position:absolute;bottom:0;left:0;right:0;top:0;padding:24px;pointer-events:none;display:flex;align-items:center;justify-content:center}.PhotoManager .toggle-container>.frame{flex:none;display:flex;align-items:center;justify-content:center;background-color:#211f21cc;border-radius:64px;visibility:hidden}.PhotoManager .toggle-container>.frame>button.secondary{color:#fff;box-shadow:inset 0 0 0 2px #fff;pointer-events:all;background-color:#fff3;margin:24px}.PhotoManager .toggle-container>.frame>button.secondary:hover{box-shadow:inset 0 0 0 2px #fff,0 8px 8px -12px #211f21;background-color:#ffffff4d}.PhotoManager .toggle-container>.frame>button.secondary:active{box-shadow:inset 0 0 0 2px #fff,inset 0 2px 10px -6px #211f21;background-color:#211f211a}.signed-in-modder:hover .PhotoManager:not(.open):hover .toggle-container>.frame{visibility:visible}@media (max-width: 960px){.QuickSearch{left:calc(50% - 24px)}}.QuickSearch.open{left:calc(50% - 240px);z-index:10000}@media (max-width: 960px){.QuickSearch.open{left:calc(50% - 160px)}}.QuickSearch.open .quick-search__control{width:480px;border-radius:8px 8px 0 0}@media (max-width: 960px){.QuickSearch.open .quick-search__control{width:320px;padding:0 24px 1px 46px;font-size:inherit}}.QuickSearch.open:after{display:none}.QuickSearch:after{content:"/";position:absolute;top:10px;right:20px;padding:4px 8px;border-radius:4px;box-shadow:inset 0 0 0 1px #b8bfbf;z-index:100;pointer-events:none;color:#b8bfbf}@media (prefers-color-scheme: dark){html.supports-dark-mode .QuickSearch:after{color:#6d6b6b;box-shadow:inset 0 0 0 1px #6d6b6b}}@media (max-width: 960px){.QuickSearch:after{display:none}}.QuickSearch .quick-search__control{transition:none;width:240px;height:48px;padding:0 24px 1px 46px;border-radius:48px;cursor:text;background-color:#eeedea}@media (max-width: 960px){.QuickSearch .quick-search__control{width:48px;padding:0;font-size:0}}@media (prefers-color-scheme: dark){html.supports-dark-mode .QuickSearch .quick-search__control{background-color:#383638}}.QuickSearch .quick-search__control>svg{position:absolute;top:14px;left:14px;width:20px;height:20px;color:#b8bfbf;pointer-events:none}@media (prefers-color-scheme: dark){html.supports-dark-mode .QuickSearch .quick-search__control>svg{color:#6d6b6b}}.QuickSearch .quick-search__control .quick-search__indicators{display:none}.QuickSearch .quick-search__control .quick-search__placeholder{color:#6d6b6b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.QuickSearch .quick-search__control:hover{box-shadow:inset 0 0 0 2px #828f8f,0 8px 8px -12px #211f21}@media (prefers-color-scheme: dark){html.supports-dark-mode .QuickSearch .quick-search__control:hover{box-shadow:inset 0 0 0 2px #b8bfbf,0 8px 8px -12px #141314}}.QuickSearch .quick-search__control--is-focused{background-color:#fff;box-shadow:inset 0 0 0 2px #fdb03a,inset 0 2px 10px -6px #211f21!important}@media (prefers-color-scheme: dark){html.supports-dark-mode .QuickSearch .quick-search__control--is-focused{background-color:#211f21;box-shadow:inset 0 0 0 2px #fdb03a,inset 0 2 10px -6px #141314!important}}.QuickSearch .quick-search__control--is-focused>svg{color:#6d6b6b}@media (prefers-color-scheme: dark){html.supports-dark-mode .QuickSearch .quick-search__control--is-focused>svg{color:#b8bfbf}}.QuickSearch .quick-search__control--menu-is-open{border-radius:24px 24px 0 0}.QuickSearch .quick-search__menu{background-color:#fff;border:2px solid #fdb03a;border-top:0;border-radius:0 0 8px 8px;box-shadow:0 12px 12px -16px var(--color-black),0 16px 32px -48px var(--color-black)}@media (prefers-color-scheme: dark){html.supports-dark-mode .QuickSearch .quick-search__menu{background-color:#211f21;box-shadow:0 12px 12px -16px var(--color-ink),0 16px 32px -48px var(--color-ink)}}.QuickSearch .quick-search__menu .quick-search__menu-notice--no-options{padding:12px 0;color:#b8bfbf}@media (prefers-color-scheme: dark){html.supports-dark-mode .QuickSearch .quick-search__menu .quick-search__menu-notice--no-options{color:#6d6b6b}}.QuickSearch .quick-search__menu-list{padding:8px 0}.QuickSearch .quick-search__option{display:flex;padding:8px 12px;align-items:center;cursor:pointer;height:80px}.QuickSearch .quick-search__option:hover,.QuickSearch .quick-search__option--is-focused{background-color:#eeedea}@media (prefers-color-scheme: dark){html.supports-dark-mode .QuickSearch .quick-search__option:hover,html.supports-dark-mode .QuickSearch .quick-search__option--is-focused{background-color:#383638}}.QuickSearch .quick-search__option>figure{flex:none;margin:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center;color:#6d6b6b}.QuickSearch .quick-search__option>figure svg{width:32px;height:32px;position:relative;top:-1px}.QuickSearch .quick-search__option>figure.logo{background-color:#b8bfbf;border-radius:32px;background-size:cover;background-position:center;color:#828f8f}.QuickSearch .quick-search__option>div{flex:auto;min-width:0;margin-left:12px;display:flex;flex-flow:column nowrap;align-items:stretch}.QuickSearch .quick-search__option>div>h3,.QuickSearch .quick-search__option>div>p{display:block;width:100%;text-transform:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.QuickSearch .quick-search__option>div .city svg{width:16px;height:16px;margin-right:8px;vertical-align:middle;position:relative;top:-2px}.quicksearch-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;background-color:#383638;opacity:.1;visibility:hidden}@media (prefers-color-scheme: dark){html.supports-dark-mode .quicksearch-backdrop{background-color:#eeedea}}.quicksearch-backdrop.open{visibility:visible}:root{--color-white: #fff;--color-pearl: #faf9f7;--color-crystal: #eeedea;--color-black: #211f21;--color-ink: #141314;--color-smoke: #383638;--color-platinum: #b8bfbf;--color-panasonic: #6d6b6b;--color-indigo: #444f9a;--color-indigo-light: #5a69cc;--color-indigo-dark: #2d3466;--color-spice: #fdb03a;--color-spice-light: #ffc873;--color-spice-dark: #cc8e2f;--color-mario: #c12022;--color-emerald: #0d8b98}.service-pill,.service-selector__multi-value,.ServiceSelector .service-selector__menu .service-selector__option,.ServiceSelector .service-selector__control .service-selector__multi-value{display:flex;align-items:center;margin:0;padding:0 16px;height:32px;font-size:14px;text-transform:uppercase;font-weight:700;letter-spacing:1px;line-height:1;box-shadow:inset 0 0 0 2px var(--service-color, #b8bfbf);color:var(--service-color, #b8bfbf)!important;border-radius:32px}@media (prefers-color-scheme: dark){html.supports-dark-mode .service-pill,html.supports-dark-mode .service-selector__multi-value,html.supports-dark-mode .ServiceSelector .service-selector__menu .service-selector__option,.ServiceSelector .service-selector__menu html.supports-dark-mode .service-selector__option,html.supports-dark-mode .ServiceSelector .service-selector__control .service-selector__multi-value,.ServiceSelector .service-selector__control html.supports-dark-mode .service-selector__multi-value{box-shadow:inset 0 0 0 2px var(--service-color-dark, #b8bfbf);color:var(--service-color-dark, #b8bfbf)!important}}.service-pill.solid,.solid.service-selector__multi-value,.ServiceSelector .service-selector__menu .solid.service-selector__option,.ServiceSelector .service-selector__control .solid.service-selector__multi-value{background-color:var(--service-color, #211f21);color:#fff!important}@media (prefers-color-scheme: dark){html.supports-dark-mode .service-pill.solid,html.supports-dark-mode .solid.service-selector__multi-value,html.supports-dark-mode .ServiceSelector .service-selector__menu .solid.service-selector__option,.ServiceSelector .service-selector__menu html.supports-dark-mode .solid.service-selector__option{background-color:var(--service-color-dark, #211f21);color:#fff!important}}@media (max-width: 560px){.service-pill,.service-selector__multi-value,.ServiceSelector .service-selector__menu .service-selector__option,.ServiceSelector .service-selector__control .service-selector__multi-value{font-size:13px;padding:1px 10px 0;height:24px;letter-spacing:0}}.service-pill.small,.small.service-selector__multi-value,.ServiceSelector .service-selector__menu .small.service-selector__option,.ServiceSelector .service-selector__control .small.service-selector__multi-value{font-size:13px;padding:1px 10px 0;height:24px;letter-spacing:0}.service-pill.interactive:hover,.interactive.service-selector__multi-value:hover,.ServiceSelector .service-selector__menu .interactive.service-selector__option:hover{color:var(--service-color, #b8bfbf)!important;background-color:var(--color-white);box-shadow:inset 0 0 0 2px var(--service-color, #b8bfbf),0 8px 8px -12px #211f21}@media (prefers-color-scheme: dark){html.supports-dark-mode .service-pill.interactive:hover,html.supports-dark-mode .interactive.service-selector__multi-value:hover,html.supports-dark-mode .ServiceSelector .service-selector__menu .interactive.service-selector__option:hover,.ServiceSelector .service-selector__menu html.supports-dark-mode .interactive.service-selector__option:hover{color:var(--service-color-dark, #b8bfbf)!important;background-color:var(--color-smoke);box-shadow:inset 0 0 0 2px var(--service-color-dark, #b8bfbf),0 8px 8px -12px #211f21}}.service-pill.interactive:hover.solid,.interactive.service-selector__multi-value:hover.solid,.ServiceSelector .service-selector__menu .interactive.service-selector__option:hover.solid{background-color:var(--service-color, #211f21);color:#fff!important}@media (prefers-color-scheme: dark){html.supports-dark-mode .service-pill.interactive:hover.solid,html.supports-dark-mode .interactive.service-selector__multi-value:hover.solid,html.supports-dark-mode .ServiceSelector .service-selector__menu .interactive.service-selector__option:hover.solid,.ServiceSelector .service-selector__menu html.supports-dark-mode .interactive.service-selector__option:hover.solid{background-color:var(--service-color-dark, #211f21);color:#fff!important}}.ServiceSelector .service-selector__control{min-height:64px;box-shadow:inset 0 0 0 2px var(--color-platinum);padding:16px;border-radius:8px;background-color:var(--color-white);cursor:pointer;transition:none}@media (prefers-color-scheme: dark){html.supports-dark-mode .ServiceSelector .service-selector__control{background-color:var(--color-smoke);box-shadow:inset 0 0 0 2px var(--color-panasonic)}}.ServiceSelector .service-selector__control:hover{box-shadow:inset 0 0 0 2px #828f8f,0 8px 8px -12px var(--color-black)}@media (prefers-color-scheme: dark){html.supports-dark-mode .ServiceSelector .service-selector__control:hover{box-shadow:inset 0 0 0 2px var(--color-platinum),0 8px 8px -12px var(--color-ink)}}.ServiceSelector .service-selector__control:focus,.ServiceSelector .service-selector__control--is-focused,.ServiceSelector .service-selector__control--is-focused:hover{box-shadow:inset 0 0 0 2px var(--color-spice),inset 0 2px 10px -6px var(--color-black)!important}.ServiceSelector .service-selector__control--menu-is-open{border-radius:8px 8px 0 0;z-index:1000}.ServiceSelector .service-selector__control .service-selector__placeholder{color:var(--color-platinum)}.ServiceSelector .service-selector__control .service-selector__value-container{gap:8px}.ServiceSelector .service-selector__control .service-selector__multi-value{padding:0 20px 0 16px;cursor:grab}.ServiceSelector .service-selector__control .service-selector__multi-value.solid{background-color:var(--service-color, #211f21);color:#fff!important}@media (prefers-color-scheme: dark){html.supports-dark-mode .ServiceSelector .service-selector__control .service-selector__multi-value.solid{background-color:var(--service-color-dark, #211f21);color:#fff!important}}@media (max-width: 560px){.ServiceSelector .service-selector__control .service-selector__multi-value{padding:0 10px}}.ServiceSelector .service-selector__control .service-selector__multi-value:hover{color:var(--service-color, #b8bfbf)!important;background-color:var(--color-white);box-shadow:inset 0 0 0 2px var(--service-color, #b8bfbf),0 8px 8px -12px #211f21}@media (prefers-color-scheme: dark){html.supports-dark-mode .ServiceSelector .service-selector__control .service-selector__multi-value:hover{color:var(--service-color-dark, #b8bfbf)!important;background-color:var(--color-smoke);box-shadow:inset 0 0 0 2px var(--service-color-dark, #b8bfbf),0 8px 8px -12px #211f21}}.ServiceSelector .service-selector__control .service-selector__multi-value:hover.solid{background-color:var(--service-color, #211f21);color:#fff!important}@media (prefers-color-scheme: dark){html.supports-dark-mode .ServiceSelector .service-selector__control .service-selector__multi-value:hover.solid{background-color:var(--service-color-dark, #211f21);color:#fff!important}}.ServiceSelector .service-selector__control .service-selector__multi-value .service-selector__multi-value__remove{position:relative;top:-1px;left:8px;color:var(--color-platinum);cursor:pointer}@media (max-width: 560px){.ServiceSelector .service-selector__control .service-selector__multi-value .service-selector__multi-value__remove{left:4px}}.ServiceSelector .service-selector__control .service-selector__multi-value .service-selector__multi-value__remove svg{width:15px;height:15px}.ServiceSelector .service-selector__control .service-selector__multi-value .service-selector__multi-value__remove:hover{color:#828f8f}@media (prefers-color-scheme: dark){html.supports-dark-mode .ServiceSelector .service-selector__control .service-selector__multi-value .service-selector__multi-value__remove:hover{color:var(--color-crystal)}}.ServiceSelector .service-selector__control .service-selector__indicators{color:var(--color-platinum);margin-left:16px}.ServiceSelector .service-selector__control .service-selector__indicators .service-selector__indicator:hover{color:#828f8f}.ServiceSelector .service-selector__control:hover .service-selector__indicator:last-child{color:#828f8f}.ServiceSelector .service-selector__menu{padding:16px;border-radius:0 0 8px 8px;box-shadow:inset 0 0 0 2px var(--color-spice);margin-top:-2px;background-color:var(--color-white)}@media (prefers-color-scheme: dark){html.supports-dark-mode .ServiceSelector .service-selector__menu{background-color:var(--color-smoke)}}.ServiceSelector .service-selector__menu .service-selector__menu-list{display:flex;flex-flow:row wrap;gap:8px}.ServiceSelector .service-selector__menu .service-selector__option{width:auto;cursor:pointer}.ServiceSelector .service-selector__menu .service-selector__option:hover{color:var(--service-color, #b8bfbf)!important;background-color:var(--color-white);box-shadow:inset 0 0 0 2px var(--service-color, #b8bfbf),0 8px 8px -12px #211f21}@media (prefers-color-scheme: dark){html.supports-dark-mode .ServiceSelector .service-selector__menu .service-selector__option:hover{color:var(--service-color-dark, #b8bfbf)!important;background-color:var(--color-smoke);box-shadow:inset 0 0 0 2px var(--service-color-dark, #b8bfbf),0 8px 8px -12px #211f21}}.ServiceSelector .service-selector__menu .service-selector__option:hover.solid{background-color:var(--service-color, #211f21);color:#fff!important}@media (prefers-color-scheme: dark){html.supports-dark-mode .ServiceSelector .service-selector__menu .service-selector__option:hover.solid{background-color:var(--service-color-dark, #211f21);color:#fff!important}}.service-selector__multi-value{padding:0 20px 0 16px}@media (max-width: 560px){.service-selector__multi-value{padding:0 14px 0 10px}}.service-selector__multi-value .service-selector__multi-value__remove{position:relative;top:-1px;left:8px;color:#b8bfbf;cursor:pointer}.service-selector__multi-value .service-selector__multi-value__remove svg{width:15px;height:15px}
