.MapCardCloseButton__button{background-color:var(--close-button-background-color);color:var(--close-button-color);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.MapCardCloseButton__button:hover{background-color:var(--close-button-hover-background-color)}.MapCardCloseButton__theme{--close-button-background-color:var(--os-color-ui-themed-icon-inverted);--close-button-color:var(--os-color-ui-themed-icon);--close-button-hover-background-color:var(--os-color-ui-cell-selection)}.MapCardCloseButton__dark,:root[data-theme=dark] .MapCardCloseButton__theme{--close-button-background-color:var(--lightbox-button-background-color);--close-button-color:var(--lightbox-button-color);--close-button-hover-background-color:var(--lightbox-button-hover-background-color)}.MapCardCloseButton__button .MapCardCloseButton__icon{width:16px;height:16px;display:inline-block}.MapCardCloseButton__large{width:44px;height:44px}.MapCardCloseButton__large .MapCardCloseButton__icon{width:20px;height:20px}.CamThumbRows__sections{flex-direction:column;gap:12px;display:flex}.CamThumbRows__sectionTitle{margin-bottom:8px;font-size:15px;font-weight:700}.CamThumbRows__row{grid-auto-columns:130px;grid-auto-flow:column;gap:8px;display:grid;overflow:auto hidden}.CamThumbRows__rowSingle{grid-template-rows:auto}.CamThumbRows__rowDouble{grid-template-rows:repeat(2,auto)}.CamThumbRows__thumb{width:130px}.CamThumbRows__thumbFrame{background-color:#374151;border-radius:6px;height:78px;position:relative}.CamThumbRows__thumbFrameSelected:after{box-shadow:inset 0 0 10px 2px color-mix(in srgb,var(--os-color-basic-accent) 90%,transparent),inset 0 0 3px 1px color-mix(in srgb,var(--os-color-basic-accent) 90%,transparent);content:"";border-radius:6px;position:absolute;inset:0}.CamThumbRows__thumbImg{-o-object-fit:cover;object-fit:cover;background-color:#374151;border-radius:6px;width:100%;height:78px;display:block}.CamThumbRows__thumbLabel{text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:12px;line-height:1.2;overflow:hidden}.CamThumbRows__clickable{cursor:pointer}.CamMapCard__card{background-color:var(--os-color-ui-view-background)}:root[data-theme=dark] .CamMapCard__card{background-color:var(--os-color-ui-card-background)}.CamMapCard__sheet{border-bottom-right-radius:0;border-bottom-left-radius:0}.CamMapCard__content{flex-direction:column;gap:12px;padding:12px 16px 16px;display:flex}.CamMapCard__contentCapped{max-height:calc(-10px + var(--visible-height,80vh) - var(--app-safe-area-bottom,0px));overflow-y:auto}.CamMapCard__sheet .CamMapCard__content{max-height:var(--visible-height,80dvh);padding-bottom:calc(16px + var(--bottom-sheet-content-inset-bottom,0px))}.CamMapCard__playerBlock{flex-direction:column;flex-shrink:0;gap:12px;display:flex}.CamMapCard__titleRow{justify-content:space-between;align-items:center;gap:8px;display:flex}.CamMapCard__titleText{min-width:0}.CamMapCard__location,.CamMapCard__title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.CamMapCard__title{font-size:1.125rem;font-weight:700;line-height:1.25}.CamMapCard__location{font-size:.875rem;line-height:1.25}.CamMapCard__titleButtons{flex-shrink:0;gap:8px;display:flex}.CamMapCard__favorite{background-color:var(--os-color-ui-themed-icon-inverted);color:var(--os-color-ui-themed-icon);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.CamMapCard__favorite:hover{background-color:var(--os-color-ui-cell-selection)}:root[data-theme=dark] .CamMapCard__favorite{background-color:var(--lightbox-button-background-color);color:var(--lightbox-button-color)}:root[data-theme=dark] .CamMapCard__favorite:hover{background-color:var(--lightbox-button-hover-background-color)}.CamMapCard__playerWrap{--pan-image-height:calc(56.25cqw);border-radius:8px;flex-shrink:0;overflow:hidden;container-type:inline-size}.CamMapCard__image,.CamMapCard__media{background-color:#374151}.CamMapCard__media{aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;width:100%;display:block}.Carousel__root{flex-direction:column;display:flex;position:relative}.Carousel__viewport{touch-action:pan-y;overflow:hidden}.Carousel__track{will-change:transform;flex-wrap:nowrap;width:100%;display:flex}.Carousel__panel{flex:0 0 100%;min-width:0}.Carousel__fillHeight,.Carousel__fillHeight .Carousel__panel,.Carousel__fillHeight .Carousel__track{height:100%}.Carousel__fillHeight .Carousel__viewport{flex:auto;min-height:0}.Carousel__controls{flex:none;gap:6px;padding:6px 0}.Carousel__controls,.Carousel__dot{justify-content:center;align-items:center;display:flex}.Carousel__dot{cursor:pointer;background:0 0;border:0;padding:4px}.Carousel__dotInner{background-color:var(--os-color-text-light);border-radius:50%;width:8px;height:8px;transition:background-color .25s ease-in-out,transform .25s ease-in-out;display:block}.Carousel__dotActive .Carousel__dotInner{background-color:var(--os-color-basic-saturated-blue);transform:scale(1.2)}.Carousel__dot:hover .Carousel__dotInner{background-color:var(--os-color-text-regular)}.Carousel__dot:focus-visible{outline:none}.Carousel__dot:focus-visible .Carousel__dotInner{outline:2px solid var(--os-color-basic-saturated-blue);outline-offset:2px}.Carousel__pillsTrack{background-color:var(--os-color-ui-card-alternate-row);gap:4px;padding:4px}.Carousel__pill,.Carousel__pillsTrack{border-radius:9999px;align-items:center;display:inline-flex}.Carousel__pill{color:var(--os-color-text-light);cursor:pointer;background:0 0;border:0;justify-content:center;gap:6px;min-width:48px;min-height:32px;padding:6px 14px;font-size:.875rem;font-weight:500;line-height:1;transition:background-color .2s ease-in-out,color .2s ease-in-out}.Carousel__pill:focus-visible{outline:2px solid var(--os-color-basic-saturated-blue);outline-offset:2px}@media (hover:hover){.Carousel__pill:hover:not(.Carousel__pillActive){color:var(--os-color-text-regular)}}.Carousel__pillActive{background-color:var(--os-color-basic-saturated-blue);color:#fff}.Carousel__pillIcon{font-size:1rem}.Carousel__arrow{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:28px;height:28px;padding:4px 8px;display:flex;position:relative}.Carousel__arrowLeft:before,.Carousel__arrowRight:before{content:"";position:absolute;inset:-10px 0}.Carousel__arrowLeft:before{inset-inline:-48px 0}.Carousel__arrowRight:before{inset-inline:0 -48px}.Carousel__arrow:disabled{cursor:default}.Carousel__arrowIcon{fill:var(--os-color-text-light);opacity:.55;width:8px;height:12px;transition:opacity .2s ease-in-out}@media (hover:hover){.Carousel__arrow:not(:disabled):hover .Carousel__arrowIcon{opacity:1}}.Carousel__arrow:disabled .Carousel__arrowIcon{opacity:.25}.MapCardCarousel__container{--map-card-background-color:var(--os-color-ui-card-background);background-color:var(--map-card-background-color);border:1px solid var(--os-color-ui-card-border);border-radius:10px;flex-direction:column;max-height:80vh;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000026}.MapCardCarousel__flushBottom{border-bottom-right-radius:0;border-bottom-left-radius:0}.MapCardCarousel__header{border-bottom:1px solid var(--os-color-ui-card-border);flex:none;align-items:flex-start;gap:8px;padding:10px 12px;display:flex}.MapCardCarousel__headerInner{flex:auto;justify-content:space-between;min-width:0;border-bottom-width:0!important;padding-bottom:0!important}.MapCardCarousel__closeButton{margin-left:auto}.MapCardCarousel__body{flex:none;min-height:0;transition:height .25s ease-in-out;overflow:hidden}.MapCardCarousel__panel{height:100%;overflow:hidden auto}.MapCardCarousel__panelInner{padding:8px 12px 0}.MapCardCarousel__panelTitle{color:var(--heading-color);margin:0 0 8px;font-size:1rem;font-weight:700}.MapCardCarousel__panelOverlayWrap{position:relative}.MapCardCarousel__panelLoadingOverlay{background-color:color-mix(in srgb,var(--map-card-background-color) 70%,transparent);z-index:1;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.MapCardCarousel__loading{justify-content:center;align-items:center;min-height:14rem;display:flex}.MapCardCarousel__footer{padding:8px 12px calc(12px + var(--app-safe-area-bottom,0px));flex:none}.MapCard__cardSlideTransition{transition:transform .25s ease-in-out,opacity .25s ease-in-out}.MapCard__cardSlideDown{opacity:0;transform:translateY(100%)}.OpacityControl__enterTransition{transition:opacity var(--fade-transition-time) ease-in-out}.MapControlGroup__geolocateIcon{animation-duration:2s!important}.MapControlGroup__displayingCurrentPosition{color:#1da1f2}.MapControlGroup__safeAreaPadding{padding-top:var(--app-safe-area-top,0)}.MapControlGroup__zoomButtonDisabled{cursor:not-allowed;opacity:.4}.MapControlGroup__items{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;width:100%}.MapControlGroup__control,.MapControlGroup__items{flex-direction:column;align-items:center;display:flex}.MapControlGroup__control{appearance:none;color:var(--os-color-text-darkest);isolation:isolate;pointer-events:auto;background:0 0;border:0;margin-bottom:.375rem;padding:0;position:relative}.MapControlGroup__face{background-color:var(--os-color-ui-graph-background);border:1px solid var(--os-color-ui-card-border);border-radius:9999px;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;display:flex;box-shadow:0 2px 4px #0006}.MapControlGroup__active .MapControlGroup__face{background-color:var(--os-color-basic-light-blue);border-color:var(--os-color-basic-light-blue);color:#fff}.MapControlGroup__zoomFace{flex-direction:column;height:5rem}.MapControlGroup__zoomButton{justify-content:center;align-items:center;width:100%;height:2.5rem;display:flex}.MapControlGroup__label{background-color:var(--os-color-ui-graph-background);color:var(--os-color-text-darkest);white-space:nowrap;border-radius:9999px;margin-top:calc(1px - .5rem);padding:.125rem .3125rem;font-size:.5625rem;font-weight:700;line-height:1;display:block;position:relative}.MapControlGroup__label:before{border-radius:inherit;box-shadow:0 0 0 1px var(--os-color-ui-card-border),0 2px 4px #0006;content:"";z-index:-1;position:absolute;inset:0}.MapControlGroup__active>.MapControlGroup__label{background-color:var(--os-color-basic-light-blue);color:#fff}.MapControlGroup__active>.MapControlGroup__label:before{box-shadow:0 0 0 1px var(--os-color-basic-light-blue),0 2px 4px #0006}.MapControlGroup__opacitySlot{background-color:var(--os-color-ui-graph-background);border:1px solid var(--os-color-ui-card-border);border-radius:1.5rem 1.5rem 0 0;flex-direction:column;justify-content:flex-end;width:3rem;height:5.4375rem;margin-bottom:-1.6875rem;padding-bottom:1.6875rem;display:flex;box-shadow:0 2px 4px #0006}.MapControlGroup__opacitySlotTransition{transition:height .2s ease-out,opacity .2s ease-out;overflow:hidden}.MapControlGroup__opacitySlotHidden{opacity:0;height:1.6875rem}.MapControlGroup__opacityButton{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:.25rem;width:100%;height:3.75rem;padding-top:.25rem;display:flex}.MapControlGroup__opacityIcon{transition:transform .3s ease-in-out}@media (prefers-reduced-motion:reduce){.MapControlGroup__opacityIcon{transition:none}}.MapControlGroup__layersFace{width:3.375rem;height:3.375rem;transition:background-color .15s ease-out;position:relative}.MapControlGroup__opacityLabel{margin-top:1px}.MapControlGroup__opacityLabel:before{display:none}@media (pointer:coarse){.MapControlGroup__actionMobile{display:inline}.MapControlGroup__actionDesktop{display:none}}@media (pointer:fine){.MapControlGroup__actionMobile{display:none}.MapControlGroup__actionDesktop{display:inline}}.MapStatusBanner__banner{background-color:var(--os-color-basic-light-orange);border:.125rem solid var(--os-color-basic-saturated-orange);color:#000}.MapStatusBanner__secondaryButton{color:var(--os-color-text-dark)}@media (hover:hover) and (pointer:fine){.MapStatusBanner__secondaryButton:hover{color:var(--os-color-text-darkest)}}.MapStatusBanner__bannerButton{background-color:var(--button-secondary-background);border:var(--button-secondary-border);color:var(--os-color-text-darkest)}.MapStatusBanner__bannerButton:focus,.MapStatusBanner__bannerButton:hover{background-color:var(--button-secondary-background-hover)}.MapStatusBanner__bannerButton:focus{box-shadow:0 0 0 .2rem color-mix(in srgb,var(--button-secondary-background) 25%,transparent)}.OverlayFilterGroups__contentContainer{max-height:calc(-2.75rem - 2px + var(--visible-height,90dvh) - var(--bottom-sheet-content-inset-bottom,0px))}.OverlayFieldControl__centered{justify-content:safe center;display:flex}#body .OverlayFieldControl__centered li>button{border-radius:.75rem}@media (width>=992px){.OverlayDetails__overlayTimestamp{min-width:10rem}}.OverlayDetailsControl__control{width:calc(100% - 1.5rem);transition:height .25s ease-in-out,width .25s ease-in-out}@media (width>=992px){.OverlayDetailsControl__control{max-width:calc(100% - 2rem);width:max(32rem,var(--overlay-field-control-width,0px))}}.LayerSelectionControl__lockIcon.LayerSelectionControl__lockIcon{width:30%;height:60%;margin-top:-30%;margin-left:-15%}.LayerSelectionControl__dropLine{background-color:var(--os-color-basic-light-blue);pointer-events:none;z-index:10;border-radius:2px;height:3px;position:absolute;left:.5rem;right:.5rem}.OverlaySelectionControl__stickyChips{--background-color:var(--layer-drawer-background-color,var(--os-color-ui-graph-background));background-color:var(--background-color);box-shadow:0 -2px 0 0 var(--background-color)}.OverlaySelectionControl__emptyState{min-height:15rem}.OverlaySelectionControl__favoritesIcon.OverlaySelectionControl__favoritesIcon{vertical-align:-.125em}.LayerDrawer__tabs{flex:1;min-height:0}.LayerDrawer__tabList>li{flex:1 1 0;justify-content:center;margin-right:0}.LayerDrawer__tabContent{min-height:100%;padding-bottom:calc(var(--bottom-sheet-content-inset-bottom,0px) + var(--bottom-sheet-overhang,0px));flex-direction:column;display:flex}.LayerDrawerContainer__card{--height:70%;height:calc(-2rem + var(--height));width:25rem;transition:transform .25s ease-out;top:50%;transform:translate(100%,-50%)}.LayerDrawerContainer__cardVisible{transition-delay:.25s;transform:translateY(-50%)}@media (width>=1480px){.LayerDrawerContainer__card{--height:100%;height:calc(-2rem + var(--height));width:25rem}}.WebcamsDrawerContainer__card{pointer-events:auto;width:25rem;height:auto;max-height:calc(100% - 2rem);transition:transform .25s ease-out;top:50%;overflow-y:auto;transform:translate(100%,-50%)}.WebcamsDrawerContainer__cardVisible{transition-delay:.25s;transform:translateY(-50%)}.Map__mapCard{width:100%}@media (width>=992px){.Map__mapCard{width:540px}}.Map__smallLogo{--logo-height:19px}.Map__smallLogo .mapboxgl-ctrl-logo{height:var(--logo-height);opacity:.65;width:calc(var(--logo-height) * 88 / 23);background-size:contain}.Map__webLogo .mapboxgl-ctrl-logo{margin-left:6px}.Map__logoBelowDetails .mapboxgl-ctrl-bottom-left{bottom:max(0px,10px + var(--app-safe-area-bottom,0px) - var(--logo-height))}.Map__logoBelowDetails .mapboxgl-ctrl-logo{margin:0 0 -6px 6px}
