.kh{position:relative;height:var(--kh-h);background:var(--kh-media-bg);overflow:hidden}.kh__media{position:absolute;top:0;right:0;bottom:0;left:0}.kh__media video,.kh__media img,.kh__media .kh__video{width:100%;height:100%;object-fit:cover;object-position:var(--kh-media-pos);display:block}.kh__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--kh-overlay-color);opacity:var(--kh-overlay-opacity);pointer-events:none}.kh__inner{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 var(--kh-px);text-align:center;color:var(--kh-text)}.kh__chips{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--kh-chip-gap)}.kh__chip{display:inline-flex;align-items:center;justify-content:center;border:var(--kh-chip-border-w) solid var(--kh-chip-border);background:var(--kh-chip-bg);color:var(--kh-chip-fg);border-radius:var(--kh-chip-radius);padding:var(--kh-chip-py) var(--kh-chip-px);white-space:nowrap}.kh__body{margin-top:var(--kh-stack-gap);display:flex;flex-direction:column;align-items:center;max-width:var(--kh-body-maxw)}.kh__block{margin-top:var(--kh-blk-mt, 0px)!important}.kh__btn{display:inline-flex;align-items:center;justify-content:center;min-width:var(--kh-btn-minw);min-height:var(--kh-btn-h);padding:0 var(--kh-btn-px);border-radius:var(--kh-btn-radius);border:var(--kh-btn-border-w) solid var(--kh-btn-border);background:var(--kh-btn-bg);color:var(--kh-btn-fg);text-decoration:none;cursor:pointer;transition:opacity .15s ease}.kh__btn:hover{opacity:.9}.kh__play{position:absolute;z-index:4;right:24px;bottom:24px;width:40px;height:40px;padding:0;border:0;background:transparent;cursor:pointer;line-height:0;opacity:.4;transition:opacity .2s ease}.kh__play:hover,.kh__play:focus-visible{opacity:.75}.kh__play svg{width:100%;height:100%;display:block}.kh__pause-icon,.kh__play.is-playing .kh__play-icon{display:none}.kh__play.is-playing .kh__pause-icon{display:block}@media screen and (max-width:749px){.kh{height:auto;display:grid;grid-template-rows:var(--kh-h-m) auto;overflow:visible}.kh__media{position:relative;inset:auto;grid-area:1 / 1;overflow:hidden}.kh__overlay{opacity:var(--kh-overlay-opacity-m)}.kh__inner{display:contents}.kh__chips{grid-area:1 / 1;align-self:end;justify-self:center;margin-bottom:var(--kh-chip-bottom-m);gap:var(--kh-chip-gap-m);z-index:2;padding:0 var(--kh-px-m)}.kh__chip{padding:var(--kh-chip-py-m) var(--kh-chip-px-m)}.kh__body{grid-area:2 / 1;margin-top:0;max-width:none;background:var(--kh-panel-bg);color:var(--kh-text-m);padding:var(--kh-panel-pt-m) var(--kh-px-m) var(--kh-panel-pb-m);text-align:center}.kh__block{margin-top:var(--kh-blk-mt-m, 0px)!important}.kh__btn{min-width:var(--kh-btn-minw-m);min-height:var(--kh-btn-h-m);padding:0 var(--kh-btn-px-m);border-width:var(--kh-btn-border-w-m)}.kh__play{grid-area:1 / 1;position:relative;right:auto;bottom:auto;justify-self:center;align-self:center;width:36px;height:36px}}
/*# sourceMappingURL=/cdn/shop/t/242/assets/kpdp-hero.css.map */