.cw-strip{z-index:90;background:var(--ink);align-items:center;height:48px;padding:0 20px;transition:transform .45s;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}.cw-strip-visible{transform:translateY(0)}.cw-strip-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--stone);flex-shrink:0;margin-right:16px;font-size:9px}.cw-strip-chips{flex:1;align-items:center;gap:4px;display:flex;overflow:hidden}.cw-strip-chip{border-radius:2px;flex-shrink:0;width:28px;height:28px;animation:.35s cw-chip-enter;overflow:hidden}@keyframes cw-chip-enter{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.cw-strip-chip-colour{width:100%;height:100%}.cw-strip-chip-image{object-fit:cover;width:100%;height:100%;display:block}.cw-strip-more{font-family:var(--font-mono);color:var(--stone);flex-shrink:0;margin-left:4px;font-size:9px}.cw-strip-count{font-family:var(--font-mono);letter-spacing:.08em;color:var(--tertiary);flex-shrink:0;margin-left:16px;font-size:9px}.cw-strip-action{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--orange);cursor:pointer;transition:color .25s var(--ease);background:0 0;border:none;flex-shrink:0;margin-left:16px;padding:8px 0;font-size:9px}.cw-strip-action:hover{color:var(--paper)}@keyframes cw-nudge-pulse{0%,to{color:var(--orange)}50%{color:var(--paper)}}.cw-strip-action-pulse{animation:.8s 3 cw-nudge-pulse}.cw-tray{z-index:95;background:var(--paper);border-top:1px solid var(--deep);flex-direction:column;max-height:55vh;transition:transform .4s;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}.cw-tray-open{transform:translateY(0)}.cw-tray-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px 12px;display:flex}.cw-tray-title{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);font-size:10px}.cw-tray-close{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--tertiary);cursor:pointer;transition:color .25s var(--ease);background:0 0;border:none;padding:4px 0;font-size:9px}.cw-tray-close:hover{color:var(--ink)}.cw-tray-scroll{-webkit-overflow-scrolling:touch;flex:1;align-items:flex-start;gap:12px;padding:0 20px 16px;display:flex;overflow-x:auto}.cw-tray-scroll::-webkit-scrollbar{height:0}.cw-tray-card{flex-shrink:0;width:110px;position:relative}.cw-tray-card-swatch{border-radius:2px;justify-content:flex-start;align-items:flex-end;width:110px;height:88px;padding:6px;display:flex}.cw-tray-card-code{font-family:var(--font-mono);letter-spacing:.04em;font-size:8px}.cw-tray-card-image-wrap{border-radius:2px;width:110px;height:88px;overflow:hidden}.cw-tray-card-image{object-fit:cover;width:100%;height:100%;display:block}.cw-tray-card-info{padding:6px 0}.cw-tray-card-type{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--stone);font-size:8px;display:block}.cw-tray-card-name{font-family:var(--font-body);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;max-width:110px;margin-top:2px;font-size:11px;display:block;overflow:hidden}.cw-tray-card-remove{width:20px;height:20px;color:var(--stone);cursor:pointer;opacity:0;transition:opacity .2s var(--ease), color .2s var(--ease);background:#f7f5f0d9;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:13px;display:flex;position:absolute;top:4px;right:4px}.cw-tray-card:hover .cw-tray-card-remove{opacity:1}.cw-tray-card-remove:hover{color:var(--orange)}.cw-tray-footer{border-top:1px solid var(--deep);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 20px 16px;display:flex}.cw-tray-footer-count{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--stone);font-size:9px}.cw-tray-footer-link{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--orange);transition:color .25s var(--ease);font-size:9px;text-decoration:none}.cw-tray-footer-link:hover{color:var(--ink)}.cw-tray-backdrop{z-index:89;background:#1a181626;animation:.3s cw-backdrop-fade;position:fixed;inset:0}@keyframes cw-backdrop-fade{0%{opacity:0}to{opacity:1}}@media (max-width:640px){.cw-strip{height:44px;padding:0 16px}.cw-strip-label{display:none}.cw-strip-chip{width:24px;height:24px}.cw-tray{max-height:65vh}.cw-tray-card{width:90px}.cw-tray-card-swatch,.cw-tray-card-image-wrap{width:90px;height:72px}.cw-tray-card-name{max-width:90px}.cw-tray-card-remove{opacity:1}}