.katredar-home-category-rail{padding:clamp(1.8rem,3vw,4rem) 0 clamp(2.4rem,4vw,5.2rem)}.katredar-home-category-rail__inner{display:grid;grid-template-columns:minmax(20rem,28rem) minmax(0,1fr);gap:clamp(2rem,4vw,5.6rem);align-items:center;max-width:132rem}.katredar-home-category-rail__intro{min-width:0}.katredar-home-category-rail__heading{margin:0;line-height:1.08;letter-spacing:0}.katredar-home-category-rail__text{margin-top:1.6rem;color:rgba(var(--color-foreground),.74)}.katredar-home-category-rail__text>*{margin:0}.katredar-home-category-rail__controls{display:flex;gap:.8rem;margin-top:2.4rem}.katredar-home-category-rail__arrow{display:inline-flex;align-items:center;justify-content:center;width:4.2rem;height:4.2rem;padding:0;border:.1rem solid rgba(var(--color-foreground),.14);border-radius:999px;background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;transition:background-color .18s ease,border-color .18s ease,color .18s ease,opacity .18s ease}.katredar-home-category-rail__arrow svg{width:1.8rem;height:1.8rem;fill:currentColor}.katredar-home-category-rail__arrow:disabled{cursor:default;opacity:.38}@media(hover:hover)and (pointer:fine){.katredar-home-category-rail__arrow:not(:disabled):hover{border-color:rgba(var(--color-foreground),.24);background:rgb(var(--color-foreground));color:rgb(var(--color-background))}}.katredar-home-category-rail__viewport{display:block;min-width:0}.katredar-home-category-rail__track{display:grid;grid-auto-flow:column;grid-auto-columns:var(--katredar-category-rail-desktop-item);gap:clamp(1.8rem,3vw,3.8rem);overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-padding-inline:.2rem;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}.katredar-home-category-rail__track::-webkit-scrollbar{display:none}.katredar-home-category-rail__item{scroll-snap-align:start;min-width:0}.katredar-home-category-rail__link{display:grid;gap:1.4rem;justify-items:center;width:100%;padding:0;border:0;background:transparent;color:rgb(var(--color-foreground));cursor:pointer;font:inherit;text-align:center;text-decoration:none}.katredar-home-category-rail__image-wrap{position:relative;box-sizing:border-box;display:block;width:min(100%,13.8rem);aspect-ratio:1;padding:0;overflow:hidden;background:rgba(var(--color-foreground),.045);box-shadow:inset 0 0 0 .1rem rgba(var(--color-foreground),.05);isolation:isolate;transition:padding .18s ease}.katredar-home-category-rail__item--has-story .katredar-home-category-rail__image-wrap{margin:.5rem;overflow:visible;box-shadow:none}.katredar-home-category-rail__item--has-story .katredar-home-category-rail__image-wrap:before{content:"";position:absolute;top:-.48rem;right:-.48rem;bottom:-.48rem;left:-.48rem;z-index:0;border-radius:inherit;background:conic-gradient(from 135deg,#ff2f8f,#b931f2,#ff5a1f,#ffd33d,#ff2f8f)}.katredar-home-category-rail__item--story-animate .katredar-home-category-rail__image-wrap:before{animation:katredarCategoryStoryRing 7s linear infinite}.katredar-home-category-rail__image-wrap--circle{border-radius:999px}.katredar-home-category-rail__image-wrap--rounded{border-radius:2.4rem}.katredar-home-category-rail__image,.katredar-home-category-rail__initial{position:relative;z-index:1;display:block;width:100%;height:100%;overflow:hidden;border-radius:inherit;background:rgb(var(--color-background))}.katredar-home-category-rail__item--has-story .katredar-home-category-rail__image,.katredar-home-category-rail__item--has-story .katredar-home-category-rail__initial{box-shadow:0 0 0 .32rem rgb(var(--color-background))}.katredar-home-category-rail__image{object-fit:cover;transition:transform .36s ease}.katredar-home-category-rail__initial{display:grid;place-items:center;font-size:clamp(2.8rem,3vw,4rem);font-weight:700;letter-spacing:0;color:rgba(var(--color-foreground),.72)}.katredar-home-category-rail__title{display:block;max-width:100%;font-size:1.6rem;font-weight:650;line-height:1.25;letter-spacing:0;overflow-wrap:anywhere}.katredar-home-category-rail__debug{display:block;max-width:100%;margin-top:.4rem;overflow:hidden;color:rgba(var(--color-foreground),.55);font-size:1rem;line-height:1.25;text-align:center;text-overflow:ellipsis;white-space:nowrap}.katredar-category-story-open{overflow:hidden}.katredar-category-story-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:grid;place-items:center;padding:2.4rem;background:#110f0ead;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.katredar-category-story-modal[hidden]{display:none}.katredar-category-story-modal__panel{position:relative;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;width:min(44rem,100%);max-height:min(86rem,calc(100vh - 4.8rem));overflow:hidden;border-radius:2.8rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));box-shadow:0 2.8rem 8rem #00000047}.katredar-category-story-modal__progress{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:.5rem;padding:1.2rem 1.4rem 0}.katredar-category-story-modal__progress-segment{position:relative;height:.3rem;overflow:hidden;border-radius:999px;background:rgba(var(--color-foreground),.16)}.katredar-category-story-modal__progress-segment:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:0;border-radius:inherit;background:rgb(var(--color-foreground))}.katredar-category-story-modal__progress-segment.is-complete:after{width:100%}.katredar-category-story-modal__progress-segment.is-active:after{animation:katredarCategoryStoryProgress 5.5s linear forwards}.katredar-category-story-modal__topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:1.6rem;padding:1.4rem 1.8rem 1rem}.katredar-category-story-modal__eyebrow,.katredar-category-story-modal__title,.katredar-category-story-modal__product-title,.katredar-category-story-modal__price{margin:0}.katredar-category-story-modal__eyebrow{color:rgba(var(--color-foreground),.66);font-size:1.2rem;line-height:1.3}.katredar-category-story-modal__title{margin-top:.2rem;font-size:1.8rem;line-height:1.2;letter-spacing:0}.katredar-category-story-modal__close,.katredar-category-story-modal__nav{display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:999px;background:rgba(var(--color-foreground),.08);color:rgb(var(--color-foreground));cursor:pointer}.katredar-category-story-modal__close{width:4rem;height:4rem;font-size:2.8rem;line-height:1}.katredar-category-story-modal__body{position:relative;min-height:0;padding:0 1.4rem}.katredar-category-story-modal__media{display:grid;place-items:center;width:100%;aspect-ratio:4 / 5;overflow:hidden;border-radius:2rem;background:rgba(var(--color-foreground),.045)}.katredar-category-story-modal__image{display:block;width:100%;height:100%;object-fit:cover}.katredar-category-story-modal__image:not([src]),.katredar-category-story-modal__image[src=""]{visibility:hidden}.katredar-category-story-modal__nav{position:absolute;top:50%;z-index:2;width:4.4rem;height:4.4rem;transform:translateY(-50%);background:rgba(var(--color-background),.86);box-shadow:0 1rem 2.8rem #00000029;font-size:3.4rem}.katredar-category-story-modal__nav--prev{left:2.4rem}.katredar-category-story-modal__nav--next{right:2.4rem}.katredar-category-story-modal__content{display:grid;gap:.8rem;padding:1.6rem 1.8rem 2rem}.katredar-category-story-modal__product-title{font-size:1.8rem;font-weight:650;line-height:1.25;letter-spacing:0}.katredar-category-story-modal__price{color:rgba(var(--color-foreground),.72);font-size:1.5rem}.katredar-category-story-modal__link{display:inline-flex;align-items:center;justify-content:center;min-height:4.8rem;margin-top:.6rem;padding:1.2rem 2rem;border-radius:999px;background:rgb(var(--color-button));color:rgb(var(--color-button-text));font-weight:650;text-decoration:none}@media(hover:hover)and (pointer:fine){.katredar-category-story-modal__close:hover,.katredar-category-story-modal__nav:hover{background:rgba(var(--color-foreground),.14)}}@media(hover:hover)and (pointer:fine){.katredar-home-category-rail__link:hover .katredar-home-category-rail__image{transform:scale(1.035)}}@media screen and (max-width:989px){.katredar-home-category-rail__inner{grid-template-columns:1fr;gap:2rem}.katredar-home-category-rail__intro{max-width:48rem}}@media screen and (max-width:749px){.katredar-home-category-rail{padding-top:.8rem}.katredar-home-category-rail__inner{padding-left:1.6rem;padding-right:0}.katredar-home-category-rail__intro{padding-right:1.6rem}.katredar-home-category-rail__text{margin-top:1rem}.katredar-home-category-rail__track{grid-auto-columns:var(--katredar-category-rail-mobile-item);gap:1.4rem;padding-right:1.6rem;scroll-padding-inline:0}.katredar-home-category-rail__image-wrap{width:min(100%,10.8rem)}.katredar-home-category-rail__title{font-size:1.4rem}.katredar-category-story-modal{padding:0}.katredar-category-story-modal__panel{width:100%;height:100%;max-height:none;border-radius:0}.katredar-category-story-modal__body{padding:0 1.2rem}.katredar-category-story-modal__media{height:min(64vh,62rem);aspect-ratio:auto;border-radius:2.2rem}.katredar-category-story-modal__nav{width:38%;height:100%;border-radius:0;background:transparent;box-shadow:none;color:transparent}.katredar-category-story-modal__nav--prev{left:0}.katredar-category-story-modal__nav--next{right:0}}@media(prefers-reduced-motion:reduce){.katredar-home-category-rail__arrow,.katredar-home-category-rail__image{transition:none}.katredar-home-category-rail__item--story-animate .katredar-home-category-rail__image-wrap:before,.katredar-category-story-modal__progress-segment.is-active:after{animation:none}.katredar-category-story-modal__progress-segment.is-active:after{width:100%}}@keyframes katredarCategoryStoryRing{to{transform:rotate(1turn)}}@keyframes katredarCategoryStoryProgress{to{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-home-category-rail.css.map */