.acc-ugc{width:100%;margin:20px 0}.acc-ugc__section{padding:8px 0}.acc-ugc__header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.acc-ugc__title{margin:0;color:#000;font-family:Montserrat,sans-serif;font-size:18px;font-style:normal;font-weight:700;line-height:23px}.acc-ugc__pagination{display:flex;align-items:center;justify-content:flex-end;gap:16px;flex-shrink:0;max-width:fit-content;width:100%}.acc-ugc__dot{width:6px;height:6px;margin:0!important;border:0;border-radius:9999px;opacity:.4;background:#000;cursor:pointer;padding:0;transition:opacity .2s ease}.acc-ugc__dot--active{opacity:1}.acc-ugc__carousel{position:relative}.acc-ugc__swiper{overflow:hidden}.acc-ugc__slide{width:103px!important;flex-shrink:0!important}.acc-ugc__media{position:relative;display:block;width:103px;height:103px;padding:2px;margin:0;box-shadow:inset 0 0 0 1px #e32c2b;border:0;border-radius:52px;background:transparent;cursor:pointer;box-sizing:border-box;overflow:hidden}.acc-ugc__poster,.acc-ugc__video{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;pointer-events:none}.acc-ugc__poster{z-index:1}.acc-ugc__video{z-index:2;opacity:0;background:transparent;transition:opacity .2s ease}.acc-ugc__slide--active .acc-ugc__video{opacity:1}.acc-ugc-modal{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;background:transparent;overflow:hidden;opacity:0;transform:scale(.97);transition:opacity .22s ease,transform .22s ease,overlay .22s allow-discrete,display .22s allow-discrete}.acc-ugc-modal[open]{opacity:1;transform:scale(1)}@starting-style{.acc-ugc-modal[open]{opacity:0;transform:scale(.97)}}.acc-ugc-modal::backdrop{background:#0000;transition:background-color .22s ease,overlay .22s allow-discrete,display .22s allow-discrete}.acc-ugc-modal[open]::backdrop{background-color:#000000b8}@starting-style{.acc-ugc-modal[open]::backdrop{background-color:#0000}}.acc-ugc-modal__dialog{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:48px 56px;pointer-events:none}.acc-ugc-modal__frame{--acc-ugc-gutter-x: 112px;--acc-ugc-gutter-y: 120px;display:grid;width:min(420px,calc(100vw - var(--acc-ugc-gutter-x)),calc((100dvh - var(--acc-ugc-gutter-y)) * 608 / 1080));aspect-ratio:608 / 1080;border-radius:6px;overflow:hidden;background:#000;pointer-events:auto}.acc-ugc-modal__video{grid-area:1 / 1;display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover;opacity:0;transition:opacity .26s ease}.acc-ugc-modal__video--active{opacity:1}.acc-ugc-modal__close,.acc-ugc-modal__prev,.acc-ugc-modal__next{position:absolute;display:inline-flex;align-items:center;justify-content:center;margin:0;padding:0;border:0;background-color:#00000073;cursor:pointer;pointer-events:auto;color:#fff}.acc-ugc-modal__close{top:16px;right:16px;width:40px;height:40px;border-radius:50%}.acc-ugc-modal__close:after{content:"\d7";font-size:28px;line-height:1;font-weight:300}.acc-ugc-modal__prev,.acc-ugc-modal__next{top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}.acc-ugc-modal__prev:after,.acc-ugc-modal__next:after{content:"";display:block;width:10px;height:10px;border:solid currentColor;border-width:0 2px 2px 0;box-sizing:border-box}.acc-ugc-modal__prev:after{transform:rotate(135deg);margin-left:3px}.acc-ugc-modal__next:after{transform:rotate(-45deg);margin-right:3px}.acc-ugc-modal__prev{left:12px}.acc-ugc-modal__next{right:12px}.acc-ugc-modal-open #smile-ui-container{display:none!important}.acc-ugc-modal-open{overflow:hidden}@media(max-width:767px){.acc-ugc__swiper{overflow:visible}#main:has(.acc-ugc){overflow-x:clip}.acc-ugc__pagination{gap:8px}.acc-ugc-modal__dialog{padding:56px 16px 24px}.acc-ugc-modal__frame{--acc-ugc-gutter-x: 32px;--acc-ugc-gutter-y: 96px}.acc-ugc-modal__prev{left:4px}.acc-ugc-modal__next{right:4px}.acc-ugc-modal__prev,.acc-ugc-modal__next{width:36px;height:36px}.acc-ugc-modal__prev:after,.acc-ugc-modal__next:after{width:8px;height:8px}}@media(prefers-reduced-motion:reduce){.acc-ugc__video,.acc-ugc-modal,.acc-ugc-modal::backdrop,.acc-ugc-modal__video{transition:none}.acc-ugc-modal{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/184/assets/acc-ugc-videos.css.map */