.visually-hidden[data-v-f766542e]{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.vacp-color-picker{max-inline-size:var(--vacp-width-color-space,300px);padding:var(--vacp-spacing,6px);grid-gap:var(--vacp-spacing,6px);font-size:var(--vacp-font-size,.8em);font-family:var(--vacp-font-family,-apple-system, BlinkMacSystemFont, Segoe UI, Arial, sans-serif);color:var(--vacp-color-text,currentColor);background-color:var(--vacp-color-background,#fff);grid-template-columns:1fr min-content;display:grid}.vacp-color-picker,.vacp-color-picker *,.vacp-color-picker :before,.vacp-color-picker :after{box-sizing:border-box}.vacp-color-picker :focus{outline:2px solid var(--vacp-color-focus,#19f)}.vacp-color-picker button::-moz-focus-inner{border:none;padding:0}:where(.vacp-color-picker) button{inline-size:calc(var(--vacp-spacing,6px) * 6);block-size:calc(var(--vacp-spacing,6px) * 6);padding:var(--vacp-spacing,6px);border:var(--vacp-width-border,1px) solid transparent;font:inherit;color:var(--vacp-color-text-input,currentColor);background-color:var(--vacp-color-background-input,#fff);border-radius:50%;justify-content:center;align-items:center;margin:0;display:flex}:where(.vacp-color-picker) button:focus{border-color:var(--vacp-color-border,#000)}:where(.vacp-color-picker) button:enabled:hover{background-color:#0002}.vacp-color-space{aspect-ratio:1/.6;grid-column:1/-1;overflow:hidden}.vacp-color-space-thumb{--vacp-thumb-size:calc(var(--vacp-spacing,6px) * 4);inline-size:var(--vacp-thumb-size);block-size:var(--vacp-thumb-size);box-shadow:0 0 0 var(--vacp-width-border,1px) var(--vacp-color-border,#000);border:3px solid #fff;border-radius:50%;margin-block-end:calc(-1 * var(--vacp-thumb-size) / 2);margin-inline-start:calc(-1 * var(--vacp-thumb-size) / 2);transform:rotate(0)}.vacp-color-space-thumb:focus{box-shadow:0 0 0 var(--vacp-width-border,1px) var(--vacp-color-border,#000),0 0 0 calc(var(--vacp-width-border,1px) + 2px) var(--vacp-color-focus,#19f);outline-color:#0000}.vacp-range-input-label{--vacp-slider-track-height:calc(var(--vacp-spacing,6px) * 3);--vacp-slider-thumb-size:calc(var(--vacp-spacing,6px) * 4 - var(--vacp-width-border,1px) * 2);display:block}.vacp-range-input-group{flex-direction:column;justify-content:center;display:flex}.vacp-range-input-group>:not(:first-child){margin-block-start:var(--vacp-spacing,6px)}.vacp-range-input{-webkit-appearance:none}.vacp-range-input::-webkit-slider-thumb{-webkit-appearance:none}.vacp-range-input{inline-size:100%;block-size:var(--vacp-slider-track-height);margin-inline:0;margin-block:calc(var(--vacp-spacing,6px) / 2 + 1px);background:0 0;border:none;padding:0;display:block}.vacp-range-input:focus{outline:none}.vacp-range-input::-moz-focus-outer{border:none}.vacp-range-input--alpha{background-color:#fff;background-image:linear-gradient(45deg,#eee 25%,#0000 25% 75%,#eee 75%,#eee),linear-gradient(45deg,#eee 25%,#0000 25% 75%,#eee 75%,#eee);background-size:calc(var(--vacp-spacing,6px) * 2) calc(var(--vacp-spacing,6px) * 2);background-position:0 0,var(--vacp-spacing,6px) var(--vacp-spacing,6px)}.vacp-range-input::-moz-range-track{box-sizing:border-box;inline-size:100%;block-size:var(--vacp-slider-track-height);border:var(--vacp-width-border,1px) solid var(--vacp-color-border,#000)}.vacp-range-input::-webkit-slider-runnable-track{box-sizing:border-box;inline-size:100%;block-size:var(--vacp-slider-track-height);border:var(--vacp-width-border,1px) solid var(--vacp-color-border,#000)}.vacp-range-input::-ms-track{box-sizing:border-box;inline-size:100%;block-size:var(--vacp-slider-track-height);border:var(--vacp-width-border,1px) solid var(--vacp-color-border,#000)}.vacp-range-input:focus::-moz-range-track{outline:2px solid var(--vacp-color-focus,#19f)}.vacp-range-input:focus::-webkit-slider-runnable-track{outline:2px solid var(--vacp-color-focus,#19f)}.vacp-range-input:focus::-ms-track{outline:2px solid var(--vacp-color-focus,#19f)}.vacp-range-input--alpha::-moz-range-track{background-image:linear-gradient(to right,transparent,var(--vacp-color))}.vacp-range-input--alpha::-webkit-slider-runnable-track{background-image:linear-gradient(to right,transparent,var(--vacp-color))}.vacp-range-input--alpha::-ms-track{background-image:linear-gradient(to right,transparent,var(--vacp-color))}.vacp-range-input--hue::-moz-range-track{background-image:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.vacp-range-input--hue::-webkit-slider-runnable-track{background-image:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.vacp-range-input--hue::-ms-track{background-image:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.vacp-range-input::-moz-range-thumb{box-sizing:border-box;inline-size:var(--vacp-slider-thumb-size);block-size:var(--vacp-slider-thumb-size);box-shadow:0 0 0 var(--vacp-width-border,1px) var(--vacp-color-border,#000);isolation:isolate;background-color:#0000;border:3px solid #fff;border-radius:50%}.vacp-range-input::-webkit-slider-thumb{box-sizing:border-box;inline-size:var(--vacp-slider-thumb-size);block-size:var(--vacp-slider-thumb-size);box-shadow:0 0 0 var(--vacp-width-border,1px) var(--vacp-color-border,#000);isolation:isolate;background-color:#0000;border:3px solid #fff;border-radius:50%;margin-block-start:calc(-1 * var(--vacp-spacing,6px) / 2)}.vacp-range-input::-ms-thumb{box-sizing:border-box;inline-size:var(--vacp-slider-thumb-size);block-size:var(--vacp-slider-thumb-size);box-shadow:0 0 0 var(--vacp-width-border,1px) var(--vacp-color-border,#000);isolation:isolate;background-color:#0000;border:3px solid #fff;border-radius:50%;margin-block-start:calc(-1 * var(--vacp-spacing,6px) / 2)}.vacp-actions{place-self:center;gap:var(--vacp-spacing,6px);align-items:center;display:flex}.vacp-color-inputs{grid-column:1/-1;align-items:center;display:flex}.vacp-color-inputs>:not(:first-child){margin-inline-start:var(--vacp-spacing,6px)}.vacp-color-input-group{column-gap:var(--vacp-spacing,6px);flex-grow:1;grid-auto-flow:column;display:grid}.vacp-color-input-label{text-align:center}.vacp-color-input{width:100%;padding:var(--vacp-spacing,6px);border:var(--vacp-width-border,1px) solid var(--vacp-color-border,#000);font:inherit;text-align:center;color:var(--vacp-color-text-input,currentColor);background-color:var(--vacp-color-background-input,#fff);margin:0;margin-block-start:calc(var(--vacp-spacing,6px) / 2)}.vacp-format-switch-button{flex-shrink:0}.vacp-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}*,:before,:after{box-sizing:border-box}body{tab-size:2;background-color:hsl(var(--hue,270) 50% 95%);margin:0;font-family:Lato,Numero,sans-serif;font-size:1em;line-height:1.5}main{width:min(1000px,100%);padding:clamp(.5rem,3vh,2.5rem) clamp(.5rem,3vw,2.5rem)}footer{margin-top:5rem}:focus{outline:3px solid orange}a{color:hsl(var(--hue,270) 100% 20%)}h1,h2{font-family:Cambria,Caladea,Cochin,Georgia,Times,Times New Roman,serif}h1,h2,p,ul,pre,details{margin-top:1.25rem;margin-bottom:0}h1:first-child,h2:first-child,p:first-child,ul:first-child{margin-top:0}pre{background-color:hsl(var(--hue,270) 100% 92.5%);border-radius:4px;padding:.5rem 1rem;overflow-x:auto}code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}.vacp-color-picker{margin-top:1.25rem}