@media (pointer: coarse) {
.at-home-nav__outerContainer {
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
}
}

.at-home-nav__outerContainer {
position: relative;
display: flex;
align-items: center;
/* Fixes IE */
overflow-x: auto;
box-shadow: -6px 0 white, 6px 0 white, 1px 3px 6px rgba(0, 0, 0, 0.15);
padding: 10px 1.25em 10px;
transition: all 250ms;
margin-bottom: 20px;
-ms-overflow-style: none;
/* IE 10+ */
scrollbar-width: none;
/* Firefox */
background: white;
}

@media (min-width: 1024px) {
.at-home-nav__outerContainer {
margin-bottom: 0px;
padding: 13px 1.25em 10px;
}
}

.at-home-nav::-webkit-scrollbar {
display: none;
/* Safari and Chrome */
}

.at-home-nav__mobile-cutoff-gradient {
position: absolute;
pointer-events: none;
width: 55px;
height: 57px;
opacity: 0;
}

.at-home-nav__mobile-cutoff-gradient–right {
background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75));
right: 0;
}

.at-home-nav__mobile-cutoff-gradient–left {
background: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75));
left: 0;
}

.at-home-nav__innerContainer {
display: flex;
margin: auto;
align-items: baseline;
}

.at-home-nav__outerContainer .at-home-nav__title {
font-family: nyt-cheltenham, georgia, ‘times new roman’, times, serif;
font-size: 18px;
line-height: 17px;
font-weight: 700;
width: auto;
max-width: 90px;
flex-shrink: 0;
display: flex;
margin-right: 25px;
}

.at-home-nav__title::after {
content: ‘203A’;
font-size: 18px;
position: relative;
left: 4px;
font-weight: 500;
}

.at-home-nav__outerContainer .at-home-nav__title a,
.at-home-nav__outerContainer .at-home-nav__title a:visited {
color: #121212;
text-decoration: none;
}

@media (min-width: 600px) {
.at-home-nav__title {
max-width: none;
font-size: 18px;
line-height: 20px;
}
}

/* this probably can be added to the mobile rules */
@media (max-width: 740px) {
.at-home-nav__innerContainer {
margin: unset;
}
}

.at-home-nav__list {
font-family: nyt-cheltenham, helvetica, arial, sans-serif;
display: flex;
width: auto;
list-style: none;
padding-left: 0;
flex-shrink: 0;
align-items: baseline;
justify-content: center;
}

.at-home-nav__li {
margin-right: 22px;
flex-shrink: 0;
font-size: 17px;
line-height: 12px;
font-weight: 500;
padding: 0.75em 0;
}

.at-home-nav__innerContainer .at-home-nav__li a {
color: #121212;
text-decoration: none;
}

.at-home-nav__innerContainer .at-home-nav__title a:hover,
.at-home-nav__innerContainer .at-home-nav__li–current,
.at-home-nav__innerContainer .at-home-nav__li a:hover,
.at-home-nav__innerContainer .at-home-nav__li a:active,
.at-home-nav__innerContainer .at-home-nav__li a:focus {
color: #121212;
border-bottom: 1px solid #121212;
padding-bottom: 1px;
}

@media (min-width: 600px) {
.at-home-nav__li {
font-size: 16px;
font-weight: 400;
padding: 1em 0;
}
}

#masthead-bar-one {
display: none;
}

/* No hover state on in app */
.Hybrid .at-home-nav__li a:hover {
border-bottom: none;
padding-bottom: 0;
}