.kc-ugc{display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.kc-ugc__list{display:flex;align-items:stretch;gap:var(--kc-ugc-gap, 8px);width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.kc-ugc__list::-webkit-scrollbar{display:none}.kc-ugc__item{flex:0 0 var(--kc-ugc-width, 140px);width:var(--kc-ugc-width, 140px);min-width:0;scroll-snap-align:start}.kc-ugc__trigger{position:relative;display:block;width:100%;aspect-ratio:9 / 16;padding:0;margin:0;border:0;border-radius:10px;overflow:hidden;background:#111;cursor:pointer}.kc-ugc__trigger video{display:block;width:100%;height:100%;aspect-ratio:9 / 16;object-fit:cover;pointer-events:none}.kc-ugc__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;color:#fff;background:#00000073;font-size:14px;transition:opacity .2s ease;pointer-events:none}.kc-ugc__play{width:40px;height:40px;background:#00000073;border-radius:50%;color:#fff}.kc-ugc__play svg{display:block;width:22px;height:22px;margin-left:2px;fill:none}.kc-ugc__trigger.is-playing .kc-ugc__play{opacity:0}.kc-ugc__trigger:focus-visible{outline:2px solid #111;outline-offset:3px}.kc-ugc__dialog{position:fixed;top:0;right:0;bottom:0;left:0;box-sizing:border-box;width:min(440px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);margin:auto;padding:0;border:0;border-radius:14px;background:#101010;color:#fff;overflow:hidden}.kc-ugc__dialog:not([open]){display:none}.kc-ugc__dialog::backdrop{background:#000000d1}.kc-ugc__modal{position:relative;display:flex;flex-direction:column;max-height:calc(100dvh - 24px)}.kc-ugc__slides{min-height:0;overflow-y:auto;overscroll-behavior:contain}.kc-ugc__slide[hidden]{display:none!important}.kc-ugc__slide video{display:block;width:100%;max-height:calc(100dvh - 150px);aspect-ratio:9 / 16;object-fit:contain;background:#000}.kc-ugc__modal-title{margin:0;padding:12px 16px;font-size:14px;line-height:1.4;color:#fff}.kc-ugc__close{position:absolute;z-index:5;top:12px;right:12px;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:#000000bf;color:#fff;font-size:26px;line-height:1;cursor:pointer}.kc-ugc__navigation{display:flex;align-items:center;justify-content:center;gap:24px;padding:12px 16px;background:#101010}.kc-ugc__nav-btn{display:flex;align-items:center;justify-content:center;flex:0 0 58px;width:58px;height:58px;padding:0;border:none;border-radius:50%;background:#929497;color:#292929;cursor:pointer;transition:background .2s ease,transform .2s ease}.kc-ugc__nav-btn svg{display:block;width:25px;height:25px}.kc-ugc__nav-btn:hover{background:#e2e3e6}.kc-ugc__nav-btn:active{transform:scale(.95)}.kc-ugc__nav-btn:focus-visible{outline:2px solid #fff;outline-offset:3px}.kc-ugc__counter{min-width:42px;color:#fff;font-size:14px;font-weight:500;text-align:center;font-variant-numeric:tabular-nums}@media(max-width:749px){.kc-ugc__nav-btn{flex-basis:52px;width:52px;height:52px}.kc-ugc__nav-btn svg{width:23px;height:23px}}.kc-ugc__dialog button:focus-visible{outline:2px solid #fff;outline-offset:3px}@media(max-width:749px){.kc-ugc__dialog{width:min(440px,calc(100vw - 16px));max-height:calc(100dvh - 16px);border-radius:12px}.kc-ugc__modal{max-height:calc(100dvh - 16px)}.kc-ugc__slide video{max-height:calc(100dvh - 140px)}}@media(max-width:749px){.kc-ugc{grid-template-columns:minmax(80px,1fr) minmax(0,2fr);gap:10px}.kc-ugc__heading{font-size:16px}}@media(prefers-reduced-motion:reduce){.kc-ugc__play{transition:none}}.product-info__block:has(>.kc-ugc){margin-top:12px;margin-bottom:0;min-width:0}@media screen and (max-width:768px){.product-info__sticky [data-pp-message]{display:none!important}.product-info__block:has(>.kc-ugc){margin-top:8px!important}.product-info__block>.kc-ugc{margin-top:0!important}}.kc-ugc__dialog{width:min(720px,calc(100vw - 16px));max-width:none;background:transparent;overflow:visible}.kc-ugc__modal{position:relative;width:min(440px,calc(100% - 140px));margin:0 auto;background:#101010;border-radius:12px}.kc-ugc__navigation{position:absolute;top:50%;left:-70px;right:-70px;transform:translateY(-50%);display:flex;align-items:center;justify-content:space-between;padding:0;margin:0;gap:0;background:transparent;pointer-events:none}.kc-ugc__nav-btn{pointer-events:auto;flex:0 0 56px;width:56px;height:56px;background:#a0a2a5;color:#292929;border-radius:50%;border:0}.kc-ugc__nav-btn svg{width:26px;height:26px}.kc-ugc__counter{display:none}.kc-ugc__video-info{display:flex;flex-direction:column;gap:5px;padding:10px 14px 14px;background:#101010;color:#fff}.kc-ugc__video-info .kc-ugc__modal-title{margin:0;padding:0;font-size:13px;line-height:1.45}.kc-ugc__creator{display:inline-flex;align-items:center;align-self:flex-start;gap:6px;color:#fff;font-size:13px;font-weight:600;text-decoration:none;overflow-wrap:anywhere}a.kc-ugc__creator:hover{text-decoration:underline}a.kc-ugc__creator:focus-visible{outline:2px solid #fff;outline-offset:3px}@media(max-width:749px){.kc-ugc__dialog{width:calc(100vw - 12px);max-height:calc(100dvh - 16px)}.kc-ugc__modal{width:calc(100% - 12px)}.kc-ugc__navigation{left:8px;right:8px;z-index:3}.kc-ugc__nav-btn{flex-basis:42px;width:42px;height:42px;background:#b4b6b9e0}.kc-ugc__nav-btn svg{width:21px;height:21px}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/keychron-ugc-video.css.map */