.ugc-banner{--ugc-banner-item-width: 150px;--ugc-banner-item-height: 260px;--ugc-banner-item-radius: 12px;--ugc-banner-item-gap: 12px;--ugc-banner-chip-width: 62px;--ugc-banner-chip-height: 56px;--ugc-banner-button-height: 48px;position:relative;overflow:hidden;padding-top:var(--ugc-banner-padding-top-mobile);padding-bottom:var(--ugc-banner-padding-bottom-mobile);background-color:var(--ugc-banner-background)}.ugc-banner__background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.ugc-banner__background-image.image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:transparent}.ugc-banner__background-image.image img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--focal-alignment, center)}.ugc-banner__background-image--desktop:not(.ugc-banner__background-image--all){display:none}.ugc-banner__shape{position:absolute;z-index:0;border-radius:50%;background-color:var(--ugc-banner-shape-color);pointer-events:none}.ugc-banner__shape--one{top:-100px;right:-120px;width:260px;height:260px}.ugc-banner__shape--two{display:none}.ugc-banner__inner{position:relative;z-index:1;display:grid;grid-template-areas:"content" "media";grid-template-columns:minmax(0,1fr)}.ugc-banner__content{grid-area:content;display:flex;flex-wrap:wrap;align-items:flex-end;column-gap:26px;padding-right:var(--space-outer);padding-left:var(--space-outer)}.ugc-banner__content--align-mobile-left{justify-content:flex-start;text-align:left}.ugc-banner__content--align-mobile-center{justify-content:center;text-align:center}.ugc-banner__block{flex:0 0 100%;min-width:0;margin-top:var(--ugc-banner-spacing-top-mobile);margin-bottom:0}.ugc-banner__badge{display:inline-block;margin:0;padding:6px 20px;border-radius:999px;background-color:var(--ugc-banner-badge-background);color:var(--ugc-banner-badge-text);font-size:var(--ugc-banner-font-size-mobile);font-weight:700;line-height:1.2;letter-spacing:.12em;text-transform:uppercase}.ugc-banner__heading{color:var(--ugc-banner-text-color);font-size:var(--ugc-banner-font-size-mobile);font-weight:700;line-height:1.1}.ugc-banner__heading.h3{font-size:26px}.ugc-banner__heading.h2{font-size:var(--font-size-heading-3-base)}.ugc-banner__heading.h1{font-size:var(--font-size-heading-2-base)}.ugc-banner__text{color:var(--ugc-banner-text-color);line-height:1.46}.ugc-banner__text.ugc-banner__text--custom-size{font-size:var(--ugc-banner-font-size-mobile)}.ugc-banner__text p{margin:0}.ugc-banner__text a{color:inherit}.ugc-banner__text-inner--desktop{display:none}ugc-banner-countdown{display:block}ugc-banner-countdown[hidden]{display:none}.ugc-banner__countdown-label{margin:0 0 6px;color:var(--ugc-banner-countdown-label-color);font-size:var(--ugc-banner-countdown-label-size-mobile);font-weight:700;line-height:1.2;letter-spacing:.05em;text-transform:uppercase}.ugc-banner__countdown-units{display:flex;gap:8px}.ugc-banner__content--align-mobile-center .ugc-banner__countdown-units{justify-content:center}.ugc-banner__countdown-unit{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:var(--ugc-banner-chip-width);height:var(--ugc-banner-chip-height);border:1px solid var(--ugc-banner-countdown-chip-border);border-radius:6px;background-color:var(--ugc-banner-countdown-chip-background);text-align:center}.ugc-banner__countdown-digits{color:var(--ugc-banner-countdown-digits-color);font-size:18px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1}.ugc-banner__countdown-unit-label{color:var(--ugc-banner-countdown-unit-color);font-size:8px;line-height:1;letter-spacing:.05em;text-transform:uppercase}.ugc-banner__button{display:inline-flex;align-items:center;justify-content:center;min-width:200px;max-width:100%;min-height:var(--ugc-banner-button-height);padding:0 24px;border-radius:3px;background-color:var(--ugc-banner-button-background);color:var(--ugc-banner-button-text);font-size:13px;font-weight:700;line-height:1.2;letter-spacing:.05em;text-align:center;text-decoration:none;text-transform:uppercase;transition:opacity .2s ease}.ugc-banner__button:hover{color:var(--ugc-banner-button-text);opacity:.85}.ugc-banner__button-wrapper--full-mobile .ugc-banner__button{width:100%}.ugc-banner__media{grid-area:media;display:block;min-width:0;margin-top:20px;overflow:hidden}.ugc-banner--swapped .ugc-banner__inner{grid-template-areas:"media" "content"}.ugc-banner--swapped .ugc-banner__media{margin-top:0;margin-bottom:20px}.ugc-banner__track{display:flex;gap:var(--ugc-banner-item-gap);width:max-content;animation:ugc-banner-marquee var(--ugc-banner-marquee-duration, 30s) linear infinite;animation-play-state:paused;will-change:transform}.ugc-banner__media.is-running .ugc-banner__track{animation-play-state:running}.ugc-banner__item{flex:0 0 var(--ugc-banner-item-width);height:var(--ugc-banner-item-height);overflow:hidden;border-radius:var(--ugc-banner-item-radius);background-color:#0000000d;pointer-events:none}.ugc-banner__item-media{display:block;width:100%;height:100%;object-fit:cover}.ugc-banner__item-placeholder{background-color:#00000014;fill:#0000004d}@keyframes ugc-banner-marquee{to{transform:translate3d(calc(-1 * var(--ugc-banner-marquee-distance, 0px)),0,0)}}@media(prefers-reduced-motion:reduce){.ugc-banner__track{animation:none}}@media(min-width:960px){.ugc-banner{--ugc-banner-item-width: 196px;--ugc-banner-item-height: 340px;--ugc-banner-item-radius: 14px;--ugc-banner-item-gap: 16px;--ugc-banner-chip-width: 54px;--ugc-banner-chip-height: 64px;padding-top:var(--ugc-banner-padding-top-desktop);padding-bottom:var(--ugc-banner-padding-bottom-desktop)}.ugc-banner__background-image--mobile{display:none}.ugc-banner__background-image--desktop:not(.ugc-banner__background-image--all){display:block}.ugc-banner__shape--one{top:-190px;right:auto;left:-180px;width:420px;height:420px}.ugc-banner__shape--two{display:block;top:300px;left:calc(50% - 160px);width:300px;height:300px}.ugc-banner__inner{grid-template-areas:"content media";grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;max-width:var(--max-width);margin-right:auto;margin-left:auto;padding-right:var(--space-outer);padding-left:var(--space-outer)}.ugc-banner__content{padding-right:40px;padding-left:0}.ugc-banner__content--align-left{justify-content:flex-start;text-align:left}.ugc-banner__content--align-center{justify-content:center;text-align:center}.ugc-banner__block{margin-top:var(--ugc-banner-spacing-top-desktop)}.ugc-banner__badge{padding:8px 24px;font-size:var(--ugc-banner-font-size-desktop);letter-spacing:.145em}.ugc-banner__heading--custom-size,.ugc-banner__text.ugc-banner__text--custom-size{font-size:var(--ugc-banner-font-size-desktop)}.ugc-banner__text-inner--mobile{display:none}.ugc-banner__text-inner--desktop{display:block}.ugc-banner__countdown{flex:0 0 auto}.ugc-banner__countdown-label{font-size:var(--ugc-banner-countdown-label-size-desktop)}.ugc-banner__content--align-left .ugc-banner__countdown-units{justify-content:flex-start}.ugc-banner__content--align-center .ugc-banner__countdown-units{justify-content:center}.ugc-banner__countdown-digits{font-size:19px}.ugc-banner__countdown-unit-label{font-size:9px}.ugc-banner__button-wrapper{flex:0 0 auto}.ugc-banner__button-wrapper--full-mobile .ugc-banner__button{width:auto}.ugc-banner__countdown:not([hidden])+.ugc-banner__button-wrapper{margin-bottom:calc((var(--ugc-banner-chip-height) - var(--ugc-banner-button-height)) / 2)}.ugc-banner__media{--ugc-banner-bleed: calc(var(--space-outer) + max(0px, (100vw - var(--max-width)) / 2));margin-top:0;margin-right:calc(-1 * var(--ugc-banner-bleed));-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--ugc-banner-fade-width));mask-image:linear-gradient(to right,transparent,#000 var(--ugc-banner-fade-width))}.ugc-banner--swapped .ugc-banner__inner{grid-template-areas:"media content"}.ugc-banner--swapped .ugc-banner__content{padding-right:0;padding-left:40px}.ugc-banner--swapped .ugc-banner__media{margin-right:0;margin-bottom:0;margin-left:calc(-1 * var(--ugc-banner-bleed));-webkit-mask-image:linear-gradient(to left,transparent,#000 var(--ugc-banner-fade-width));mask-image:linear-gradient(to left,transparent,#000 var(--ugc-banner-fade-width))}}
/*# sourceMappingURL=/cdn/shop/t/256/assets/section-ugc-videos-banner.css.map */