/*! 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, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" stroke="%2342445A" stroke-width="5px" stroke-linecap="round"><path d="M45,45L5,5"></path><path d="M45,5L5,45"></path></svg>') 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, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
    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, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
    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=classic]{
    width:28.5em;
    max-width:95vw;
    padding:.8em
}
.pcr-app[data-theme=classic] .pcr-selection{
    display:flex;
    justify-content:space-between;
    flex-grow:1
}
.pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview{
    position:relative;
    z-index:1;
    width:2em;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    margin-right:.75em
}
.pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview::before{
    position:absolute;
    content:"";
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
    background-size:.5em;
    border-radius:.15em;
    z-index:-1
}
.pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview .pcr-last-color{
    cursor:pointer;
    border-radius:.15em .15em 0 0;
    z-index:2
}
.pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview .pcr-current-color{
    border-radius:0 0 .15em .15em
}
.pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview .pcr-last-color,.pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview .pcr-current-color{
    background:var(--pcr-color);
    width:100%;
    height:50%
}
.pcr-app[data-theme=classic] .pcr-selection .pcr-color-palette{
    width:100%;
    height:8em;
    z-index:1
}
.pcr-app[data-theme=classic] .pcr-selection .pcr-color-palette .pcr-palette{
    flex-grow:1;
    border-radius:.15em
}
.pcr-app[data-theme=classic] .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, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
    background-size:.5em;
    border-radius:.15em;
    z-index:-1
}
.pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser,.pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity{
    margin-left:.75em
}
.pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser .pcr-picker,.pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity .pcr-picker{
    left:50%;
    transform:translateX(-50%)
}
.pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser .pcr-slider,.pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity .pcr-slider{
    width:8px;
    flex-grow:1;
    border-radius:50em
}
.pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser .pcr-slider{
    background:linear-gradient(to bottom, 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=classic] .pcr-selection .pcr-color-opacity .pcr-slider{
    background:linear-gradient(to bottom, transparent, black),url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
    background-size:100%,50%
}
.pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview{
    margin-inline-end:.75em
}
.pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser,.pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity{
    margin-inline:.45em
}/*! 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, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" stroke="%2342445A" stroke-width="5px" stroke-linecap="round"><path d="M45,45L5,5"></path><path d="M45,5L5,45"></path></svg>') 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, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
    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, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
    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, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
    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, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
    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, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
    background-size:100%,.25em
}
.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview .pcr-last-color{
    border-radius:0;
    border-end-start-radius:.15em;
    border-start-start-radius:.15em
}
.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview .pcr-current-color{
    border-radius:0;
    border-end-end-radius:.15em;
    border-start-end-radius:.15em
}/*! 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, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" stroke="%2342445A" stroke-width="5px" stroke-linecap="round"><path d="M45,45L5,5"></path><path d="M45,5L5,45"></path></svg>') 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, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
    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, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
    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=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 .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:var(--pcr-color);
    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, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
    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, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
    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(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=nano] .pcr-selection .pcr-color-opacity .pcr-slider{
    background:linear-gradient(to right, transparent, black),url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
    background-size:100%,.25em
}
.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview{
    margin-inline:.6em
}
.pcr-app{
    z-index:999999999;
    background:var(--bs-paper-bg)
}
.pcr-app .pcr-interaction input.pcr-type.active,.pcr-app .pcr-interaction input.pcr-save{
    background:var(--bs-primary)
}
.pcr-app .pcr-interaction input.pcr-result{
    border:1px solid var(--bs-border-color);
    background:var(--bs-body-bg);
    color:var(--bs-base-color)
}
.pcr-app .pcr-interaction input:focus{
    box-shadow:0 0 0 1px rgba(var(--bs-paper-bg-rgb), 0.85),0 0 0 3px rgba(var(--bs-primary-rgb), 0.75)
}
.pcr-app .pcr-type:not(.active){
    background:var(--bs-body-bg);
    color:var(--bs-body-color)
}