.bs{justify-content:center;width:100%;display:flex}.bs-side{background:var(--bs-side);width:100px;position:absolute;inset-block:0;inset-inline-end:0}.bs-bar{top:0;transform-origin:100% 0;position:absolute;inset-inline-start:0}.bs-barIn{transform-origin:100%;width:100%;height:100%}[dir=ltr] .bs-bar{transform-origin:0 0}[dir=ltr] .bs-barIn{transform-origin:0}:where(.bs-still){--bp-s:var(--bp-s0,1);--bp-h:var(--bp-h0,424px)}.bs-still{--bs-name:var(--k-skel-name);--bs-sub:var(--k-skel-sub);--bs-line:var(--k-skel-line);--bs-head:var(--k-brand);--bs-rule:var(--k-skel);--bs-chip:var(--k-skel-chip);--bs-side:var(--k-tm-side);width:calc(300px * var(--bp-s,1));height:var(--bp-h,424px);background:var(--k-paper);box-shadow:0 1px 2px color-mix(in srgb, var(--k-shade) 6%, transparent), 0 10px 28px -12px color-mix(in srgb, var(--k-shade) 22%, transparent);border-radius:3px 3px 0 0;flex:none;position:relative;overflow:hidden}.bs-stillIn{top:0;width:300px;height:424px;scale:var(--bp-s,1);transform-origin:100% 0;position:absolute;inset-inline-start:0}[dir=ltr] .bs-stillIn{transform-origin:0 0}.bs-cv{zoom:1.17188;width:256px;height:362px;position:absolute;top:0;left:0}