.gsb{--accent:var(--gamesaro-theme-color);--accent-rgb:var(--gamesaro-accent-rgb-commas);position:relative;display:block;width:100%;height:var(--gsb-h,12px);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.gsb.gsb--touch{cursor:pointer;touch-action:pan-y}.gsb__head{position:absolute;left:0;top:50%;pointer-events:none;border-radius:50%;width:calc(var(--gsb-h, 12px) * 3);height:calc(var(--gsb-h, 12px) * 3);margin:calc(var(--gsb-h, 12px) * -1.5) 0 0 calc(var(--gsb-h, 12px) * -1.5);background:radial-gradient(circle,rgba(var(--accent-rgb),.5) 0,rgba(var(--accent-rgb),.16) 36%,rgba(var(--accent-rgb),0) 68%);opacity:0;transition:opacity .45s ease;will-change:transform}.gsb.is-lit .gsb__head{opacity:.85}.gsb__tube{position:absolute;inset:0;border-radius:999px;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,0) 58%),rgba(var(--accent-rgb),.075);box-shadow:inset 0 1px 2px rgba(0,0,0,.62),inset 0 -1px 1px rgba(0,0,0,.28)}.gsb__cv{position:absolute;left:0;top:0;width:100%;height:100%;display:block}.gsb__glass{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,hsla(0,0%,100%,.26),hsla(0,0%,100%,.08) 30%,hsla(0,0%,100%,0) 52%,rgba(0,0,0,.16))}.gsb__glass:before{content:"";position:absolute;top:1.5px;height:1px;border-radius:1px;opacity:.8;left:calc(var(--gsb-h, 12px) * .55);right:calc(var(--gsb-h, 12px) * .55);background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.62) 12%,hsla(0,0%,100%,.22) 58%,hsla(0,0%,100%,0))}.gsb__rim{position:absolute;inset:0;border-radius:999px;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.38),0 0 0 .5px rgba(var(--accent-rgb),.22),0 0 12px rgba(var(--accent-rgb),.17)}