.aoctant-product-rail{--aoctant-rail-fg: var(--color-foreground, var(--aoctant-foreground));--aoctant-rail-gutter: 20px;--aoctant-rail-gap: 16px;color:var(--aoctant-rail-fg)}.aoctant-product-rail *,.aoctant-product-rail *:before,.aoctant-product-rail *:after{box-sizing:border-box}@media screen and (min-width:1024px){.aoctant-product-rail{--aoctant-rail-gutter: 36px;--aoctant-rail-gap: 24px}}.aoctant-product-rail__container{width:100%;max-width:calc(80rem + (var(--aoctant-rail-gutter) * 2));margin-inline:auto;padding-block:var(--aoctant-rail-padding-top, 96px) var(--aoctant-rail-padding-bottom, 96px)}.aoctant-product-rail__header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-block-end:clamp(24px,3.5vw,40px);padding-inline:var(--aoctant-rail-gutter)}.aoctant-product-rail__heading{margin:0 0 .3em;font-family:var(--font-heading--family);font-size:clamp(32px,3.368vw,64px);font-weight:var(--font-heading--weight, 500);line-height:var(--line-height--heading-tight, 1.15);letter-spacing:var(--letter-spacing--heading-tight, -.03em);text-wrap:balance}.aoctant-product-rail__text{max-width:36rem;margin:0;font-size:var(--font-size--paragraph, 1rem);line-height:1.5}.aoctant-product-rail__arrows{display:flex;flex-shrink:0;gap:8px}.aoctant-product-rail__arrows[hidden]{display:none}.aoctant-product-rail .aoctant-product-rail__arrow{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;color:var(--aoctant-rail-fg);background:var(--aoctant-page-background);border:1.2px solid rgb(var(--aoctant-text-rgb) / .25);border-radius:50%;cursor:pointer;transition:border-color .2s ease,opacity .2s ease}.aoctant-product-rail .aoctant-product-rail__arrow svg{width:24px;height:24px}@media(hover:hover)and (pointer:fine){.aoctant-product-rail .aoctant-product-rail__arrow:not(:disabled):hover{border-color:rgb(var(--aoctant-text-rgb) / .45)}}.aoctant-product-rail .aoctant-product-rail__arrow:disabled{opacity:.35;cursor:default}.aoctant-product-rail .aoctant-product-rail__arrow:focus-visible{outline:2px solid var(--aoctant-rail-fg);outline-offset:2px}.aoctant-product-rail__track{display:grid;grid-auto-flow:column;grid-auto-columns:82%;gap:var(--aoctant-rail-gap);margin:0;padding:12px var(--aoctant-rail-gutter) 28px;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--aoctant-rail-gutter);scrollbar-width:none}.aoctant-product-rail__track::-webkit-scrollbar{display:none}@media screen and (min-width:750px){.aoctant-product-rail__track{grid-auto-columns:calc((100% - (var(--aoctant-rail-gutter) * 2) - var(--aoctant-rail-gap)) / 2.15)}}@media screen and (min-width:1200px){.aoctant-product-rail__track{grid-auto-columns:calc((100% - (var(--aoctant-rail-gutter) * 2) - (var(--aoctant-rail-gap) * 2)) / 3.2)}}.aoctant-product-rail__item{position:relative;min-width:0;scroll-snap-align:start}@media(prefers-reduced-motion:reduce){.aoctant-product-rail__track{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/aoctant-sample-cities.css.map */