.colorpicker-container{position:relative;width:100%;margin-bottom:20px}.colorpicker-container .colorpicker-label{display:flex;margin-bottom:4px;font-size:11px;font-weight:500}.colorpicker-container .colorpicker-trigger{display:flex;align-items:center;gap:6px;padding:0 8px;height:30px;min-height:30px;border-radius:6px;cursor:pointer;background:var(--color-dark-gray-700);border:none;font-family:inherit;position:relative}.colorpicker-container .colorpicker-trigger:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,var(--color-dark-gray-100) 0,var(--color-dark-gray-500) 100%);opacity:.3;transition:opacity .2s;z-index:1;border-radius:6px}.colorpicker-container .colorpicker-trigger:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:.5px;background:linear-gradient(0deg,var(--color-dark-gray-50) 5.62%,var(--color-light-gray-300) 94.91%);pointer-events:none;opacity:.2;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:2}.colorpicker-container .colorpicker-trigger:hover:before{opacity:.7}.colorpicker-container .colorpicker-trigger:hover:after{opacity:.1}.colorpicker-container .colorpicker-trigger .colorpicker-swatch{width:18px;height:18px;border-radius:4px;flex-shrink:0;position:relative;z-index:3}.colorpicker-container .colorpicker-trigger .colorpicker-swatch.colorpicker-swatch-empty{border:1.5px dashed var(--color-light-gray-800);display:flex;align-items:center;justify-content:center}.colorpicker-container .colorpicker-trigger .colorpicker-swatch.colorpicker-swatch-empty path{fill:var(--color-light-gray-800)}.colorpicker-container .colorpicker-trigger .colorpicker-chevron{display:flex;align-items:center;position:relative;z-index:3}.colorpicker-container .colorpicker-trigger .colorpicker-chevron path{fill:var(--color-light-gray-600)}.colorpicker-container.full-width .colorpicker-trigger{width:100%}.colorpicker-container .colorpicker-hex-label{flex:1;text-align:left;font-size:12px;font-weight:500;color:#fff;position:relative;z-index:3;letter-spacing:.5px}.colorpicker-container .colorpicker-hex-label.colorpicker-placeholder{color:var(--color-light-gray-700);letter-spacing:0}.colorpicker-container .colorpicker-info{font-size:11px;color:var(--color-light-gray-700);margin-top:5px;font-weight:400}.colorpicker-container.medium{margin-bottom:24px}.colorpicker-container.medium .colorpicker-label{margin-bottom:6px;font-size:12px}.colorpicker-container.medium .colorpicker-trigger{height:34px;min-height:34px}.colorpicker-container.large{margin-bottom:30px}.colorpicker-container.large .colorpicker-label{margin-bottom:8px;font-size:13px}.colorpicker-container.large .colorpicker-trigger{height:42px;min-height:42px}.colorpicker-popover{width:280px;border-radius:8px;padding:10px;z-index:1000;box-shadow:0 4px 20px rgba(0,0,0,.85);background:var(--color-dark-gray-900);position:relative;animation:colorpicker-fade-in .15s ease}.colorpicker-popover:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,var(--color-dark-gray-300) 0,var(--color-dark-gray-700) 100%);opacity:.1;z-index:-1;border-radius:8px}.colorpicker-popover:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:.5px;background:linear-gradient(0deg,var(--color-dark-gray-50) 5.62%,var(--color-light-gray-300) 94.91%);pointer-events:none;opacity:.2;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:0}.colorpicker-popover .colorpicker-presets{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}.colorpicker-popover .colorpicker-preset-row{display:flex;gap:2px}.colorpicker-popover .colorpicker-preset{flex:1;height:14px;min-width:0;border-radius:2px;border:none;cursor:pointer;transition:transform .1s;padding:0;position:relative}.colorpicker-popover .colorpicker-preset:hover{transform:scale(1.3);z-index:1;border-radius:3px}.colorpicker-popover .colorpicker-preset.selected{outline:1.5px solid #fff;outline-offset:1px;z-index:1}.colorpicker-popover .colorpicker-gradient{margin-bottom:10px}.colorpicker-popover .colorpicker-gradient .react-colorful{width:100%!important;height:130px!important;border-radius:6px}.colorpicker-popover .colorpicker-gradient .react-colorful__saturation{border-radius:6px 6px 0 0}.colorpicker-popover .colorpicker-gradient .react-colorful__hue{height:12px;border-radius:0 0 6px 6px}.colorpicker-popover .colorpicker-gradient .react-colorful__pointer{width:14px;height:14px}.colorpicker-popover .colorpicker-hex-row{display:flex;align-items:center;gap:8px;padding-top:10px;border-top:.5px solid var(--color-light-gray-900)}.colorpicker-popover .colorpicker-hex-hash{font-size:12px;font-weight:500;color:var(--color-light-gray-600)}.colorpicker-popover .colorpicker-hex-field{flex:1;height:28px;border:.5px solid var(--color-light-gray-800);border-radius:4px;background:linear-gradient(180deg,var(--color-dark-gray-950) -45.97%,var(--color-dark-gray-900) 100%);color:#fff;font-size:12px;font-weight:500;padding:0 8px;outline:none;font-family:inherit;text-transform:uppercase;letter-spacing:.5px}.colorpicker-popover .colorpicker-hex-field:focus{border-color:var(--color-primary)}.colorpicker-popover .colorpicker-hex-preview{width:28px;height:28px;border-radius:4px;flex-shrink:0}.colorpicker-popover .colorpicker-footer{display:flex;justify-content:flex-end;padding-top:8px}.colorpicker-popover .colorpicker-clear{background:none;border:none;color:var(--color-light-gray-600);font-size:12px;font-weight:500;cursor:pointer;padding:4px 0;font-family:inherit}.colorpicker-popover .colorpicker-clear:hover{color:#fff}@keyframes colorpicker-fade-in{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.iconpicker-container{position:relative;width:100%;margin-bottom:20px}.iconpicker-container .iconpicker-label{display:flex;margin-bottom:4px;font-size:11px;font-weight:500}.iconpicker-container .iconpicker-trigger{display:flex;align-items:center;gap:6px;padding:0 8px;height:30px;min-height:30px;border-radius:6px;cursor:pointer;background:var(--color-dark-gray-700);border:none;font-family:inherit;position:relative}.iconpicker-container .iconpicker-trigger:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,var(--color-dark-gray-100) 0,var(--color-dark-gray-500) 100%);opacity:.3;transition:opacity .2s;z-index:1;border-radius:6px}.iconpicker-container .iconpicker-trigger:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:.5px;background:linear-gradient(0deg,var(--color-dark-gray-50) 5.62%,var(--color-light-gray-300) 94.91%);pointer-events:none;opacity:.2;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:2}.iconpicker-container .iconpicker-trigger:hover:before{opacity:.7}.iconpicker-container .iconpicker-trigger:hover:after{opacity:.1}.iconpicker-container .iconpicker-trigger .iconpicker-current-icon{display:flex;align-items:center;position:relative;z-index:3}.iconpicker-container .iconpicker-trigger .iconpicker-current-icon path{fill:#fff}.iconpicker-container .iconpicker-trigger .iconpicker-swatch-empty{width:18px;height:18px;border-radius:4px;border:1.5px dashed var(--color-light-gray-800);flex-shrink:0;position:relative;z-index:3;display:flex;align-items:center;justify-content:center}.iconpicker-container .iconpicker-trigger .iconpicker-swatch-empty path{fill:var(--color-light-gray-800)}.iconpicker-container .iconpicker-trigger .iconpicker-chevron{display:flex;align-items:center;position:relative;z-index:3}.iconpicker-container .iconpicker-trigger .iconpicker-chevron path{fill:var(--color-light-gray-600)}.iconpicker-container .iconpicker-info{font-size:11px;color:var(--color-light-gray-700);margin-top:5px;font-weight:400}.iconpicker-container.medium{margin-bottom:24px}.iconpicker-container.medium .iconpicker-label{margin-bottom:6px;font-size:12px}.iconpicker-container.medium .iconpicker-trigger{height:34px;min-height:34px}.iconpicker-container.large{margin-bottom:30px}.iconpicker-container.large .iconpicker-label{margin-bottom:8px;font-size:13px}.iconpicker-container.large .iconpicker-trigger{height:42px;min-height:42px}.iconpicker-popover{width:320px;border-radius:8px;padding:10px;z-index:1000;box-shadow:0 4px 20px rgba(0,0,0,.85);background:var(--color-dark-gray-900);position:relative;animation:iconpicker-fade-in .15s ease}.iconpicker-popover:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,var(--color-dark-gray-300) 0,var(--color-dark-gray-700) 100%);opacity:.1;z-index:-1;border-radius:8px}.iconpicker-popover:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:.5px;background:linear-gradient(0deg,var(--color-dark-gray-50) 5.62%,var(--color-light-gray-300) 94.91%);pointer-events:none;opacity:.2;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:0}.iconpicker-popover .iconpicker-search{display:flex;align-items:center;gap:6px;padding:0 8px;height:30px;border:.5px solid var(--color-light-gray-800);border-radius:6px;background:linear-gradient(180deg,var(--color-dark-gray-950) -45.97%,var(--color-dark-gray-900) 100%);margin-bottom:10px}.iconpicker-popover .iconpicker-search path{fill:var(--color-light-gray-600)}.iconpicker-popover .iconpicker-search .iconpicker-search-input{flex:1;background:rgba(0,0,0,0);border:none;outline:none;color:#fff;font-size:11px;font-family:inherit}.iconpicker-popover .iconpicker-search .iconpicker-search-input::placeholder{color:var(--color-light-gray-700)}.iconpicker-popover .iconpicker-scroll{max-height:320px;overflow-y:auto}.iconpicker-popover .iconpicker-scroll::-webkit-scrollbar{width:4px}.iconpicker-popover .iconpicker-scroll::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.iconpicker-popover .iconpicker-scroll::-webkit-scrollbar-thumb{background:var(--color-dark-gray-200);border-radius:2px}.iconpicker-popover .iconpicker-category{margin-bottom:8px}.iconpicker-popover .iconpicker-category-title{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;color:var(--color-light-gray-600);margin-bottom:6px;padding:4px 0}.iconpicker-popover .iconpicker-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px}.iconpicker-popover .iconpicker-icon{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:6px;border:none;background:rgba(0,0,0,0);cursor:pointer;padding:0;transition:all .1s}.iconpicker-popover .iconpicker-icon path{fill:var(--color-light-gray-600)}.iconpicker-popover .iconpicker-icon:hover{background:var(--color-dark-gray-100)}.iconpicker-popover .iconpicker-icon:hover path{fill:#fff}.iconpicker-popover .iconpicker-icon.selected{background:var(--color-indigo-blue-600)}.iconpicker-popover .iconpicker-icon.selected path{fill:#fff}.iconpicker-popover .iconpicker-empty{padding:30px 20px;text-align:center;font-size:11px;color:var(--color-light-gray-600)}@keyframes iconpicker-fade-in{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}