/* Shared reading scrollbar, kept inside the viewport. */
html.bole-reading-scroll{scrollbar-width:none}
html.bole-reading-scroll::-webkit-scrollbar{display:none}
.bole-reading{--reading-size:38px;--reading-track-width:6px;--reading-top:110px;position:fixed;z-index:30;top:var(--reading-top);right:env(safe-area-inset-right,0px);bottom:max(20px,env(safe-area-inset-bottom));width:calc(var(--reading-size) + var(--reading-track-width)/2);pointer-events:none;touch-action:none;cursor:pointer;user-select:none;contain:layout style;outline:none;-webkit-tap-highlight-color:var(--bole-color-transparent)}
.bole-reading:focus-visible .bole-reading-wheel{filter:drop-shadow(0 0 3px var(--bole-color-tone-b38a27))}
.bole-reading.is-dragging{cursor:grabbing}
.bole-reading[hidden]{display:none}
.bole-reading .bole-reading-track{pointer-events:auto;position:absolute;z-index:0;top:calc(var(--reading-size)/2);bottom:calc(var(--reading-size)/2);right:0;width:var(--reading-track-width);border-radius:4px;background:var(--bole-color-gray-e4e4e4-alpha-0_50196078);overflow:hidden}
.bole-reading .bole-reading-track span{position:absolute;inset:0;display:block;clip-path:inset(0 0 100% 0);border-radius:inherit;background-image:repeating-linear-gradient(135deg,var(--bole-color-transparent) 0 3px,currentColor 3px 5px,var(--bole-color-transparent) 5px 8px),repeating-linear-gradient(45deg,var(--bole-color-transparent) 0 3px,currentColor 3px 5px,var(--bole-color-transparent) 5px 8px);background-size:50% 12px;background-position:left top,right top;background-repeat:repeat-y}
.bole-reading .bole-reading-history{color:var(--bole-color-tone-c5bca5-alpha-0_50196078);background-color:var(--bole-color-tone-ded7c6-alpha-0_33333333)}
.bole-reading .bole-reading-current{color:var(--bole-color-tone-d8d8d4);background-color:var(--bole-color-gray-111111)}
.bole-reading.is-complete .bole-reading-track span{opacity:0}
.bole-reading .bole-reading-wheel{pointer-events:auto;clip-path:circle(50%);position:absolute;z-index:1;inset:0 auto auto 0;width:var(--reading-size);height:var(--reading-size);filter:drop-shadow(0 2px 3px var(--bole-color-black-alpha-0_2));will-change:transform}
.bole-reading .bole-reading-disc{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;will-change:transform}
.bole-reading .bole-reading-disc img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
@media(max-width:720px){.bole-reading{--reading-size:24px;--reading-track-width:4px;bottom:max(14px,env(safe-area-inset-bottom))}}