/*! Pickr 1.5.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('colorpickr.svg') no-repeat 50%;background-size:0;transition:all .3s
}
.pickr .pcr-button:before{
	background:url('colorpickr.svg');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('colorpickr.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:currentColor;border:1px solid rgba(0,0,0,.05);border-radius:.15em;box-sizing:border-box
}
.pcr-app .pcr-swatches>button:hover{
	-webkit-filter:brightness(1.05);filter:brightness(1.05)
}
.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{
	-webkit-filter:brightness(.975);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{
	-webkit-filter:brightness(.925);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('colorpickr.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('colorpickr.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(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, <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
}