/* component style */
.vue-slider-disabled .vue-slider-rail {
  background-color: #ccc;
}
.vue-slider-disabled .vue-slider-dot-handle {
  background-color: #666;
}
.vue-slider-disabled .vue-slider-process {
  background-color: #666;
}
.vue-slider-disabled .vue-slider-mark-step {
  background-color: #666;
}
.vue-slider-disabled .vue-slider-mark-step-active {
  background-color: #ccc;
}

/* rail style */
.vue-slider-rail {
  background-color: #bda1f3;
  border-radius: 15px;
}

/* process style */
.vue-slider-process {
  background-color: #6200ee;
  border-radius: 15px;
}

/* mark style */
.vue-slider-mark {
  z-index: 4;
}
.vue-slider-mark-step {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #6200ee;
}
.vue-slider-mark-step-active {
  background-color: #bda1f3;
}

.vue-slider-mark-label {
  font-size: 14px;
  white-space: nowrap;
}
/* dot style */
.vue-slider-dot-handle {
  cursor: pointer;
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #6200ee;
  box-sizing: border-box;
}
.vue-slider-dot-handle::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 200%;
  height: 200%;
  background-color: rgba(98, 0, 238, 0.38);
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(0);
  z-index: -1;
  transition: transform 0.2s;
}
.vue-slider-dot-handle-focus::after {
  transform: translate(-50%, -50%) scale(1);
}

.vue-slider-dot-handle-disabled {
  cursor: not-allowed;
  background-color: #666 !important;
}

.vue-slider-dot-tooltip {
  visibility: visible;
}
.vue-slider-dot-tooltip-show .vue-slider-dot-tooltip-inner {
  opacity: 1;
}
.vue-slider-dot-tooltip-show .vue-slider-dot-tooltip-inner-top {
  transform: rotateZ(-45deg);
}
.vue-slider-dot-tooltip-show .vue-slider-dot-tooltip-inner-bottom {
  transform: rotateZ(135deg);
}
.vue-slider-dot-tooltip-show .vue-slider-dot-tooltip-inner-left {
  transform: rotateZ(-135deg);
}
.vue-slider-dot-tooltip-show .vue-slider-dot-tooltip-inner-right {
  transform: rotateZ(45deg);
}

.vue-slider-dot-tooltip-inner {
  border-radius: 50% 50% 50% 0px;
  background-color: #6200ee;
  opacity: 0;
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.2s linear;
}
.vue-slider-dot-tooltip-inner-top {
  transform: translate(0, 50%) scale(0.01) rotate(-45deg);
}
.vue-slider-dot-tooltip-inner-bottom {
  transform: translate(0, -50%) scale(0.01) rotateZ(135deg);
}
.vue-slider-dot-tooltip-inner-left {
  transform: translate(50%, 0) scale(0.01) rotateZ(-135deg);
}
.vue-slider-dot-tooltip-inner-right {
  transform: translate(-50%, 0) scale(0.01) rotateZ(45deg);
}
.vue-slider-dot-tooltip-text {
  font-size: 12px;
  white-space: nowrap;
  text-align: center;
  color: #fff;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: content-box;
}

.vue-slider-dot-tooltip-inner-top .vue-slider-dot-tooltip-text {
  transform: rotateZ(45deg);
}
.vue-slider-dot-tooltip-inner-bottom .vue-slider-dot-tooltip-text {
  transform: rotateZ(-135deg);
}
.vue-slider-dot-tooltip-inner-left .vue-slider-dot-tooltip-text {
  transform: rotateZ(135deg);
}
.vue-slider-dot-tooltip-inner-right .vue-slider-dot-tooltip-text {
  transform: rotateZ(-45deg);
}

