.cpb,.cpb-shell,.cpu{--cpb-fg: rgb(var(--color-foreground));--cpb-muted: rgba(var(--color-foreground), .62);--cpb-soft: rgba(var(--color-foreground), .42);--cpb-line: rgba(var(--color-foreground), .1);--cpb-track: rgba(var(--color-foreground), .1);color:var(--cpb-fg);letter-spacing:0}.cpb p,.cpu p{margin:0;line-height:1.35}.cpb--drawer{margin:1.2rem 0;padding:1rem 1.2rem 1.1rem;border-radius:.6rem;background:rgba(var(--color-foreground),.035)}.cpb-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.cpb-eyebrow{font-size:1rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--cpb-muted)}.cpb-link{color:var(--cpb-muted);text-decoration:underline;text-underline-offset:.3rem}.cpb-link:hover{color:var(--cpb-fg)}.cpb-link--small{flex:0 0 auto;font-size:1rem}.cpb-next{display:flex;align-items:flex-start;gap:.6rem;margin-top:.6rem;font-size:1.3rem}.cpb-next strong{font-weight:700}.cpb-next svg{flex:0 0 auto;width:1.5rem;height:1.5rem;margin-top:.1rem;color:var(--cpb-lock, #e0222a)}.cpb-complete{margin-top:.6rem;font-size:1.2rem;font-weight:600}.cpb-meter{display:block;margin-top:.8rem}.cpb-track{display:block;height:.3rem;overflow:hidden;border-radius:.2rem;background:var(--cpb-track)}.cpb-fill{display:block;width:var(--cpb-progress, 0%);height:100%;border-radius:inherit;background:var(--cpb-fg)}.cpb-ends{display:flex;justify-content:space-between;margin-top:.4rem;font-size:1rem;font-variant-numeric:tabular-nums;color:var(--cpb-soft)}.cpb-chips{display:flex;flex-wrap:wrap;gap:.2rem 1.2rem;margin:.8rem 0 0;padding:0;list-style:none}.cpb-chip{display:inline-flex;align-items:center;gap:.3rem;font-size:1.1rem;color:var(--cpb-muted);white-space:nowrap}.cpb-chip svg{width:1.1rem;height:1.1rem;color:var(--cpb-fg)}.cpb-shell{padding:1.2rem 1.6rem;border-radius:.8rem;background:rgb(var(--color-background));box-shadow:0 .4rem 1.2rem #0000000d}.cpb-shell-blocks{display:grid;gap:1rem}.cpu-wrap:has(.cpu:empty):has(.cpu-error:empty){display:none}@media screen and (min-width:750px){.cpb-shell{padding:1.6rem 3rem}}.cpu-title{margin-bottom:.6rem;font-size:1rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--cpb-muted)}.cpu-list{display:grid;gap:.6rem;margin:0;padding:0;list-style:none}.cpu-item{display:flex;align-items:center;gap:1.2rem;padding:1rem 1.2rem;border:.1rem solid var(--cpb-line);border-radius:.6rem}.cpu-media{flex:0 0 4.4rem;height:4.4rem;overflow:hidden;border-radius:.4rem;background:rgba(var(--color-foreground),.04)}.cpu-media img{width:100%;height:100%;object-fit:contain}.cpu-info{flex:1 1 auto;min-width:0}.cpu-name{line-height:1.3;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.3rem;font-weight:600;color:var(--cpb-fg);text-decoration:none}.cpu-name:hover{text-decoration:underline}.cpu-meta{margin-top:.2rem;font-size:1.1rem;color:var(--cpb-muted)}.cpu-price{font-weight:600;font-variant-numeric:tabular-nums;color:var(--cpb-fg)}.cpu-btn{flex:0 0 auto;min-height:3.6rem;padding:0 1.4rem;border:0;border-radius:.4rem;background:var(--cpb-fg);color:rgb(var(--color-background));font:inherit;font-size:1.1rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;display:inline-flex;align-items:center;cursor:pointer;white-space:nowrap}.cpu-btn:hover{opacity:.85}.cpu-btn:focus-visible{outline:.2rem solid var(--cpb-fg);outline-offset:.2rem}.cpu-btn[aria-busy=true],.cpu-adding .cpu-btn{opacity:.6;pointer-events:none}.cpu-btn--ghost{border:.1rem solid var(--cpb-fg);background:transparent;color:var(--cpb-fg)}.cpu-error{margin-top:.6rem;font-size:1.1rem;color:rgb(var(--color-foreground))}.cpu-error:empty{display:none}@media screen and (max-width:420px){.cpu-item{flex-wrap:wrap}.cpu-btn{margin-left:5.6rem}}.cpu--drawer:not(:empty){margin-bottom:1.2rem}.cpu--drawer .cpu-title,.cpu--page .cpu-title{margin-bottom:.4rem}.cpu--drawer .cpu-list,.cpu--page .cpu-list{grid-template-columns:minmax(0,1fr);gap:.4rem}.cpu--drawer .cpu-item,.cpu--page .cpu-item{flex-wrap:nowrap;gap:1rem;padding:.6rem .8rem}.cpu--drawer .cpu-media,.cpu--page .cpu-media{flex-basis:4rem;height:4rem}.cpu--drawer .cpu-name,.cpu--page .cpu-name{font-size:1.2rem;font-weight:500}.cpu--drawer .cpu-meta,.cpu--page .cpu-meta{margin-top:0;overflow:hidden;font-size:1.05rem;text-overflow:ellipsis;white-space:nowrap}.cpu-compare{margin-left:.4rem;color:var(--cpb-soft)}.cpu--drawer .cpu-btn,.cpu--page .cpu-btn{min-height:3.2rem;margin-left:0;padding:0 1rem;border:.1rem solid rgba(var(--color-foreground),.3);background:transparent;color:var(--cpb-fg);font-size:1.1rem;font-weight:600;letter-spacing:0;text-transform:none}.cpu--drawer .cpu-btn:hover,.cpu--page .cpu-btn:hover{border-color:var(--cpb-fg);opacity:1}@media(pointer:coarse){.cpu--drawer .cpu-btn,.cpu--page .cpu-btn{min-height:4rem}}@media screen and (max-width:749px){.cpu--page .cpu-item:nth-child(n+3),.cpu--page .cpu-unlock{display:none}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/component-cart-perks-bar.css.map */