.rwh-color-panel .rwh-color-row{grid-template-columns:84px minmax(0,1fr);height:auto;min-height:68px;align-items:start;padding-top:5px;padding-bottom:5px;cursor:default}.rwh-color-panel .rwh-color-row>.dp-name{padding-top:5px}.rwh-color-panel .rwh-color-controls{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}.rwh-color-panel .rwh-color-field{display:flex;align-items:center;gap:7px;width:113px;height:26px;padding:0 8px;border-radius:7px;background:#17181a0d}.rwh-color-panel .rwh-color-current{flex:none;width:10px;height:10px;border-radius:50%;box-shadow:inset 0 0 0 1px #17181a14}.rwh-color-panel .rwh-color-field .dp-text{width:76px;height:24px;padding:0;border-radius:0;background:transparent;font:11px/24px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.025em;text-transform:uppercase}.rwh-color-panel .rwh-color-field .dp-text:focus{box-shadow:none;background:transparent}.rwh-color-panel .rwh-color-field:focus-within{outline:2px solid #4559ff;outline-offset:1px;background:#fff}.rwh-color-panel .rwh-color-presets{display:flex;align-items:center;gap:4px;min-width:0}.rwh-color-panel .rwh-color-swatch{display:grid;place-items:center;flex:none;width:27px;height:27px;border-radius:50%;position:relative}.rwh-color-panel .rwh-color-swatch:before{content:"";width:17px;height:17px;border-radius:50%;background:var(--rwh-swatch);box-shadow:inset 0 0 0 1px #17181a0f}.rwh-color-panel .rwh-color-swatch[aria-pressed=true]:after{content:"";position:absolute;inset:2px;border:1px solid #73726d;border-radius:50%}.rwh-color-panel .rwh-color-swatch:focus-visible{outline:2px solid #4559ff;outline-offset:1px}@media(max-width:760px){.rwh-color-panel .rwh-color-row{grid-template-columns:96px minmax(0,1fr);min-height:76px}.rwh-color-panel .rwh-color-controls{gap:7px}.rwh-color-panel .rwh-color-swatch{width:29px;height:29px}.rwh-color-panel .rwh-color-presets{gap:3px}}