.cycleflow-category-rail{position:relative;margin-bottom:2rem}.cycleflow-category-rail__heading{margin:0;font-size:calc(var(--font-heading-scale) * 1.7rem);line-height:1.2;letter-spacing:-.02em;font-weight:var(--font-bolder-weight);color:rgb(var(--color-foreground))}@media(min-width:990px){.cycleflow-category-rail__heading{font-size:calc(var(--font-heading-scale) * 2rem)}}.cycleflow-category-rail--grid .cycleflow-category-rail__heading{margin-bottom:calc(2.4rem + 16px)}@media(min-width:990px){.cycleflow-category-rail--grid .cycleflow-category-rail__heading{margin-bottom:calc(2.9rem + 16px)}}.cycleflow-category-rail:not(.cycleflow-category-rail--grid) .cycleflow-category-rail__heading{margin-bottom:1rem}.cycleflow-category-rail__viewport{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.cycleflow-category-rail__viewport::-webkit-scrollbar{height:6px}.cycleflow-category-rail__viewport::-webkit-scrollbar-thumb{background:color-mix(in srgb,rgb(var(--color-foreground)) 22%,transparent);border-radius:3px}.cycleflow-category-rail__track{display:flex;flex-flow:row nowrap;gap:1.15rem;padding:.25rem .5rem 1rem;width:max-content}.cycleflow-category-rail__card{flex:0 0 auto;width:min(78vw,20rem);scroll-snap-align:start;border-radius:.75rem;overflow:hidden;box-shadow:0 1px 2px #0000000f,0 4px 14px #00000014;text-decoration:none;color:inherit;background:rgb(var(--color-background));transition:box-shadow .2s ease,transform .2s ease}.cycleflow-category-rail__card:hover{box-shadow:0 2px 4px #00000014,0 8px 22px #0000001a;transform:translateY(-2px)}.cycleflow-category-rail__media{aspect-ratio:4 / 5;background:rgb(var(--color-background-complementary));position:relative}.cycleflow-category-rail__img,.cycleflow-category-rail__media img{width:100%;height:100%;object-fit:cover;display:block}.cycleflow-category-rail__placeholder{width:100%;height:100%;object-fit:cover}.cycleflow-category-rail__label{padding:.85rem 1rem 1rem;background:rgb(var(--color-background));font-size:var(--font-body-normal);font-weight:var(--font-bolder-weight);line-height:1.25;color:rgb(var(--color-foreground-alt));border-top:1px solid color-mix(in srgb,rgb(var(--color-border)) 80%,transparent)}.cycleflow-category-rail__nav{display:flex;justify-content:flex-end;gap:.35rem;margin-top:.35rem;padding-inline:.25rem}.cycleflow-category-rail__nav button{width:3.2rem;height:3.2rem;display:inline-flex;align-items:center;justify-content:center;border:.1rem solid rgb(var(--color-border));border-radius:var(--border-radius-base);background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;transition:background .15s ease}.cycleflow-category-rail__nav button:hover{background:rgb(var(--color-background-complementary))}.cycleflow-category-rail__nav button svg{width:1rem;height:1rem}@media(min-width:750px){.cycleflow-category-rail__card{width:clamp(15rem,26vw,18rem)}.cycleflow-category-rail__track{gap:1.25rem;padding-inline:0}}@media(min-width:1200px){.cycleflow-category-rail__card{width:clamp(16rem,17vw,19.5rem)}}.cycleflow-category-rail--grid{margin-bottom:0}.cycleflow-category-rail__viewport--grid{overflow:visible;scroll-snap-type:none}.cycleflow-category-rail__track--grid{flex-flow:row wrap;width:100%;padding:0}.cycleflow-category-rail--grid .grid-item{display:flex;min-width:0}.cycleflow-category-rail__stacked-card{width:100%;height:100%;text-decoration:none;color:inherit}.cycleflow-category-rail--grid .card-stacked .card-info{justify-content:flex-start!important}.cycleflow-category-rail__card-subtitle{margin:0;font-size:var(--font-body-normal);line-height:1.35}.cycleflow-category-rail__label-title{display:block}.cycleflow-category-rail__label-sub{display:block;margin-top:.35rem;font-size:calc(var(--font-body-scale) * 1.2rem);font-weight:400;color:color-mix(in srgb,rgb(var(--color-foreground)) 72%,transparent);line-height:1.3}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-cycleflow-category-rail.css.map */