@charset "UTF-8";
/* colors */
:root {
  --gray-1: color(display-p3 0.988 0.988 0.988);
  --gray-2: color(display-p3 0.975 0.975 0.975);
  --gray-3: color(display-p3 0.939 0.939 0.939);
  --gray-4: color(display-p3 0.908 0.908 0.908);
  --gray-5: color(display-p3 0.88 0.88 0.88);
  --gray-6: color(display-p3 0.849 0.849 0.849);
  --gray-7: color(display-p3 0.807 0.807 0.807);
  --gray-8: color(display-p3 0.732 0.732 0.732);
  --gray-9: color(display-p3 0.553 0.553 0.553);
  --gray-10: color(display-p3 0.512 0.512 0.512);
  --gray-11: color(display-p3 0.392 0.392 0.392);
  --gray-12: color(display-p3 0.125 0.125 0.125);
  --gray-a1: color(display-p3 0 0 0 / 0.012);
  --gray-a2: color(display-p3 0 0 0 / 0.024);
  --gray-a3: color(display-p3 0 0 0 / 0.063);
  --gray-a4: color(display-p3 0 0 0 / 0.09);
  --gray-a5: color(display-p3 0 0 0 / 0.122);
  --gray-a6: color(display-p3 0 0 0 / 0.153);
  --gray-a7: color(display-p3 0 0 0 / 0.192);
  --gray-a8: color(display-p3 0 0 0 / 0.267);
  --gray-a9: color(display-p3 0 0 0 / 0.447);
  --gray-a10: color(display-p3 0 0 0 / 0.486);
  --gray-a11: color(display-p3 0 0 0 / 0.608);
  --gray-a12: color(display-p3 0 0 0 / 0.875);
  --mauve-1: color(display-p3 0.991 0.988 0.992);
  --mauve-2: color(display-p3 0.98 0.976 0.984);
  --mauve-3: color(display-p3 0.946 0.938 0.952);
  --mauve-4: color(display-p3 0.915 0.906 0.925);
  --mauve-5: color(display-p3 0.886 0.876 0.901);
  --mauve-6: color(display-p3 0.856 0.846 0.875);
  --mauve-7: color(display-p3 0.814 0.804 0.84);
  --mauve-8: color(display-p3 0.735 0.728 0.777);
  --mauve-9: color(display-p3 0.555 0.549 0.596);
  --mauve-10: color(display-p3 0.514 0.508 0.552);
  --mauve-11: color(display-p3 0.395 0.388 0.424);
  --mauve-12: color(display-p3 0.128 0.122 0.147);
  --mauve-a1: color(display-p3 0.349 0.024 0.349 / 0.012);
  --mauve-a2: color(display-p3 0.184 0.024 0.349 / 0.024);
  --mauve-a3: color(display-p3 0.129 0.008 0.255 / 0.063);
  --mauve-a4: color(display-p3 0.094 0.012 0.216 / 0.095);
  --mauve-a5: color(display-p3 0.098 0.008 0.224 / 0.126);
  --mauve-a6: color(display-p3 0.055 0.004 0.18 / 0.153);
  --mauve-a7: color(display-p3 0.067 0.008 0.184 / 0.197);
  --mauve-a8: color(display-p3 0.02 0.004 0.176 / 0.271);
  --mauve-a9: color(display-p3 0.02 0.004 0.106 / 0.451);
  --mauve-a10: color(display-p3 0.012 0.004 0.09 / 0.491);
  --mauve-a11: color(display-p3 0.016 0 0.059 / 0.612);
  --mauve-a12: color(display-p3 0.008 0 0.027 / 0.879);
  --slate-1: color(display-p3 0.988 0.988 0.992);
  --slate-2: color(display-p3 0.976 0.976 0.984);
  --slate-3: color(display-p3 0.94 0.941 0.953);
  --slate-4: color(display-p3 0.908 0.909 0.925);
  --slate-5: color(display-p3 0.88 0.881 0.901);
  --slate-6: color(display-p3 0.85 0.852 0.876);
  --slate-7: color(display-p3 0.805 0.808 0.838);
  --slate-8: color(display-p3 0.727 0.733 0.773);
  --slate-9: color(display-p3 0.547 0.553 0.592);
  --slate-10: color(display-p3 0.503 0.512 0.549);
  --slate-11: color(display-p3 0.379 0.392 0.421);
  --slate-12: color(display-p3 0.113 0.125 0.14);
  --slate-a1: color(display-p3 0.024 0.024 0.349 / 0.012);
  --slate-a2: color(display-p3 0.024 0.024 0.349 / 0.024);
  --slate-a3: color(display-p3 0.004 0.004 0.204 / 0.059);
  --slate-a4: color(display-p3 0.012 0.012 0.184 / 0.091);
  --slate-a5: color(display-p3 0.004 0.039 0.2 / 0.122);
  --slate-a6: color(display-p3 0.008 0.008 0.165 / 0.15);
  --slate-a7: color(display-p3 0.008 0.027 0.184 / 0.197);
  --slate-a8: color(display-p3 0.004 0.031 0.176 / 0.275);
  --slate-a9: color(display-p3 0.004 0.02 0.106 / 0.455);
  --slate-a10: color(display-p3 0.004 0.027 0.098 / 0.499);
  --slate-a11: color(display-p3 0 0.02 0.063 / 0.62);
  --slate-a12: color(display-p3 0 0.012 0.031 / 0.887);
  --sage-1: color(display-p3 0.986 0.992 0.988);
  --sage-2: color(display-p3 0.97 0.977 0.974);
  --sage-3: color(display-p3 0.935 0.944 0.94);
  --sage-4: color(display-p3 0.904 0.913 0.909);
  --sage-5: color(display-p3 0.875 0.885 0.88);
  --sage-6: color(display-p3 0.844 0.854 0.849);
  --sage-7: color(display-p3 0.8 0.811 0.806);
  --sage-8: color(display-p3 0.725 0.738 0.732);
  --sage-9: color(display-p3 0.531 0.556 0.546);
  --sage-10: color(display-p3 0.492 0.515 0.506);
  --sage-11: color(display-p3 0.377 0.395 0.389);
  --sage-12: color(display-p3 0.107 0.129 0.118);
  --sage-a1: color(display-p3 0.024 0.514 0.267 / 0.016);
  --sage-a2: color(display-p3 0.02 0.267 0.145 / 0.032);
  --sage-a3: color(display-p3 0.008 0.184 0.125 / 0.067);
  --sage-a4: color(display-p3 0.012 0.094 0.051 / 0.095);
  --sage-a5: color(display-p3 0.008 0.098 0.035 / 0.126);
  --sage-a6: color(display-p3 0.004 0.078 0.027 / 0.157);
  --sage-a7: color(display-p3 0 0.059 0.039 / 0.2);
  --sage-a8: color(display-p3 0.004 0.047 0.031 / 0.275);
  --sage-a9: color(display-p3 0.004 0.059 0.035 / 0.471);
  --sage-a10: color(display-p3 0 0.047 0.031 / 0.51);
  --sage-a11: color(display-p3 0 0.031 0.02 / 0.624);
  --sage-a12: color(display-p3 0 0.027 0.012 / 0.895);
  --olive-1: color(display-p3 0.989 0.992 0.989);
  --olive-2: color(display-p3 0.974 0.98 0.973);
  --olive-3: color(display-p3 0.939 0.945 0.937);
  --olive-4: color(display-p3 0.907 0.914 0.905);
  --olive-5: color(display-p3 0.878 0.885 0.875);
  --olive-6: color(display-p3 0.846 0.855 0.843);
  --olive-7: color(display-p3 0.803 0.812 0.8);
  --olive-8: color(display-p3 0.727 0.738 0.723);
  --olive-9: color(display-p3 0.541 0.556 0.532);
  --olive-10: color(display-p3 0.5 0.515 0.491);
  --olive-11: color(display-p3 0.38 0.395 0.374);
  --olive-12: color(display-p3 0.117 0.129 0.111);
  --olive-a1: color(display-p3 0.024 0.349 0.024 / 0.012);
  --olive-a2: color(display-p3 0.024 0.302 0.024 / 0.028);
  --olive-a3: color(display-p3 0.008 0.129 0.008 / 0.063);
  --olive-a4: color(display-p3 0.012 0.094 0.012 / 0.095);
  --olive-a5: color(display-p3 0.035 0.098 0.008 / 0.126);
  --olive-a6: color(display-p3 0.027 0.078 0.004 / 0.157);
  --olive-a7: color(display-p3 0.02 0.059 0 / 0.2);
  --olive-a8: color(display-p3 0.02 0.059 0.004 / 0.279);
  --olive-a9: color(display-p3 0.02 0.051 0.004 / 0.467);
  --olive-a10: color(display-p3 0.024 0.047 0 / 0.51);
  --olive-a11: color(display-p3 0.012 0.039 0 / 0.628);
  --olive-a12: color(display-p3 0.008 0.024 0 / 0.891);
  --sand-1: color(display-p3 0.992 0.992 0.989);
  --sand-2: color(display-p3 0.977 0.977 0.973);
  --sand-3: color(display-p3 0.943 0.942 0.936);
  --sand-4: color(display-p3 0.913 0.912 0.903);
  --sand-5: color(display-p3 0.885 0.883 0.873);
  --sand-6: color(display-p3 0.854 0.852 0.839);
  --sand-7: color(display-p3 0.813 0.81 0.794);
  --sand-8: color(display-p3 0.738 0.734 0.713);
  --sand-9: color(display-p3 0.553 0.553 0.528);
  --sand-10: color(display-p3 0.511 0.511 0.488);
  --sand-11: color(display-p3 0.388 0.388 0.37);
  --sand-12: color(display-p3 0.129 0.126 0.111);
  --sand-a1: color(display-p3 0.349 0.349 0.024 / 0.012);
  --sand-a2: color(display-p3 0.161 0.161 0.024 / 0.028);
  --sand-a3: color(display-p3 0.067 0.067 0.008 / 0.063);
  --sand-a4: color(display-p3 0.129 0.129 0.012 / 0.099);
  --sand-a5: color(display-p3 0.098 0.067 0.008 / 0.126);
  --sand-a6: color(display-p3 0.102 0.075 0.004 / 0.161);
  --sand-a7: color(display-p3 0.098 0.098 0.004 / 0.208);
  --sand-a8: color(display-p3 0.086 0.075 0.004 / 0.287);
  --sand-a9: color(display-p3 0.051 0.051 0.004 / 0.471);
  --sand-a10: color(display-p3 0.047 0.047 0 / 0.514);
  --sand-a11: color(display-p3 0.031 0.031 0 / 0.632);
  --sand-a12: color(display-p3 0.024 0.02 0 / 0.891);
  --tomato-1: color(display-p3 0.998 0.989 0.988);
  --tomato-2: color(display-p3 0.994 0.974 0.969);
  --tomato-3: color(display-p3 0.985 0.924 0.909);
  --tomato-4: color(display-p3 0.996 0.868 0.835);
  --tomato-5: color(display-p3 0.98 0.812 0.77);
  --tomato-6: color(display-p3 0.953 0.75 0.698);
  --tomato-7: color(display-p3 0.917 0.673 0.611);
  --tomato-8: color(display-p3 0.875 0.575 0.502);
  --tomato-9: color(display-p3 0.831 0.345 0.231);
  --tomato-10: color(display-p3 0.802 0.313 0.2);
  --tomato-11: color(display-p3 0.755 0.259 0.152);
  --tomato-12: color(display-p3 0.335 0.165 0.132);
  --tomato-a1: color(display-p3 0.675 0.024 0.024 / 0.012);
  --tomato-a2: color(display-p3 0.757 0.145 0.02 / 0.032);
  --tomato-a3: color(display-p3 0.831 0.184 0.012 / 0.091);
  --tomato-a4: color(display-p3 0.976 0.192 0.004 / 0.165);
  --tomato-a5: color(display-p3 0.918 0.192 0.004 / 0.232);
  --tomato-a6: color(display-p3 0.847 0.173 0.004 / 0.302);
  --tomato-a7: color(display-p3 0.788 0.165 0.004 / 0.389);
  --tomato-a8: color(display-p3 0.749 0.153 0.004 / 0.499);
  --tomato-a9: color(display-p3 0.78 0.149 0 / 0.769);
  --tomato-a10: color(display-p3 0.757 0.141 0 / 0.8);
  --tomato-a11: color(display-p3 0.755 0.259 0.152);
  --tomato-a12: color(display-p3 0.335 0.165 0.132);
  --red-1: color(display-p3 0.998 0.989 0.988);
  --red-2: color(display-p3 0.995 0.971 0.971);
  --red-3: color(display-p3 0.985 0.925 0.925);
  --red-4: color(display-p3 0.999 0.866 0.866);
  --red-5: color(display-p3 0.984 0.812 0.811);
  --red-6: color(display-p3 0.955 0.751 0.749);
  --red-7: color(display-p3 0.915 0.675 0.672);
  --red-8: color(display-p3 0.872 0.575 0.572);
  --red-9: color(display-p3 0.83 0.329 0.324);
  --red-10: color(display-p3 0.798 0.294 0.285);
  --red-11: color(display-p3 0.744 0.234 0.222);
  --red-12: color(display-p3 0.36 0.115 0.143);
  --red-a1: color(display-p3 0.675 0.024 0.024 / 0.012);
  --red-a2: color(display-p3 0.863 0.024 0.024 / 0.028);
  --red-a3: color(display-p3 0.792 0.008 0.008 / 0.075);
  --red-a4: color(display-p3 1 0.008 0.008 / 0.134);
  --red-a5: color(display-p3 0.918 0.008 0.008 / 0.189);
  --red-a6: color(display-p3 0.831 0.02 0.004 / 0.251);
  --red-a7: color(display-p3 0.741 0.016 0.004 / 0.33);
  --red-a8: color(display-p3 0.698 0.012 0.004 / 0.428);
  --red-a9: color(display-p3 0.749 0.008 0 / 0.675);
  --red-a10: color(display-p3 0.714 0.012 0 / 0.714);
  --red-a11: color(display-p3 0.744 0.234 0.222);
  --red-a12: color(display-p3 0.36 0.115 0.143);
  --ruby-1: color(display-p3 0.998 0.989 0.992);
  --ruby-2: color(display-p3 0.995 0.971 0.974);
  --ruby-3: color(display-p3 0.983 0.92 0.928);
  --ruby-4: color(display-p3 0.987 0.869 0.885);
  --ruby-5: color(display-p3 0.968 0.817 0.839);
  --ruby-6: color(display-p3 0.937 0.758 0.786);
  --ruby-7: color(display-p3 0.897 0.685 0.721);
  --ruby-8: color(display-p3 0.851 0.588 0.639);
  --ruby-9: color(display-p3 0.83 0.323 0.408);
  --ruby-10: color(display-p3 0.795 0.286 0.375);
  --ruby-11: color(display-p3 0.728 0.211 0.311);
  --ruby-12: color(display-p3 0.36 0.115 0.171);
  --ruby-a1: color(display-p3 0.675 0.024 0.349 / 0.012);
  --ruby-a2: color(display-p3 0.863 0.024 0.024 / 0.028);
  --ruby-a3: color(display-p3 0.804 0.008 0.11 / 0.079);
  --ruby-a4: color(display-p3 0.91 0.008 0.125 / 0.13);
  --ruby-a5: color(display-p3 0.831 0.004 0.133 / 0.185);
  --ruby-a6: color(display-p3 0.745 0.004 0.118 / 0.244);
  --ruby-a7: color(display-p3 0.678 0.004 0.114 / 0.314);
  --ruby-a8: color(display-p3 0.639 0.004 0.125 / 0.412);
  --ruby-a9: color(display-p3 0.753 0 0.129 / 0.679);
  --ruby-a10: color(display-p3 0.714 0 0.125 / 0.714);
  --ruby-a11: color(display-p3 0.728 0.211 0.311);
  --ruby-a12: color(display-p3 0.36 0.115 0.171);
  --crimson-1: color(display-p3 0.998 0.989 0.992);
  --crimson-2: color(display-p3 0.991 0.969 0.976);
  --crimson-3: color(display-p3 0.987 0.917 0.941);
  --crimson-4: color(display-p3 0.975 0.866 0.904);
  --crimson-5: color(display-p3 0.953 0.813 0.864);
  --crimson-6: color(display-p3 0.921 0.755 0.817);
  --crimson-7: color(display-p3 0.88 0.683 0.761);
  --crimson-8: color(display-p3 0.834 0.592 0.694);
  --crimson-9: color(display-p3 0.843 0.298 0.507);
  --crimson-10: color(display-p3 0.807 0.266 0.468);
  --crimson-11: color(display-p3 0.731 0.195 0.388);
  --crimson-12: color(display-p3 0.352 0.111 0.221);
  --crimson-a1: color(display-p3 0.675 0.024 0.349 / 0.012);
  --crimson-a2: color(display-p3 0.757 0.02 0.267 / 0.032);
  --crimson-a3: color(display-p3 0.859 0.008 0.294 / 0.083);
  --crimson-a4: color(display-p3 0.827 0.008 0.298 / 0.134);
  --crimson-a5: color(display-p3 0.753 0.008 0.275 / 0.189);
  --crimson-a6: color(display-p3 0.682 0.004 0.247 / 0.244);
  --crimson-a7: color(display-p3 0.62 0.004 0.251 / 0.318);
  --crimson-a8: color(display-p3 0.6 0.004 0.251 / 0.408);
  --crimson-a9: color(display-p3 0.776 0 0.298 / 0.702);
  --crimson-a10: color(display-p3 0.737 0 0.275 / 0.734);
  --crimson-a11: color(display-p3 0.731 0.195 0.388);
  --crimson-a12: color(display-p3 0.352 0.111 0.221);
  --pink-1: color(display-p3 0.998 0.989 0.996);
  --pink-2: color(display-p3 0.992 0.97 0.985);
  --pink-3: color(display-p3 0.981 0.917 0.96);
  --pink-4: color(display-p3 0.963 0.867 0.932);
  --pink-5: color(display-p3 0.939 0.815 0.899);
  --pink-6: color(display-p3 0.907 0.756 0.859);
  --pink-7: color(display-p3 0.869 0.683 0.81);
  --pink-8: color(display-p3 0.825 0.59 0.751);
  --pink-9: color(display-p3 0.775 0.297 0.61);
  --pink-10: color(display-p3 0.748 0.27 0.581);
  --pink-11: color(display-p3 0.698 0.219 0.528);
  --pink-12: color(display-p3 0.363 0.101 0.279);
  --pink-a1: color(display-p3 0.675 0.024 0.675 / 0.012);
  --pink-a2: color(display-p3 0.757 0.02 0.51 / 0.032);
  --pink-a3: color(display-p3 0.765 0.008 0.529 / 0.083);
  --pink-a4: color(display-p3 0.737 0.008 0.506 / 0.134);
  --pink-a5: color(display-p3 0.663 0.004 0.451 / 0.185);
  --pink-a6: color(display-p3 0.616 0.004 0.424 / 0.244);
  --pink-a7: color(display-p3 0.596 0.004 0.412 / 0.318);
  --pink-a8: color(display-p3 0.573 0.004 0.404 / 0.412);
  --pink-a9: color(display-p3 0.682 0 0.447 / 0.702);
  --pink-a10: color(display-p3 0.655 0 0.424 / 0.73);
  --pink-a11: color(display-p3 0.698 0.219 0.528);
  --pink-a12: color(display-p3 0.363 0.101 0.279);
  --plum-1: color(display-p3 0.995 0.988 0.999);
  --plum-2: color(display-p3 0.988 0.971 0.99);
  --plum-3: color(display-p3 0.973 0.923 0.98);
  --plum-4: color(display-p3 0.953 0.875 0.966);
  --plum-5: color(display-p3 0.926 0.825 0.945);
  --plum-6: color(display-p3 0.89 0.765 0.916);
  --plum-7: color(display-p3 0.84 0.686 0.877);
  --plum-8: color(display-p3 0.775 0.58 0.832);
  --plum-9: color(display-p3 0.624 0.313 0.708);
  --plum-10: color(display-p3 0.587 0.29 0.667);
  --plum-11: color(display-p3 0.543 0.263 0.619);
  --plum-12: color(display-p3 0.299 0.114 0.352);
  --plum-a1: color(display-p3 0.675 0.024 1 / 0.012);
  --plum-a2: color(display-p3 0.58 0.024 0.58 / 0.028);
  --plum-a3: color(display-p3 0.655 0.008 0.753 / 0.079);
  --plum-a4: color(display-p3 0.627 0.008 0.722 / 0.126);
  --plum-a5: color(display-p3 0.58 0.004 0.69 / 0.177);
  --plum-a6: color(display-p3 0.537 0.004 0.655 / 0.236);
  --plum-a7: color(display-p3 0.49 0.004 0.616 / 0.314);
  --plum-a8: color(display-p3 0.471 0.004 0.6 / 0.42);
  --plum-a9: color(display-p3 0.451 0 0.576 / 0.687);
  --plum-a10: color(display-p3 0.42 0 0.529 / 0.71);
  --plum-a11: color(display-p3 0.543 0.263 0.619);
  --plum-a12: color(display-p3 0.299 0.114 0.352);
  --purple-1: color(display-p3 0.995 0.988 0.996);
  --purple-2: color(display-p3 0.983 0.971 0.993);
  --purple-3: color(display-p3 0.963 0.931 0.989);
  --purple-4: color(display-p3 0.937 0.888 0.981);
  --purple-5: color(display-p3 0.904 0.837 0.966);
  --purple-6: color(display-p3 0.86 0.774 0.942);
  --purple-7: color(display-p3 0.799 0.69 0.91);
  --purple-8: color(display-p3 0.719 0.583 0.874);
  --purple-9: color(display-p3 0.523 0.318 0.751);
  --purple-10: color(display-p3 0.483 0.289 0.7);
  --purple-11: color(display-p3 0.473 0.281 0.687);
  --purple-12: color(display-p3 0.234 0.132 0.363);
  --purple-a1: color(display-p3 0.675 0.024 0.675 / 0.012);
  --purple-a2: color(display-p3 0.443 0.024 0.722 / 0.028);
  --purple-a3: color(display-p3 0.506 0.008 0.835 / 0.071);
  --purple-a4: color(display-p3 0.451 0.004 0.831 / 0.114);
  --purple-a5: color(display-p3 0.431 0.004 0.788 / 0.165);
  --purple-a6: color(display-p3 0.384 0.004 0.745 / 0.228);
  --purple-a7: color(display-p3 0.357 0.004 0.71 / 0.31);
  --purple-a8: color(display-p3 0.322 0.004 0.702 / 0.416);
  --purple-a9: color(display-p3 0.298 0 0.639 / 0.683);
  --purple-a10: color(display-p3 0.271 0 0.58 / 0.71);
  --purple-a11: color(display-p3 0.473 0.281 0.687);
  --purple-a12: color(display-p3 0.234 0.132 0.363);
  --violet-1: color(display-p3 0.991 0.988 0.995);
  --violet-2: color(display-p3 0.978 0.974 0.998);
  --violet-3: color(display-p3 0.953 0.943 0.993);
  --violet-4: color(display-p3 0.916 0.897 1);
  --violet-5: color(display-p3 0.876 0.851 1);
  --violet-6: color(display-p3 0.825 0.793 0.981);
  --violet-7: color(display-p3 0.752 0.712 0.943);
  --violet-8: color(display-p3 0.654 0.602 0.902);
  --violet-9: color(display-p3 0.417 0.341 0.784);
  --violet-10: color(display-p3 0.381 0.306 0.741);
  --violet-11: color(display-p3 0.383 0.317 0.702);
  --violet-12: color(display-p3 0.179 0.15 0.359);
  --violet-a1: color(display-p3 0.349 0.024 0.675 / 0.012);
  --violet-a2: color(display-p3 0.161 0.024 0.863 / 0.028);
  --violet-a3: color(display-p3 0.204 0.004 0.871 / 0.059);
  --violet-a4: color(display-p3 0.196 0.004 1 / 0.102);
  --violet-a5: color(display-p3 0.165 0.008 1 / 0.15);
  --violet-a6: color(display-p3 0.153 0.004 0.906 / 0.208);
  --violet-a7: color(display-p3 0.141 0.004 0.796 / 0.287);
  --violet-a8: color(display-p3 0.133 0.004 0.753 / 0.397);
  --violet-a9: color(display-p3 0.114 0 0.675 / 0.659);
  --violet-a10: color(display-p3 0.11 0 0.627 / 0.695);
  --violet-a11: color(display-p3 0.383 0.317 0.702);
  --violet-a12: color(display-p3 0.179 0.15 0.359);
  --iris-1: color(display-p3 0.992 0.992 0.999);
  --iris-2: color(display-p3 0.972 0.973 0.998);
  --iris-3: color(display-p3 0.943 0.945 0.992);
  --iris-4: color(display-p3 0.902 0.906 1);
  --iris-5: color(display-p3 0.857 0.861 1);
  --iris-6: color(display-p3 0.799 0.805 0.987);
  --iris-7: color(display-p3 0.721 0.727 0.955);
  --iris-8: color(display-p3 0.61 0.619 0.918);
  --iris-9: color(display-p3 0.357 0.357 0.81);
  --iris-10: color(display-p3 0.318 0.318 0.774);
  --iris-11: color(display-p3 0.337 0.326 0.748);
  --iris-12: color(display-p3 0.154 0.161 0.371);
  --iris-a1: color(display-p3 0.02 0.02 1 / 0.008);
  --iris-a2: color(display-p3 0.024 0.024 0.863 / 0.028);
  --iris-a3: color(display-p3 0.004 0.071 0.871 / 0.059);
  --iris-a4: color(display-p3 0.012 0.051 1 / 0.099);
  --iris-a5: color(display-p3 0.008 0.035 1 / 0.142);
  --iris-a6: color(display-p3 0 0.02 0.941 / 0.2);
  --iris-a7: color(display-p3 0.004 0.02 0.847 / 0.279);
  --iris-a8: color(display-p3 0.004 0.024 0.788 / 0.389);
  --iris-a9: color(display-p3 0 0 0.706 / 0.644);
  --iris-a10: color(display-p3 0 0 0.667 / 0.683);
  --iris-a11: color(display-p3 0.337 0.326 0.748);
  --iris-a12: color(display-p3 0.154 0.161 0.371);
  --indigo-1: color(display-p3 0.992 0.992 0.996);
  --indigo-2: color(display-p3 0.971 0.977 0.998);
  --indigo-3: color(display-p3 0.933 0.948 0.992);
  --indigo-4: color(display-p3 0.885 0.914 1);
  --indigo-5: color(display-p3 0.831 0.87 1);
  --indigo-6: color(display-p3 0.767 0.814 0.995);
  --indigo-7: color(display-p3 0.685 0.74 0.957);
  --indigo-8: color(display-p3 0.569 0.639 0.916);
  --indigo-9: color(display-p3 0.276 0.384 0.837);
  --indigo-10: color(display-p3 0.234 0.343 0.801);
  --indigo-11: color(display-p3 0.256 0.354 0.755);
  --indigo-12: color(display-p3 0.133 0.175 0.348);
  --indigo-a1: color(display-p3 0.02 0.02 0.51 / 0.008);
  --indigo-a2: color(display-p3 0.024 0.161 0.863 / 0.028);
  --indigo-a3: color(display-p3 0.008 0.239 0.886 / 0.067);
  --indigo-a4: color(display-p3 0.004 0.247 1 / 0.114);
  --indigo-a5: color(display-p3 0.004 0.235 1 / 0.169);
  --indigo-a6: color(display-p3 0.004 0.208 0.984 / 0.232);
  --indigo-a7: color(display-p3 0.004 0.176 0.863 / 0.314);
  --indigo-a8: color(display-p3 0.004 0.165 0.812 / 0.432);
  --indigo-a9: color(display-p3 0 0.153 0.773 / 0.726);
  --indigo-a10: color(display-p3 0 0.137 0.737 / 0.765);
  --indigo-a11: color(display-p3 0.256 0.354 0.755);
  --indigo-a12: color(display-p3 0.133 0.175 0.348);
  --blue-1: color(display-p3 0.986 0.992 0.999);
  --blue-2: color(display-p3 0.96 0.979 0.998);
  --blue-3: color(display-p3 0.912 0.956 0.991);
  --blue-4: color(display-p3 0.853 0.932 1);
  --blue-5: color(display-p3 0.788 0.894 0.998);
  --blue-6: color(display-p3 0.709 0.843 0.976);
  --blue-7: color(display-p3 0.606 0.777 0.947);
  --blue-8: color(display-p3 0.451 0.688 0.917);
  --blue-9: color(display-p3 0.247 0.556 0.969);
  --blue-10: color(display-p3 0.234 0.523 0.912);
  --blue-11: color(display-p3 0.15 0.44 0.84);
  --blue-12: color(display-p3 0.102 0.193 0.379);
  --blue-a1: color(display-p3 0.024 0.514 1 / 0.016);
  --blue-a2: color(display-p3 0.024 0.514 0.906 / 0.04);
  --blue-a3: color(display-p3 0.012 0.506 0.914 / 0.087);
  --blue-a4: color(display-p3 0.008 0.545 1 / 0.146);
  --blue-a5: color(display-p3 0.004 0.502 0.984 / 0.212);
  --blue-a6: color(display-p3 0.004 0.463 0.922 / 0.291);
  --blue-a7: color(display-p3 0.004 0.431 0.863 / 0.393);
  --blue-a8: color(display-p3 0 0.427 0.851 / 0.55);
  --blue-a9: color(display-p3 0 0.412 0.961 / 0.753);
  --blue-a10: color(display-p3 0 0.376 0.886 / 0.765);
  --blue-a11: color(display-p3 0.15 0.44 0.84);
  --blue-a12: color(display-p3 0.102 0.193 0.379);
  --cyan-1: color(display-p3 0.982 0.992 0.996);
  --cyan-2: color(display-p3 0.955 0.981 0.984);
  --cyan-3: color(display-p3 0.888 0.965 0.975);
  --cyan-4: color(display-p3 0.821 0.941 0.959);
  --cyan-5: color(display-p3 0.751 0.907 0.935);
  --cyan-6: color(display-p3 0.671 0.862 0.9);
  --cyan-7: color(display-p3 0.564 0.8 0.854);
  --cyan-8: color(display-p3 0.388 0.715 0.798);
  --cyan-9: color(display-p3 0.282 0.627 0.765);
  --cyan-10: color(display-p3 0.264 0.583 0.71);
  --cyan-11: color(display-p3 0.08 0.48 0.63);
  --cyan-12: color(display-p3 0.108 0.232 0.277);
  --cyan-a1: color(display-p3 0.02 0.608 0.804 / 0.02);
  --cyan-a2: color(display-p3 0.02 0.557 0.647 / 0.044);
  --cyan-a3: color(display-p3 0.004 0.694 0.796 / 0.114);
  --cyan-a4: color(display-p3 0.004 0.678 0.784 / 0.181);
  --cyan-a5: color(display-p3 0.004 0.624 0.733 / 0.248);
  --cyan-a6: color(display-p3 0.004 0.584 0.706 / 0.33);
  --cyan-a7: color(display-p3 0.004 0.541 0.667 / 0.436);
  --cyan-a8: color(display-p3 0 0.533 0.667 / 0.612);
  --cyan-a9: color(display-p3 0 0.482 0.675 / 0.718);
  --cyan-a10: color(display-p3 0 0.435 0.608 / 0.738);
  --cyan-a11: color(display-p3 0.08 0.48 0.63);
  --cyan-a12: color(display-p3 0.108 0.232 0.277);
  --teal-1: color(display-p3 0.983 0.996 0.992);
  --teal-2: color(display-p3 0.958 0.983 0.976);
  --teal-3: color(display-p3 0.895 0.971 0.952);
  --teal-4: color(display-p3 0.831 0.949 0.92);
  --teal-5: color(display-p3 0.761 0.914 0.878);
  --teal-6: color(display-p3 0.682 0.864 0.825);
  --teal-7: color(display-p3 0.581 0.798 0.756);
  --teal-8: color(display-p3 0.433 0.716 0.671);
  --teal-9: color(display-p3 0.297 0.637 0.581);
  --teal-10: color(display-p3 0.275 0.599 0.542);
  --teal-11: color(display-p3 0.08 0.5 0.43);
  --teal-12: color(display-p3 0.11 0.235 0.219);
  --teal-a1: color(display-p3 0.024 0.757 0.514 / 0.016);
  --teal-a2: color(display-p3 0.02 0.647 0.467 / 0.044);
  --teal-a3: color(display-p3 0.004 0.741 0.557 / 0.106);
  --teal-a4: color(display-p3 0.004 0.702 0.537 / 0.169);
  --teal-a5: color(display-p3 0.004 0.643 0.494 / 0.24);
  --teal-a6: color(display-p3 0.004 0.569 0.447 / 0.318);
  --teal-a7: color(display-p3 0.004 0.518 0.424 / 0.42);
  --teal-a8: color(display-p3 0 0.506 0.424 / 0.569);
  --teal-a9: color(display-p3 0 0.482 0.404 / 0.702);
  --teal-a10: color(display-p3 0 0.451 0.369 / 0.726);
  --teal-a11: color(display-p3 0.08 0.5 0.43);
  --teal-a12: color(display-p3 0.11 0.235 0.219);
  --jade-1: color(display-p3 0.986 0.996 0.992);
  --jade-2: color(display-p3 0.962 0.983 0.969);
  --jade-3: color(display-p3 0.912 0.965 0.932);
  --jade-4: color(display-p3 0.858 0.941 0.893);
  --jade-5: color(display-p3 0.795 0.909 0.847);
  --jade-6: color(display-p3 0.715 0.864 0.791);
  --jade-7: color(display-p3 0.603 0.802 0.718);
  --jade-8: color(display-p3 0.44 0.72 0.629);
  --jade-9: color(display-p3 0.319 0.63 0.521);
  --jade-10: color(display-p3 0.299 0.592 0.488);
  --jade-11: color(display-p3 0.15 0.5 0.37);
  --jade-12: color(display-p3 0.142 0.229 0.194);
  --jade-a1: color(display-p3 0.024 0.757 0.514 / 0.016);
  --jade-a2: color(display-p3 0.024 0.612 0.22 / 0.04);
  --jade-a3: color(display-p3 0.012 0.596 0.235 / 0.087);
  --jade-a4: color(display-p3 0.008 0.588 0.255 / 0.142);
  --jade-a5: color(display-p3 0.004 0.561 0.251 / 0.204);
  --jade-a6: color(display-p3 0.004 0.525 0.278 / 0.287);
  --jade-a7: color(display-p3 0.004 0.506 0.29 / 0.397);
  --jade-a8: color(display-p3 0 0.506 0.337 / 0.561);
  --jade-a9: color(display-p3 0 0.459 0.298 / 0.683);
  --jade-a10: color(display-p3 0 0.42 0.271 / 0.702);
  --jade-a11: color(display-p3 0.15 0.5 0.37);
  --jade-a12: color(display-p3 0.142 0.229 0.194);
  --green-1: color(display-p3 0.986 0.996 0.989);
  --green-2: color(display-p3 0.963 0.983 0.967);
  --green-3: color(display-p3 0.913 0.964 0.925);
  --green-4: color(display-p3 0.859 0.94 0.879);
  --green-5: color(display-p3 0.796 0.907 0.826);
  --green-6: color(display-p3 0.718 0.863 0.761);
  --green-7: color(display-p3 0.61 0.801 0.675);
  --green-8: color(display-p3 0.451 0.715 0.559);
  --green-9: color(display-p3 0.332 0.634 0.442);
  --green-10: color(display-p3 0.308 0.595 0.417);
  --green-11: color(display-p3 0.19 0.5 0.32);
  --green-12: color(display-p3 0.132 0.228 0.18);
  --green-a1: color(display-p3 0.024 0.757 0.267 / 0.016);
  --green-a2: color(display-p3 0.024 0.565 0.129 / 0.036);
  --green-a3: color(display-p3 0.012 0.596 0.145 / 0.087);
  --green-a4: color(display-p3 0.008 0.588 0.145 / 0.142);
  --green-a5: color(display-p3 0.004 0.541 0.157 / 0.204);
  --green-a6: color(display-p3 0.004 0.518 0.157 / 0.283);
  --green-a7: color(display-p3 0.004 0.486 0.165 / 0.389);
  --green-a8: color(display-p3 0 0.478 0.2 / 0.55);
  --green-a9: color(display-p3 0 0.455 0.165 / 0.667);
  --green-a10: color(display-p3 0 0.416 0.153 / 0.691);
  --green-a11: color(display-p3 0.19 0.5 0.32);
  --green-a12: color(display-p3 0.132 0.228 0.18);
  --grass-1: color(display-p3 0.986 0.996 0.985);
  --grass-2: color(display-p3 0.966 0.983 0.964);
  --grass-3: color(display-p3 0.923 0.965 0.917);
  --grass-4: color(display-p3 0.872 0.94 0.865);
  --grass-5: color(display-p3 0.811 0.908 0.802);
  --grass-6: color(display-p3 0.733 0.864 0.724);
  --grass-7: color(display-p3 0.628 0.803 0.622);
  --grass-8: color(display-p3 0.477 0.72 0.482);
  --grass-9: color(display-p3 0.38 0.647 0.378);
  --grass-10: color(display-p3 0.344 0.598 0.342);
  --grass-11: color(display-p3 0.263 0.488 0.261);
  --grass-12: color(display-p3 0.151 0.233 0.153);
  --grass-a1: color(display-p3 0.024 0.757 0.024 / 0.016);
  --grass-a2: color(display-p3 0.024 0.565 0.024 / 0.036);
  --grass-a3: color(display-p3 0.059 0.576 0.008 / 0.083);
  --grass-a4: color(display-p3 0.035 0.565 0.008 / 0.134);
  --grass-a5: color(display-p3 0.047 0.545 0.008 / 0.197);
  --grass-a6: color(display-p3 0.031 0.502 0.004 / 0.275);
  --grass-a7: color(display-p3 0.012 0.482 0.004 / 0.377);
  --grass-a8: color(display-p3 0 0.467 0.008 / 0.522);
  --grass-a9: color(display-p3 0.008 0.435 0 / 0.624);
  --grass-a10: color(display-p3 0.008 0.388 0 / 0.659);
  --grass-a11: color(display-p3 0.263 0.488 0.261);
  --grass-a12: color(display-p3 0.151 0.233 0.153);
  --brown-1: color(display-p3 0.995 0.992 0.989);
  --brown-2: color(display-p3 0.987 0.976 0.964);
  --brown-3: color(display-p3 0.959 0.936 0.909);
  --brown-4: color(display-p3 0.934 0.897 0.855);
  --brown-5: color(display-p3 0.909 0.856 0.798);
  --brown-6: color(display-p3 0.88 0.808 0.73);
  --brown-7: color(display-p3 0.841 0.742 0.639);
  --brown-8: color(display-p3 0.782 0.647 0.514);
  --brown-9: color(display-p3 0.651 0.505 0.368);
  --brown-10: color(display-p3 0.601 0.465 0.344);
  --brown-11: color(display-p3 0.485 0.374 0.288);
  --brown-12: color(display-p3 0.236 0.202 0.183);
  --brown-a1: color(display-p3 0.675 0.349 0.024 / 0.012);
  --brown-a2: color(display-p3 0.675 0.349 0.024 / 0.036);
  --brown-a3: color(display-p3 0.573 0.314 0.012 / 0.091);
  --brown-a4: color(display-p3 0.545 0.302 0.008 / 0.146);
  --brown-a5: color(display-p3 0.561 0.29 0.004 / 0.204);
  --brown-a6: color(display-p3 0.553 0.294 0.004 / 0.271);
  --brown-a7: color(display-p3 0.557 0.286 0.004 / 0.361);
  --brown-a8: color(display-p3 0.549 0.275 0.004 / 0.487);
  --brown-a9: color(display-p3 0.447 0.22 0 / 0.632);
  --brown-a10: color(display-p3 0.388 0.188 0 / 0.655);
  --brown-a11: color(display-p3 0.485 0.374 0.288);
  --brown-a12: color(display-p3 0.236 0.202 0.183);
  --bronze-1: color(display-p3 0.991 0.988 0.988);
  --bronze-2: color(display-p3 0.989 0.97 0.961);
  --bronze-3: color(display-p3 0.958 0.932 0.919);
  --bronze-4: color(display-p3 0.929 0.894 0.877);
  --bronze-5: color(display-p3 0.898 0.853 0.832);
  --bronze-6: color(display-p3 0.861 0.805 0.778);
  --bronze-7: color(display-p3 0.812 0.739 0.706);
  --bronze-8: color(display-p3 0.741 0.647 0.606);
  --bronze-9: color(display-p3 0.611 0.507 0.455);
  --bronze-10: color(display-p3 0.563 0.461 0.414);
  --bronze-11: color(display-p3 0.471 0.373 0.336);
  --bronze-12: color(display-p3 0.251 0.191 0.172);
  --bronze-a1: color(display-p3 0.349 0.024 0.024 / 0.012);
  --bronze-a2: color(display-p3 0.71 0.22 0.024 / 0.04);
  --bronze-a3: color(display-p3 0.482 0.2 0.008 / 0.083);
  --bronze-a4: color(display-p3 0.424 0.133 0.004 / 0.122);
  --bronze-a5: color(display-p3 0.4 0.145 0.004 / 0.169);
  --bronze-a6: color(display-p3 0.388 0.125 0.004 / 0.224);
  --bronze-a7: color(display-p3 0.365 0.11 0.004 / 0.295);
  --bronze-a8: color(display-p3 0.341 0.102 0.004 / 0.393);
  --bronze-a9: color(display-p3 0.29 0.094 0 / 0.546);
  --bronze-a10: color(display-p3 0.255 0.082 0 / 0.585);
  --bronze-a11: color(display-p3 0.471 0.373 0.336);
  --bronze-a12: color(display-p3 0.251 0.191 0.172);
  --gold-1: color(display-p3 0.992 0.992 0.989);
  --gold-2: color(display-p3 0.98 0.976 0.953);
  --gold-3: color(display-p3 0.947 0.94 0.909);
  --gold-4: color(display-p3 0.914 0.904 0.865);
  --gold-5: color(display-p3 0.88 0.865 0.816);
  --gold-6: color(display-p3 0.84 0.818 0.756);
  --gold-7: color(display-p3 0.788 0.753 0.677);
  --gold-8: color(display-p3 0.715 0.66 0.565);
  --gold-9: color(display-p3 0.579 0.517 0.41);
  --gold-10: color(display-p3 0.538 0.479 0.38);
  --gold-11: color(display-p3 0.433 0.386 0.305);
  --gold-12: color(display-p3 0.227 0.209 0.173);
  --gold-a1: color(display-p3 0.349 0.349 0.024 / 0.012);
  --gold-a2: color(display-p3 0.592 0.514 0.024 / 0.048);
  --gold-a3: color(display-p3 0.4 0.357 0.012 / 0.091);
  --gold-a4: color(display-p3 0.357 0.298 0.008 / 0.134);
  --gold-a5: color(display-p3 0.345 0.282 0.004 / 0.185);
  --gold-a6: color(display-p3 0.341 0.263 0.004 / 0.244);
  --gold-a7: color(display-p3 0.345 0.235 0.004 / 0.322);
  --gold-a8: color(display-p3 0.345 0.22 0.004 / 0.436);
  --gold-a9: color(display-p3 0.286 0.18 0 / 0.589);
  --gold-a10: color(display-p3 0.255 0.161 0 / 0.62);
  --gold-a11: color(display-p3 0.433 0.386 0.305);
  --gold-a12: color(display-p3 0.227 0.209 0.173);
  --sky-1: color(display-p3 0.98 0.995 0.999);
  --sky-2: color(display-p3 0.953 0.98 0.99);
  --sky-3: color(display-p3 0.899 0.963 0.989);
  --sky-4: color(display-p3 0.842 0.937 0.977);
  --sky-5: color(display-p3 0.777 0.9 0.954);
  --sky-6: color(display-p3 0.701 0.851 0.921);
  --sky-7: color(display-p3 0.604 0.785 0.879);
  --sky-8: color(display-p3 0.457 0.696 0.829);
  --sky-9: color(display-p3 0.585 0.877 0.983);
  --sky-10: color(display-p3 0.555 0.845 0.959);
  --sky-11: color(display-p3 0.193 0.448 0.605);
  --sky-12: color(display-p3 0.145 0.241 0.329);
  --sky-a1: color(display-p3 0.02 0.804 1 / 0.02);
  --sky-a2: color(display-p3 0.024 0.592 0.757 / 0.048);
  --sky-a3: color(display-p3 0.004 0.655 0.886 / 0.102);
  --sky-a4: color(display-p3 0.004 0.604 0.851 / 0.157);
  --sky-a5: color(display-p3 0.004 0.565 0.792 / 0.224);
  --sky-a6: color(display-p3 0.004 0.502 0.737 / 0.299);
  --sky-a7: color(display-p3 0.004 0.459 0.694 / 0.397);
  --sky-a8: color(display-p3 0 0.435 0.682 / 0.542);
  --sky-a9: color(display-p3 0.004 0.71 0.965 / 0.416);
  --sky-a10: color(display-p3 0.004 0.647 0.914 / 0.444);
  --sky-a11: color(display-p3 0.193 0.448 0.605);
  --sky-a12: color(display-p3 0.145 0.241 0.329);
  --mint-1: color(display-p3 0.98 0.995 0.992);
  --mint-2: color(display-p3 0.957 0.985 0.977);
  --mint-3: color(display-p3 0.888 0.972 0.95);
  --mint-4: color(display-p3 0.819 0.951 0.916);
  --mint-5: color(display-p3 0.747 0.918 0.873);
  --mint-6: color(display-p3 0.668 0.87 0.818);
  --mint-7: color(display-p3 0.567 0.805 0.744);
  --mint-8: color(display-p3 0.42 0.724 0.649);
  --mint-9: color(display-p3 0.62 0.908 0.834);
  --mint-10: color(display-p3 0.585 0.871 0.797);
  --mint-11: color(display-p3 0.203 0.463 0.397);
  --mint-12: color(display-p3 0.136 0.259 0.236);
  --mint-a1: color(display-p3 0.02 0.804 0.608 / 0.02);
  --mint-a2: color(display-p3 0.02 0.647 0.467 / 0.044);
  --mint-a3: color(display-p3 0.004 0.761 0.553 / 0.114);
  --mint-a4: color(display-p3 0.004 0.741 0.545 / 0.181);
  --mint-a5: color(display-p3 0.004 0.678 0.51 / 0.255);
  --mint-a6: color(display-p3 0.004 0.616 0.463 / 0.334);
  --mint-a7: color(display-p3 0.004 0.549 0.412 / 0.432);
  --mint-a8: color(display-p3 0 0.529 0.392 / 0.581);
  --mint-a9: color(display-p3 0.004 0.765 0.569 / 0.381);
  --mint-a10: color(display-p3 0.004 0.69 0.51 / 0.416);
  --mint-a11: color(display-p3 0.203 0.463 0.397);
  --mint-a12: color(display-p3 0.136 0.259 0.236);
  --lime-1: color(display-p3 0.989 0.992 0.981);
  --lime-2: color(display-p3 0.975 0.98 0.954);
  --lime-3: color(display-p3 0.939 0.965 0.851);
  --lime-4: color(display-p3 0.896 0.94 0.76);
  --lime-5: color(display-p3 0.843 0.903 0.678);
  --lime-6: color(display-p3 0.778 0.852 0.599);
  --lime-7: color(display-p3 0.694 0.784 0.508);
  --lime-8: color(display-p3 0.585 0.707 0.378);
  --lime-9: color(display-p3 0.78 0.928 0.466);
  --lime-10: color(display-p3 0.734 0.896 0.397);
  --lime-11: color(display-p3 0.386 0.482 0.227);
  --lime-12: color(display-p3 0.222 0.25 0.128);
  --lime-a1: color(display-p3 0.412 0.608 0.02 / 0.02);
  --lime-a2: color(display-p3 0.514 0.592 0.024 / 0.048);
  --lime-a3: color(display-p3 0.584 0.765 0.008 / 0.15);
  --lime-a4: color(display-p3 0.561 0.757 0.004 / 0.24);
  --lime-a5: color(display-p3 0.514 0.698 0.004 / 0.322);
  --lime-a6: color(display-p3 0.443 0.627 0 / 0.4);
  --lime-a7: color(display-p3 0.376 0.561 0.004 / 0.491);
  --lime-a8: color(display-p3 0.333 0.529 0 / 0.624);
  --lime-a9: color(display-p3 0.588 0.867 0 / 0.534);
  --lime-a10: color(display-p3 0.561 0.827 0 / 0.604);
  --lime-a11: color(display-p3 0.386 0.482 0.227);
  --lime-a12: color(display-p3 0.222 0.25 0.128);
  --yellow-1: color(display-p3 0.992 0.992 0.978);
  --yellow-2: color(display-p3 0.995 0.99 0.922);
  --yellow-3: color(display-p3 0.997 0.982 0.749);
  --yellow-4: color(display-p3 0.992 0.953 0.627);
  --yellow-5: color(display-p3 0.984 0.91 0.51);
  --yellow-6: color(display-p3 0.934 0.847 0.474);
  --yellow-7: color(display-p3 0.876 0.785 0.46);
  --yellow-8: color(display-p3 0.811 0.689 0.313);
  --yellow-9: color(display-p3 1 0.92 0.22);
  --yellow-10: color(display-p3 0.977 0.868 0.291);
  --yellow-11: color(display-p3 0.6 0.44 0);
  --yellow-12: color(display-p3 0.271 0.233 0.137);
  --yellow-a1: color(display-p3 0.675 0.675 0.024 / 0.024);
  --yellow-a2: color(display-p3 0.953 0.855 0.008 / 0.079);
  --yellow-a3: color(display-p3 0.988 0.925 0.004 / 0.251);
  --yellow-a4: color(display-p3 0.98 0.875 0.004 / 0.373);
  --yellow-a5: color(display-p3 0.969 0.816 0.004 / 0.491);
  --yellow-a6: color(display-p3 0.875 0.71 0 / 0.526);
  --yellow-a7: color(display-p3 0.769 0.604 0 / 0.542);
  --yellow-a8: color(display-p3 0.725 0.549 0 / 0.687);
  --yellow-a9: color(display-p3 1 0.898 0 / 0.781);
  --yellow-a10: color(display-p3 0.969 0.812 0 / 0.71);
  --yellow-a11: color(display-p3 0.6 0.44 0);
  --yellow-a12: color(display-p3 0.271 0.233 0.137);
  --amber-1: color(display-p3 0.995 0.992 0.985);
  --amber-2: color(display-p3 0.994 0.986 0.921);
  --amber-3: color(display-p3 0.994 0.969 0.782);
  --amber-4: color(display-p3 0.989 0.937 0.65);
  --amber-5: color(display-p3 0.97 0.902 0.527);
  --amber-6: color(display-p3 0.936 0.844 0.506);
  --amber-7: color(display-p3 0.89 0.762 0.443);
  --amber-8: color(display-p3 0.85 0.65 0.3);
  --amber-9: color(display-p3 1 0.77 0.26);
  --amber-10: color(display-p3 0.959 0.741 0.274);
  --amber-11: color(display-p3 0.64 0.4 0);
  --amber-12: color(display-p3 0.294 0.208 0.145);
  --amber-a1: color(display-p3 0.757 0.514 0.024 / 0.016);
  --amber-a2: color(display-p3 0.902 0.804 0.008 / 0.079);
  --amber-a3: color(display-p3 0.965 0.859 0.004 / 0.22);
  --amber-a4: color(display-p3 0.969 0.82 0.004 / 0.35);
  --amber-a5: color(display-p3 0.933 0.796 0.004 / 0.475);
  --amber-a6: color(display-p3 0.875 0.682 0.004 / 0.495);
  --amber-a7: color(display-p3 0.804 0.573 0 / 0.557);
  --amber-a8: color(display-p3 0.788 0.502 0 / 0.699);
  --amber-a9: color(display-p3 1 0.686 0 / 0.742);
  --amber-a10: color(display-p3 0.945 0.643 0 / 0.726);
  --amber-a11: color(display-p3 0.64 0.4 0);
  --amber-a12: color(display-p3 0.294 0.208 0.145);
  --orange-1: color(display-p3 0.995 0.988 0.985);
  --orange-2: color(display-p3 0.994 0.968 0.934);
  --orange-3: color(display-p3 0.989 0.938 0.85);
  --orange-4: color(display-p3 1 0.874 0.687);
  --orange-5: color(display-p3 1 0.821 0.583);
  --orange-6: color(display-p3 0.975 0.767 0.545);
  --orange-7: color(display-p3 0.919 0.693 0.486);
  --orange-8: color(display-p3 0.877 0.597 0.379);
  --orange-9: color(display-p3 0.9 0.45 0.2);
  --orange-10: color(display-p3 0.87 0.409 0.164);
  --orange-11: color(display-p3 0.76 0.34 0);
  --orange-12: color(display-p3 0.323 0.185 0.127);
  --orange-a1: color(display-p3 0.757 0.267 0.024 / 0.016);
  --orange-a2: color(display-p3 0.886 0.533 0.008 / 0.067);
  --orange-a3: color(display-p3 0.922 0.584 0.008 / 0.15);
  --orange-a4: color(display-p3 1 0.604 0.004 / 0.314);
  --orange-a5: color(display-p3 1 0.569 0.004 / 0.416);
  --orange-a6: color(display-p3 0.949 0.494 0.004 / 0.455);
  --orange-a7: color(display-p3 0.839 0.408 0 / 0.514);
  --orange-a8: color(display-p3 0.804 0.349 0 / 0.62);
  --orange-a9: color(display-p3 0.878 0.314 0 / 0.8);
  --orange-a10: color(display-p3 0.843 0.29 0 / 0.836);
  --orange-a11: color(display-p3 0.76 0.34 0);
  --orange-a12: color(display-p3 0.323 0.185 0.127);
  --black-a1: rgba(0, 0, 0, 0.05);
  --black-a2: rgba(0, 0, 0, 0.1);
  --black-a3: rgba(0, 0, 0, 0.15);
  --black-a4: rgba(0, 0, 0, 0.2);
  --black-a5: rgba(0, 0, 0, 0.3);
  --black-a6: rgba(0, 0, 0, 0.4);
  --black-a7: rgba(0, 0, 0, 0.5);
  --black-a8: rgba(0, 0, 0, 0.6);
  --black-a9: rgba(0, 0, 0, 0.7);
  --black-a10: rgba(0, 0, 0, 0.8);
  --black-a11: rgba(0, 0, 0, 0.9);
  --black-a12: rgba(0, 0, 0, 0.95);
  --white-a1: rgba(255, 255, 255, 0.05);
  --white-a2: rgba(255, 255, 255, 0.1);
  --white-a3: rgba(255, 255, 255, 0.15);
  --white-a4: rgba(255, 255, 255, 0.2);
  --white-a5: rgba(255, 255, 255, 0.3);
  --white-a6: rgba(255, 255, 255, 0.4);
  --white-a7: rgba(255, 255, 255, 0.5);
  --white-a8: rgba(255, 255, 255, 0.6);
  --white-a9: rgba(255, 255, 255, 0.7);
  --white-a10: rgba(255, 255, 255, 0.8);
  --white-a11: rgba(255, 255, 255, 0.9);
  --white-a12: rgba(255, 255, 255, 0.95);
}

