
.shopswatchinput {
    margin-bottom: 5px;
    margin-top: 5px;
}

.wcvaswatchinput {
    text-decoration: none !important;
    margin: 0 1px;
}

.wcvashopswatchlabel {
    cursor:pointer;
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: $border-xs;

    display:inline-block;
    @include transition(all 100ms ease-in);

    border: if-light(1px solid white, 1px solid $color-dark-3);
    box-shadow: if-light(0 0 0 1px #ccc, 0 0 0 1px #444);
    line-height: 1.0000;

    width: 24px !important;
    height: 24px !important;

    .wcvaswatchinput.active & {
        border: if-light(1px solid black, 1px solid #ccc);
        border-radius: $border-small;
    }
}

.swatchinput {
    display: inline-block;
    padding-#{$right}: 7px;
    padding-bottom: 6px;
    margin-top: -3px;
}
.belowtext {
    display: table-cell;
    vertical-align: bottom;
    padding-bottom: 16px;
    font-weight: bold;
}
.wcvaswatch input {
    margin: 0;
    padding: 0;
    display: none;
    @include appearance(none);
}

.wcvaswatchlabel {
    cursor: pointer;
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: $border-thin;
    display:inline-block;
    @include transition(all 100ms ease-in);
    border: if-light(2px solid white, 2px solid $color-dark-3);
    box-shadow: if-light(0 0 0 1px #ccc, 0 0 0 1px #444);
    line-height: 1.0000;

    .wcvaswatch input:active + & {
        opacity: .9;
    }

    .wcvaswatch input:checked + & {
        -webkit-filter: none;
        -moz-filter: none;
        filter: none;
        border: if-light(2px solid black, 2px solid #ccc);
        box-shadow: if-light(0 0 0 0 #000, 0 0 0 0 #ccc);
    }
}

.wcvaround {
    border-radius: 50%;
    outline: solid 0 #9C9999;
}

input.wcva_attribute_radio {
    margin-#{$right}: 5px;
}