.ui-ugc-block{position:relative;display:inline-flex}.ui-ugc-block__thumbnail{position:relative;display:flex;align-items:center;justify-content:center;width:46px;height:80px;padding:0;overflow:hidden;border:1px solid rgba(0,0,0,0);border-radius:4px;background:rgba(0,0,0,0);cursor:pointer;transition:border-color 150ms cubic-bezier(0.4, 0, 0.2, 1)}.ui-ugc-block__thumbnail:hover,.ui-ugc-block__thumbnail:active{border-color:#fff}.ui-ugc-block__thumbnail-image,.ui-ugc-block__thumbnail-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;border-radius:4px;pointer-events:none}.ui-ugc-block__thumbnail-image[hidden],.ui-ugc-block__thumbnail-video[hidden]{display:none}.ui-ugc-block__thumbnail-play{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:8px;backdrop-filter:blur(50px);background-color:rgba(249,246,241,.15);pointer-events:none}.ui-ugc-block__play-icon{color:#fff}.ui-ugc-block__overlay{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(0,0,0,.5);backdrop-filter:blur(8px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity 200ms cubic-bezier(0.4, 0, 0.2, 1),visibility 200ms cubic-bezier(0.4, 0, 0.2, 1)}.ui-ugc-block--open .ui-ugc-block__overlay{opacity:1;visibility:visible;pointer-events:auto}.ui-personalisation-modal .ui-ugc-block__overlay{z-index:1200}.ui-ugc-block__viewer{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:100%;height:100%;outline:none}.ui-ugc-block__stage{position:relative;display:flex;align-items:flex-end;justify-content:center;width:100%;flex:1 1 auto;min-height:0;container-type:size}.ui-ugc-block__media{position:relative;width:min(100cqw,56.8333333333cqh,327px);height:auto;aspect-ratio:341/600;overflow:hidden;border-radius:8px;touch-action:pan-y}.ui-ugc-block__image,.ui-ugc-block__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:8px}.ui-ugc-block__image[hidden],.ui-ugc-block__video[hidden]{display:none}.ui-ugc-block__arrow.ui-icon-button,.ui-ugc-block__close.ui-icon-button{position:absolute;z-index:3;max-width:40px;max-height:40px;background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.08);opacity:1;transition:opacity 200ms cubic-bezier(0.4, 0, 0.2, 1),background-color 300ms cubic-bezier(0.4, 0, 0.2, 1)}.ui-ugc-block__arrow.ui-icon-button:hover:not([disabled]),.ui-ugc-block__close.ui-icon-button:hover:not([disabled]){background-color:#f2ece2}.ui-ugc-block__arrow.ui-icon-button:active:not([disabled]),.ui-ugc-block__close.ui-icon-button:active:not([disabled]){background-color:#f1e8da}.ui-ugc-block__arrow.ui-icon-button{top:50%;transform:translateY(-50%)}.ui-ugc-block__close.ui-icon-button{top:1rem;right:1rem}.ui-ugc-block__arrow--prev.ui-icon-button{left:16px}.ui-ugc-block__arrow--next.ui-icon-button{right:16px}.ui-ugc-block__arrow--hidden.ui-icon-button{opacity:0;pointer-events:none}.ui-ugc-block__thumbs{display:flex;flex-wrap:nowrap;gap:12px;align-items:center;width:100%;max-width:100%;margin:24px 0 0;padding:0;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}.ui-ugc-block__thumbs::-webkit-scrollbar{display:none}.ui-ugc-block__thumb{position:relative;flex:0 0 auto;box-sizing:border-box;width:56px;height:56px;padding:0;overflow:hidden;border:0;border-radius:4px;background:#fff;cursor:pointer;scroll-snap-align:center}.ui-ugc-block__thumb--active{border:1px solid #fff}.ui-ugc-block__thumb-image,.ui-ugc-block__thumb-video{display:block;width:100%;height:100%;object-fit:cover;border-radius:4px;pointer-events:none}.ui-ugc-block__thumb-play{position:absolute;top:50%;left:50%;z-index:1;display:flex;align-items:center;justify-content:center;padding:6px;border-radius:4px;backdrop-filter:blur(50px);background-color:rgba(249,246,241,.15);transform:translate(-50%, -50%);pointer-events:none}.ui-ugc-block__thumb--active.ui-ugc-block__thumb:has(.ui-ugc-block__thumb-play){background-color:#000}@media(min-width: 1024px){.ui-ugc-block__thumbnail{width:68px;height:120px}.ui-ugc-block__media{width:min(100cqw,56.8333333333cqh)}.ui-ugc-block__arrow.ui-icon-button,.ui-ugc-block__close.ui-icon-button{max-width:56px;max-height:56px}.ui-ugc-block__arrow--prev.ui-icon-button{left:32px}.ui-ugc-block__arrow--next.ui-icon-button{right:32px}.ui-ugc-block__thumbs{gap:24px;justify-content:center;width:auto;margin-top:40px;overflow-x:visible}.ui-ugc-block__thumb{width:80px;height:80px}.ui-ugc-block__close.ui-icon-button{top:2rem;right:2rem}}