/* dark colors */
@media (prefers-color-scheme: dark) {
  :root {
    --gray-1: color(display-p3 0.067 0.067 0.067);
    --gray-2: color(display-p3 0.098 0.098 0.098);
    --gray-3: color(display-p3 0.135 0.135 0.135);
    --gray-4: color(display-p3 0.163 0.163 0.163);
    --gray-5: color(display-p3 0.192 0.192 0.192);
    --gray-6: color(display-p3 0.228 0.228 0.228);
    --gray-7: color(display-p3 0.283 0.283 0.283);
    --gray-8: color(display-p3 0.375 0.375 0.375);
    --gray-9: color(display-p3 0.431 0.431 0.431);
    --gray-10: color(display-p3 0.484 0.484 0.484);
    --gray-11: color(display-p3 0.706 0.706 0.706);
    --gray-12: color(display-p3 0.933 0.933 0.933);
    --gray-a1: color(display-p3 0 0 0 / 0);
    --gray-a2: color(display-p3 1 1 1 / 0.034);
    --gray-a3: color(display-p3 1 1 1 / 0.071);
    --gray-a4: color(display-p3 1 1 1 / 0.105);
    --gray-a5: color(display-p3 1 1 1 / 0.134);
    --gray-a6: color(display-p3 1 1 1 / 0.172);
    --gray-a7: color(display-p3 1 1 1 / 0.231);
    --gray-a8: color(display-p3 1 1 1 / 0.332);
    --gray-a9: color(display-p3 1 1 1 / 0.391);
    --gray-a10: color(display-p3 1 1 1 / 0.445);
    --gray-a11: color(display-p3 1 1 1 / 0.685);
    --gray-a12: color(display-p3 1 1 1 / 0.929);
    --mauve-1: color(display-p3 0.07 0.067 0.074);
    --mauve-2: color(display-p3 0.101 0.098 0.105);
    --mauve-3: color(display-p3 0.138 0.134 0.144);
    --mauve-4: color(display-p3 0.167 0.161 0.175);
    --mauve-5: color(display-p3 0.196 0.189 0.206);
    --mauve-6: color(display-p3 0.232 0.225 0.245);
    --mauve-7: color(display-p3 0.286 0.277 0.302);
    --mauve-8: color(display-p3 0.383 0.373 0.408);
    --mauve-9: color(display-p3 0.434 0.428 0.467);
    --mauve-10: color(display-p3 0.487 0.48 0.519);
    --mauve-11: color(display-p3 0.707 0.7 0.735);
    --mauve-12: color(display-p3 0.933 0.933 0.94);
    --mauve-a1: color(display-p3 0 0 0 / 0);
    --mauve-a2: color(display-p3 0.996 0.992 1 / 0.034);
    --mauve-a3: color(display-p3 0.937 0.933 0.992 / 0.077);
    --mauve-a4: color(display-p3 0.957 0.918 0.996 / 0.111);
    --mauve-a5: color(display-p3 0.937 0.906 0.996 / 0.145);
    --mauve-a6: color(display-p3 0.953 0.925 0.996 / 0.183);
    --mauve-a7: color(display-p3 0.945 0.929 1 / 0.246);
    --mauve-a8: color(display-p3 0.937 0.918 1 / 0.361);
    --mauve-a9: color(display-p3 0.933 0.918 1 / 0.424);
    --mauve-a10: color(display-p3 0.941 0.925 1 / 0.479);
    --mauve-a11: color(display-p3 0.965 0.961 1 / 0.712);
    --mauve-a12: color(display-p3 0.992 0.992 1 / 0.937);
    --slate-1: color(display-p3 0.067 0.067 0.074);
    --slate-2: color(display-p3 0.095 0.098 0.105);
    --slate-3: color(display-p3 0.13 0.135 0.145);
    --slate-4: color(display-p3 0.156 0.163 0.176);
    --slate-5: color(display-p3 0.183 0.191 0.206);
    --slate-6: color(display-p3 0.215 0.226 0.244);
    --slate-7: color(display-p3 0.265 0.28 0.302);
    --slate-8: color(display-p3 0.357 0.381 0.409);
    --slate-9: color(display-p3 0.415 0.431 0.463);
    --slate-10: color(display-p3 0.469 0.483 0.514);
    --slate-11: color(display-p3 0.692 0.704 0.728);
    --slate-12: color(display-p3 0.93 0.933 0.94);
    --slate-a1: color(display-p3 0 0 0 / 0);
    --slate-a2: color(display-p3 0.875 0.992 1 / 0.034);
    --slate-a3: color(display-p3 0.882 0.933 0.992 / 0.077);
    --slate-a4: color(display-p3 0.882 0.953 0.996 / 0.111);
    --slate-a5: color(display-p3 0.878 0.929 0.996 / 0.145);
    --slate-a6: color(display-p3 0.882 0.949 0.996 / 0.183);
    --slate-a7: color(display-p3 0.882 0.929 1 / 0.246);
    --slate-a8: color(display-p3 0.871 0.937 1 / 0.361);
    --slate-a9: color(display-p3 0.898 0.937 1 / 0.42);
    --slate-a10: color(display-p3 0.918 0.945 1 / 0.475);
    --slate-a11: color(display-p3 0.949 0.969 0.996 / 0.708);
    --slate-a12: color(display-p3 0.988 0.992 1 / 0.937);
    --sage-1: color(display-p3 0.064 0.07 0.067);
    --sage-2: color(display-p3 0.092 0.098 0.094);
    --sage-3: color(display-p3 0.128 0.135 0.131);
    --sage-4: color(display-p3 0.155 0.164 0.159);
    --sage-5: color(display-p3 0.183 0.193 0.188);
    --sage-6: color(display-p3 0.218 0.23 0.224);
    --sage-7: color(display-p3 0.269 0.285 0.277);
    --sage-8: color(display-p3 0.362 0.382 0.373);
    --sage-9: color(display-p3 0.398 0.438 0.421);
    --sage-10: color(display-p3 0.453 0.49 0.474);
    --sage-11: color(display-p3 0.685 0.709 0.697);
    --sage-12: color(display-p3 0.927 0.933 0.93);
    --sage-a1: color(display-p3 0 0 0 / 0);
    --sage-a2: color(display-p3 0.976 0.988 0.984 / 0.03);
    --sage-a3: color(display-p3 0.992 0.945 0.941 / 0.072);
    --sage-a4: color(display-p3 0.988 0.996 0.992 / 0.102);
    --sage-a5: color(display-p3 0.992 1 0.996 / 0.131);
    --sage-a6: color(display-p3 0.973 1 0.976 / 0.173);
    --sage-a7: color(display-p3 0.957 1 0.976 / 0.233);
    --sage-a8: color(display-p3 0.957 1 0.984 / 0.334);
    --sage-a9: color(display-p3 0.902 1 0.957 / 0.397);
    --sage-a10: color(display-p3 0.929 1 0.973 / 0.452);
    --sage-a11: color(display-p3 0.969 1 0.988 / 0.688);
    --sage-a12: color(display-p3 0.992 1 0.996 / 0.929);
    --olive-1: color(display-p3 0.067 0.07 0.063);
    --olive-2: color(display-p3 0.095 0.098 0.091);
    --olive-3: color(display-p3 0.131 0.135 0.126);
    --olive-4: color(display-p3 0.158 0.163 0.153);
    --olive-5: color(display-p3 0.186 0.192 0.18);
    --olive-6: color(display-p3 0.221 0.229 0.215);
    --olive-7: color(display-p3 0.273 0.284 0.266);
    --olive-8: color(display-p3 0.365 0.382 0.359);
    --olive-9: color(display-p3 0.414 0.438 0.404);
    --olive-10: color(display-p3 0.467 0.49 0.458);
    --olive-11: color(display-p3 0.69 0.709 0.682);
    --olive-12: color(display-p3 0.927 0.933 0.926);
    --olive-a1: color(display-p3 0 0 0 / 0);
    --olive-a2: color(display-p3 0.984 0.988 0.976 / 0.03);
    --olive-a3: color(display-p3 0.992 0.996 0.988 / 0.068);
    --olive-a4: color(display-p3 0.953 0.996 0.949 / 0.102);
    --olive-a5: color(display-p3 0.969 1 0.965 / 0.131);
    --olive-a6: color(display-p3 0.973 1 0.969 / 0.169);
    --olive-a7: color(display-p3 0.98 1 0.961 / 0.228);
    --olive-a8: color(display-p3 0.961 1 0.957 / 0.334);
    --olive-a9: color(display-p3 0.949 1 0.922 / 0.397);
    --olive-a10: color(display-p3 0.953 1 0.941 / 0.452);
    --olive-a11: color(display-p3 0.976 1 0.965 / 0.688);
    --olive-a12: color(display-p3 0.992 1 0.992 / 0.929);
    --sand-1: color(display-p3 0.067 0.067 0.063);
    --sand-2: color(display-p3 0.098 0.098 0.094);
    --sand-3: color(display-p3 0.135 0.135 0.129);
    --sand-4: color(display-p3 0.164 0.163 0.156);
    --sand-5: color(display-p3 0.193 0.192 0.183);
    --sand-6: color(display-p3 0.23 0.229 0.217);
    --sand-7: color(display-p3 0.285 0.282 0.267);
    --sand-8: color(display-p3 0.384 0.378 0.357);
    --sand-9: color(display-p3 0.434 0.428 0.403);
    --sand-10: color(display-p3 0.487 0.481 0.456);
    --sand-11: color(display-p3 0.707 0.703 0.68);
    --sand-12: color(display-p3 0.933 0.933 0.926);
    --sand-a1: color(display-p3 0 0 0 / 0);
    --sand-a2: color(display-p3 0.992 0.992 0.988 / 0.034);
    --sand-a3: color(display-p3 0.996 0.996 0.992 / 0.072);
    --sand-a4: color(display-p3 0.992 0.992 0.953 / 0.106);
    --sand-a5: color(display-p3 1 1 0.965 / 0.135);
    --sand-a6: color(display-p3 1 0.976 0.929 / 0.177);
    --sand-a7: color(display-p3 1 0.984 0.929 / 0.236);
    --sand-a8: color(display-p3 1 0.976 0.925 / 0.341);
    --sand-a9: color(display-p3 1 0.98 0.925 / 0.395);
    --sand-a10: color(display-p3 1 0.992 0.933 / 0.45);
    --sand-a11: color(display-p3 1 0.996 0.961 / 0.685);
    --sand-a12: color(display-p3 1 1 0.992 / 0.929);
    --tomato-1: color(display-p3 0.09 0.068 0.067);
    --tomato-2: color(display-p3 0.115 0.084 0.076);
    --tomato-3: color(display-p3 0.205 0.097 0.083);
    --tomato-4: color(display-p3 0.282 0.099 0.077);
    --tomato-5: color(display-p3 0.339 0.129 0.101);
    --tomato-6: color(display-p3 0.398 0.179 0.141);
    --tomato-7: color(display-p3 0.487 0.245 0.194);
    --tomato-8: color(display-p3 0.629 0.322 0.248);
    --tomato-9: color(display-p3 0.831 0.345 0.231);
    --tomato-10: color(display-p3 0.862 0.415 0.298);
    --tomato-11: color(display-p3 1 0.585 0.455);
    --tomato-12: color(display-p3 0.959 0.833 0.802);
    --tomato-a1: color(display-p3 0.973 0.071 0.071 / 0.026);
    --tomato-a2: color(display-p3 0.992 0.376 0.224 / 0.051);
    --tomato-a3: color(display-p3 0.996 0.282 0.176 / 0.148);
    --tomato-a4: color(display-p3 1 0.204 0.118 / 0.232);
    --tomato-a5: color(display-p3 1 0.286 0.192 / 0.29);
    --tomato-a6: color(display-p3 1 0.392 0.278 / 0.353);
    --tomato-a7: color(display-p3 1 0.459 0.349 / 0.45);
    --tomato-a8: color(display-p3 1 0.49 0.369 / 0.601);
    --tomato-a9: color(display-p3 1 0.408 0.267 / 0.82);
    --tomato-a10: color(display-p3 1 0.478 0.341 / 0.853);
    --tomato-a11: color(display-p3 1 0.585 0.455);
    --tomato-a12: color(display-p3 0.959 0.833 0.802);
    --red-1: color(display-p3 0.093 0.068 0.067);
    --red-2: color(display-p3 0.118 0.077 0.079);
    --red-3: color(display-p3 0.211 0.081 0.099);
    --red-4: color(display-p3 0.287 0.079 0.113);
    --red-5: color(display-p3 0.348 0.11 0.142);
    --red-6: color(display-p3 0.414 0.16 0.183);
    --red-7: color(display-p3 0.508 0.224 0.236);
    --red-8: color(display-p3 0.659 0.298 0.297);
    --red-9: color(display-p3 0.83 0.329 0.324);
    --red-10: color(display-p3 0.861 0.403 0.387);
    --red-11: color(display-p3 1 0.57 0.55);
    --red-12: color(display-p3 0.971 0.826 0.852);
    --red-a1: color(display-p3 0.984 0.071 0.071 / 0.03);
    --red-a2: color(display-p3 0.996 0.282 0.282 / 0.055);
    --red-a3: color(display-p3 1 0.169 0.271 / 0.156);
    --red-a4: color(display-p3 1 0.118 0.267 / 0.236);
    --red-a5: color(display-p3 1 0.212 0.314 / 0.303);
    --red-a6: color(display-p3 1 0.318 0.38 / 0.374);
    --red-a7: color(display-p3 1 0.4 0.424 / 0.475);
    --red-a8: color(display-p3 1 0.431 0.431 / 0.635);
    --red-a9: color(display-p3 1 0.388 0.384 / 0.82);
    --red-a10: color(display-p3 1 0.463 0.447 / 0.853);
    --red-a11: color(display-p3 1 0.57 0.55);
    --red-a12: color(display-p3 0.971 0.826 0.852);
    --ruby-1: color(display-p3 0.093 0.068 0.074);
    --ruby-2: color(display-p3 0.113 0.083 0.089);
    --ruby-3: color(display-p3 0.208 0.088 0.117);
    --ruby-4: color(display-p3 0.279 0.092 0.147);
    --ruby-5: color(display-p3 0.337 0.12 0.18);
    --ruby-6: color(display-p3 0.401 0.166 0.223);
    --ruby-7: color(display-p3 0.495 0.224 0.281);
    --ruby-8: color(display-p3 0.652 0.295 0.359);
    --ruby-9: color(display-p3 0.83 0.323 0.408);
    --ruby-10: color(display-p3 0.857 0.392 0.455);
    --ruby-11: color(display-p3 1 0.57 0.59);
    --ruby-12: color(display-p3 0.968 0.83 0.88);
    --ruby-a1: color(display-p3 0.984 0.071 0.329 / 0.03);
    --ruby-a2: color(display-p3 0.992 0.376 0.529 / 0.051);
    --ruby-a3: color(display-p3 0.996 0.196 0.404 / 0.152);
    --ruby-a4: color(display-p3 1 0.173 0.416 / 0.227);
    --ruby-a5: color(display-p3 1 0.259 0.459 / 0.29);
    --ruby-a6: color(display-p3 1 0.341 0.506 / 0.358);
    --ruby-a7: color(display-p3 1 0.412 0.541 / 0.458);
    --ruby-a8: color(display-p3 1 0.431 0.537 / 0.627);
    --ruby-a9: color(display-p3 1 0.376 0.482 / 0.82);
    --ruby-a10: color(display-p3 1 0.447 0.522 / 0.849);
    --ruby-a11: color(display-p3 1 0.57 0.59);
    --ruby-a12: color(display-p3 0.968 0.83 0.88);
    --crimson-1: color(display-p3 0.093 0.068 0.078);
    --crimson-2: color(display-p3 0.117 0.078 0.095);
    --crimson-3: color(display-p3 0.203 0.091 0.143);
    --crimson-4: color(display-p3 0.277 0.087 0.182);
    --crimson-5: color(display-p3 0.332 0.115 0.22);
    --crimson-6: color(display-p3 0.394 0.162 0.268);
    --crimson-7: color(display-p3 0.489 0.222 0.336);
    --crimson-8: color(display-p3 0.638 0.289 0.429);
    --crimson-9: color(display-p3 0.843 0.298 0.507);
    --crimson-10: color(display-p3 0.864 0.364 0.539);
    --crimson-11: color(display-p3 1 0.56 0.66);
    --crimson-12: color(display-p3 0.966 0.834 0.906);
    --crimson-a1: color(display-p3 0.984 0.071 0.463 / 0.03);
    --crimson-a2: color(display-p3 0.996 0.282 0.569 / 0.055);
    --crimson-a3: color(display-p3 0.996 0.227 0.573 / 0.148);
    --crimson-a4: color(display-p3 1 0.157 0.569 / 0.227);
    --crimson-a5: color(display-p3 1 0.231 0.604 / 0.286);
    --crimson-a6: color(display-p3 1 0.337 0.643 / 0.349);
    --crimson-a7: color(display-p3 1 0.416 0.663 / 0.454);
    --crimson-a8: color(display-p3 0.996 0.427 0.651 / 0.614);
    --crimson-a9: color(display-p3 1 0.345 0.596 / 0.832);
    --crimson-a10: color(display-p3 1 0.42 0.62 / 0.853);
    --crimson-a11: color(display-p3 1 0.56 0.66);
    --crimson-a12: color(display-p3 0.966 0.834 0.906);
    --pink-1: color(display-p3 0.093 0.068 0.089);
    --pink-2: color(display-p3 0.121 0.073 0.11);
    --pink-3: color(display-p3 0.198 0.098 0.179);
    --pink-4: color(display-p3 0.271 0.095 0.231);
    --pink-5: color(display-p3 0.32 0.127 0.273);
    --pink-6: color(display-p3 0.382 0.177 0.326);
    --pink-7: color(display-p3 0.477 0.238 0.405);
    --pink-8: color(display-p3 0.612 0.304 0.51);
    --pink-9: color(display-p3 0.775 0.297 0.61);
    --pink-10: color(display-p3 0.808 0.356 0.645);
    --pink-11: color(display-p3 1 0.535 0.78);
    --pink-12: color(display-p3 0.964 0.826 0.912);
    --pink-a1: color(display-p3 0.984 0.071 0.855 / 0.03);
    --pink-a2: color(display-p3 1 0.2 0.8 / 0.059);
    --pink-a3: color(display-p3 1 0.294 0.886 / 0.139);
    --pink-a4: color(display-p3 1 0.192 0.82 / 0.219);
    --pink-a5: color(display-p3 1 0.282 0.827 / 0.274);
    --pink-a6: color(display-p3 1 0.396 0.835 / 0.337);
    --pink-a7: color(display-p3 1 0.459 0.831 / 0.442);
    --pink-a8: color(display-p3 1 0.478 0.827 / 0.585);
    --pink-a9: color(display-p3 1 0.373 0.784 / 0.761);
    --pink-a10: color(display-p3 1 0.435 0.792 / 0.795);
    --pink-a11: color(display-p3 1 0.535 0.78);
    --pink-a12: color(display-p3 0.964 0.826 0.912);
    --plum-1: color(display-p3 0.09 0.068 0.092);
    --plum-2: color(display-p3 0.118 0.077 0.121);
    --plum-3: color(display-p3 0.192 0.105 0.202);
    --plum-4: color(display-p3 0.25 0.121 0.271);
    --plum-5: color(display-p3 0.293 0.152 0.319);
    --plum-6: color(display-p3 0.343 0.198 0.372);
    --plum-7: color(display-p3 0.424 0.262 0.461);
    --plum-8: color(display-p3 0.54 0.341 0.595);
    --plum-9: color(display-p3 0.624 0.313 0.708);
    --plum-10: color(display-p3 0.666 0.365 0.748);
    --plum-11: color(display-p3 0.86 0.602 0.933);
    --plum-12: color(display-p3 0.936 0.836 0.949);
    --plum-a1: color(display-p3 0.973 0.071 0.973 / 0.026);
    --plum-a2: color(display-p3 0.933 0.267 1 / 0.059);
    --plum-a3: color(display-p3 0.918 0.333 0.996 / 0.148);
    --plum-a4: color(display-p3 0.91 0.318 1 / 0.219);
    --plum-a5: color(display-p3 0.914 0.388 1 / 0.269);
    --plum-a6: color(display-p3 0.906 0.463 1 / 0.328);
    --plum-a7: color(display-p3 0.906 0.529 1 / 0.425);
    --plum-a8: color(display-p3 0.906 0.553 1 / 0.568);
    --plum-a9: color(display-p3 0.875 0.427 1 / 0.69);
    --plum-a10: color(display-p3 0.886 0.471 0.996 / 0.732);
    --plum-a11: color(display-p3 0.86 0.602 0.933);
    --plum-a12: color(display-p3 0.936 0.836 0.949);
    --purple-1: color(display-p3 0.09 0.068 0.103);
    --purple-2: color(display-p3 0.113 0.082 0.134);
    --purple-3: color(display-p3 0.175 0.112 0.224);
    --purple-4: color(display-p3 0.224 0.137 0.297);
    --purple-5: color(display-p3 0.264 0.167 0.349);
    --purple-6: color(display-p3 0.311 0.208 0.406);
    --purple-7: color(display-p3 0.381 0.266 0.496);
    --purple-8: color(display-p3 0.49 0.349 0.649);
    --purple-9: color(display-p3 0.523 0.318 0.751);
    --purple-10: color(display-p3 0.57 0.373 0.791);
    --purple-11: color(display-p3 0.8 0.62 1);
    --purple-12: color(display-p3 0.913 0.854 0.971);
    --purple-a1: color(display-p3 0.686 0.071 0.996 / 0.038);
    --purple-a2: color(display-p3 0.722 0.286 0.996 / 0.072);
    --purple-a3: color(display-p3 0.718 0.349 0.996 / 0.169);
    --purple-a4: color(display-p3 0.702 0.353 1 / 0.248);
    --purple-a5: color(display-p3 0.718 0.404 1 / 0.303);
    --purple-a6: color(display-p3 0.733 0.455 1 / 0.366);
    --purple-a7: color(display-p3 0.753 0.506 1 / 0.458);
    --purple-a8: color(display-p3 0.749 0.522 1 / 0.622);
    --purple-a9: color(display-p3 0.686 0.408 1 / 0.736);
    --purple-a10: color(display-p3 0.71 0.459 1 / 0.778);
    --purple-a11: color(display-p3 0.8 0.62 1);
    --purple-a12: color(display-p3 0.913 0.854 0.971);
    --violet-1: color(display-p3 0.077 0.071 0.118);
    --violet-2: color(display-p3 0.101 0.084 0.141);
    --violet-3: color(display-p3 0.154 0.123 0.256);
    --violet-4: color(display-p3 0.191 0.148 0.345);
    --violet-5: color(display-p3 0.226 0.182 0.396);
    --violet-6: color(display-p3 0.269 0.223 0.449);
    --violet-7: color(display-p3 0.326 0.277 0.53);
    --violet-8: color(display-p3 0.399 0.346 0.656);
    --violet-9: color(display-p3 0.417 0.341 0.784);
    --violet-10: color(display-p3 0.477 0.402 0.823);
    --violet-11: color(display-p3 0.72 0.65 1);
    --violet-12: color(display-p3 0.883 0.867 0.986);
    --violet-a1: color(display-p3 0.282 0.141 0.996 / 0.055);
    --violet-a2: color(display-p3 0.51 0.263 1 / 0.08);
    --violet-a3: color(display-p3 0.494 0.337 0.996 / 0.202);
    --violet-a4: color(display-p3 0.49 0.345 1 / 0.299);
    --violet-a5: color(display-p3 0.525 0.392 1 / 0.353);
    --violet-a6: color(display-p3 0.569 0.455 1 / 0.408);
    --violet-a7: color(display-p3 0.588 0.494 1 / 0.496);
    --violet-a8: color(display-p3 0.596 0.51 1 / 0.631);
    --violet-a9: color(display-p3 0.522 0.424 1 / 0.769);
    --violet-a10: color(display-p3 0.576 0.482 1 / 0.811);
    --violet-a11: color(display-p3 0.72 0.65 1);
    --violet-a12: color(display-p3 0.883 0.867 0.986);
    --iris-1: color(display-p3 0.075 0.075 0.114);
    --iris-2: color(display-p3 0.089 0.086 0.14);
    --iris-3: color(display-p3 0.128 0.134 0.272);
    --iris-4: color(display-p3 0.153 0.165 0.382);
    --iris-5: color(display-p3 0.192 0.201 0.44);
    --iris-6: color(display-p3 0.239 0.241 0.491);
    --iris-7: color(display-p3 0.291 0.289 0.565);
    --iris-8: color(display-p3 0.35 0.345 0.673);
    --iris-9: color(display-p3 0.357 0.357 0.81);
    --iris-10: color(display-p3 0.428 0.416 0.843);
    --iris-11: color(display-p3 0.685 0.662 1);
    --iris-12: color(display-p3 0.878 0.875 0.986);
    --iris-a1: color(display-p3 0.224 0.224 0.992 / 0.051);
    --iris-a2: color(display-p3 0.361 0.314 1 / 0.08);
    --iris-a3: color(display-p3 0.357 0.373 1 / 0.219);
    --iris-a4: color(display-p3 0.325 0.361 1 / 0.337);
    --iris-a5: color(display-p3 0.38 0.4 1 / 0.4);
    --iris-a6: color(display-p3 0.447 0.447 1 / 0.454);
    --iris-a7: color(display-p3 0.486 0.486 1 / 0.534);
    --iris-a8: color(display-p3 0.502 0.494 1 / 0.652);
    --iris-a9: color(display-p3 0.431 0.431 1 / 0.799);
    --iris-a10: color(display-p3 0.502 0.486 1 / 0.832);
    --iris-a11: color(display-p3 0.685 0.662 1);
    --iris-a12: color(display-p3 0.878 0.875 0.986);
    --indigo-1: color(display-p3 0.068 0.074 0.118);
    --indigo-2: color(display-p3 0.081 0.089 0.144);
    --indigo-3: color(display-p3 0.105 0.141 0.275);
    --indigo-4: color(display-p3 0.129 0.18 0.369);
    --indigo-5: color(display-p3 0.163 0.22 0.439);
    --indigo-6: color(display-p3 0.203 0.262 0.5);
    --indigo-7: color(display-p3 0.245 0.309 0.575);
    --indigo-8: color(display-p3 0.285 0.362 0.674);
    --indigo-9: color(display-p3 0.276 0.384 0.837);
    --indigo-10: color(display-p3 0.354 0.445 0.866);
    --indigo-11: color(display-p3 0.63 0.69 1);
    --indigo-12: color(display-p3 0.848 0.881 0.99);
    --indigo-a1: color(display-p3 0.071 0.212 0.996 / 0.055);
    --indigo-a2: color(display-p3 0.251 0.345 0.988 / 0.085);
    --indigo-a3: color(display-p3 0.243 0.404 1 / 0.223);
    --indigo-a4: color(display-p3 0.263 0.42 1 / 0.324);
    --indigo-a5: color(display-p3 0.314 0.451 1 / 0.4);
    --indigo-a6: color(display-p3 0.361 0.49 1 / 0.467);
    --indigo-a7: color(display-p3 0.388 0.51 1 / 0.547);
    --indigo-a8: color(display-p3 0.404 0.518 1 / 0.652);
    --indigo-a9: color(display-p3 0.318 0.451 1 / 0.824);
    --indigo-a10: color(display-p3 0.404 0.506 1 / 0.858);
    --indigo-a11: color(display-p3 0.63 0.69 1);
    --indigo-a12: color(display-p3 0.848 0.881 0.99);
    --blue-1: color(display-p3 0.057 0.081 0.122);
    --blue-2: color(display-p3 0.072 0.098 0.147);
    --blue-3: color(display-p3 0.078 0.154 0.27);
    --blue-4: color(display-p3 0.033 0.197 0.37);
    --blue-5: color(display-p3 0.08 0.245 0.441);
    --blue-6: color(display-p3 0.14 0.298 0.511);
    --blue-7: color(display-p3 0.195 0.361 0.6);
    --blue-8: color(display-p3 0.239 0.434 0.72);
    --blue-9: color(display-p3 0.247 0.556 0.969);
    --blue-10: color(display-p3 0.344 0.612 0.973);
    --blue-11: color(display-p3 0.49 0.72 1);
    --blue-12: color(display-p3 0.788 0.898 0.99);
    --blue-a1: color(display-p3 0 0.333 1 / 0.059);
    --blue-a2: color(display-p3 0.114 0.435 0.988 / 0.085);
    --blue-a3: color(display-p3 0.122 0.463 1 / 0.219);
    --blue-a4: color(display-p3 0 0.467 1 / 0.324);
    --blue-a5: color(display-p3 0.098 0.51 1 / 0.4);
    --blue-a6: color(display-p3 0.224 0.557 1 / 0.475);
    --blue-a7: color(display-p3 0.294 0.584 1 / 0.572);
    --blue-a8: color(display-p3 0.314 0.592 1 / 0.702);
    --blue-a9: color(display-p3 0.251 0.573 0.996 / 0.967);
    --blue-a10: color(display-p3 0.357 0.631 1 / 0.971);
    --blue-a11: color(display-p3 0.49 0.72 1);
    --blue-a12: color(display-p3 0.788 0.898 0.99);
    --cyan-1: color(display-p3 0.053 0.085 0.098);
    --cyan-2: color(display-p3 0.072 0.105 0.122);
    --cyan-3: color(display-p3 0.073 0.168 0.209);
    --cyan-4: color(display-p3 0.063 0.216 0.277);
    --cyan-5: color(display-p3 0.091 0.267 0.336);
    --cyan-6: color(display-p3 0.137 0.324 0.4);
    --cyan-7: color(display-p3 0.186 0.398 0.484);
    --cyan-8: color(display-p3 0.23 0.496 0.6);
    --cyan-9: color(display-p3 0.282 0.627 0.765);
    --cyan-10: color(display-p3 0.331 0.675 0.801);
    --cyan-11: color(display-p3 0.446 0.79 0.887);
    --cyan-12: color(display-p3 0.757 0.919 0.962);
    --cyan-a1: color(display-p3 0 0.647 0.992 / 0.034);
    --cyan-a2: color(display-p3 0.133 0.733 1 / 0.059);
    --cyan-a3: color(display-p3 0.122 0.741 0.996 / 0.152);
    --cyan-a4: color(display-p3 0.051 0.725 1 / 0.227);
    --cyan-a5: color(display-p3 0.149 0.757 1 / 0.29);
    --cyan-a6: color(display-p3 0.267 0.792 1 / 0.358);
    --cyan-a7: color(display-p3 0.333 0.808 1 / 0.446);
    --cyan-a8: color(display-p3 0.357 0.816 1 / 0.572);
    --cyan-a9: color(display-p3 0.357 0.82 1 / 0.748);
    --cyan-a10: color(display-p3 0.4 0.839 1 / 0.786);
    --cyan-a11: color(display-p3 0.446 0.79 0.887);
    --cyan-a12: color(display-p3 0.757 0.919 0.962);
    --teal-1: color(display-p3 0.059 0.083 0.079);
    --teal-2: color(display-p3 0.075 0.11 0.107);
    --teal-3: color(display-p3 0.087 0.175 0.165);
    --teal-4: color(display-p3 0.087 0.227 0.214);
    --teal-5: color(display-p3 0.12 0.277 0.261);
    --teal-6: color(display-p3 0.162 0.335 0.314);
    --teal-7: color(display-p3 0.205 0.406 0.379);
    --teal-8: color(display-p3 0.245 0.489 0.453);
    --teal-9: color(display-p3 0.297 0.637 0.581);
    --teal-10: color(display-p3 0.319 0.69 0.62);
    --teal-11: color(display-p3 0.388 0.835 0.719);
    --teal-12: color(display-p3 0.734 0.934 0.87);
    --teal-a1: color(display-p3 0 0.992 0.761 / 0.017);
    --teal-a2: color(display-p3 0.235 0.988 0.902 / 0.047);
    --teal-a3: color(display-p3 0.235 1 0.898 / 0.118);
    --teal-a4: color(display-p3 0.18 0.996 0.929 / 0.173);
    --teal-a5: color(display-p3 0.31 1 0.933 / 0.227);
    --teal-a6: color(display-p3 0.396 1 0.933 / 0.286);
    --teal-a7: color(display-p3 0.443 1 0.925 / 0.366);
    --teal-a8: color(display-p3 0.459 1 0.925 / 0.454);
    --teal-a9: color(display-p3 0.443 0.996 0.906 / 0.61);
    --teal-a10: color(display-p3 0.439 0.996 0.89 / 0.669);
    --teal-a11: color(display-p3 0.388 0.835 0.719);
    --teal-a12: color(display-p3 0.734 0.934 0.87);
    --jade-1: color(display-p3 0.059 0.083 0.071);
    --jade-2: color(display-p3 0.078 0.11 0.094);
    --jade-3: color(display-p3 0.091 0.176 0.138);
    --jade-4: color(display-p3 0.102 0.228 0.177);
    --jade-5: color(display-p3 0.133 0.279 0.221);
    --jade-6: color(display-p3 0.174 0.334 0.273);
    --jade-7: color(display-p3 0.219 0.402 0.335);
    --jade-8: color(display-p3 0.263 0.488 0.411);
    --jade-9: color(display-p3 0.319 0.63 0.521);
    --jade-10: color(display-p3 0.338 0.68 0.555);
    --jade-11: color(display-p3 0.4 0.835 0.656);
    --jade-12: color(display-p3 0.734 0.934 0.838);
    --jade-a1: color(display-p3 0 0.992 0.298 / 0.017);
    --jade-a2: color(display-p3 0.318 0.988 0.651 / 0.047);
    --jade-a3: color(display-p3 0.267 1 0.667 / 0.118);
    --jade-a4: color(display-p3 0.275 0.996 0.702 / 0.173);
    --jade-a5: color(display-p3 0.361 1 0.741 / 0.227);
    --jade-a6: color(display-p3 0.439 1 0.796 / 0.286);
    --jade-a7: color(display-p3 0.49 1 0.804 / 0.362);
    --jade-a8: color(display-p3 0.506 1 0.835 / 0.45);
    --jade-a9: color(display-p3 0.478 0.996 0.816 / 0.606);
    --jade-a10: color(display-p3 0.478 1 0.816 / 0.656);
    --jade-a11: color(display-p3 0.4 0.835 0.656);
    --jade-a12: color(display-p3 0.734 0.934 0.838);
    --green-1: color(display-p3 0.062 0.083 0.071);
    --green-2: color(display-p3 0.079 0.106 0.09);
    --green-3: color(display-p3 0.1 0.173 0.133);
    --green-4: color(display-p3 0.115 0.229 0.166);
    --green-5: color(display-p3 0.147 0.282 0.206);
    --green-6: color(display-p3 0.185 0.338 0.25);
    --green-7: color(display-p3 0.227 0.403 0.298);
    --green-8: color(display-p3 0.27 0.479 0.351);
    --green-9: color(display-p3 0.332 0.634 0.442);
    --green-10: color(display-p3 0.357 0.682 0.474);
    --green-11: color(display-p3 0.434 0.828 0.573);
    --green-12: color(display-p3 0.747 0.938 0.807);
    --green-a1: color(display-p3 0 0.992 0.298 / 0.017);
    --green-a2: color(display-p3 0.341 0.98 0.616 / 0.043);
    --green-a3: color(display-p3 0.376 0.996 0.655 / 0.114);
    --green-a4: color(display-p3 0.341 0.996 0.635 / 0.173);
    --green-a5: color(display-p3 0.408 1 0.678 / 0.232);
    --green-a6: color(display-p3 0.475 1 0.706 / 0.29);
    --green-a7: color(display-p3 0.514 1 0.706 / 0.362);
    --green-a8: color(display-p3 0.529 1 0.718 / 0.442);
    --green-a9: color(display-p3 0.502 0.996 0.682 / 0.61);
    --green-a10: color(display-p3 0.506 1 0.682 / 0.66);
    --green-a11: color(display-p3 0.434 0.828 0.573);
    --green-a12: color(display-p3 0.747 0.938 0.807);
    --grass-1: color(display-p3 0.062 0.083 0.067);
    --grass-2: color(display-p3 0.083 0.103 0.085);
    --grass-3: color(display-p3 0.118 0.163 0.122);
    --grass-4: color(display-p3 0.142 0.225 0.15);
    --grass-5: color(display-p3 0.178 0.279 0.186);
    --grass-6: color(display-p3 0.217 0.337 0.224);
    --grass-7: color(display-p3 0.258 0.4 0.264);
    --grass-8: color(display-p3 0.302 0.47 0.305);
    --grass-9: color(display-p3 0.38 0.647 0.378);
    --grass-10: color(display-p3 0.426 0.694 0.426);
    --grass-11: color(display-p3 0.535 0.807 0.542);
    --grass-12: color(display-p3 0.797 0.936 0.776);
    --grass-a1: color(display-p3 0 0.992 0.071 / 0.017);
    --grass-a2: color(display-p3 0.482 0.996 0.584 / 0.038);
    --grass-a3: color(display-p3 0.549 0.992 0.588 / 0.106);
    --grass-a4: color(display-p3 0.51 0.996 0.557 / 0.169);
    --grass-a5: color(display-p3 0.553 1 0.588 / 0.227);
    --grass-a6: color(display-p3 0.584 1 0.608 / 0.29);
    --grass-a7: color(display-p3 0.604 1 0.616 / 0.358);
    --grass-a8: color(display-p3 0.608 1 0.62 / 0.433);
    --grass-a9: color(display-p3 0.573 1 0.569 / 0.622);
    --grass-a10: color(display-p3 0.6 0.996 0.6 / 0.673);
    --grass-a11: color(display-p3 0.535 0.807 0.542);
    --grass-a12: color(display-p3 0.797 0.936 0.776);
    --brown-1: color(display-p3 0.071 0.067 0.059);
    --brown-2: color(display-p3 0.107 0.095 0.087);
    --brown-3: color(display-p3 0.151 0.13 0.115);
    --brown-4: color(display-p3 0.191 0.161 0.138);
    --brown-5: color(display-p3 0.235 0.194 0.162);
    --brown-6: color(display-p3 0.291 0.237 0.192);
    --brown-7: color(display-p3 0.365 0.295 0.232);
    --brown-8: color(display-p3 0.469 0.377 0.287);
    --brown-9: color(display-p3 0.651 0.505 0.368);
    --brown-10: color(display-p3 0.697 0.557 0.423);
    --brown-11: color(display-p3 0.835 0.715 0.597);
    --brown-12: color(display-p3 0.938 0.885 0.802);
    --brown-a1: color(display-p3 0.855 0.071 0 / 0.005);
    --brown-a2: color(display-p3 0.98 0.706 0.525 / 0.043);
    --brown-a3: color(display-p3 0.996 0.745 0.576 / 0.093);
    --brown-a4: color(display-p3 1 0.765 0.592 / 0.135);
    --brown-a5: color(display-p3 1 0.761 0.588 / 0.181);
    --brown-a6: color(display-p3 1 0.773 0.592 / 0.24);
    --brown-a7: color(display-p3 0.996 0.776 0.58 / 0.32);
    --brown-a8: color(display-p3 1 0.78 0.573 / 0.433);
    --brown-a9: color(display-p3 1 0.769 0.549 / 0.627);
    --brown-a10: color(display-p3 1 0.792 0.596 / 0.677);
    --brown-a11: color(display-p3 0.835 0.715 0.597);
    --brown-a12: color(display-p3 0.938 0.885 0.802);
    --bronze-1: color(display-p3 0.076 0.067 0.063);
    --bronze-2: color(display-p3 0.106 0.097 0.093);
    --bronze-3: color(display-p3 0.147 0.132 0.125);
    --bronze-4: color(display-p3 0.185 0.166 0.156);
    --bronze-5: color(display-p3 0.227 0.202 0.19);
    --bronze-6: color(display-p3 0.278 0.246 0.23);
    --bronze-7: color(display-p3 0.343 0.302 0.281);
    --bronze-8: color(display-p3 0.426 0.374 0.347);
    --bronze-9: color(display-p3 0.611 0.507 0.455);
    --bronze-10: color(display-p3 0.66 0.556 0.504);
    --bronze-11: color(display-p3 0.81 0.707 0.655);
    --bronze-12: color(display-p3 0.921 0.88 0.854);
    --bronze-a1: color(display-p3 0.941 0.067 0 / 0.009);
    --bronze-a2: color(display-p3 0.98 0.8 0.706 / 0.043);
    --bronze-a3: color(display-p3 0.988 0.851 0.761 / 0.085);
    --bronze-a4: color(display-p3 0.996 0.839 0.78 / 0.127);
    --bronze-a5: color(display-p3 0.996 0.863 0.773 / 0.173);
    --bronze-a6: color(display-p3 1 0.863 0.796 / 0.227);
    --bronze-a7: color(display-p3 1 0.867 0.8 / 0.295);
    --bronze-a8: color(display-p3 1 0.859 0.788 / 0.387);
    --bronze-a9: color(display-p3 1 0.82 0.733 / 0.585);
    --bronze-a10: color(display-p3 1 0.839 0.761 / 0.635);
    --bronze-a11: color(display-p3 0.81 0.707 0.655);
    --bronze-a12: color(display-p3 0.921 0.88 0.854);
    --gold-1: color(display-p3 0.071 0.071 0.067);
    --gold-2: color(display-p3 0.104 0.101 0.09);
    --gold-3: color(display-p3 0.141 0.136 0.122);
    --gold-4: color(display-p3 0.177 0.17 0.152);
    --gold-5: color(display-p3 0.217 0.207 0.185);
    --gold-6: color(display-p3 0.265 0.252 0.225);
    --gold-7: color(display-p3 0.327 0.31 0.277);
    --gold-8: color(display-p3 0.407 0.384 0.342);
    --gold-9: color(display-p3 0.579 0.517 0.41);
    --gold-10: color(display-p3 0.628 0.566 0.463);
    --gold-11: color(display-p3 0.784 0.728 0.635);
    --gold-12: color(display-p3 0.906 0.887 0.855);
    --gold-a1: color(display-p3 0.855 0.855 0.071 / 0.005);
    --gold-a2: color(display-p3 0.98 0.89 0.616 / 0.043);
    --gold-a3: color(display-p3 1 0.949 0.753 / 0.08);
    --gold-a4: color(display-p3 1 0.933 0.8 / 0.118);
    --gold-a5: color(display-p3 1 0.949 0.804 / 0.16);
    --gold-a6: color(display-p3 1 0.925 0.8 / 0.215);
    --gold-a7: color(display-p3 1 0.945 0.831 / 0.278);
    --gold-a8: color(display-p3 1 0.937 0.82 / 0.366);
    --gold-a9: color(display-p3 0.996 0.882 0.69 / 0.551);
    --gold-a10: color(display-p3 1 0.894 0.725 / 0.601);
    --gold-a11: color(display-p3 0.784 0.728 0.635);
    --gold-a12: color(display-p3 0.906 0.887 0.855);
    --sky-1: color(display-p3 0.056 0.078 0.116);
    --sky-2: color(display-p3 0.075 0.101 0.149);
    --sky-3: color(display-p3 0.089 0.154 0.244);
    --sky-4: color(display-p3 0.106 0.207 0.323);
    --sky-5: color(display-p3 0.135 0.261 0.394);
    --sky-6: color(display-p3 0.17 0.322 0.469);
    --sky-7: color(display-p3 0.205 0.394 0.557);
    --sky-8: color(display-p3 0.232 0.48 0.665);
    --sky-9: color(display-p3 0.585 0.877 0.983);
    --sky-10: color(display-p3 0.718 0.925 0.991);
    --sky-11: color(display-p3 0.536 0.772 0.924);
    --sky-12: color(display-p3 0.799 0.947 0.993);
    --sky-a1: color(display-p3 0 0.282 0.996 / 0.055);
    --sky-a2: color(display-p3 0.157 0.467 0.992 / 0.089);
    --sky-a3: color(display-p3 0.192 0.522 0.996 / 0.19);
    --sky-a4: color(display-p3 0.212 0.584 1 / 0.274);
    --sky-a5: color(display-p3 0.259 0.631 1 / 0.349);
    --sky-a6: color(display-p3 0.302 0.655 1 / 0.433);
    --sky-a7: color(display-p3 0.329 0.686 1 / 0.526);
    --sky-a8: color(display-p3 0.325 0.71 1 / 0.643);
    --sky-a9: color(display-p3 0.592 0.894 1 / 0.984);
    --sky-a10: color(display-p3 0.722 0.933 1 / 0.992);
    --sky-a11: color(display-p3 0.536 0.772 0.924);
    --sky-a12: color(display-p3 0.799 0.947 0.993);
    --mint-1: color(display-p3 0.059 0.082 0.081);
    --mint-2: color(display-p3 0.068 0.104 0.105);
    --mint-3: color(display-p3 0.077 0.17 0.168);
    --mint-4: color(display-p3 0.068 0.224 0.22);
    --mint-5: color(display-p3 0.104 0.275 0.264);
    --mint-6: color(display-p3 0.154 0.332 0.313);
    --mint-7: color(display-p3 0.207 0.403 0.373);
    --mint-8: color(display-p3 0.258 0.49 0.441);
    --mint-9: color(display-p3 0.62 0.908 0.834);
    --mint-10: color(display-p3 0.725 0.954 0.898);
    --mint-11: color(display-p3 0.482 0.825 0.733);
    --mint-12: color(display-p3 0.807 0.955 0.887);
    --mint-a1: color(display-p3 0 0.992 0.992 / 0.017);
    --mint-a2: color(display-p3 0.071 0.98 0.98 / 0.043);
    --mint-a3: color(display-p3 0.176 0.996 0.996 / 0.11);
    --mint-a4: color(display-p3 0.071 0.996 0.973 / 0.169);
    --mint-a5: color(display-p3 0.243 1 0.949 / 0.223);
    --mint-a6: color(display-p3 0.369 1 0.933 / 0.286);
    --mint-a7: color(display-p3 0.459 1 0.914 / 0.362);
    --mint-a8: color(display-p3 0.49 1 0.89 / 0.454);
    --mint-a9: color(display-p3 0.678 0.996 0.914 / 0.904);
    --mint-a10: color(display-p3 0.761 1 0.941 / 0.95);
    --mint-a11: color(display-p3 0.482 0.825 0.733);
    --mint-a12: color(display-p3 0.807 0.955 0.887);
    --lime-1: color(display-p3 0.067 0.073 0.048);
    --lime-2: color(display-p3 0.086 0.1 0.067);
    --lime-3: color(display-p3 0.13 0.16 0.099);
    --lime-4: color(display-p3 0.172 0.214 0.126);
    --lime-5: color(display-p3 0.213 0.266 0.153);
    --lime-6: color(display-p3 0.257 0.321 0.182);
    --lime-7: color(display-p3 0.307 0.383 0.215);
    --lime-8: color(display-p3 0.365 0.456 0.25);
    --lime-9: color(display-p3 0.78 0.928 0.466);
    --lime-10: color(display-p3 0.865 0.995 0.519);
    --lime-11: color(display-p3 0.771 0.893 0.485);
    --lime-12: color(display-p3 0.905 0.966 0.753);
    --lime-a1: color(display-p3 0.067 0.941 0 / 0.009);
    --lime-a2: color(display-p3 0.584 0.996 0.071 / 0.038);
    --lime-a3: color(display-p3 0.69 1 0.38 / 0.101);
    --lime-a4: color(display-p3 0.729 1 0.435 / 0.16);
    --lime-a5: color(display-p3 0.745 1 0.471 / 0.215);
    --lime-a6: color(display-p3 0.769 1 0.482 / 0.274);
    --lime-a7: color(display-p3 0.769 1 0.506 / 0.341);
    --lime-a8: color(display-p3 0.784 1 0.51 / 0.416);
    --lime-a9: color(display-p3 0.839 1 0.502 / 0.925);
    --lime-a10: color(display-p3 0.871 1 0.522 / 0.996);
    --lime-a11: color(display-p3 0.771 0.893 0.485);
    --lime-a12: color(display-p3 0.905 0.966 0.753);
    --yellow-1: color(display-p3 0.078 0.069 0.047);
    --yellow-2: color(display-p3 0.103 0.094 0.063);
    --yellow-3: color(display-p3 0.168 0.137 0.039);
    --yellow-4: color(display-p3 0.209 0.169 0);
    --yellow-5: color(display-p3 0.255 0.209 0);
    --yellow-6: color(display-p3 0.31 0.261 0.07);
    --yellow-7: color(display-p3 0.389 0.331 0.135);
    --yellow-8: color(display-p3 0.497 0.42 0.182);
    --yellow-9: color(display-p3 1 0.92 0.22);
    --yellow-10: color(display-p3 1 1 0.456);
    --yellow-11: color(display-p3 0.948 0.885 0.392);
    --yellow-12: color(display-p3 0.959 0.934 0.731);
    --yellow-a1: color(display-p3 0.973 0.369 0 / 0.013);
    --yellow-a2: color(display-p3 0.996 0.792 0 / 0.038);
    --yellow-a3: color(display-p3 0.996 0.71 0 / 0.11);
    --yellow-a4: color(display-p3 0.996 0.741 0 / 0.152);
    --yellow-a5: color(display-p3 0.996 0.765 0 / 0.202);
    --yellow-a6: color(display-p3 0.996 0.816 0.082 / 0.261);
    --yellow-a7: color(display-p3 1 0.831 0.263 / 0.345);
    --yellow-a8: color(display-p3 1 0.831 0.314 / 0.463);
    --yellow-a9: color(display-p3 1 0.922 0.22);
    --yellow-a10: color(display-p3 1 1 0.455);
    --yellow-a11: color(display-p3 0.948 0.885 0.392);
    --yellow-a12: color(display-p3 0.959 0.934 0.731);
    --amber-1: color(display-p3 0.082 0.07 0.05);
    --amber-2: color(display-p3 0.111 0.094 0.064);
    --amber-3: color(display-p3 0.178 0.128 0.049);
    --amber-4: color(display-p3 0.239 0.156 0);
    --amber-5: color(display-p3 0.29 0.193 0);
    --amber-6: color(display-p3 0.344 0.245 0.076);
    --amber-7: color(display-p3 0.422 0.314 0.141);
    --amber-8: color(display-p3 0.535 0.399 0.189);
    --amber-9: color(display-p3 1 0.77 0.26);
    --amber-10: color(display-p3 1 0.87 0.15);
    --amber-11: color(display-p3 1 0.8 0.29);
    --amber-12: color(display-p3 0.984 0.909 0.726);
    --amber-a1: color(display-p3 0.992 0.298 0 / 0.017);
    --amber-a2: color(display-p3 0.988 0.651 0 / 0.047);
    --amber-a3: color(display-p3 1 0.6 0 / 0.118);
    --amber-a4: color(display-p3 1 0.557 0 / 0.185);
    --amber-a5: color(display-p3 1 0.592 0 / 0.24);
    --amber-a6: color(display-p3 1 0.659 0.094 / 0.299);
    --amber-a7: color(display-p3 1 0.714 0.263 / 0.383);
    --amber-a8: color(display-p3 0.996 0.729 0.306 / 0.5);
    --amber-a9: color(display-p3 1 0.769 0.259);
    --amber-a10: color(display-p3 1 0.871 0.149);
    --amber-a11: color(display-p3 1 0.8 0.29);
    --amber-a12: color(display-p3 0.984 0.909 0.726);
    --orange-1: color(display-p3 0.088 0.07 0.057);
    --orange-2: color(display-p3 0.113 0.089 0.061);
    --orange-3: color(display-p3 0.189 0.12 0.056);
    --orange-4: color(display-p3 0.262 0.132 0);
    --orange-5: color(display-p3 0.315 0.168 0.016);
    --orange-6: color(display-p3 0.376 0.219 0.088);
    --orange-7: color(display-p3 0.465 0.283 0.147);
    --orange-8: color(display-p3 0.601 0.359 0.201);
    --orange-9: color(display-p3 0.9 0.45 0.2);
    --orange-10: color(display-p3 0.98 0.51 0.23);
    --orange-11: color(display-p3 1 0.63 0.38);
    --orange-12: color(display-p3 0.98 0.883 0.775);
    --orange-a1: color(display-p3 0.961 0.247 0 / 0.022);
    --orange-a2: color(display-p3 0.992 0.529 0 / 0.051);
    --orange-a3: color(display-p3 0.996 0.486 0 / 0.131);
    --orange-a4: color(display-p3 0.996 0.384 0 / 0.211);
    --orange-a5: color(display-p3 1 0.455 0 / 0.265);
    --orange-a6: color(display-p3 1 0.529 0.129 / 0.332);
    --orange-a7: color(display-p3 1 0.569 0.251 / 0.429);
    --orange-a8: color(display-p3 1 0.584 0.302 / 0.572);
    --orange-a9: color(display-p3 1 0.494 0.216 / 0.895);
    --orange-a10: color(display-p3 1 0.522 0.235 / 0.979);
    --orange-a11: color(display-p3 1 0.63 0.38);
    --orange-a12: color(display-p3 0.98 0.883 0.775);
  }
}
/**
 * MIT License
 *
 * Copyright (c) 2021 Radix
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in all
 * copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 * SOFTWARE.
 */
