.kk-ugc__body{padding:4px 0 14px}.kk-ugc__track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.kk-ugc__track::-webkit-scrollbar{display:none}.kk-ugc__card{flex:0 0 calc((100% - 12px)/2);margin:0;scroll-snap-align:start;min-width:0}@media(min-width:769px){.kk-ugc__card{flex-basis:calc((100% - 24px) / 3)}.kk-ugc__nav.kk-ugc__nav--m{display:none}}.kk-ugc__media{position:relative;aspect-ratio:3 / 4;border-radius:8px;overflow:hidden;background:#eef1f6;cursor:pointer}.kk-ugc__media video,.kk-ugc__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.kk-ugc__sound{position:absolute;right:8px;bottom:8px;width:28px;height:28px;border-radius:50%;background:#00000073 center / 14px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7'/%3E%3C/svg%3E")}.kk-ugc__cap{display:flex;flex-direction:column;gap:2px;padding-top:8px;font-size:14px;line-height:1.35}.kk-ugc__handle{color:inherit;word-break:break-word}.kk-ugc__link{color:inherit;text-decoration:underline;text-underline-offset:2px;font-weight:600}.kk-ugc__nav{display:flex;justify-content:center;gap:16px;padding-top:12px}.kk-ugc__arrow{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #d7dce5;border-radius:50%;background:#fff;color:#1f2a44;cursor:pointer}.kk-ugc__arrow[disabled]{opacity:.35;cursor:default}html.kk-ugcx-open,html.kk-ugcx-open body{overflow:hidden}.kk-ugcx{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;background:#0f141eb8}.kk-ugcx[hidden]{display:none}.kk-ugcx__frame{position:relative;width:min(92vw,48.375vh,460px);aspect-ratio:9 / 16;border-radius:16px;overflow:hidden;background:#000;box-shadow:0 12px 40px #00000059}.kk-ugcx__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;cursor:pointer}.kk-ugcx__bar{position:absolute;left:0;right:0;top:0;height:3px;background:#ffffff4d;z-index:2}.kk-ugcx__bar i{display:block;height:100%;width:0;background:#fff}.kk-ugcx__close{position:absolute;top:14px;left:14px;z-index:2;width:40px;height:40px;border:0;border-radius:50%;background:#00000073;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.kk-ugcx__snd{position:absolute;right:14px;bottom:14px;z-index:2;width:40px;height:40px;border:0;border-radius:50%;cursor:pointer;background:#00000073 center / 20px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 5L6 9H2v6h4l5 4V5z'/%3E%3Cpath d='M15.5 8.5a5 5 0 0 1 0 7M19 5a10 10 0 0 1 0 14'/%3E%3C/svg%3E")}.kk-ugcx.is-muted .kk-ugcx__snd{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 5L6 9H2v6h4l5 4V5z'/%3E%3Cpath d='M23 9l-6 6M17 9l6 6'/%3E%3C/svg%3E")}.kk-ugcx__cap{position:absolute;left:16px;bottom:22px;z-index:2;color:#fff;font-size:15px;font-weight:600;text-shadow:0 1px 4px rgba(0,0,0,.6)}.kk-ugcx__nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#1f2a44;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 10px #0003}.kk-ugcx__nav--prev{left:max(12px,calc(50% - (min(92vw,48.375vh,460px)/2) - 64px))}.kk-ugcx__nav--next{right:max(12px,calc(50% - (min(92vw,48.375vh,460px)/2) - 64px))}.kk-ugcx.is-single .kk-ugcx__nav{display:none}@media(max-width:768px){.kk-ugcx__nav{display:none}}
/*# sourceMappingURL=/cdn/shop/t/317/assets/kk-ugc-videos.css.map */