Mansfield, Texas's monthly weather planner

a {
position: absolute;
inset: 0px;
z-index: 1;
cursor: pointer;
}
.calendarTableHisAvg-E1_1 {
font-size: 12px;
color: rgba(255,255,255,0.4);
position: absolute;
display: block;
box-sizing: border-box;
top: 4px;
right: 16px;
width: 72px;
height: 18px;
line-height: 16px;
text-align: right;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
@media (max-width: 979px) {
.calendarTableHisAvg-E1_1 {
width: 40px;
right: 7px;
}
}
.monthTabRoot-E1_1 {
position: relative;
display: block;
}
.monthTabContainer-E1_1 {
position: relative;
width: 100%;
height: 48px;
padding: 0;
margin: 0;
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 8px;
}
@media (max-width: 979px) {
.monthTabContainer-E1_1 {
gap: 2px;
}
}
.monthTabItem-E1_1 {
display: inline-block;
list-style: none;
list-style-type: none;
padding: 0;
margin: 0;
width: calc((1236px - 88px) / 12);
}
@media (max-width: 979px) {
.monthTabItem-E1_1 {
width: calc((612px - 88px) / 12);
}
}
@media (min-width: 980px) and (max-width: 1303px) {
.monthTabItem-E1_1 {
width: calc((924px - 88px) / 12);
}
}
@media (min-width: 1304px) {
.monthTabItem-E1_1 {
width: calc((1236px - 88px) / 12);
}
}
@media (max-width: -1px) {
.monthTabItem-E1_1 {
width: calc((1236px - 88px) / 12);
}
}
.monthTabItemBing-E1_1 {
width: 90px;
}
.monthTabButton-E1_1 {
position: relative;
border: none;
width: 100%;
height: 48px;
font-weight: 400;
padding: 0;
margin: 0;
cursor: pointer;
color: #FFFFFF;
display: flex;
text-align: center;
justify-content: center;
align-items: flex-start;
text-decoration: none;
border-radius: 8px;
background-color: rgba(255, 255, 255, 0.03);
-webkit-backdrop-filter: blur(30px);
backdrop-filter: blur(30px);
}
div[class^='bingLightRoot'] .monthTabButton-E1_1 {
color: black;
}
.monthTabButton-E1_1:hover {
background-color: rgba(255, 255, 255, 0.08);
}
@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
.monthTabButton-E1_1 {
}
.monthTabButton-E1_1 {
background-color: rgba(0, 0, 0, 0.4);
}
}
.visualReady .monthTabButton-E1_1.selected {
font-weight: 700;
background-color: #FFD02C;
color: #000000;
}
.monthTabButtonBing-E1_1 {
border: 1px solid rgba(243, 243, 243, 1);
}
.visualReady .monthTabButtonBing-E1_1.selected {
background: rgba(227, 237, 248, 1);
}
.monthTabButtonBingLight-E1_1 {
background: rgba(249, 249, 249, 1);
}
.monthTabButtonYearMonth-E1_1 {
position: relative;
left: 0;
display: block;
font-size: 10px;
line-height: 1;
text-align: left;
overflow: hidden;
padding: 0 6px;
box-sizing: border-box;
}
.monthTabButtonYearMonth-E1_1.noVisiable {
text-align: center;
}
.monthTabButtonYear-E1_1 {
position: absolute;
left: 0;
display: block;
font-size: 10px;
line-height: 1;
padding: 6px 6px 0 6px;
}
.monthTabButtonYear-E1_1.noVisiable {
visibility: hidden;
}
.monthTabButtonMonth-E1_1 {
margin: 15px 0;
font-size: 14px;
line-height: 20px;
overflow: hidden;
word-break: break-all;
white-space: nowrap;
text-overflow: ellipsis;
}
.location_name_set_home_icon-E1_1 {
width: 26px;
height: 26px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
padding: 0px;
margin: 0;
position: relative;
margin-left: 16px;
}
.location_name_set_home_icon-E1_1>*:first-child {
position: relative;
top: -0.5px;
}
.location_name_set_home_icon-E1_1>*:nth-child(2) {
display: none;
}
.location_name_set_home_icon-E1_1:focus {
outline: none;
}
.location_name_set_home_icon-E1_1:focus-visible {
outline: rgb(16, 16, 16) auto 1px;
}
.location_name_set_home_button-E1_1 {
position: relative;
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: center;
background: transparent;
border: 1px solid rgba(255, 255, 255, 0.8);
outline: none;
padding: 0;
width: 24px;
height: 24px;
cursor: pointer;
margin-inline-start: 16px;
border-radius: 50%;
}
.location_name_set_home_button-E1_1:hover {
background: rgba(255, 255, 255, 0.1);
}
.location_name_set_home_button-E1_1.darkColor {
border: 1px solid rgba(0, 0, 0, 0.8);
}
.location_icon-E1_1 {
margin-right: 11px;
}
.location_name_label-E1_1 {
color: #fff;
line-height: 24px;
text-decoration: none;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.location_name_label-E1_1.darkColor {
color: #000;
}
.location_name_link-E1_1 {
cursor: inherit;
}
.location_name_link-E1_1:hover, .location_name_link-E1_1:active {
outline: none;
}
.location_name_link-E1_1:hover, .location_name_link-E1_1:focus, .location_name_link-E1_1:active {
text-decoration: underline;
text-underline-position: under;
}
.plain_text-E1_1 {
cursor: text !important;
text-decoration: none !important;
}
.location_name_main_button-E1_1 {
border: none;
cursor: pointer;
background: inherit;
color: unset;
padding: 0;
}
.location_name_detect_icon-E1_1 {
position: relative;
top: 1px;
}
.location_name_container-E1_1 {
display: flex;
height: 24px;
position: relative;
align-items: center;
max-width: 612px;
cursor: pointer;
overflow: hidden;
}
.location_name_container-E1_1 path {
}
.location_name_container-E1_1 rect {
}
@media (-ms-high-contrast:active) {
.location_name_container-E1_1 rect {
stroke: ButtonText;
}
}
@media (-ms-high-contrast:active) {
.location_name_container-E1_1 path {
fill: ButtonText;
}
}
.location_change_button-E1_1 {
width: 9px;
height: 9px;
display: block;
margin-top: -4px;
border: #fff solid;
border-width: 1px 1px 0 0;
transform: rotate(135deg);
}
.location_change_button-E1_1.darkColor {
border: #000 solid;
border-width: 1px 1px 0 0;
}
.location_change_button_container-E1_1 {
margin-left: 8px;
width: 15px;
}
.monthCalendarSection-E1_1 {
margin: 0 auto;
position: relative;
box-sizing: border-box;
z-index: 50;
overflow: visiable;
}
@media (max-width: 979px) {
.monthCalendarSection-E1_1 {
width: 612px;
}
}
@media (min-width: 980px) and (max-width: 1303px) {
.monthCalendarSection-E1_1 {
width: 924px;
}
}
@media (min-width: 1304px) {
.monthCalendarSection-E1_1 {
width: 924px;
}
}
.monthCalendarSectionBing-E1_1 {
width: auto;
}
.trendsMonthCalendarSection-E1_1 {
}
@media (min-width: 1304px) {
.trendsMonthCalendarSection-E1_1 {
width: 1236px;
}
}
.newL1Phase2CalendarSection-E1_1 {
box-sizing: border-box;
z-index: 50;
overflow: visiable;
}
@media (max-width: 979px) {
.newL1Phase2CalendarSection-E1_1 {
width: 624px;
}
}
@media (min-width: 980px) and (max-width: 1303px) {
.newL1Phase2CalendarSection-E1_1 {
width: 948px;
}
}
@media (min-width: 1304px) {
.newL1Phase2CalendarSection-E1_1 {
width: 948px;
}
}
@media (max-width: -1px) {
.newL1Phase2CalendarSection-E1_1 {
width: 1272px;
}
}
.monthCalendarRoot-E1_1 {
position: relative;
display: block;
}
.monthCalendarTabsSection-E1_1 {
margin-top: 12px;
}
@media (max-width: 979px) {
.monthCalendarTabsSection-E1_1 {
width: 624px;
}
}
@media (min-width: 980px) and (max-width: 1303px) {
.monthCalendarTabsSection-E1_1 {
width: 948px;
}
}
@media (min-width: 1304px) {
.monthCalendarTabsSection-E1_1 {
width: 1272px;
}
}
.monthCalendarTabsSectionBing-E1_1 {
width: 1198px;
}
.monthCalendarContainer-E1_1 {
position: relative;
margin-top: 16px;
}
.monthCalendarForecastSection-E1_1 {
position: relative;
border-radius: 6px;
display: block;
color: #FFFFFF;
background-color: rgba(255, 255, 255, 0.1);
-webkit-backdrop-filter: blur(50px);
backdrop-filter: blur(50px);
}
@media (min-width: 1304px) {
.monthCalendarForecastSection-E1_1 {
width: 924px;
}
}
@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
.monthCalendarForecastSection-E1_1 {
}
.monthCalendarForecastSection-E1_1 {
background-color: rgba(0, 0, 0, 0.4);
}
}
.monthCalendarControlSection-E1_1 {
position: relative;
height: 74px;
display: block;
box-sizing: border-box;
padding: 20px 16px 0 16px;
}
.monthCalendarSummaryDescContainer-E1_1 {
position: relative;
display: block;
}
.monthCalendarSummaryDesc-E1_1 {
width: 580px;
white-space: normal;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
display: -webkit-box;
overflow: hidden;
font-size: 14px;
line-height: 20px;
}
@media (min-width: 1304px) {
.monthCalendarSummaryDesc-E1_1 {
width: 620px;
}
}
@media (max-width: 979px) {
.monthCalendarSummaryDesc-E1_1 {
width: 340px;
}
}
.monthCalendarTableChartToggle-E1_1 {
position: absolute;
top: 24px;
right: 24px;
border-radius: 4px;
background-color: rgba(255, 255, 255, 0.1);
color: #FFFFFF;
display: flex;
}
.monthCalendarTableEntry-E1_1 {
height: 32px;
display: flex;
background: none;
color: #FFFFFF;
border: none;
align-items: center;
justify-content: center;
min-width: 84px;
padding: 8px;
cursor: pointer;
border-radius: 4px 0 0 4px;
}
.monthCalendarTableEntry-E1_1:hover {
outline: none;
}
.visualReady .monthCalendarTableEntry-E1_1.selected {
background-color: #FFD02C;
color: #795700;
}
.visualReady .monthCalendarTableEntry-E1_1.selected .iconCalendar .path {
fill: #795700;
}
.monthCalendarIcon-E1_1 {
margin-right: 8px;
}
.monthCalendarIcon-E1_1 .iconCalendar {
display: block;
}
.monthCalendarChartEntry-E1_1 {
height: 32px;
display: flex;
background: none;
color: #FFFFFF;
border: none;
align-items: center;
justify-content: center;
min-width: 84px;
padding: 8px;
cursor: pointer;
border-radius: 0 4px 4px 0;
}
.visualReady .monthCalendarChartEntry-E1_1.selected {
background-color: #FFD02C;
color: #795700;
}
.visualReady .monthCalendarChartEntry-E1_1.selected .iconChart .path {
fill: #795700;
}
.monthChartIcon-E1_1 {
margin-right: 8px;
}
.monthChartIcon-E1_1 .iconChart {
display: block;
}
.monthCalendarContent-E1_1 {
position: relative;
display: block;
}
.monthCalendarContentBing-E1_1 {
height: 360px;
overflow: hidden;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.075) 100%);
width: 926px;
}
.monthCalendarTitle-E1_1 {
color: #FFFFFF;
margin-bottom: 4px;
font-size: 14px;
font-weight: 600;
line-height: 20px;
text-transform: uppercase;
}
.monthCalendarTitlePhase2-E1_1 {
color: #000000;
font-size: 26px;
font-weight: 400;
line-height: 37px;
}
.monthCalendarTitlePhase2Dark-E1_1 {
color: #FFFFFF;
font-size: 26px;
font-weight: 400;
line-height: 37px;
}
.seemore-E1_1 {
position: absolute;
top: 100%;
transform: translate(-50%, -50%);
left: 462px;
background-color: #106ebe;
cursor: pointer;
text-align: center;
pointer-events: auto;
border-radius: 16px;
height: 30px;
padding: 0 16px;
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 20px;
color: #fff;
display: flex;
align-items: center;
border: none;
}
.seemoreText-E1_1 {
margin-right: 8px;
}
.bingLightRoot-E1_1 {
color: black;
}
.bingLightRoot-E1_1 div[class^='monthTabButton'], .bingLightRoot-E1_1 div[class^='calendarTableHeaderItem'], .bingLightRoot-E1_1 div[class^='calendarTableDay'], .bingLightRoot-E1_1 div[class^='calendarTableDayTempHi'], .bingLightRoot-E1_1 div[class^='calendarTableDayTempLo'], .bingLightRoot-E1_1 div[class^='weatherDonutCenterTitle'], .bingLightRoot-E1_1 div[class^='weatherDonutTitleContainer-'], .bingLightRoot-E1_1 div[class^='weatherDonutLegendItemLabel'], .bingLightRoot-E1_1 div[class^='weatherDonutLegendItemRatio'] {
color: black !important;
}
.bingLightRoot-E1_1 div[class^='monthCalendarTableRootBing'], .bingLightRoot-E1_1 div[class^='weatherTrendOverview'] {
background: rgba(249, 249, 249, 1);
}
.bingLightRoot-E1_1 button[class^='calendarTableBodyItemBing'] {
background: rgba(255, 255, 255, 1);
}
.mobileCalendarSection-E1_1 {
width: 100%;
}
.mobileCalendarRoot-E1_1 {
position: relative;
width: 100%;
padding-bottom: 43px;
}
.mobileMonthCalendarContent-E1_1 {
}
.mobileMonthCalendarContent-E1_1.expand {
height: auto;
overflow: visible;
}
.mobileMonthCalendarContent-E1_1.collapse {
height: 432px;
overflow: hidden;
}
.mobileSeeMore-E1_1 {
z-index: 1;
padding: 0 0 9px 0;
position: absolute;
bottom: 0;
text-align: center;
font-size: 14px;
display: flex;
align-items: center;
border: none;
width: 100%;
flex-direction: column-reverse;
justify-content: space-between;
height: 74px;
color: #444;
background-color: transparent;
}
.mobileSeeMoreSeemoreIcon-E1_1 {
background: #1B6AC7;
border-radius: 50%;
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.mobileSeeMoreSeemoreIcon-E1_1.expand {
transform: rotate(180deg);
}
.mobileSeeMoreBgGradient-E1_1 {
z-index: -1;
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
.mobileSeeMoreBgGradient-E1_1 span:first-child {
display: block;
height: 20px;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFF 100%);
}
.mobileSeeMoreBgGradient-E1_1 span:last-child {
display: block;
height: 54px;
background: #fff;
}
.weatherTrendOverview-E1_1 {
position: absolute;
top: 56px;
left: 940px;
height: 312px;
border-radius: 8px;
border: 1px solid rgba(243, 243, 243, 1);
}
.weatherTrendOverviewBingLight-E1_1 {
background: rgba(249, 249, 249, 1);
}
.weatherMonthlyTeaserLayoutContainer-E1_1 {
display: grid;
grid-template-rows: auto 270px;
grid-template-columns: 924px 300px;
gap: 12px;
}
@media (max-width: 979px) {
.weatherMonthlyTeaserLayoutContainer-E1_1 {
grid-template-columns: 1fr;
}
}
@media (min-width: 980px) and (max-width: 1303px) {
.weatherMonthlyTeaserLayoutContainer-E1_1 {
grid-template-columns: 612px 300px;
}
}
@media (min-width: 1304px) {
.weatherMonthlyTeaserLayoutContainer-E1_1 {
grid-template-columns: 924px 300px;
}
}
.weatherMonthCalendarContainer-E1_1 {
}
@media (max-width: 979px) {
.weatherMonthCalendarContainer-E1_1 {
grid-area: 1 / 1 / 2 / 2;
}
}
@media (min-width: 980px) and (max-width: 1303px) {
.weatherMonthCalendarContainer-E1_1 {
grid-area: 1 / 1 / 2 / 3;
}
}
@media (min-width: 1304px) {
.weatherMonthCalendarContainer-E1_1 {
grid-area: 1 / 1 / 3 / 2;
}
}
.weatherMonthlyForecastSummaryContainer-E1_1 {
}
@media (max-width: 979px) {
.weatherMonthlyForecastSummaryContainer-E1_1 {
display: none;
}
}
@media (min-width: 980px) and (max-width: 1303px) {
.weatherMonthlyForecastSummaryContainer-E1_1 {
display: none;
}
}
@media (min-width: 1304px) {
.weatherMonthlyForecastSummaryContainer-E1_1 {
grid-area: 1 / 2 / 2 / 3;
padding-top: 94px;
}
}
.weatherTrendLayoutContainer-E1_1 {
display: grid;
grid-template-rows: auto 270px auto;
grid-template-columns: 924px 300px;
gap: 12px;
}
@media (max-width: 979px) {
.weatherTrendLayoutContainer-E1_1 {
grid-template-columns: 1fr;
grid-template-rows: auto 270px;
}
}
@media (min-width: 980px) and (max-width: 1303px) {
.weatherTrendLayoutContainer-E1_1 {
grid-template-columns: 612px 300px;
grid-template-rows: auto 270px;
}
}
@media (min-width: 1304px) {
.weatherTrendLayoutContainer-E1_1 {
grid-template-columns: 924px 300px;
grid-template-rows: auto 270px;
}
}
.weatherTrendOverviewContainer-E1_1 {
}
@media (max-width: 979px) {
.weatherTrendOverviewContainer-E1_1 {
grid-area: 2 / 1 / 3 / 2;
}
}
@media (min-width: 980px) and (max-width: 1303px) {
.weatherTrendOverviewContainer-E1_1 {
grid-area: 2 / 1 / 3 / 2;
}
}
@media (min-width: 1304px) {
.weatherTrendOverviewContainer-E1_1 {
grid-area: 1 / 2 / 2 / 3;
height: 304px;
align-self: end;
}
}
.weatherMonthlyTrendCalendarContainer-E1_1 {
}
@media (max-width: 979px) {
.weatherMonthlyTrendCalendarContainer-E1_1 {
grid-area: 3 / 1 / 4 / 2;
}
}
@media (min-width: 980px) and (max-width: 1303px) {
.weatherMonthlyTrendCalendarContainer-E1_1 {
grid-area: 3 / 1 / 4 / 3;
}
}
@media (min-width: 1304px) {
.weatherMonthlyTrendCalendarContainer-E1_1 {
grid-area: 3 / 1 / 4 / 3;
}
}
.weatherMapMiniContainer-E1_1 {
}
@media (max-width: 979px) {
.weatherMapMiniContainer-E1_1 {
display: none;
}
}
@media (min-width: 980px) and (max-width: 1303px) {
.weatherMapMiniContainer-E1_1 {
grid-area: 2 / 2 / 3 / 3;
}
}
@media (min-width: 1304px) {
.weatherMapMiniContainer-E1_1 {
grid-area: 2 / 2 / 3 / 3;
}
}
.firstLayerContainer-E1_1 {
position: absolute;
width: 100%;
z-index: 0;
}
.secondLayerContainer-E1_1 {
width: 100%;
position: absolute;
z-index: 2;
}
.thirdLayerContainer-E1_1 {
width: 100%;
position: absolute;
z-index: 3;
}
.fourthLayerContainer-E1_1 {
width: 100%;
position: fixed;
z-index: 6;
height: 900px;
background-position: center top;
background-size: 1920px 100%;
background-repeat: no-repeat;
}
@media (min-width: 1920px) {
.fourthLayerContainer-E1_1 {
background-size: 100% 100%;
}
}
.fifthLayerContainer-E1_1 {
width: 100%;
position: fixed;
z-index: 5;
}
.weather-life .fifthLayerContainer-E1_1 {
background: #22243F;
}
.header-aurora-bg-change .fifthLayerContainer-E1_1 {
top: 0;
}
.hollidayBgLayerContainer-E1_1 {
width: 100%;
height: 100vh;
position: fixed;
z-index: 6;
display: none;
}
.holiday-effects .hollidayBgLayerContainer-E1_1 {
display: block;
}
.header-aurora-bg-change .hollidayBgLayerContainer-E1_1 {
top: 0;
}
.hollidayImageLayerContainer-E1_1 {
width: 100%;
height: 850px;
position: fixed;
z-index: 7;
display: block;
visibility: hidden;
background-position: center top;
background-size: 100% auto;
background-repeat: no-repeat;
opacity: 0.2;
transition: opacity 0.6s linear;
}
.windows-header .hollidayImageLayerContainer-E1_1 {
top: 167px;
}
.windows-header.windows-header-aurora .hollidayImageLayerContainer-E1_1 {
top: 116px;
}
.holiday-effects .hollidayImageLayerContainer-E1_1 {
display: block;
visibility: visible;
opacity: 1;
}
.holiday-effects.dark-holiday .hollidayImageLayerContainer-E1_1 {
opacity: 0.2;
}
.holiday-effects.light-holiday .hollidayImageLayerContainer-E1_1 {
opacity: 1;
}
@media (max-width: 655px) {
.windows-header.windows-header-aurora .hollidayImageLayerContainer-E1_1 {
top: 166px;
}
}
@media (min-width: 656px) and (max-width: 955px) {
.windows-header.windows-header-aurora .hollidayImageLayerContainer-E1_1 {
top: 166px;
}
}
@media (max-width: 955px) {
.windows-header.windows-header-aurora .hollidayImageLayerContainer-E1_1 {
top: 166px;
}
}
@media (max-width: 655px) {
.windows-header .hollidayImageLayerContainer-E1_1 {
top: 221px;
}
}
@media (min-width: 656px) and (max-width: 979px) {
.windows-header .hollidayImageLayerContainer-E1_1 {
top: 221px;
}
}
.hollidayGifImageLayerContainer-E1_1 {
width: 100%;
height: 850px;
position: fixed;
z-index: 8;
display: block;
visibility: hidden;
background-position: center top;
background-size: 100% auto;
background-repeat: no-repeat;
opacity: 0.2;
transition: opacity 0.6s linear;
}
.windows-header .hollidayGifImageLayerContainer-E1_1 {
top: 167px;
}
.windows-header.windows-header-aurora .hollidayGifImageLayerContainer-E1_1 {
top: 116px;
}
.holiday-effects .hollidayGifImageLayerContainer-E1_1 {
display: block;
visibility: visible;
opacity: 1;
}
.holiday-effects.dark-holiday .hollidayGifImageLayerContainer-E1_1 {
opacity: 0.2;
}
.holiday-effects.light-holiday .hollidayGifImageLayerContainer-E1_1 {
opacity: 1;
}
@media (max-width: 655px) {
.windows-header.windows-header-aurora .hollidayGifImageLayerContainer-E1_1 {
top: 166px;
}
}
@media (min-width: 656px) and (max-width: 955px) {
.windows-header.windows-header-aurora .hollidayGifImageLayerContainer-E1_1 {
top: 166px;
}
}
@media (max-width: 955px) {
.windows-header.windows-header-aurora .hollidayGifImageLayerContainer-E1_1 {
top: 166px;
}
}
@media (max-width: 655px) {
.windows-header .hollidayGifImageLayerContainer-E1_1 {
top: 221px;
}
}
@media (min-width: 656px) and (max-width: 979px) {
.windows-header .hollidayGifImageLayerContainer-E1_1 {
top: 221px;
}
}
.hollidayImageGradient-E1_1 {
width: 100%;
height: 850px;
position: fixed;
z-index: 9;
display: block;
visibility: hidden;
}
.windows-header .hollidayImageGradient-E1_1 {
top: 167px;
}
.windows-header.windows-header-aurora .hollidayImageGradient-E1_1 {
top: 116px;
}
.holiday-effects .hollidayImageGradient-E1_1 {
visibility: visible;
}
@media (max-width: 655px) {
.windows-header.windows-header-aurora .hollidayImageGradient-E1_1 {
top: 166px;
}
}
@media (min-width: 656px) and (max-width: 955px) {
.windows-header.windows-header-aurora .hollidayImageGradient-E1_1 {
top: 166px;
}
}
@media (max-width: 955px) {
.windows-header.windows-header-aurora .hollidayImageGradient-E1_1 {
top: 166px;
}
}
@media (max-width: 655px) {
.windows-header .hollidayImageGradient-E1_1 {
top: 221px;
}
}
@media (min-width: 656px) and (max-width: 979px) {
.windows-header .hollidayImageGradient-E1_1 {
top: 221px;
}
}
.backgroundVideoContainer-E1_1 {
position: fixed;
box-sizing: border-box;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
display: flex;
align-items: start;
justify-content: center;
padding-top: 167px;
}
@media (max-width: 655px) {
.backgroundVideoContainer-E1_1 {
padding-top: 221px;
}
}
@media (min-width: 656px) and (max-width: 979px) {
.backgroundVideoContainer-E1_1 {
padding-top: 221px;
}
}
.no-header .backgroundVideoContainer-E1_1 {
padding-top: 48px !important;
}
.backgroundVideo-E1_1 {
position: relative;
width: 100%;
height: 100%;
object-fit: cover;
}
.unitContainerSSR-E1_1 {
background: rgba(255, 255, 255, 0.1);
border-radius: 4px;
font-size: 20px;
line-height: 23px;
color: #FFFFFF;
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: space-around;
cursor: pointer;
position: relative;
}
.unitTextSSR-E1_1 {
background: none;
border: none;
padding: 0;
font-size: 18px;
line-height: 21px;
color: #FFFFFF;
cursor: pointer;
width: 100%;
height: 100%;
display: flex;
border-radius: 4px;
justify-content: space-evenly;
align-items: center;
}
.triangleSSR-E1_1 {
width: 7px;
display: flex;
}
.textField-E1_1 {
font-family: inherit;
box-sizing: border-box;
margin: 0;
transition: all 0.2s ease-in-out;
font-size: 14px;
line-height: 20px;
font-weight: 400;
background: #FFFFFF;
border: 1px solid #BEBEBE;
color: #2B2B2B;
padding: 0 11px;
border-radius: 2px;
height: 32px;
}
.textField-E1_1:hover:enabled {
background: #FFFFFF;
border-color: #979797;
}
.textField-E1_1:active:enabled {
background: #FFFFFF;
border-color: #D6D6D6;
}
.textField-E1_1:focus:enabled {
outline: none;
box-shadow: 0 0 0 1px #888888 inset;
border-color: #888888;
}
.textField-E1_1:disabled {
cursor: not-allowed !important;
opacity: 0.3;
}
.textField-E1_1::placeholder {
color: #767676;
}
@media (-ms-high-contrast:active) {
.textField-E1_1 {
-ms-high-contrast-adjust: none;
background: ButtonFace;
border-color: ButtonText;
color: ButtonText;
}
}
@media (-ms-high-contrast:active) {
.textField-E1_1::placeholder {
color: GrayText;
}
}
@media (-ms-high-contrast:active) {
.textField-E1_1:disabled {
opacity: 1;
background: ButtonFace !important;
color: GrayText !important;
fill: GrayText !important;
border-color: GrayText !important;
}
}
@media (-ms-high-contrast:active) {
.textField-E1_1:focus:enabled {
border-color: ButtonText;
box-shadow: 0 0 0 1px inset ButtonText;
}
}
@media (-ms-high-contrast:active) {
.textField-E1_1:hover:enabled {
background: ButtonFace;
border: 1px solid Highlight;
}
}
.textField__filled-E1_1 {
font-family: inherit;
box-sizing: border-box;
margin: 0;
transition: all 0.2s ease-in-out;
font-size: 14px;
line-height: 20px;
font-weight: 400;
background: #EDEDED;
border: 1px solid transparent;
color: #2B2B2B;
padding: 0 11px;
border-radius: 2px;
}
.textField__filled-E1_1:hover:enabled {
border-color: transparent;
background: #E5E5E5;
}
.textField__filled-E1_1:active:enabled {
border-color: transparent;
}
.textField__filled-E1_1:focus:enabled {
border-color: #888888;
}
.textField__filled-E1_1:disabled {
cursor: not-allowed !important;
opacity: 0.3;
}
.textField__filled-E1_1::placeholder {
color: #6B6B6B;
}
@media (-ms-high-contrast:active) {
.textField__filled-E1_1 {
-ms-high-contrast-adjust: none;
background: ButtonFace;
border-color: ButtonText;
}
}
@media (-ms-high-contrast:active) {
.textField__filled-E1_1::placeholder {
color: GrayText;
}
}
@media (-ms-high-contrast:active) {
.textField__filled-E1_1:disabled {
opacity: 1;
background: ButtonFace !important;
color: GrayText !important;
fill: GrayText !important;
border-color: GrayText !important;
}
}
@media (-ms-high-contrast:active) {
.textField__filled-E1_1:hover:enabled {
background: ButtonFace;
border: 1px solid Highlight;
}
}
.suggestionContainer-E1_1 {
display: flex;
flex-direction: row;
margin-left: 5px;
}
.suggestions-E1_1 {
position: absolute;
left: 3px;
z-index: 100;
background: #FFFFFF;
border: 1px solid #E5E5E5;
width: 200px;
display: block;
height: auto;
overflow-y: auto;
margin-top: 32px;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
padding-left: 4px;
}
.suggestions-E1_1 > li {
padding: 2px;
list-style: none;
display: block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
text-align: left;
font-size: 14px;
line-height: 20px;
}
.suggestions-E1_1 > li:hover, .suggestions-E1_1 > li:focus {
cursor: pointer;
background: #f1f1f1;
}
.suggestions-E1_1 > li > button {
text-align: left;
height: auto!important;
background: transparent;
color: unset;
width: 100%;
margin: 0;
padding: 0;
cursor: pointer;
display: flex;
justify-content: space-between;
}
.suggestionActive-E1_1 {
background-color: #f1f1f1;
}
@media (-ms-high-contrast:active) {
.suggestionActive-E1_1 {
outline: 1px solid;
}
}
.toolTipContainer-E1_1 {
align-items: center;
padding: 6px 8px 8px 8px;
position: absolute;
width: 100%;
top: 100%;
margin-top: 4px;
background: #E0E0E0;
box-sizing: border-box;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
border-radius: 6px;
}
.firstLineToolTip-E1_1 {
font-weight: 500;
font-size: 12px;
word-wrap: break-word;
line-height: 16px;
}
.secondLineToolTip-E1_1 {
font-size: 12px;
word-wrap: break-word;
line-height: 14px;
}
.suggestion-E1_1 {
display: flex;
align-items: center;
justify-content: space-between;
}
.suggestionText-E1_1 {
display: flex;
flex-direction: column;
width: calc(100% - 30px);
}
.firstLine-E1_1 {
font-size: 16px;
line-height: 22px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-weight: 500;
display: block;
}
.secondLine-E1_1 {
font-size: 14px;
font-weight: 400;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
line-height: 22px;
display: block;
}
.searchIcon-E1_1 {
border: none;
outline: none;
border-radius: 4px !important;
padding: 0px !important;
background: inherit;
min-width: 16px;
width: 16px !important;
margin-right: 20px !important;
}
.searchIcon-E1_1> span:nth-child(1) {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
outline: none;
}
.searchIcon-E1_1:focus {
outline: none;
}
.searchIcon-E1_1:focus-visible {
outline: rgb(16, 16, 16) auto 1px;
}
.clearAllIconContainer-E1_1 {
border: none;
outline: none;
cursor: pointer;
padding: 0px !important;
background: none;
height: 12px;
width: 15px;
margin-right: 10px !important;
display: flex;
justify-content: center;
align-items: center;
}
.clearAllIconContainer-E1_1:focus {
outline: none;
}
.clearAllIconContainer-E1_1:focus-visible {
border-radius: 4px !important;
outline: rgb(16, 16, 16) auto 1px;
}
.clearAllIconSvg-E1_1 {
height: 12px;
width: 15px;
}
.clearAllIconSvg-E1_1 path {
border: none;
fill: #767676;
display: inline-block;
height: 12px;
width: 15px;
font-size: 12px;
}
.textField-E1_2 {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0px;
background: #FFFFFF;
width: 100%;
height: 40px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
border-radius: 0px;
border-top: solid 1px #9F9F9F;
border-bottom: solid 1px #9F9F9F;
}
.textField-E1_2:hover:enabled {
border: 0px;
border-top: solid 1px #9F9F9F;
border-bottom: solid 1px #9F9F9F;
box-shadow: none;
webkit-box-shadow: none;
moz-box-shadow: none;
}
.textField-E1_2:active:enabled {
border: 0px;
border-top: solid 1px #9F9F9F;
border-bottom: solid 1px #9F9F9F;
background: #FFFFFF;
box-shadow: none;
webkit-box-shadow: none;
moz-box-shadow: none;
}
.textField-E1_2:focus:enabled {
box-shadow: none;
border: 0px;
border-top: solid 1px #9F9F9F;
border-bottom: solid 1px #9F9F9F;
background: #FFFFFF;
webkit-box-shadow: none;
moz-box-shadow: none;
}
.wls_root-E1_1 {
position: relative;
}
.searchRoot-E1_1 {
border-radius: 6px;
padding: 15px;
border: 0px solid;
font-size: 14px;
line-height: 20px;
position: relative;
color: #2B2B2B;
}
.searchRootV2-E1_1 {
font-size: 14px;
line-height: 20px;
position: relative;
overflow: hidden;
color: #2B2B2B;
}
.searchRoot_onlybox-E1_1 {
border-radius: 6px;
padding: 0;
border: 0px solid;
font-size: 14px;
line-height: 20px;
position: relative;
color: #2B2B2B;
}
.inputBox-E1_1 {
position: relative;
display: flex;
}
.suggestionContainer-E1_2 {
right: 0px;
padding-right: 10px;
border-radius: 16px;
box-sizing: border-box;
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
width: 100%;
box-shadow: none;
color: unset;
backdrop-filter: blur(60px);
background-color: #FFFFFF;
border-color: #BEBEBE;
margin-left: 0px !important;
flex-wrap: wrap;
padding: 0;
}
.suggestionContainer-E1_2 input, .suggestionContainer-E1_2 input:focus:enabled, .suggestionContainer-E1_2 input:hover:enabled, .suggestionContainer-E1_2 input:active:enabled {
border-top: none;
border-bottom: none;
width: calc(100% - 69px);
height: 32px;
margin-left: 6px;
}
.suggestionContainer-E1_2 img {
border-top: none;
border-bottom: none;
height: 16px;
margin: 7px 0px 7px 0px;
}
.suggestionContainer-E1_2 button {
height: 32px;
margin-right: 20px;
border: none;
}
.weather-L1 .suggestionContainer-E1_2 input {
background: none !important;
padding: 0 10px;
}
.suggestionContainer-E1_2 li[role="option"]:hover {
}
.suggestionContainer-E1_2 div[class*='searchIcon'] svg>path {
fill: #919191;
}
.suggestionContainer-E1_2 > div {
width: 100%;
}
.suggestionContainer-E1_2 input {
background: none !important;
padding: 0 10px;
}
@media (-ms-high-contrast:active) {
.suggestionContainer-E1_2 li[role="option"]:hover {
outline: #FFFFFF auto 1px;
}
}
.suggestions-E1_2 {
background-color: #FFFFFF;
}
.suggestions-E1_2 {
position: relative;
margin: 0;
border: none;
border-top: 1px solid #DDDDDD;
padding: 10px 0px;
width: 100%;
left: 0px;
}
.suggestions-E1_2 li {
padding: 6px 16px;
}
.suggestions-E1_2 > li:hover, .suggestions-E1_2 > li:focus {
cursor: pointer;
background: rgba(196, 196, 196, 0.2);
}
.suggestionActive-E1_2 {
background: rgba(196, 196, 196, 0.2);
}
@media (-ms-high-contrast:active) {
.suggestionActive-E1_2 {
border: 1px solid;
}
}
.background-E1_1 {
background: rgba(255, 255, 255, 0.08);
}
.backgroundHP20-E1_1 {
display: flex;
align-items: center;
height: 72px;
-webkit-backdrop-filter: blur(30px);
backdrop-filter: blur(30px);
}
.backgroundFilter-E1_1 {
position: absolute;
width: 100%;
height: 100%;
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
}
.scrollContainer-E1_1 {
display: flex;
flex: 1 1 auto;
align-items: stretch;
width: 100%;
}
div[class^='locationSearchContainer'] + .scrollContainer-E1_1 {
width: 924px;
}
@media (max-width: 655px) {
div[class^='locationSearchContainer'] + .scrollContainer-E1_1 {
display: none;
}
}
@media (min-width: 656px) and (max-width: 979px) {
div[class^='locationSearchContainer'] + .scrollContainer-E1_1 {
width: 300px;
}
}
@media (min-width: 980px) and (max-width: 1303px) {
div[class^='locationSearchContainer'] + .scrollContainer-E1_1 {
width: 612px;
}
}
.scrollContainerHP20-E1_1 {
height: 40px;
}
.cardContainer-E1_1 {
display: flex;
list-style: none;
white-space: nowrap;
overflow: hidden;
padding: 0;
margin: 0;
height: 48px;
}
.carouselmaskContainer-E1_1 {
position: absolute;
display: none;
width: 100px;
height: 48px;
top: 0;
bottom: 0;
right: 104px;
pointer-events: none;
transform: rotate(0);
}
.carouselmaskContainer-E1_1.notToScrollEnd {
display: block;
}
.carouselmaskContent-E1_1 {
position: relative;
display: block;
width: 100px;
height: 48px;
background: linear-gradient(270deg, rgba(255, 255, 255, 0.08) 0%, transparent 100%);
}
.chevron-E1_1 {
bottom: 50%;
fill: white;
z-index: 100;
background: transparent;
border: none;
padding: 0;
display: flex;
flex-direction: column;
justify-content: center;
}
.chevron-E1_1> span:nth-child(1) {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
outline: none;
}
.chevron-E1_1 span[class^='chevronIcon'] {
width: 24px;
height: 24px;
background: rgba(255, 255, 255, 0.1);
border-radius: 50%;
padding: 0;
}
.chevron-E1_1:focus {
outline: none;
}
.chevron-E1_1:focus-visible {
outline: rgb(16, 16, 16) auto 1px;
}
.chevron-E1_1 path {
fill: #fff;
}
@media (-ms-high-contrast:active) {
.chevron-E1_1 path {
fill: ButtonText !important;
}
}
.chevron-E1_1 span[class^='chevronIcon'] svg {
width: 8px;
position: relative;
}
.chevronHP20-E1_1 {
top: 0px;
}
.chevronHP20-E1_1 span[class^='chevronIcon'] {
background: none;
}
.chevronHP20-E1_1 path {
fill: rgba(0, 0, 0, 1);
}
@media (-ms-high-contrast:active) {
.chevronHP20-E1_1 path {
fill: ButtonText !important;
}
}
.chevronHP20-E1_1 span[class^='chevronIcon']:hover {
background: rgba(255, 255, 255, 0.1);
}
.chevron__left-E1_1 {
position: relative;
}
.chevron__left-E1_1 svg {
transform: rotate(180deg) scale(1.5);
right: 0px;
}
.chevronLeftCover-E1_1 {
position: absolute;
width: 31px;
height: 100%;
left: 0;
background: linear-gradient(to right, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0));
top: 0;
}
.chevron__right-E1_1 {
position: relative;
margin-left: 5px;
}
.chevron__right-E1_1 svg {
transform: scale(1.5);
right: -1px;
}
.chevronRightCover-E1_1 {
position: absolute;
width: 31px;
height: 100%;
right: 0;
background: linear-gradient(to left, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0));
top: 0;
}
.chevronIcon-E1_1 {
padding: 2px;
cursor: pointer;
}
.chevronIcon-E1_1:hover {
background: rgba(255,255,255,.4);
}
.chevronIcon-E1_1:focus {
outline: none;
}
.disabledIcon-E1_1 {
cursor: default;
}
.disabledIcon-E1_1:hover {
background: none !important;
}
.cdBorder-E1_1 {
border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.cdBorder-E1_1 li[class^=popular] {
padding-left: 8px;
}
.cardItem-E1_1 {
border-right: 1px solid rgba(255, 255, 255, 0.2);
box-sizing: border-box;
flex-shrink: 0;
}
.cardItemHP20-E1_1 {
margin-left: 8px;
box-sizing: border-box;
flex-shrink: 0;
height: 40px;
}
.disabled-E1_1 {
opacity: 0.5;
outline: none !important;
}
.ulContainer-E1_1 {
width: 0;
flex: 1 1 auto;
position: relative;
}
.contentContainer-E1_1 {
margin: auto;
position: relative;
height: 48px;
display: flex;
align-items: center;
}
@media (max-width: 655px) {
.contentContainer-E1_1 {
width: 300px;
}
}
@media (min-width: 656px) and (max-width: 979px) {
.contentContainer-E1_1 {
width: 624px;
}
}
@media (min-width: 980px) and (max-width: 1303px) {
.contentContainer-E1_1 {
width: 948px;
}
}
@media (min-width: 1304px) {
.contentContainer-E1_1 {
width: 1272px;
}
}
@media (max-width: -1px) {
.contentContainer-E1_1 {
width: 1596px;
}
}
.contentContainerHP20-E1_1 {
height: 40px;
}
.locationSearchContainer-E1_1 {
width: 300px;
height: 32px;
}
.locationSearchContainer-E1_1 div[class^='searchRootV2'] {
background: none;
}
.locationSearchContainer-E1_1 #m-locs:not(.white) div[class^='suggestionContainer'] {
box-shadow: 0px 1px 3px rgb(0 0 0 / 14%);
background-color: rgba(255, 255, 255, 0.15);
}
.locationSearchContainer-E1_1 #m-locs:not(.white) div[class^='suggestionContainer'] > input {
color: #fff;
}
.locationSearchContainer-E1_1 #m-locs:not(.white) div[class^='suggestionContainer'] input::-webkit-input-placeholder {
color: #fff;
font-size: 14px;
}
.locationSearchContainer-E1_1 #m-locs:not(.white) div[class^='suggestionContainer'] input::-ms-input-placeholder {
color: #fff;
font-size: 14px;
}
.locationSearchContainer-E1_1 #m-locs:not(.white) div[class^='suggestionContainer'] input::-moz-placeholder {
color: #fff;
font-size: 14px;
}
.locationSearchContainer-E1_1 #m-locs:not(.white) div[class^='suggestionContainer'] input:-moz-placeholder {
color: #fff;
font-size: 14px;
}
.locationSearchContainer-E1_1 #m-locs:not(.white) div[class^='suggestionContainer'] button[class^='searchIcon'] {
background: none;
}
.locationSearchContainer-E1_1 #m-locs:not(.white) div[class^='suggestionContainer'] svg[class^='clearAllIconSvg'] path {
fill: rgb(245,245,245);
}
.locationSearchContainer-E1_1 #m-locs:not(.white) div[class^='suggestionContainer'] button[class^='searchIcon'] path {
fill: #fff;
}
@media (-ms-high-contrast:active) {
.locationSearchContainer-E1_1 #m-locs:not(.white) div[class^='suggestionContainer'] button[class^='searchIcon'] path {
fill: ButtonText !important;
}
}
@media (-ms-high-contrast:black-on-white) {
.locationSearchContainer-E1_1 #m-locs:not(.white) div[class^='suggestionContainer'] input::-webkit-input-placeholder {
color: black;
}
}
@media (-ms-high-contrast:black-on-white) {
.locationSearchContainer-E1_1 #m-locs:not(.white) div[class^='suggestionContainer'] > input {
color: black;
}
}
.locationSearchContainerLeft-E1_1 {
width: 300px;
margin-right: 12px;
height: 32px;
flex-shrink: 0;
}
.locationSearchContainerHP20-E1_1 {
height: 40px;
width: 281px;
margin-right: 10px;
}
.locationSearchContainerHP20-E1_1 #m-locs:not(.white) div[class^='suggestionContainer'] {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.6);
}
.locationSearchContainerHP20-E1_1 #m-locs:not(.white) div[class^='suggestionContainer'] > input {
color: rgba(50, 49, 48, 1);
}
.locationSearchContainerHP20-E1_1 #m-locs:not(.white) div[class^='suggestionContainer'] input::placeholder {
color: rgba(50, 49, 48, 1);
font-size: 14px;
line-height: 22px;
}
.locationSearchContainerHP20-E1_1 #m-locs:not(.white) div[class^='suggestionContainer'] input::-webkit-input-placeholder {
color: rgba(50, 49, 48, 1);
font-size: 14px;
}
.locationSearchContainerHP20-E1_1 #m-locs:not(.white) div[class^='suggestionContainer'] input::-ms-input-placeholder {
color: rgba(50, 49, 48, 1);
font-size: 14px;
}
.locationSearchContainerHP20-E1_1 #m-locs:not(.white) div[class^='suggestionContainer'] input::-moz-placeholder {
color: rgba(50, 49, 48, 1);
font-size: 14px;
}
.locationSearchContainerHP20-E1_1 #m-locs:not(.white) div[class^='suggestionContainer'] input:-moz-placeholder {
color: rgba(50, 49, 48, 1);
font-size: 14px;
}
.locationSearchContainerHP20-E1_1 #m-locs:not(.white) div[class^='suggestionContainer'] svg[class^='clearAllIconSvg'] path {
fill: black;
opacity: 0.6;
}
@media (-ms-high-contrast:black-on-white) {
.locationSearchContainerHP20-E1_1 #m-locs:not(.white) div[class^='suggestionContainer'] input::-webkit-input-placeholder {
color: black;
}
}
@media (-ms-high-contrast:black-on-white) {
.locationSearchContainerHP20-E1_1 #m-locs:not(.white) div[class^='suggestionContainer'] input::placeholder {
color: black;
}
}
@media (-ms-high-contrast:black-on-white) {
.locationSearchContainerHP20-E1_1 #m-locs:not(.white) div[class^='suggestionContainer'] > input {
color: black;
}
}
.unitSwitchContainer-E1_1 {
display: inline-flex;
background: rgba(255, 255, 255, 0.08);
border-radius: 6px;
color: #FFFFFF;
width: 60px;
height: 32px;
font-weight: normal;
font-size: 16px;
line-height: 16px;
margin: 8px 0 8px 10px;
}
.unitSwitchContainer-E1_1>button {
color: inherit;
border: none;
background: transparent;
font: inherit;
padding: 7px;
opacity: 0.7;
cursor: pointer;
width: 30px;
border-radius: 6px;
}
.unitSwitchContainer-E1_1 .selectedUnit {
background: rgba(255, 255, 255, 0.1);
opacity: 1;
cursor: text;
font-weight: 600;
}
@media (-ms-high-contrast:active) {
.unitSwitchContainer-E1_1 {
border: 0.1px solid;
}
}
.unitSwitchContainer-E1_1>button:focus:not(:focus-visible) {
outline: none;
}
.unitSwitchContainer-E1_1>button.selectedUnit {
}
@media (-ms-high-contrast:active) {
.unitSwitchContainer-E1_1>button {
border: 0.1px solid;
}
}
.unitSwitchContainer-E1_1>button.selectedUnit:focus:focus-visible {
outline: none;
}
.popular-E1_1 {
border-right: 1px solid rgba(255, 255, 255, 0.2);
padding-right: 8px;
display: flex;
align-items: center;
font-size: 12px;
line-height: 14px;
color: rgba(255, 255, 255, 0.7);
user-select: none;
}
.settingCenter-E1_1 {
display: flex;
align-items: center;
margin-left: 16px;
}
body, html {
font-family: Segoe UI, Segoe WP, Arial, Sans-Serif;
background: #FFFFFF;
margin: 0;
}
#root {
scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;
}
#root::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 52px;
background-color: rgba(28, 41, 51, 0.9);
}
.overview_maintenance div[class*='newsContentTitle'] {
color: #000000;
}
display-ads {
--card-base-height: 128;
--heading-max-lines: 2;
--neutral-foreground-rest: #FFFFFF;
}
* {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
input, textarea {
-webkit-touch-callout: auto;
-webkit-user-select: auto;
-khtml-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
button:active, button:focus {
outline: none;
}
.root-E1_1 {
color: #2B2B2B;
}
.root-E1_1.map {
height: 100vh;
display: flex;
overflow: auto;
flex-direction: column;
}
.root-E1_1> div[class^='baseHeader_fixed'] {
width: 100% !important;
top: 0;
}
.root-E1_1> div[class^='baseHeader_spacer'] {
display: none !important;
}
.root-E1_1.v2-right a[class*='feedback_link_default'] {
right: 397px !important;
transition: right 0.3s ease-in-out;
}
.root-E1_1.v2-right.hiddenSidebar a[class*='feedback_link_default'] {
right: 75px !important;
}
@media (min-width: 656px) and (max-width: 670px) {
.root-E1_1> div[class^='baseHeader_fixed'] {
height: 127px;
}
}
.header-E1_1 {
width: 100%;
position: fixed;
top: 0;
z-index: 701;
}
.scrollHeader-E1_1 {
}
.scrollHeader-E1_1.msn-header> div[class^='baseHeader_fixed'] {
position: absolute;
}
.scrollHeader-E1_1.windows-header> div[class^='header'] {
position: absolute;
}
.stickCarousel-E1_1 {
}
.stickCarousel-E1_1> div[class^='content'] {
margin-top: 0;
}
.stickCarousel-E1_1 div[class^='weatherCarouselContainer'] {
position: fixed;
}
.content-E1_1 {
}
.map .content-E1_1 {
flex-grow: 1;
position: relative;
}
.content-E1_1::before {
content: ' ';
display: block;
position: fixed;
top: 0;
left: 0;
right: 0;
height: 0;
background: white;
z-index: 100;
}
.msn-header .content-E1_1 {
margin-top: 127px;
}
.windows-header .content-E1_1 {
margin-top: 119px;
}
.windows-header.windows-header-aurora .content-E1_1 {
margin-top: 68px;
}
.windows-header.windows-header-start-shoreline .content-E1_1 {
}
.no-header .content-E1_1 {
margin-top: 0;
}
.no-header .content-E1_1::before {
height: 0;
}
@media (max-width: 655px) {
.windows-header.windows-header-start-shoreline .content-E1_1 {
margin-top: 46px;
}
.windows-header.windows-header-start-shoreline .content-E1_1::before {
height: 46px;
}
}
.windows-header.windows-header-aurora .content-E1_1::before {
height: 68px;
}
@media (max-width: 655px) {
.windows-header.windows-header-aurora .content-E1_1 {
margin-top: 118px;
}
.windows-header.windows-header-aurora .content-E1_1::before {
height: 118px;
}
}
@media (min-width: 656px) and (max-width: 955px) {
.windows-header.windows-header-aurora .content-E1_1 {
margin-top: 118px;
}
.windows-header.windows-header-aurora .content-E1_1::before {
height: 118px;
}
}
@media (max-width: 955px) {
.windows-header.windows-header-aurora .content-E1_1 {
margin-top: 118px;
}
.windows-header.windows-header-aurora .content-E1_1::before {
height: 118px;
}
}
.windows-header .content-E1_1::before {
height: 119px;
}
@media (max-width: 655px) {
.windows-header .content-E1_1 {
margin-top: 173px;
}
.windows-header .content-E1_1::before {
height: 173px;
}
}
@media (min-width: 656px) and (max-width: 955px) {
.windows-header .content-E1_1 {
margin-top: 173px;
}
.windows-header .content-E1_1::before {
height: 173px;
}
}
.msn-header .content-E1_1::before {
height: 127px;
}
@media (max-width: 655px) {
.msn-header .content-E1_1 {
margin-top: 90px;
}
.msn-header .content-E1_1::before {
height: 90px;
}
}
.sectionContainer-E1_1 {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0px, 1920px) minmax(0, 1fr);
}
.backgroundContainer-E1_1 {
position: absolute;
width: 100%;
z-index: 0;
}
.weatherCarouselContainer-E1_1 {
width: 100%;
position: absolute;
z-index: 100;
}
.weatherCarouselFixedContainer-E1_1 {
width: 100%;
position: fixed;
z-index: 500;
}
.weatherContainer-E1_1 {
position: relative;
display: grid;
grid-area: 1 / 2;
gap: 20px;
overflow: visible;
z-index: 99;
}
@media (max-width: 979px) {
.weatherContainer-E1_1 {
--weather-container-width: 624px;
width: 624px;
}
}
@media (min-width: 980px) and (max-width: 1303px) {
.weatherContainer-E1_1 {
--weather-container-width: 948px;
width: 948px;
}
}
@media (min-width: 1304px) {
.weatherContainer-E1_1 {
--weather-container-width: 1272px;
width: 1272px;
}
}
@media (max-width: -1px) {
.weatherContainer-E1_1 {
--weather-container-width: 1596px;
width: 1596px;
}
}
.weatherContainer-E1_1 div[class="adcontainer"] {
}
.weatherContainer-E1_1 views-native-ad {
}
.weatherContainer-E1_1 views-native-ad::part(customized-nac-styles) {
width: min-content;
gap: 12px;
}
.weatherContainer-E1_1 div[class="adcontainer"] iframe {
border-radius: 6px;
}]]>

Avg

Weather overview

mansfield,Texas?loc=eyJsIjoiTWFuc2ZpZWxkIiwiciI6IlRleGFzIiwicjIiOiJUYXJyYW50IENvdW50eSIsImMiOiJVbml0ZWQgU3RhdGVzIiwiaSI6IlVTIiwidCI6MTAyLCJnIjoiZW4teGwiLCJ4IjoiLTk3LjE0MiIsInkiOiIzMi41NjM1In0%3D&weadegreetype=C&cvid=fe6ae64246c5464a8ef453fb72afb436" target="_blank" rel="noopener noreferrer">Credits

Mansfield, Texas's monthly weather planner

DO YOU NEED TO TOW YOUR CAR?

SERVICES

LOCATIONS