/**
 * Fonts
 */
:root {
  --font-system: system-ui, sans-serif, color-emoji;
  --font-grotesque: "Bricolage Grotesque", sans-serif, color-emoji;
  --font-serif: "Fraunces", serif, color-emoji;
  --font-monospace: ui-monospace, "SFMono-Regular", "SF Mono", "Menlo", "Consolas", "Liberation Mono", monospace, color-emoji;
}

/**
 * Typography
 */
:root {
  --line-height-1: 1.0;
  --line-height-2: 1.0;
  --line-height-3: 1.25;
  --line-height-4: 1.25;
  --line-height-5: 1.5;
  --line-height-6: 1.5;
  --line-height-7: 1.75;
  --line-height-8: 1.75;
  --line-height-9: 2.0;
  --letter-spacing-1: 0.05em;
  --letter-spacing-2: 0.05em;
  --letter-spacing-3: 0.05em;
  --letter-spacing-4: 0.05em;
  --letter-spacing-5: 0.05em;
  --letter-spacing-6: 0.05em;
  --letter-spacing-7: 0.05em;
  --letter-spacing-8: 0.05em;
  --letter-spacing-9: 0.05em;
  --font-weight-1: 100;
  --font-weight-2: 200;
  --font-weight-3: 300;
  --font-weight-4: 400;
  --font-weight-5: 500;
  --font-weight-6: 600;
  --font-weight-7: 700;
  --font-weight-8: 800;
  --font-weight-9: 900;
}

