.fabric-swatch-picker,.fabric-swatch-picker__siblings{margin-bottom:29px}.fabric-swatch-picker__siblings-heading{font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:rgba(var(--color-foreground),.65);margin:0 0 11px}.fabric-swatch-picker__sibling-row{display:flex;gap:10px;flex-wrap:wrap}.fabric-swatch-picker__sibling-card{flex:0 0 auto;width:58px;height:58px;display:block;border-radius:8px;overflow:hidden;border:2px solid transparent}.fabric-swatch-picker__sibling-card img{width:100%;height:100%;object-fit:cover;display:block;background:rgba(var(--color-foreground),.04)}.fabric-swatch-picker__sibling-card.is-current{border-color:rgb(var(--color-foreground))}.fabric-swatch-picker__toggle-head{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:0;background:none;border:none;border-top:1px solid rgba(var(--color-foreground),.1);border-bottom:1px solid rgba(var(--color-foreground),.1);padding-block:16px;cursor:pointer;text-align:left;color:rgb(var(--color-foreground))}.fabric-swatch-picker__toggle-heading{display:block;font-size:14px;font-weight:500}.fabric-swatch-picker__toggle-hint{display:block;font-size:12px;font-weight:400;line-height:1.5;color:rgb(var(--color-foreground));margin-top:4px}.fabric-swatch-picker__toggle-head .icon-caret{flex-shrink:0;transition:transform .15s ease}.fabric-swatch-picker__browse.is-open .fabric-swatch-picker__toggle-head .icon-caret{transform:rotate(180deg)}.fabric-swatch-picker__toggle-body[hidden]{display:none}.fabric-swatch-picker__toggle-body{padding-top:16px}.fabric-swatch-picker__search{margin-bottom:13px}.fabric-swatch-picker__search input{width:100%;min-height:42px;padding:10px 16px;border:1px solid rgb(var(--color-border-input));border-radius:0;font-size:14px;background-color:rgb(var(--color-background-input));color:rgb(var(--color-foreground-title));box-sizing:border-box}.fabric-swatch-picker__search input:hover:not(:focus){border-color:rgb(var(--color-border-input-hover))}.fabric-swatch-picker__search input:focus,.fabric-swatch-picker__search input:focus-visible{outline:none}.fabric-swatch-picker__search input::placeholder{color:rgb(var(--color-foreground));opacity:.6}.fabric-swatch-picker__categories{max-height:55vh;overflow-y:auto;padding:3px 2px 10px}.fabric-swatch-picker__cat{margin-bottom:18px}.fabric-swatch-picker__cat:last-child{margin-bottom:0}.fabric-swatch-picker__cat-label{font-size:12px;font-weight:400;text-transform:none;letter-spacing:normal;color:rgb(var(--color-foreground));margin:0 0 8px}.fabric-swatch-picker__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:4px}.fabric-swatch-picker__swatch{position:relative;border:2px solid transparent;border-radius:0;padding:0;cursor:pointer;background:none}.fabric-swatch-picker__swatch img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;display:block;border-radius:0;background:rgba(var(--color-foreground),.04);transition:transform .15s ease}.fabric-swatch-picker__swatch.is-selected{border-color:rgb(var(--color-foreground))}.fabric-swatch-picker__swatch:hover,.fabric-swatch-picker__swatch:focus-visible{z-index:2}.fabric-swatch-picker__swatch:hover img,.fabric-swatch-picker__swatch:focus-visible img{transform:scale(1.6)}.fabric-swatch-picker__floating-tooltip{position:fixed;background:rgb(var(--color-foreground));color:rgb(var(--color-background));font-size:11px;font-weight:500;line-height:1.3;white-space:normal;width:max-content;max-width:150px;text-align:center;padding:5px 9px;border-radius:4px;pointer-events:none;z-index:100}.fabric-swatch-picker__floating-tooltip:after{content:"";position:absolute;bottom:100%;left:var(--tooltip-arrow-left, 50%);transform:translate(-50%);border:4px solid transparent;border-bottom-color:rgb(var(--color-foreground))}.fabric-swatch-picker__floating-tooltip[hidden]{display:none}.fabric-swatch-picker__note{margin-top:14px;font-size:12px;line-height:1.5;padding:13px 16px;background:rgba(var(--color-foreground),.05);border-radius:8px}.fabric-swatch-picker__note[hidden]{display:none}.fabric-swatch-picker__note b{font-weight:600}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-fabric-swatch-picker.css.map */