.bkbg-opn-app{display:none}.bkbg-opn-nav{position:fixed;top:50%;transform:translateY(-50%);z-index:9999;display:flex;flex-direction:column;align-items:center;gap:0}.bkbg-opn-nav.bkbg-opn-right{right:24px}.bkbg-opn-nav.bkbg-opn-left{left:24px}.bkbg-opn-track{position:absolute;top:0;left:50%;transform:translateX(-50%);width:2px;background:rgb(0 0 0 / .08);height:100%;border-radius:2px}.bkbg-opn-track-fill{width:100%;background:var(--bkbg-opn-active,#6366f1);border-radius:2px;transition:height 0.3s ease;height:0%}.bkbg-opn-item{position:relative;z-index:1;display:flex;align-items:center;cursor:pointer;padding:7px 0}.bkbg-opn-nav.bkbg-opn-right .bkbg-opn-item{flex-direction:row-reverse}.bkbg-opn-nav.bkbg-opn-left .bkbg-opn-item{flex-direction:row}.bkbg-opn-dot{width:12px;height:12px;border-radius:50%;background:var(--bkbg-opn-dot,#d1d5db);transition:all 0.25s cubic-bezier(.34,1.56,.64,1);flex-shrink:0}.bkbg-opn-item:hover .bkbg-opn-dot{background:var(--bkbg-opn-hover,#a5b4fc);transform:scale(1.2)}.bkbg-opn-item.bkbg-opn-active .bkbg-opn-dot{background:var(--bkbg-opn-active,#6366f1);transform:scale(1.35);box-shadow:0 0 0 4px color-mix(in srgb,var(--bkbg-opn-active,#6366f1) 25%,transparent)}.bkbg-opn-diamond .bkbg-opn-dot{border-radius:2px;transform:rotate(45deg)}.bkbg-opn-diamond .bkbg-opn-item.bkbg-opn-active .bkbg-opn-dot{transform:rotate(45deg) scale(1.35)}.bkbg-opn-diamond .bkbg-opn-item:hover .bkbg-opn-dot{transform:rotate(45deg) scale(1.2)}.bkbg-opn-square .bkbg-opn-dot{border-radius:3px}@keyframes bkbg-opn-pulse{0%,100%{box-shadow:0 0 0 0 var(--bkbg-opn-active,#6366f1)}50%{box-shadow:0 0 0 6px #fff0}}.bkbg-opn-item.bkbg-opn-active.bkbg-opn-animate .bkbg-opn-dot{animation:bkbg-opn-pulse 2s ease-in-out infinite}.bkbg-opn-tooltip{font-family:var(--bkbg-opn-tp-font-family,inherit);font-size:var(--bkbg-opn-tp-font-size-d,12px);font-weight:var(--bkbg-opn-tp-font-weight,600);line-height:var(--bkbg-opn-tp-line-height-d,var(--bkbg-opn-tp-line-height,1.3));letter-spacing:var(--bkbg-opn-tp-letter-spacing-d,var(--bkbg-opn-tp-letter-spacing,normal));border-radius:6px;padding:4px 10px;white-space:nowrap;pointer-events:none;opacity:0;transform:translateX(0) scale(.85);transition:opacity 0.2s,transform 0.2s}.bkbg-opn-nav.bkbg-opn-right .bkbg-opn-tooltip{margin-right:10px;transform-origin:right center}.bkbg-opn-nav.bkbg-opn-left .bkbg-opn-tooltip{margin-left:10px;transform-origin:left center}.bkbg-opn-item:hover .bkbg-opn-tooltip,.bkbg-opn-item.bkbg-opn-active .bkbg-opn-tooltip{opacity:1;transform:translateX(0) scale(1)}.bkbg-opn-editor-wrap{display:block}@media (max-width:480px){.bkbg-opn-nav{display:none}}@media (max-width:1024px){.bkbg-opn-tooltip{font-size:var(--bkbg-opn-tp-font-size-t,var(--bkbg-opn-tp-font-size-d,12px));line-height:var(--bkbg-opn-tp-line-height-t,var(--bkbg-opn-tp-line-height-d,var(--bkbg-opn-tp-line-height,1.3)));letter-spacing:var(--bkbg-opn-tp-letter-spacing-t,var(--bkbg-opn-tp-letter-spacing-d,var(--bkbg-opn-tp-letter-spacing,normal)))}}@media (max-width:767px){.bkbg-opn-tooltip{font-size:var(--bkbg-opn-tp-font-size-m,var(--bkbg-opn-tp-font-size-t,var(--bkbg-opn-tp-font-size-d,12px)));line-height:var(--bkbg-opn-tp-line-height-m,var(--bkbg-opn-tp-line-height-t,var(--bkbg-opn-tp-line-height-d,var(--bkbg-opn-tp-line-height,1.3))));letter-spacing:var(--bkbg-opn-tp-letter-spacing-m,var(--bkbg-opn-tp-letter-spacing-t,var(--bkbg-opn-tp-letter-spacing-d,var(--bkbg-opn-tp-letter-spacing,normal))))}}