.invitation-custom-color{width:26px;height:26px;position:relative;border-radius:50%;flex:none;background:conic-gradient(#e5484d,#f5a524,#e9e93a,#46a758,#3e9fe0,#6e56cf,#e5484d)}.invitation-custom-color>span{position:absolute;inset:6px;border-radius:50%;border:1.5px solid white}.invitation-color-swatch[aria-pressed=true],.invitation-custom-color[data-selected=true]{box-shadow:0 0 0 2px #fff,0 0 0 3.5px #2946d3}.invitation-color-popover{animation:none!important;width:272px;max-width:calc(100vw - 16px);max-height:var(--radix-popover-content-available-height);overflow-y:auto;padding:0;border:0;border-radius:12px;color:#0c0f12;font-family:var(--font-inter),Arial,sans-serif}.invitation-color-picker{display:flex;flex-direction:column;gap:12px;width:272px;max-width:100%;padding:12px;border:1px solid #e1e4e9;border-radius:12px;background:white;box-shadow:0 2px 4px #0c0f120f,0 12px 28px #0c0f1224}.invitation-color-square{height:140px;position:relative;border-radius:8px;cursor:crosshair;touch-action:none}.invitation-color-square>span,.invitation-hue>span{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;border:2px solid white;box-shadow:0 0 0 1px #0c0f124d,0 1px 3px #0c0f1266;pointer-events:none}.invitation-hue{height:12px;position:relative;border-radius:999px;background:linear-gradient(90deg,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00);cursor:pointer;touch-action:none}.invitation-hue>span{top:50%;width:16px;height:16px;margin:-8px 0 0 -8px}.invitation-picker-controls{display:flex;align-items:center;gap:8px}.invitation-eyedropper{display:grid;place-items:center;width:34px;flex:none}.invitation-eyedropper,.invitation-hex{height:34px;border:1px solid #cbd0d8;border-radius:7px}.invitation-hex{display:flex;align-items:center;gap:6px;min-width:0;flex:1;padding:0 10px;font:12px JetBrains Mono,monospace;color:#9ba3af}.invitation-hex>span:first-child{width:14px;height:14px;border-radius:4px;border:1px solid #cbd0d8;flex:none}.invitation-hex input{min-width:0;width:100%;padding:0;border:0;outline:0;font:13px JetBrains Mono,monospace;color:#0c0f12;text-transform:uppercase}.invitation-picker-done{height:34px;padding:0 12px;border-radius:7px;background:#2946d3;color:white;font-size:13px}