.kott-hero{--kottHeroGap: 16px;--kottHeroRadius: 16px;--kottHeroControls: #2a2a2a;padding-top:24px;padding-bottom:0;margin-top:0}.kott-hero__inner{container-type:inline-size;position:relative}.kott-hero__slides{overflow:visible}.kott-hero__desktop .flickity-viewport{min-height:calc(.375 * (100cqw - var(--kottHeroGap)))}.kott-hero__mobile .flickity-viewport{min-height:calc((100cqw - var(--kottHeroPeekSpace, 64px)) * var(--kottHeroMobileHeightFactor, 100) / 100)}.kott-hero__slides .kott-hero__slide{width:100%;height:auto;overflow:visible}.kott-hero__grid{--kottHeroCol: calc((100cqw - 3 * var(--kottHeroGap)) / 4);--kottHeroFeatureW: calc(var(--kottHeroCol) * 2 + var(--kottHeroGap));--kottHeroRow: calc((var(--kottHeroFeatureW) * .75 - var(--kottHeroGap)) / 2);display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:var(--kottHeroRow) var(--kottHeroRow);grid-auto-flow:column dense;gap:var(--kottHeroGap)}.kott-hero__panel{position:relative;overflow:hidden;border-radius:var(--kottHeroRadius);display:block;min-width:0;min-height:0}.kott-hero__panel--feature{grid-column:span 2;grid-row:span 2}.kott-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.kott-hero__media img{width:100%;height:100%;object-fit:cover;display:block;opacity:1!important}.kott-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background-color:#000;pointer-events:none}.kott-hero__text{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;padding:var(--kottHeroPadD, 18px);pointer-events:none}.kott-hero__text>*{pointer-events:auto}.kott-hero__text--left{justify-content:left;text-align:left}.kott-hero__text--center{justify-content:center;text-align:center}.kott-hero__text--right{justify-content:right;text-align:right}.kott-hero__text--top{align-items:flex-start}.kott-hero__text--middle{align-items:center}.kott-hero__text--bottom{align-items:flex-end}.kott-hero__heading{margin:0;line-height:1.2;font-weight:700;font-size:max(13px,calc(var(--kottHeroHeadingD) * 100cqw / 1420))}.kott-hero__subheading{margin:6px 0 0;line-height:1.3;font-size:max(11px,calc(var(--kottHeroSubD) * 100cqw / 1420))}.kott-hero__heading+.kott-hero__subheading{margin-top:8px}.kott-hero__btn{display:inline-block;margin-top:14px;font-size:max(11px,calc(15 * 100cqw / 1420));padding:.75em 1.6em;line-height:1.4;white-space:nowrap}.kott-hero__text-inner{max-width:100%}.kott-hero__heading--boxed{width:fit-content;max-width:100%;padding:var(--kottHeroPlatePadDY, 14px) var(--kottHeroPlatePadDX, 20px)}.kott-hero__text--left .kott-hero__heading--boxed{margin-right:auto}.kott-hero__text--center .kott-hero__heading--boxed{margin-left:auto;margin-right:auto}.kott-hero__text--right .kott-hero__heading--boxed{margin-left:auto}.kott-hero__panel-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4}.kott-hero__mobile .kott-hero__slides .kott-hero__slide{width:calc(100% - var(--kottHeroPeekSpace, 64px));margin:0 var(--kottHeroCellGap, 8px)}.kott-hero__mobile-panel{position:relative;overflow:hidden;display:block;width:100%;aspect-ratio:var(--kottHeroMobileRatio, 1);border-radius:var(--kottHeroRadius)}a.kott-hero__mobile-btn{position:absolute;bottom:18px;left:50%;transform:translate(-50%);z-index:5;display:inline-block;min-width:0;padding:10px 24px;border-radius:999px;font-size:14px;font-weight:600;line-height:1.2;white-space:nowrap;text-decoration:none;box-shadow:0 2px 10px #00000026}.kott-hero__slides .flickity-prev-next-button{top:100%;bottom:auto;margin-top:21px;transform:translateY(-50%);width:auto;height:auto;min-width:0;padding:5px;background:none;border:none;border-radius:0;box-shadow:none;color:var(--kottHeroControls);font-size:18px;line-height:1;opacity:1;transition:opacity .2s ease;z-index:5}.kott-hero__slides .flickity-prev-next-button:after{display:block;line-height:1}.kott-hero__slides .flickity-prev-next-button:hover,.kott-hero__slides .flickity-prev-next-button:active,.kott-hero__slides .flickity-prev-next-button:disabled{opacity:1;color:var(--kottHeroControls);transform:translateY(-50%)}.kott-hero__slides .flickity-previous:after{content:"\2190"}.kott-hero__slides .flickity-next:after{content:"\2192"}.kott-hero__slides.flickity-rtl .flickity-previous:after{content:"\2192"}.kott-hero__slides.flickity-rtl .flickity-next:after{content:"\2190"}.kott-hero__slides .flickity-prev-next-button.flickity-previous{background-image:none;left:auto;right:auto;inset-inline-end:auto;inset-inline-start:calc(50% - 38px)}.kott-hero__slides .flickity-prev-next-button.flickity-next{background-image:none;left:auto;right:auto;inset-inline-end:auto;inset-inline-start:calc(50% + 10px)}.kott-hero__controls-space{height:40px}.kott-hero__pause{position:absolute;top:100%;margin-top:14px;inset-inline-end:0;z-index:3;background:none;border:0;padding:4px;cursor:pointer;color:var(--kottHeroControls)}@media only screen and (max-width:768px){.kott-hero{--kottHeroGap: 8px;--kottHeroPeekSpace: 64px;--kottHeroCellGap: 8px;padding-top:12px;padding-bottom:16px}.kott-hero__text{padding:var(--kottHeroPadM, 16px)}.kott-hero__heading{font-size:var(--kottHeroHeadingM)}.kott-hero__subheading{font-size:var(--kottHeroSubM)}.kott-hero__heading--boxed{padding:var(--kottHeroPlatePadMY, 10px) var(--kottHeroPlatePadMX, 14px)}}.kott-hero__panel .placeholder-svg,.kott-hero__mobile-panel .placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}
/*# sourceMappingURL=/cdn/shop/t/84/assets/kott-hero-slideshow.css.map */