nav-tiles-element{display:block;padding-inline:1rem}nav-tiles-element .nav-tiles__breadcrumbs{display:flex;align-items:center;gap:.3125rem;padding-block:.625rem;font-size:.75rem;line-height:1.25rem;letter-spacing:-.00875rem;font-weight:300;color:gray;position:relative}nav-tiles-element .nav-tiles__breadcrumbs:after{content:"";display:block;width:100vw;height:.0625rem;background:#ddd;position:absolute;bottom:0;left:-1rem}nav-tiles-element .nav-tiles__breadcrumbs a{color:gray;text-decoration:none}nav-tiles-element .nav-tiles__breadcrumbs a:hover{text-decoration:underline}nav-tiles-element .nav-tiles__track{display:flex;gap:.375rem;padding-top:.625rem;padding-bottom:1.25rem;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-top:1.25rem}nav-tiles-element .nav-tiles__track::-webkit-scrollbar{display:none}nav-tiles-element .nav-tiles__tile{flex:0 0 9.375rem;display:flex;flex-direction:column;gap:1.25rem;text-decoration:none;color:var(--text, #343230)}nav-tiles-element .nav-tiles__tile.is-selected{pointer-events:none}nav-tiles-element .nav-tiles__tile.is-selected .nav-tiles__label{text-decoration:underline;text-underline-offset:.25rem}nav-tiles-element .nav-tiles__tile.is-loading .nav-tiles__image{opacity:.5;pointer-events:none;transition:opacity .2s ease}nav-tiles-element .nav-tiles__tile:hover .nav-tiles__label{text-decoration:underline;text-underline-offset:.25rem}nav-tiles-element .nav-tiles__subtext{margin:0;font-size:.875rem}nav-tiles-element .nav-tiles__image{position:relative;width:100%;overflow:hidden;background:#f5f5f5}nav-tiles-element .nav-tiles__image img{aspect-ratio:1/1.3;width:100%;height:100%;object-fit:cover}nav-tiles-element .nav-tiles__label{font-size:.875rem;line-height:.875rem;font-weight:300;color:var(--text, #343230);margin:0;font-weight:var(---font-weight-body)}nav-tiles-element .nav-tiles__header{padding-top:1.875rem;padding-bottom:.625rem;display:flex;flex-direction:column;gap:.625rem;margin-bottom:0}nav-tiles-element .nav-tiles__heading{font-family:var(---font-stack-heading);font-size:2.1875rem;line-height:2.1875rem;letter-spacing:-.00875rem;font-weight:500;color:var(--text, #343230);margin:0}@media only screen and (max-width:749px){nav-tiles-element .nav-tiles__subtext{font-size:.875rem}nav-tiles-element .nav-tiles__tile{flex:0 0 38%}nav-tiles-element .nav-tiles__breadcrumbs{padding:.625rem 0}nav-tiles-element .nav-tiles__track{margin-right:-1rem}nav-tiles-element .nav-tiles__heading{font-size:1.75rem;line-height:1.75rem}}
/*# sourceMappingURL=/cdn/shop/t/216/assets/section-nav-tiles.css.map */