/**
 *
 * @link https://utopia.fyi/type/calculator?c=320,18,1.2,1240,20,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12
 */
:root {
  --step--2: clamp(0.7813rem, 0.7747rem + 0.0326vw, 0.8rem);
  --step--1: clamp(0.9375rem, 0.9158rem + 0.1087vw, 1rem);
  --step-0: clamp(1.125rem, 1.0815rem + 0.2174vw, 1.25rem);
  --step-1: clamp(1.35rem, 1.2761rem + 0.3696vw, 1.5625rem);
  --step-2: clamp(1.62rem, 1.5041rem + 0.5793vw, 1.9531rem);
  --step-3: clamp(1.9438rem, 1.7707rem + 0.8652vw, 2.4413rem);
  --step-4: clamp(2.3325rem, 2.0823rem + 1.2511vw, 3.0519rem);
  --step-5: clamp(2.7994rem, 2.4461rem + 1.7663vw, 3.815rem);
}

/**
 *
 * @link https://utopia.fyi/space/calculator?c=320,18,1.2,1240,20,1.25,5,2,&s=0.75|0.5|0.25|0.125,1.5|2|3|4|6,s-l&g=s,l,xl,12
 */
:root {
  --space-4xs: clamp(0.125rem, 0.1033rem + 0.1087vw, 0.1875rem);
  --space-3xs: clamp(0.3125rem, 0.3125rem + 0vw, 0.3125rem);
  --space-2xs: clamp(0.5625rem, 0.5408rem + 0.1087vw, 0.625rem);
  --space-xs: clamp(0.875rem, 0.8533rem + 0.1087vw, 0.9375rem);
  --space-s: clamp(1.125rem, 1.0815rem + 0.2174vw, 1.25rem);
  --space-m: clamp(1.6875rem, 1.6223rem + 0.3261vw, 1.875rem);
  --space-l: clamp(2.25rem, 2.163rem + 0.4348vw, 2.5rem);
  --space-xl: clamp(3.375rem, 3.2446rem + 0.6522vw, 3.75rem);
  --space-2xl: clamp(4.5rem, 4.3261rem + 0.8696vw, 5rem);
  --space-3xl: clamp(6.75rem, 6.4891rem + 1.3043vw, 7.5rem);
  /* One-up pairs */
  --space-4xs-3xs: clamp(0.125rem, 0.0598rem + 0.3261vw, 0.3125rem);
  --space-3xs-2xs: clamp(0.3125rem, 0.2038rem + 0.5435vw, 0.625rem);
  --space-2xs-xs: clamp(0.5625rem, 0.4321rem + 0.6522vw, 0.9375rem);
  --space-xs-s: clamp(0.875rem, 0.7446rem + 0.6522vw, 1.25rem);
  --space-s-m: clamp(1.125rem, 0.8641rem + 1.3043vw, 1.875rem);
  --space-m-l: clamp(1.6875rem, 1.4049rem + 1.413vw, 2.5rem);
  --space-l-xl: clamp(2.25rem, 1.7283rem + 2.6087vw, 3.75rem);
  --space-xl-2xl: clamp(3.375rem, 2.8098rem + 2.8261vw, 5rem);
  --space-2xl-3xl: clamp(4.5rem, 3.4565rem + 5.2174vw, 7.5rem);
  /* Custom pairs */
  --space-s-l: clamp(1.125rem, 0.6467rem + 2.3913vw, 2.5rem);
}

