.pcard-palette{--palette-visible: 8;--palette-swatch-size: 2rem;--palette-nav-size: 1.65rem;--palette-gap: .5rem;--palette-border: rgba(var(--color-border), var(--color-border-alpha, 1));position:relative;display:flex;align-items:center;gap:var(--palette-gap);margin:.75rem 0 .25rem;max-width:100%}.pcard-palette__track{display:flex;align-items:center;gap:var(--palette-gap);margin:0;padding:2px;list-style:none;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;max-width:calc((var(--palette-swatch-size) * var(--palette-visible)) + (var(--palette-gap) * (var(--palette-visible) - 1)) + 4px)}.pcard-palette__track::-webkit-scrollbar{display:none}.pcard-palette__item{flex:0 0 auto;margin:0}.pcard-palette__swatch{display:block;width:var(--palette-swatch-size);height:var(--palette-swatch-size);border-radius:50%;border:1px solid var(--palette-border);background-color:rgb(var(--color-background));background-image:var(--swatch-image, none);background-size:cover;background-position:center;box-shadow:0 0 0 2px rgb(var(--color-background)) inset;transition:transform .15s ease,box-shadow .15s ease}.pcard-palette--square .pcard-palette__swatch{border-radius:.25rem}.pcard-palette__swatch:hover{transform:scale(1.08)}.pcard-palette__swatch.is-current{box-shadow:0 0 0 2px rgb(var(--color-background)) inset,0 0 0 2px rgb(var(--color-foreground))}.pcard-palette__nav-group{flex:0 0 auto;display:inline-flex;align-items:center;gap:.375rem}.pcard-palette__nav-group[hidden]{display:none}.pcard-palette__nav{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:var(--palette-nav-size);height:var(--palette-nav-size);padding:0;border-radius:50%;border:1px solid var(--palette-border);background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;transition:opacity .15s ease,background-color .15s ease}.pcard-palette__nav:hover{background:rgba(var(--color-foreground),.06)}.pcard-palette__nav:disabled{opacity:.35;cursor:default;pointer-events:none}.pcard-palette__nav svg{width:.7rem;height:.7rem}
/*# sourceMappingURL=/cdn/shop/t/10/assets/pcard-palette-swatch.css.map */