#accessibility-toggle{
    border-radius: 50%;
    background-color: white;
    aspect-ratio: 1 / 1;
    font-size: 30px;
    padding: 5px;

    transition: scale ease-in-out 0.1s;
}
#accessibility-toggle:hover{
    scale: 1.1;
}
#accessibility-parent{
    position: fixed;
    right: 20px;
    bottom: 20px;
    display:flex;
    flex-direction: column-reverse;
    align-items:end;
    gap: 20px;
    flex-wrap:nowrap;
    height: 0;
    z-index: 200;
}
#accessibility-panel {
    padding: 5px;
    border-radius: 20px;
    transition: scale ease-in-out 0.1s;
    padding: 10px;
    background-color: var(--fill-color);
    border: solid 1px var(--text-color);
}
#accessibility-reset {
    margin-top: 10px;
}
.accessibility-btns{
    display: flex;
    gap: 20px;
}
:root:has(body[data-accessibility-fontlarge]){
    font-size: 24px;
}
:root:has(body[data-accessibility-fontextralarge]){
    font-size: 36px;
}