.agw-widget{display:flex}.agw-widget .mdc-slider-ag-weather .vue-slider-dot-handle,.agw-widget .mdc-slider-ag-weather .vue-slider-dot-tooltip-inner,.agw-widget .mdc-slider-ag-weather .vue-slider-process{background-color:currentColor}.agw-widget .mdc-slider-ag-weather .vue-slider-rail{background-color:rgba(0,0,0,0);position:relative}.agw-widget .mdc-slider-ag-weather .vue-slider-rail:before{content:"";position:absolute;top:0;left:0;height:100%;width:100%;display:block;background-color:currentColor;opacity:.38}.agw-widget .mdc-slider-ag-weather .vue-slider-dot-handle:after{background-color:currentColor;opacity:.38}.agw-widget .hidden{display:none}.agw-widget .full-width{width:100%}.agw-widget .map-container{display:flex;flex-direction:column}.agw-widget #overlay{width:32px;height:32px;position:absolute;top:-16px;left:-16px;background:url("../../../../../content/dam/ag-weather/location_pin_32.svg") no-repeat}.agw-widget #map{width:100%;height:61vw;min-width:320px;min-height:320px}@media only screen and (min-width: 840px){.agw-widget #map{min-height:500px;max-height:500px}}.agw-widget .radar-button-bar{margin:auto;flex:1}.agw-widget .radar-button-bar .play-button,.agw-widget .radar-button-bar .pause-button{margin-right:5px}html[dir=rtl] .agw-widget .radar-button-bar .play-button,html[dir=rtl] .agw-widget .radar-button-bar .pause-button{margin-left:5px;margin-right:unset}.agw-widget .radar-button-bar progress{flex-grow:10}.agw-widget .radar-button-bar .mdc-slider-ag-weather{flex-grow:10}.agw-widget .radar-button-bar .radar-time-label{margin-left:5px;flex-grow:1}html[dir=rtl] .agw-widget .radar-button-bar .radar-time-label{margin-right:5px;margin-left:unset}.agw-widget .lmnt-theme-surface-variant-bg{padding:14px}.agw-widget .wrapper{min-width:320px;margin:auto}.agw-widget .wrapper .loading-spinner{background-color:rgba(0,0,0,0)}.agw-widget .wrapper .arrow_back{transform:rotate(90deg);font-size:44px}.agw-widget .wrapper .water-drop{font-size:27px}.agw-widget .wrapper .mdc-circular-progress{margin-top:auto}.agw-widget .wrapper .climacons{font-size:48px}.agw-widget .wrapper .max-temp{color:#000 !important}.agw-widget .wrapper .min-temp{color:rgba(16,56,79,.6) !important}.agw-widget .wrapper .gray{color:rgba(16,56,79,.6)}.agw-widget .wrapper .light-text{opacity:.7}.agw-widget .wrapper .bold{font-weight:bold}.agw-widget .wrapper .justify-right{justify-content:right}.agw-widget .wrapper .align-center{align-items:center}.agw-widget .wrapper .mr-10{margin-right:10px}.agw-widget .wrapper .mr-24{margin-right:24px}.agw-widget .wrapper .ml-10{margin-left:10px}.agw-widget .wrapper .pt-10{padding-top:10px}.agw-widget .wrapper .wind-speed{color:rgba(16,56,79,.6) !important}.agw-widget .wrapper .precip-chance{display:flex;align-items:center;max-height:44px;margin-top:8px}.agw-widget .wrapper .wind-direction{display:flex;align-items:center;max-height:44px;margin-bottom:10px}.agw-widget .wrapper .airy-margins-md{margin-top:48px;margin-bottom:48px}.agw-widget .wrapper .mdc-text-field{width:100%;width:-moz-available;width:-webkit-fill-available;width:fill-available}.agw-widget .wrapper .search-button{margin-top:48px;margin-bottom:48px;flex-direction:column;align-items:flex-end;display:flex}.agw-widget .wrapper .full-experience-button{flex-direction:column;align-items:flex-end;display:flex;margin:1rem 1rem 1rem 0}.agw-widget .wrapper .active{border:2px solid #10384f}.agw-widget .wrapper .vertical-space{margin-top:16px;margin-bottom:16px}.agw-widget .wrapper .vertical-space-small{margin-top:8px;margin-bottom:8px}.agw-widget .wrapper .vertical-side{padding:10px 16px;display:flex;flex-direction:column}.agw-widget .wrapper .vertical-side .row{margin-left:auto;margin-right:auto;margin-top:4px;margin-bottom:4px}.agw-widget .wrapper .max-content{width:max-content}.agw-widget .wrapper .fullExp{gap:10px}@media only screen and (min-width: 840px){.agw-widget .wrapper .fullExp{flex-direction:row}}@media only screen and (max-width: 599px),only screen and (min-width: 600px)and (max-width: 839px){.agw-widget .wrapper .fullExp{flex-direction:column}}@media only screen and (max-width: 599px),only screen and (min-width: 600px)and (max-width: 839px){.agw-widget .wrapper .fullExp .radar-container{width:100%}}@media only screen and (min-width: 840px)and (max-width: 1200px){.agw-widget .wrapper .fullExp .radar-container{width:50%}}@media only screen and (min-width: 1201px){.agw-widget .wrapper .fullExp .radar-container{width:65%}}.agw-widget .wrapper .fullExp .vertical-side-details-new{display:flex;flex-wrap:wrap}.agw-widget .wrapper .fullExp .vertical-side-details-new .detail-item-new{flex:50%;padding:12px 0px}.agw-widget .wrapper .fullExp .vertical-side-details .detail-air{display:flex}.agw-widget .wrapper .widget-details{display:flex}.agw-widget .wrapper .widget-details .detail-air{margin:16px}.agw-widget .wrapper .widget-details .vertical-side-details .detail-air .label{color:#ccc;width:50%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.agw-widget .wrapper .widget-details .vertical-side-details .detail-air .mdc-typography--headline7{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.agw-widget .wrapper .widget-details .details-sunrise-sunset{margin:12px 0px}.agw-widget .wrapper .weather-icon{max-width:40px}.agw-widget .wrapper .italic{font-style:italic}.agw-widget .wrapper .flex{display:flex}.agw-widget .wrapper .flex-column{flex-direction:column}.agw-widget .wrapper .flex-align-center{align-items:center}.agw-widget .wrapper .flex-justify-center{justify-content:center}.agw-widget .wrapper .text-right{text-align:right}.agw-widget .wrapper .full-details-wrapper{display:flex;flex-direction:column}@media only screen and (max-width: 599px),only screen and (min-width: 600px)and (max-width: 839px){.agw-widget .wrapper .full-details-wrapper{width:100%}}@media only screen and (min-width: 840px)and (max-width: 1200px){.agw-widget .wrapper .full-details-wrapper{width:50%}}@media only screen and (min-width: 1201px){.agw-widget .wrapper .full-details-wrapper{width:35%}}.agw-widget .wrapper .full-details-wrapper .header-details{display:flex;justify-content:space-between}.agw-widget .wrapper .full-details-wrapper .header-details .swap_vert{font-size:38px}.agw-widget .wrapper .full-details-wrapper .header-details .max-temp{margin-left:3px;margin-right:3px}.agw-widget .wrapper .full-details-wrapper .header-details .min-temp{margin-left:3px;margin-right:3px}.agw-widget .wrapper .full-details-wrapper .button-bars{display:flex;justify-content:space-between}.agw-widget .wrapper .full-details-wrapper .horizontal-scroll{display:flex;flex-direction:row;overflow-x:scroll;white-space:nowrap;padding-bottom:24px}.agw-widget .wrapper .full-details-wrapper .mini-weather-display{width:fit-content;min-width:135px}.agw-widget .wrapper .full-details-wrapper .view-select{width:fit-content;border:1px solid}.agw-widget .wrapper .full-details-wrapper .view-select .mdc-button:hover:before,.agw-widget .wrapper .full-details-wrapper .view-select .mdc-button:focus:before{opacity:.1}.agw-widget .wrapper .full-details-wrapper .view-select .button-bg{display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1}