.shade-picker{display:block}.shade-picker__chosen{margin-bottom:14px;padding:16px 18px;background:rgb(var(--color-card-background));border:1px solid rgb(var(--color-border));border-radius:var(--radius-card)}.shade-picker__chosen-label{display:block;margin-bottom:12px;color:rgb(var(--color-text-muted))}.shade-picker__chosen-row{display:flex;align-items:center;gap:14px}.shade-picker__chosen-swatch{display:block;width:60px;height:60px;flex:none;border:1px solid rgb(var(--color-text) / .18);border-radius:4px;background-color:rgb(var(--color-plate));background-size:cover;background-position:center}.shade-picker__chosen-text{display:flex;flex-direction:column;gap:4px;min-width:0}.shade-picker__chosen-code{font-family:var(--font-price-family);font-size:20px;font-weight:700;line-height:1;color:rgb(var(--color-heading))}.shade-picker__chosen-name{font-size:14px;line-height:1.35;color:rgb(var(--color-text-muted))}.shade-picker__disclaimer{margin:14px 0 0;font-size:12px;line-height:1.6;color:rgb(var(--color-text-muted))}.shade-picker__panel{display:none;border:1px solid rgb(var(--color-text));border-radius:var(--radius-card);background:rgb(var(--color-card-background));overflow:hidden}.shade-picker__head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-bottom:1px solid rgb(var(--color-border))}.shade-picker__title{margin:0}.shade-picker__count{font-size:13px;color:rgb(var(--color-text-muted))}.shade-picker__controls{padding:16px 18px 0}.shade-picker__search{position:relative;margin-bottom:14px}.shade-picker__search input{min-height:50px;padding-right:46px;border-color:rgb(var(--color-text))}.shade-picker__search-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:rgb(var(--color-text) / .55);pointer-events:none;line-height:0}.shade-picker__families,.shade-sheet__families{display:flex;flex-wrap:wrap;gap:6px;padding-bottom:16px}.shade-picker__grid{display:grid;grid-template-columns:repeat(var(--shade-columns, 5),minmax(0,1fr));gap:10px;padding:0 18px 18px}.shade-swatch[hidden],[data-shade-row][hidden],.shade-sheet__list>li[hidden]{display:none!important}.shade-swatch{position:relative;display:flex;flex-direction:column;padding:0;overflow:hidden;background:rgb(var(--color-background));border:1px solid rgb(var(--color-border));border-radius:var(--radius-button);text-align:left}.shade-swatch.is-overflow{display:none}.shade-swatch:hover{border-color:rgb(var(--color-text))}.shade-swatch.is-selected{border:2px solid rgb(var(--color-text));box-shadow:0 0 0 3px rgb(var(--color-text) / .14)}.shade-swatch.is-unavailable{opacity:.55}.shade-swatch.is-unavailable .shade-swatch__code{text-decoration:line-through}.shade-swatch__color{display:block;width:100%;aspect-ratio:4 / 3;background-color:rgb(var(--color-plate));background-size:cover;background-position:center}.shade-swatch__meta{display:flex;flex-direction:column;gap:2px;padding:8px 9px 10px}.shade-swatch__code{font-family:var(--font-price-family);font-size:12px;font-weight:700;line-height:1;color:rgb(var(--color-heading))}.shade-swatch__name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:26px;font-size:10px;line-height:1.3;color:rgb(var(--color-text-muted))}.shade-swatch__badge{position:absolute;top:4px;right:4px;padding:3px 5px;border-radius:4px;background:rgb(var(--color-sale-label));color:rgb(var(--color-sale-label-text));font-size:9px;font-weight:700;line-height:1}.shade-swatch__badge--out{background:rgb(var(--color-danger));color:rgb(var(--color-paper))}.shade-picker__empty{margin:0;padding:18px;font-size:14px;color:rgb(var(--color-text-muted))}.shade-picker__more{margin:0 18px 18px;width:calc(100% - 36px)}.shade-picker__open{margin-top:10px}@media screen and (min-width:750px){.shade-picker__panel{display:block}.shade-picker__open{display:none}}.shade-sheet__controls{flex:none;padding:14px 16px 0;border-bottom:1px solid rgb(var(--color-border))}.shade-sheet__list{list-style:none}.shade-row{width:100%;display:flex;align-items:center;gap:14px;min-height:72px;padding:10px 16px;background:rgb(var(--color-background));border:0;border-bottom:1px solid rgb(var(--color-border));text-align:left}.shade-row.is-selected{background:rgb(var(--color-text) / .05)}.shade-row[aria-disabled=true]{opacity:.55}.shade-row__swatch{display:block;width:48px;height:48px;flex:none;border:1px solid rgb(var(--color-text) / .18);border-radius:4px;background-color:rgb(var(--color-plate));background-size:cover;background-position:center}.shade-row__text{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.shade-row__code{font-family:var(--font-price-family);font-size:15px;font-weight:700;line-height:1;color:rgb(var(--color-heading))}.shade-row__name{font-size:13px;line-height:1.3;color:rgb(var(--color-text-muted))}.shade-row__price{flex:none;font-family:var(--font-price-family);font-size:14px;font-weight:700}.shade-row__mark{flex:none;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid rgb(var(--color-field-border));border-radius:50%;color:transparent}.shade-row.is-selected .shade-row__mark{background:rgb(var(--color-text));border-color:rgb(var(--color-text));color:rgb(var(--color-background))}.shade-sheet__footer{display:flex;align-items:center;gap:12px;padding-bottom:max(14px,env(safe-area-inset-bottom))}.shade-sheet__selected{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.shade-sheet__selected .shade-picker__chosen-swatch{width:44px;height:44px}.shade-sheet__selected .shade-picker__chosen-code{font-size:15px}.shade-sheet__selected .shade-picker__chosen-name{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (min-width:750px){.shade-sheet{display:none}}.shade-bulk{margin-top:18px;border:1px solid rgb(var(--color-border));border-radius:var(--radius-card);background:rgb(var(--color-card-background));overflow:hidden}.shade-bulk__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:rgb(var(--color-text) / .04);border-bottom:1px solid rgb(var(--color-border))}.shade-bulk__title{margin:0}.shade-bulk__note{font-size:12px;color:rgb(var(--color-text-muted))}.shade-bulk__list{list-style:none}.shade-bulk__empty{padding:16px 18px;font-size:13px;color:rgb(var(--color-text-muted))}.shade-bulk__row{display:flex;align-items:center;gap:12px;padding:10px 18px;border-bottom:1px solid rgb(var(--color-border))}.shade-bulk__swatch{display:block;width:34px;height:34px;flex:none;border:1px solid rgb(var(--color-text) / .18);border-radius:3px;background-color:rgb(var(--color-plate));background-size:cover;background-position:center}.shade-bulk__text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.shade-bulk__code{font-family:var(--font-price-family);font-size:14px;font-weight:700;line-height:1}.shade-bulk__name{font-size:12px;line-height:1.3;color:rgb(var(--color-text-muted));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shade-bulk__price{flex:none;width:78px;text-align:right;font-family:var(--font-price-family);font-size:14px;font-weight:700}.shade-bulk__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 18px}.shade-bulk__total{display:flex;flex-direction:column;gap:3px;text-align:right;margin-left:auto}.shade-bulk__total-label{font-size:12px;color:rgb(var(--color-text-muted))}.shade-bulk__total-value{font-family:var(--font-price-family);font-size:20px;font-weight:700;line-height:1}.shade-bulk__error{margin:0;padding:0 18px 14px;font-size:13px;color:rgb(var(--color-danger))}@media screen and (max-width:749px){.shade-bulk__row{flex-wrap:wrap;gap:8px 10px}.shade-bulk__text{flex:1 1 100%;min-width:0}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/component-shade-picker.css.map */