.kl-banner{width:100%}.kl-banner__inner{width:100%;box-sizing:border-box}.kl-banner--boxed .kl-banner__inner{max-width:var(--theme-max-width, 1400px);margin-left:auto;margin-right:auto;padding-left:var(--gutter-container, 40px);padding-right:var(--gutter-container, 40px)}.kl-banner__grid{display:flex;flex-wrap:wrap;align-items:flex-start;margin:0;list-style:none;--kl-banner-gap-h: 0px;--kl-banner-gap-v: 0px;gap:var(--kl-banner-gap-v) var(--kl-banner-gap-h)}.kl-banner__grid--packed{position:relative;display:block;gap:0}.kl-banner__grid--packed .kl-banner__item{position:absolute;max-width:none}.kl-banner__item{position:relative;box-sizing:border-box;max-width:100%}.kl-banner__card{position:relative;overflow:hidden;width:100%;height:100%}.kl-banner__media{display:block;position:relative;width:100%;height:100%;overflow:hidden;text-decoration:none;color:inherit}.kl-banner__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background-color:var(--kl-banner-overlay, transparent)}.kl-banner__img{display:block;width:100%;height:100%;object-fit:var(--kl-banner-object-fit, cover);object-position:var(--kl-banner-object-position, center center)}.kl-banner__img--placeholder{background:#f2f2f2;min-height:280px}.kl-banner__img--mb{display:none}.kl-banner__content{position:absolute;z-index:2;width:fit-content;max-width:calc(100% - 40px);padding:20px;pointer-events:none;top:var(--p-top, auto);bottom:var(--p-bottom, auto);left:var(--p-left, auto);right:var(--p-right, auto);transform:translate(var(--p-hx, 0),var(--p-vy, 0))}.kl-banner__content--full{width:100%;max-width:100%;left:0!important;right:0!important;transform:translateY(var(--p-vy, 0))}.kl-banner__content--bg{background:var(--kl-content-bg, transparent);padding:var(--kl-content-pd, 20px)}.kl-banner__text{margin:0;display:block}.kl-banner__text--br-mobile br{display:none}.kl-banner__btn{display:inline-flex;align-items:center;gap:6px;pointer-events:auto;text-decoration:none;line-height:1.2}.kl-banner__btn--link{background:none;border:0;padding:0}.kl-banner__btn--link:hover{opacity:.85}.kl-banner__btn--outline{border:1px solid currentColor;padding:10px 18px}.kl-banner__btn--default{background:currentColor;padding:10px 18px}.kl-banner__btn--bordered{border-bottom:1px solid currentColor;padding:0 0 4px}.kl-banner__btn-arrow{font-size:1em;line-height:1}@media screen and (min-width:1025px){.kl-banner__item--dk-12{width:100%;max-width:100%}.kl-banner__item--dk-9{width:calc(75% - var(--kl-banner-gap-h) * .25);max-width:calc(75% - var(--kl-banner-gap-h) * .25)}.kl-banner__item--dk-8{width:calc(66.6667% - var(--kl-banner-gap-h) * .3333);max-width:calc(66.6667% - var(--kl-banner-gap-h) * .3333)}.kl-banner__item--dk-7{width:calc(58.3333% - var(--kl-banner-gap-h) * .4167);max-width:calc(58.3333% - var(--kl-banner-gap-h) * .4167)}.kl-banner__item--dk-6{width:calc((100% - var(--kl-banner-gap-h)) / 2);max-width:calc((100% - var(--kl-banner-gap-h)) / 2)}.kl-banner__item--dk-5{width:calc(41.6667% - var(--kl-banner-gap-h) * .5833);max-width:calc(41.6667% - var(--kl-banner-gap-h) * .5833)}.kl-banner__item--dk-4{width:calc((100% - var(--kl-banner-gap-h) * 2) / 3);max-width:calc((100% - var(--kl-banner-gap-h) * 2) / 3)}.kl-banner__item--dk-3{width:calc((100% - var(--kl-banner-gap-h) * 3) / 4);max-width:calc((100% - var(--kl-banner-gap-h) * 3) / 4)}.kl-banner__item--dk-2{width:calc((100% - var(--kl-banner-gap-h) * 5) / 6);max-width:calc((100% - var(--kl-banner-gap-h) * 5) / 6)}}@media screen and (min-width:768px)and (max-width:1024px){.kl-banner__item--tb-12{width:100%;max-width:100%}.kl-banner__item--tb-9{width:calc(75% - var(--kl-banner-gap-h) * .25);max-width:calc(75% - var(--kl-banner-gap-h) * .25)}.kl-banner__item--tb-8{width:calc(66.6667% - var(--kl-banner-gap-h) * .3333);max-width:calc(66.6667% - var(--kl-banner-gap-h) * .3333)}.kl-banner__item--tb-7{width:calc(58.3333% - var(--kl-banner-gap-h) * .4167);max-width:calc(58.3333% - var(--kl-banner-gap-h) * .4167)}.kl-banner__item--tb-6{width:calc((100% - var(--kl-banner-gap-h)) / 2);max-width:calc((100% - var(--kl-banner-gap-h)) / 2)}.kl-banner__item--tb-5{width:calc(41.6667% - var(--kl-banner-gap-h) * .5833);max-width:calc(41.6667% - var(--kl-banner-gap-h) * .5833)}.kl-banner__item--tb-4{width:calc((100% - var(--kl-banner-gap-h) * 2) / 3);max-width:calc((100% - var(--kl-banner-gap-h) * 2) / 3)}.kl-banner__item--tb-3{width:calc((100% - var(--kl-banner-gap-h) * 3) / 4);max-width:calc((100% - var(--kl-banner-gap-h) * 3) / 4)}.kl-banner__item--tb-2{width:calc((100% - var(--kl-banner-gap-h) * 5) / 6);max-width:calc((100% - var(--kl-banner-gap-h) * 5) / 6)}}@media screen and (max-width:767px){.kl-banner__grid,.kl-banner__grid--packed{position:static;display:flex;flex-wrap:nowrap;height:auto!important;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:var(--kl-banner-gap-v) var(--kl-banner-gap-h)}.kl-banner__grid--packed .kl-banner__item{position:relative!important;left:auto!important;top:auto!important;width:auto;max-width:100%}.kl-banner__grid::-webkit-scrollbar{display:none}.kl-banner__item{flex:0 0 auto;scroll-snap-align:start}.kl-banner__item--mb-12{width:100%}.kl-banner__item--mb-9{width:75%}.kl-banner__item--mb-8{width:66.6667%}.kl-banner__item--mb-7{width:58.3333%}.kl-banner__item--mb-6{width:50%}.kl-banner__item--mb-5{width:41.6667%}.kl-banner__item--mb-4{width:33.3333%}.kl-banner__item--mb-3{width:25%}.kl-banner__item--peek{width:88%}.kl-banner__img--dk{display:none}.kl-banner__img--mb{display:block}.kl-banner__content{top:var(--p-top-mb, auto);bottom:var(--p-bottom-mb, auto);left:var(--p-left-mb, auto);right:var(--p-right-mb, auto);transform:translate(var(--p-hx-mb, 0),var(--p-vy-mb, 0));padding:var(--kl-content-pd-mb, 20px)}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/kl-banner.css.map */