/*! * Accessabar * Copyright (C) 2018 Elliott Judd * ------------ * License: * https://www.gnu.org/licenses/agpl.txt * Authors: * Elliott Judd */@import url(https://fonts.googleapis.com/css2?family=Fira+Mono:wght@700&family=Roboto+Mono:wght@400;500;700&display=swap);:root{--main-font:"Roboto Mono",monospace;--header-font:"Fira Mono",monospace;--font-colour:var(--near-white);--alt-font-colour:var(--near-black);--dark-grey:#222;--border-grey:#333;--lighter-grey:#444;--medium-grey:#555;--medium-light-grey:#666;--accent-grey:#888;--bg-grey:#b3b3b3;--light-grey:#d8d8d8;--very-light-grey:#f3f3f3;--lightest-grey:#f0f0f0;--blue-focus:#2979ff;--blue:#005fe0;--teal:#006a79;--light-purple:#6a5881;--dark-red:#a51c1c;--lighter-red:#c32020;--dark-orange:#aa6202;--lighter-orange:#d17803;--active-green:#00bb6d;--shadow-grey:rgba(0,0,0,0.6);--near-black:#111;--near-white:#fcfcfc;--near-white-purple-saturated:#e9e7ec;--orange:orange;--sky-blue:#87ceeb;--pink:pink;--yellow:#f9f871;--grass-green:#567d46;--aqua-blue:#0ff;--celery-green:#9dce5c;--grey:#b3b3b3;--jade:#00a86b;--magenta:#f0f;--font-color:var(--near-white);--ab-bar-background:var(--bg-grey);--ab-bar-container-background:var(--bg-grey)}.orange-theme{--font-colour:var(--near-white);--ab-bar-background:var(--lighter-orange);--ab-bar-container-background:var(--lighter-orange)}.light-theme{--font-colour:#dfdfe0;--ab-bar-background:var(--near-white);--ab-bar-container-background:var(--near-white)}.dark-theme{--ab-bar-background:var(--dark-grey);--ab-bar-container-background:var(--dark-grey)}.dark-theme,.sky-blue-theme{--font-colour:var(--near-white)}.sky-blue-theme{--ab-bar-background:var(--sky-blue);--ab-bar-container-background:var(--sky-blue)}.pink-theme{--ab-bar-background:var(--pink);--ab-bar-container-background:var(--pink)}.pink-theme,.yellow-theme{--font-colour:var(--near-white)}.yellow-theme{--ab-bar-background:var(--yellow);--ab-bar-container-background:var(--yellow)}.grass-green-theme{--font-colour:var(--near-white);--ab-bar-background:var(--grass-green);--ab-bar-container-background:var(--grass-green)}.aqua-blue-theme{--font-colour:var(--near-white);--ab-bar-background:var(--aqua-blue);--ab-bar-container-background:var(--aqua-blue)}.celery-green-theme{--font-colour:var(--near-white);--ab-bar-background:var(--celery-green);--ab-bar-container-background:var(--celery-green)}.jade-theme{--ab-bar-background:var(--jade);--ab-bar-container-background:var(--jade)}.jade-theme,.magenta-theme{--font-colour:var(--near-white)}.magenta-theme{--ab-bar-background:var(--magenta);--ab-bar-container-background:var(--magenta)}#accessabar{box-sizing:border-box}#accessabar *,#accessabar :after,#accessabar :before{box-sizing:inherit}#accessabar a{color:inherit;text-decoration:none}#accessabar section{display:flex}#accessabar button{background:none;border:none;outline:none}body{transition:margin 1.2s}#accessabar .ab-growable{display:flex;flex-grow:1}#accessabar .ab-draggable{position:absolute}#accessabar .ab-box{display:flex;padding:.5em 1em}#accessabar .ab-bar-grid{display:-ms-grid;display:grid;grid-template-areas:"bar" "underbar" "func-area" "menu-area"}#accessabar .ab-icon,#accessabar .ab-icon-small{display:flex;speak:none}#accessabar .ab-icon{height:24px;width:24px}#accessabar .ab-icon-small{height:16px;width:16px}#accessabar .ab-icon-stop{background:url(https://cdn.jsdelivr.net/gh/HandsFree/accessabar/src/images/icon-stop-white.svg) no-repeat 50%}#accessabar .ab-icon-font{background:url(https://cdn.jsdelivr.net/gh/HandsFree/accessabar/src/images/icon-font-white.svg) no-repeat 50%}#accessabar .ab-icon-zoom{background:url(https://cdn.jsdelivr.net/gh/HandsFree/accessabar/src/images/icon-zoom-white.svg) no-repeat 50%}#accessabar .ab-icon-cross{background:url(https://cdn.jsdelivr.net/gh/HandsFree/accessabar/src/images/icon-cross-white.svg) no-repeat 50%}#accessabar .ab-icon-nav-down{background:url(https://cdn.jsdelivr.net/gh/HandsFree/accessabar/src/images/icon-nav-down.svg) no-repeat 50%}#accessabar .ab-icon-nav-up{background:url(https://cdn.jsdelivr.net/gh/HandsFree/accessabar/src/images/icon-nav-up.svg) no-repeat 50%}#accessabar .ab-icon-palette{background:url(https://cdn.jsdelivr.net/gh/HandsFree/accessabar/src/images/icon-palette-white.svg) no-repeat 50%}#accessabar .ab-icon-reset{background:url(https://cdn.jsdelivr.net/gh/HandsFree/accessabar/src/images/icon-reset-white.svg) no-repeat 50%}#accessabar .ab-icon-plus{background:url(https://cdn.jsdelivr.net/gh/HandsFree/accessabar/src/images/icon-plus-white.svg) no-repeat 50%}#accessabar .ab-icon-minus{background:url(https://cdn.jsdelivr.net/gh/HandsFree/accessabar/src/images/icon-minus-white.svg) no-repeat 50%}#accessabar .ab-icon-settings-gear{background:url(https://cdn.jsdelivr.net/gh/HandsFree/accessabar/src/images/icon-settings-gear-white.svg) no-repeat 50%}#accessabar .ab-icon-tts{background:url(https://cdn.jsdelivr.net/gh/HandsFree/accessabar/src/images/icon-tts-white.svg) no-repeat 50%}#accessabar .ab-icon-ruler{background:url(https://cdn.jsdelivr.net/gh/HandsFree/accessabar/src/images/icon-ruler-white.svg) no-repeat 50%}#accessabar .ab-icon-mic{background:url(https://cdn.jsdelivr.net/gh/HandsFree/accessabar/src/images/icon-mic-white.svg) no-repeat 50%}#accessabar .ab-icon-help{background:url(https://cdn.jsdelivr.net/gh/HandsFree/accessabar/src/images/icon-help-white.svg) no-repeat 50%}#accessabar .ab-icon-translate{background:url(https://cdn.jsdelivr.net/gh/HandsFree/accessabar/src/images/icon-translate-white.svg) no-repeat 50%}#accessabar .ab-icon-about{background:url(https://cdn.jsdelivr.net/gh/HandsFree/accessabar/src/images/icon-help-white.svg) no-repeat 50%}#accessabar .ab-icon-thumbs-up{background:url(https://cdn.jsdelivr.net/gh/HandsFree/accessabar/src/images/icon-thumbs-up-white.svg) no-repeat 50%}#accessabar .ab-icon-thumbs-down{background:url(https://cdn.jsdelivr.net/gh/HandsFree/accessabar/src/images/icon-thumbs-down-white.svg) no-repeat 50%}#accessabar .ab-icon-simplify{background:url(https://cdn.jsdelivr.net/gh/HandsFree/accessabar/src/images/icon-simplify-white.svg) no-repeat 50%}#accessabar .ab-flex{display:flex}#accessabar .ab-flex-column{flex-direction:column}#accessabar .ab-flex-wrap{flex-wrap:wrap}.ab-fb-bottom-left,.ab-fb-bottom-right,.ab-fb-top-left,.ab-fb-top-right{position:fixed;z-index:2140000000}.ab-fb-bottom-left:hover,.ab-fb-bottom-right:hover,.ab-fb-top-left:hover,.ab-fb-top-right:hover{cursor:pointer}.ab-fb{align-items:center;display:flex;flex-direction:column;position:relative}.ab-fb .ab-fb-circle{align-items:center;background:#000;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.25);display:none;height:70px;justify-content:center;padding:15px;width:70px}@media (min-width:900px){.ab-fb .ab-fb-circle{display:flex}}.ab-fb .ab-fb-circle-img-inline{display:inline-block;height:1.2rem;margin-right:10px}@media (min-width:900px){.ab-fb .ab-fb-circle-img-inline{display:none}}.ab-fb .ab-fb-circle-img{height:100%}.ab-fb .ab-fb-info{align-items:center;background:#000;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,.25);color:#fff;display:flex;font-size:1.1rem;font-weight:500;letter-spacing:1.5px;margin-top:5px;padding:10px 15px;text-align:center}#accessabar,.ab-fb .ab-fb-info{font-family:Roboto Mono,monospace;font-family:var(--main-font)}#accessabar{color:#111;color:var(--alt-font-colour);z-index:2140000000}#accessabar .ab-bar{background:#b3b3b3;background:var(--ab-bar-background);box-shadow:0 2px 2px rgba(0,0,0,.6);box-shadow:0 2px 2px var(--shadow-grey);grid-area:bar;-ms-grid-column:1;-ms-grid-row:1;padding:.5rem .5rem .5rem 0;width:100%}#accessabar .ab-bar .ab-bar-container{background:#b3b3b3;background:var(--ab-bar-container-background);padding:.25em;position:relative}#accessabar .ab-underbar{display:-ms-grid;display:grid;grid-area:underbar;-ms-grid-column:1;-ms-grid-columns:1fr 6fr 1fr;-ms-grid-row:2;grid-template-areas:"hide-button prompt filler";grid-template-columns:1fr 6fr 1fr;width:100%}#accessabar .ab-underbar .ab-underbar-filler{grid-area:filler;-ms-grid-column:3;-ms-grid-row:1}#accessabar .ab-func-area{grid-area:func-area;-ms-grid-column:1;-ms-grid-row:3}#accessabar .ab-menu-area{grid-area:menu-area;-ms-grid-column:1;-ms-grid-row:4}#accessabar .ab-func-area,#accessabar .ab-menu-area,#accessabar .ab-underbar{height:0}#accessabar .ab-logo,#accessabar .ab-logo-large{align-items:center;display:flex;justify-content:center}#accessabar .ab-logo{display:flex;padding:.1em 0;width:5em}#accessabar .ab-logo-large{height:10em;padding:2em;width:20em}#accessabar .ab-logo-img,#accessabar .ab-logo-img-word{background-position:50%;background-repeat:no-repeat;background-size:contain;flex-grow:1;height:100%}#accessabar .ab-logo-img{background-image:url(https://cdn.jsdelivr.net/gh/HandsFree/accessabar/src/images/ace_logo.png)}#accessabar .ab-logo-img-word{background-image:url(https://cdn.jsdelivr.net/gh/HandsFree/accessabar/src/images/ace_logo_word.png)}#accessabar .ab-button-area{flex-wrap:wrap;justify-content:space-between}@media (min-width:600px){#accessabar .ab-button-area{flex-wrap:nowrap}}#accessabar .ab-button-area .ab-group{margin-right:.5em}#accessabar .ab-bar-button{background:#222;background:var(--dark-grey);color:#fcfcfc;color:var(--font-colour);display:inline-flex;margin:.15em;padding:.75em}#accessabar .ab-bar-button:focus,#accessabar .ab-bar-button:hover{background:#444;background:var(--lighter-grey);cursor:pointer;outline:2px solid #2979ff;outline:2px solid var(--blue-focus)}#accessabar .ab-bar-button.ab-close{background:#a51c1c;background:var(--dark-red)}#accessabar .ab-bar-button.ab-close:focus,#accessabar .ab-bar-button.ab-close:hover{background:#c32020;background:var(--lighter-red)}#accessabar .ab-bar-button.ab-warning{background:#aa6202;background:var(--dark-orange)}#accessabar .ab-bar-button.ab-warning:focus,#accessabar .ab-bar-button.ab-warning:hover{background:#d17803;background:var(--lighter-orange)}#accessabar .ab-hide-button-container{align-items:flex-start;grid-area:hide-button;-ms-grid-column:1;-ms-grid-row:1}#accessabar .ab-hide-button-container .ab-hide-button{background:#b3b3b3;background:var(--bg-grey);box-shadow:0 2px 2px rgba(0,0,0,.6);box-shadow:0 2px 2px var(--shadow-grey);color:#111;color:var(--alt-font-colour);margin-left:.25rem;padding:0 .5em}#accessabar .ab-hide-button-container .ab-hide-button:focus,#accessabar .ab-hide-button-container .ab-hide-button:hover{cursor:pointer}.tippy-box[data-theme~=ab]{font-family:Roboto Mono,monospace;font-family:var(--main-font);font-size:1.15rem}[data-tippy-root]{z-index:2140000100!important}#accessabar .ab-menu{background:#fcfcfc;background:var(--near-white);border:4px solid #333;border:4px solid var(--border-grey);box-shadow:0 2px 2px rgba(0,0,0,.6);box-shadow:0 2px 2px var(--shadow-grey);max-height:100vh;max-width:100vw;overflow:auto;z-index:2140000010}#accessabar .ab-menu .ab-menu-header{align-items:center;background:#b3b3b3;background:var(--bg-grey);border-bottom:1px solid #333;border-bottom:1px solid var(--border-grey);color:#111;color:var(--alt-font-colour);font-family:Fira Mono,monospace;font-family:var(--header-font);font-size:1rem;font-weight:700;justify-content:space-between;padding:.15em;text-shadow:0 0 1px #fcfcfc;text-shadow:0 0 1px var(--near-white)}@media (min-width:900px){#accessabar .ab-menu .ab-menu-header{font-size:1.25rem;padding:0 .5em}}#accessabar .ab-menu .ab-menu-header:hover{cursor:move}#accessabar .ab-menu .ab-menu-header .ab-menu-header-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#accessabar .ab-menu .ab-menu-header .ab-menu-drag-handle{align-items:center;align-self:stretch;display:flex;flex-grow:1;-ms-grid-row-align:stretch}#accessabar .ab-menu .ab-menu-header .ab-menu-buttons-container{align-items:center;justify-content:space-between;padding:.5em}#accessabar .ab-menu .ab-menu-header .ab-menu-buttons-container .ab-menu-help{background:#111;background:var(--near-black);color:#fcfcfc;color:var(--font-colour);display:inline-flex;margin:.1em;padding:.25em}@media (min-width:900px){#accessabar .ab-menu .ab-menu-header .ab-menu-buttons-container .ab-menu-help{margin:.15em;padding:.4em}}#accessabar .ab-menu .ab-menu-header .ab-menu-buttons-container .ab-menu-help:focus,#accessabar .ab-menu .ab-menu-header .ab-menu-buttons-container .ab-menu-help:hover{background:#444;background:var(--lighter-grey);cursor:pointer;outline:2px solid #2979ff;outline:2px solid var(--blue-focus)}#accessabar .ab-menu .ab-menu-header .ab-menu-buttons-container .ab-menu-close{background:#a51c1c;background:var(--dark-red);color:#fcfcfc;color:var(--font-colour);display:inline-flex;margin:.1em;padding:.25em}@media (min-width:900px){#accessabar .ab-menu .ab-menu-header .ab-menu-buttons-container .ab-menu-close{margin:.15em;padding:.4em}}#accessabar .ab-menu .ab-menu-header .ab-menu-buttons-container .ab-menu-close:focus,#accessabar .ab-menu .ab-menu-header .ab-menu-buttons-container .ab-menu-close:hover{background:#c32020;background:var(--lighter-red);cursor:pointer;outline:2px solid #2979ff;outline:2px solid var(--blue-focus)}#accessabar .ab-menu-content{display:flex;flex-direction:column;font-size:1rem;padding:.1em}@media (min-width:900px){#accessabar .ab-menu-content{font-size:1.1rem;padding:.5em}}#accessabar .ab-menu-tabs{background:#d8d8d8;background:var(--light-grey);display:flex}#accessabar .ab-menu-tabs .ab-menu-tab-button{align-items:center;display:flex;font-weight:500;margin:0 .1em;opacity:.8;padding:.2em;text-align:center;transition:opacity .25s}@media (min-width:900px){#accessabar .ab-menu-tabs .ab-menu-tab-button{letter-spacing:.5px;margin:0 .25em;padding:.5em}}#accessabar .ab-menu-tabs .ab-menu-tab-button.ab-active{border-bottom:2px solid #6a5881;border-bottom:2px solid var(--light-purple);opacity:1}#accessabar .ab-menu-tabs .ab-menu-tab-button:focus{background:#d8d8d8;background:var(--light-grey);outline:none}#accessabar .ab-menu-tabs .ab-menu-tab-button:focus,#accessabar .ab-menu-tabs .ab-menu-tab-button:hover{border-bottom:2px solid #6a5881;border-bottom:2px solid var(--light-purple);cursor:pointer;opacity:1}#accessabar .ab-switch{align-items:center;border:2px solid #888;border:2px solid var(--accent-grey);border-radius:2rem;display:flex;height:calc(2.5em + 4px);margin-right:.5em;min-width:calc(3em + 4px);width:calc(5.5em + 4px)}#accessabar .ab-switch .ab-handle{background:content-box #555;background:content-box var(--medium-grey);border-radius:50%;height:2.25em;margin:4px;pointer-events:none;width:2.25em}#accessabar .ab-switch .ab-switch-state{font-size:1.15em;font-weight:700;pointer-events:none;touch-action:none}#accessabar .ab-switch.ab-off{background:#f3f3f3;background:var(--very-light-grey);color:#c32020;color:var(--lighter-red);justify-content:flex-start}#accessabar .ab-switch.ab-on{background:#00bb6d;background:var(--active-green);color:#fff;justify-content:flex-end}#accessabar .ab-switch.ab-on .ab-handle{background:content-box #fcfcfc;background:content-box var(--near-white)}#accessabar .ab-switch.ab-on .ab-switch-state{order:-1}#accessabar .ab-switch:hover{cursor:pointer}#accessabar .ab-switch input[type=checkbox]{visibility:hidden}#accessabar .ab-label{align-items:center;display:flex}#accessabar .ab-label:hover{cursor:pointer}#accessabar .ab-color-selector{align-self:center;background:#222;background:var(--dark-grey);border:4px solid transparent;border-radius:50%;color:#fcfcfc;color:var(--font-colour);display:flex;-ms-grid-row-align:center;line-height:0;margin-right:2em;padding:1em}#accessabar .ab-color-selector.ab-active,#accessabar .ab-color-selector:focus,#accessabar .ab-color-selector:hover{border:4px solid #a51c1c;border:4px solid var(--dark-red);cursor:pointer}#accessabar .ab-custom-action-button{background:#222;background:var(--dark-grey);color:#fcfcfc;color:var(--font-colour);display:inline-block;margin:.15em;padding:1em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#accessabar .ab-custom-action-button:focus,#accessabar .ab-custom-action-button:hover{background:#444;background:var(--lighter-grey);cursor:pointer;outline:2px solid #2979ff;outline:2px solid var(--blue-focus)}#accessabar .ab-custom-action-button.ab-close{background:#a51c1c;background:var(--dark-red)}#accessabar .ab-custom-action-button.ab-close:focus,#accessabar .ab-custom-action-button.ab-close:hover{background:#c32020;background:var(--lighter-red)}#accessabar .ab-custom-action-button.ab-warning{background:#aa6202;background:var(--dark-orange)}#accessabar .ab-custom-action-button.ab-warning:focus,#accessabar .ab-custom-action-button.ab-warning:hover{background:#d17803;background:var(--lighter-orange)}#accessabar .ab-tts-prompt{background:#005fe0;background:var(--blue);grid-area:prompt;-ms-grid-column:2;-ms-grid-row:1;height:4em;justify-content:center;margin-top:.25rem;overflow:hidden;padding:1em}#accessabar .ab-tts-prompt .ab-tts-prompt-text{align-items:center;color:#fcfcfc;color:var(--near-white);font-size:1.5rem;margin:0;overflow:hidden;pointer-events:none;word-spacing:.25em}#accessabar .ab-tts-prompt .ab-tts-prompt-word{align-items:center;display:flex;justify-content:center;margin:0 .25em;padding:.25em 0}#accessabar .ab-tts-prompt .ab-tts-prompt-word.ab-highlight{background:#f9f871;background:var(--yellow);color:#111;color:var(--near-black)}#accessabar .ab-custom-list{position:relative}#accessabar .ab-custom-list .ab-custom-list-box{background:#fff;border:solid #444;border:solid var(--lighter-grey);border-width:2px 2px 3px;justify-content:space-between;padding:.5em}#accessabar .ab-custom-list .ab-custom-list-box:hover{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#accessabar .ab-custom-list .ab-custom-list-box.ab-active,#accessabar .ab-custom-list .ab-custom-list-box:focus{border-color:#2979ff;border-color:var(--blue-focus)}#accessabar .ab-custom-list .ab-custom-list-box:after{background:url(https://cdn.jsdelivr.net/gh/HandsFree/accessabar/src/images/icon-nav-down.svg) no-repeat 50%;content:"";height:1em;width:1em}#accessabar .ab-custom-list .ab-custom-list-selection{background:#fff;border-bottom:2px solid #444;border-bottom:2px solid var(--lighter-grey);border-left:2px solid #444;border-left:2px solid var(--lighter-grey);height:12em;left:0;list-style:none;margin:0;overflow-x:hidden;overflow-y:scroll;padding:0;position:absolute;right:0;scrollbar-color:#222 #dedede;scrollbar-color:var(--dark-grey) #dedede;scrollbar-width:auto;top:100%;z-index:2140000020}#accessabar .ab-custom-list .ab-custom-list-selection::-webkit-scrollbar{background:#dedede}#accessabar .ab-custom-list .ab-custom-list-selection::-webkit-scrollbar-thumb{background:#222;background:var(--dark-grey)}#accessabar .ab-custom-list .ab-custom-list-selection .ab-custom-list-selection-item{align-items:center;background:#fff;border-bottom:2px solid #444;border-bottom:2px solid var(--lighter-grey);border-right:2px solid #444;border-right:2px solid var(--lighter-grey);display:flex;padding:.5em}#accessabar .ab-custom-list .ab-custom-list-selection .ab-custom-list-selection-item:hover{background:#f3f3f3;background:var(--very-light-grey);cursor:pointer}#accessabar .ab-colour-presets .ab-colours{display:-ms-grid;display:grid;grid-column-gap:.5rem;-ms-grid-columns:1fr .5rem 1fr .5rem 1fr;grid-row-gap:.5rem;-ms-grid-rows:1fr .5rem 1fr .5rem 1fr;grid-template-areas:"red blue green" "yellow orange purple" "black grey white";grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);height:8.5em;width:8.5em}#accessabar .ab-colour-presets .ab-colours .ab-colour{height:100%;outline:2px solid #111;outline:2px solid var(--near-black);width:100%}#accessabar .ab-colour-presets .ab-colours .ab-colour.ab-active,#accessabar .ab-colour-presets .ab-colours .ab-colour:focus,#accessabar .ab-colour-presets .ab-colours .ab-colour:hover{box-shadow:inset 0 0 0 1px #2979ff,inset 0 0 0 2px #fff;box-shadow:0 0 0 1px var(--blue-focus) inset,0 0 0 2px #fff inset;cursor:pointer;outline:2px solid #2979ff;outline:2px solid var(--blue-focus)}#accessabar .ab-colour-presets .ab-colours .ab-colour.ab-red{background:red;grid-area:red;-ms-grid-column:1;-ms-grid-row:1}#accessabar .ab-colour-presets .ab-colours .ab-colour.ab-blue{background:#00f;grid-area:#00f;-ms-grid-column:3;-ms-grid-row:1}#accessabar .ab-colour-presets .ab-colours .ab-colour.ab-green{background:green;grid-area:green;-ms-grid-column:5;-ms-grid-row:1}#accessabar .ab-colour-presets .ab-colours .ab-colour.ab-yellow{background:#ff0;grid-area:#ff0;-ms-grid-column:1;-ms-grid-row:3}#accessabar .ab-colour-presets .ab-colours .ab-colour.ab-orange{background:orange;grid-area:orange;-ms-grid-column:3;-ms-grid-row:3}#accessabar .ab-colour-presets .ab-colours .ab-colour.ab-purple{background:purple;grid-area:purple;-ms-grid-column:5;-ms-grid-row:3}#accessabar .ab-colour-presets .ab-colours .ab-colour.ab-black{background:#000;grid-area:#000;-ms-grid-column:1;-ms-grid-row:5}#accessabar .ab-colour-presets .ab-colours .ab-colour.ab-grey{background:grey;grid-area:grey;-ms-grid-column:3;-ms-grid-row:5}#accessabar .ab-colour-presets .ab-colours .ab-colour.ab-white{background:#fff;grid-area:#fff;-ms-grid-column:5;-ms-grid-row:5}#accessabar .ab-colour-custom .ab-custom-container{height:8em;justify-content:center;margin-top:1em;width:8em}#accessabar .ab-colour-custom .ab-custom-container .ab-custom-box{height:50%;outline:2px solid #111;outline:2px solid var(--near-black);width:50%}#accessabar .ab-colour-custom .ab-custom-container .ab-custom-box.ab-active,#accessabar .ab-colour-custom .ab-custom-container .ab-custom-box:focus,#accessabar .ab-colour-custom .ab-custom-container .ab-custom-box:hover{box-shadow:inset 0 0 0 1px #2979ff,inset 0 0 0 2px #fff;box-shadow:0 0 0 1px var(--blue-focus) inset,0 0 0 2px #fff inset;cursor:pointer;outline:2px solid #2979ff;outline:2px solid var(--blue-focus)}#accessabar .ab-colour-custom,#accessabar .ab-colour-presets{align-items:center;padding:0 1em}#accessabar .ab-colour-custom>.ab-title,#accessabar .ab-colour-presets>.ab-title{font-size:1.25em;font-weight:700;margin:.5em 0;text-align:center}#accessabar .ab-colour-custom>.ab-desc,#accessabar .ab-colour-presets>.ab-desc{color:#222;color:var(--dark-grey);font-size:1em;text-align:center}#accessabar .ab-counter{align-items:center;justify-content:center;margin:.5em 0}#accessabar .ab-counter .ab-dec,#accessabar .ab-counter .ab-inc{margin:0 .5em;padding:1em}#accessabar .ab-counter .ab-count{font-size:1.8em;margin:0 .5em}#accessabar .ab-counter .ab-count-header{font-size:1em;line-height:1em}#accessabar .ab-counter .ab-count-container{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}#accessabar .ab-magnifier-window{background:#fff;border:4px solid #222;border:4px solid var(--dark-grey);border-radius:.5rem;box-shadow:0 1px 4px rgba(0,0,0,.6),0 5px 20px #d8d8d8;box-shadow:0 1px 4px var(--shadow-grey),0 5px 20px var(--light-grey);display:flex;min-height:160px;min-width:240px;position:relative;resize:both}#accessabar .ab-magnifier-window .ab-drag-circle{align-items:center;background:#fcfcfc;background:var(--near-white);border:2px solid #222;border:2px solid var(--dark-grey);border-radius:50%;color:#111;color:var(--alt-font-colour);display:flex;height:0;justify-content:center;left:calc(100% - 1em);position:absolute;text-align:center;top:-1em;width:0;z-index:2140000005}#accessabar .ab-magnifier-window .ab-drag-circle:hover{cursor:move}#accessabar .ab-magnifier-window .ab-resize-square{align-items:center;border:2px solid #222;border:2px solid var(--dark-grey);bottom:-1em;color:#111;color:var(--alt-font-colour);display:flex;height:0;justify-content:center;left:calc(100% - 1em);position:absolute;text-align:center;width:0;z-index:2140000005}#accessabar .ab-magnifier-window .ab-resize-square:hover{cursor:nwse-resize}#accessabar .ab-magnifier-window .ab-magnifier-page-container{border-radius:.25rem;display:flex;height:100%;min-height:100%;min-width:100%;overflow:hidden;width:100%}#accessabar .ab-magnifier-window .ab-magnifier-page-container:hover{cursor:move}#accessabar .ab-magnifier-window .ab-magnifier-page{border:none;display:flex;min-height:100vh;min-width:100vw;outline:none;pointer-events:none;position:relative;transform-origin:top left}#accessabar .ab-mask{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:2140000100}#accessabar .ab-reading-ruler{height:6rem;left:0;pointer-events:none;position:absolute;width:100vw;z-index:2140000100}#accessabar .ab-pinhole-ruler-container{height:100vh;left:0;pointer-events:none;position:absolute;top:0;width:100vw}#accessabar .ab-pinhole-ruler-centre,#accessabar .ab-pinhole-ruler-handle{pointer-events:none;width:100%;z-index:2140000100}#accessabar .ab-pinhole-ruler-handle{left:0;position:absolute}#accessabar .ab-pinhole-ruler-handle.ab-top{top:0}#accessabar .ab-pinhole-ruler-handle.ab-bottom{bottom:0}#accessabar .ab-modal,#accessabar .ab-pinhole-ruler-centre{left:0;position:absolute}#accessabar .ab-modal{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[3];-ms-grid-rows:10rem 1fr;grid-template-columns:repeat(3,1fr);grid-template-rows:10rem 1fr;height:100vh;max-width:100vw;top:0;width:100vw;z-index:2140000015}@media (min-width:1200px){#accessabar .ab-modal{-ms-grid-columns:5em 1fr 1020px 1fr 5em;-ms-grid-rows:5em 10rem 1fr 5em;grid-template-columns:5em 1fr 1020px 1fr 5em;grid-template-rows:5em 10rem 1fr 5em}}#accessabar .ab-modal-header{background:#fcfcfc;background:var(--near-white);display:flex;grid-area:1/1/2/4;-ms-grid-column:1;-ms-grid-column-span:3;-ms-grid-row:1;-ms-grid-row-span:1;justify-content:space-between;padding:1rem 0}@media (min-width:900px){#accessabar .ab-modal-header{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr)}}@media (min-width:1200px){#accessabar .ab-modal-header{border-left:4px solid #111;border-left:4px solid var(--near-black);border-right:4px solid #111;border-right:4px solid var(--near-black);border-top:4px solid #111;border-top:4px solid var(--near-black);grid-area:2/2/3/5;-ms-grid-column:2;-ms-grid-column-span:3;-ms-grid-row:2;-ms-grid-row-span:1}}#accessabar .ab-modal-header-title{align-self:center;display:flex;font-size:1.8em;-ms-grid-row-align:center;margin-left:2em}@media (min-width:900px){#accessabar .ab-modal-header-title{-ms-grid-column-align:center;justify-self:center;margin-left:0}}#accessabar .ab-modal-close-button{align-self:center;background:#222;background:var(--dark-grey);color:#fcfcfc;color:var(--font-colour);display:flex;-ms-grid-row-align:center;line-height:0;margin-right:2em;padding:1em}#accessabar .ab-modal-close-button:focus,#accessabar .ab-modal-close-button:hover{background:#c32020;background:var(--lighter-red);cursor:pointer;outline:2px solid #2979ff;outline:2px solid var(--blue-focus)}@media (min-width:900px){#accessabar .ab-modal-close-button{justify-self:flex-end}}#accessabar .ab-modal-logo{display:none}@media (min-width:900px){#accessabar .ab-modal-logo{display:flex}}#accessabar .ab-modal-section-left,#accessabar .ab-modal-section-right{display:none}@media (min-width:1200px){#accessabar .ab-modal-section-left{border-left:4px solid #111;border-left:4px solid var(--near-black);grid-area:3/2;-ms-grid-column:2}#accessabar .ab-modal-section-left,#accessabar .ab-modal-section-right{background:#fcfcfc;background:var(--near-white);border-bottom:4px solid #111;border-bottom:4px solid var(--near-black);display:flex;-ms-grid-row:3}#accessabar .ab-modal-section-right{border-right:4px solid #111;border-right:4px solid var(--near-black);grid-area:3/4;-ms-grid-column:4}}#accessabar .ab-modal-section{background:#fcfcfc;background:var(--near-white);display:flex;flex-direction:column;grid-area:2/1/3/4;-ms-grid-column:1;-ms-grid-column-span:3;-ms-grid-row:2;-ms-grid-row-span:1;overflow-y:auto;padding:2rem}#accessabar .ab-modal-section:after{content:"";padding:1rem}@media (min-width:1200px){#accessabar .ab-modal-section{border-bottom:4px solid #111;border-bottom:4px solid var(--near-black);grid-area:3/3;-ms-grid-column:3;-ms-grid-row:3}}#accessabar .ab-modal-section-group{display:flex;flex-direction:column;margin:1em 0}#accessabar .ab-modal-section-group-row{display:flex;flex-direction:row;margin:1em 0}#accessabar .ab-modal-section-title{font-family:Fira Mono,monospace;font-family:var(--header-font);font-size:1.4em;margin:1em 0 0}#accessabar .ab-modal-title{font-size:1.15em;font-weight:700;margin:.5em 0}#accessabar .ab-modal-placeholder{margin:1em 0}#accessabar .default-selector{background:#b3b3b3;background:var(--bg-grey)}#accessabar .orange-selector{background:orange;background:var(--orange)}#accessabar .light-selector{background:#dfdfe0}#accessabar .dark-selector{background:#555}#accessabar .sky-blue-selector{background:#87ceeb;background:var(--sky-blue)}#accessabar .pink-selector{background:pink;background:var(--pink)}#accessabar .yellow-selector{background:#f9f871;background:var(--yellow)}#accessabar .grass-green-selector{background:#567d46;background:var(--grass-green)}#accessabar .aqua-blue-selector{background:#0ff;background:var(--aqua-blue)}#accessabar .celery-green-selector{background:#9dce5c;background:var(--celery-green)}#accessabar .grey-selector{background:#b3b3b3;background:var(--grey)}#accessabar .jade-selector{background:#00a86b;background:var(--jade)}#accessabar .magenta-selector{background:#f0f;background:var(--magenta)}#accessabar .ab-range{-webkit-appearance:none;margin:.7px 0;width:100%}#accessabar .ab-range:focus{outline:none}#accessabar .ab-range::-webkit-slider-runnable-track{background:#d8d8d8;background:var(--light-grey);border:none;box-shadow:1px 1px 1px #000,0 0 1px #111;box-shadow:1px 1px 1px #000,0 0 1px var(--near-black);cursor:pointer;height:25.6px;width:100%}#accessabar .ab-range::-webkit-slider-thumb{-webkit-appearance:none;background:#f0f0f0;background:var(--lightest-grey);border:5px solid #005fe0;border:5px solid var(--blue);border-radius:0;cursor:pointer;height:35px;margin-top:-.7px;width:18px}#accessabar .ab-range:focus::-webkit-slider-thumb{background:#fff}#accessabar .ab-range::-moz-range-track{background:#d8d8d8;background:var(--light-grey);border:none;border-radius:0;box-shadow:1px 1px 1px #000,0 0 1px #111;box-shadow:1px 1px 1px #000,0 0 1px var(--near-black);cursor:pointer;height:25.6px;width:100%}#accessabar .ab-range::-moz-range-thumb{background:#f0f0f0;background:var(--lightest-grey);border:5px solid #005fe0;border:5px solid var(--blue);border-radius:0;cursor:pointer;height:35px;width:18px}#accessabar .ab-range:focus::-moz-range-thumb{background:#fff}#accessabar .ab-feedback-menu{background:#fcfcfc;background:var(--near-white);border:4px solid #333;border:4px solid var(--border-grey);box-shadow:0 2px 2px rgba(0,0,0,.6);box-shadow:0 2px 2px var(--shadow-grey);text-align:center;z-index:2140000010}#accessabar .ab-feedback-menu .ab-feedback-prompt-text{display:block;margin-left:2em;margin-right:2em;margin-top:2em;text-align:center}#accessabar .ab-feedback-menu .ab-feedback-actions-container{align-items:center;display:flex;justify-content:center;margin:1em;padding:.5em}#accessabar .ab-feedback-menu .ab-feedback-actions-container .ab-feedback-action-thumbs-up{background:#00bb6d;background:var(--active-green);margin:.5em;padding:.5em}#accessabar .ab-feedback-menu .ab-feedback-actions-container .ab-feedback-action-thumbs-up:focus,#accessabar .ab-feedback-menu .ab-feedback-actions-container .ab-feedback-action-thumbs-up:hover{cursor:pointer;outline:2px solid #2979ff;outline:2px solid var(--blue-focus)}#accessabar .ab-feedback-menu .ab-feedback-actions-container .ab-feedback-action-thumbs-down{background:#c32020;background:var(--lighter-red);margin:.5em;padding:.5em}#accessabar .ab-feedback-menu .ab-feedback-actions-container .ab-feedback-action-thumbs-down:focus,#accessabar .ab-feedback-menu .ab-feedback-actions-container .ab-feedback-action-thumbs-down:hover{cursor:pointer;outline:2px solid #2979ff;outline:2px solid var(--blue-focus)}#accessabar .ab-feedback-menu .ab-feedback-tell-me-more-button{background:#222;background:var(--dark-grey);color:#fcfcfc;color:var(--font-colour);cursor:pointer;display:inline-flex;margin:.5em .15em;padding:.4em;text-align:center}#accessabar .ab-feedback-menu .ab-feedback-tell-me-more-button:focus,#accessabar .ab-feedback-menu .ab-feedback-tell-me-more-button:hover{background:#444;background:var(--lighter-grey);cursor:pointer;outline:2px solid #222;outline:2px solid var(--dark-grey)}#accessabar .ab-feedback-menu .ab-feedback-close-button{background:#a51c1c;background:var(--dark-red);color:#fcfcfc;color:var(--font-colour);display:inline-flex;margin:.15em;padding:.4em .4em .4em 2.3em;text-align:center;width:8em}#accessabar .ab-feedback-menu .ab-feedback-close-button:focus,#accessabar .ab-feedback-menu .ab-feedback-close-button:hover{background:#c32020;background:var(--lighter-red);cursor:pointer;outline:2px solid #2979ff;outline:2px solid var(--blue-focus)}#accessabar .ab-inner-bar-settings{display:flex;padding:0 1rem}#accessabar .ab-sr-last-dictation{border:2px solid #333;border:2px solid var(--border-grey);display:flex;margin-top:1em;padding:1.5em;position:relative}#accessabar .ab-sr-last-dictation .ab-sr-last-dictation-header{background:#fcfcfc;background:var(--near-white);font-size:.85em;left:1em;padding:.1em .5em;position:absolute;top:-.85em}#accessabar .ab-sr-last-dictation .ab-sr-last-dictation-placeholder{color:#555;color:var(--medium-grey)}#accessabar .ab-simplify-content{border:none;height:100%;outline:none;width:100%}#accessabar.ab-hide,#accessabar .ab-hide{display:none}.pcr-app{z-index:2140000015!important}@font-face{font-family:OpenDyslexic\ 3;font-style:normal;font-weight:400;src:local("OpenDyslexic 3"),local("OpenDyslexic3"),url(https://cdn.jsdelivr.net/gh/HandsFree/accessabar/src/fonts/OpenDyslexicThree-Regular.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/HandsFree/accessabar/src/fonts/OpenDyslexicThree-Regular.woff) format("woff")}@font-face{font-family:Sylexiad Sans;font-style:normal;font-weight:500;src:local("SylexiadSansMedium"),url(https://cdn.jsdelivr.net/gh/HandsFree/accessabar/src/fonts/SylexiadSansMedium.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/HandsFree/accessabar/src/fonts/SylexiadSansMedium.woff) format("woff")}@font-face{font-family:"Sylexiad Serif";font-style:normal;font-weight:500;src:local("SylexiadSerifMedium"),url(https://cdn.jsdelivr.net/gh/HandsFree/accessabar/src/fonts/SylexiadSerifMedium.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/HandsFree/accessabar/src/fonts/SylexiadSerifMedium.woff) format("woff")}@font-face{font-family:Arial;font-style:normal;font-weight:400;src:local("Arial"),local("ArialMT"),url(https://cdn.jsdelivr.net/gh/HandsFree/accessabar/src/fonts/ArialMT.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/HandsFree/accessabar/src/fonts/ArialMT.woff) format("woff")}@font-face{font-family:Trebuchet MS;font-style:normal;font-weight:400;src:local("Trebuchet MS"),local("TrebuchetMS"),url(https://cdn.jsdelivr.net/gh/HandsFree/accessabar/src/fonts/TrebuchetMS.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/HandsFree/accessabar/src/fonts/TrebuchetMS.woff) format("woff")}@font-face{font-family:Times New Roman;font-style:normal;font-weight:400;src:local("Times New Roman"),local("TimesNewRomanPSMT"),url(https://cdn.jsdelivr.net/gh/HandsFree/accessabar/src/fonts/TimesNewRomanPSMT.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/HandsFree/accessabar/src/fonts/TimesNewRomanPSMT.woff) format("woff")}@font-face{font-family:Bodoni BT;font-style:normal;font-weight:400;src:local("Bodoni BT"),local("BodoniBT-Roman"),url(https://cdn.jsdelivr.net/gh/HandsFree/accessabar/src/fonts/BodoniBT-Roman.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/HandsFree/accessabar/src/fonts/BodoniBT-Roman.woff) format("woff")}@font-face{font-family:Helvetica;font-style:normal;font-weight:400;src:local("Helvetica"),url(https://cdn.jsdelivr.net/gh/HandsFree/accessabar/src/fonts/Helvetica.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/HandsFree/accessabar/src/fonts/Helvetica.woff) format("woff")}@font-face{font-family:Calibri;font-style:normal;font-weight:400;src:local("Calibri"),url(https://cdn.jsdelivr.net/gh/HandsFree/accessabar/src/fonts/Calibri.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/HandsFree/accessabar/src/fonts/Calibri.woff) format("woff")}@font-face{font-family:Tahoma;font-style:normal;font-weight:400;src:local("Tahoma"),url(https://cdn.jsdelivr.net/gh/HandsFree/accessabar/src/fonts/Tahoma.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/HandsFree/accessabar/src/fonts/Tahoma.woff) format("woff")}@font-face{font-family:Comic Sans MS;font-style:normal;font-weight:400;src:local("Comic Sans MS"),local("ComicSansMS"),url(https://cdn.jsdelivr.net/gh/HandsFree/accessabar/src/fonts/ComicSansMS.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/HandsFree/accessabar/src/fonts/ComicSansMS.woff) format("woff")}@font-face{font-family:Georgia;font-style:normal;font-weight:400;src:local("Georgia"),url(https://cdn.jsdelivr.net/gh/HandsFree/accessabar/src/fonts/Georgia.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/HandsFree/accessabar/src/fonts/Georgia.woff) format("woff")}@font-face{font-family:Verdana;font-style:normal;font-weight:400;src:local("Verdana"),url(https://cdn.jsdelivr.net/gh/HandsFree/accessabar/src/fonts/Verdana.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/HandsFree/accessabar/src/fonts/Verdana.woff) format("woff")}@font-face{font-family:Courier;font-style:normal;font-weight:500;src:local("Courier"),url(https://cdn.jsdelivr.net/gh/HandsFree/accessabar/src/fonts/Courier.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/HandsFree/accessabar/src/fonts/Courier.woff) format("woff")}@font-face{font-family:Courier New;font-style:normal;font-weight:400;src:local("Courier New"),local("CourierNewPSMT"),url(https://cdn.jsdelivr.net/gh/HandsFree/accessabar/src/fonts/CourierNewPSMT.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/HandsFree/accessabar/src/fonts/CourierNewPSMT.woff) format("woff")}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{background-color:#333;border-radius:4px;color:#fff;font-size:14px;line-height:1.4;outline:0;position:relative;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{border-top-color:initial;border-width:8px 8px 0;bottom:-7px;left:0;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:initial;border-width:0 8px 8px;left:0;top:-7px;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-left-color:initial;border-width:8px 0 8px 8px;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{border-right-color:initial;border-width:8px 8px 8px 0;left:-7px;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{color:#333;height:16px;width:16px}.tippy-arrow:before{border-color:transparent;border-style:solid;content:"";position:absolute}.tippy-content{padding:5px 9px;position:relative;z-index:1} /*! Pickr 1.7.2 MIT | https://github.com/Simonwep/pickr */.pickr{position:relative;overflow:visible;transform:translateY(0)}.pickr *{box-sizing:border-box;outline:none;border:none;-webkit-appearance:none}.pickr .pcr-button{position:relative;height:2em;width:2em;padding:.5em;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;border-radius:.15em;background:url('data:image/svg+xml;utf8, ') no-repeat 50%;background-size:0;transition:all .3s}.pickr .pcr-button:before{background:url('data:image/svg+xml;utf8, ');background-size:.5em;z-index:-1;z-index:auto}.pickr .pcr-button:after,.pickr .pcr-button:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;border-radius:.15em}.pickr .pcr-button:after{transition:background .3s;background:currentColor}.pickr .pcr-button.clear{background-size:70%}.pickr .pcr-button.clear:before{opacity:0}.pickr .pcr-button.clear:focus{box-shadow:0 0 0 1px hsla(0,0%,100%,.85),0 0 0 3px currentColor}.pickr .pcr-button.disabled{cursor:not-allowed}.pcr-app *,.pickr *{box-sizing:border-box;outline:none;border:none;-webkit-appearance:none}.pcr-app button.pcr-active,.pcr-app button:focus,.pcr-app input.pcr-active,.pcr-app input:focus,.pickr button.pcr-active,.pickr button:focus,.pickr input.pcr-active,.pickr input:focus{box-shadow:0 0 0 1px hsla(0,0%,100%,.85),0 0 0 3px currentColor}.pcr-app .pcr-palette,.pcr-app .pcr-slider,.pickr .pcr-palette,.pickr .pcr-slider{transition:box-shadow .3s}.pcr-app .pcr-palette:focus,.pcr-app .pcr-slider:focus,.pickr .pcr-palette:focus,.pickr .pcr-slider:focus{box-shadow:0 0 0 1px hsla(0,0%,100%,.85),0 0 0 3px rgba(0,0,0,.25)}.pcr-app{position:fixed;display:flex;flex-direction:column;z-index:10000;border-radius:.1em;background:#fff;opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;box-shadow:0 .15em 1.5em 0 rgba(0,0,0,.1),0 0 1em 0 rgba(0,0,0,.03);left:0;top:0}.pcr-app.visible{transition:opacity .3s;visibility:visible;opacity:1}.pcr-app .pcr-swatches{display:flex;flex-wrap:wrap;margin-top:.75em}.pcr-app .pcr-swatches.pcr-last{margin:0}@supports (display:grid){.pcr-app .pcr-swatches{display:grid;align-items:center;grid-template-columns:repeat(auto-fit,1.75em)}}.pcr-app .pcr-swatches>button{font-size:1em;position:relative;width:calc(1.75em - 5px);height:calc(1.75em - 5px);border-radius:.15em;cursor:pointer;margin:2.5px;flex-shrink:0;justify-self:center;transition:all .15s;overflow:hidden;background:transparent;z-index:1}.pcr-app .pcr-swatches>button:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8, ');background-size:6px;border-radius:.15em;z-index:-1}.pcr-app .pcr-swatches>button:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:currentColor;border:1px solid rgba(0,0,0,.05);border-radius:.15em;box-sizing:border-box}.pcr-app .pcr-swatches>button:hover{filter:brightness(1.05)}.pcr-app .pcr-swatches>button:not(.pcr-active){box-shadow:none}.pcr-app .pcr-interaction{display:flex;flex-wrap:wrap;align-items:center;margin:0 -.2em}.pcr-app .pcr-interaction>*{margin:0 .2em}.pcr-app .pcr-interaction input{letter-spacing:.07em;font-size:.75em;text-align:center;cursor:pointer;color:#75797e;background:#f1f3f4;border-radius:.15em;transition:all .15s;padding:.45em .5em;margin-top:.75em}.pcr-app .pcr-interaction input:hover{filter:brightness(.975)}.pcr-app .pcr-interaction input:focus{box-shadow:0 0 0 1px hsla(0,0%,100%,.85),0 0 0 3px rgba(66,133,244,.75)}.pcr-app .pcr-interaction .pcr-result{color:#75797e;text-align:left;flex:1 1 8em;min-width:8em;transition:all .2s;border-radius:.15em;background:#f1f3f4;cursor:text}.pcr-app .pcr-interaction .pcr-result::-moz-selection{background:#4285f4;color:#fff}.pcr-app .pcr-interaction .pcr-result::selection{background:#4285f4;color:#fff}.pcr-app .pcr-interaction .pcr-type.active{color:#fff;background:#4285f4}.pcr-app .pcr-interaction .pcr-cancel,.pcr-app .pcr-interaction .pcr-clear,.pcr-app .pcr-interaction .pcr-save{width:auto;color:#fff}.pcr-app .pcr-interaction .pcr-cancel:hover,.pcr-app .pcr-interaction .pcr-clear:hover,.pcr-app .pcr-interaction .pcr-save:hover{filter:brightness(.925)}.pcr-app .pcr-interaction .pcr-save{background:#4285f4}.pcr-app .pcr-interaction .pcr-cancel,.pcr-app .pcr-interaction .pcr-clear{background:#f44250}.pcr-app .pcr-interaction .pcr-cancel:focus,.pcr-app .pcr-interaction .pcr-clear:focus{box-shadow:0 0 0 1px hsla(0,0%,100%,.85),0 0 0 3px rgba(244,66,80,.75)}.pcr-app .pcr-selection .pcr-picker{position:absolute;height:18px;width:18px;border:2px solid #fff;border-radius:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pcr-app .pcr-selection .pcr-color-chooser,.pcr-app .pcr-selection .pcr-color-opacity,.pcr-app .pcr-selection .pcr-color-palette{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;flex-direction:column;cursor:grab;cursor:-webkit-grab}.pcr-app .pcr-selection .pcr-color-chooser:active,.pcr-app .pcr-selection .pcr-color-opacity:active,.pcr-app .pcr-selection .pcr-color-palette:active{cursor:grabbing;cursor:-webkit-grabbing}.pcr-app[data-theme=nano]{width:14.25em;max-width:95vw}.pcr-app[data-theme=nano] .pcr-swatches{margin-top:.6em;padding:0 .6em}.pcr-app[data-theme=nano] .pcr-interaction{padding:0 .6em .6em}.pcr-app[data-theme=nano] .pcr-selection{display:grid;grid-gap:.6em;grid-template-columns:1fr 4fr;grid-template-rows:5fr auto auto;align-items:center;height:10.5em;width:100%;align-self:flex-start}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview{grid-area:2/1/4/1;height:100%;width:100%;display:flex;flex-direction:row;justify-content:center;margin-left:.6em}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview .pcr-last-color{display:none}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview .pcr-current-color{position:relative;background:currentColor;width:2em;height:2em;border-radius:50em;overflow:hidden}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview .pcr-current-color:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8, ');background-size:.5em;border-radius:.15em;z-index:-1}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette{grid-area:1/1/2/3;width:100%;height:100%;z-index:1}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette .pcr-palette{border-radius:.15em;width:100%;height:100%}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette .pcr-palette:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8, ');background-size:.5em;border-radius:.15em;z-index:-1}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser{grid-area:2/2/2/2}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity{grid-area:3/2/3/2}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser,.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity{height:.5em;margin:0 .6em}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser .pcr-picker,.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity .pcr-picker{top:50%;transform:translateY(-50%)}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser .pcr-slider,.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity .pcr-slider{flex-grow:1;border-radius:50em}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser .pcr-slider{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity .pcr-slider{background:linear-gradient(90deg,transparent,#000),url('data:image/svg+xml;utf8, ');background-size:100%,.25em}