.kx-root .kx-activate{border-radius:22px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 10px 30px rgba(0,0,0,.45),0 2px 6px rgba(0,0,0,.3)}
:root:not([data-theme="dark"]) .kx-root .kx-activate{box-shadow:0 0 0 1px rgba(29,29,31,.08),0 10px 28px rgba(29,29,31,.18),0 2px 6px rgba(29,29,31,.12)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .kx-root .kx-activate{box-shadow:0 0 0 1px rgba(255,255,255,.1),0 10px 30px rgba(0,0,0,.45),0 2px 6px rgba(0,0,0,.3)}}
.kx-alpha .kx-root .kx-activate,:root.kx-alpha:not([data-theme="dark"]) .kx-root .kx-activate,:root.kx-alpha:not([data-theme="light"]) .kx-root .kx-activate{background:transparent;border-radius:0;overflow:visible;box-shadow:none}
.kx-alpha .kx-root .kx-video{inset:auto 0 0 auto;width:2px;height:2px;opacity:.02}
.kx-alpha-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center;pointer-events:none}
.kx-alpha-canvas[hidden]{display:none}
.kx-root{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
.kx-root.kx-left{right:auto;left:max(var(--kx-right),env(safe-area-inset-left))}
.kx-root .kx-activate{cursor:grab}
.kx-root.kx-drag{z-index:60}
.kx-root.kx-drag .kx-activate{cursor:grabbing}
.kx-root.kx-snap{transition:translate .38s cubic-bezier(.2,.9,.25,1.12)}
html.kx-dragging,html.kx-dragging *{-webkit-user-select:none!important;user-select:none!important;cursor:grabbing!important}
@media (prefers-reduced-motion:reduce){.kx-root.kx-snap{transition:none}}