/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Render the `main` element consistently in IE.
*/
main {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
text-decoration: underline dotted; /* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input { /* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
html,body{height:100%;width:100%;margin:0;padding:0}html{box-sizing:border-box;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-family:Verdana,sans-serif}*,*:before,*:after{box-sizing:inherit}body{--primary: #86cbff;--primary-lighter: rgb(236, 246.8347107438, 255);--primary-darker: rgb(6.5, 148.2066115702, 255);--background: #ffffff;--background-03dp: #ffffff;--surface: #ffffff;--error: #b00020;--on-primary: #000000;--on-background: #000000;--on-surface: #000000;--on-error: #ffffff}body.theme-dark{--primary: #005d84;--primary-lighter: rgb(0, 39.1022727273, 55.5);--primary-darker: rgb(0, 164.8636363636, 234);--background: #121212;--background-03dp: rgb(38.4, 38.4, 38.4);--surface: #121212;--error: #cf6679;--on-primary: #ffffff;--on-background: #ffffff;--on-surface: #ffffff;--on-error: #ffffff}@media(prefers-color-scheme: dark){body.theme-system{--primary: #006590;--primary-lighter: rgb(0, 29.4583333333, 42);--primary-darker: rgb(0, 172.5416666667, 246);--background: #121212;--background-03dp: rgb(38.4, 38.4, 38.4);--surface: #121212;--error: #cf6679;--on-primary: #ffffff;--on-background: #ffffff;--on-surface: #ffffff;--on-error: #ffffff}}body{background-color:var(--background);font-family:"Roboto",sans-serif;color:var(--on-background)}h1,h2,h3,h4,h5,h6{color:var(--primary-darker)}h1{margin-block-start:.5em;margin-block-end:.5em}h2{margin-block-start:.4em;margin-block-end:.4em}a{color:inherit}svg{height:24px;width:24px;fill:currentColor}svg.inline{height:1em;width:1em}.hide{display:none !important}.btn{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.float-right{float:right}.pcr-app{background-color:var(--background-03dp) !important}.pcr-app .pcr-result{background-color:var(--primary-lighter) !important;color:var(--on-primary) !important}body .github{color:#191717}body.theme-dark .github{color:#fff}@media(prefers-color-scheme: dark){body.theme-system .github{color:#fff}}#error{z-index:-999;opacity:0;position:fixed;height:100%;width:100%;background-color:rgba(0,0,0,.5);color:var(--on-background);transition:all 150ms cubic-bezier(0.4, 0, 0.2, 1)}#error.show{z-index:999;opacity:1}#error .card{position:absolute;top:40%;left:50%;transform:translate(-50%, -50%);width:80%;max-width:350px;padding:16px;background-color:var(--background-03dp);box-shadow:0 .15em 1.5em 0 rgba(0,0,0,.1),0 0 1em 0 rgba(0,0,0,.03);border-radius:4px}#error .card h2{color:var(--error)}#error .card .btn{display:none;height:36px;min-width:84px;margin:0 auto;padding:8px 12px;background-color:var(--error);border:none;border-radius:4px;color:var(--on-error)}#error .card .btn.show{display:block}#nav-show{z-index:1;position:fixed;background-color:var(--primary);border-radius:4px;color:var(--on-primary)}#nav-show.active svg,#nav-show:hover svg{opacity:1}#nav-show svg{opacity:.6;height:100%;width:100%}#content{z-index:2;overflow:auto;width:100%;background-color:var(--background)}#content>div{display:none;padding:16px}#content>div.active{display:block}#content #routes .container{position:relative}#content #routes input{height:100%;width:100%;padding:20px 16px 6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--primary-lighter);border:none;border-bottom:1px solid;border-radius:4px 4px 0 0;outline:none;color:var(--on-background)}#content #routes input::-moz-placeholder{opacity:0;-moz-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}#content #routes input::placeholder{opacity:0;transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}#content #routes label{position:absolute;top:24px;left:16px;right:initial;transform:translateY(-50%);transform-origin:left top;color:var(--on-background);pointer-events:none;transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1)}#content #routes input:focus,#content #routes input:valid{border-bottom:2px solid var(--primary)}#content #routes input:focus~label,#content #routes input:valid~label{transform:translateY(-106%) scale(0.75);color:var(--primary-darker)}#content #routes input:focus~#results,#content #routes input:valid~#results{display:block}#content #routes input:focus~#active,#content #routes input:valid~#active{display:none}#content #routes input:focus::-moz-placeholder, #content #routes input:valid::-moz-placeholder{opacity:1}#content #routes input:focus::placeholder,#content #routes input:valid::placeholder{opacity:1}#content #routes .row{display:flex;align-items:center;height:48px;width:100%}#content #routes #results{display:none;overflow-y:auto;flex-grow:1}#content #routes #results .route{border-bottom:1px solid var(--primary)}#content #routes #results .route img{height:32px}#content #routes #results .route .col{width:calc(100% - 40px)}#content #routes #results .route .col .short.name{display:block;font-size:16px;font-weight:bold}#content #routes #results .route .col .long.name{display:block;font-size:13px;white-space:nowrap}#content #routes #results .route:last-child{border-bottom:none}#content #routes #active .region{border-top:2px solid var(--primary)}#content #routes #active .region:first-child{border-top:none}#content #routes #active.show-active-region-headers .region-title{display:block}#content #routes #active .region-title{display:none;padding:8px 0 4px 0;font-weight:bold;color:var(--primary-darker)}#content #routes #active .route{--color: transparent;border-bottom:1px solid var(--primary)}#content #routes #active .route img{height:32px}#content #routes #active .route .pickr{height:32px;width:32px;background-color:var(--color);border-radius:4px}#content #routes #active .route .remove{height:32px}#content #routes #active .route .col{width:calc(100% - 64px);padding-left:4px}#content #routes #active .route .col .short.name{display:block;font-size:16px;font-weight:bold}#content #routes #active .route .col .long.name{display:block;font-size:13px;white-space:nowrap}#content #routes #active .route:last-child{border-bottom:none}#content #settings .setting{display:flex;align-items:center;height:32px;width:100%;cursor:pointer}#content #settings .setting span{flex-grow:1}#content #settings .setting .switch-input{display:none}#content #settings .setting .switch-input:checked+.switch-label:before{background-color:var(--primary)}#content #settings .setting .switch-input:checked+.switch-label:after{transform:translate(80%, -50%);background-color:var(--primary-darker)}#content #settings .setting .switch-label{display:inline-block;position:relative;padding:10px 0 10px 36px;cursor:pointer}#content #settings .setting .switch-label:before,#content #settings .setting .switch-label:after{content:"";position:absolute;top:50%;transform:translateY(-50%);margin:0;outline:0;transition:all 150ms ease}#content #settings .setting .switch-label:before{left:1px;height:14px;width:34px;background-color:#9e9e9e;border-radius:8px}#content #settings .setting .switch-label:after{left:0;height:20px;width:20px;background-color:#fafafa;box-shadow:0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084);border-radius:50%}#content #settings .setting option{background-color:var(--background-03dp);color:var(--on-background)}#content #settings .setting select{background-color:var(--background);border:none;color:var(--on-background);-moz-text-align-last:right;text-align-last:right}#content #about{flex-direction:column;height:100%;width:100%;text-align:justify}#content #about.active{display:flex}#content #about ul{padding:0;list-style-position:inside}#content #about .footer{margin-top:auto;padding:1em 0;font-size:.8em}#navbar{z-index:2;display:flex;justify-content:center;height:56px;background-color:var(--primary)}#navbar .tab{display:flex;opacity:.6;flex:1 1 0px;flex-direction:column;height:100%;max-width:168px;padding-top:8px;font-size:12px;color:var(--on-primary);text-align:center}#navbar .tab.active,#navbar .tab:hover{opacity:1}#navbar .tab svg{margin:0 auto}@media(max-width: 899px){.hide-0-899{display:none !important}#nav-show{top:12px;right:12px;height:32px;width:32px}#map{visibility:hidden;position:fixed !important;top:0;height:100%;width:100%;transition:height 150ms cubic-bezier(0.4, 0, 0.2, 1)}#map.active{visibility:visible}#map.nav-show{height:calc(100% - 56px)}#main{overflow-y:hidden;height:100%;width:100%}#main #content{height:100%;transition:height 150ms cubic-bezier(0.4, 0, 0.2, 1)}#main #content .col .long.name{overflow-x:auto}#main #navbar{height:0;transition:height 150ms cubic-bezier(0.4, 0, 0.2, 1)}#main.show #content{height:calc(100% - 56px)}#main.show #navbar{height:56px}}@media(min-width: 900px){.hide-900{display:none !important}#nav-show{top:32px;left:32px;height:48px;width:48px}#main{display:flex;overflow-x:hidden;flex-direction:column-reverse;height:100%;width:0;background-color:var(--background);white-space:nowrap;transition:width 150ms cubic-bezier(0.4, 0, 0.2, 1)}#main.show{width:calc(350px + (100% - 900px)*.1)}#map{position:fixed !important;display:block !important;height:100%;width:100%}#content{position:relative;flex-grow:1}#content .col .long.name{overflow:hidden}#content #about{white-space:normal}}
/*! Pickr 1.9.1 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 center;background-size:0;transition:all .3s}.pickr .pcr-button::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}.pickr .pcr-button::before{z-index:initial}.pickr .pcr-button::after{position:absolute;content:"";top:0;left:0;height:100%;width:100%;transition:background .3s;background:var(--pcr-color);border-radius:.15em}.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 rgba(255, 255, 255, 0.85),0 0 0 3px var(--pcr-color)}.pickr .pcr-button.disabled{cursor:not-allowed}.pickr *,.pcr-app *{box-sizing:border-box;outline:none;border:none;-webkit-appearance:none}.pickr input:focus,.pickr input.pcr-active,.pickr button:focus,.pickr button.pcr-active,.pcr-app input:focus,.pcr-app input.pcr-active,.pcr-app button:focus,.pcr-app button.pcr-active{box-shadow:0 0 0 1px rgba(255, 255, 255, 0.85),0 0 0 3px var(--pcr-color)}.pickr .pcr-palette,.pickr .pcr-slider,.pcr-app .pcr-palette,.pcr-app .pcr-slider{transition:box-shadow .3s}.pickr .pcr-palette:focus,.pickr .pcr-slider:focus,.pcr-app .pcr-palette:focus,.pcr-app .pcr-slider:focus{box-shadow:0 0 0 1px rgba(255, 255, 255, 0.85),0 0 0 3px rgba(0, 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, 0.1),0 0 1em 0 rgba(0, 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:rgba(0, 0, 0, 0);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:var(--pcr-color);border:1px solid rgba(0, 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 -0.2em 0 -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(0.975)}.pcr-app .pcr-interaction input:focus{box-shadow:0 0 0 1px rgba(255, 255, 255, 0.85),0 0 0 3px rgba(66, 133, 244, 0.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-save,.pcr-app .pcr-interaction .pcr-cancel,.pcr-app .pcr-interaction .pcr-clear{color:#fff;width:auto}.pcr-app .pcr-interaction .pcr-save,.pcr-app .pcr-interaction .pcr-cancel,.pcr-app .pcr-interaction .pcr-clear{color:#fff}.pcr-app .pcr-interaction .pcr-save:hover,.pcr-app .pcr-interaction .pcr-cancel:hover,.pcr-app .pcr-interaction .pcr-clear:hover{filter:brightness(0.925)}.pcr-app .pcr-interaction .pcr-save{background:#4285f4}.pcr-app .pcr-interaction .pcr-clear,.pcr-app .pcr-interaction .pcr-cancel{background:#f44250}.pcr-app .pcr-interaction .pcr-clear:focus,.pcr-app .pcr-interaction .pcr-cancel:focus{box-shadow:0 0 0 1px rgba(255, 255, 255, 0.85),0 0 0 3px rgba(244, 66, 80, 0.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;user-select:none}.pcr-app .pcr-selection .pcr-color-palette,.pcr-app .pcr-selection .pcr-color-chooser,.pcr-app .pcr-selection .pcr-color-opacity{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;flex-direction:column;cursor:grab;cursor:-webkit-grab}.pcr-app .pcr-selection .pcr-color-palette:active,.pcr-app .pcr-selection .pcr-color-chooser:active,.pcr-app .pcr-selection .pcr-color-opacity:active{cursor:grabbing;cursor:-webkit-grabbing}.pcr-app[data-theme=monolith]{width:14.25em;max-width:95vw;padding:.8em}.pcr-app[data-theme=monolith] .pcr-selection{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1}.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview{position:relative;z-index:1;width:100%;height:1em;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:.5em}.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview::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=monolith] .pcr-selection .pcr-color-preview .pcr-last-color{cursor:pointer;transition:background-color .3s,box-shadow .3s;border-radius:.15em 0 0 .15em;z-index:2}.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview .pcr-current-color{border-radius:0 .15em .15em 0}.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview .pcr-last-color,.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview .pcr-current-color{background:var(--pcr-color);width:50%;height:100%}.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-palette{width:100%;height:8em;z-index:1}.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-palette .pcr-palette{border-radius:.15em;width:100%;height:100%}.pcr-app[data-theme=monolith] .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=monolith] .pcr-selection .pcr-color-chooser,.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-opacity{height:.5em;margin-top:.75em}.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-chooser .pcr-picker,.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-opacity .pcr-picker{top:50%;transform:translateY(-50%)}.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-chooser .pcr-slider,.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-opacity .pcr-slider{flex-grow:1;border-radius:50em}.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-chooser .pcr-slider{background:linear-gradient(to right, hsl(0, 100%, 50%), hsl(60, 100%, 50%), hsl(120, 100%, 50%), hsl(180, 100%, 50%), hsl(240, 100%, 50%), hsl(300, 100%, 50%), hsl(0, 100%, 50%))}.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-opacity .pcr-slider{background:linear-gradient(to right, transparent, black),url("data:image/svg+xml;utf8, ");background-size:100%,.25em}