/* line 21, theme.scss */
.option-values.dd-hidden-native > button.option-value,
.option-values.dd-hidden-native > .option-value,
.option-values.dd-hidden-native > label.option-value {
  display: none !important; }
/* line 28, theme.scss */
.option-values.dd-hidden-native > select.dd-select {
  display: block !important; }

/* line 35, theme.scss */
select.dd-select {
  display: block !important;
  width: 100%;
  max-width: 320px;
  margin-top: 6px;
  padding: 10px 12px;
  font-size: 15px;
  line-height: 1.2;
  color: #1a1a1a;
  background: #fff;
  border: 1px solid #d5d8dd;
  border-radius: 8px;
  cursor: pointer;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  appearance: menulist; }
  /* line 53, theme.scss */
  select.dd-select:focus {
    outline: none;
    border-color: #309fe6;
    box-shadow: 0 0 0 3px rgba(48, 159, 230, 0.15); }
  /* line 59, theme.scss */
  select.dd-select:hover {
    border-color: #bec3cb; }
  /* line 63, theme.scss */
  select.dd-select:disabled {
    opacity: 0.5;
    cursor: not-allowed; }

/* line 83, theme.scss */
.option-values.dd-hidden-native > button.option-value,
.option-values.dd-hidden-native > .option-value,
.option-values.dd-hidden-native > label.option-value {
  display: none !important; }
/* line 86, theme.scss */
.option-values.dd-hidden-native > select.dd-select {
  display: inline-block !important; }

/* line 91, theme.scss */
select.dd-select {
  display: inline-block !important;
  width: 100%;
  max-width: 160px;
  margin-top: 6px;
  padding: 10px 12px;
  font-size: 15px;
  line-height: 1.2;
  color: #1a1a1a;
  background: #fff;
  border: 2px solid #309fe6;
  border-radius: 8px;
  cursor: pointer;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  appearance: menulist; }
  /* line 108, theme.scss */
  select.dd-select:focus {
    outline: none;
    border-color: #309fe6;
    box-shadow: 0 0 0 3px rgba(48, 159, 230, 0.2); }
  /* line 113, theme.scss */
  select.dd-select:hover {
    border-color: #1a8bd4; }
  /* line 114, theme.scss */
  select.dd-select:disabled {
    opacity: 0.5;
    cursor: not-allowed; }

/* line 118, theme.scss */
.dd-eyes-row {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  flex-wrap: wrap; }

/* line 124, theme.scss */
.dd-eye {
  display: flex;
  flex-direction: column; }

/* line 128, theme.scss */
.dd-eye-label {
  font-size: 12px;
  font-weight: 600;
  color: #8b93a1;
  margin-bottom: 2px;
  text-transform: uppercase;
  letter-spacing: .3px; }

/* line 136, theme.scss */
.dd-eye-right {
  display: none; }

/* line 137, theme.scss */
.dd-two-eyes .dd-eye-right {
  display: flex; }

/* line 140, theme.scss */
.dd-toggle {
  display: inline-flex;
  padding: 4px;
  margin: 4px 0 16px;
  background: #eef1f5;
  border-radius: 999px;
  user-select: none; }

/* line 148, theme.scss */
.dd-toggle-btn {
  border: 0;
  background: transparent;
  padding: 8px 18px;
  font-size: 14px;
  font-weight: 600;
  color: #5a6472;
  border-radius: 999px;
  cursor: pointer;
  transition: all .2s ease;
  white-space: nowrap; }
  /* line 160, theme.scss */
  .dd-toggle-btn.is-active {
    background: #309fe6;
    color: #fff;
    box-shadow: 0 2px 6px rgba(48, 159, 230, 0.35); }

/* line 167, theme.scss */
.dd-eyes-wrap {
  display: flex;
  gap: 40px;
  align-items: flex-start;
  margin-top: 8px; }

/* line 174, theme.scss */
.dd-eye-col {
  flex: 1 1 0;
  min-width: 0; }
  /* line 179, theme.scss */
  .dd-eye-col > .option,
  .dd-eye-col > [class*="product-option"] {
    margin-bottom: 16px; }

/* line 186, theme.scss */
.dd-eye-title {
  font-size: 13px;
  font-weight: 700;
  color: #309fe6;
  text-transform: uppercase;
  letter-spacing: .4px;
  margin-bottom: 14px;
  padding-bottom: 6px;
  border-bottom: 2px solid rgba(48, 159, 230, 0.25); }

/* line 198, theme.scss */
.dd-eye-right {
  display: none; }

/* line 199, theme.scss */
.dd-eyes-wrap.is-two-eyes .dd-eye-right {
  display: block; }

/* line 203, theme.scss */
.dd-eyes-wrap:not(.is-two-eyes) .dd-eye-left .dd-eye-title {
  display: none; }
/* line 204, theme.scss */
.dd-eyes-wrap:not(.is-two-eyes) .dd-eye-left {
  flex: 1 1 100%; }