.avalon-ugc-section{container-type:inline-size}.avalon-ugc{--u: calc(100cqw / 1920);--avalon-ugc-card: min(72vw, 300px);--avalon-ugc-gap: 16px;display:flex;flex-direction:column;gap:32px;align-items:center;padding-block:min(var(--avalon-ugc-padding-block),56px);overflow:hidden;background-color:var(--avalon-ugc-bg);background-image:var(--avalon-ugc-bg-image, none);background-position:center;background-size:cover;color:var(--avalon-ugc-text)}.avalon-ugc__intro{display:flex;flex-direction:column;gap:16px;align-items:center;width:100%;padding-inline:20px;text-align:center}.avalon-ugc__intro>*{margin:0}.avalon-ugc__rating{display:flex;gap:8px;align-items:center;justify-content:center}.avalon-ugc__stars{display:flex;flex-shrink:0;gap:2px}.avalon-ugc__stars img{display:block;width:15px;height:auto}.avalon-ugc__rating-text{margin:0;font-family:var(--font-body--family);font-size:.875rem;font-weight:700;line-height:1.3}.avalon-ugc__heading{background-image:linear-gradient(to bottom,var(--avalon-ugc-gradient-start),var(--avalon-ugc-gradient-end));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-family:var(--font-heading--family);font-size:clamp(2.25rem,12vw,3.5rem);font-weight:700;line-height:1.15;text-transform:uppercase;text-wrap:balance}.avalon-ugc__subheading{font-family:var(--font-heading--family);font-size:1rem;font-weight:700;line-height:1.3}.avalon-ugc__carousel{display:flex;flex-direction:column;gap:24px;align-items:center;width:100%}.avalon-ugc__track{display:flex;gap:var(--avalon-ugc-gap);justify-content:safe center;width:100%;margin:0;padding:0;overflow-x:auto;list-style:none;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.avalon-ugc__track::-webkit-scrollbar{display:none}@media(prefers-reduced-motion:no-preference){.avalon-ugc__track{scroll-behavior:smooth}}.avalon-ugc__card{flex:0 0 var(--avalon-ugc-card);scroll-snap-align:center}.avalon-ugc__media{position:relative;aspect-ratio:444 / 711.11;overflow:hidden;border-radius:12px;background-color:#000}.avalon-ugc__poster,.avalon-ugc__video{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.avalon-ugc__video[hidden],.avalon-ugc__media.is-playing .avalon-ugc__poster,.avalon-ugc__media.is-playing .avalon-ugc__play{display:none}.avalon-ugc__play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;padding:0;place-items:center;border:0;background:transparent;cursor:pointer}.avalon-ugc__play-disc{display:block;width:28%;aspect-ratio:1;border-radius:50%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:transform .2s ease}.avalon-ugc__play-disc img{display:block;width:100%;height:100%}@media(hover:hover){.avalon-ugc__play:hover .avalon-ugc__play-disc{transform:scale(1.06)}}@media(prefers-reduced-motion:reduce){.avalon-ugc__play-disc{transition:none}}.avalon-ugc__play:focus-visible{outline:3px solid var(--avalon-ugc-accent);outline-offset:-6px}.avalon-ugc__controls{display:flex;gap:24px;align-items:center;justify-content:center}.avalon-ugc__arrow{display:grid;width:36px;padding:0;place-items:center;border:0;background:transparent;cursor:pointer}.avalon-ugc__arrow img{display:block;width:100%;height:auto}.avalon-ugc__arrow--prev img{transform:rotate(180deg)}.avalon-ugc__arrow:focus-visible,.avalon-ugc__dot:focus-visible{outline:2px solid var(--avalon-ugc-accent);outline-offset:2px}.avalon-ugc__dots{display:flex;align-items:center}.avalon-ugc__dot{position:relative;width:15px;height:24px;padding:0;border:0;background:transparent;cursor:pointer}.avalon-ugc__dot:before{position:absolute;inset:50% auto auto 50%;width:5px;height:5px;border-radius:50%;background-color:#f6f2e8;opacity:.5;transform:translate(-50%,-50%);content:""}.avalon-ugc__dot[aria-current=true]:before{opacity:1}.avalon-ugc__cta{padding-inline:20px}.avalon-ugc__button{display:inline-flex;gap:10px;align-items:center;justify-content:center;padding:16px 24px;border-radius:14px;background-color:var(--avalon-ugc-accent);color:#000;font-family:var(--font-heading--family);font-size:1rem;font-weight:700;line-height:1.17;text-align:center;text-decoration:none;text-transform:uppercase}.avalon-ugc__button img{display:block;flex-shrink:0;width:18px;height:auto}@media screen and (max-width:749px){.avalon-ugc__button{gap:8px;padding:12px 20px;font-size:.8125rem}.avalon-ugc__button img{width:14px}}.avalon-ugc__button:hover{filter:brightness(1.08)}.avalon-ugc__button:focus-visible{outline:2px solid var(--avalon-ugc-text);outline-offset:3px}@media screen and (min-width:990px){.avalon-ugc{--avalon-ugc-card: calc(444 * var(--u));--avalon-ugc-gap: calc(41 * var(--u));gap:calc(64 * var(--u));padding-block:var(--avalon-ugc-padding-block)}.avalon-ugc__intro{gap:calc(32 * var(--u));max-width:calc(1568 * var(--u))}.avalon-ugc__rating{gap:calc(8 * var(--u))}.avalon-ugc__stars{gap:calc(2 * var(--u))}.avalon-ugc__stars img{width:max(12px,calc(19.4 * var(--u)))}.avalon-ugc__rating-text{font-size:max(.875rem,calc(20 * var(--u)))}.avalon-ugc__heading{font-size:max(2.25rem,calc(100 * var(--u)))}.avalon-ugc__subheading{font-size:max(1rem,calc(24 * var(--u)))}.avalon-ugc__carousel{gap:calc(35 * var(--u))}.avalon-ugc__media{border-radius:calc(12 * var(--u))}.avalon-ugc__controls{gap:calc(30 * var(--u))}.avalon-ugc__arrow{width:max(32px,calc(42 * var(--u)))}.avalon-ugc__button{gap:calc(10 * var(--u));padding:max(14px,calc(20 * var(--u))) max(20px,calc(30 * var(--u)));font-size:max(1rem,calc(24 * var(--u)))}.avalon-ugc__button img{width:calc(22 * var(--u));min-width:14px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-avalon-ugc.css.map */