.fs-color-trigger{cursor:pointer;padding:0;-webkit-appearance:none;position:relative}.fs-color-trigger .fs-ping{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:calc(var(--radius-sm) + 6px);border:2px solid var(--primary);opacity:0;pointer-events:none}.fs-color-input-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.fs-color-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0e146b;z-index:var(--z-modal, 10000);opacity:0;pointer-events:none;transition:opacity var(--transition, .18s ease);display:flex;align-items:flex-end;justify-content:center}.fs-color-backdrop.fs-open{opacity:1;pointer-events:auto}.fs-color-sheet{width:100%;max-width:420px;background:var(--surface);border-radius:20px 20px 0 0;box-shadow:0 -8px 30px #0f19282e;padding:10px 20px 20px;transform:translateY(12px);transition:transform var(--transition, .2s ease)}.fs-color-backdrop.fs-open .fs-color-sheet{transform:translateY(0)}.fs-sheet-handle{width:36px;height:4px;border-radius:2px;background:var(--border);margin:0 auto 12px}.fs-sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.fs-sheet-title{font-size:14px;font-weight:700;color:var(--text)}.fs-sheet-close{border:none;background:var(--bg);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer}.fs-sheet-close:hover{color:var(--text)}.fs-sheet-preview{display:flex;align-items:center;gap:12px;margin-bottom:16px}.fs-sheet-preview .fs-disc{width:44px;height:44px;border-radius:50%;border:2px solid var(--border);flex:0 0 auto;box-shadow:var(--shadow-sm)}.fs-sheet-hex{flex:1;border:2px solid var(--border);border-radius:var(--radius-sm);padding:9px 12px;font-size:13.5px;font-weight:600;letter-spacing:.03em;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--text);background:var(--surface)}.fs-sheet-hex:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 15%,transparent)}.fs-sheet-tabs{display:flex;gap:4px;background:var(--bg);border-radius:var(--radius-sm);padding:3px;margin-bottom:16px}.fs-sheet-tab{flex:1;border:none;background:none;cursor:pointer;font-size:12.5px;font-weight:700;color:var(--text-muted);padding:8px 6px;border-radius:calc(var(--radius-sm) - 2px);display:flex;align-items:center;justify-content:center;gap:6px;transition:background var(--transition, .15s ease),color var(--transition, .15s ease)}.fs-sheet-tab.fs-active{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-sm)}.fs-sheet-tab svg{flex:0 0 auto}.fs-tab-panel{display:none}.fs-tab-panel.fs-active{display:block}.fs-sheet-label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin:0 0 8px}.fs-swatch-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin-bottom:16px}.fs-swatch{position:relative;width:100%;aspect-ratio:1;border-radius:50%;border:2px solid rgba(0,0,0,.06);cursor:pointer;padding:0}.fs-swatch[data-hex="#FFFFFF"]{border-color:var(--border)}.fs-swatch .fs-check{position:absolute;bottom:-2px;right:-2px;width:16px;height:16px;border-radius:50%;background:var(--surface);display:none;align-items:center;justify-content:center;box-shadow:0 0 0 1px var(--border)}.fs-swatch.fs-selected .fs-check{display:flex}.fs-swatch.fs-selected{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--primary)}.fs-recent-row{display:flex;flex-wrap:nowrap;overflow:hidden;gap:9px;align-items:center;min-height:26px;margin-bottom:18px}.fs-recent-row .fs-swatch{width:26px;flex:0 0 26px}.fs-recent-empty{font-size:12px;color:var(--text-muted)}.fs-spectrum{width:100%;height:118px;border-radius:var(--radius-sm);position:relative;cursor:crosshair;border:1px solid var(--border);background:linear-gradient(to top,#000,#0000),linear-gradient(to right,#fff,hsl(var(--fs-hue, 210),100%,50%));touch-action:none;margin-bottom:14px}.fs-spectrum .fs-marker{position:absolute;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:transparent;border:3px solid #fff;box-shadow:0 0 0 1px var(--border),var(--shadow-sm);pointer-events:none}.fs-hue-track{height:14px;border-radius:7px;position:relative;cursor:pointer;margin-bottom:18px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);touch-action:none}.fs-hue-track .fs-thumb{position:absolute;top:50%;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:var(--surface);border:3px solid var(--surface);box-shadow:0 0 0 2px var(--border),var(--shadow-sm);pointer-events:none}.fs-sheet-apply{width:100%;background:#d4af37;color:#1f1503;border:none;border-radius:var(--radius-sm);padding:12px;font-size:14px;font-weight:700;cursor:pointer;transition:filter var(--transition, .15s ease)}.fs-sheet-apply:hover{filter:brightness(1.06)}.fs-sheet-apply:active{filter:brightness(.96)}@media(prefers-reduced-motion:reduce){.fs-color-backdrop,.fs-color-sheet,.fs-sheet-tab,.fs-sheet-apply{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/color-picker-futsides.css.map */