.variations-table {
clear: both;
margin-bottom: 10px;
}
#variations .filters,
#variations .filter {
display: inline-block;
vertical-align: bottom;
}
#variations .variation-filters {
margin-bottom: 10px;
}
#variations .filter {
margin: 0 5px;
}
#variations .filter:first-child {
margin-left: 0;
}
#variations .filter label {
display: inline-block;
vertical-align: middle;
}
#variations table.variations th {
cursor: pointer;
white-space: nowrap;
display: table-cell;
border: #eee solid 1px;
padding: 10px;
vertical-align: middle;
font-weight: normal;
}
#variations table.variations th {
min-width: 40px;
}
#variations table.variations th.image_link {
min-width: 140px;
cursor: auto;
}
#variations table.variations th.add-to-cart {
min-width: 160px;
cursor: auto;
}
#variations table.variations th.quantity {
cursor: auto;
}
#variations table.variations th.quantity,
#variations table.variations th.price_html,
#variations table.variations th.weight_html {
min-width: 60px;
}
#variations table.variations input.qty {
min-width: 60px;
}
#variations table.variations th.sku {
min-width: 90px;
}
#variations table.variations th.active {
font-weight: bold;
}
#variations table.variations th.active .arrow {
opacity: 1;
}
#variations table.variations th .arrow {
display: inline-block;
vertical-align: middle;
width: 0;
height: 0;
margin-left: 5px;
opacity: 0.66;
}
#variations table.variations th.image_link .arrow {
display: none;
}
#variations table.variations tr {
display: table-row;
}
#variations table.variations td {
display: table-cell;
border: #eee solid 1px;
padding: 10px;
vertical-align: middle;
}
#variations table.variations .arrow.dsc {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-bottom: 4px solid #666666;
}
#variations table.variations .arrow.asc {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #666666;
}
.variations-table h3.available-title {
font-size: 18px;
margin-bottom: 10px;
}
#variations .add-to-cart button {
white-space: nowrap;
}
#variations .item img {
width: 100px;
height: auto;
}
.available-options-btn {
margin-bottom: 15px;
}
#variations input,
#variations select {
border-radius: 0;
border: solid #eee 1px;
padding: 5px;
height: 2.5em;
}
@media screen and (max-width: 767px) {
#variations table.variations td:before {
content: attr(data-title);
text-transform: uppercase;
font-weight: bold;
display: table-cell;
padding-right: 10px;
width: 140px;
}
#variations table.variations td.image_link:before {
display: none;
}
#variations table.variations td>span {
display: table-cell;
}
#variations table.variations td {
max-width: none;
display: table;
line-height: 1.5em;
width: 100%;
}
#variations table.variations td.image_link {
text-align: center;
display: block;
}
#variations table.variations td.image_link img {
width: auto;
}
#variations table.variations thead {
display: none;
}
#variations table.variations input.qty {
width: 100%;
text-align: center;
float: initial;
}
#variations table.variations td.quantity,
#variations table.variations td.add-to-cart {
width: 50%;
display: inline-block;
text-align: center;
}
#variations table.variations td.quantity {
line-height: 2em;
}
#variations table.variations td.add-to-cart button {
margin: 0 auto;
width: 100%;
}
}.spinner.svelte-1522nvw,.spinner.svelte-1522nvw:before,.spinner.svelte-1522nvw:after{border-radius:50%;width:2.5em;height:2.5em;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation:svelte-1522nvw-load7 1.8s infinite ease-in-out;animation:svelte-1522nvw-load7 1.8s infinite ease-in-out}.spinner.svelte-1522nvw{color:#ffffff;font-size:2px;margin-bottom:6px;margin-left:6px;position:relative;text-indent:-9999em;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation-delay:-0.16s;animation-delay:-0.16s;display:inline-block}.spinner.svelte-1522nvw:before,.spinner.svelte-1522nvw:after{content:"";position:absolute;top:0}.spinner.svelte-1522nvw:before{left:-3.5em;-webkit-animation-delay:-0.32s;animation-delay:-0.32s}.spinner.svelte-1522nvw:after{left:3.5em}@-webkit-keyframes svelte-1522nvw-load7{0%,80%,100%{box-shadow:0 2.5em 0 -1.3em}40%{box-shadow:0 2.5em 0 0}}@keyframes svelte-1522nvw-load7{0%,80%,100%{box-shadow:0 2.5em 0 -1.3em}40%{box-shadow:0 2.5em 0 0}}.checkmark.svelte-ui7w65{display:inline-block;width:22px;height:22px;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);zoom:0.8;margin-bottom:-3px;margin-left:4px}.checkmark_circle.svelte-ui7w65{position:absolute;width:22px;height:22px;background-color:green;border-radius:11px;left:0;top:0}.checkmark_stem.svelte-ui7w65{position:absolute;width:3px;height:9px;background-color:#fff;left:11px;top:6px}.checkmark_kick.svelte-ui7w65{position:absolute;width:3px;height:3px;background-color:#fff;left:8px;top:12px}