.kenra-component .kenra-color-hero{position:relative;width:100%;aspect-ratio:850 / 925;overflow:hidden;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:pan-y}.kenra-component .kenra-color-hero.is-dragging{cursor:grabbing}@media(min-width:990px){.kenra-component .kenra-color-hero{aspect-ratio:2790 / 1200;max-height:760px}}.kenra-component .kenra-color-hero__track{display:flex;width:100%;height:100%;transition-property:transform;transition-duration:.7s;transition-timing-function:ease-in-out;will-change:transform}.kenra-component .kenra-color-hero__slide{position:relative;display:flex;align-items:center;flex-shrink:0;width:100%;min-width:100%;height:100%}.kenra-component .kenra-color-hero__bg-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.kenra-component .kenra-color-hero__picture{display:block;width:100%;height:100%}.kenra-component .kenra-color-hero__img{width:100%;height:100%;object-fit:cover}.kenra-component .kenra-color-hero__slide--fit-contain .kenra-color-hero__img{object-fit:contain}@media(min-width:990px){.kenra-component .kenra-color-hero__slide--fit-contain .kenra-color-hero__img{object-position:right center}}.kenra-component .kenra-color-hero__placeholder{width:100%;height:100%}.kenra-component .kenra-color-hero__placeholder-svg{width:100%;height:100%;object-fit:cover}.kenra-component .kenra-color-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.kenra-component .kenra-color-hero__slide-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:15;cursor:inherit}.kenra-component .kenra-color-hero__arrow{position:absolute;top:50%;z-index:20;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:2px;box-shadow:inset 0 0 0 1px var(--color-black, rgb(3 3 3));background-color:var(--color-white, rgb(255 255 255));color:var(--color-black, rgb(3 3 3));cursor:pointer;transform:translateY(-50%);transition:background-color .2s ease,color .2s ease,opacity .25s ease}.kenra-component .kenra-color-hero__arrow:hover{background-color:var(--color-black, rgb(3 3 3));color:var(--color-white, rgb(255 255 255))}@media(hover:hover){.kenra-component .kenra-color-hero__arrow{opacity:0}.kenra-component .kenra-color-hero:hover .kenra-color-hero__arrow,.kenra-component .kenra-color-hero:focus-within .kenra-color-hero__arrow{opacity:1}}.kenra-component .kenra-color-hero__arrow--prev{left:12px}.kenra-component .kenra-color-hero__arrow--next{right:12px}.kenra-component .kenra-color-hero__arrow-icon{width:22px;height:22px}@media(min-width:990px){.kenra-component .kenra-color-hero__arrow--prev{left:24px}.kenra-component .kenra-color-hero__arrow--next{right:24px}}.kenra-component .kenra-color-hero__content{position:absolute;right:0;bottom:0;left:0;z-index:10;display:flex;justify-content:center;padding:32px 20px 48px;background-color:#ffffffe6;text-align:center}.kenra-component .kenra-color-hero__content-inner{width:100%}@media(min-width:990px){.kenra-component .kenra-color-hero__content{position:relative;right:auto;bottom:auto;left:auto;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:0 30px;background-color:transparent;text-align:left}.kenra-component .kenra-color-hero__content--center{justify-content:center;text-align:center}.kenra-component .kenra-color-hero__content--right{justify-content:flex-end;text-align:right}.kenra-component .kenra-color-hero__content--left{justify-content:flex-start;text-align:left}.kenra-component .kenra-color-hero__content-inner{width:460px;max-width:100%}}.kenra-component .kenra-color-hero__eyebrow,.kenra-component .kenra-color-hero__heading{margin:0 0 12px}.kenra-component .kenra-color-hero__subheading{margin:0 0 20px}.kenra-component .kenra-color-hero__progress{width:calc(100% - 60px);max-width:1000px;height:3px;margin:24px auto 0;overflow:hidden;background-color:var(--color-gray, rgb(216 216 216));border-radius:2px}.kenra-component .kenra-color-hero__progress-fill{display:block;width:50%;height:100%;background-color:var(--color-black, rgb(3 3 3));border-radius:2px;transition:width .4s ease}@keyframes kenraColorHeroSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.kenra-component .kenra-color-hero__animate{opacity:0;transform:translateY(24px)}.kenra-component .kenra-color-hero__slide--active .kenra-color-hero__animate{animation:kenraColorHeroSlideUp .6s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(var(--animate-order, 0) * .11s)}@media(prefers-reduced-motion:reduce){.kenra-component .kenra-color-hero__slide--active .kenra-color-hero__animate{animation:none;opacity:1;transform:none}.kenra-component .kenra-color-hero__track,.kenra-component .kenra-color-hero__progress-fill{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/kenra-component-color-hero.css.map */