.gvode-ugc{--gvode-ugc-gap: clamp(12px, 2vw, 24px);--gvode-ugc-focus: var(--color-primary-button-focus-outline, var(--color-foreground))}.gvode-ugc [data-ugc-rail]{display:flex;gap:var(--gvode-ugc-gap);overflow-x:auto;overscroll-behavior-inline:contain;padding-block-end:8px;scroll-behavior:smooth;scroll-padding-inline:1px;scroll-snap-type:x mandatory;scrollbar-width:thin}.gvode-ugc [data-ugc-item],.gvode-ugc .gvode-ugc-card{flex:0 0 min(82vw,360px);min-inline-size:0;scroll-snap-align:start;scroll-snap-stop:always}.gvode-ugc [hidden]{display:none!important}.gvode-ugc-card{display:flex;min-inline-size:0;flex-direction:column;color:var(--color-foreground)}.gvode-ugc-card__media{position:relative;overflow:hidden;aspect-ratio:4 / 5;background:rgb(var(--color-foreground-rgb) / var(--opacity-5))}.gvode-ugc-card__poster{display:block;inline-size:100%;block-size:100%;object-fit:cover}.gvode-ugc-card__play{position:absolute;inset-inline-start:16px;inset-block-end:16px;display:inline-flex;min-inline-size:44px;min-block-size:44px;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border:0;border-radius:999px;color:var(--color-primary-button-text);background:var(--color-primary-button-background);cursor:pointer;transition:transform .16s ease,opacity .16s ease}.gvode-ugc-card__play:hover{transform:translateY(-1px)}.gvode-ugc-card__content{min-inline-size:0;padding-block:14px 4px}.gvode-ugc-card__content>:first-child{margin-block-start:0}.gvode-ugc-card__content>:last-child{margin-block-end:0}.gvode-ugc-card__content h3,.gvode-ugc-card__product-details p{margin-block:0}.gvode-ugc-card__description,.gvode-ugc-card__creator,.gvode-ugc-card__date,.gvode-ugc-card__source{overflow-wrap:anywhere}.gvode-ugc-card__source{display:inline-flex;align-items:center;gap:6px}.gvode-ugc-card__source svg{inline-size:20px;block-size:20px;flex:none}.gvode-ugc-card__product{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;margin-block-start:16px;align-items:center}.gvode-ugc-card__product-image{display:block;inline-size:64px;block-size:64px;object-fit:cover}.gvode-ugc-card__product-details{min-inline-size:0}.gvode-ugc [data-ugc-prev],.gvode-ugc [data-ugc-next],.gvode-ugc [data-ugc-show-more],.gvode-ugc-card__play,.gvode-ugc-player__close{min-inline-size:44px;min-block-size:44px}.gvode-ugc :is(button,a):focus-visible,.gvode-ugc-player :is(button,a,video):focus-visible{outline:3px solid var(--gvode-ugc-focus);outline-offset:3px;box-shadow:0 0 0 2px #fff,0 0 0 5px var(--gvode-ugc-focus)}.gvode-ugc-player{box-sizing:border-box;inline-size:min(100vw - 2rem,72rem);max-inline-size:calc(100vw - 2rem);max-block-size:calc(100dvh - 2rem);margin:auto;padding:0;overflow:hidden;border:0;color:var(--color-foreground);background:var(--color-background)}.gvode-ugc-player::backdrop{background:rgb(var(--color-foreground-rgb) / var(--opacity-70))}.gvode-ugc-player__surface{position:relative;display:grid;max-inline-size:100%;max-block-size:calc(100dvh - 2rem);padding:clamp(12px,2vw,24px);place-items:center}.gvode-ugc-player__video{display:block;max-inline-size:100%;max-block-size:calc(100dvh - 5rem)}.gvode-ugc-player__close{position:absolute;inset-block-start:8px;inset-inline-end:8px;z-index:1;border:0;border-radius:50%;color:var(--color-primary-button-text);background:var(--color-primary-button-background);cursor:pointer}.gvode-ugc-player__error{margin:12px 0 0}@media(min-width:768px){.gvode-product-ugc [data-ugc-rail],.gvode-ugc--product [data-ugc-rail]{display:grid;overflow:visible;grid-template-columns:repeat(2,minmax(0,1fr))}.gvode-product-ugc [data-ugc-item],.gvode-product-ugc .gvode-ugc-card,.gvode-ugc--product [data-ugc-item],.gvode-ugc--product .gvode-ugc-card{flex-basis:auto}}@media(min-width:990px){.gvode-product-ugc [data-ugc-rail],.gvode-ugc--product [data-ugc-rail]{grid-template-columns:repeat(3,minmax(0,1fr))}.gvode-reviews [data-ugc-rail] [data-ugc-item],.gvode-reviews [data-ugc-rail] .gvode-ugc-card,.gvode-ugc--homepage [data-ugc-rail] [data-ugc-item],.gvode-ugc--homepage [data-ugc-rail] .gvode-ugc-card{flex-basis:calc((100% - 3 * var(--gvode-ugc-gap)) / 4)}}@media(min-width:1200px){.gvode-product-ugc [data-ugc-rail],.gvode-ugc--product [data-ugc-rail]{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.gvode-ugc [data-ugc-rail]{scroll-behavior:auto}.gvode-ugc *,.gvode-ugc-player,.gvode-ugc-player *{transition:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/gvode-ugc.css.map */