.image-with-text-section{background:transparent}.image-with-text{--image-height: calc((100vw - var(--container-gutter) * 4) * (1 / var(--image-aspect-ratio, 1)));position:relative;display:block;text-align:center}.image-with-text:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgb(var(--section-accent-background));z-index:-1}.image-with-text--overlap-image:before{height:var(--image-height)}.image-with-text--overlap-text:before{top:auto;bottom:0;height:calc(100% - var(--image-height))}.image-with-text__wrapper{overflow:hidden}.image-with-text__image-wrapper{position:relative;z-index:0;margin-block-end:32px;overflow:hidden;border-radius:var(--block-border-radius-reduced)}.image-with-text--fixed-ratio .image-with-text__image-wrapper{aspect-ratio:var(--image-aspect-ratio)}.image-with-text--fixed-ratio .image-with-text__image:first-child{height:100%;object-fit:cover;object-position:center}.image-with-text__image{position:relative;display:block;width:100%;height:auto}.image-with-text__image:not([hidden]){z-index:1}.image-with-text__image:not(:first-child){position:absolute;top:0;inset-inline-start:0;width:100%;height:100%;object-fit:cover;object-position:center}.image-with-text__image[hidden]{visibility:hidden;z-index:-1;transition:visibility .6s linear}.image-with-text__content-list{display:flex;flex-wrap:nowrap}.image-with-text__content{display:block;flex-shrink:0;width:100%;order:0}.image-with-text__content[hidden]{visibility:hidden;order:1}.image-with-text__text-wrapper{margin-block-start:24px}.image-with-text__text-wrapper p{margin:0}.image-with-text__navigation{display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;column-gap:24px;align-items:flex-start;margin-block-start:40px}.image-with-text__navigation-item{position:relative;background:none;border:none;padding:0;color:currentcolor;cursor:pointer}.image-with-text__navigation-item:before,.image-with-text__navigation-item:after{content:"";display:block;width:100%;height:2px;margin-block-end:16px;background:rgba(var(--color-foreground),.15)}.image-with-text__navigation-item:after{position:absolute;top:0;background:rgb(var(--color-foreground));transform:scaleX(0);transform-origin:left center}.image-with-text__navigation-item[aria-current=true]:after{animation:karatNavigationItem var(--section-autoplay-duration, 8s) linear;animation-play-state:var(--section-animation-play-state, running);animation-fill-mode:forwards}@keyframes karatNavigationItem{to{transform:scaleX(1)}}@media screen and (max-width:999px){.image-with-text{padding:var(--vertical-breather) var(--container-gutter)}}@media screen and (min-width:741px)and (max-width:999px){.image-with-text{--image-height: calc( (100vw - var(--container-gutter) * 2 - (var(--grid-column-width) + var(--grid-gap)) * 4) * (1 / var(--image-aspect-ratio, 1)) );padding-inline:calc((var(--grid-column-width) + var(--grid-gap)) * 2 + var(--container-gutter))}.image-with-text__image-wrapper{margin-block-end:48px}}@media screen and (min-width:1000px){.image-with-text:before{top:0;left:auto;right:0;height:100%;width:calc(var(--grid-column-width) * 13 + var(--grid-gap) * 12 + var(--container-outer-margin))}.image-with-text--reverse:not(.image-with-text--overlap-image):before,.image-with-text--overlap-image:not(.image-with-text--reverse):before{left:0;right:auto}.image-with-text--overlap-image:before{width:calc(var(--grid-column-width) * 7 + var(--grid-gap) * 6 + var(--container-outer-margin))}.image-with-text--overlap-both:before{width:100%!important}.image-with-text__wrapper{display:flex;align-items:center;padding-block:var(--vertical-breather)}.image-with-text--reverse .image-with-text__wrapper{flex-direction:row-reverse}.image-with-text__image-wrapper{width:calc(var(--grid-column-width) * 8 + var(--grid-gap) * 7);margin-block-end:0;margin-inline-start:calc(var(--grid-column-width) + var(--grid-gap))}.image-with-text--reverse .image-with-text__image-wrapper{margin-inline-start:0;margin-inline-end:calc(var(--grid-column-width) + var(--grid-gap))}.image-with-text__content-wrapper{width:calc(var(--grid-column-width) * 9 + var(--grid-gap) * 8);margin-inline:auto}}@media screen and (min-width:1200px){.image-with-text__navigation{margin-block-start:48px;column-gap:40px}}@media screen and (min-width:1400px){.image-with-text__content-wrapper{width:calc(var(--grid-column-width) * 7 + var(--grid-gap) * 6);margin-inline-end:calc((var(--grid-column-width) + var(--grid-gap)) * 2)}}@media(prefers-reduced-motion:reduce){.image-with-text__navigation-item[aria-current=true]:after{animation:none;transform:scaleX(1)}.image-with-text__image[hidden]{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/karat-karat-image-with-text.css.map */