.ax-color-picker{--ax-picker-color: #e5232e;box-sizing:border-box;color-scheme:dark}.ax-color-picker--standard{display:block;width:100%;min-width:0}.ax-color-picker-trigger{position:relative;display:block;width:52px;height:44px;margin:0;padding:0;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:#080d18;box-shadow:inset 0 0 0 3px #050910d1,0 6px 14px #00000038;color:#fffffff0;cursor:pointer}.ax-color-picker-swatch{position:absolute;inset:4px;display:grid;place-items:center;border-radius:7px;background:var(--ax-picker-color);color:#fffffff0;text-shadow:0 1px 3px rgba(0,0,0,.65);transition:transform .16s ease,background-color .16s ease}.ax-color-picker-trigger:hover .ax-color-picker-swatch{transform:scale(.95)}.ax-color-picker-trigger:focus-visible,.ax-color-picker-trigger[aria-expanded=true]{outline:2px solid rgba(239,98,106,.9);outline-offset:2px}.ax-color-picker--standard .ax-color-picker-trigger{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;height:38px;padding:4px 11px 4px 4px;overflow:visible;box-shadow:inset 0 1px #ffffff06,0 6px 16px #00000024}.ax-color-picker--standard .ax-color-picker-swatch{position:relative;inset:auto;width:100%;height:28px;border:1px solid rgba(255,255,255,.18);border-radius:7px;box-shadow:inset 0 0 0 2px #05091094}.ax-color-picker-trigger-indicator{color:#cdd7eb94;font-size:11px;transition:color .16s ease,transform .16s ease}.ax-color-picker-trigger[aria-expanded=true] .ax-color-picker-trigger-indicator{color:#ffffffeb;transform:rotate(180deg)}.ax-color-picker--compact{display:inline-grid;width:30px;height:30px;place-items:center}.ax-color-picker--compact .ax-color-picker-trigger{width:30px;height:30px;border-radius:7px;box-shadow:inset 0 0 0 2px #050910b8}.ax-color-picker--compact .ax-color-picker-swatch{inset:3px;border-radius:5px;font-size:11px}.ax-color-popover-value label>span{padding-left:11px;color:#cdd7eb99;font:700 13px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.ax-color-popover-value input{width:100%;min-width:0;height:100%;padding:0 10px 0 3px;border:0;outline:0;background:transparent!important;color:#e8eef8;font:700 13px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.055em;text-transform:uppercase}.ax-color-popover-value input.is-invalid{color:#ff9b9b}.ax-color-popover-presets{display:grid;grid-template-columns:repeat(8,minmax(18px,1fr));gap:6px}.ax-color-popover-presets button{position:relative;min-width:0;height:24px;padding:0;border:2px solid rgba(255,255,255,.11);border-radius:7px;background:var(--ax-picker-color);box-shadow:inset 0 0 0 1px #00000029;cursor:pointer;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.ax-color-popover-presets button:hover{z-index:1;border-color:#ffffffc2;transform:translateY(-2px)}.ax-color-popover-presets button.is-active{border-color:#fff;box-shadow:0 0 0 2px #e5232e7a,inset 0 0 0 1px #00000029}.ax-color-popover-presets button:focus-visible{outline:2px solid rgba(239,98,106,.9);outline-offset:2px}.ax-color-picker>input.ax-color-picker-native{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;border:0!important;opacity:0!important;pointer-events:none!important}.ax-color-picker.is-disabled{opacity:.48}.ax-color-picker.is-disabled .ax-color-picker-trigger{cursor:not-allowed}.ax-color-picker.is-mixed .ax-color-picker-trigger{border-color:#facc1594;box-shadow:0 0 0 2px #facc151a,inset 0 0 0 2px #050910b8}.ax-color-popover{--ax-color-arrow-x: 28px;position:fixed;z-index:34000;width:min(354px,calc(100vw - 24px));padding:0;overflow:visible;border:1px solid rgba(255,255,255,.15);border-radius:16px;background:radial-gradient(circle at 10% 0,rgba(229,35,46,.15),transparent 42%),linear-gradient(150deg,#0c121ffe,#060a13fe);box-shadow:0 22px 58px #00000080,inset 0 1px #ffffff0b;color:#e8eef8;color-scheme:dark;opacity:0;transform:translateY(-10px) scale(.98);transform-origin:top center;pointer-events:none}.ax-color-popover[hidden]{display:none}.ax-color-popover[data-placement=above]{transform:translateY(10px) scale(.98);transform-origin:bottom center}.ax-color-popover.is-open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;animation:axColorPopoverIn .22s cubic-bezier(.2,.8,.2,1) both}.ax-color-popover[data-placement=above].is-open{animation-name:axColorPopoverInAbove}.ax-color-popover.is-closing{opacity:1;pointer-events:none;animation:axColorPopoverOut .22s cubic-bezier(.2,.8,.2,1) both}.ax-color-popover[data-placement=above].is-closing{animation-name:axColorPopoverOutAbove}.ax-color-popover-content{position:relative;z-index:1;box-sizing:border-box;max-height:min(calc(100vh - 24px),max(1px,var(--ax-floating-available-height, calc(100vh - 24px) )));max-height:min(calc(100dvh - 24px),max(1px,var(--ax-floating-available-height, calc(100dvh - 24px) )));padding:14px;overflow-x:hidden;overflow-y:auto;border-radius:inherit}.ax-color-popover-arrow{position:absolute;left:var(--ax-color-arrow-x);width:12px;height:12px;border:solid rgba(255,255,255,.15);background:#0c1220;transform:translate(-50%) rotate(45deg);pointer-events:none}.ax-color-popover[data-placement=below] .ax-color-popover-arrow{top:-7px;border-width:1px 0 0 1px}.ax-color-popover[data-placement=above] .ax-color-popover-arrow{bottom:-7px;border-width:0 1px 1px 0;background:#070b14}.ax-color-popover-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.ax-color-popover-header>div{display:grid;gap:2px;min-width:0}.ax-color-popover-header strong{color:#fff;font-size:14px;line-height:1.3}.ax-color-popover-header small{color:#8f9db2;font-size:11px;line-height:1.35}.ax-color-popover-header button{display:grid;flex:0 0 auto;width:30px;height:30px;padding:0;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:#ffffff09;color:#8f9db2;cursor:pointer}.ax-color-popover-header button:hover{border-color:#ef626a66;background:#e5232e1f;color:#fff}.ax-color-surface{--ax-picker-hue: #e5232e;position:relative;width:100%;height:168px;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:linear-gradient(to bottom,transparent 0%,#000 100%),linear-gradient(to right,#fff 0%,transparent 100%),var(--ax-picker-hue);box-shadow:inset 0 0 0 1px #0000001f;cursor:crosshair;touch-action:none}.ax-color-surface:focus-visible{outline:2px solid rgba(239,98,106,.9);outline-offset:2px}.ax-color-surface>span{position:absolute;width:16px;height:16px;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 5px #000000e6,inset 0 0 0 1px #00000040;transform:translate(-50%,-50%);pointer-events:none}.ax-color-hue{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;margin:12px 0 0}.ax-color-hue>span{color:#8f9db2;font-size:11px;font-weight:700}.ax-color-hue input[type=range]{width:100%;height:14px;margin:0;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:999px;outline:0;appearance:none;-webkit-appearance:none;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);cursor:pointer}.ax-color-hue input[type=range]::-webkit-slider-thumb{width:18px;height:18px;border:2px solid #fff;border-radius:50%;appearance:none;-webkit-appearance:none;background:#101827;box-shadow:0 2px 7px #000000a6}.ax-color-hue input[type=range]::-moz-range-thumb{width:15px;height:15px;border:2px solid #fff;border-radius:50%;background:#101827;box-shadow:0 2px 7px #000000a6}.ax-color-hue input[type=range]:focus-visible{box-shadow:0 0 0 3px #e5232e2e}.ax-color-popover-value{display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px;margin-top:12px}.ax-color-popover-value>span{min-height:40px;border:1px solid rgba(255,255,255,.18);border-radius:9px;background:var(--ax-picker-color);box-shadow:inset 0 0 0 3px #0509108c}.ax-color-popover-value label{display:flex;align-items:center;min-width:0;height:40px;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:#02060da6}.ax-color-popover-value label:focus-within{border-color:#ef626a9e;box-shadow:0 0 0 3px #e5232e1a}.ax-color-popover-presets{gap:7px;margin-top:10px}.ax-color-popover-presets button{height:27px;border-radius:8px}.ax-color-popover-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px;padding-top:12px;border-top:1px solid rgba(255,255,255,.09)}.ax-color-popover-actions.has-clear{grid-template-columns:1.15fr 1fr 1fr}.ax-color-button{min-height:34px;padding:7px 11px;border:1px solid rgba(255,255,255,.13);border-radius:9px;color:#eef3fb;background:#ffffff0b;font-family:inherit;font-size:12px;font-weight:700;line-height:1.2;cursor:pointer}.ax-color-button:hover{border-color:#ffffff47;background:#ffffff14}.ax-color-button.is-clear{border-color:#facc153d;color:#fde68a;background:#facc1511}.ax-color-button.is-clear:hover{border-color:#facc1573;background:#facc151c}.ax-color-button.is-primary{border-color:#ef444480;background:linear-gradient(145deg,#e5232e,#b91c2b);color:#fff}.ax-color-button.is-primary:hover{border-color:#ffffff59;filter:brightness(1.08)}@media(max-width:420px){.ax-color-popover{border-radius:14px}.ax-color-popover-content{padding:12px}.ax-color-surface{height:148px}.ax-color-popover-header small{display:none}.ax-color-popover-actions.has-clear{grid-template-columns:1fr 1fr}.ax-color-popover-actions.has-clear .is-clear{grid-column:1 / -1}}@keyframes axColorPopoverOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.98)}}@keyframes axColorPopoverOutAbove{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(10px) scale(.98)}}@keyframes axColorPopoverIn{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes axColorPopoverInAbove{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.ax-color-picker-swatch,.ax-color-picker-trigger-indicator,.ax-color-popover-presets button{transition:none}.ax-color-popover.is-open,.ax-color-popover.is-closing{animation:none}}