/**
 *
 * @link https://utopia.fyi/grid/calculator?c=320,18,1.2,1240,20,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12
 */
:root {
  --grid-max-width: 77.50rem;
  --grid-gutter: var(--space-s-l, clamp(1.125rem, 0.6467rem + 2.3913vw, 2.5rem));
  --grid-columns: 12;
}

@font-face {
  font-family: "Bricolage Grotesque";
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 200 800;
  src: url("../fonts/BricolageGrotesque.woff2") format("woff2");
}
/* ---------------------------------------------------------------------------- */
/* NORMAL */
/* Latin Basic, as defined by Google Fonts */
@font-face {
  font-family: "Fraunces";
  font-display: swap;
  font-variation-settings: "SOFT" 100, "WONK" 1;
  font-weight: 100 900;
  src: url("../fonts/Fraunces--latin_basic.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Latin extended, for diacritics in font which are not included in Latin Basic */
@font-face {
  font-family: "Fraunces";
  font-display: swap;
  font-variation-settings: "SOFT" 100, "WONK" 1;
  font-weight: 100 900;
  src: url("../fonts/Fraunces--latin_ext.woff2") format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* ---------------------------------------------------------------------------- */
/* ITALICS */
/* Latin Basic, as defined by Google Fonts */
@font-face {
  font-family: "Fraunces";
  font-display: swap;
  font-style: italic;
  font-variation-settings: "SOFT" 100, "WONK" 1;
  font-weight: 100 900;
  src: url("../fonts/Fraunces-Italic--latin_basic.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Latin extended, for diacritics in font which are not included in Latin Basic */
@font-face {
  font-family: "Fraunces";
  font-display: swap;
  font-style: italic;
  font-variation-settings: "SOFT" 100, "WONK" 1;
  font-weight: 100 900;
  src: url("../fonts/Fraunces-Italic--latin_ext.woff2") format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* https://github.com/necolas/normalize.css/issues/665#issuecomment-1116174450
   Custom emoji font-family to standardize appearance across platforms
   https://nolanlawson.com/2022/04/08/the-struggle-of-using-native-emoji-on-the-web/
 */
@font-face {
  font-family: "color-emoji";
  src: local("Apple Color Emoji"), local("Twemoji Mozilla"), local("Segoe UI Emoji"), local("Segoe UI Symbol"), local("Noto Color Emoji"), local("EmojiOne Color"), local("Android Emoji");
}
/* root */
:root {
  --anchor-link-color: var(--blue-11);
  --anchor-link-onHover-color: var(--blue-12);
  --anchor-visited-color: var(--blue-8);
  --anchor-visited-onHover-color: var(--blue-9);
}

/*******************************************************************************
 *                                                                             *
 * Shared Color Styles                                                         *
 *                                                                             *
 ******************************************************************************/
:root {
  --color-background-muted: var(--slate-3);
  --color-background-muted-onHover: var(--blue-3);
  /* --color-background-muted-onHover: var(--red-3); */
  --color-text-bright: var(--slate-12);
  /* --color-text-bright: var(--red-9); */
  --color-text-regular: var(--slate-11);
  /* --color-text-regular: var(--red-8); */
  --color-text-muted: var(--slate-10);
  /* --color-text-muted: var(--red-7); */
  --color-link-bright: var(--blue-10);
  --color-link-bright-onHover: var(--blue-9);
  /* --color-link-bright: var(--red-9); */
  /* --color-link-bright-onHover: var(--red-10); */
  --color-link-inherit: inherit;
  --color-link-inherit-onHover: var(--blue-9);
  /* --color-link-inherit-onHover: var(--red-10); */
}

/*******************************************************************************
 *                                                                             *
 * Shared Text Styles                                                          *
 *                                                                             *
 ******************************************************************************/
:root {
  /*
   * Large Body Text
   *
   * ArchivesLayout-content
   * ArticlesLayout-content
   * HomeLayout-content
   * JournalLayout-content
   * NotesLayout-content
   * Page-content
   */
  --TextStyle01-color: var(--color-text-bright);
  --TextStyle01-fontFamily: var(--font-serif);
  --TextStyle01-fontSize: var(--step-1);
  --TextStyle01-fontWeight: var(--font-weight-3);
  --TextStyle01-lineHeight: var(--line-height-5);
  --TextStyle01-link-color: var(--color-link-inherit);
  --TextStyle01-link-onHover-color: var(--color-link-inherit-onHover);
  /*
   * Medium Display Text
   *
   * Article-title
   * Entry-title
   */
  --TextStyle02-color: var(--color-text-bright);
  --TextStyle02-fontFamily: var(--font-serif);
  --TextStyle02-fontSize: var(--step-3);
  --TextStyle02-link-color: var(--color-link-inherit);
  --TextStyle02-link-onHover-color: var(--color-link-inherit-onHover);
  /*
   * Large Display Text
   *
   * Page-title
   */
  --TextStyle03-color: var(--color-text-bright);
  --TextStyle03-fontFamily: var(--font-serif);
  --TextStyle03-fontSize: var(--step-4);
  /*
   * Small Display Text
   *
   * Article-content h2
   * Entry-content h2
   * Page-content h2
   */
  --TextStyle04-color: var(--color-text-bright);
  --TextStyle04-fontFamily: var(--font-grotesque);
  --TextStyle04-fontSize: var(--step-2);
  --TextStyle04-fontWeight: var(--font-weight-5);
  --TextStyle04-lineHeight: var(--line-height-1);
  /*
   * Medium Body Text
   *
   * Article-content
   * Entry-content
   * Note-content
   */
  --TextStyle05-color: var(--color-text-bright);
  --TextStyle05-fontFamily: var(--font-serif);
  --TextStyle05-fontSize: var(--step-0);
  --TextStyle05-fontWeight: var(--font-weight-3);
  --TextStyle05-lineHeight: var(--line-height-5);
  /*
   * Meta Data Text
   *
   * Article-published
   * Entry-published
   * Note-published
   */
  --TextStyle06-color: var(--color-text-bright);
  --TextStyle06-fontFamily: var(--font-grotesque);
  --TextStyle06-fontSize: var(--step--2);
  --TextStyle06-fontWeight: var(--font-weight-3);
  --TextStyle06-link-color: var(--color-text-bright);
  --TextStyle06-link-onHover-color: var(--color-text-regular);
  /*
   * Tag Text
   *
   */
  --TextStyle07-color: var(--color-text-muted);
  --TextStyle07-fontFamily: var(--font-grotesque);
  --TextStyle07-letterSpacing: 0.025em;
  /*
   * HomeLayout-postCategoryText
   */
  --TextStyle08-color: var(--color-text-muted);
  --TextStyle08-fontFamily: var(--font-grotesque);
}

/*! modern-normalize v2.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
/*
Document
========
*/
/**
Use a better box model (opinionated).
*/
*,
::before,
::after {
  box-sizing: border-box;
}

html {
  /* Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) */
  font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  line-height: 1.15; /* 1. Correct the line height in all browsers. */
  -webkit-text-size-adjust: 100%; /* 2. Prevent adjustments of font size after orientation changes in iOS. */
  -moz-tab-size: 4; /* 3. Use a more readable tab size (opinionated). */
  tab-size: 4; /* 3 */
}

/*
Sections
========
*/
body {
  margin: 0; /* Remove the margin in all browsers. */
}

/*
Grouping content
================
*/
/**
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
}

/*
Text-level semantics
====================
*/
/**
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr[title] {
  text-decoration: underline dotted;
}

/**
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}

/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}

/**
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
Tabular data
============
*/
/**
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
}

/*
Forms
=====
*/
/**
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}

/**
Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
Remove the inner border and padding in Firefox.
*/
::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
Restore the focus styles unset by the previous rule.
*/
:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
Remove the additional ':invalid' styles in Firefox.
See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
*/
:-moz-ui-invalid {
  box-shadow: none;
}

/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/
legend {
  padding: 0;
}

/**
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}

/**
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/**
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Interactive
===========
*/
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}

/**
 * Placeholder to allow overriding predefined variables smoothly.
 */
.Icon {
  --Icon-color: var(--slate-9);
  display: inline-block;
  fill: var(--Icon-color);
  height: 1em;
  width: 1em;
}

.Search {
  margin-block-start: var(--space-m-l);
  max-width: 100%;
  width: 100%;
}

.Search-fieldSet {
  align-items: stretch;
  background-color: var(--slate-5);
  border: unset;
  border-radius: var(--space-3xs);
  display: flex;
  margin: unset;
  padding: unset;
}

.Search-fieldSet *:first-child {
  border-top-left-radius: var(--space-3xs);
  border-bottom-left-radius: var(--space-3xs);
}

.Search-fieldSet *:last-child {
  border-top-right-radius: var(--space-3xs);
  border-bottom-right-radius: var(--space-3xs);
}

.Search-fieldInput {
  background: unset;
  border: unset;
  flex: 1 1 auto;
  font-size: var(--step-0);
  line-height: 1em;
  padding-block: var(--space-3xs-2xs);
  padding-inline: var(--space-2xs-xs);
}

.Search-fieldInput::-webkit-input-placeholder {
  color: var(--slate-9);
}

.Search-fieldInput::-webkit-search-cancel-button {
  display: none;
}

.Search-fieldClear {
  background: unset;
  border: unset;
  color: var(--blue-11);
  font-size: var(--step-0);
  line-height: 1em;
  margin: unset;
  padding: unset;
  padding-inline: var(--space-xs);
  position: relative;
}

.Search-fieldClear:hover,
.Search-fieldClear:focus {
  color: var(--blue-12);
  z-index: 1;
}

.Search-fieldSubmit {
  background: unset;
  border: unset;
  color: var(--blue-11);
  font-size: var(--step-0);
  line-height: 1em;
  margin: unset;
  padding: unset;
  padding-inline: var(--space-xs);
  position: relative;
}

.Search-fieldSubmit:hover,
.Search-fieldSubmit:focus {
  background-color: var(--blue-9);
  color: var(--slate-5);
  z-index: 1;
}

.Search-results {
  list-style-type: "";
  margin-block: var(--space-m-l) var(--space-m-l);
  padding-inline: 0 0;
}

.Search-result + .Search-result {
  margin-top: var(--space-s-m);
}

.Search-result *:link,
.Search-result *:visited {
  border-radius: var(--space-3xs-2xs);
  color: inherit !important;
  display: block;
  margin: calc(var(--space-xs) * -1);
  padding: var(--space-xs);
  text-decoration: none;
  transition: background-color ease-in-out 0.1s;
}

.Search-resultUrl {
  align-items: center;
  display: flex;
  font-family: var(--font-system);
  font-size: var(--step--2);
  font-style: normal;
  line-height: var(--line-height-5);
  transition: color ease-in-out 0.1s;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.Search-resultUrl::before {
  background-color: var(--slate-8);
  content: "";
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  height: 1em;
  margin-right: var(--space-3xs);
  mask-image: url("../../favicon.svg");
  mask-size: cover;
  width: 1em;
  transition: background-color ease-in-out 0.1s;
}

.Search-resultUrl span {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.Search-resultTitle {
  font-size: var(--step-0);
  font-weight: 400;
  line-height: var(--line-height-3);
  margin: var(--space-4xs) 0;
  text-wrap: balance;
  transition: color ease-in-out 0.1s;
}

.Search-resultDescription {
  color: var(--slate-11);
  font-family: var(--font-system);
  font-size: var(--step--1);
  font-weight: 300;
  line-height: var(--line-height-5);
  margin: 0;
  max-width: 40em;
  transition: color ease-in-out 0.1s;
}

.Search-result *:link:hover,
.Search-result *:link:focus,
.Search-result *:visited:hover,
.Search-result *:visited:focus {
  background-color: var(--blue-3);
}

.Search-result *:link:hover .Search-resultUrl::before,
.Search-result *:link:focus .Search-resultUrl::before,
.Search-result *:visited:hover .Search-resultUrl::before,
.Search-result *:visited:focus .Search-resultUrl::before {
  background-color: var(--blue-10);
}

.Search-result *:link:hover .Search-resultUrl,
.Search-result *:link:focus .Search-resultUrl,
.Search-result *:visited:hover .Search-resultUrl,
.Search-result *:visited:focus .Search-resultUrl {
  color: var(--blue-11);
}

.Search-result *:link:hover .Search-resultTitle,
.Search-result *:link:hover .Search-resultDescription,
.Search-result *:link:focus .Search-resultTitle,
.Search-result *:link:focus .Search-resultDescription,
.Search-result *:visited:hover .Search-resultTitle,
.Search-result *:visited:hover .Search-resultDescription,
.Search-result *:visited:focus .Search-resultTitle,
.Search-result *:visited:focus .Search-resultDescription {
  color: var(--blue-12);
}

.Search-content {
  font-family: var(--font-grotesque);
  font-size: var(--step--2);
  line-height: var(--line-height-5);
  margin: unset;
}

.Search-content *:first-child {
  margin-block-start: 0;
}

.Search-tips {
  margin-block-start: var(--space-xs);
}

.Search-tipsSummary {
  cursor: default;
  font-family: var(--font-system);
  font-size: var(--step--1);
  font-weight: var(--font-weight-6);
  -webkit-user-select: none;
  user-select: none;
}

.Search-tipsList {
  font-family: var(--font-system);
  font-size: var(--step--2);
  line-height: var(--line-height-5);
  margin: unset;
  margin-inline-start: 1.5em;
}

.Search-tipsListTerm {
  font-weight: var(--font-weight-6);
  margin-block: var(--space-2xs-xs) 0;
}

.Search-tipsListDescription {
  margin: unset;
  margin-block: var(--space-4xs-3xs) 0;
  text-wrap: balance;
}

.Kbd {
  background-color: var(--slate-3);
  border-radius: 0.25em;
  color: var(--slate-12);
  font-family: var(--font-monospace);
  font-size: smaller;
  font-weight: var(--font-weight-3);
  padding-block: 0.25em;
  padding-inline: 0.75em;
  white-space: nowrap;
}

@media screen and (min-width: 60em) {
  .Search {
    column-gap: var(--grid-gutter);
    display: grid;
    grid-template-columns: repeat(var(--grid-columns), 1fr);
    grid-template-rows: auto 1fr auto;
    row-gap: 0;
    width: 100%;
  }
  .Search-form {
    grid-column-end: 9;
    grid-column-start: 1;
  }
  .Search-aside {
    grid-column-end: 13;
    grid-column-start: 9;
  }
}
.Tags {
  --Tags-details-color: var(--TextStyle07-color);
  --Tags-details-fontFamily: var(--TextStyle07-fontFamily);
  --Tags-details-letterSpacing: var(--TextStyle07-letterSpacing);
  --Tags-details-link--freq1-link-backgroundColor: var(--slate-3);
  --Tags-details-link--freq1-link-color: var(--slate-10);
  --Tags-details-link--freq1-link-onHover-backgroundColor: var(--blue-3);
  --Tags-details-link--freq1-link-onHover-color: var(--blue-10);
  --Tags-details-link--freq2-link-backgroundColor: var(--slate-4);
  --Tags-details-link--freq2-link-color: var(--slate-10);
  --Tags-details-link--freq2-link-onHover-backgroundColor: var(--blue-4);
  --Tags-details-link--freq2-link-onHover-color: var(--blue-10);
  --Tags-details-link--freq3-link-backgroundColor: var(--slate-5);
  --Tags-details-link--freq3-link-color: var(--slate-11);
  --Tags-details-link--freq3-link-onHover-backgroundColor: var(--blue-5);
  --Tags-details-link--freq3-link-onHover-color: var(--blue-11);
  --Tags-details-link--freq4-link-backgroundColor: var(--slate-6);
  --Tags-details-link--freq4-link-color: var(--slate-11);
  --Tags-details-link--freq4-link-onHover-backgroundColor: var(--blue-6);
  --Tags-details-link--freq4-link-onHover-color: var(--blue-11);
  --Tags-details-link--freq5-link-backgroundColor: var(--slate-7);
  --Tags-details-link--freq5-link-color: var(--slate-11);
  --Tags-details-link--freq5-link-onHover-backgroundColor: var(--blue-7);
  --Tags-details-link--freq5-link-onHover-color: var(--blue-11);
  --Tags-details-link-backgroundColor: var(--color-background-muted);
  --Tags-details-link-borderRadius: 0.25em;
  --Tags-details-link-color: var(--color-link-inherit);
  --Tags-details-link-onHover-backgroundColor: var(--color-background-muted-onHover);
  --Tags-details-link-onHover-color: var(--color-link-inherit-onHover);
  --Tags-details-link-paddingBlock: var(--space-3xs);
  --Tags-details-link-paddingInline: var(--space-2xs);
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3xs-2xs);
  margin-inline: 0;
}

.Tags-term {
  display: none;
}

.Tags-details {
  color: var(--Tags-details-color);
  font-family: var(--Tags-details-fontFamily);
  letter-spacing: var(--Tags-details-letterSpacing);
  margin-block: 0 0;
  margin-inline: 0 0;
}

.Tags-details *:link,
.Tags-details *:visited {
  background-color: var(--Tags-details-link-backgroundColor);
  border-radius: var(--Tags-details-link-borderRadius);
  color: var(--Tags-details-link-color);
  display: block;
  padding-block: var(--Tags-details-link-paddingBlock);
  padding-inline: var(--Tags-details-link-paddingInline);
  text-decoration: none;
}

.Tags-details *:link:hover,
.Tags-details *:visited:hover {
  background-color: var(--Tags-details-link-onHover-backgroundColor);
  color: var(--Tags-details-link-onHover-color);
}

.Tags-details *[data-frequency="1"] {
  background-color: var(--Tags-details-link--freq1-link-backgroundColor);
  color: var(--Tags-details-link--freq1-link-color);
}

.Tags-details *[data-frequency="1"]:hover {
  background-color: var(--Tags-details-link--freq1-link-onHover-backgroundColor);
  color: var(--Tags-details-link--freq1-link-onHover-color);
}

.Tags-details *[data-frequency="2"] {
  background-color: var(--Tags-details-link--freq2-link-backgroundColor);
  color: var(--Tags-details-link--freq2-link-color);
}

.Tags-details *[data-frequency="2"]:hover {
  background-color: var(--Tags-details-link--freq2-link-onHover-backgroundColor);
  color: var(--Tags-details-link--freq2-link-onHover-color);
}

.Tags-details *[data-frequency="3"] {
  background-color: var(--Tags-details-link--freq3-link-backgroundColor);
  color: var(--Tags-details-link--freq3-link-color);
}

.Tags-details *[data-frequency="3"]:hover {
  background-color: var(--Tags-details-link--freq3-link-onHover-backgroundColor);
  color: var(--Tags-details-link--freq3-link-onHover-color);
}

.Tags-details *[data-frequency="4"] {
  background-color: var(--Tags-details-link--freq4-link-backgroundColor);
  color: var(--Tags-details-link--freq4-link-color);
}

.Tags-details *[data-frequency="4"]:hover {
  background-color: var(--Tags-details-link--freq4-link-onHover-backgroundColor);
  color: var(--Tags-details-link--freq4-link-onHover-color);
}

.Tags-details *[data-frequency="5"] {
  background-color: var(--Tags-details-link--freq5-link-backgroundColor);
  color: var(--Tags-details-link--freq5-link-color);
}

.Tags-details *[data-frequency="5"]:hover {
  background-color: var(--Tags-details-link--freq5-link-onHover-backgroundColor);
  color: var(--Tags-details-link--freq5-link-onHover-color);
}

.Body {
  --Body-backgroundColor: var(--slate-2);
  --Body-color: var(--slate-12);
  --Body-footer-backgroundColor: inherit;
  --Body-footer-color: inherit;
  --Body-header-backgroundColor: inherit;
  --Body-header-color: inherit;
  background-color: var(--Body-backgroundColor);
  color: var(--Body-color);
  display: grid;
  grid-template-rows: auto 1fr auto;
  min-height: 100vh;
  scroll-behavior: smooth;
}

.Body-header {
  background-color: var(--Body-header-backgroundColor);
  color: var(--Body-header-color);
}

.Body-main {
  display: flex;
}

.Body-footer {
  background-color: var(--Body-footer-backgroundColor);
  color: var(--Body-footer-color);
}

.Footer {
  margin-block: var(--space-xl);
  margin-inline: auto;
  max-width: var(--grid-max-width);
  padding-inline: var(--grid-gutter);
  width: 100%;
}

.Footer-heading {
  color: var(--slate-8);
  font-family: var(--font-grotesque);
  font-size: var(--step--1);
  font-weight: var(--font-weight-6);
  line-height: var(--line-height-5);
  margin-block: var(--space-s-m) 0 !important;
}

.Footer-content p,
.Footer-navList {
  color: var(--slate-11);
  font-family: var(--font-grotesque);
  font-size: var(--step--1);
  font-weight: var(--font-weight-6);
  line-height: var(--line-height-5);
  margin-block: var(--space-4xs-3xs) 0;
}

.Footer-navList {
  list-style-type: "";
  padding-inline: 0 0;
}

.Footer-navListItem {
  display: block;
  margin-block: var(--space-4xs-3xs) 0;
}

.Footer-link:link,
.Footer-link:visited {
  background-color: unset;
  color: inherit;
  text-decoration: none;
}

.Footer-link:hover,
.Footer-link:focus,
.Footer-link:active {
  color: var(--blue-10);
  text-decoration: none;
}

.Footer-linkIcon {
  color: var(--slate-12);
  fill: var(--slate-12);
  height: 1em;
  vertical-align: -0.15em;
  width: 1.25em;
}

@media (min-width: 24em) {
  .Footer-content {
    column-gap: var(--grid-gutter);
    display: grid;
    grid-template-columns: repeat(var(--grid-columns), 1fr);
    grid-template-rows: auto 1fr auto;
    row-gap: var(--space-s-m);
  }
  .Footer-about {
    grid-column-end: 13;
    grid-column-start: 1;
    grid-row: 1;
  }
  .Footer-nav {
    grid-column-end: 7;
    grid-column-start: 1;
    grid-row: 2;
  }
  .Footer-social {
    grid-column-end: 13;
    grid-column-start: 7;
    grid-row: 2;
  }
}
@media (min-width: 48em) {
  .Footer-heading {
    margin-block-start: var(--space-xs-s) !important;
  }
  .Footer-about {
    grid-column-end: 6;
    grid-column-start: 1;
    grid-row: 1;
  }
  .Footer-nav {
    grid-column-end: 10;
    grid-column-start: 7;
    grid-row: 1;
  }
  .Footer-social {
    grid-column-end: 13;
    grid-column-start: 10;
    grid-row: 1;
  }
}
/*
 * 1. Necessary until Safari supports the font-variation-settings property in @font-face
 *    https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@font-face#browser_compatibility
 */
.Header {
  --Header-height: var(--space-xl-2xl);
  --Header-mobileNav-backgroundColor: var(--slate-2);
  --Header-mobileNav-boxShadowColor: var(--slate-2);
  --Header-mobileNav-color: var(--slate-11);
  --Header-mobileNavListItem-boxShadowColor: var(--slate-6);
  --Header-name-color: var(--color-text-bright);
  --Header-name-fontFamily: var(--font-serif);
  --Header-name-fontSize: var(--step-1);
  --Header-name-fontWeight: var(--font-weight-6);
  --Header-name-link-color: var(--color-link-inherit);
  --Header-name-link-onHover-color: var(--color-link-bright-onHover);
  --Header-navListItem-color: var(--color-text-regular);
  --Header-navListItem-fontFamily: var(--font-grotesque);
  --Header-navListItem-fontSize: var(--step-0);
  --Header-navListItem-fontWeight: var(--font-weight-6);
  --Header-navListItem-link-color: var(--color-link-bright);
  --Header-navListItem-link-onHover-backgroundColor: var(--color-background-muted-onHover);
  --Header-navListItem-link-onHover-color: var(--color-link-bright-onHover);
  --Header-navListItem-isCurrent-link-backgroundColor: var(--color-background-muted);
  --Header-navListItem-isCurrent-link-Color: var(--color-link-inherit);
  --Header-navListItem-isCurrent-link-onHover-backgroundColor: var(--color-background-muted-onHover);
  --Header-navListItem-isCurrent-link-onHover-color: var(--color-link-inherit-onHover);
  align-items: center;
  display: flex;
  height: var(--Header-height);
  justify-content: space-between;
  margin-inline: auto;
  max-width: var(--grid-max-width);
  padding-inline: var(--grid-gutter);
  white-space: nowrap;
  width: 100%;
}

.Header-name {
  color: var(--Header-name-color);
  font-family: var(--Header-name-fontFamily);
  font-size: var(--Header-name-fontSize);
  font-variation-settings: "SOFT" 100, "WONK" 1; /* 1 */
  font-weight: var(--Header-name-fontWeight);
  /* u-flexTruncateParent */
  min-width: 0 !important;
}

.Header-name *:link,
.Header-name *:visited,
.Header-navListItem *:link,
.Header-navListItem *:visited {
  border-radius: 0.125em;
  display: block;
  max-width: 100%;
  overflow: hidden !important;
  padding: var(--space-3xs-2xs) var(--space-xs-s);
  text-decoration: none;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  word-wrap: normal !important;
}

.Header-name *:link,
.Header-name *:visited {
  color: var(--Header-name-link-color);
  left: calc(-1 * var(--space-xs-s));
  position: relative;
}

.Header-name *:link:hover,
.Header-name *:link:focus,
.Header-name *:visited:hover,
.Header-name *:visited:focus {
  color: var(--Header-name-link-onHover-color);
}

.Header-nav {
  display: none;
  flex: 1 1 auto;
}

.Header-navList {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  list-style-type: "";
  margin-block: 0 0;
  padding-inline: 0 0;
}

.Header-navListItem {
  color: var(--Header-navListItem-color);
  font-family: var(--Header-navListItem-fontFamily);
  font-size: var(--Header-navListItem-fontSize);
  font-weight: var(--Header-navListItem-fontWeight);
  margin: 0 var(--space-3xs);
}

.Header-navListItem *:link,
.Header-navListItem *:visited {
  background-color: unset;
  color: var(--Header-navListItem-link-color);
}

.Header-navListItem *:link:hover,
.Header-navListItem *:visited:hover,
.Header-navListItem *:link:focus,
.Header-navListItem *:visited:focus {
  color: var(--Header-navListItem-link-onHover-color);
  background-color: var(--Header-navListItem-link-onHover-backgroundColor);
}

.Header-navListItem.is-current *:link,
.Header-navListItem.is-current *:visited {
  color: var(--Header-navListItem-isCurrent-link-Color);
  background-color: var(--Header-navListItem-isCurrent-link-backgroundColor);
}

.Header-navListItem.is-current *:link:hover,
.Header-navListItem.is-current *:link:focus,
.Header-navListItem.is-current *:link:active,
.Header-navListItem.is-current *:visited:hover,
.Header-navListItem.is-current *:visited:focus,
.Header-navListItem.is-current *:visited:active {
  background-color: var(--Header-navListItem-isCurrent-link-onHover-backgroundColor);
  color: var(--Header-navListItem-isCurrent-link-onHover-color);
}

.Header-summary {
  cursor: default;
  height: 0;
  outline: none;
  overflow: hidden;
  padding-top: 2em;
  position: relative;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 2em;
  z-index: 2;
}

.Header-summary::before {
  bottom: 0;
  color: inherit;
  content: "☰";
  font-size: 2em;
  font-style: normal;
  left: 0;
  line-height: 1;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
}

.Header-details[open] .Header-summary::before {
  color: var(--Header-mobileNav-color);
  content: "×";
}

.Header-summary::-webkit-details-marker {
  display: none;
}

.Header-details[open] .Header-mobileNav {
  left: 20vw;
}

.Header-mobileNav {
  background-color: var(--Header-mobileNav-backgroundColor);
  bottom: 0;
  box-shadow: 0 0 48px rgba(33, 37, 41, 0.25), inset 0 var(--Header-height) 0 var(--Header-mobileNav-boxShadowColor);
  color: var(--Header-mobileNav-color);
  display: flex;
  flex-direction: column;
  left: 20vw;
  min-height: calc(100vh - var(--Header-height));
  padding-top: var(--Header-height);
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.Header-mobileNavList {
  box-shadow: inset 0 1px 0 var(--Header-mobileNavList-boxShadowColor);
  margin-block: 0 0;
  padding-inline: 0 0 0 var(--space-m);
}

.Header-mobileNavListItem {
  align-items: center;
  box-shadow: inset 0 -1px 0 var(--Header-mobileNavListItem-boxShadowColor);
  display: flex;
  flex: 1 1 auto;
  font-family: var(--Header-navListItem-fontFamily);
  font-size: var(--Header-navListItem-fontSize);
  font-weight: var(--Header-navListItem-fontWeight);
  justify-content: start;
}

.Header-mobileNavlink {
  display: block;
  flex: 1 1 auto;
  padding: var(--space-s);
}

.Header-mobileNavlink:link,
.Header-mobileNavlink:visited,
.Header-mobileNavlink:hover,
.Header-mobileNavlink:focus,
.Header-mobileNavlink:active {
  background-color: unset;
  color: inherit;
  text-decoration: none;
}

@media (min-width: 60em) {
  .Header-nav {
    display: block;
  }
  .Header-details {
    display: none;
  }
}
.Main {
  display: flex;
  margin-inline: auto;
  max-width: min(100vw, var(--grid-max-width));
  padding-inline: var(--grid-gutter);
  width: 100%;
}

/*
 * 1. Necessary until Safari supports the font-variation-settings property in @font-face
 *    https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@font-face#browser_compatibility
 */
.HomeLayout {
  --HomeLayout-content-color: var(--TextStyle01-color);
  --HomeLayout-content-fontFamily: var(--TextStyle01-fontFamily);
  --HomeLayout-content-fontSize: var(--TextStyle01-fontSize);
  --HomeLayout-content-link-color: var(--TextStyle01-link-color);
  --HomeLayout-content-link-onHover-color: var(--TextStyle01-link-onHover-color);
  --HomeLayout-post-paddingBlock: var(--space-xs-s) var(--space-l-xl);
  --HomeLayout-postCategory-color: var(--slate-8);
  --HomeLayout-postCategory-cursor: default;
  --HomeLayout-postCategory-fontFamily: var(--TextStyle08-fontFamily);
  --HomeLayout-postCategory-fontSize: var(--step--1);
  --HomeLayout-postCategory-fontWeight: 800;
  --HomeLayout-postCategory-letterSpacing: 0.15em;
  --HomeLayout-postCategory-textTransform: uppercase;
  --HomeLayout-postCategory-userSelect: none;
  --HomeLayout-postCategoryText-link-color: var(--color-link-inherit);
  --HomeLayout-postCategoryText-link-onHover-color: var(--color-link-inherit-onHover);
  align-self: center;
  margin-inline: auto;
}

.HomeLayout-content {
  color: var(--HomeLayout-content-color);
  font-family: var(--HomeLayout-content-fontFamily);
  font-size: var(--HomeLayout-content-fontSize);
  font-variation-settings: "SOFT" 100, "WONK" 1; /* 1 */
  font-weight: var(--font-weight-3);
  line-height: var(--line-height-5);
  max-width: 32em;
}

.HomeLayout-content *:link,
.HomeLayout-content *:visited {
  color: var(--HomeLayout-content-link-color);
  text-decoration-skip-ink: all;
  text-decoration-thickness: 0.04em;
  text-underline-offset: 0.1em;
}

.HomeLayout-content *:link:hover,
.HomeLayout-content *:link:focus,
.HomeLayout-content *:visited:hover,
.HomeLayout-content *:visited:focus {
  color: var(--HomeLayout-content-link-onHover-color);
}

.HomeLayout-posts {
  margin-block: var(--space-l-xl) 0;
}

.HomeLayout-post {
  border-top: solid 2px var(--slate-5);
  -webkit-border-before: solid 2px var(--slate-5);
  border-before: solid 2px var(--slate-5);
  padding-block: var(--HomeLayout-post-paddingBlock);
  position: relative;
}

.HomeLayout-postCategory {
  background-color: var(--Body-backgroundColor);
  color: var(--HomeLayout-postCategory-color);
  font-family: var(--HomeLayout-postCategory-fontFamily);
  font-size: var(--HomeLayout-postCategory-fontSize);
  font-weight: var(--HomeLayout-postCategory-fontWeight);
  letter-spacing: var(--HomeLayout-postCategory-letterSpacing);
  left: 0;
  padding-inline-end: 0.5em;
  position: absolute;
  text-transform: var(--HomeLayout-postCategory-textTransform);
  top: -0.6em;
  -webkit-user-select: var(--HomeLayout-postCategory-userSelect);
  user-select: var(--HomeLayout-postCategory-userSelect);
}

.HomeLayout-postCategory *:link,
.HomeLayout-postCategory *:visited {
  text-decoration: none;
}

.HomeLayout-postCategory *:link,
.HomeLayout-postCategory *:visited {
  color: var(--HomeLayout-postCategoryText-link-color);
}

.HomeLayout-postCategory *:link:hover,
.HomeLayout-postCategory *:visited:hover {
  color: var(--HomeLayout-postCategoryText-link-onHover-color);
}

.HomeLayout-post .Entry-title {
  margin-block-start: var(--space-2xs);
}

/*
 * 1. Since iframes have unknown width, just take the whole horizontal space.
 * 2. Necessary until Safari supports the font-variation-settings property in @font-face
 *    https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@font-face#browser_compatibility
 */
.Page {
  --Page-header-color: var(--TextStyle03-color);
  --Page-header-fontFamily: var(--TextStyle03-fontFamily);
  --Page-header-fontSize: var(--TextStyle03-fontSize);
  --Page-header-fontWeight: var(--font-weight-4);
  --Page-header-letterSpacing: -0.04em;
  --Page-header-lineHeight: var(--line-height-1);
  --Page-content-anchor-link-color: var(--anchor-link-color);
  --Page-content-anchor-link-onHover-color: var(--anchor-link-onHover-color);
  --Page-content-anchor-visited-color: var(--anchor-visited-color);
  --Page-content-anchor-visited-onHover-color: var(--anchor-visited-onHover-color);
  --Page-content-color: var(--TextStyle01-color);
  --Page-content-fontFamily: var(--TextStyle01-fontFamily);
  --Page-content-fontSize: var(--TextStyle01-fontSize);
  --Page-content-fontWeight: var(--TextStyle01-fontWeight);
  --Page-content-lineHeight: var(--TextStyle01-lineHeight);
  --Page-content-h2-color: var(--TextStyle04-color);
  --Page-content-h2-fontFamily: var(--TextStyle04-fontFamily);
  --Page-content-h2-fontSize: var(--TextStyle04-fontSize);
  --Page-content-h2-fontWeight: var(--TextStyle04-fontWeight);
  --Page-content-h2-lineHeight: var(--TextStyle04-lineHeight);
  align-self: center;
  margin-inline: auto;
}

.Page:has(iframe) {
  width: 100%;
}

.Page:has(iframe) .Page-content {
  max-width: none;
}

.Page-title {
  color: var(--Page-header-color);
  font-family: var(--Page-header-fontFamily);
  font-size: var(--Page-header-fontSize);
  font-variation-settings: "SOFT" 100, "WONK" 1; /* 1 */
  font-weight: var(--Page-header-fontWeight);
  letter-spacing: var(--Page-header-letterSpacing);
  line-height: var(--Page-header-lineHeight);
  margin-block: var(--space-xl) 0;
  max-width: 24em;
  text-wrap: balance;
}

.Page-content {
  color: var(--Page-content-color);
  font-family: var(--Page-content-fontFamily);
  font-size: var(--Page-content-fontSize);
  font-variation-settings: "SOFT" 100, "WONK" 1; /* 1 */
  font-weight: var(--Page-content-fontWeight);
  line-height: var(--Page-content-lineHeight);
  max-width: 32em;
}

.Page-content a:link {
  color: var(--Page-content-anchor-link-color);
  text-decoration-skip-ink: all;
  text-decoration-thickness: 0.04em;
  text-underline-offset: 0.1em;
}

.Page-content a:link:hover {
  color: var(--Page-content-anchor-link-onHover-color);
}

.Page-content a:visited {
  color: var(--Page-content-anchor-visited-color);
  text-decoration-skip-ink: all;
  text-decoration-thickness: 0.04em;
  text-underline-offset: 0.1em;
}

.Page-content a:visited:hover {
  color: var(--Page-content-anchor-visited-onHover-color);
}

.Page-content h2 {
  color: var(--Page-content-h2-color);
  font-family: var(--Page-content-h2-fontFamily);
  font-optical-sizing: auto;
  font-size: var(--Page-content-h2-fontSize);
  font-style: normal;
  font-weight: var(--Page-content-h2-fontWeight);
  font-variation-settings: "wdth" 75;
  line-height: var(--Page-content-h2-lineHeight);
  margin-block: var(--space-l) 0;
  text-transform: uppercase;
}

.Page-content img {
  display: block;
  max-width: 100%;
}

.Page-content p {
  margin-block: var(--space-xs-s) 0;
}

/*
 * 1. Necessary until Safari supports the font-variation-settings property in @font-face
 *    https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@font-face#browser_compatibility
 */
.ArchiveLayout {
  --ArchiveLayout-title-color: var(--slate-8);
  --ArchiveLayout-title-fontFamily: var(--font-system);
  --ArchiveLayout-title-fontSize: var(--step-0);
  --ArchiveLayout-title-fontStyle: normal;
  --ArchiveLayout-title-fontWeight: var(--font-weight-6);
  --ArchiveLayout-title-marginBlock: var(--space-l);
  --ArchiveLayout-title-marginInline: 0;
  align-self: center;
  margin-inline: auto;
  max-width: 100%;
}

.ArchiveLayout-title {
  color: var(--ArchiveLayout-title-color);
  font-family: var(--ArchiveLayout-title-fontFamily);
  font-size: var(--ArchiveLayout-title-fontSize);
  font-style: var(--ArchiveLayout-title-fontStyle);
  font-variation-settings: "SOFT" 100, "WONK" 1; /* 1 */
  font-weight: var(--ArchiveLayout-title-fontWeight);
  margin-block: var(--ArchiveLayout-title-marginBlock);
  margin-inline: var(--ArchiveLayout-title-marginInline);
  position: relative;
}

.ArchiveLayout-article,
.ArchiveLayout-entry,
.ArchiveLayout-note {
  margin-block: var(--space-2xs-xs) 0;
}

/*
 * 1. Necessary until Safari supports the font-variation-settings property in @font-face
 *    https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@font-face#browser_compatibility
 */
.Archive {
  font-family: var(--font-serif);
  font-size: var(--step-2);
  font-weight: 400;
  line-height: var(--line-height-4);
  max-width: 32em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.Archive-link {
  color: inherit;
  text-decoration: none;
}

.Archive-publishedDate {
  color: var(--slate-8);
  display: inline;
  font-family: var(--font-grotesque);
  font-size: var(--step-1);
  font-weight: inherit;
  margin-inline-end: var(--space-3xs-2xs);
}

.Archive-title {
  display: inline;
  font-size: inherit;
  font-variation-settings: "SOFT" 100, "WONK" 1; /* 1 */
  font-weight: inherit;
  margin-block: 0;
}

/*
 * 1. Necessary until Safari supports the font-variation-settings property in @font-face
 *    https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@font-face#browser_compatibility
 */
.ArchivesLayout {
  --ArchivesLayout-content-color: var(--TextStyle01-color);
  --ArchivesLayout-content-fontFamily: var(--TextStyle01-fontFamily);
  --ArchivesLayout-content-fontSize: var(--TextStyle01-fontSize);
  align-self: center;
  margin-inline: auto;
  /* max-width: 100%; */
}

.ArchivesLayout-content {
  color: var(--ArchivesLayout-content-color);
  font-family: var(--ArchivesLayout-content-fontFamily);
  font-size: var(--ArchivesLayout-content-fontSize);
  font-variation-settings: "SOFT" 100, "WONK" 1; /* 1 */
  font-weight: var(--font-weight-3);
  line-height: var(--line-height-5);
  /* margin-block: var(--space-xs-s) 0; */
}

.ArchivesLayout-years {
  list-style-type: none;
  margin-block: 0;
  margin-inline: 0;
  padding-block: 0;
  padding-inline: 0;
}

.ArchivesLayout-year + .ArchivesLayout-year {
  margin-block: var(--space-m-l) 0;
}

.ArchivesLayout-yearHeader {
  color: var(--slate-7);
  font-family: var(--font-grotesque);
  font-size: var(--step-1);
  font-weight: var(--font-weight-9);
  line-height: var(--line-height-5);
  margin-block: 0;
  margin-inline: 0;
  padding-block: 0;
  padding-inline: 0;
  text-transform: uppercase;
}

.ArchivesLayout-tags {
  margin-block: var(--space-4xs-3xs) 0;
}

.ArchivesLayout-months {
  column-gap: var(--space-xs);
  display: grid;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  list-style-type: none;
  margin-block: 0;
  margin-inline: 0;
  padding-block: 0;
  padding-inline: 0;
  row-gap: var(--space-s);
}

@media only screen and (min-width: 640px) {
  .ArchivesLayout-months {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media only screen and (min-width: 960px) {
  .ArchivesLayout-months {
    grid-template-columns: repeat(12, 1fr);
  }
}
.ArchivesLayout-month {
  color: var(--TextStyle07-color);
  font-family: var(--font-grotesque);
  font-size: var(--step--1);
  font-weight: var(--font-weight-7);
  margin-block: 0;
  margin-inline: 0;
  padding-block: 0;
  padding-inline: 0;
  text-transform: uppercase;
}

.ArchivesLayout-month *:link,
.ArchivesLayout-month *:visited {
  aspect-ratio: 1/1;
  background-color: var(--color-background-muted);
  border-radius: var(--space-4xs-3xs);
  color: var(--color-link-inherit);
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.ArchivesLayout-month *:link:hover,
.ArchivesLayout-month *:link:focus,
.ArchivesLayout-month *:visited:hover,
.ArchivesLayout-month *:visited:focus {
  background-color: var(--color-background-muted-onHover);
  color: var(--color-link-inherit-onHover);
}

.ArticleLayout {
  align-self: center;
  margin-block: var(--space-m-l);
  margin-inline: auto;
}

/*
 * 1. Necessary until Safari supports the font-variation-settings property in @font-face
 *    https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@font-face#browser_compatibility
 */
.Article {
  --Article--sizeLarge-content-fontSize: var(--step-1);
  --Article--sizeLarge-content-maxWidth: 40em;
  --Article--sizeLarge-publishedFooter-fontSize: var(--step--1);
  --Article--sizeLarge-publishedFooter-fontWeight: var(--font-weight-3);
  --Article--sizeLarge-publishedHeader-fontSize: var(--step-1);
  --Article--sizeLarge-publishedHeader-fontWeight: var(--font-weight-9);
  --Article--sizeLarge-title-fontSize: var(--step-5);
  --Article--sizeLarge-title-maxWidth: 20em;
  --Article--sizeSmall-content-fontSize: var(--step-0);
  --Article--sizeSmall-content-maxWidth: 40em;
  --Article--sizeSmall-publishedFooter-fontSize: var(--step--2);
  --Article--sizeSmall-publishedFooter-fontWeight: var(--font-weight-3);
  --Article--sizeSmall-publishedHeader-fontSize: var(--step--2);
  --Article--sizeSmall-publishedHeader-fontWeight: var(--font-weight-3);
  --Article--sizeSmall-title-fontSize: var(--step-3);
  --Article--sizeSmall-title-maxWidth: 20em;
  --Article-content-anchor-link-color: var(--anchor-link-color);
  --Article-content-anchor-link-onHover-color: var(--anchor-link-onHover-color);
  --Article-content-anchor-visited-color: var(--anchor-visited-color);
  --Article-content-anchor-visited-onHover-color: var(--anchor-visited-onHover-color);
  --Article-content-color: var(--TextStyle05-color);
  --Article-content-fontFamily: var(--TextStyle05-fontFamily);
  --Article-content-fontSize: var(--TextStyle05-fontSize);
  --Article-content-fontWeight: var(--TextStyle05-fontWeight);
  --Article-content-h2-color: var(--TextStyle04-color);
  --Article-content-h2-fontFamily: var(--TextStyle04-fontFamily);
  --Article-content-h2-fontSize: var(--TextStyle04-fontSize);
  --Article-content-h2-fontWeight: var(--TextStyle04-fontWeight);
  --Article-content-h2-lineHeight: var(--TextStyle04-lineHeight);
  --Article-content-iframe-borderRadius: var(--space-3xs);
  --Article-content-img-borderRadius: var(--space-3xs);
  --Article-content-lineHeight: var(--TextStyle05-lineHeight);
  --Article-content-liteYoutube-borderRadius: var(--space-3xs);
  --Article-content-maxWidth: 40em;
  --Article-continue-link-borderColor: var(--slate-6);
  --Article-continue-link-borderRadius: var(--space-3xs);
  --Article-continue-link-borderStyle: solid;
  --Article-continue-link-borderWidth: 1px;
  --Article-continue-link-color: var(--anchor-link-color);
  --Article-continue-link-fontFamily: var(--font-grotesque);
  --Article-continue-link-fontSize: var(--step--2);
  --Article-continue-link-fontWeight: var(--font-weight-6);
  --Article-continue-link-letterSpacing: 0.05em;
  --Article-continue-link-borderColor: var(--blue-6);
  --Article-continue-link-color: var(--anchor-link-color);
  --Article-continue-link-onHover-borderColor: var(--blue-7);
  --Article-continue-link-onHover-color: var(--anchor-link-onHover-color);
  --Article-continue-link-padding: var(--space-3xs) var(--space-2xs);
  --Article-continue-link-textDecoration: none;
  --Article-continue-link-textTransform: uppercase;
  --Article-continue-margin: var(--space-s);
  --Article-footer-marginBlock: var(--space-2xs) 0;
  --Article-published-color: var(--TextStyle06-color);
  --Article-published-fontFamily: var(--TextStyle06-fontFamily);
  --Article-published-link-color: var(--TextStyle06-link-color);
  --Article-published-link-onHover-color: var(--TextStyle06-link-onHover-color);
  --Article-published-marginBlock: var(--Article-footer-marginBlock);
  --Article-publishedFooter-fontSize: var(--step--2);
  --Article-publishedFooter-fontWeight: var(--font-weight-3);
  --Article-publishedHeader-fontSize: var(--step--2);
  --Article-publishedHeader-fontWeight: var(--font-weight-3);
  --Article-tags-fontSize: var(--step--2);
  --Article-tags-lineHeight: var(--line-height-1);
  --Article-tags-marginBlock: var(--space-2xs) 0;
  --Article-tags-maxWidth: 40em;
  --Article-title-link-onHover-color: var(--TextStyle02-link-onHover-color);
  --Article-title-color: var(--TextStyle02-color);
  --Article-title-fontFamily: var(--TextStyle02-fontFamily);
  --Article-title-fontSize: var(--TextStyle02-fontSize);
  --Article-title-link-color: var(--TextStyle02-link-color);
  --Article-title-maxWidth: 20em;
}

.Article-published {
  color: var(--Article-published-color);
  font-family: var(--Article-published-fontFamily);
  font-variant-numeric: oldstyle-nums;
  margin-block: var(--Article-published-marginBlock);
  white-space: nowrap;
}

.Article-header .Article-published {
  font-size: var(--Article-publishedHeader-fontSize);
  font-weight: var(--Article-publishedHeader-fontWeight);
}

.Article-footer .Article-published {
  font-size: var(--Article-publishedFooter-fontSize);
  font-weight: var(--Article-publishedFooter-fontWeight);
}

.Article-published *:link,
.Article-published *:visited {
  color: var(--Article-published-link-color);
  text-decoration: none;
  transition: color 0.2s ease-in-out;
}

.Article-published *:link:hover,
.Article-published *:visited:hover {
  color: var(--Article-published-link-onHover-color);
}

.Article-title {
  color: var(--Article-title-color);
  font-family: var(--Article-title-fontFamily);
  font-size: var(--Article-title-fontSize);
  font-variation-settings: "SOFT" 100, "WONK" 1; /* 1 */
  font-weight: var(--font-weight-4);
  letter-spacing: -0.04em;
  line-height: var(--line-height-1);
  margin-block: var(--space-2xs-xs) 0;
  max-width: var(--Article-title-maxWidth);
  text-wrap: balance;
}

.Article-title *:link,
.Article-title *:visited {
  color: var(--Article-title-link-color);
  text-decoration: none;
}

.Article-title *:link:hover,
.Article-title *:link:focus,
.Article-title *:visited:hover,
.Article-title *:visited:focus {
  color: var(--Article-title-link-onHover-color);
}

.Article-content {
  color: var(--Article-content-color);
  font-family: var(--Article-content-fontFamily);
  font-size: var(--Article-content-fontSize);
  font-variation-settings: "SOFT" 100, "WONK" 1; /* 1 */
  font-weight: var(--Article-content-fontWeight);
  hanging-punctuation: first allow-end last;
  line-height: var(--Article-content-lineHeight);
  max-width: var(--Article-content-maxWidth);
  text-wrap: pretty;
}

.Article-content a:link,
.Article-content a:visited {
  font-weight: 400;
  text-decoration-skip-ink: all;
  text-decoration-thickness: 0.04em;
  text-underline-offset: 0.1em;
}

.Article-content :is(ol, ul) {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin-block: var(--space-xs-s) 0;
  padding-inline: var(--space-s-m) var(--space-l-xl);
}

.Article-content :is(ol, ul) > li > :is(ol, ul) {
  margin-block: 0;
}

.Article-content :is(ol, ul) > li {
  margin-block: var(--space-3xs-2xs);
}

.Article-description p {
  font-weight: var(--font-weight-4) !important;
  text-wrap: pretty;
}

.Article-content p {
  font-family: var(--Article-content-fontFamily);
  font-size: var(--Article-content-fontSize);
  font-weight: var(--Article-content-fontWeight);
  line-height: var(--Article-content-lineHeight);
  margin-block: var(--space-xs-s) 0;
  max-width: var(--Article-content-maxWidth);
}

/* .Article-content p:first-child::first-line, */
.Article-content h2 {
  color: var(--Article-content-h2-color);
  font-family: var(--Article-content-h2-fontFamily);
  font-optical-sizing: auto;
  font-size: var(--Article-content-h2-fontSize);
  font-style: normal;
  font-weight: var(--Article-content-h2-fontWeight);
  font-variation-settings: "wdth" 75;
  line-height: var(--Article-content-h2-lineHeight);
  margin-block: var(--space-l) 0;
  text-transform: uppercase;
}

.Article-content figure {
  display: block;
  margin-block: var(--space-s-m) 0;
  margin-inline: 0;
}

.Article-content figcaption {
  font-size: var(--step-0);
  font-style: italic;
  margin-block: var(--space-3xs-2xs) 0;
  padding-inline: 0;
}

.Article-content iframe[src^="https://www.youtube-nocookie.com/embed/"] {
  aspect-ratio: 16/9;
  block-size: auto;
  border-radius: var(--Article-content-iframe-borderRadius);
  inline-size: 100%;
}

.Article-content figure {
  margin-block: calc(var(--line-height-5) / 4 * 1em) 0;
  margin-inline: 0;
}

.Article-content figcaption:not(:empty) {
  font-size: var(--step--1);
  font-style: italic;
  margin-block-start: var(--space-3xs-2xs);
}

.Article-content img {
  border-radius: var(--Article-content-img-borderRadius);
  display: block;
  max-width: 100%;
}

.Article-content :is(lite-vimeo, lite-youtube) {
  border-radius: var(--Article-content-liteYoutube-borderRadius);
  margin-block: calc(var(--line-height-5) / 4 * 1em) 0;
}

.Article-content:has(.Article-continue) > *:nth-last-child(2) {
  background-clip: text;
  background-image: linear-gradient(to top, transparent 0, var(--Article-content-color) calc(3 * var(--Article-content-fontSize) * var(--Article-content-lineHeight)), var(--Article-content-color) 100%);
  -webkit-text-fill-color: transparent;
}

.Article-content div:has(.Article-continue) {
  margin-block: var(--space-xs-s) var(--space-3xs-2xs);
}

.Article-continue {
  margin-block: var(--Article-continue-margin);
}

.Article-continue *:link,
.Article-continue *:visited {
  border-color: var(--Article-continue-link-borderColor);
  border-radius: var(--Article-continue-link-borderRadius);
  border-style: var(--Article-continue-link-borderStyle);
  border-width: var(--Article-continue-link-borderWidth);
  color: var(--Article-continue-link-color);
  font-family: var(--Article-continue-link-fontFamily);
  font-size: var(--Article-continue-link-fontSize);
  font-weight: var(--Article-continue-link-fontWeight);
  letter-spacing: var(--Article-continue-link-letterSpacing);
  padding: var(--Article-continue-link-padding);
  text-decoration: var(--Article-continue-link-textDecoration);
  text-transform: var(--Article-continue-link-textTransform);
}

.Article-continue *:link:hover,
.Article-continue *:visited:hover {
  border-color: var(--Article-continue-link-onHover-borderColor);
  color: var(--Article-continue-link-onHover-color);
}

@media screen and (min-width: 32em) {
  .Article-footer {
    align-items: center;
    display: flex;
    flex-direction: row-reverse;
    justify-content: start;
  }
  .Article-published {
    margin-inline: 0 var(--space-xs);
  }
}
.Article-tags {
  font-size: var(--Article-tags-fontSize);
  line-height: var(--Article-tags-lineHeight);
  margin-block: var(--Article-tags-marginBlock);
  max-width: var(--Article-tags-maxWidth);
}

.Article--sizeSmall .Article-header .Article-published {
  font-size: var(--Article--sizeSmall-publishedHeader-fontSize);
  font-weight: var(--Article--sizeSmall-publishedHeader-fontWeight);
}

.Article--sizeSmall .Article-footer .Article-published {
  font-size: var(--Article--sizeSmall-publishedFooter-fontSize);
  font-weight: var(--Article--sizeSmall-publishedFooter-fontWeight);
}

.Article--sizeSmall .Article-title {
  font-size: var(--Article--sizeSmall-title-fontSize);
  max-width: var(--Article--sizeSmall-title-maxWidth);
}

.Article--sizeSmall .Article-content {
  font-size: var(--Article--sizeSmall-content-fontSize);
  max-width: var(--Article--sizeSmall-content-maxWidth);
}

.Article--sizeSmall .Article-content p {
  font-size: var(--Article--sizeSmall-content-fontSize);
  max-width: var(--Article--sizeSmall-content-maxWidth);
}

.Article--sizeLarge .Article-header .Article-published {
  font-size: var(--Article--sizeLarge-publishedHeader-fontSize);
  font-weight: var(--Article--sizeLarge-publishedHeader-fontWeight);
}

.Article--sizeLarge .Article-footer .Article-published {
  font-size: var(--Article--sizeLarge-publishedFooter-fontSize);
  font-weight: var(--Article--sizeLarge-publishedFooter-fontWeight);
}

.Article--sizeLarge .Article-title {
  font-size: var(--Article--sizeLarge-title-fontSize);
  max-width: var(--Article--sizeLarge-title-maxWidth);
}

.Article--sizeLarge .Article-content {
  font-size: var(--Article--sizeLarge-content-fontSize);
  max-width: var(--Article--sizeLarge-content-maxWidth);
}

.Article--sizeLarge .Article-content p {
  font-size: var(--Article--sizeLarge-content-fontSize);
  max-width: var(--Article--sizeLarge-content-maxWidth);
}

/*
 * 1. Necessary until Safari supports the font-variation-settings property in @font-face
 *    https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@font-face#browser_compatibility
 */
.ArticlesLayout {
  --ArticlesLayout-content-color: var(--TextStyle01-color);
  --ArticlesLayout-content-fontFamily: var(--TextStyle01-fontFamily);
  --ArticlesLayout-content-fontSize: var(--TextStyle01-fontSize);
  --ArticlesLayout-content-fontWeight: var(--TextStyle01-fontWeight);
  --ArticlesLayout-content-lineHeight: var(--TextStyle01-lineHeight);
  --ArticlesLayout-entry-marginBlock: var(--space-m-l) 0;
  --ArticlesLayout-nav-marginBlock: var(--space-l-xl) 0;
  --ArticlesLayout-navContent-backgroundColor: var(--slate-3);
  --ArticlesLayout-navContent-borderRadius: 0.25em;
  --ArticlesLayout-navContent-color: var(--slate-10);
  --ArticlesLayout-navContent-cursor: default;
  --ArticlesLayout-navContent-display: block;
  --ArticlesLayout-navContent-fontSize: var(--step--2);
  --ArticlesLayout-navContent-fontWeight: var(--font-weight-4);
  --ArticlesLayout-navContent-letterSpacing: var(--letter-spacing-1);
  --ArticlesLayout-navContent-link-backgroundColor: var(--blue-3);
  --ArticlesLayout-navContent-link-color: var(--blue-10);
  --ArticlesLayout-navContent-link-cursor: pointer;
  --ArticlesLayout-navContent-link-onHover-backgroundColor: var(--blue-3);
  --ArticlesLayout-navContent-link-onHover-color: var(--blue-10);
  --ArticlesLayout-navContent-link-textDecoration: none;
  --ArticlesLayout-navContent-paddingBlock: var(--space-xs);
  --ArticlesLayout-navContent-paddingInline: var(--space-s);
  --ArticlesLayout-navContent-textAlign: center;
  --ArticlesLayout-title-color: var(--slate-8);
  --ArticlesLayout-title-fontFamily: var(--font-system);
  --ArticlesLayout-title-fontSize: var(--step-0);
  --ArticlesLayout-title-fontStyle: normal;
  --ArticlesLayout-title-fontWeight: var(--font-weight-6);
  --ArticlesLayout-title-fontWeight: var(--font-weight-7);
  --ArticlesLayout-title-marginBlock: var(--space-l) 0;
  --ArticlesLayout-title-marginBlock: var(--space-l) 0;
  --ArticlesLayout-title-marginInline: 0;
  align-self: center;
  margin-inline: auto;
}

.ArticlesLayout-title {
  color: var(--ArticlesLayout-title-color);
  font-family: var(--ArticlesLayout-title-fontFamily);
  font-size: var(--ArticlesLayout-title-fontSize);
  font-style: var(--ArticlesLayout-title-fontStyle);
  font-variation-settings: "SOFT" 100, "WONK" 1; /* 1 */
  font-weight: var(--ArticlesLayout-title-fontWeight);
  margin-block: var(--ArticlesLayout-title-marginBlock);
  margin-inline: var(--ArticlesLayout-title-marginInline);
}

.ArticlesLayout-content {
  color: var(--ArticlesLayout-content-color);
  font-family: var(--ArticlesLayout-content-fontFamily);
  font-size: var(--ArticlesLayout-content-fontSize);
  font-variation-settings: "SOFT" 100, "WONK" 1; /* 1 */
  font-weight: var(--ArticlesLayout-content-fontWeight);
  line-height: var(--ArticlesLayout-content-lineHeight);
  max-width: 32em;
}

.ArticlesLayout-nav {
  margin-block: var(--ArticlesLayout-nav-marginBlock);
}

.ArticlesLayout-navContent {
  background-color: var(--ArticlesLayout-navContent-backgroundColor);
  border-radius: var(--ArticlesLayout-navContent-borderRadius);
  color: var(--ArticlesLayout-navContent-color);
  cursor: var(--ArticlesLayout-navContent-cursor);
  display: var(--ArticlesLayout-navContent-display);
  font-size: var(--ArticlesLayout-navContent-fontSize);
  font-weight: var(--ArticlesLayout-navContent-fontWeight);
  letter-spacing: var(--ArticlesLayout-navContent-letterSpacing);
  padding-block: var(--ArticlesLayout-navContent-paddingBlock);
  padding-inline: var(--ArticlesLayout-navContent-paddingInline);
  text-align: var(--ArticlesLayout-navContent-textAlign);
}

.ArticlesLayout-navContent:link,
.ArticlesLayout-navContent:visited {
  background-color: var(--ArticlesLayout-navContent-link-backgroundColor);
  color: var(--ArticlesLayout-navContent-link-color);
  cursor: var(--ArticlesLayout-navContent-link-cursor);
  text-decoration: var(--ArticlesLayout-navContent-link-textDecoration);
}

.ArticlesLayout-navContent:link:hover,
.ArticlesLayout-navContent:visited:hover {
  background-color: var(--ArticlesLayout-navContent-link-onHover-backgroundColor);
  color: var(--ArticlesLayout-navContent-link-onHover-color);
}

.ArticlesLayout-entry {
  margin-block: var(--ArticlesLayout-entry-marginBlock);
}

.EntryLayout {
  align-self: center;
  margin-block: var(--space-m-l);
  margin-inline: auto;
}

/*
 * 1. Necessary until Safari supports the font-variation-settings property in @font-face
 *    https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@font-face#browser_compatibility
 */
.Entry {
  --Entry--sizeLarge-content-fontSize: var(--step-1);
  --Entry--sizeLarge-content-maxWidth: 40em;
  --Entry--sizeLarge-publishedFooter-fontSize: var(--step--1);
  --Entry--sizeLarge-publishedFooter-fontWeight: var(--font-weight-3);
  --Entry--sizeLarge-publishedHeader-fontSize: var(--step-1);
  --Entry--sizeLarge-publishedHeader-fontWeight: var(--font-weight-9);
  --Entry--sizeLarge-title-fontSize: var(--step-5);
  --Entry--sizeLarge-title-maxWidth: 20em;
  --Entry--sizeSmall-content-fontSize: var(--step-0);
  --Entry--sizeSmall-content-maxWidth: 40em;
  --Entry--sizeSmall-publishedFooter-fontSize: var(--step--2);
  --Entry--sizeSmall-publishedFooter-fontWeight: var(--font-weight-3);
  --Entry--sizeSmall-publishedHeader-fontSize: var(--step--2);
  --Entry--sizeSmall-publishedHeader-fontWeight: var(--font-weight-3);
  --Entry--sizeSmall-title-fontSize: var(--step-3);
  --Entry--sizeSmall-title-maxWidth: 20em;
  --Entry-content-anchor-link-color: var(--anchor-link-color);
  --Entry-content-anchor-link-onHover-color: var(--anchor-link-onHover-color);
  --Entry-content-anchor-visited-color: var(--anchor-visited-color);
  --Entry-content-anchor-visited-onHover-color: var(--anchor-visited-onHover-color);
  --Entry-content-color: var(--TextStyle05-color);
  --Entry-content-fontFamily: var(--TextStyle05-fontFamily);
  --Entry-content-fontSize: var(--TextStyle05-fontSize);
  --Entry-content-fontWeight: var(--TextStyle05-fontWeight);
  --Entry-content-h2-color: var(--TextStyle04-color);
  --Entry-content-h2-fontFamily: var(--TextStyle04-fontFamily);
  --Entry-content-h2-fontSize: var(--TextStyle04-fontSize);
  --Entry-content-h2-fontWeight: var(--TextStyle04-fontWeight);
  --Entry-content-h2-lineHeight: var(--TextStyle04-lineHeight);
  --Entry-content-iframe-borderRadius: var(--space-3xs);
  --Entry-content-img-borderRadius: var(--space-3xs);
  --Entry-content-lineHeight: var(--TextStyle05-lineHeight);
  --Entry-content-liteYoutube-borderRadius: var(--space-3xs);
  --Entry-content-maxWidth: 40em;
  --Entry-continue-link-borderColor: var(--slate-6);
  --Entry-continue-link-borderRadius: var(--space-3xs);
  --Entry-continue-link-borderStyle: solid;
  --Entry-continue-link-borderWidth: 1px;
  --Entry-continue-link-color: var(--anchor-link-color);
  --Entry-continue-link-fontFamily: var(--font-grotesque);
  --Entry-continue-link-fontSize: var(--step--2);
  --Entry-continue-link-fontWeight: var(--font-weight-6);
  --Entry-continue-link-letterSpacing: 0.05em;
  --Entry-continue-link-borderColor: var(--blue-6);
  --Entry-continue-link-color: var(--anchor-link-color);
  --Entry-continue-link-onHover-borderColor: var(--blue-7);
  --Entry-continue-link-onHover-color: var(--anchor-link-onHover-color);
  --Entry-continue-link-padding: var(--space-3xs) var(--space-2xs);
  --Entry-continue-link-textDecoration: none;
  --Entry-continue-link-textTransform: uppercase;
  --Entry-continue-margin: var(--space-s);
  --Entry-footer-marginBlock: var(--space-2xs) 0;
  --Entry-published-color: var(--TextStyle06-color);
  --Entry-published-fontFamily: var(--TextStyle06-fontFamily);
  --Entry-published-link-color: var(--TextStyle06-link-color);
  --Entry-published-link-onHover-color: var(--TextStyle06-link-onHover-color);
  --Entry-published-marginBlock: var(--Entry-footer-marginBlock);
  --Entry-publishedFooter-fontSize: var(--step--2);
  --Entry-publishedFooter-fontWeight: var(--font-weight-3);
  --Entry-publishedHeader-fontSize: var(--step--2);
  --Entry-publishedHeader-fontWeight: var(--font-weight-3);
  --Entry-tags-fontSize: var(--step--2);
  --Entry-tags-lineHeight: var(--line-height-1);
  --Entry-tags-marginBlock: var(--space-2xs) 0;
  --Entry-tags-maxWidth: 40em;
  --Entry-title-link-onHover-color: var(--TextStyle02-link-onHover-color);
  --Entry-title-color: var(--TextStyle02-color);
  --Entry-title-fontFamily: var(--TextStyle02-fontFamily);
  --Entry-title-fontSize: var(--TextStyle02-fontSize);
  --Entry-title-link-color: var(--TextStyle02-link-color);
  --Entry-title-maxWidth: 20em;
}

.Entry-published {
  color: var(--Entry-published-color);
  font-family: var(--Entry-published-fontFamily);
  font-variant-numeric: oldstyle-nums;
  margin-block: var(--Entry-published-marginBlock);
  white-space: nowrap;
}

.Entry-header .Entry-published {
  font-size: var(--Entry-publishedHeader-fontSize);
  font-weight: var(--Entry-publishedHeader-fontWeight);
}

.Entry-footer .Entry-published {
  font-size: var(--Entry-publishedFooter-fontSize);
  font-weight: var(--Entry-publishedFooter-fontWeight);
}

.Entry-published *:link,
.Entry-published *:visited {
  color: var(--Entry-published-link-color);
  text-decoration: none;
  transition: color 0.2s ease-in-out;
}

.Entry-published *:link:hover,
.Entry-published *:visited:hover {
  color: var(--Entry-published-link-onHover-color);
}

.Entry-title {
  color: var(--Entry-title-color);
  font-family: var(--Entry-title-fontFamily);
  font-size: var(--Entry-title-fontSize);
  font-variation-settings: "SOFT" 100, "WONK" 1; /* 1 */
  font-weight: var(--font-weight-4);
  letter-spacing: -0.04em;
  line-height: var(--line-height-1);
  margin-block: var(--space-2xs-xs) 0;
  max-width: var(--Entry-title-maxWidth);
  text-wrap: balance;
}

.Entry-title *:link,
.Entry-title *:visited {
  color: var(--Article-title-link-color);
  text-decoration: none;
}

.Entry-title *:link:hover,
.Entry-title *:link:focus,
.Entry-title *:visited:hover,
.Entry-title *:visited:focus {
  color: var(--Entry-title-link-onHover-color);
}

.Entry-content {
  color: var(--Entry-content-color);
  font-family: var(--Entry-content-fontFamily);
  font-size: var(--Entry-content-fontSize);
  font-variation-settings: "SOFT" 100, "WONK" 1; /* 1 */
  font-weight: var(--Entry-content-fontWeight);
  hanging-punctuation: first allow-end last;
  line-height: var(--Entry-content-lineHeight);
  max-width: var(--Entry-content-maxWidth);
  text-wrap: pretty;
}

.Entry-content a:link,
.Entry-content a:visited {
  font-weight: 400;
  text-decoration-skip-ink: all;
  text-decoration-thickness: 0.04em;
  text-underline-offset: 0.1em;
}

.Entry-content :is(ol, ul) {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin-block: var(--space-xs-s) 0;
  padding-inline: var(--space-s-m) var(--space-l-xl);
}

.Entry-content :is(ol, ul) > li > :is(ol, ul) {
  margin-block: 0;
}

.Entry-content :is(ol, ul) > li {
  margin-block: var(--space-3xs-2xs);
}

.Entry-description p {
  font-weight: var(--font-weight-4) !important;
  text-wrap: pretty;
}

.Entry-content p {
  font-family: var(--Entry-content-fontFamily);
  font-size: var(--Entry-content-fontSize);
  font-weight: var(--Entry-content-fontWeight);
  line-height: var(--Entry-content-lineHeight);
  margin-block: var(--space-xs-s) 0;
  max-width: var(--Entry-content-maxWidth);
}

/* .Entry-content p:first-child::first-line, */
.Entry-content h2 {
  color: var(--Entry-content-h2-color);
  font-family: var(--Entry-content-h2-fontFamily);
  font-optical-sizing: auto;
  font-size: var(--Entry-content-h2-fontSize);
  font-style: normal;
  font-weight: var(--Entry-content-h2-fontWeight);
  font-variation-settings: "wdth" 75;
  line-height: var(--Entry-content-h2-lineHeight);
  margin-block: var(--space-l) 0;
  text-transform: uppercase;
}

.Entry-content figure {
  display: block;
  margin-block: var(--space-s-m) 0;
  margin-inline: 0;
}

.Entry-content figcaption {
  font-size: var(--step-0);
  font-style: italic;
  margin-block: var(--space-3xs-2xs) 0;
  padding-inline: 0;
}

.Entry-content iframe[src^="https://www.youtube-nocookie.com/embed/"] {
  aspect-ratio: 16/9;
  block-size: auto;
  border-radius: var(--Entry-content-iframe-borderRadius);
  inline-size: 100%;
}

.Entry-content figure {
  margin-block: calc(var(--line-height-5) / 4 * 1em) 0;
  margin-inline: 0;
}

.Entry-content figcaption:not(:empty) {
  font-size: var(--step--1);
  font-style: italic;
  margin-block-start: var(--space-3xs-2xs);
}

.Entry-content img {
  border-radius: var(--Entry-content-img-borderRadius);
  display: block;
  max-width: 100%;
}

.Entry-content :is(lite-vimeo, lite-youtube) {
  border-radius: var(--Entry-content-liteYoutube-borderRadius);
  margin-block: calc(var(--line-height-5) / 4 * 1em) 0;
}

.Entry-content:has(.Entry-continue) > *:nth-last-child(2) {
  background-clip: text;
  background-image: linear-gradient(to top, transparent 0, var(--Entry-content-color) calc(3 * var(--Entry-content-fontSize) * var(--Entry-content-lineHeight)), var(--Entry-content-color) 100%);
  -webkit-text-fill-color: transparent;
}

.Entry-content div:has(.Entry-continue) {
  margin-block: var(--space-xs-s) var(--space-3xs-2xs);
}

.Entry-continue {
  margin-block: var(--Entry-continue-margin);
}

.Entry-continue *:link,
.Entry-continue *:visited {
  border-color: var(--Entry-continue-link-borderColor);
  border-radius: var(--Entry-continue-link-borderRadius);
  border-style: var(--Entry-continue-link-borderStyle);
  border-width: var(--Entry-continue-link-borderWidth);
  color: var(--Entry-continue-link-color);
  font-family: var(--Entry-continue-link-fontFamily);
  font-size: var(--Entry-continue-link-fontSize);
  font-weight: var(--Entry-continue-link-fontWeight);
  letter-spacing: var(--Entry-continue-link-letterSpacing);
  padding: var(--Entry-continue-link-padding);
  text-decoration: var(--Entry-continue-link-textDecoration);
  text-transform: var(--Entry-continue-link-textTransform);
}

.Entry-continue *:link:hover,
.Entry-continue *:visited:hover {
  border-color: var(--Entry-continue-link-onHover-borderColor);
  color: var(--Entry-continue-link-onHover-color);
}

@media screen and (min-width: 32em) {
  .Entry-footer {
    align-items: center;
    display: flex;
    flex-direction: row-reverse;
    justify-content: start;
  }
  .Entry-published {
    margin-inline: 0 var(--space-xs);
  }
}
.Entry-tags {
  font-size: var(--Entry-tags-fontSize);
  line-height: var(--Entry-tags-lineHeight);
  margin-block: var(--Entry-tags-marginBlock);
  max-width: var(--Entry-tags-maxWidth);
}

.Entry--sizeSmall .Entry-header .Entry-published {
  font-size: var(--Entry--sizeSmall-publishedHeader-fontSize);
  font-weight: var(--Entry--sizeSmall-publishedHeader-fontWeight);
}

.Entry--sizeSmall .Entry-footer .Entry-published {
  font-size: var(--Entry--sizeSmall-publishedFooter-fontSize);
  font-weight: var(--Entry--sizeSmall-publishedFooter-fontWeight);
}

.Entry--sizeSmall .Entry-title {
  font-size: var(--Entry--sizeSmall-title-fontSize);
  max-width: var(--Entry--sizeSmall-title-maxWidth);
}

.Entry--sizeSmall .Entry-content {
  font-size: var(--Entry--sizeSmall-content-fontSize);
  max-width: var(--Entry--sizeSmall-content-maxWidth);
}

.Entry--sizeSmall .Entry-content p {
  font-size: var(--Entry--sizeSmall-content-fontSize);
  max-width: var(--Entry--sizeSmall-content-maxWidth);
}

.Entry--sizeLarge .Entry-header .Entry-published {
  font-size: var(--Entry--sizeLarge-publishedHeader-fontSize);
  font-weight: var(--Entry--sizeLarge-publishedHeader-fontWeight);
}

.Entry--sizeLarge .Entry-footer .Entry-published {
  font-size: var(--Entry--sizeLarge-publishedFooter-fontSize);
  font-weight: var(--Entry--sizeLarge-publishedFooter-fontWeight);
}

.Entry--sizeLarge .Entry-title {
  font-size: var(--Entry--sizeLarge-title-fontSize);
  max-width: var(--Entry--sizeLarge-title-maxWidth);
}

.Entry--sizeLarge .Entry-content {
  font-size: var(--Entry--sizeLarge-content-fontSize);
  max-width: var(--Entry--sizeLarge-content-maxWidth);
}

.Entry--sizeLarge .Entry-content p {
  font-size: var(--Entry--sizeLarge-content-fontSize);
  max-width: var(--Entry--sizeLarge-content-maxWidth);
}

/*
 * 1. Necessary until Safari supports the font-variation-settings property in @font-face
 *    https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@font-face#browser_compatibility
 */
.JournalLayout {
  --JournalLayout-content-color: var(--TextStyle01-color);
  --JournalLayout-content-fontFamily: var(--TextStyle01-fontFamily);
  --JournalLayout-content-fontSize: var(--TextStyle01-fontSize);
  --JournalLayout-entry-marginBlock: var(--space-m-l) 0;
  --JournalLayout-nav-marginBlock: var(--space-l-xl) 0;
  --JournalLayout-navContent-backgroundColor: var(--slate-3);
  --JournalLayout-navContent-borderRadius: 0.25em;
  --JournalLayout-navContent-color: var(--slate-10);
  --JournalLayout-navContent-cursor: default;
  --JournalLayout-navContent-display: block;
  --JournalLayout-navContent-fontSize: var(--step--2);
  --JournalLayout-navContent-fontWeight: var(--font-weight-4);
  --JournalLayout-navContent-letterSpacing: var(--letter-spacing-1);
  --JournalLayout-navContent-link-backgroundColor: var(--blue-3);
  --JournalLayout-navContent-link-color: var(--blue-10);
  --JournalLayout-navContent-link-cursor: pointer;
  --JournalLayout-navContent-link-onHover-backgroundColor: var(--blue-3);
  --JournalLayout-navContent-link-onHover-color: var(--blue-10);
  --JournalLayout-navContent-link-textDecoration: none;
  --JournalLayout-navContent-paddingBlock: var(--space-xs);
  --JournalLayout-navContent-paddingInline: var(--space-s);
  --JournalLayout-navContent-textAlign: center;
  --JournalLayout-title-color: var(--slate-8);
  --JournalLayout-title-fontFamily: var(--font-system);
  --JournalLayout-title-fontSize: var(--step-0);
  --JournalLayout-title-fontStyle: normal;
  --JournalLayout-title-fontWeight: var(--font-weight-6);
  --JournalLayout-title-fontWeight: var(--font-weight-7);
  --JournalLayout-title-marginBlock: var(--space-l) 0;
  --JournalLayout-title-marginBlock: var(--space-l) 0;
  --JournalLayout-title-marginInline: 0;
  align-self: center;
  margin-inline: auto;
}

.JournalLayout-title {
  color: var(--JournalLayout-title-color);
  font-family: var(--JournalLayout-title-fontFamily);
  font-size: var(--JournalLayout-title-fontSize);
  font-style: var(--JournalLayout-title-fontStyle);
  font-variation-settings: "SOFT" 100, "WONK" 1; /* 1 */
  font-weight: var(--JournalLayout-title-fontWeight);
  margin-block: var(--JournalLayout-title-marginBlock);
  margin-inline: var(--JournalLayout-title-marginInline);
}

.JournalLayout-content {
  color: var(--JournalLayout-content-color);
  font-family: var(--JournalLayout-content-fontFamily);
  font-size: var(--JournalLayout-content-fontSize);
  font-variation-settings: "SOFT" 100, "WONK" 1; /* 1 */
  font-weight: var(--font-weight-3);
  line-height: var(--line-height-5);
  max-width: 32em;
}

.JournalLayout-nav {
  margin-block: var(--JournalLayout-nav-marginBlock);
}

.JournalLayout-navContent {
  background-color: var(--JournalLayout-navContent-backgroundColor);
  border-radius: var(--JournalLayout-navContent-borderRadius);
  color: var(--JournalLayout-navContent-color);
  cursor: var(--JournalLayout-navContent-cursor);
  display: var(--JournalLayout-navContent-display);
  font-size: var(--JournalLayout-navContent-fontSize);
  font-weight: var(--JournalLayout-navContent-fontWeight);
  letter-spacing: var(--JournalLayout-navContent-letterSpacing);
  padding-block: var(--JournalLayout-navContent-paddingBlock);
  padding-inline: var(--JournalLayout-navContent-paddingInline);
  text-align: var(--JournalLayout-navContent-textAlign);
}

.JournalLayout-navContent:link,
.JournalLayout-navContent:visited {
  background-color: var(--JournalLayout-navContent-link-backgroundColor);
  color: var(--JournalLayout-navContent-link-color);
  cursor: var(--JournalLayout-navContent-link-cursor);
  text-decoration: var(--JournalLayout-navContent-link-textDecoration);
}

.JournalLayout-navContent:link:hover,
.JournalLayout-navContent:visited:hover {
  background-color: var(--JournalLayout-navContent-link-onHover-backgroundColor);
  color: var(--JournalLayout-navContent-link-onHover-color);
}

.JournalLayout-entry {
  margin-block: var(--JournalLayout-entry-marginBlock);
}

.NoteLayout {
  --NoteLayout-nav-color: var(--slate-9);
  --NoteLayout-nav-cursor: default;
  --NoteLayout-nav-fontFamily: var(--font-system);
  --NoteLayout-nav-fontSize: var(--step--2);
  --NoteLayout-nav-fontWeight: 800;
  --NoteLayout-nav-letterSpacing: 0.1em;
  --NoteLayout-nav-marginBlock: var(--space-2xs);
  --NoteLayout-nav-textTransform: uppercase;
  --NoteLayout-nav-userSelect: none;
  --NoteLayout-navItemContent-link-color: var(--anchor-link-color);
  --NoteLayout-navItemContent-link-onHover-color: var(--anchor-link-onHover-color);
  --NoteLayout-navItemContent-visited-color: var(--anchor-visited-color);
  --NoteLayout-navItemContent-visited-onHover-color: var(--anchor-visited-onHover-color);
  --NoteLayout-navList-gap: 1.0em;
  --NoteLayout-navList-marginBlock: var(--space-2xs) var(--space-2xs);
  align-self: center;
  margin-inline: auto;
}

.NoteLayout-nav {
  color: var(--NoteLayout-nav-color);
  cursor: var(--NoteLayout-nav-cursor);
  font-family: var(--NoteLayout-nav-fontFamily);
  font-size: var(--NoteLayout-nav-fontSize);
  font-weight: var(--NoteLayout-nav-fontWeight);
  letter-spacing: var(--NoteLayout-nav-letterSpacing);
  margin-block: var(--NoteLayout-nav-marginBlock);
  text-transform: var(--NoteLayout-nav-textTransform);
  -webkit-user-select: var(--NoteLayout-nav-userSelect);
  user-select: var(--NoteLayout-nav-userSelect);
}

.NoteLayout-navList {
  display: flex;
  gap: var(--NoteLayout-navList-gap);
  list-style-type: "";
  margin-block: var(--NoteLayout-navList-marginBlock);
  padding-inline: 0 0;
}

.NoteLayout-navItem--newer::before {
  content: "• ";
}

.NoteLayout-navItem--newer .NoteLayout-navItemContent::after {
  content: " →";
}

.NoteLayout-navItem--older .NoteLayout-navItemContent::before {
  content: "← ";
}

.NoteLayout-navItemContent:link,
.NoteLayout-navItemContent:visited {
  text-decoration: none;
}

.NoteLayout-navItemContent:link {
  color: var(--NoteLayout-navItemContent-link-color);
}

.NoteLayout-navItemContent:link:hover {
  color: var(--NoteLayout-navItemContent-link-onHover-color);
}

.NoteLayout-navItemContent:visited {
  color: var(--NoteLayout-navItemContent-visited-color);
}

.NoteLayout-navItemContent:visited:hover {
  color: var(--NoteLayout-navItemContent-visited-onHover-color);
}

/*
 * 1. Necessary until Safari supports the font-variation-settings property in @font-face
 *    https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@font-face#browser_compatibility
 */
.Note {
  --Note--sizeLarge-content-fontSize: var(--step-2);
  --Note--sizeLarge-content-maxWidth: 24em;
  --Note--sizeLarge-published-fontSize: var(--step--1);
  --Note--sizeLarge-published-fontWeight: var(--font-weight-3);
  --Note--sizeLarge-tags-fontSize: var(--step--1);
  --Note--sizeSmall-content-fontSize: var(--step--1);
  --Note--sizeSmall-content-maxWidth: 24em;
  --Note--sizeSmall-published-fontSize: var(--step--2);
  --Note--sizeSmall-published-fontWeight: var(--font-weight-3);
  --Note--sizeSmall-tags-fontSize: var(--step--2);
  --Note-content-anchor-link-color: var(--anchor-link-color);
  --Note-content-anchor-link-onHover-color: var(--anchor-link-onHover-color);
  --Note-content-anchor-visited-color: var(--anchor-visited-color);
  --Note-content-anchor-visited-onHover-color: var(--anchor-visited-onHover-color);
  --Note-content-color: var(--TextStyle05-color);
  --Note-content-fontFamily: var(--TextStyle05-fontFamily);
  --Note-content-fontSize: var(--TextStyle05-fontSize);
  --Note-content-fontWeight: var(--TextStyle05-fontWeight);
  --Note-content-img-borderRadius: var(--space-3xs);
  --Note-content-lineHeight: var(--TextStyle05-lineHeight);
  --Note-content-liteYoutube-borderRadius: var(--space-3xs);
  --Note-content-maxWidth: 32em;
  --Note-footer-marginBlock: var(--space-2xs) 0;
  --Note-published-color: var(--TextStyle06-color);
  --Note-published-fontFamily: var(--TextStyle06-fontFamily);
  --Note-published-fontSize: var(--TextStyle06-fontSize);
  --Note-published-fontWeight: var(--TextStyle06-fontWeight);
  --Note-published-link-color: var(--TextStyle06-link-color);
  --Note-published-link-onHover-color: var(--TextStyle06-link-onHover-color);
  --Note-published-marginBlock: var(--Note-footer-marginBlock);
  --Note-tags-fontSize: var(--step--2);
  --Note-tags-lineHeight: var(--line-height-1);
  --Note-tags-marginBlock: var(--Note-footer-marginBlock);
  --Note-tags-maxWidth: 40em;
  font-size: var(--Note-content-fontSize);
  max-width: var(--Note-content-maxWidth);
}

.Note-content {
  color: var(--Note-content-color);
  font-family: var(--Note-content-fontFamily);
  font-size: inherit;
  font-variation-settings: "SOFT" 100, "WONK" 1; /* 1 */
  font-weight: var(--Note-content-fontWeight);
  hanging-punctuation: first allow-end last;
  line-height: var(--Note-content-lineHeight);
}

.Note-content a:link,
.Note-content a:visited {
  color: var(--Note-content-anchor-link-color);
  font-weight: 400;
  text-decoration-skip-ink: all;
  text-decoration-thickness: 0.04em;
  text-underline-offset: 0.1em;
}

.Note-content a:link:hover {
  color: var(--Note-content-anchor-link-onHover-color);
}

.Note-content a:visited {
  color: var(--Note-content-anchor-visited-color);
}

.Note-content a:visited:hover {
  color: var(--Note-content-anchor-visited-onHover-color);
}

.Note-content figure {
  margin-block: calc(var(--line-height-5) / 4 * 1em) 0;
  margin-inline: 0;
}

.Note-content figcaption {
  font-size: var(--step--1);
  font-style: italic;
  margin-block-start: var(--space-3xs-2xs);
}

.Note-content img {
  border-radius: var(--Note-content-img-borderRadius);
  display: block;
  max-width: 100%;
}

.Note-content :is(lite-vimeo, lite-youtube) {
  border-radius: var(--Note-content-liteYoutube-borderRadius);
  margin-block: calc(var(--line-height-5) / 4 * 1em) 0;
}

.Note-tags {
  font-size: var(--Note-tags-fontSize);
  line-height: var(--Note-tags-lineHeight);
  margin-block: var(--Note-tags-marginBlock);
  /* max-width: var(--Note-tags-maxWidth); */
}

.Note-published {
  color: var(--Note-published-color);
  font-family: var(--Note-published-fontFamily);
  font-size: var(--Note-published-fontSize);
  font-weight: var(--Note-published-fontWeight);
  margin-block: var(--Note-published-marginBlock);
  white-space: nowrap;
}

.Note-published *:link,
.Note-published *:visited {
  color: var(--Note-published-link-color);
  text-decoration: none;
  transition: color 0.2s ease-in-out;
}

.Note-published *:link:hover,
.Note-published *:visited:hover {
  color: var(--Note-published-link-onHover-color);
}

@media screen and (min-width: 32em) {
  .Note-footer {
    align-items: center;
    display: flex;
    flex-direction: row-reverse;
    justify-content: start;
  }
  .Note-published {
    margin-inline: 0 var(--space-xs);
  }
}
.Note-content p {
  margin: 0;
}

.Note-content p:not(:first-child) {
  margin-block: calc(var(--line-height-5) / 4 * 1em) 0;
}

.Note--sizeSmall {
  font-size: var(--Note--sizeSmall-content-fontSize);
  max-width: var(--Note--sizeSmall-content-maxWidth);
}

.Note--sizeSmall .Note-published {
  font-size: var(--Note--sizeSmall-published-fontSize);
  font-weight: var(--Note--sizeSmall-published-fontWeight);
}

.Note--sizeSmall .Note-tags {
  font-size: var(--Note--sizeSmall-tags-fontSize);
}

.Note--sizeLarge {
  font-size: var(--Note--sizeLarge-content-fontSize);
  max-width: var(--Note--sizeLarge-content-maxWidth);
}

.Note--sizeLarge .Note-published {
  font-size: var(--Note--sizeLarge-published-fontSize);
  font-weight: var(--Note--sizeLarge-published-fontWeight);
}

.Note--sizeLarge .Note-tags {
  font-size: var(--Note--sizeLarge-tags-fontSize);
}

/*
 * 1. Necessary until Safari supports the font-variation-settings property in @font-face
 *    https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@font-face#browser_compatibility
 */
.NotesLayout {
  --NotesLayout-content-color: var(--TextStyle01-color);
  --NotesLayout-content-fontFamily: var(--TextStyle01-fontFamily);
  --NotesLayout-content-fontSize: var(--TextStyle01-fontSize);
  --NotesLayout-nav-marginBlock: var(--space-l-xl) 0;
  --NotesLayout-navContent-backgroundColor: var(--slate-3);
  --NotesLayout-navContent-borderRadius: 0.25em;
  --NotesLayout-navContent-color: var(--slate-10);
  --NotesLayout-navContent-cursor: default;
  --NotesLayout-navContent-display: block;
  --NotesLayout-navContent-fontSize: var(--step--2);
  --NotesLayout-navContent-fontWeight: var(--font-weight-4);
  --NotesLayout-navContent-letterSpacing: var(--letter-spacing-1);
  --NotesLayout-navContent-link-backgroundColor: var(--blue-3);
  --NotesLayout-navContent-link-color: var(--blue-10);
  --NotesLayout-navContent-link-cursor: pointer;
  --NotesLayout-navContent-link-onHover-backgroundColor: var(--blue-3);
  --NotesLayout-navContent-link-onHover-color: var(--blue-10);
  --NotesLayout-navContent-link-textDecoration: none;
  --NotesLayout-navContent-paddingBlock: var(--space-xs);
  --NotesLayout-navContent-paddingInline: var(--space-s);
  --NotesLayout-navContent-textAlign: center;
  --NotesLayout-note-marginBlock: var(--space-m-l) 0;
  --NotesLayout-title-color: var(--slate-8);
  --NotesLayout-title-fontFamily: var(--font-system);
  --NotesLayout-title-fontSize: var(--step-0);
  --NotesLayout-title-fontStyle: normal;
  --NotesLayout-title-fontWeight: var(--font-weight-7);
  --NotesLayout-title-marginBlock: var(--space-l) 0;
  --NotesLayout-title-marginInline: 0;
  align-self: center;
  margin-inline: auto;
}

.NotesLayout-title {
  color: var(--NotesLayout-title-color);
  font-family: var(--NotesLayout-title-fontFamily);
  font-size: var(--NotesLayout-title-fontSize);
  font-style: var(--NotesLayout-title-fontStyle);
  font-variation-settings: "SOFT" 100, "WONK" 1; /* 1 */
  font-weight: var(--NotesLayout-title-fontWeight);
  margin-block: var(--NotesLayout-title-marginBlock);
  margin-inline: var(--NotesLayout-title-marginInline);
}

.NotesLayout-content {
  color: var(--NotesLayout-content-color);
  font-family: var(--NotesLayout-content-fontFamily);
  font-size: var(--NotesLayout-content-fontSize);
  font-variation-settings: "SOFT" 100, "WONK" 1; /* 1 */
  font-weight: var(--font-weight-3);
  line-height: var(--line-height-5);
  max-width: 24em;
}

.NotesLayout-nav {
  margin-block: var(--NotesLayout-nav-marginBlock);
}

.NotesLayout-navContent {
  background-color: var(--NotesLayout-navContent-backgroundColor);
  border-radius: var(--NotesLayout-navContent-borderRadius);
  color: var(--NotesLayout-navContent-color);
  cursor: var(--NotesLayout-navContent-cursor);
  display: var(--NotesLayout-navContent-display);
  font-size: var(--NotesLayout-navContent-fontSize);
  font-weight: var(--NotesLayout-navContent-fontWeight);
  letter-spacing: var(--NotesLayout-navContent-letterSpacing);
  padding-block: var(--NotesLayout-navContent-paddingBlock);
  padding-inline: var(--NotesLayout-navContent-paddingInline);
  text-align: var(--NotesLayout-navContent-textAlign);
}

.NotesLayout-navContent:link,
.NotesLayout-navContent:visited {
  background-color: var(--NotesLayout-navContent-link-backgroundColor);
  color: var(--NotesLayout-navContent-link-color);
  cursor: var(--NotesLayout-navContent-link-cursor);
  text-decoration: var(--NotesLayout-navContent-link-textDecoration);
}

.NotesLayout-navContent:link:hover,
.NotesLayout-navContent:visited:hover {
  background-color: var(--NotesLayout-navContent-link-onHover-backgroundColor);
  color: var(--NotesLayout-navContent-link-onHover-color);
}

.NotesLayout-note {
  margin-block: var(--NotesLayout-note-marginBlock);
}

/**
 * Placeholder to allow defining custom styles that override everything else.
 * (Use `_sass/optima/custom-tokens.css` to override variable defaults)
 */

/*# sourceMappingURL=style.css.map */