.ccr{display:block;margin-block:4px 12px;padding:12px;border:1px solid rgb(var(--color-foreground-rgb)/.12);border-radius:8px;color:var(--color-foreground);background:var(--color-background);text-align:start;font-family:var(--font-body--family);width:100%;min-width:0}
.ccr[hidden],.ccr [hidden]{display:none!important}
.ccr__message{font-size:12px;line-height:1.4;margin-block-end:7px}
.ccr__track{height:3px;background:rgb(var(--color-foreground-rgb)/.07);overflow:hidden;border-radius:3px}
.ccr__track span{display:block;height:100%;width:100%;background:var(--color-foreground);transform:scaleX(0);transform-origin:left}
[dir=rtl] .ccr__track span{transform-origin:right}
.ccr__product{display:grid;grid-template-columns:62px minmax(0,1fr) auto;align-items:center;gap:10px;margin-block-start:10px}
.ccr__image{display:block;width:62px;height:64px}
.ccr__image img{display:block;width:100%;height:100%;object-fit:contain;border-radius:4px}
.ccr__details{min-width:0}
.ccr__name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.35;color:inherit;text-decoration:none}
.ccr__price{display:block;margin-block-start:4px;font-size:13px;font-weight:500;font-variant-numeric:tabular-nums}
.ccr__add{appearance:none;background:var(--color-background);color:var(--color-foreground);border:1px solid rgb(var(--color-foreground-rgb)/.16);border-radius:20px;padding:8px 14px;font:inherit;font-size:13px;min-height:38px;cursor:pointer;white-space:nowrap}
.ccr__add:disabled{opacity:.55;cursor:wait}
.ccr__add:focus-visible,.ccr a:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.ccr__error{font-size:12px;line-height:1.4;margin:8px 0 0}
@media(max-width:380px){.ccr__product{grid-template-columns:52px minmax(0,1fr) auto;gap:8px}.ccr__image{width:52px;height:60px}.ccr__add{padding-inline:10px}}
@media(pointer:coarse){.ccr__add{min-height:44px}}