@layer cs.components{.sc-block{margin-block:40px 0}.sc-block h2{margin:0}.sc-picker__title{margin:0;font-size:20px}.sc-picker{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.sc-picker__wheel{cursor:pointer;background:0 0;border:0;block-size:64px;inline-size:64px;padding:0}.sc-picker__hex input{border:var(--cs-size-border) solid var(--cs-line-2);border-radius:var(--cs-radius-input);min-block-size:44px;inline-size:9em;font:700 16px/1 var(--cs-font-mono,monospace);text-transform:uppercase;padding-inline:12px}.sc-picker__hex input[aria-invalid]{border-color:#dc3545}.sc-err{color:#b02a37}.sc-note:empty{display:none}.sc-swatches{grid-template-columns:repeat(auto-fill,minmax(min(100%,112px),1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.sc-swatches button{border:var(--cs-size-border) solid var(--cs-line-2);border-radius:var(--cs-radius-input);background:var(--cs-bg);min-block-size:44px;inline-size:100%;color:var(--cs-text-2);font:inherit;text-align:start;cursor:pointer;align-items:center;gap:8px;padding:4px 10px;font-size:14px;font-weight:700;display:flex}.sc-swatches button[aria-pressed=true]{border-color:var(--cs-blue);background:var(--cs-soft);color:var(--cs-link)}.sc-swatches__sw{border-radius:6px;flex:none;block-size:20px;inline-size:20px;box-shadow:inset 0 0 0 1px #0000002e}.sc-own{border-radius:var(--cs-radius-input);background:var(--cs-soft);color:var(--cs-text-2);margin:0;padding:10px 14px}.sc-own a{font-weight:700}.sc-cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.sc-card{box-sizing:border-box;gap:8px;block-size:100%;padding:20px;text-decoration:none}.sc-card:hover{border-color:var(--cs-blue)}.sc-card__sw{border-radius:12px;block-size:72px;inline-size:100%;box-shadow:inset 0 0 0 1px #0000001a}.sc-card__title{color:var(--cs-link);overflow-wrap:anywhere;font-size:18px;font-weight:700}.sc-card__body{color:var(--cs-text-2);font-size:15px}.sc-features{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:12px 24px;margin:0 0 24px;padding:0;list-style:none;display:grid}.sc-features h3{margin:0 0 4px;font-size:16px}.sc-features p{color:var(--cs-text-2);margin:0;font-size:15px}}