@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: ‘