.spc-section{padding-top:2rem;padding-bottom:4rem}.spc-header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.spc-header__title{font-size:1.1rem;font-weight:700;letter-spacing:.02em;margin:0}.spc-header__count{font-size:.8rem;opacity:.55;white-space:nowrap}.spc-grid{display:grid;grid-template-columns:1fr;gap:1px;background-color:rgba(var(--color-foreground),.07);border:1px solid rgba(var(--color-foreground),.07);border-radius:8px;overflow:hidden}@media screen and (min-width:750px){.spc-grid--cols-2{grid-template-columns:repeat(2,1fr)}.spc-grid--cols-3{grid-template-columns:repeat(3,1fr)}}.spc-row{display:flex;align-items:center;gap:12px;padding:10px 16px;background-color:rgb(var(--color-background));min-height:66px;transition:background-color .1s ease}.spc-row:hover{background-color:rgba(var(--color-foreground),.03)}.spc-row--unavailable{opacity:.5}.spc-swatch{width:48px;height:48px;border-radius:7px;flex-shrink:0;background-color:rgba(var(--color-foreground),.12);background-image:none!important;border:1px solid rgba(var(--color-foreground),.08);position:relative;overflow:hidden}.spc-swatch--white{border-color:rgba(var(--color-foreground),.18)}.spc-swatch--very-light:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(45deg,rgba(0,0,0,.06) 25%,transparent 25%),linear-gradient(-45deg,rgba(0,0,0,.06) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(0,0,0,.06) 75%),linear-gradient(-45deg,transparent 75%,rgba(0,0,0,.06) 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0px}.spc-info{flex:1;min-width:0}.spc-sku{display:block;font-size:.72rem;letter-spacing:.04em;opacity:.5;margin-bottom:2px;font-family:var(--font-body-family)}.spc-name{display:block;font-size:1rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:rgb(var(--color-foreground))}.spc-qty{display:flex;align-items:center;border:1px solid rgba(var(--color-foreground),.18);border-radius:6px;overflow:hidden;flex-shrink:0}.spc-qty__btn{width:32px;height:38px;border:none;background:transparent;cursor:pointer;font-size:1.1rem;line-height:1;color:rgb(var(--color-foreground));display:flex;align-items:center;justify-content:center;padding:0;transition:background-color .1s}.spc-qty__btn:hover{background-color:rgba(var(--color-foreground),.06)}.spc-qty__input{width:32px;height:38px;border:none;border-left:1px solid rgba(var(--color-foreground),.12);border-right:1px solid rgba(var(--color-foreground),.12);text-align:center;font-size:.875rem;font-family:var(--font-body-family);color:rgb(var(--color-foreground));background:transparent;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;padding:0}.spc-qty__input::-webkit-outer-spin-button,.spc-qty__input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none}.spc-add-btn{padding:0 18px;height:40px;border:1px solid rgba(var(--color-button),.9);border-radius:8px;background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));font-size:.875rem;font-weight:600;font-family:var(--font-body-family);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:opacity .15s,transform .1s;letter-spacing:.02em}.spc-add-btn:hover:not(:disabled){opacity:.85}.spc-add-btn:active:not(:disabled){transform:scale(.97)}.spc-add-btn:disabled,.spc-row--unavailable .spc-add-btn{opacity:.35;cursor:not-allowed;pointer-events:none}.spc-add-btn.is-added{background-color:rgb(var(--color-button));opacity:.75}.spc-oos{font-size:.7rem;opacity:.5;white-space:nowrap;flex-shrink:0}.spc-sticky-bar{position:fixed;bottom:0;left:0;right:0;z-index:300;background-color:rgb(var(--color-background));border-top:1px solid rgba(var(--color-foreground),.1);padding:10px 16px;display:flex;align-items:center;gap:12px;transform:translateY(100%);transition:transform .25s cubic-bezier(.4,0,.2,1);box-shadow:0 -4px 20px #00000014}.spc-sticky-bar.is-visible{transform:translateY(0)}@media screen and (min-width:750px){.spc-sticky-bar{display:none!important}}.spc-sticky-bar__info{flex:1;min-width:0}.spc-sticky-bar__line1{display:block;font-size:.78rem;opacity:.65}.spc-sticky-bar__line2{display:block;font-size:.9rem;font-weight:700}.spc-sticky-bar__checkout{display:inline-flex;align-items:center;padding:0 18px;height:40px;background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));border:none;border-radius:8px;font-weight:700;font-size:.875rem;font-family:var(--font-body-family);cursor:pointer;text-decoration:none;flex-shrink:0;transition:opacity .15s}.spc-sticky-bar__checkout:hover{opacity:.85}.spc-toast{position:fixed;bottom:70px;left:50%;transform:translate(-50%) translateY(20px);background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));padding:8px 16px;border-radius:20px;font-size:.8rem;font-weight:600;white-space:nowrap;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;z-index:400}.spc-toast.is-visible{opacity:1;transform:translate(-50%) translateY(0)}@media screen and (min-width:750px){.spc-toast{bottom:20px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/spray-paint-collection.css.map */