.bottom-panel-container.minimized{height:40px!important;min-height:40px;width:200px;border-radius:6px}.bottom-panel-container:not(.minimized) .d3-wrapper{display:block}.d3-wrapper{width:100%;min-height:200px;transition:all .3s ease-in-out}.top{z-index:1}.middle{z-index:0}.bottom{z-index:-1}.marker{cursor:pointer;outline:3.5px solid #3762a8;position:absolute;transform:translate(-50%,-50%)}.disabled-marker,.marker{display:flex;background-color:#fff;width:12px;height:12px;opacity:.6;border-radius:15px;align-items:center;justify-content:center;color:#000}.disabled-marker{cursor:not-allowed;outline:3.5px solid #5c5d5e}.map-marker{display:flex;background-color:#fff;font-size:10px;font-weight:600;width:14px;height:14px;border-radius:10px;align-items:center;justify-content:center;color:#1c1a24;cursor:pointer;outline:3px solid #386cbe}.map-marker:hover{color:#000;background-color:#fdfdff;outline:solid #67a1e8}:root{--viewer-sidebar:500px;--viewer-sidebar-mid:400px;--viewer-sidebar-mobile:330px}.viewer-bottom-container{display:flex;width:calc(100% - var(--viewer-sidebar) - 40px);position:fixed;bottom:2%;right:calc(var(--viewer-sidebar) + 20px);border-radius:15px;z-index:3;box-shadow:0 12px 22px -9px hsla(240,2%,44%,.66)}.viewer-bottom-container.minimized{justify-content:center;box-shadow:none}@media (max-width:768px){.viewer-bottom-container{display:none}}@media (max-width:1400px){.viewer-bottom-container{width:calc(100% - var(--viewer-sidebar-mid) - 40px);right:calc(var(--viewer-sidebar-mid) + 20px)}}@media (max-width:1024px){.viewer-bottom-container{width:calc(100% - var(--viewer-sidebar-mobile) - 40px);right:calc(var(--viewer-sidebar-mobile) + 20px)}}.viewer-sidebar-container{width:var(--viewer-sidebar)}@media (max-width:1400px){.viewer-sidebar-container{width:var(--viewer-sidebar-mid)}}@media (max-width:1024px){.viewer-sidebar-container{width:var(--viewer-sidebar-mobile)}}@media (max-width:768px){.viewer-sidebar-container{display:none}.viewer-mobile-sheet{position:fixed;bottom:0;left:0;right:0;z-index:20;background-color:#fff;border-top-left-radius:16px;border-top-right-radius:16px;box-shadow:0 -4px 24px rgba(0,0,0,.12);transform:translateY(0);transition:transform .3s ease-in-out}.viewer-mobile-sheet-header{padding:24px 20px;cursor:pointer;border-bottom:1px solid #e5e7eb;background-color:#fff;border-top-left-radius:16px;border-top-right-radius:16px;min-height:100px;display:flex;align-items:center;position:relative}.viewer-mobile-sheet-header:before{content:"";position:absolute;top:10px;left:50%;transform:translateX(-50%);width:40px;height:4px;background-color:#d1d5db;border-radius:2px}.viewer-mobile-sheet-content{padding:16px 20px;background-color:#fff;max-height:45vh;overflow-y:auto;border-bottom-left-radius:16px;border-bottom-right-radius:16px}.viewer-mobile-elevation-container{position:relative!important;width:100%!important;right:0!important;bottom:0!important;border-radius:8px;height:100%}}@media (max-width:480px){.viewer-mobile-sheet-header{padding:12px 16px;min-height:70px}.viewer-mobile-sheet-content{padding:12px 16px}}.brush .selection{fill:#adadad;fill-opacity:.5}.brush .handle{fill:#999}:root{--sidebar:350px}.radix-themes{--my-brand-color:#79cc56;--accent-track:var(--my-brand-color);--green-7:var(--my-brand-color);--green-8:var(--my-brand-color);--green-9:var(--my-brand-color);--green-a7:var(--my-brand-color);--green-a8:var(--my-brand-color);--green-a9:var(--my-brand-color)}@keyframes fadeOut{0%{opacity:.85}70%{opacity:.85}to{opacity:0}}#traili-planner{display:flex;flex-direction:column;color:#1e1e1e;width:100%;margin:0;padding:0}.app-top-container{display:flex;align-self:end}.app-bottom-container{display:flex;width:calc(100% - var(--sidebar) - 40px);position:fixed;bottom:2%;left:calc(var(--sidebar) + 20px);border-radius:15px;z-index:3;box-shadow:0 12px 22px -9px hsla(240,2%,44%,.66)}.app-bottom-container.minimized{justify-content:center;box-shadow:none}@media (max-width:768px){.app-bottom-container{display:none}}.sidebar-container{overflow-x:hidden;position:absolute;display:flex;border-top-right-radius:15px;border-bottom-right-radius:15px;flex-direction:column;flex-shrink:0;width:var(--sidebar);padding:20px 8px;z-index:2;box-shadow:0 12px 22px -9px hsla(240,2%,44%,.66)}@media (max-width:768px){.sidebar-container{width:0;display:none}}.bottom-panel-container{display:flex;justify-content:center;align-items:center;width:100%;background-color:#fff;border-radius:15px;z-index:1}:root{--routes-explorer-max-sidebar:740px;--routes-explorer-sidebar:660px;--routes-explorer-sidebar-mid:560px;--routes-explorer-sidebar-mobile:400px}.routes-explorer-container{display:flex;flex-direction:column;width:100%}.routes-explorer-sidebar-container{width:var(--routes-explorer-sidebar);height:calc(100vh - var(--navbar-height));max-height:100vh;position:absolute;overflow-y:auto;overflow-x:hidden;border-top-left-radius:10px;border-bottom-left-radius:10px;scrollbar-width:thin;scrollbar-color:hsla(0,0%,61%,.5) transparent}.routes-explorer-sidebar-container::-webkit-scrollbar{width:8px}.routes-explorer-sidebar-container::-webkit-scrollbar-track{background:transparent}.routes-explorer-sidebar-container::-webkit-scrollbar-thumb{background-color:hsla(0,0%,61%,.5);border-radius:4px}.routes-explorer-sidebar-container::-webkit-scrollbar-thumb:hover{background-color:hsla(0,0%,61%,.7)}.routes-explorer-sidebar-inside{padding:1.5rem;margin-bottom:4rem;overflow:auto}.detailes-big-font{font-size:1.5rem;line-height:2rem;font-weight:700}.routes-explorer-sidebar-bottom-container{display:flex;width:calc(100% - var(--routes-explorer-sidebar) - 40px);position:fixed;border-radius:15px;z-index:3;box-shadow:0 12px 22px -9px hsla(240,2%,44%,.66);bottom:2%;right:calc(var(--routes-explorer-sidebar) + 20px)}.routes-explorer-sidebar-bottom-container.minimized{justify-content:center;box-shadow:none}@media (min-width:2200px){.routes-explorer-sidebar-bottom-container{width:calc(100% - var(--routes-explorer-max-sidebar) - 40px);right:calc(var(--routes-explorer-max-sidebar) + 20px)}}@media (max-width:1500px){.routes-explorer-sidebar-bottom-container{width:calc(100% - var(--routes-explorer-sidebar-mid) - 40px);right:calc(var(--routes-explorer-sidebar-mid) + 20px)}}@media (max-width:1024px){.routes-explorer-sidebar-bottom-container{width:calc(100% - var(--routes-explorer-sidebar-mobile) - 40px);right:calc(var(--routes-explorer-sidebar-mobile) + 20px)}}@media (max-width:768px){.routes-explorer-sidebar-bottom-container{display:none}}@media (min-width:2200px){.routes-explorer-sidebar-container{width:var(--routes-explorer-max-sidebar)}}@media (max-width:1500px){.routes-explorer-sidebar-container{width:var(--routes-explorer-sidebar-mid)}}@media (max-width:1024px){.routes-explorer-sidebar-container{width:var(--routes-explorer-sidebar-mobile)}}@media (max-width:768px){.routes-explorer-sidebar-container{width:100%;max-height:none;padding:1rem;position:relative;overflow-x:scroll;overflow-y:scroll;height:auto}body{overflow-x:hidden}.routes-explorer-sidebar-inside{padding:.8rem;margin-bottom:1rem}.detailes-big-font{font-size:1.2rem;line-height:1.5rem}.routes-explorer-container{display:flex;flex-direction:column-reverse}.routes-explorer-sidebar-bottom-container{width:100%;position:relative;right:0;bottom:0;margin-top:1rem}}.distance-marker{transition:all .2s ease-out;z-index:10}.distance-marker:hover{transform:translateY(-4px) scale(1.05);z-index:20}.distance-marker>div:first-child{box-shadow:0 2px 4px rgba(0,0,0,.2);border:1px solid hsla(0,0%,100%,.3)}.route-hover-effect{transition:all .2s ease}.route-hover-effect:hover{filter:drop-shadow(0 0 8px rgba(255,255,255,.7))}.map-control-button{transition:all .2s ease}.map-control-button:hover{transform:translateY(-2px)}.map-control-button:active{transform:translateY(0)}.stats-panel{transition:opacity .3s ease}.stats-panel:hover{opacity:1}.sidebar-enter{transform:translateX(100%)}.sidebar-enter-active{transition:transform .3s}.sidebar-enter-active,.sidebar-exit{transform:translateX(0)}.sidebar-exit-active{transform:translateX(100%);transition:transform .3s}@media (min-width:768px){.map-container-with-sidebar{width:calc(100% - 350px)}}@media (max-width:768px){.route-description-sidebar{width:100%;height:50vh;top:auto;bottom:0;border-radius:12px 12px 0 0;border-left:none;border-top:1px solid var(--border)}.map-container-with-sidebar{width:100%}.multi-route-container{display:flex;flex-direction:column;height:calc(100vh - var(--navbar-height));overflow:hidden}.distance-marker{transform:scale(.85)}.distance-marker:hover{transform:translateY(-2px) scale(.9)}.route-name-marker{font-size:10px;padding:4px 6px}.map-container{width:100%!important}.mobile-sidebar{width:100%;height:40vh;border-top:1px solid var(--border);overflow-y:auto}}.collection-page-container{display:flex;width:100%;overflow:hidden}.collection-map-container{flex:1;position:relative}.collection-sidebar-container{position:absolute;right:0;top:0;bottom:0;width:320px;z-index:10;box-shadow:-2px 0 8px rgba(0,0,0,.1);overflow:hidden}@media (max-width:768px){.collection-sidebar-container{width:100%;height:50vh;top:auto;bottom:0;box-shadow:0 -2px 8px rgba(0,0,0,.1)}}.route-card{transition:all .2s ease-in-out}.route-card:hover{transform:translateY(-2px)}.route-card-selected{border-color:var(--primary);border-width:2px}