:root {
  --black-real: #000;
  --black-real10: rgba(0, 0, 0, 0.1);
  --black: #333;
  --black10: #ebebeb;
  --black30: rgba(51, 51, 51, 0.3);
  --black60: rgba(51, 51, 51, 0.6);
  --black70: rgba(51, 51, 51, 0.7);
  --black-brown: #212121;
  --black-brown70: rgba(33, 33, 33, 0.7);
  --white: #fff;
  --yellow: #ffc845;
  --yellow-dark: #fbb505;
  --gray: #f6f8f9;
  --gray-dark: #e1e7ea;
  --gray-modern: #454545;
  --red-coral: #ffa573;
  --blue: #bce6f9;
  --red-coral-dark: #fe8643;
  --blue-dark: #97d4ef;
  --bright-blue: #05486e;
  --bright-blue60: rgba(5, 72, 110, 0.6);
  --gray-dark-second: #c7d0d6;
  --yellow-light: #fff0ca;
  --yellow-gray: #ece6d4;
  --gray-blue: #dde5ef;
  --gray-blue-light: #e9eef0;
  --gray-yellow: #fdf5e6;
  --red: #ff2e00;
  --red-modern: #e35833;
  --gray-light: #f3f7fa;
  --green: #2eb822;
  --svg-fetch-ring: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23333' fill-rule='evenodd' d='M8 2.6A5.4 5.4 0 1 0 13.4 8a.6.6 0 1 1 1.2 0A6.6 6.6 0 1 1 8 1.4a.6.6 0 0 1 0 1.2Z' clip-rule='evenodd'/%3E%3Cpath fill='%23333' fill-opacity='.3' fill-rule='evenodd' d='M4.182 11.818a5.4 5.4 0 1 0 0-7.636.6.6 0 0 1-.849-.849 6.6 6.6 0 1 1 0 9.334.6.6 0 1 1 .849-.849Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  --svg-arrow-long: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath stroke='%23333' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M7.161 2 1.5 8m0 0 5.661 6M1.5 8H15'/%3E%3C/svg%3E");
  --svg-arrow-yellow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath stroke='%23ffc845' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M2 3h7.001m0 0v7m0-7L2 10'/%3E%3C/svg%3E");
  --svg-arrow-black: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath stroke='%23333' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M2 3h7.001m0 0v7m0-7L2 10'/%3E%3C/svg%3E");
  --svg-arrow-white: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M2 3h7.001m0 0v7m0-7L2 10'/%3E%3C/svg%3E");
  --svg-arrow-bright-blue: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath stroke='%2305486e' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M2 3h7.001m0 0v7m0-7L2 10'/%3E%3C/svg%3E");
  --svg-arrow-thin: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 17 9'%3E%3Cpath stroke='%23333' stroke-linecap='round' stroke-linejoin='round' stroke-opacity='.6' d='M4.774.5 1 4.5m0 0 3.774 4M1 4.5h15'/%3E%3C/svg%3E");
  --svg-angle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 7 10'%3E%3Cpath stroke='%23333' stroke-linecap='round' stroke-linejoin='round' d='m1 1 5 4-4.999 4'/%3E%3C/svg%3E");
  --svg-angle-white: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 7 10'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' d='m1 1 5 4-4.999 4'/%3E%3C/svg%3E");
  --svg-angle-bright-blue: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 7 10'%3E%3Cpath stroke='%2305486e' stroke-linecap='round' stroke-linejoin='round' d='m1 1 5 4-4.999 4'/%3E%3C/svg%3E");
  --svg-angle-yellow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 7 10'%3E%3Cpath stroke='%23ffc845' stroke-linecap='round' stroke-linejoin='round' d='m1 1 5 4-4.999 4'/%3E%3C/svg%3E");
  --svg-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath stroke='%23333' stroke-linecap='round' stroke-width='1.5' d='m7 7 12.728 12.728M20 7 7.272 19.728'/%3E%3C/svg%3E");
  --svg-nav-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23858585' fill-rule='evenodd' d='M2.1 7a5.4 5.4 0 1 1 10.8 0A5.4 5.4 0 0 1 2.1 7ZM7.5.4a6.6 6.6 0 1 0 4.224 11.672l3.352 3.352a.6.6 0 1 0 .849-.848l-3.353-3.353A6.6 6.6 0 0 0 7.5.4Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  --svg-nav-search-mobile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23c7d0d6' viewBox='0 0 20 21'%3E%3Cpath fill-rule='evenodd' d='M15.542 14.784a8.889 8.889 0 1 0-1.884 1.608l4.235 4.234a1.235 1.235 0 1 0 1.745-1.746l-4.096-4.096Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  --svg-delivery: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23333' fill-rule='evenodd' d='M0 12.4c0 .368.298.666.667.666h1.447a2 2 0 0 1 3.772 0h3.447A.667.667 0 0 0 10 12.4v-8a.667.667 0 0 0-.667-.666H.667A.667.667 0 0 0 0 4.399v8Zm4 0a1.333 1.333 0 1 0-.001 2.665A1.333 1.333 0 0 0 4 12.4Zm9.886.666h1.447A.667.667 0 0 0 16 12.4V9.928a.666.666 0 0 0-.105-.36l-1.832-2.861a.667.667 0 0 0-.561-.308h-2.169a.667.667 0 0 0-.666.667v5.176a2 2 0 0 1 3.22.824Zm-.731 0a1.333 1.333 0 1 1-2.31 1.333 1.333 1.333 0 0 1 2.31-1.333Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  --svg-instock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 14 14'%3E%3Crect width='14' height='14' fill='%23D2F8CC' rx='7'/%3E%3Cpath stroke='%23159400' stroke-linecap='round' stroke-linejoin='round' d='M3.805 6.167 6.582 9.5l3.612-5'/%3E%3C/svg%3E");
  --svg-preorder: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 13 13'%3E%3Crect width='12' height='12' x='.75' y='.5' fill='%23FFF0CA' rx='6'/%3E%3Cpath stroke='%234E3700' stroke-linecap='round' stroke-linejoin='round' stroke-width='.686' d='M10.363 6.943h-3.86V3.122'/%3E%3Ccircle cx='6.75' cy='6.5' r='5.655' stroke='%234E3700' stroke-width='.69'/%3E%3C/svg%3E");
  --svg-geo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 18'%3E%3Cpath fill-rule='evenodd' d='M9.255 18a9 9 0 1 0 0-18 9 9 0 0 0 0 18Zm4.19-10.009c0 4.014-4.19 7.41-4.19 7.41s-4.19-3.396-4.19-7.41c0-2.387 1.876-4.322 4.19-4.322 2.314 0 4.19 1.935 4.19 4.322Zm-2.028.03a2.16 2.16 0 1 1-4.32 0 2.16 2.16 0 0 1 4.32 0Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  --svg-checked: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 12 10'%3E%3Cpath stroke='%23333' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m1.5 3.8 4 4.8 5.2-7.2'/%3E%3C/svg%3E");
  --svg-filter: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath stroke='%23333' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M15 6.003 1 6M12 10.001 4 10M10 14H6'/%3E%3C/svg%3E");
  --svg-download: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 17'%3E%3Cpath stroke='%23333' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M12.5 7.579 8 12m0 0L3.5 7.58M8 12V1.5'/%3E%3Cpath stroke='%23333' stroke-width='1.2' d='M14.5 11v3a1 1 0 0 1-1 1h-11a1 1 0 0 1-1-1v-3'/%3E%3C/svg%3E");
  --svg-brush-1: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 261 47'%3E%3Cpath stroke='%23FFC845' stroke-linecap='round' stroke-width='26' d='M247.46 19.46c-48.6-1.23-97.17-7.07-145.6-5.2-27.83 1.08-111.06 4.39-83 9.2 46.1 7.92 92.69 3.6 138.78 7.65 23.53 3.19 44.98 2.55 62.93 2.01'/%3E%3C/svg%3E");
  --svg-brush-2: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 142 44'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath stroke='%23FFC845' stroke-linecap='round' stroke-width='19.42' d='M64.66 16.02C50 18.97 6.14 27.83 21.44 28.03c25.15.34 49.48-5.95 74.28-7.7 9.61-.67 19.28-.78 29.02-.77'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h142v44H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  --svg-brush-3: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 137 45'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath stroke='%23FFC845' stroke-linecap='round' stroke-width='19.42' d='M46.36 23.58c5.6 7.84-45.21-6.13-29.92-5.7 25.14.72 46.93 6.36 71.75 4.99 9.62-.53 24.25 3.3 33.98 3.45'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M.5.5h136v44H.5z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  --svg-brush-4: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 111 51'%3E%3Cpath stroke='%23FFC845' stroke-linecap='round' stroke-width='19.42' d='M51.02 20.48c13.48-.3 51.32 16.2 37.48 11.62-22.75-7.52-24.1 1.14-46.67-3.19-8.75-1.68-17.52-4.22-26.33-6.96'/%3E%3C/svg%3E");
  --svg-brush-5: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 119 54'%3E%3Cpath stroke='%23FFC845' stroke-linecap='round' stroke-width='19.42' d='M67.16 17.4C52.5 20.35 8.64 29.2 23.94 29.4c25.15.34 49.48-5.95 74.28-7.7 9.61-.67-48.24 18.38-38.5 18.39'/%3E%3C/svg%3E")
}