:root {
  --visage-selection-set-padding: 16px;
  --visage-selection-set-border-width: 1px;
  --visage-selection-set-border-width-active: var(--visage-selection-set-border-width);
  --visage-selection-set-border-color: var(--visage-color-border);
  --visage-selection-set-border-color-active: var(--visage-selection-set-border-color);
  --visage-selection-set-border-color-hover: var(--visage-selection-set-border-color-active);
  --visage-selection-set-border-color-checked: var(--visage-color-black);
  --visage-selection-set-box-shadow-checked: inset 0 0 0 1px var(--visage-selection-set-border-color-checked);
  --visage-selection-set-box-shadow-focus: var(--visage-selection-set-box-shadow-checked);
  --visage-selection-set-width-buttons: 98px;
  --visage-selection-set-height-buttons: var(--visage-button-min-height-mini);
  --visage-selection-set-padding-buttons: 0;
  --visage-selection-set-border-width-buttons: var(--visage-selection-set-border-width);
  --visage-selection-set-border-width-buttons-active: var(--visage-selection-set-border-width-buttons);
  --visage-selection-set-border-radius-buttons: var(--visage-button-border-radius);
  --visage-selection-set-border-color-buttons: var(--visage-selection-set-border-color);
  --visage-selection-set-border-color-buttons-checked: var(--visage-selection-set-border-color-checked);
  --visage-selection-set-box-shadow-buttons-checked: inset 0 0 0 1px var(--visage-selection-set-border-color-buttons-checked);
  --visage-selection-set-box-shadow-buttons-focus: var(--visage-selection-set-box-shadow-buttons-checked);
  --visage-selection-set-padding-buttons-with-images: 12px 8px
}
@media only screen and (max-width: 767px) {
  :root {
    --visage-selection-set-width-buttons: 86px;
    --visage-selection-set-padding-buttons: 12px 4px
  }
}
.selection-set:not(.selection-set-show-inputs) .selection-set-input {
  position: absolute!important;
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
  height: 1px!important;
  width: 1px!important;
  padding: 0!important;
  border: 0!important;
  opacity: 0.01!important;
  overflow: hidden!important
}
.selection-set-label {
  display: flex;
  flex-direction: column;
  height: var(--visage-selection-set-height, calc(100% - var(--visage-selection-set-padding)));
  padding: var(--visage-selection-set-padding);
  margin: var(--visage-selection-set-margin, 0 0 16px 0);
  cursor: pointer;
  border-width: var(--visage-selection-set-border-width);
  border-style: solid;
  border-color: var(--visage-selection-set-border-color);
  border-radius: var(--visage-selection-set-border-radius, 0);
  transition: var(--visage-selection-set-transition, all 0.25s)
}
.selection-set-label:active {
  border-width: var(--visage-selection-set-border-width-active);
  border-color: var(--visage-selection-set-border-color-active, var(--visage-selection-set-border-color))
}
.selection-set-label:hover {
  border-width: var(--visage-selection-set-border-width-hover, var(--visage-selection-set-border-width-active));
  border-color: var(--visage-selection-set-border-color-hover)
}
input:checked + .selection-set-label {
  border-color: var(--visage-selection-set-border-color-checked);
  box-shadow: var(--visage-selection-set-box-shadow-checked)
}
input:focus + .selection-set-label {
  border-width: var(--visage-selection-set-border-width-focus, var(--visage-selection-set-border-width));
  border-color: var(--visage-selection-set-border-color-focus, var(--visage-selection-set-border-color-checked));
  box-shadow: var(--visage-selection-set-box-shadow-focus)
}
input.selection-set-input-unavailable + .selection-set-label,
input:disabled + .selection-set-label {
  color: #dfdfdf;
  background: var(--visage-color-background-disabled);
  cursor: auto
}
input.selection-set-input-unavailable + .selection-set-label,
input.selection-set-input-unavailable + .selection-set-label:hover,
input:disabled + .selection-set-label,
input:disabled + .selection-set-label:hover {
  border-width: var(--visage-selection-set-border-width);
  border-color: var(--visage-color-border-disabled)
}
input.selection-set-input-unavailable + .selection-set-label {
  border-color: var(--visage-color-error);
  box-shadow: var(--visage-selection-set-box-shadow-unavailable, inset 0 0 0 1px var(--visage-color-error))
}
input.selection-set-input-unavailable + .selection-set-label .link-skin-cta {
  align-self: flex-start;
  color: var(--visage-font-base-color)
}
.selection-set-label .discount-price {
  font-weight: normal
}
.selection-set-error {
  width: 100%;
  font-size: var(--visage-text-size-6);
  line-height: var(--visage-text-size-6-line-height);
  color: var(--visage-color-error)
}
.selection-set-label .secondary-tile,
.selection-set-label .standard-tile,
.selection-set-label .standard-tile-contents {
  padding-bottom: 0;
  margin-bottom: 0
}
input.selection-set-input-unavailable + .selection-set-label .secondary-tile,
input:disabled + .selection-set-label .secondary-tile {
  background: none
}
input.selection-set-input-unavailable + .selection-set-label .secondary-tile-image,
input.selection-set-input-unavailable + .selection-set-label .standard-tile-image img,
input.selection-set-input-unavailable + .selection-set-label .standard-tile-image picture,
input:disabled + .selection-set-label .secondary-tile-image,
input:disabled + .selection-set-label .standard-tile-image img,
input:disabled + .selection-set-label .standard-tile-image picture {
  opacity: .5
}
input.selection-set-input-unavailable + .selection-set-label .secondary-tile-price,
input:disabled + .selection-set-label .secondary-tile-price {
  color: var(--visage-color-font-disabled)
}
.selection-set.selection-set-skin-buttons,
.selection-set.selection-set-skin-buttons-with-images {
  display: flex;
  align-items: stretch
}
.selection-set.selection-set-skin-buttons .selection-set-label,
.selection-set.selection-set-skin-buttons-with-images .selection-set-label {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  min-width: var(--visage-selection-set-width-buttons);
  margin: var(--visage-selection-set-margin-buttons, 0 16px 16px 0);
  padding: var(--visage-selection-set-padding-buttons);
  min-height: var(--visage-selection-set-height-buttons);
  font-size: var(--visage-selection-set-font-size-buttons, var(--visage-text-size-6));
  font-weight: var(--visage-selection-set-font-weight-buttons, bold);
  text-align: center;
  vertical-align: middle;
  border-width: var(--visage-selection-set-border-width-buttons);
  border-color: var(--visage-selection-set-border-color-buttons);
  border-radius: var(--visage-selection-set-border-radius-buttons, var(--visage-selection-set-border-radius));
  background: var(--visage-selection-set-background-buttons, var(--visage-color-background));
  transition: var(--visage-selection-set-transition-buttons, all 0.25s)
}
.selection-set.selection-set-skin-buttons .selection-set-label:active,
.selection-set.selection-set-skin-buttons-with-images .selection-set-label:active {
  border-width: var(--visage-selection-set-border-width-buttons-active);
  border-color: var(--visage-selection-set-border-color-buttons-active, var(--visage-selection-set-border-color-active))
}
.selection-set.selection-set-skin-buttons .selection-set-label:hover,
.selection-set.selection-set-skin-buttons-with-images .selection-set-label:hover {
  border-width: var(--visage-selection-set-border-width-buttons-hover, var(--visage-selection-set-border-width-buttons-active));
  border-color: var(--visage-selection-set-border-color-buttons-hover, var(--visage-selection-set-border-color-hover))
}
.selection-set.selection-set-skin-buttons input:checked + .selection-set-label,
.selection-set.selection-set-skin-buttons-with-images input:checked + .selection-set-label {
  background: var(--visage-selection-set-background-buttons-checked, var(--visage-color-background));
  border-color: var(--visage-selection-set-border-color-buttons-checked);
  box-shadow: var(--visage-selection-set-box-shadow-buttons-checked)
}
.selection-set.selection-set-skin-buttons input:focus + .selection-set-label,
.selection-set.selection-set-skin-buttons-with-images input:focus + .selection-set-label {
  border-width: var(--visage-selection-set-border-width-buttons-focus, var(--visage-selection-set-border-width-buttons-active));
  border-color: var(--visage-selection-set-border-color-buttons-focus, var(--visage-selection-set-border-color-buttons-checked));
  box-shadow: var(--visage-selection-set-box-shadow-buttons-focus)
}
.selection-set.selection-set-skin-buttons input:disabled + .selection-set-label,
.selection-set.selection-set-skin-buttons-with-images input:disabled + .selection-set-label {
  background: var(--visage-color-background-disabled)
}
.selection-set.selection-set-skin-buttons-with-images .selection-set-label {
  display: inline-flex;
  justify-content: flex-end;
  min-height: var(--visage-selection-set-min-height-buttons-with-images, 88px);
  padding: var(--visage-selection-set-padding-buttons-with-images);
  height: var(--visage-selection-set-height-buttons-with-images, var(--visage-selection-set-height-buttons));
  border-radius: var(--visage-selection-set-border-radius-buttons-with-images, 0)
}
.selection-set.selection-set-skin-buttons-with-images .selection-set-label img,
.selection-set.selection-set-skin-buttons-with-images .selection-set-label picture {
  display: block;
  margin: var(--visage-selection-set-image-margin-buttons-with-images, 0 auto)
}
.selection-set.selection-set-skin-simple-column {
  display: flex;
  flex-wrap: wrap
}
.selection-set.selection-set-skin-simple-column .selection-set-input {
  margin-top: 4px
}
.selection-set.selection-set-skin-simple-column .selection-set-label {
  display: block;
  flex-basis: calc(calc(100% - (2 * var(--visage-checkbox-width))) - 16px);
  height: auto;
  margin: 0 0 16px 16px;
  padding: 0;
  border: none
}
.selection-set.selection-set-skin-simple-column input:checked + .selection-set-label {
  box-shadow: none
}
.selection-set.selection-set-skin-simple-column input:disabled + .selection-set-label {
  background: none
}
.selection-set.selection-set-skin-simple-column > .selection-set.selection-set-skin-simple-column {
  width: 100%;
  margin: 8px 0 8px 40px
}
.selection-set.selection-set-skin-simple-column + .selection-set-error {
  margin-top: 8px
}