@layer components{.controls{z-index:3;-webkit-user-select:none;user-select:none;gap:.1rem;display:flex;position:fixed;top:.75rem;left:.5rem}:is(.controls__link,.controls__button){color:var(--icon-dark);border-radius:var(--radius);transition:color .2s ease, background-color .2s ease, scale var(--transition-duration) var(--transition-timing);place-items:center;padding:.25rem;display:grid;position:relative}:is(.controls__link,.controls__button):is(:hover,:active){color:var(--icon-light);background-color:var(--bg-current)}@media (hover:hover){:is(.controls__link,.controls__button):active{scale:.9}}:is(.controls__link,.controls__button)[data-tooltip]:after{--tooltip-gap:.5rem;--tooltip-slide:-4px;content:attr(data-tooltip);background:var(--bg);color:var(--text);white-space:nowrap;border-radius:var(--radius);opacity:0;pointer-events:none;translate:var(--tooltip-slide) -50%;margin-inline-start:var(--tooltip-gap);padding:.35rem .6rem;font-size:.8rem;transition:opacity .2s,translate .2s;position:absolute;inset-block-start:50%;inset-inline-start:100%;box-shadow:0 2px 8px #00000026}:is(.toc-expanded-toggle,.toc-toggle--close)[data-tooltip]:after{--tooltip-slide:4px;margin-inline:0 var(--tooltip-gap);inset-inline:auto 100%}:is(.controls__link,.controls__button)[data-tooltip]:focus-visible:after{opacity:1;translate:0 -50%}@media (hover:hover){:is(.controls__link,.controls__button)[data-tooltip]:hover:after{opacity:1;translate:0 -50%}}.controls__button{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#0000;border:none;margin:0;font-family:inherit;font-size:100%}@media print{.controls{display:none}}}