.dr-ugc{margin:2px 0 4px}.dr-ugc__title{margin:0 0 10px;font-size:var(--fs-secondaire);font-weight:700;line-height:1.3}.dr-ugc__list{list-style:none;margin:-6px calc(var(--marge) * -1) -4px;padding:6px var(--marge);display:flex;gap:14px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.dr-ugc__list::-webkit-scrollbar{display:none}.dr-ugc__list>li{flex:none}.dr-ugc__bubble{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;width:76px;padding:0;border:0;background:none;color:var(--nuit);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.dr-ugc__ring{display:block;width:72px;height:72px;padding:3px;border-radius:50%;background:var(--nuit);transition:transform var(--d-s) var(--ease-out),background-color var(--d-s) var(--ease-out)}.dr-ugc__ring img,.dr-ugc__loop{display:block;width:100%;height:100%;object-fit:cover;border:2px solid var(--lune);border-radius:50%;background:var(--nuit-12)}.dr-ugc__bubble.is-seen .dr-ugc__ring{background:var(--nuit-25)}.dr-ugc__play{position:absolute;top:50px;left:50%;margin-left:16px;display:grid;place-items:center;width:24px;height:24px;border:2px solid var(--lune);border-radius:50%;background:var(--nuit);color:var(--lune)}.dr-ugc__play .dr-icon{width:10px;height:10px;margin-left:1px;fill:currentColor;stroke:none}.dr-ugc__label{max-width:100%;font-size:12px;line-height:1.25;text-align:center;color:var(--nuit-80)}.dr-ugc__bubble:focus-visible{outline:none}.dr-ugc__bubble:focus-visible .dr-ugc__ring{box-shadow:0 0 0 2px var(--lune),0 0 0 4px var(--nuit)}@media(hover:hover)and (pointer:fine){.dr-ugc__bubble:hover .dr-ugc__ring{transform:scale(1.05)}}@media(max-width:749px){.dr-ugc__play{display:none}}@media(min-width:990px){.dr-ugc__list{margin:-6px -6px -4px;padding:6px}}.dr-ugc-dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;color:var(--lune);overflow:hidden}.dr-ugc-dialog[open]{display:grid;place-items:center}.dr-ugc-dialog:not([open]){display:none}.dr-ugc-dialog::backdrop{background:#1b2757e0}.dr-ugc-dialog__frame{position:relative;width:100%;height:100%;background:var(--nuit);overflow:hidden}.dr-ugc-dialog__video{display:block;width:100%;height:100%;object-fit:cover;background:var(--nuit)}.dr-ugc-dialog__tap{position:absolute;top:0;left:0;right:0;bottom:64px;z-index:1;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.dr-ugc-dialog__bars{position:absolute;top:10px;left:12px;right:60px;z-index:2;display:flex;gap:4px;pointer-events:none}.dr-ugc-dialog__bars span{flex:1;height:3px;border-radius:2px;background:#eef0f359;overflow:hidden}.dr-ugc-dialog__bars i{display:block;height:100%;background:var(--lune);transform:scaleX(0);transform-origin:left}.dr-ugc-dialog__close,.dr-ugc-dialog__nav{position:absolute;z-index:2;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;cursor:pointer}.dr-ugc-dialog__close{top:2px;right:6px;background:#1b27578c;color:var(--lune)}.dr-ugc-dialog__nav{top:50%;margin-top:-22px;background:var(--lune);color:var(--nuit)}.dr-ugc-dialog__nav--prev{left:10px}.dr-ugc-dialog__nav--next{right:10px}@media(hover:none){.dr-ugc-dialog__nav{display:none}}@media(min-width:750px){.dr-ugc-dialog__frame{width:auto;height:min(90vh,860px);aspect-ratio:9/16;max-width:calc(100vw - 160px);border-radius:var(--r-carte)}.dr-ugc-dialog__nav--prev{left:-62px}.dr-ugc-dialog__nav--next{right:-62px}.dr-ugc-dialog__frame{overflow:visible}.dr-ugc-dialog__video{border-radius:var(--r-carte)}}html.dr-ugc-open{overflow:hidden}@media(prefers-reduced-motion:no-preference){.dr-ugc-dialog[open]{animation:dr-ugc-in var(--d-m) var(--ease-out) both}@keyframes dr-ugc-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}}.dr-ugc-wall{padding-top:0}.dr-ugc-wall__head{margin-bottom:var(--sp-5)}.dr-ugc-wall__list{list-style:none;margin:0 calc(var(--marge) * -1);padding:0 var(--marge) 6px;display:grid;grid-auto-flow:column;grid-auto-columns:min(40vw,220px);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 var(--marge);scrollbar-width:none;-webkit-overflow-scrolling:touch}.dr-ugc-wall__list::-webkit-scrollbar{display:none}.dr-ugc-wall__list>li{scroll-snap-align:start;min-width:0}.dr-ugc-card{position:relative;display:block;width:100%;padding:0;border:0;border-radius:var(--r-carte);background:none;color:var(--lune);font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform var(--d-s) var(--ease-out)}.dr-ugc-card__screen{position:relative;display:block;aspect-ratio:9/16;border-radius:var(--r-carte);overflow:hidden;background:var(--nuit-12)}.dr-ugc-card__screen img,.dr-ugc-card__screen video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.dr-ugc-card__label{position:absolute;left:12px;right:12px;bottom:14px;z-index:1;font-size:13px;font-weight:700;line-height:1.25;color:var(--lune);text-shadow:0 1px 6px rgb(27 39 87 / .6)}.dr-ugc-card:focus-visible{outline:none;box-shadow:0 0 0 2px var(--lune),0 0 0 4px var(--nuit)}@media(hover:hover)and (pointer:fine){.dr-ugc-card:hover{transform:translateY(-3px)}}@media(min-width:990px){.dr-ugc-wall__list{margin:0;padding:0;grid-auto-flow:row;grid-template-columns:repeat(4,1fr);grid-auto-columns:auto;gap:24px;overflow:visible}.dr-ugc-card__label{left:16px;right:16px;bottom:18px;font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/dreamy-ugc.css.map */