/* SPACES */
:root {
  --space-unit: 1.1rem;

  --space-xxxxs: calc(0.125 * var(--space-unit));
  --space-xxxs: calc(0.25 * var(--space-unit));
  --space-xxs: calc(0.375 * var(--space-unit));
  --space-xs: calc(0.5 * var(--space-unit));
  --space-sm: calc(0.75 * var(--space-unit));
  --space-md: calc(1.25 * var(--space-unit));
  --space-lg: calc(2 * var(--space-unit));
  --space-xl: calc(3.25 * var(--space-unit));
  --space-xxl: calc(5.25 * var(--space-unit));
  --space-xxxl: calc(8.5 * var(--space-unit));
  --space-xxxxl: calc(13.75 * var(--space-unit));
}

/* COLORS */
:root {
  --color-primary: #ef4d08;
  --color-primary-hover: #D6001C;
  --color-primary-active: #D6001C;

  --color-secondary: #f80;
  --color-secondary-hover: #fa2;
  --color-secondary-active: #fc4;

  --color-main-bg: #fff;
  --color-main-text: #000;
}

/* CONTAINER */
:root {
  --container-width: 1596px;
  --container-paddings: var(--space-unit);
}

/* ACTIONS */
:root {
  /* SIZES */
  --actions-main-height: 3.77rem;
  --actions-main-radius: 0px;

  --actions-input-text-height: var(--actions-main-height);
  --actions-input-text-radius: var(--actions-main-radius);

  --actions-btn-height: var(--actions-main-height);
  --actions-btn-radius: var(--actions-main-radius);

  --actions-select-height: var(--actions-main-height);
  --actions-select-radius: var(--actions-main-radius);

  /* STYLES */
  --actions-input-text-bg: transparent;
  --actions-input-text-border: 1px solid currentColor;

  --actions-select-bg: white;
  --actions-select-border: 1px solid #000;

  --actions-select-selection-bg: #000;
  --actions-select-arrow-size: 14px;
  --actions-select-arrow-bg: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 6.84839L11.1192 2.26646C12.4026 0.837162 13.0756 0.102093 13.1385 0.0612557C13.2103 0.0204185 13.2955 -3.07941e-08 13.3942 -2.6479e-08C13.5019 -2.17716e-08 13.6276 0.0653394 13.7712 0.196018C13.9237 0.326697 14 0.445125 14 0.551302C14 0.755488 13.7263 1.13527 13.1788 1.69066C12.6314 2.24604 11.6173 3.35681 10.1365 5.02297C8.65577 6.69729 7.83461 7.61205 7.67308 7.76723C7.51154 7.92241 7.28718 8 7 8C6.80256 8 6.64103 7.95916 6.51538 7.87749C6.38974 7.80398 5.90962 7.30577 5.075 6.38285L2.00577 2.96478C0.785256 1.61715 0.143589 0.906584 0.0807685 0.833077C0.0269231 0.759571 -2.90963e-08 0.665645 -2.40982e-08 0.551301C-1.9457e-08 0.445124 0.0717945 0.326697 0.215384 0.196018C0.367949 0.0653389 0.498076 -5.90188e-07 0.605769 -5.8548e-07C0.758333 -5.78812e-07 0.875 0.0449203 0.955769 0.134762L7 6.84839Z' fill='black'/%3E%3C/svg%3E%0A");
  /* --actions-select-arrow-bg: url("data:image/svg+xml,%3Csvg width='11' height='9' viewBox='0 0 11 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.50098 8.99976L0.000976396 -0.000244149L11.001 -0.000243187L5.50098 8.99976Z' fill='%23E01E28'/%3E%3C/svg%3E%0A"); */
}