.ugc{display:block;background-color:var(--ugc-bg, #ffffff);padding-block:var(--ugc-pad-block-m, 32px);overflow-x:clip}.ugc__inner{display:flex;flex-direction:column;gap:var(--ugc-gap-m, 24px);padding-inline-start:var(--ugc-pad-inline-m, 16px);padding-inline-end:var(--ugc-pad-inline-end-m, 0px)}.ugc__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-inline-end:var(--ugc-pad-inline-m, 16px)}.ugc__heading-group{display:flex;flex-direction:column;gap:8px;min-inline-size:0}.ugc__title{margin:0;font-size:var(--ugc-title-fs-m, 24px);font-weight:700;line-height:1.2;color:var(--ugc-title, #1a1a1a);text-align:var(--ugc-title-align, left);text-transform:var(--ugc-title-transform, uppercase)}.ugc__subtitle{margin:0;font-size:var(--ugc-subtitle-fs-m, 16px);font-weight:400;line-height:1.4;color:var(--ugc-subtitle, #5c5c5c);text-align:var(--ugc-title-align, left)}.ugc__pause{-webkit-appearance:none;appearance:none;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;inline-size:40px;block-size:40px;padding:0;border:1px solid color-mix(in srgb,var(--ugc-accent, #1a1a1a) 22%,transparent);border-radius:50%;background-color:transparent;color:var(--ugc-accent, #1a1a1a);cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.ugc__pause:hover{background-color:color-mix(in srgb,var(--ugc-accent, #1a1a1a) 8%,transparent)}.ugc__pause:focus-visible{outline:2px solid var(--ugc-accent, #1a1a1a);outline-offset:2px}.ugc__pause-icon{display:block;inline-size:16px;block-size:16px}.ugc__pause-icon--play,.ugc__pause[aria-pressed=true] .ugc__pause-icon--pause{display:none}.ugc__pause[aria-pressed=true] .ugc__pause-icon--play{display:block}.ugc__viewport{position:relative;inline-size:100%;overflow:hidden}.ugc__list{list-style:none;margin:0;padding:0}.ugc__viewport:not(.swiper-initialized):not(.swiper-container-initialized) .swiper-wrapper{display:flex;gap:var(--ugc-space-m, 8px)}.ugc__slide{inline-size:var(--ugc-card-width-m, 267px);block-size:auto;display:flex;flex-shrink:0}.ugc__card{display:flex;flex-direction:column;gap:var(--ugc-media-text-gap, 16px);inline-size:100%;margin:0}.ugc__media{-webkit-appearance:none;appearance:none;display:block;position:relative;inline-size:100%;aspect-ratio:var(--ugc-aspect, 267 / 385);padding:0;border:0;margin:0;border-radius:var(--ugc-radius, 8px);overflow:hidden;background-color:var(--ugc-media-bg, #f0ece6);cursor:pointer}.ugc__media--placeholder{cursor:default}.ugc__media:focus-visible{outline:2px solid var(--ugc-accent, #1a1a1a);outline-offset:2px}.ugc__video{display:block;inline-size:100%;block-size:100%;object-fit:cover}.ugc__media--placeholder .placeholder-svg{inline-size:100%;block-size:100%;object-fit:cover}.ugc__sound{position:absolute;inset-block-start:12px;inset-inline-end:12px;inline-size:32px;block-size:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#0000008c;color:#fff;pointer-events:none}.ugc__sound-icon{display:block;inline-size:16px;block-size:16px}.ugc__sound-icon--on,.ugc__media.is-unmuted .ugc__sound-icon--off{display:none}.ugc__media.is-unmuted .ugc__sound-icon--on{display:block}.ugc__info{display:flex;flex-direction:column;gap:var(--ugc-name-role-gap, 8px);margin:0}.ugc__name{margin:0;font-size:var(--ugc-name-fs, 18px);font-weight:600;line-height:1.2;color:var(--ugc-name, #1a1a1a)}.ugc__role{margin:0;font-size:var(--ugc-role-fs, 16px);font-weight:400;line-height:1.3;color:var(--ugc-role, #5c5c5c)}.ugc__quote{margin:0;font-size:var(--ugc-quote-fs, 14px);font-weight:400;line-height:1.5;color:var(--ugc-role, #5c5c5c)}.ugc__empty{margin:0;color:var(--ugc-role, #5c5c5c)}@media(min-width:768px){.ugc{padding-block:var(--ugc-pad-block-d, 56px)}.ugc__inner{gap:var(--ugc-gap-d, 32px);padding-inline-start:max(var(--ugc-pad-inline-d, 64px),calc((100% - var(--ugc-max, 1280px)) / 2));padding-inline-end:var(--ugc-pad-inline-end-d, 0px)}.ugc__header{padding-inline-end:var(--ugc-pad-inline-d, 64px)}.ugc__title{font-size:var(--ugc-title-fs-d, 32px)}.ugc__subtitle{font-size:var(--ugc-subtitle-fs-d, 16px)}.ugc__slide{inline-size:var(--ugc-card-width-d, 267px)}}@media(prefers-reduced-motion:reduce){.ugc .swiper-wrapper{transition-duration:0ms!important}.ugc__pause{display:none}}