.pal{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;height:76px}.sw{display:grid;grid-template-rows:1fr 2rem;border-radius:8px;background:var(--bg-2)}.sw,.pc-chip{box-shadow:inset 0 0 0 1px #0002}.sw button{border:0;background:0;color:inherit;min-width:0;border-radius:8px;padding:0}.sw button:focus-visible{box-shadow:none;outline:2px solid;outline-offset:-4px}.sw-copy{display:grid;place-items:end center;overflow:hidden;font:600 .75rem/1 var(--font-mono)}@container(max-width:23rem){.sw-hash{display:none}}.pal-bar,.pal-act,.pc-v,.px,.pal-saved li{display:flex;flex-wrap:wrap;gap:8px}.pal,.pal-bar{position:relative;z-index:1}.pal-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 4px}.pal-modes .chip{justify-content:center;padding:0}.pal-base{display:flex;gap:8px}#base-color{flex:none;width:var(--control);padding:3px}#base-hex,.pc-v .btn,.px pre{font-family:var(--font-mono)}.pc-v{flex:1}.pc-chip{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:8px}.pc-v .btn{padding:0 6px}.pc-k{width:100%}.px,.pal-saved li{align-items:center}.px .k{flex:1}.px pre{flex-basis:100%;margin:0;padding:8px;border-radius:8px;background:var(--bg-2);overflow-x:auto}.pal-saved{list-style:none;margin:0;padding:0;display:grid;gap:8px}.ps-strip{display:flex;height:1.75rem;border-radius:6px;overflow:hidden}.ps-strip span{width:1rem}.ps-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@container(max-width:22rem){.pal-wide,.touch .btn .icon{display:none}.touch .btn{padding:0 12px}.chip{font-size:.8125rem}}@media(min-width:48em){.pal{height:6rem}}@media(min-width:64em){.pal{height:13rem}.sw{grid-template-rows:1fr 2.75rem}.sw-copy{font-size:.875rem}}@media(max-width:63.99em){.look-more{grid-row:1}.look-card>.eyebrow{grid-area:1/1/2/-1;justify-self:start}.pal{grid-column:1/-1;margin:8px 0}.app-page .app .look-card .compact-meta{grid-area:3/1;align-self:center;text-align:left}.pal-bar{grid-area:3/2}.look-card .btn{height:var(--control-sm);padding:0 12px}}