.gg-units{min-width:0}
.gg-units-heading{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.gg-units-heading label{font-size:15px;line-height:20px;font-weight:600;color:var(--gg-text)}
.gg-units-saving{padding:2px 8px;border:1px solid #dbb65d55;border-radius:999px;color:var(--gg-gold-text);font-size:12px;font-weight:700}
.gg-units-stepper{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;height:48px;overflow:hidden;border:1px solid var(--gg-border);border-radius:10px;background:var(--gg-control-surface)}
.gg-units-stepper:focus-within{border-color:var(--gg-metal-core)}
.gg-units-stepper button{border:0;background:#dbb65d12;color:var(--gg-gold-text);font-size:24px;cursor:pointer}
.gg-units-stepper button:hover{background:#dbb65d28}
.gg-units-stepper button:disabled{opacity:.35;cursor:default}
.gg-units-stepper input{width:100%;min-width:0;border:0;border-inline:1px solid var(--gg-border);border-radius:0;background:transparent;color:var(--gg-text);text-align:center;font:700 24px var(--gg-font-body,'Chakra Petch',sans-serif);appearance:textfield;outline:0}
.gg-units-stepper input::-webkit-inner-spin-button,.gg-units-stepper input::-webkit-outer-spin-button{appearance:none;margin:0}
.gg-units-presets{display:grid;grid-template-columns:repeat(var(--units-presets,6),minmax(0,1fr));gap:8px;margin-top:12px}
@media(max-width:720px){.gg-units-presets{grid-template-columns:repeat(min(var(--units-presets,6),4),minmax(0,1fr))}}
.gg-units-presets button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:0;min-height:34px;padding:5px 4px;line-height:16px;text-align:center;font-variant-numeric:tabular-nums;border:1px solid var(--gg-border);border-radius:7px;background:var(--gg-control-surface);color:var(--gg-muted);font:600 12px var(--gg-font-body,'Chakra Petch',sans-serif);cursor:pointer}
.gg-units-presets button small{color:var(--gg-gold-text);font-size:10px;font-weight:700;line-height:12px}
.gg-units-presets button:is(:hover,.active){border-color:var(--gg-metal-core);color:var(--gg-gold-text)}
.gg-units-presets button:focus-visible{outline:2px solid var(--gg-gold-text);outline-offset:2px}
.gg-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.gg-items-grid label{position:relative;display:block;cursor:pointer}
.gg-items-grid input{position:absolute;opacity:0;pointer-events:none}
.gg-items-grid span{display:flex;flex-direction:column;gap:3px;min-height:58px;padding:10px 12px;border:1px solid var(--gg-border);border-radius:9px;background:var(--gg-control-surface);color:var(--gg-text);font-size:13px;font-weight:600}
.gg-items-grid small{color:var(--gg-gold-text);font-size:12px;font-weight:600}
.gg-items-grid label:hover span{border-color:var(--gg-metal-core)}
.gg-items-grid input:checked+span{border-color:var(--gg-metal-core);background:#dbb65d1c;box-shadow:inset 0 0 0 1px #dbb65d55}
.gg-items-grid input:focus-visible+span{outline:2px solid var(--gg-gold-text);outline-offset:2px}
.gg-items-grid input:disabled+span{opacity:.45;cursor:not-allowed}
.gg-items-grid label:has(input:disabled){cursor:not-allowed}
.gg-items-grid label:has(input:disabled):hover span{border-color:var(--gg-border)}
.gg-items-field{min-width:0;margin:0;padding:0;border:0}
.gg-items-optional{grid-column:1/-1}
.gg-items-optional .gg-items-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}
.gg-items-field legend{padding:0;display:block;margin-bottom:12px;font-size:15px;line-height:20px;font-weight:600;color:var(--gg-text)}
@media(max-width:720px){.gg-items-grid,.gg-items-optional .gg-items-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.gg-units-tiles-field{min-width:0;margin:0;padding:0;border:0}
.gg-units-tiles-field>legend{display:flex;padding:0;font-size:15px;line-height:20px;font-weight:600;color:var(--gg-text)}
.gg-units-tiles{display:grid;grid-template-columns:repeat(var(--units-columns,5),minmax(0,1fr));gap:8px}
.gg-units-tiles button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:58px;padding:6px 4px;border:1px solid var(--gg-border);border-radius:10px;background:var(--gg-control-surface);color:var(--gg-text);font:inherit;cursor:pointer;transition:border-color 160ms,background 160ms}
.gg-units-tiles strong{font-size:20px;font-weight:700;line-height:1.1}
.gg-units-tiles small{color:var(--gg-gold-text);font-size:11px;font-weight:700}
.gg-units-tiles button:hover{border-color:var(--gg-metal-core)}
.gg-units-tiles button.active{border-color:var(--gg-metal-core);background:#dbb65d1c;box-shadow:inset 0 0 0 1px #dbb65d55;color:var(--gg-gold-text)}
.gg-units-tiles button:focus-visible{outline:2px solid var(--gg-gold-text);outline-offset:2px}
@media(max-width:720px){.gg-units-tiles{grid-template-columns:repeat(min(var(--units-columns,5),5),minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.gg-units-tiles button{transition:none}}