body.kbeauty-brand-system main[data-template=collection] nobum-banner-slider{display:block}body.kbeauty-brand-system main[data-template=collection] .nobum-collection-banner__track{display:grid;width:100%;overflow:hidden;aspect-ratio:var(--nobum-banner-desktop-ratio, auto);background:#fff}body.kbeauty-brand-system main[data-template=collection] .nobum-collection-banner__slide{grid-area:1 / 1;position:relative;z-index:0;width:100%;height:100%;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .62s cubic-bezier(.22,.61,.36,1),visibility 0s linear .62s}body.kbeauty-brand-system main[data-template=collection] .nobum-collection-banner__slide.is-active{z-index:1;opacity:1;visibility:visible;pointer-events:auto;transition:opacity .62s cubic-bezier(.22,.61,.36,1),visibility 0s linear 0s}body.kbeauty-brand-system main[data-template=collection] .nobum-collection-banner__link{display:block;width:100%;height:100%}body.kbeauty-brand-system main[data-template=collection] .nobum-collection-banner__track .nobum-collection-banner__picture{width:100%;height:100%}body.kbeauty-brand-system main[data-template=collection] .nobum-collection-banner__track .nobum-collection-banner__image{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important}body.kbeauty-brand-system main[data-template=collection] .nobum-collection-banner__dots{position:absolute;z-index:5;left:50%;bottom:14px;display:flex;align-items:center;justify-content:center;gap:7px;transform:translate(-50%);padding:7px 9px;border:1px solid rgb(75 46 30 / 8%);border-radius:999px;background:#ffffffd1;box-shadow:0 4px 14px #4b2e1e14;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}body.kbeauty-brand-system main[data-template=collection] .nobum-collection-banner__dot{-webkit-appearance:none;appearance:none;width:7px;height:7px;min-width:7px;margin:0;padding:0;border:0;border-radius:999px;background:#4b2e1e4d;cursor:pointer;transition:width .22s ease,background-color .22s ease,transform .22s ease}body.kbeauty-brand-system main[data-template=collection] .nobum-collection-banner__dot.is-active{width:22px;background:var(--nobum-pink, #ff4d8d)}body.kbeauty-brand-system main[data-template=collection] .nobum-collection-banner__dot:focus-visible{outline:2px solid var(--nobum-blue, #3b9dff);outline-offset:3px}@media screen and (min-width:750px)and (max-width:1199px){body.kbeauty-brand-system main[data-template=collection] .nobum-collection-banner__track{aspect-ratio:var(--nobum-banner-tablet-ratio, var(--nobum-banner-desktop-ratio, auto))}}@media screen and (max-width:749px){body.kbeauty-brand-system main[data-template=collection] .nobum-collection-banner__track{aspect-ratio:var(--nobum-banner-mobile-ratio, var(--nobum-banner-desktop-ratio, auto))}body.kbeauty-brand-system main[data-template=collection] .nobum-collection-banner__dots{bottom:10px;gap:6px;padding:6px 8px}body.kbeauty-brand-system main[data-template=collection] .nobum-collection-banner__dot{width:6px;height:6px;min-width:6px}body.kbeauty-brand-system main[data-template=collection] .nobum-collection-banner__dot.is-active{width:19px}}@media(prefers-reduced-motion:reduce){body.kbeauty-brand-system main[data-template=collection] .nobum-collection-banner__slide,body.kbeauty-brand-system main[data-template=collection] .nobum-collection-banner__dot{transition:none!important}}body.kbeauty-brand-system main .nobum-universal-banner.nobum-collection-banner{width:100%;box-sizing:border-box;margin:0;padding:0!important;border-radius:var(--nobum-universal-radius-desktop, 24px)!important;overflow:hidden}body.kbeauty-brand-system main .nobum-universal-banner.nobum-collection-banner .nobum-universal-banner__inner{width:100%;box-sizing:border-box;border:0!important;border-radius:var(--nobum-universal-radius-desktop, 24px)!important;background:transparent;box-shadow:none!important;overflow:hidden}.nobum-universal-banner-section{box-sizing:border-box}.nobum-universal-banner{position:relative;display:block;width:100%;min-width:0;border-radius:var(--nobum-universal-radius-desktop, 24px);overflow:hidden}.nobum-universal-banner__inner{position:relative;width:100%;min-width:0;overflow:hidden;border-radius:inherit}.nobum-universal-banner__track{display:grid;width:100%;min-width:0;overflow:hidden;aspect-ratio:var(--nobum-banner-desktop-ratio, auto);background:transparent}.nobum-universal-banner__slide{grid-area:1 / 1;position:relative;z-index:0;width:100%;height:100%;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .62s cubic-bezier(.22,.61,.36,1),visibility 0s linear .62s}.nobum-universal-banner__slide.is-active{z-index:1;opacity:1;visibility:visible;pointer-events:auto;transition:opacity .62s cubic-bezier(.22,.61,.36,1),visibility 0s linear 0s}.nobum-universal-banner__media-link,.nobum-universal-banner__picture,.nobum-universal-banner__simple-media{display:block;width:100%}.nobum-universal-banner__track .nobum-universal-banner__media-link,.nobum-universal-banner__track .nobum-universal-banner__picture{height:100%}body.kbeauty-brand-system main .nobum-universal-banner.nobum-collection-banner .nobum-universal-banner__image{display:block;width:100%!important;height:100%!important;max-width:none;object-fit:var(--nobum-universal-fit-desktop, contain)!important;object-position:var(--nobum-universal-position-desktop, center center)!important}.nobum-universal-banner:not(.nobum-universal-banner--manual-height) .nobum-universal-banner__simple-media .nobum-universal-banner__image{height:auto!important}.nobum-universal-banner--manual-height .nobum-universal-banner__inner,.nobum-universal-banner--manual-height .nobum-universal-banner__track,.nobum-universal-banner--manual-height .nobum-universal-banner__simple-media{height:var(--nobum-universal-height-desktop, 33vh);aspect-ratio:auto}.nobum-universal-banner--manual-height .nobum-universal-banner__media-link,.nobum-universal-banner--manual-height .nobum-universal-banner__picture,.nobum-universal-banner--manual-height .nobum-universal-banner__image{height:100%!important}.nobum-universal-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background:var(--nobum-universal-overlay, #fff);opacity:var(--nobum-universal-overlay-opacity, 0)}.nobum-universal-banner__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;justify-content:flex-start;align-items:center;padding:var(--nobum-universal-content-padding-desktop, 30px);pointer-events:none}.nobum-universal-banner--h-center .nobum-universal-banner__content{justify-content:center;text-align:center}.nobum-universal-banner--h-right .nobum-universal-banner__content{justify-content:flex-end;text-align:right}.nobum-universal-banner--v-top .nobum-universal-banner__content{align-items:flex-start}.nobum-universal-banner--v-bottom .nobum-universal-banner__content{align-items:flex-end}.nobum-universal-banner__content-inner{width:min(100%,var(--nobum-universal-content-width, 700px));max-width:var(--nobum-universal-content-width, 700px)}.nobum-universal-banner__eyebrow{display:inline-flex;margin:0 0 10px;padding:6px 11px;border-radius:999px;background:var(--nobum-universal-eyebrow-bg, #fff);color:var(--nobum-universal-eyebrow-color, #3b9dff);font-size:var(--nobum-universal-eyebrow-size, 11px);font-weight:700;line-height:1.2;letter-spacing:.05em;text-transform:uppercase}.nobum-universal-banner__title{margin:0;color:var(--nobum-universal-title-color, #4b2e1e);font-family:var(--font-heading--family);font-size:var(--nobum-universal-title-size-desktop, 44px);font-weight:700;line-height:.98}.nobum-universal-banner__title>span{display:block}.nobum-universal-banner__title .accent{color:var(--nobum-universal-accent-color, #ff4d8d)}.nobum-universal-banner__description{max-width:34rem;margin-top:12px;color:var(--nobum-universal-body-color, #2f2f33);font-size:var(--nobum-universal-body-size-desktop, 14px);line-height:1.5}.nobum-universal-banner--h-center .nobum-universal-banner__description{margin-inline:auto}.nobum-universal-banner--h-right .nobum-universal-banner__description{margin-left:auto}.nobum-universal-banner__description>:first-child{margin-top:0}.nobum-universal-banner__description>:last-child{margin-bottom:0}.nobum-universal-banner__cta{position:relative;z-index:7;display:inline-flex;align-items:center;justify-content:center;min-height:42px;margin-top:14px;padding:0 20px;border:0;border-radius:999px;background:var(--nobum-universal-button-bg, #4b2e1e);color:var(--nobum-universal-button-color, #fff);font-family:var(--font-heading--family);font-size:var(--nobum-universal-button-size, 14px);font-weight:700;line-height:1;text-decoration:none;pointer-events:auto;transition:background-color .18s ease,transform .18s ease}.nobum-universal-banner__cta:not(.nobum-universal-banner__cta--static):hover{background:var(--nobum-universal-button-hover, #ff4d8d);transform:translateY(-1px)}.nobum-universal-banner__dots{position:absolute;z-index:8;left:50%;bottom:14px;display:flex;align-items:center;justify-content:center;gap:7px;transform:translate(-50%);padding:7px 9px;border:1px solid rgb(75 46 30 / 8%);border-radius:999px;background:#ffffffd1;box-shadow:0 4px 14px #4b2e1e14;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.nobum-universal-banner__dot{-webkit-appearance:none;appearance:none;width:7px;height:7px;min-width:7px;margin:0;padding:0;border:0;border-radius:999px;background:#4b2e1e4d;cursor:pointer;transition:width .22s ease,background-color .22s ease,transform .22s ease}.nobum-universal-banner__dot.is-active{width:22px;background:var(--nobum-pink, #ff4d8d)}.nobum-universal-banner__dot:focus-visible,.nobum-universal-banner__cta:focus-visible,.nobum-universal-banner__media-link:focus-visible{outline:2px solid var(--nobum-blue, #3b9dff);outline-offset:3px}@media screen and (min-width:750px)and (max-width:1199px){body.kbeauty-brand-system main .nobum-universal-banner.nobum-collection-banner,body.kbeauty-brand-system main .nobum-universal-banner.nobum-collection-banner .nobum-universal-banner__inner,.nobum-universal-banner,.nobum-universal-banner__inner{border-radius:var(--nobum-universal-radius-tablet, 18px)!important}.nobum-universal-banner__track{aspect-ratio:var(--nobum-banner-tablet-ratio, var(--nobum-banner-desktop-ratio, auto))}body.kbeauty-brand-system main .nobum-universal-banner.nobum-collection-banner .nobum-universal-banner__image{object-fit:var(--nobum-universal-fit-tablet, contain)!important;object-position:var(--nobum-universal-position-tablet, center center)!important}.nobum-universal-banner--manual-height .nobum-universal-banner__inner,.nobum-universal-banner--manual-height .nobum-universal-banner__track,.nobum-universal-banner--manual-height .nobum-universal-banner__simple-media{height:var(--nobum-universal-height-tablet, 33vh)}.nobum-universal-banner__title{font-size:var(--nobum-universal-title-size-tablet, 38px)}.nobum-universal-banner__description{font-size:var(--nobum-universal-body-size-tablet, 14px)}}@media screen and (max-width:749px){body.kbeauty-brand-system main .nobum-universal-banner.nobum-collection-banner,body.kbeauty-brand-system main .nobum-universal-banner.nobum-collection-banner .nobum-universal-banner__inner,.nobum-universal-banner,.nobum-universal-banner__inner{border-radius:var(--nobum-universal-radius-mobile, 12px)!important}.nobum-universal-banner__track{aspect-ratio:var(--nobum-banner-mobile-ratio, var(--nobum-banner-desktop-ratio, auto))}body.kbeauty-brand-system main .nobum-universal-banner.nobum-collection-banner .nobum-universal-banner__image{object-fit:var(--nobum-universal-fit-mobile, contain)!important;object-position:var(--nobum-universal-position-mobile, center center)!important}.nobum-universal-banner--manual-height .nobum-universal-banner__inner,.nobum-universal-banner--manual-height .nobum-universal-banner__track,.nobum-universal-banner--manual-height .nobum-universal-banner__simple-media{height:var(--nobum-universal-height-mobile, 33vh)}.nobum-universal-banner__content{padding:var(--nobum-universal-content-padding-mobile, 16px)}.nobum-universal-banner__title{font-size:var(--nobum-universal-title-size-mobile, 28px)}.nobum-universal-banner__description{font-size:var(--nobum-universal-body-size-mobile, 12px);line-height:1.4}.nobum-universal-banner__dots{bottom:10px;gap:6px;padding:6px 8px}.nobum-universal-banner__dot{width:6px;height:6px;min-width:6px}.nobum-universal-banner__dot.is-active{width:19px}}@media(prefers-reduced-motion:reduce){.nobum-universal-banner__slide,.nobum-universal-banner__dot,.nobum-universal-banner__cta{transition:none!important}}.nobum-universal-banner-section{--nobum-banner-arrow-edge-inset: 4px}.nobum-universal-banner-section.section--full-width{--nobum-banner-arrow-edge-inset: clamp(8px, 1vw, 18px)}.nobum-universal-banner-section.section--page-width{--nobum-banner-arrow-edge-inset: 3px}.nobum-universal-banner__arrows{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;pointer-events:none}.nobum-universal-banner__arrow{-webkit-appearance:none;appearance:none;position:absolute;top:50%;display:grid;width:58px;height:96px;margin:0;padding:0;place-items:center;border:0;border-radius:0;background:transparent;color:#fffffffa;opacity:.66;cursor:pointer;pointer-events:auto;transform:translateY(-50%);transition:opacity .18s ease,transform .18s ease,color .18s ease;-webkit-tap-highlight-color:transparent}.nobum-universal-banner__arrow--previous{left:var(--nobum-banner-arrow-edge-inset)}.nobum-universal-banner__arrow--next{right:var(--nobum-banner-arrow-edge-inset)}.nobum-universal-banner__arrow svg{display:block;width:23px;height:43px;overflow:visible;filter:drop-shadow(0 1px 2.5px rgb(75 46 30 / 48%))}.nobum-universal-banner__arrow path{fill:none;stroke:currentColor;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}@media(hover:hover)and (pointer:fine){.nobum-universal-banner__arrow:hover{opacity:.94}.nobum-universal-banner__arrow--previous:hover{transform:translate(-2px,-50%)}.nobum-universal-banner__arrow--next:hover{transform:translate(2px,-50%)}}.nobum-universal-banner__arrow:focus-visible{opacity:.98;outline:1px solid rgb(255 255 255 / 78%);outline-offset:-8px}@media screen and (min-width:750px)and (max-width:1199px){.nobum-universal-banner-section.section--full-width{--nobum-banner-arrow-edge-inset: clamp(6px, .8vw, 12px)}.nobum-universal-banner-section.section--page-width{--nobum-banner-arrow-edge-inset: 2px}.nobum-universal-banner__arrow{width:54px;height:82px;opacity:.68}.nobum-universal-banner__arrow svg{width:21px;height:39px}.nobum-universal-banner__arrow path{stroke-width:3.25}}@media screen and (max-width:749px){.nobum-universal-banner-section.section--full-width,.nobum-universal-banner-section.section--page-width{--nobum-banner-arrow-edge-inset: 0px}.nobum-universal-banner__arrow{width:46px;height:68px;opacity:.72}.nobum-universal-banner__arrow svg{width:18px;height:34px}.nobum-universal-banner__arrow path{stroke-width:3.1}}@media(prefers-reduced-motion:reduce){.nobum-universal-banner__arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/275/assets/nobum-production-banner-universal.css.map */