.mch-section{margin-bottom:var(--mch-section-margin-bottom, 0px)}.mch-hero{position:relative;overflow:hidden}.mch-hero.media--adapt{height:0;padding-block-end:var(--ratio-percent)}.mch-hero.media--adapt .mch-media,.mch-hero.media--adapt .mch-overlay,.mch-hero.media--adapt .mch-content-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}@media screen and (max-width:767px){.mch-hero.mobile\:media--adapt{height:0;padding-block-end:var(--ratio-percent)}.mch-hero.mobile\:media--adapt .mch-media,.mch-hero.mobile\:media--adapt .mch-overlay,.mch-hero.mobile\:media--adapt .mch-content-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}}.mch-hero .mch-media{display:block;width:100%;height:100%}.mch-hero .mch-media picture{display:block;width:100%;height:100%;position:relative;overflow:hidden}.mch-hero .mch-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--mch-image-position, center center)}.mch-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgb(var(--color-overlay) / var(--overlay-opacity, .3));pointer-events:none;z-index:2}.mch-content-wrapper{position:absolute;z-index:3;top:0;left:0;width:100%;height:100%;display:flex;overflow:hidden;color:rgb(var(--color-foreground))}.mch-content{padding-bottom:var(--mch-content-padding-bottom, 48px);padding-left:var(--mch-content-padding-left, 48px);padding-right:var(--mch-content-padding-left, 48px)}.mch-title{font-size:var(--mch-title-font-size, 80px);font-weight:400;line-height:1;letter-spacing:-.01em;margin:0 0 var(--mch-title-margin-bottom, 10px) 0;color:inherit}.mch-description{font-size:var(--mch-description-font-size, 20px);line-height:1.6;max-width:var(--mch-description-max-width, 650px);margin:0}.mch-description p{margin:0}.mch-bar{background:var(--mch-bar-bg, #f36a2b);color:var(--mch-bar-color, #fbf7f1);height:var(--mch-bar-height, 94px);padding-top:var(--mch-bar-padding-top, 0px);padding-bottom:var(--mch-bar-padding-bottom, 0px);box-sizing:border-box;overflow:hidden}mch-marquee{display:flex;height:100%;align-items:center;overflow:hidden}.mch-marquee-track{display:flex;align-items:center;gap:var(--mch-bar-gap, 60px);padding-inline:calc(var(--mch-bar-gap, 60px) / 2);flex-shrink:0;white-space:nowrap}.mch-marquee-track.animated{animation:scrolling-left var(--mch-duration, 20s) linear infinite;width:max-content}mch-marquee.mch-direction-right .mch-marquee-track.animated{animation-name:scrolling-right}mch-marquee.paused .mch-marquee-track{animation-play-state:paused}@media screen and (pointer:fine){.mch-bar:hover .mch-marquee-track{animation-play-state:paused}}.mch-marquee-item{display:flex;align-items:center;gap:var(--mch-bar-icon-text-gap, 32px);white-space:nowrap;flex-shrink:0}.mch-marquee-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--mch-bar-icon-size, 48px);height:var(--mch-bar-icon-size, 48px)}.mch-marquee-icon img{width:100%;height:100%;object-fit:contain}.mch-marquee-text{font-size:var(--mch-bar-font-size, 24px);font-weight:500;letter-spacing:-.01em;line-height:1.3}.mch-stars{display:flex;align-items:center;gap:.5em;font-size:var(--mch-stars-text-size, 14px);margin-bottom:var(--mch-stars-margin-bottom, 16px)}.mch-stars-icons{display:inline-flex;gap:2px}.mch-star--full path{fill:var(--mch-stars-color, #F9A825)}.mch-star--empty path{fill:rgb(var(--color-foreground) / .3)}.mch-star--partial .mch-star-bg{fill:rgb(var(--color-foreground) / .3)}.mch-star--partial .mch-star-fg{fill:var(--mch-stars-color, #F9A825)}.mch-star-icon{width:var(--mch-stars-icon-size, 16px);height:var(--mch-stars-icon-size, 16px);flex-shrink:0}.mch-stars-value{font-weight:600}.mch-stars-count{opacity:.8}@media(prefers-reduced-motion:reduce){.mch-marquee-track.animated{animation:none!important}}.moonou-launch-promo--pending{display:none!important}.mch-promo-wrap{text-align:var(--mchp-align, left)}.mch-promo{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:var(--mchp-justify, flex-start);gap:6px 14px;margin-top:var(--mchp-mt, 0);margin-bottom:var(--mchp-mb, var(--mch-title-margin-bottom, 10px));border:var(--mchp-bw, 0px) solid var(--mchp-bc, transparent);padding:max(0px,calc(var(--mchp-py, 7px) - var(--mchp-bw, 0px))) max(0px,calc(var(--mchp-px, 16px) - var(--mchp-bw, 0px)));border-radius:var(--mchp-radius, 999px);background:var(--mchp-bg, #e03000);color:var(--mchp-text, #ffffff);font-size:var(--mchp-fs, 15px);line-height:1.35}.mch-promo__text{font-weight:600;text-align:var(--mchp-align, left)}.mch-promo .moonou-countdown{display:flex;align-items:center;gap:6px}.mch-promo .moonou-countdown__heading{font-size:1em;font-weight:400;color:#fff;white-space:nowrap}.mch-promo .moonou-countdown__timer{display:flex;align-items:center;column-gap:4px;row-gap:0}.mch-promo .countdown__item{display:flex;gap:0}.mch-promo .countdown__item p{position:static;display:block;margin:0;line-height:1;font-size:1em;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;color:#fff}.mch-promo .countdown__item p:after{content:none}@media(max-width:767px){.mch-promo{font-size:var(--mchp-fs, 13px);padding:max(0px,calc(var(--mchp-py, 6px) - var(--mchp-bw, 0px))) max(0px,calc(var(--mchp-px, 13px) - var(--mchp-bw, 0px)));gap:4px 10px}}.mch-sale-promo-wrap{text-align:var(--mchp-align, left)}.mch-sale-promo{transition:opacity .2s ease}.mch-sale-promo .moonou-countdown__heading,.mch-sale-promo .countdown__item p{color:var(--mchp-text, #ffffff)}.moonou-sale-countdown--hidden{display:none!important}.mch-sale-promo--ab-reveal{animation:mch-sale-promo-reveal .22s ease both}@keyframes mch-sale-promo-reveal{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.mch-sale-promo{transition:none}.mch-sale-promo--ab-reveal{animation:none}}.mch-sale-promo .moonou-countdown:first-child .moonou-countdown__heading{font-weight:600}.mch-promo--clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.mch-promo--clickable:focus-visible{outline:2px solid currentColor;outline-offset:3px}.mch-hero .mch-media video-media,.mch-hero .mch-media .deferred-media{display:block;width:100%;height:100%;position:relative;overflow:hidden}.mch-hero .mch-media video{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--mch-image-position, center center)}@media screen and (max-width:767px){.mch-hero .mch-content{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/moonou-collection-hero.css.map */