@layer quartz-base{#stacked-pages-container:not(.binder-active){display:none}#stacked-pages-container.binder-active{pointer-events:none;z-index:99;justify-content:space-between;align-items:stretch;display:flex;position:fixed;inset:0}body.has-binder-left .page{padding-left:40px}body.has-binder-right .page{padding-right:40px}.binder-strip{pointer-events:auto;z-index:100;flex-direction:column;justify-content:stretch;align-items:stretch;gap:0;width:40px;height:100%;padding:0;display:flex}.binder-strip-left{align-self:flex-start}.binder-strip-right{align-self:flex-end;margin-left:auto}.binder-tab{cursor:pointer;background:var(--lightgray);border:1px solid var(--lightgray);writing-mode:vertical-lr;flex-direction:row;flex:1;justify-content:center;align-items:center;gap:4px;width:100%;padding:8px 0;transition:background .15s,transform .15s,border-color .15s;display:flex;position:relative;overflow:hidden}.binder-tab:hover{background:var(--light)}.binder-tab.binder-tab-active{background:var(--light);z-index:101;cursor:default}.binder-tab.binder-tab-active.binder-tab-left{border-right:none;border-left:3px solid var(--secondary);border-radius:6px 0 0 6px}.binder-tab.binder-tab-active.binder-tab-right{border-left:none;border-right:3px solid var(--secondary);border-radius:0 6px 6px 0}.binder-tab:not(.binder-tab-active){color:var(--gray)}.binder-tab:not(.binder-tab-active).binder-tab-left{border-right:2px solid var(--secondary);border-left:1px solid var(--lightgray);border-radius:6px 0 0 6px}.binder-tab:not(.binder-tab-active).binder-tab-left:hover{transform:translate(4px)}.binder-tab:not(.binder-tab-active).binder-tab-right{border-left:2px solid var(--secondary);border-right:1px solid var(--lightgray);border-radius:0 6px 6px 0}.binder-tab:not(.binder-tab-active).binder-tab-right:hover{transform:translate(-4px)}.binder-spine{display:none}.binder-label{white-space:nowrap;text-overflow:ellipsis;color:var(--darkgray);-webkit-user-select:none;user-select:none;text-align:left;font-size:1rem;line-height:1.2;overflow:hidden;transform:rotate(180deg)}.binder-tab-active .binder-label{color:var(--dark);font-weight:700}.binder-close{appearance:none;cursor:pointer;color:var(--gray);opacity:0;background:0 0;border:none;flex-shrink:0;padding:2px;font-size:1rem;line-height:1;transition:opacity .15s,color .15s;transform:rotate(180deg)}.binder-close:hover{color:var(--dark);background:#0000000d;border-radius:4px}.binder-tab:hover .binder-close{opacity:1}}