.bulk-matrix-wrapper {
    margin-top:30px;
}

.bulk-matrix-table {
    width:100%;
    border-collapse:collapse;
    background:white;
}

.bulk-matrix-table th,
.bulk-matrix-table td {
    border:1px solid #ddd;
    text-align:center;
    text-transform: uppercase;
}

.bulk-matrix-table input {
    width:70px;
    padding:6px;
    text-align:center;
    border:1px solid #bbb;
}

.variation-image img {
    width:60px;
}

.bulk-summary {
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-top:15px;
}

.bulk-add-button {
    background:black;
    color:#fff;
    padding:14px 40px;
    border:none;
    font-weight:bold;
}

.bulk-message .success {
    margin-top:10px;
    color:green;
}

.bulk-message .error {
    margin-top:10px;
    color:red;
}

.bulk-modal{
position: fixed;
    top: 30%;
    left: 50%;
    width: 400px;
    height: auto;
    background: rgba(0,0,0,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
    z-index: 9999;
}

.bulk-modal.show{
opacity:1;
visibility:visible;
}

.bulk-modal-content{
background:#fff;
padding:25px 40px;
border-radius:0px;
font-size:18px;
font-weight:600;
}

.anpher-color,
.anpher-image-swatch{
    width:34px;
    height:34px;
    display:inline-block;
    border-radius:50%;
    border:1px solid #ddd;
    overflow:hidden;
}

.anpher-image-swatch img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.anpher-tooltip{
    position:relative;
    display:inline-block;
}

.anpher-tooltip-text{
    position:absolute;
    bottom:120%;
    left:50%;
    transform:translateX(-50%);
    background:#000;
    color:#fff;
    padding:5px 8px;
    font-size:11px;
    white-space:nowrap;
    opacity:0;
    visibility:hidden;
    transition:.2s;
    z-index:999;
}

.anpher-tooltip:hover .anpher-tooltip-text{
    opacity:1;
    visibility:visible;
}

.anpher-swatch-head{
    text-align:center;
    vertical-align:middle;
}

.anpher-color-swatch,
.anpher-image-swatch{
    width:36px;
    height:36px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    border:1px solid #ddd;
    overflow:hidden;
    margin:auto;
}

.anpher-image-swatch img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.anpher-tooltip{
    position:relative;
    display:inline-block;
}

.anpher-tooltip-text{
    position:absolute;
    bottom:120%;
    left:50%;
    transform:translateX(-50%);
    background:#000;
    color:#fff;
    padding:5px 8px;
    border-radius:4px;
    font-size:11px;
    white-space:nowrap;
    opacity:0;
    visibility:hidden;
    transition:.2s;
    z-index:9999;
}

.anpher-tooltip:hover .anpher-tooltip-text{
    opacity:1;
    visibility:visible;
}

.anpher-text-swatch{
    font-size:12px;
}

.anpher-loop-swatches{
    display:flex;
    align-items:center;
    gap:6px;
    margin-top:8px;
    flex-wrap:wrap;
}

.anpher-loop-swatch .anpher-color-swatch,
.anpher-loop-swatch .anpher-image-swatch{
    width:22px;
    height:22px;
    min-width:22px;
    border:1px solid #ddd;
}

.anpher-swatch-disabled{
    position:relative;
    opacity:.5;
}

.anpher-swatch-disabled:after{
    content:'';
    position:absolute;
    top:-4px;
    left:50%;
    width:2px;
    height:44px;
    background:#000;
    transform:rotate(45deg);
}

.anpher-loop-swatches .anpher-swatch-disabled:after{height:28px}