.klyp-VideoPlayer{aspect-ratio:16/9;border-radius:var(--r-panel);background:var(--color-bg-surface);width:100%;position:relative;overflow:hidden;container-type:inline-size}.klyp-VideoPlayer__video{-o-object-fit:cover;object-fit:cover;cursor:pointer;width:100%;height:100%;display:block;position:absolute;inset:0}.klyp-VideoPlayer__previewSource{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.klyp-VideoPlayer__controls{inset-inline:0;align-items:center;gap:var(--space-8);padding:var(--space-12) var(--space-16);background:linear-gradient(to top, var(--alpha-black-70), transparent);color:var(--alpha-white-90);display:flex;position:absolute;bottom:0}.klyp-VideoPlayer__btn{width:var(--space-28);height:var(--space-28);border-radius:var(--r-chip);color:var(--alpha-white-90);cursor:pointer;transition:background-color var(--duration-fast) var(--easing-standard);background:0 0;border:0;flex:none;justify-content:center;align-items:center;display:inline-flex}.klyp-VideoPlayer__btn:hover{background:var(--alpha-white-10)}.klyp-VideoPlayer__btn:focus-visible{outline:2px solid var(--alpha-white-50);outline-offset:2px}.klyp-VideoPlayer__volume{flex:none;position:relative}.klyp-VideoPlayer__volumePopover{bottom:calc(100% + var(--space-8));padding:var(--space-12) var(--space-10);border-radius:var(--r-chip);background:var(--alpha-black-70);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:center;display:flex;position:absolute;left:50%;transform:translate(-50%)}.klyp-VideoPlayer__volumePopover:after{content:"";inset-inline:0;height:var(--space-8);position:absolute;top:100%}.klyp-VideoPlayer__volumeTrack{width:var(--space-4);height:var(--space-80);border-radius:var(--radius-full);background:var(--alpha-white-20);cursor:pointer;touch-action:none;position:relative}.klyp-VideoPlayer__volumeTrack:focus-visible{outline:2px solid var(--alpha-white-50);outline-offset:2px}.klyp-VideoPlayer__volumeFill{border-radius:var(--radius-full);background:var(--alpha-white-90);width:100%;position:absolute;bottom:0;left:0}.klyp-VideoPlayer__range{align-items:center;gap:var(--space-8);min-width:0;font-size:var(--font-size-12);font-variant-numeric:tabular-nums;color:var(--alpha-white-90);flex:1;display:flex}.klyp-VideoPlayer__time{color:var(--alpha-white-70);flex:none}.klyp-VideoPlayer__bar{min-width:0;height:var(--space-16);cursor:pointer;touch-action:none;flex:1;align-items:center;display:flex;position:relative}.klyp-VideoPlayer__track{width:100%;height:var(--space-4);border-radius:var(--radius-full);background:var(--alpha-white-20);position:relative;overflow:hidden}.klyp-VideoPlayer__buffer,.klyp-VideoPlayer__progress{border-radius:var(--radius-full);height:100%;position:absolute;top:0;left:0}.klyp-VideoPlayer__buffer{background:var(--alpha-white-30)}.klyp-VideoPlayer__progress{background:var(--alpha-white-90)}.klyp-VideoPlayer__cursor{pointer-events:none;width:0;position:absolute;top:0;bottom:0;left:0}.klyp-VideoPlayer__cursorLine{width:var(--space-2);height:var(--space-32);border-radius:var(--radius-full);background:var(--alpha-white-90);position:absolute;top:50%;left:0;transform:translate(-50%,-50%)}.klyp-VideoPlayer__preview{bottom:calc(100% + var(--space-12));align-items:center;gap:var(--space-6);flex-direction:column;width:16rem;display:flex;position:absolute;left:0;transform:translate(-50%)}.klyp-VideoPlayer__previewCanvas{aspect-ratio:16/9;border:1px solid var(--alpha-white-20);border-radius:var(--r-card);background:var(--color-bg-surface);width:100%;display:block}.klyp-VideoPlayer__previewTime{padding:var(--space-2) var(--space-6);border-radius:var(--r-chip);background:var(--alpha-black-70);font-size:var(--font-size-12);font-variant-numeric:tabular-nums;color:var(--alpha-white-90)}@container (width<=26rem){.klyp-VideoPlayer__controls{gap:var(--space-4);padding:var(--space-8) var(--space-10)}.klyp-VideoPlayer__time[data-remaining]{display:none}.klyp-VideoPlayer__preview{gap:var(--space-4);width:10rem}}@media (prefers-reduced-motion:reduce){.klyp-VideoPlayer__btn{transition:none}}