.swatch-buttons{display:flex;overflow:auto;margin-right:5px}.swatch-buttons__button{display:flex;align-items:center;box-sizing:border-box;border:none;background-color:#fff;padding:7px;background:#fff;cursor:pointer;border-top:1px solid #3333334d;border-bottom:1px solid #3333334d}.swatch-buttons__button:first-of-type{border-start-start-radius:4px;border-end-start-radius:4px;border-inline-start:1px solid #3333334d}.swatch-buttons__button:last-of-type{border-start-end-radius:4px;border-end-end-radius:4px;border-inline-end:1px solid #3333334d}.swatch-buttons__button.active{padding:7px;border:2px solid #565add}.swatch{width:17px;height:17px;border-radius:50%;cursor:pointer;border:1px solid}.color-dropdown{position:relative;font-size:14px;font-weight:400;font-style:normal;appearance:none;border:none;border-radius:3px;padding:0 25px 0 7px;margin:0;text-overflow:ellipsis;white-space:nowrap;background-image:url("data:image/svg+xml,%3Csvg%20width%3D'10'%20height%3D'4'%20viewBox%3D'0%200%2010%204'%20fill%3D'none'%20xmlns%3D'http%3A//www.w3.org/2000/svg'%3E%3Cpath%20d%3D'M5%204L0.669872%200.25L9.33013%200.249999L5%204Z'%20fill%3D'black'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 8px center!important;background-color:#fff;background-size:initial;color:#000;outline:none;min-width:100px;max-width:100%;width:auto;min-height:auto;height:32px;display:flex;align-items:center;cursor:pointer;box-shadow:0 0 0 1px #0000004d!important;margin-right:5px}.color-dropdown .color-dropdown__list{display:none;flex-direction:column;max-width:400px;max-height:500px;overflow:auto;position:absolute;top:calc(100% + 2px);left:0;border:1px solid #ccc;background-color:#fff;z-index:1000;box-shadow:0 20px 20px #1a1a1a47}.color-dropdown .color-dropdown__list.is-visible{display:flex}.color-dropdown .color-dropdown__list .color-dropdown__item{font-weight:400;font-style:normal;font-family:system-ui;display:flex;align-items:center;gap:10px;white-space:nowrap;padding-block-start:10px;padding-block-end:10px;padding-inline-start:10px;padding-inline-end:60px;border:none;border-bottom:1px solid #dfe3e8;cursor:pointer;font-size:14px;color:#000;background:none}.color-dropdown .color-dropdown__selected{display:flex;gap:10px;align-items:center;justify-content:space-between;cursor:pointer}.color-dropdown .color-dropdown__list .color-dropdown__item:hover{background:#f0f0f0}.color-dropdown .color-box{width:16px;height:16px;border-radius:50%;border:solid 1px}.color-dropdown .color-label{flex-grow:1}.swatch-buttons__button.disabled{opacity:.4;pointer-events:none;cursor:not-allowed;filter:grayscale(100%)}.color-dropdown__item.disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.color-dropdown__selected.disabled{opacity:.6}