.component-colors{padding:16px 20px;color:inherit}.component-color-intro h3{font:16px var(--font-geist);margin:0 0 12px;font-weight:500}.component-group-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:12px}.component-group-selector button{padding:8px 6px;background:#ffffff09;border:1px solid #ffffff30;border-radius:5px;color:inherit;font-size:12px;min-height:44px}.component-group{padding:0;border:0;min-width:0;margin:0 0 12px}.component-group legend{font-size:12px;margin-bottom:8px;color:#c4cdb7}.component-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.component-tiles button{display:flex;flex-direction:column;min-width:0;background:#ffffff08;border:1px solid #ffffff25;border-radius:6px;color:inherit;padding:5px;overflow:hidden;min-height:66px}.component-colors button[aria-pressed=true]{border-color:var(--studio-lime,#d5f36b);box-shadow:0 0 0 1px var(--studio-lime,#d5f36b);background-color:#d5f36b0c}.component-crop{display:block;width:100%;height:28px;border-radius:3px;background-color:#141711;background-image:url(/assets/collection/soft-armor.png);background-repeat:no-repeat;background-size:500% auto;background-position:var(--component-crop,center)}.component-tile-caption{display:flex;align-items:center;justify-content:space-between;gap:3px;text-align:left;width:100%;padding:6px 1px 2px;font-size:12px;line-height:1.3}.component-tile-caption i{display:block;width:10px;height:10px;flex-shrink:0;border:1px solid #ffffff65;border-radius:50%}.component-shared-palette{padding:12px 0 0;border-top:1px solid #ffffff25}.component-palette-heading{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:10px}.component-palette-heading p{font-size:12px;color:#c4cdb7;margin:0 0 3px}.component-palette-heading h4{margin:0;font:23px var(--font-instrument)}.component-palette-heading>span{font-size:12px;color:#cad6b6;text-align:right;max-width:100px;line-height:1.4}.component-color-swatches{display:grid;grid-template-columns:repeat(5,minmax(44px,1fr));gap:6px}.component-color-swatches button{height:44px;min-width:44px;padding:7px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid #ffffff20;border-radius:5px}.component-color-swatches button span{display:block;width:26px;height:26px;border-radius:50%;background:var(--swatch-color);border:1px solid #ffffff35}.component-custom-color{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;font-size:12px;line-height:1.4;min-height:44px}.component-custom-color small{display:block;font-size:12px;color:#b8c0ab;margin-top:4px}.component-custom-color input{width:52px;height:44px;flex-shrink:0;padding:3px;border:1px solid #ffffff35;border-radius:5px;background:#ffffff09;cursor:pointer}.component-reset-all,.component-reset-selected,.component-restore button{width:100%;min-height:44px;border:1px solid #ffffff30;border-radius:5px;background:transparent;color:inherit;font-size:12px;padding:10px 8px;line-height:1.5}.component-reset-selected{margin-top:10px}.component-reset-all{border:0;text-decoration:underline;margin-top:6px;color:#c4cdb7}.component-colors button:disabled{opacity:.4;cursor:not-allowed}.component-colors button:focus-visible,.component-colors input:focus-visible{outline:3px solid var(--studio-lime,#d5f36b);outline-offset:3px}.component-restore{padding:12px;background:#ffffff09;border:1px solid #ffffff25;border-radius:6px;margin-block:12px}.component-restore p{font-size:12px;line-height:1.6;margin:0 0 10px}.component-restore span{display:block;margin-top:8px;color:#bbc5af;font-size:12px;line-height:1.5}@media(max-width:820px){.component-colors{padding:8px 12px}.component-color-intro{display:none}.component-group-selector{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:5px;margin-bottom:7px;padding:2px;scroll-padding-inline:2px}.component-group-selector button{flex:0 0 auto;min-width:58px;min-height:44px;padding:8px}.component-group{margin-bottom:7px}.component-group legend{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.component-tiles button{min-height:44px;flex-direction:row;align-items:center;gap:4px;padding:4px}.component-crop{width:25px;height:30px;flex-shrink:0;background-size:500% auto}.component-tile-caption{padding:0}.component-tile-caption i{display:none}.component-shared-palette{padding-top:6px}.component-palette-heading{margin-bottom:6px;min-height:24px}.component-palette-heading>div{display:flex;align-items:baseline;gap:7px}.component-palette-heading p{margin:0}.component-palette-heading h4{font-size:20px}.component-palette-heading>span{max-width:135px}.component-color-swatches{gap:5px}.component-custom-color{margin-top:7px}.component-custom-color small{display:none}.component-reset-selected{margin-top:7px}}@media(max-width:360px){.component-colors{padding:8px 10px}.component-tiles{gap:5px}.component-tiles button{padding:4px}.component-crop{width:22px}}