.webbit-cs-swatches{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin:6px 0 4px;line-height:1}.webbit-cs-swatches .webbit-cs-oos-msg{display:none !important}.webbit-cs-swatch{display:inline-flex;align-items:center;justify-content:center;padding:2px;border:2px solid rgba(0,0,0,0);border-radius:5px;cursor:pointer;transition:border-color .15s ease}.webbit-cs-swatch span{display:block;width:20px;height:20px;border-radius:3px}.webbit-cs-swatch:hover,.webbit-cs-swatch.active{border-color:#e8b4b8}.webbit-cs-round .webbit-cs-swatch{border-radius:50%}.webbit-cs-round .webbit-cs-swatch span{border-radius:50%}.webbit-cs-swatch.out-of-stock{opacity:.5!important;filter:grayscale(1)!important;cursor:not-allowed!important}.webbit-cs-swatch.out-of-stock>span{position:relative}.webbit-cs-oos-theme{opacity:.5!important;filter:grayscale(1)!important;cursor:not-allowed!important}.webbit-cs-more{font-size:11px;color:#888;line-height:1;align-self:center}