.zk-picker{display:block;margin:0 0 2.4rem}.zk-picker__group{border:0;margin:0 0 2rem;padding:0;position:relative}.zk-picker__legend{display:flex;align-items:baseline;gap:.6rem;padding:0;margin:0 0 1rem;font-size:1.3rem;letter-spacing:.08em;text-transform:uppercase}.zk-picker__name{opacity:.6}.zk-picker__name:after{content:":"}.zk-picker__options{display:flex;flex-wrap:wrap;gap:.8rem}.zk-picker__input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.zk-picker__options--swatch{gap:1.2rem 1.6rem}.zk-picker__swatch{display:inline-flex;flex-direction:column;align-items:center;gap:.6rem;padding:0;border:0;background:none;cursor:pointer}.zk-picker__swatch-color{display:block;width:4.4rem;height:4.4rem;box-shadow:inset 0 0 0 1px rgba(var(--color-foreground),.28);outline:1px solid transparent;outline-offset:3px;background-size:cover;background-position:center;transition:outline-color .2s ease}.zk-picker__swatch-name{font-size:1.2rem;letter-spacing:.04em;text-transform:uppercase;color:rgba(var(--color-foreground),.7)}.zk-picker__swatch:hover .zk-picker__swatch-color,.zk-picker__input:checked+.zk-picker__swatch .zk-picker__swatch-color{outline-color:rgb(var(--color-foreground))}.zk-picker__input:checked+.zk-picker__swatch .zk-picker__swatch-name{color:rgb(var(--color-foreground));font-weight:600}.zk-picker__value{font-weight:600;letter-spacing:.04em;min-width:4rem}.zk-picker__chip{--zk-chip-border: rgba(var(--color-foreground), .35);display:inline-flex;align-items:center;justify-content:center;min-width:4.8rem;min-height:4.4rem;padding:0 1.4rem;border:1px solid var(--zk-chip-border);background:transparent;color:rgb(var(--color-foreground));font-size:1.4rem;line-height:1;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,color .2s ease}.zk-picker__chip:hover{--zk-chip-border: rgb(var(--color-foreground))}.zk-picker__input:checked+.zk-picker__chip{background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgb(var(--color-foreground))}.zk-picker__chip.is-unavailable,.zk-picker__swatch.is-unavailable{opacity:.45;position:relative}.zk-picker__chip.is-unavailable:after,.zk-picker__swatch.is-unavailable .zk-picker__swatch-color:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top left,transparent calc(50% - .5px),rgba(var(--color-foreground),.7) calc(50% - .5px),rgba(var(--color-foreground),.7) calc(50% + .5px),transparent calc(50% + .5px));pointer-events:none}.zk-picker__swatch.is-unavailable .zk-picker__swatch-color{position:relative}.zk-picker__input:focus-visible+.zk-picker__chip,.zk-picker__input:focus-visible+.zk-picker__swatch{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.zk-picker__note{margin:.4rem 0 0;font-size:1.3rem;line-height:1.5;color:rgba(var(--color-foreground),.75)}.zk-picker__note[hidden]{display:none}.zk-picker__guide,.zk-picker__guide-button{position:absolute;top:0;right:0;background:none;border:0;padding:0;font-size:1.3rem;letter-spacing:.04em;text-decoration:underline;text-underline-offset:3px;color:rgba(var(--color-foreground),.75);cursor:pointer}.zk-picker__guide-button:hover{color:rgb(var(--color-foreground))}.zk-picker__guide .zk-picker__guide-button{position:static}.no-js .zk-picker__guide-button.no-js{position:absolute}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-variant-picker.css.map */