.rcm-base-panel{box-sizing:border-box;z-index:101;background:#fff;border-radius:7px;max-width:100%;padding:1rem}.rcm-panel{box-shadow:0 1px 2px #22242626}.rcm-raised-panel{box-shadow:0 1px 7px 2px #22242626}.rcm-dimmer{z-index:100;position:fixed;inset:0}.rcm-inline-box{width:var(--color-panel-control-height,2.208em);height:var(--color-panel-control-height,2.208em);vertical-align:top;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #22242626;border-radius:2px;display:inline-block}.rcm-input{box-sizing:border-box;min-width:0;font:inherit;border:1px solid #22242626;border-radius:2px;padding:.3em;font-size:1.2em}.rcm-input:focus{outline-color:#22242666}.rcm-hr{background:0 0;border:0;border-top:1px solid #22242626;margin:.7em 0}.rcm-color-button{color:#0009;text-align:center;vertical-align:baseline;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#e0e1e2;border:5px solid #e0e1e2;border-radius:.25rem;outline:0;min-height:1em;margin:0 .25em 0 0;padding:.6875em 1.5em;font-weight:700;line-height:1em;text-decoration:none;display:inline-block;box-shadow:inset 0 0 0 1px #0000,inset 0 0 #22242626}.rcm-color-button:hover{color:#000c;background-color:#babbbc}.rcm-cursor{pointer-events:none;position:absolute}.rcm-cursor-ring{z-index:5;box-sizing:border-box;border:3px solid #fff;border-radius:50%;width:24px;height:24px;display:block;position:relative;top:-12px;left:-12px;box-shadow:0 1px 1px #00000080}.rcm-sb-panel{z-index:1;aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:2px;width:100%;line-height:0;position:relative}.rcm-sb-panel>.saturation,.rcm-sb-panel>.brightness{border-radius:2px;position:absolute;inset:0}.rcm-sb-panel>.saturation{z-index:2;background-image:linear-gradient(90deg,#fff 0%,#0000 100%)}.rcm-sb-panel>.brightness{z-index:3;background-image:linear-gradient(#0000 0%,#000 100%)}.rcm-hue-slider,.rcm-hue-slider>div,.rcm-hsb-panel{width:100%}.rcm-hsb-saturation-panel{margin-bottom:1rem}.rcm-hsb-hue-slider{margin-bottom:.75rem}.rcm-input-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5em;margin:.5em 0;display:grid}.rcm-input-group{align-items:center;min-width:0;display:flex}.rcm-input-group>label{white-space:nowrap;padding-right:.3em;font-weight:700}.rcm-input-group .range,.rcm-range{color:#22242666;font-weight:400}.rcm-input-group>.number{width:3.5em}.rcm-input-with-slider{grid-template-columns:auto minmax(2rem,1fr) 4.2em;align-items:center;gap:1rem;display:grid}.rcm-input-with-slider>label{white-space:nowrap;font-weight:700}.rcm-input-with-slider>input{width:3.5em}.rcm-rgb-slider{margin-top:.5em}.rcm-rgb-slider:last-child{margin-bottom:.5em}.rcm-color-panel-footer{--color-panel-control-height:2.208em;height:var(--color-panel-control-height);align-items:stretch;margin:0;padding:0;display:flex}.rcm-color-panel-swatch{box-sizing:border-box;width:var(--color-panel-control-height);height:100%;font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #22242626;border-radius:2px;flex:none;margin-right:.5em;padding:0}.rcm-color-panel-swatch:focus-visible{outline-offset:2px;outline:2px solid #2224268c}.rcm-color-panel-input{flex:auto;min-width:0;height:100%}.rcm-horizontal-panel{flex-wrap:nowrap;gap:1.25rem;width:100%;min-width:0;display:flex}.rcm-horizontal-left{flex:0 256px;align-items:flex-start;width:256px;min-width:0;display:flex}.rcm-horizontal-left .rcm-sb-panel{margin-bottom:0}.rcm-horizontal-right{flex:256px;min-width:0}.rcm-horizontal-color-row{align-items:stretch;min-width:0;margin:0;display:flex}.rcm-horizontal-swatch{flex:none;margin-right:.5em}.rcm-horizontal-color-row .color-input{flex:auto;min-width:0}@media (max-width:35.25rem){.rcm-horizontal-panel{flex-direction:column}.rcm-horizontal-left,.rcm-horizontal-right{flex-basis:auto;width:100%}.rcm-input-groups{grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr))}.rcm-input-with-slider{gap:.5rem}}