.rb-ugc{overflow:clip}.rb-ugc__head{display:grid;gap:var(--rb-space-5);align-items:end;margin-bottom:var(--rb-space-6)}.rb-ugc__intro>*{margin:0}.rb-ugc__intro .rb-eyebrow{margin-bottom:var(--rb-space-2)}.rb-ugc__title{color:inherit}.rb-ugc__lead{margin-top:var(--rb-space-3)!important;color:color-mix(in oklab,currentColor 72%,transparent)}.rb-ugc__side{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--rb-space-4)}.rb-theme--light .rb-ugc .rb-tp,.rb-theme--tint .rb-ugc .rb-tp{color:var(--rb-ink)}.rb-ugc__arrows{display:none;gap:var(--rb-space-2)}.rb-ugc__arrow{display:grid;place-items:center;width:48px;height:48px;padding:0;border:1.5px solid color-mix(in oklab,currentColor 35%,transparent);border-radius:50%;background:transparent;color:inherit;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}.rb-ugc__arrow:first-child svg{rotate:180deg}.rb-ugc__arrow:hover{border-color:var(--rb-orange);background:var(--rb-orange);color:var(--rb-ink)}.rb-ugc__arrow:focus-visible{outline:2px solid var(--rb-orange);outline-offset:3px}@media(min-width:900px){.rb-ugc__head{grid-template-columns:1fr auto}.rb-ugc__arrows{display:flex}}.rb-ugc__gallery{display:block}.rb-ugc__track{--_w: clamp(200px, 58vw, 252px);display:grid;grid-auto-flow:column;grid-auto-columns:var(--_w);gap:var(--rb-space-4);margin:0;padding:0 max(var(--rb-gutter),(100vw - 1248px) / 2) var(--rb-space-2);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:max(var(--rb-gutter),(100vw - 1248px) / 2);scrollbar-width:none;list-style:none}.rb-ugc__track::-webkit-scrollbar{display:none}.rb-ugc__card{position:relative;aspect-ratio:9 / 16;overflow:hidden;isolation:isolate;border-radius:var(--rb-radius-md);background:var(--rb-grey-900);color:var(--rb-white);scroll-snap-align:start}.rb-ugc__card--skeleton{background:linear-gradient(110deg,#1a1a1a 30%,#262626,#1a1a1a 70%) 0 0 / 300% 100%}@media(prefers-reduced-motion:no-preference){.rb-ugc__card--skeleton{animation:rb-ugc-shimmer 1.4s linear infinite}}@keyframes rb-ugc-shimmer{to{background-position:-150% 0}}.rb-theme--light .rb-ugc__card--skeleton{background-image:linear-gradient(110deg,var(--rb-grey-100) 30%,var(--rb-grey-200) 50%,var(--rb-grey-100) 70%)}.rb-ugc__poster,.rb-ugc__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.rb-ugc__video{opacity:0;transition:opacity .4s var(--rb-ease-out)}.rb-ugc__card[data-playing] .rb-ugc__video{opacity:1}.rb-ugc__brand{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:var(--rb-space-4);background:radial-gradient(120% 80% at 50% 0%,#2a2a2a,#121212);color:var(--rb-orange);font-family:var(--rb-font-heading);font-size:26px;font-style:italic;font-weight:800;text-align:center;text-transform:uppercase}.rb-ugc__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,rgb(0 0 0 / .78) 0%,rgb(0 0 0 / .35) 28%,transparent 48%);pointer-events:none;transition:background-color .3s}.rb-ugc__open{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;padding:0;border:0;background:transparent;cursor:pointer}.rb-ugc__open:focus-visible{outline:3px solid var(--rb-orange);outline-offset:-3px;border-radius:inherit}.rb-ugc__info{position:absolute;inset:auto 0 0;z-index:1;display:grid;gap:2px;padding:var(--rb-space-4);pointer-events:none}.rb-ugc__info>*{margin:0}.rb-ugc__who{display:flex;align-items:center;gap:6px;font-weight:700;font-size:15px;line-height:1.2;overflow-wrap:anywhere}.rb-ugc__platform{display:inline-grid;place-items:center;flex:none;width:22px;height:22px;border-radius:50%;background:#ffffff2e}.rb-ugc__meta{display:flex;flex-wrap:wrap;gap:0 6px;color:#ffffffd1;font-size:12.5px;line-height:1.35}.rb-ugc__toggle,.rb-ugc__play{position:absolute;top:var(--rb-space-3);right:var(--rb-space-3);z-index:3;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:#00000073;color:var(--rb-white);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.rb-ugc__toggle{cursor:pointer}.rb-ugc__toggle:focus-visible{outline:2px solid var(--rb-orange);outline-offset:2px}.rb-ugc__play{pointer-events:none;background:var(--rb-orange);color:var(--rb-ink)}.rb-ugc__quote{position:absolute;inset:auto var(--rb-space-4) 76px;z-index:1;margin:0;font-family:var(--rb-font-heading);font-size:17px;font-style:italic;font-weight:700;line-height:1.25;opacity:0;translate:0 8px;pointer-events:none;transition:opacity .3s var(--rb-ease-out),translate .3s var(--rb-ease-out)}@media(hover:hover)and (pointer:fine){.rb-ugc__card:is(:hover,:focus-within) .rb-ugc__quote{opacity:1;translate:0}.rb-ugc__card:is(:hover,:focus-within) .rb-ugc__shade{background-color:#00000059}}.rb-ugc__empty{margin:0;color:color-mix(in oklab,currentColor 70%,transparent)}.rb-ugc__cta{display:flex;justify-content:center;margin-top:var(--rb-space-6)}.rb-ugc__modal{width:min(960px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);padding:0;border:0;border-radius:var(--rb-radius-md);background:var(--rb-black);color:var(--rb-white);overflow:auto}.rb-ugc__modal::backdrop{background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.rb-ugc__m{position:relative;display:grid}.rb-ugc__m-close{position:absolute;top:10px;right:10px;z-index:2;width:44px;height:44px;border:0;border-radius:50%;background:#0000008c;color:var(--rb-white);font-size:28px;line-height:1;cursor:pointer}.rb-ugc__m-close:focus-visible{outline:2px solid var(--rb-orange);outline-offset:2px}.rb-ugc__m-media{background:#000;aspect-ratio:9 / 16;max-height:70dvh;justify-self:center;width:100%}.rb-ugc__m-video,.rb-ugc__m-embed{display:block;width:100%;height:100%;border:0;object-fit:contain}.rb-ugc__m-media.is-embed{aspect-ratio:auto;height:min(740px,75dvh)}.rb-ugc__m-body{display:grid;align-content:start;gap:var(--rb-space-3);padding:var(--rb-space-5)}.rb-ugc__m-body>*{margin:0}.rb-ugc__m-who{display:flex;align-items:center;gap:8px;font-family:var(--rb-font-heading);font-size:22px;font-style:italic;font-weight:800}.rb-ugc__m-who a{color:inherit}.rb-ugc__m-name{color:#ffffffbf}.rb-ugc__m-quote{padding-inline-start:14px;border-inline-start:3px solid var(--rb-orange);font-size:var(--rb-text-lead);line-height:1.45}.rb-ugc__m-products{display:grid;gap:var(--rb-space-2);margin:0;padding:0;list-style:none}.rb-ugc__m-product{display:flex;align-items:center;gap:12px;padding:8px;border-radius:var(--rb-radius-sm);background:#ffffff14;color:inherit;font-weight:700;text-decoration:none;transition:background-color .2s}.rb-ugc__m-product:hover{background:#ffffff29}.rb-ugc__m-product img{width:48px;height:48px;border-radius:6px;background:var(--rb-white);object-fit:contain}.rb-ugc__m-product small{display:block;color:var(--rb-orange);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.rb-ugc__m-original{color:#fffc;font-size:var(--rb-text-caption)}@media(min-width:750px){.rb-ugc__m{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.rb-ugc__m-media{max-height:82dvh}.rb-ugc__m-body{padding:var(--rb-space-7) var(--rb-space-6)}}.rb-ugc__play{display:none}.rb-ugc__cta{justify-content:flex-end}.rb-ugc__track{overflow-y:hidden;overscroll-behavior-y:auto}.rb-ugc__card{-webkit-mask-image:-webkit-radial-gradient(white,black);transform:translateZ(0)}.rb-ugc__poster,.rb-ugc__video{border-radius:inherit}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-ribbon-ugc.css.map */