.tkb-demo{position:fixed;left:auto;right:12px;top:0;z-index:5;width:116px;height:207px;font-family:Arial,Helvetica,sans-serif;color:#fff}
.tkb-demo[data-suspended="true"]{visibility:hidden;pointer-events:none;opacity:0}
.tkb-demo[hidden]{display:none!important}.tkb-demo *{box-sizing:border-box}.tkb-demo__shell{position:relative;width:100%;height:100%;border:1px solid #ffffff60;border-radius:15px;overflow:hidden;background:#171719;box-shadow:0 8px 26px #0004;transform-origin:center}
.tkb-demo video{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.tkb-demo button{appearance:none;border:0;margin:0;padding:0;min-width:44px;min-height:44px;color:white;font:inherit;cursor:pointer;touch-action:manipulation}
.tkb-demo__surface{position:absolute;inset:0;width:100%;height:100%;background:transparent;touch-action:none!important;cursor:grab!important;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
.tkb-demo__surface:active{cursor:grabbing!important}.tkb-demo button:focus-visible{outline:3px solid #ef3340;outline-offset:-4px}
.tkb-demo__control{position:absolute;z-index:2;display:grid;place-items:center;background:transparent}.tkb-demo__control::before{content:'';position:absolute;width:30px;height:30px;border-radius:50%;background:#101014c9;z-index:-1}
.tkb-demo__control svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tkb-demo__close{right:0;top:0}.tkb-demo__mute{left:0;bottom:0}.tkb-demo__play{right:0;bottom:0}
.tkb-demo__hint{position:absolute;left:0;right:0;bottom:43px;padding:4px 3px;font-size:10px;text-align:center;color:white;background:linear-gradient(transparent,#0008);pointer-events:none}
.tkb-demo__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.tkb-demo [data-muted="true"] .tkb-demo__sound-on,.tkb-demo [data-muted="false"] .tkb-demo__sound-off,.tkb-demo [data-paused="true"] .tkb-demo__pause,.tkb-demo [data-paused="false"] .tkb-demo__resume{display:none}
@media(prefers-reduced-motion:reduce){.tkb-demo,.tkb-demo *{animation:none!important;transition:none!important}}
/* The product story remains painted while the video/cart layers change. */
.shopify-section--custom-liquid .tkb-landing .rv{opacity:1!important;transform:none!important;transition:none!important}