button.keyboard-key{box-sizing:border-box;border-radius:var(--af-round-m);width:100%;height:100%;line-height:var(--af-lh-tight);letter-spacing:var(--af-ls-tight);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;color:var(--af-color-sub-grey);border:none;border:1px solid var(--af-color-main-grey);outline:none;justify-content:center;align-items:center;margin:1px;padding:0;transition:all .1s;display:inline-flex}@media (any-hover:hover){button.keyboard-key:hover:not(:active){background-color:rgba(var(--af-color-rgb-sub-grey), calc(1 - var(--af-opacity-hover)))}}button.keyboard-key:active{background-color:rgba(var(--af-color-rgb-sub-grey), calc(1 - var(--af-opacity-active)))}button.keyboard-key p{margin-bottom:0}button.keyboard-key p .katex{font-size:1.22rem;font-weight:700}@media screen and (width<=599px){button.keyboard-key p .katex{font-size:1rem}}@media screen and (width>=600px) and (width<=849px){button.keyboard-key p .katex{font-size:1.5rem}}.keyboard-key.black-key{background-color:var(--af-color-sub-grey);color:var(--af-color-white)}@media (any-hover:hover){.keyboard-key.black-key:hover:not(:active){background-color:rgba(var(--af-color-rgb-sub-grey), var(--af-opacity-hover))}}.keyboard-key.black-key:active{background-color:rgba(var(--af-color-rgb-sub-grey), var(--af-opacity-active))}.keyboard-key.secondary-key{background-color:var(--af-color-secondary);color:var(--af-color-white);border:none}@media (any-hover:hover){.keyboard-key.secondary-key:hover:not(:active){background-color:rgba(var(--af-color-rgb-secondary), var(--af-opacity-hover))}}.keyboard-key.secondary-key:active{background-color:rgba(var(--af-color-rgb-secondary), var(--af-opacity-active))}.keyboard-key.default-key{color:var(--af-color-white);background-color:var(--af-color-main-grey);border:none}@media (any-hover:hover){.keyboard-key.default-key:hover:not(:active){background-color:rgba(var(--af-color-rgb-main-grey), var(--af-opacity-hover))}}.keyboard-key.default-key:active{background-color:rgba(var(--af-color-rgb-main-grey), var(--af-opacity-active))}.keyboard-key.control-key{color:var(--af-color-white);white-space:nowrap;background-color:var(--af-color-sub-grey);border:none}@media (any-hover:hover){.keyboard-key.control-key:hover:not(:active){background-color:rgba(var(--af-color-rgb-sub-grey), var(--af-opacity-hover))}}.keyboard-key.control-key:active{background-color:rgba(var(--af-color-rgb-sub-grey), var(--af-opacity-active))}.invisible{opacity:0}.exponent-mode.math-exponent,.sqrt-mode.math-sqrt,.nth-root-mode.math-nth-root,.nth-root-radix-mode.math-nth-root,.vector-mode.math-vector,.numerator-mode.math-fraction,.denominator-mode.math-fraction,.radix-mode.math-log,.circulator-mode.math-circulator,.paren-mode.math-paren,.brackets-mode.math-brackets,.box-brackets-mode.math-box-brackets,.abs-mode.math-abs{border:2px solid var(--af-color-secondary)!important}.vector-mode.math-vector .accent{background-color:#d8d8d8!important}.v-application.accent.mord{background-color:none!important}.frac-svg{height:2.5rem!important}@media screen and (width<=599px){.frac-svg{height:1.875rem!important}}.icon-left{transform:scaleX(-1)}@media screen and (width<=599px){.hidden{display:none!important}}.math-span-key{font-size:var(--af-fs-6)}@media screen and (width<=599px){.math-span-key{font-size:var(--af-fs-6)}}@media screen and (width>=600px) and (width<=849px){.math-span-key{font-size:var(--af-fs-5)}}.english-keyboard .key-row[data-v-9978a605]{flex-wrap:nowrap;justify-content:space-between;align-self:stretch;align-items:center;height:calc(5vh + 1rem);margin-bottom:2px;display:flex}@media screen and (width<=599px){.english-keyboard .key-row[data-v-9978a605]{height:calc(5vh + .8rem)}}.english-keyboard .key-row .english-key[data-v-9978a605]{font-size:var(--af-fs-4);font-family:Noto Sans,sans-serif!important}@media screen and (width<=599px){.english-keyboard .key-row .english-key[data-v-9978a605]{font-size:var(--af-fs-5)}}@media screen and (width>=600px) and (width<=849px){.english-keyboard .key-row .english-key[data-v-9978a605]{font-size:var(--af-fs-3)}}.english-keyboard .key-row .math-key[data-v-9978a605]{font-size:1.8rem;font-family:TexGyrePagella!important}@media screen and (width>=600px) and (width<=849px){.english-keyboard .key-row .math-key[data-v-9978a605]{font-size:var(--af-fs-4)}}@media screen and (width<=599px){.english-keyboard .key-row .math-key[data-v-9978a605]{font-size:var(--af-fs-6)}}