.demo-locked{position:relative;overflow:visible}
.demo-locked .demo-lock-icon{margin-left:auto;flex-shrink:0;opacity:.5;transition:opacity .18s}
.demo-locked .demo-lock-tooltip{position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%,4px);padding:8px 12px;border:1px solid #344359;border-radius:7px;background:#071220;color:#fff;font-size:11px;font-weight:500;line-height:1.2;white-space:nowrap;box-shadow:0 5px 18px #0003;opacity:0;visibility:hidden;pointer-events:none;z-index:10;transition:opacity .18s,transform .18s,visibility .18s}
.demo-locked:hover .demo-lock-tooltip,.demo-locked:focus-visible .demo-lock-tooltip{opacity:1;visibility:visible;transform:translate(-50%,0)}
.demo-locked:hover .demo-lock-icon,.demo-locked:focus-visible .demo-lock-icon{opacity:.9}
@media(prefers-reduced-motion:reduce){.demo-locked .demo-lock-tooltip,.demo-locked .demo-lock-icon{transition:none}}