:root {
    --primary-base: rgb(50, 75, 96);
    --primary-light: rgb(91, 111, 128);
    --primary-lighter: rgb(132, 147, 160);
    --primary-lightest: rgb(173, 183, 191);
    --primary-pale: rgb(181, 190, 198);
    --primary-dark: rgb(40, 60, 77);
    --primary-darker: rgb(30, 45, 58);
    --primary-desaturated: rgb(64, 74, 83);
    --primary-faded: rgb(140, 146, 152);
}

.bg-primary-base { background-color: rgb(50, 75, 96); }
.\!bg-primary-base { background-color: rgb(50, 75, 96) !important; }
.hover\:bg-primary-base:hover { background-color: rgb(50, 75, 96); }
.\!hover\:bg-primary-base:hover { background-color: rgb(50, 75, 96) !important; }
.focus\:bg-primary-base:focus { background-color: rgb(50, 75, 96); }
.\!focus\:bg-primary-base:focus { background-color: rgb(50, 75, 96) !important; }
.text-primary-base { color: rgb(50, 75, 96); }
.\!text-primary-base { color: rgb(50, 75, 96) !important; }
.hover\:text-primary-base:hover { color: rgb(50, 75, 96); }
.\!hover\:text-primary-base:hover { color: rgb(50, 75, 96) !important; }
.focus\:text-primary-base:focus { color: rgb(50, 75, 96); }
.\!focus\:text-primary-base:focus { color: rgb(50, 75, 96) !important; }
.border-primary-base { border-color: rgb(50, 75, 96); }
.\!border-primary-base { border-color: rgb(50, 75, 96) !important; }
.hover\:border-primary-base:hover { border-color: rgb(50, 75, 96); }
.\!hover\:border-primary-base:hover { border-color: rgb(50, 75, 96) !important; }
.focus\:border-primary-base:focus { border-color: rgb(50, 75, 96); }
.\!focus\:border-primary-base:focus { border-color: rgb(50, 75, 96) !important; }
.border-t-primary-base { border-top-color: rgb(50, 75, 96); }
.\!border-t-primary-base { border-top-color: rgb(50, 75, 96) !important; }
.hover\:border-t-primary-base:hover { border-top-color: rgb(50, 75, 96); }
.\!hover\:border-t-primary-base:hover { border-top-color: rgb(50, 75, 96) !important; }
.focus\:border-t-primary-base:focus { border-top-color: rgb(50, 75, 96); }
.\!focus\:border-t-primary-base:focus { border-top-color: rgb(50, 75, 96) !important; }
.border-b-primary-base { border-bottom-color: rgb(50, 75, 96); }
.\!border-b-primary-base { border-bottom-color: rgb(50, 75, 96) !important; }
.hover\:border-b-primary-base:hover { border-bottom-color: rgb(50, 75, 96); }
.\!hover\:border-b-primary-base:hover { border-bottom-color: rgb(50, 75, 96) !important; }
.focus\:border-b-primary-base:focus { border-bottom-color: rgb(50, 75, 96); }
.\!focus\:border-b-primary-base:focus { border-bottom-color: rgb(50, 75, 96) !important; }
.border-r-primary-base { border-right-color: rgb(50, 75, 96); }
.\!border-r-primary-base { border-right-color: rgb(50, 75, 96) !important; }
.hover\:border-r-primary-base:hover { border-right-color: rgb(50, 75, 96); }
.\!hover\:border-r-primary-base:hover { border-right-color: rgb(50, 75, 96) !important; }
.focus\:border-r-primary-base:focus { border-right-color: rgb(50, 75, 96); }
.\!focus\:border-r-primary-base:focus { border-right-color: rgb(50, 75, 96) !important; }
.border-l-primary-base { border-left-color: rgb(50, 75, 96); }
.\!border-l-primary-base { border-left-color: rgb(50, 75, 96) !important; }
.hover\:border-l-primary-base:hover { border-left-color: rgb(50, 75, 96); }
.\!hover\:border-l-primary-base:hover { border-left-color: rgb(50, 75, 96) !important; }
.focus\:border-l-primary-base:focus { border-left-color: rgb(50, 75, 96); }
.\!focus\:border-l-primary-base:focus { border-left-color: rgb(50, 75, 96) !important; }
.placeholder-primary-base { color: rgb(50, 75, 96); }
.\!placeholder-primary-base { color: rgb(50, 75, 96) !important; }
.hover\:placeholder-primary-base:hover { color: rgb(50, 75, 96); }
.\!hover\:placeholder-primary-base:hover { color: rgb(50, 75, 96) !important; }
.focus\:placeholder-primary-base:focus { color: rgb(50, 75, 96); }
.\!focus\:placeholder-primary-base:focus { color: rgb(50, 75, 96) !important; }
.ring-primary-base { --tw-ring-color: rgb(50, 75, 96); }
.\!ring-primary-base { --tw-ring-color: rgb(50, 75, 96) !important; }
.hover\:ring-primary-base:hover { --tw-ring-color: rgb(50, 75, 96); }
.\!hover\:ring-primary-base:hover { --tw-ring-color: rgb(50, 75, 96) !important; }
.focus\:ring-primary-base:focus { --tw-ring-color: rgb(50, 75, 96); }
.\!focus\:ring-primary-base:focus { --tw-ring-color: rgb(50, 75, 96) !important; }
.ring-offset-primary-base { --tw-ring-offset-color: rgb(50, 75, 96); }
.\!ring-offset-primary-base { --tw-ring-offset-color: rgb(50, 75, 96) !important; }
.hover\:ring-offset-primary-base:hover { --tw-ring-offset-color: rgb(50, 75, 96); }
.\!hover\:ring-offset-primary-base:hover { --tw-ring-offset-color: rgb(50, 75, 96) !important; }
.focus\:ring-offset-primary-base:focus { --tw-ring-offset-color: rgb(50, 75, 96); }
.\!focus\:ring-offset-primary-base:focus { --tw-ring-offset-color: rgb(50, 75, 96) !important; }
.stroke-primary-base { stroke: rgb(50, 75, 96); }
.\!stroke-primary-base { stroke: rgb(50, 75, 96) !important; }
.hover\:stroke-primary-base:hover { stroke: rgb(50, 75, 96); }
.\!hover\:stroke-primary-base:hover { stroke: rgb(50, 75, 96) !important; }
.focus\:stroke-primary-base:focus { stroke: rgb(50, 75, 96); }
.\!focus\:stroke-primary-base:focus { stroke: rgb(50, 75, 96) !important; }
.fill-primary-base { fill: rgb(50, 75, 96); }
.\!fill-primary-base { fill: rgb(50, 75, 96) !important; }
.hover\:fill-primary-base:hover { fill: rgb(50, 75, 96); }
.\!hover\:fill-primary-base:hover { fill: rgb(50, 75, 96) !important; }
.focus\:fill-primary-base:focus { fill: rgb(50, 75, 96); }
.\!focus\:fill-primary-base:focus { fill: rgb(50, 75, 96) !important; }
.divide-primary-base > :not([hidden]) ~ :not([hidden]) { border-color: rgb(50, 75, 96); }
.\!divide-primary-base > :not([hidden]) ~ :not([hidden]) { border-color: rgb(50, 75, 96) !important; }
.hover\:divide-primary-base:hover > :not([hidden]) ~ :not([hidden]) { border-color: rgb(50, 75, 96); }
.\!hover\:divide-primary-base:hover > :not([hidden]) ~ :not([hidden]) { border-color: rgb(50, 75, 96) !important; }
.focus\:divide-primary-base:focus > :not([hidden]) ~ :not([hidden]) { border-color: rgb(50, 75, 96); }
.\!focus\:divide-primary-base:focus > :not([hidden]) ~ :not([hidden]) { border-color: rgb(50, 75, 96) !important; }
.bg-primary-light { background-color: rgb(91, 111, 128); }
.\!bg-primary-light { background-color: rgb(91, 111, 128) !important; }
.hover\:bg-primary-light:hover { background-color: rgb(91, 111, 128); }
.\!hover\:bg-primary-light:hover { background-color: rgb(91, 111, 128) !important; }
.focus\:bg-primary-light:focus { background-color: rgb(91, 111, 128); }
.\!focus\:bg-primary-light:focus { background-color: rgb(91, 111, 128) !important; }
.text-primary-light { color: rgb(91, 111, 128); }
.\!text-primary-light { color: rgb(91, 111, 128) !important; }
.hover\:text-primary-light:hover { color: rgb(91, 111, 128); }
.\!hover\:text-primary-light:hover { color: rgb(91, 111, 128) !important; }
.focus\:text-primary-light:focus { color: rgb(91, 111, 128); }
.\!focus\:text-primary-light:focus { color: rgb(91, 111, 128) !important; }
.border-primary-light { border-color: rgb(91, 111, 128); }
.\!border-primary-light { border-color: rgb(91, 111, 128) !important; }
.hover\:border-primary-light:hover { border-color: rgb(91, 111, 128); }
.\!hover\:border-primary-light:hover { border-color: rgb(91, 111, 128) !important; }
.focus\:border-primary-light:focus { border-color: rgb(91, 111, 128); }
.\!focus\:border-primary-light:focus { border-color: rgb(91, 111, 128) !important; }
.border-t-primary-light { border-top-color: rgb(91, 111, 128); }
.\!border-t-primary-light { border-top-color: rgb(91, 111, 128) !important; }
.hover\:border-t-primary-light:hover { border-top-color: rgb(91, 111, 128); }
.\!hover\:border-t-primary-light:hover { border-top-color: rgb(91, 111, 128) !important; }
.focus\:border-t-primary-light:focus { border-top-color: rgb(91, 111, 128); }
.\!focus\:border-t-primary-light:focus { border-top-color: rgb(91, 111, 128) !important; }
.border-b-primary-light { border-bottom-color: rgb(91, 111, 128); }
.\!border-b-primary-light { border-bottom-color: rgb(91, 111, 128) !important; }
.hover\:border-b-primary-light:hover { border-bottom-color: rgb(91, 111, 128); }
.\!hover\:border-b-primary-light:hover { border-bottom-color: rgb(91, 111, 128) !important; }
.focus\:border-b-primary-light:focus { border-bottom-color: rgb(91, 111, 128); }
.\!focus\:border-b-primary-light:focus { border-bottom-color: rgb(91, 111, 128) !important; }
.border-r-primary-light { border-right-color: rgb(91, 111, 128); }
.\!border-r-primary-light { border-right-color: rgb(91, 111, 128) !important; }
.hover\:border-r-primary-light:hover { border-right-color: rgb(91, 111, 128); }
.\!hover\:border-r-primary-light:hover { border-right-color: rgb(91, 111, 128) !important; }
.focus\:border-r-primary-light:focus { border-right-color: rgb(91, 111, 128); }
.\!focus\:border-r-primary-light:focus { border-right-color: rgb(91, 111, 128) !important; }
.border-l-primary-light { border-left-color: rgb(91, 111, 128); }
.\!border-l-primary-light { border-left-color: rgb(91, 111, 128) !important; }
.hover\:border-l-primary-light:hover { border-left-color: rgb(91, 111, 128); }
.\!hover\:border-l-primary-light:hover { border-left-color: rgb(91, 111, 128) !important; }
.focus\:border-l-primary-light:focus { border-left-color: rgb(91, 111, 128); }
.\!focus\:border-l-primary-light:focus { border-left-color: rgb(91, 111, 128) !important; }
.placeholder-primary-light { color: rgb(91, 111, 128); }
.\!placeholder-primary-light { color: rgb(91, 111, 128) !important; }
.hover\:placeholder-primary-light:hover { color: rgb(91, 111, 128); }
.\!hover\:placeholder-primary-light:hover { color: rgb(91, 111, 128) !important; }
.focus\:placeholder-primary-light:focus { color: rgb(91, 111, 128); }
.\!focus\:placeholder-primary-light:focus { color: rgb(91, 111, 128) !important; }
.ring-primary-light { --tw-ring-color: rgb(91, 111, 128); }
.\!ring-primary-light { --tw-ring-color: rgb(91, 111, 128) !important; }
.hover\:ring-primary-light:hover { --tw-ring-color: rgb(91, 111, 128); }
.\!hover\:ring-primary-light:hover { --tw-ring-color: rgb(91, 111, 128) !important; }
.focus\:ring-primary-light:focus { --tw-ring-color: rgb(91, 111, 128); }
.\!focus\:ring-primary-light:focus { --tw-ring-color: rgb(91, 111, 128) !important; }
.ring-offset-primary-light { --tw-ring-offset-color: rgb(91, 111, 128); }
.\!ring-offset-primary-light { --tw-ring-offset-color: rgb(91, 111, 128) !important; }
.hover\:ring-offset-primary-light:hover { --tw-ring-offset-color: rgb(91, 111, 128); }
.\!hover\:ring-offset-primary-light:hover { --tw-ring-offset-color: rgb(91, 111, 128) !important; }
.focus\:ring-offset-primary-light:focus { --tw-ring-offset-color: rgb(91, 111, 128); }
.\!focus\:ring-offset-primary-light:focus { --tw-ring-offset-color: rgb(91, 111, 128) !important; }
.stroke-primary-light { stroke: rgb(91, 111, 128); }
.\!stroke-primary-light { stroke: rgb(91, 111, 128) !important; }
.hover\:stroke-primary-light:hover { stroke: rgb(91, 111, 128); }
.\!hover\:stroke-primary-light:hover { stroke: rgb(91, 111, 128) !important; }
.focus\:stroke-primary-light:focus { stroke: rgb(91, 111, 128); }
.\!focus\:stroke-primary-light:focus { stroke: rgb(91, 111, 128) !important; }
.fill-primary-light { fill: rgb(91, 111, 128); }
.\!fill-primary-light { fill: rgb(91, 111, 128) !important; }
.hover\:fill-primary-light:hover { fill: rgb(91, 111, 128); }
.\!hover\:fill-primary-light:hover { fill: rgb(91, 111, 128) !important; }
.focus\:fill-primary-light:focus { fill: rgb(91, 111, 128); }
.\!focus\:fill-primary-light:focus { fill: rgb(91, 111, 128) !important; }
.divide-primary-light > :not([hidden]) ~ :not([hidden]) { border-color: rgb(91, 111, 128); }
.\!divide-primary-light > :not([hidden]) ~ :not([hidden]) { border-color: rgb(91, 111, 128) !important; }
.hover\:divide-primary-light:hover > :not([hidden]) ~ :not([hidden]) { border-color: rgb(91, 111, 128); }
.\!hover\:divide-primary-light:hover > :not([hidden]) ~ :not([hidden]) { border-color: rgb(91, 111, 128) !important; }
.focus\:divide-primary-light:focus > :not([hidden]) ~ :not([hidden]) { border-color: rgb(91, 111, 128); }
.\!focus\:divide-primary-light:focus > :not([hidden]) ~ :not([hidden]) { border-color: rgb(91, 111, 128) !important; }
.bg-primary-lighter { background-color: rgb(132, 147, 160); }
.\!bg-primary-lighter { background-color: rgb(132, 147, 160) !important; }
.hover\:bg-primary-lighter:hover { background-color: rgb(132, 147, 160); }
.\!hover\:bg-primary-lighter:hover { background-color: rgb(132, 147, 160) !important; }
.focus\:bg-primary-lighter:focus { background-color: rgb(132, 147, 160); }
.\!focus\:bg-primary-lighter:focus { background-color: rgb(132, 147, 160) !important; }
.text-primary-lighter { color: rgb(132, 147, 160); }
.\!text-primary-lighter { color: rgb(132, 147, 160) !important; }
.hover\:text-primary-lighter:hover { color: rgb(132, 147, 160); }
.\!hover\:text-primary-lighter:hover { color: rgb(132, 147, 160) !important; }
.focus\:text-primary-lighter:focus { color: rgb(132, 147, 160); }
.\!focus\:text-primary-lighter:focus { color: rgb(132, 147, 160) !important; }
.border-primary-lighter { border-color: rgb(132, 147, 160); }
.\!border-primary-lighter { border-color: rgb(132, 147, 160) !important; }
.hover\:border-primary-lighter:hover { border-color: rgb(132, 147, 160); }
.\!hover\:border-primary-lighter:hover { border-color: rgb(132, 147, 160) !important; }
.focus\:border-primary-lighter:focus { border-color: rgb(132, 147, 160); }
.\!focus\:border-primary-lighter:focus { border-color: rgb(132, 147, 160) !important; }
.border-t-primary-lighter { border-top-color: rgb(132, 147, 160); }
.\!border-t-primary-lighter { border-top-color: rgb(132, 147, 160) !important; }
.hover\:border-t-primary-lighter:hover { border-top-color: rgb(132, 147, 160); }
.\!hover\:border-t-primary-lighter:hover { border-top-color: rgb(132, 147, 160) !important; }
.focus\:border-t-primary-lighter:focus { border-top-color: rgb(132, 147, 160); }
.\!focus\:border-t-primary-lighter:focus { border-top-color: rgb(132, 147, 160) !important; }
.border-b-primary-lighter { border-bottom-color: rgb(132, 147, 160); }
.\!border-b-primary-lighter { border-bottom-color: rgb(132, 147, 160) !important; }
.hover\:border-b-primary-lighter:hover { border-bottom-color: rgb(132, 147, 160); }
.\!hover\:border-b-primary-lighter:hover { border-bottom-color: rgb(132, 147, 160) !important; }
.focus\:border-b-primary-lighter:focus { border-bottom-color: rgb(132, 147, 160); }
.\!focus\:border-b-primary-lighter:focus { border-bottom-color: rgb(132, 147, 160) !important; }
.border-r-primary-lighter { border-right-color: rgb(132, 147, 160); }
.\!border-r-primary-lighter { border-right-color: rgb(132, 147, 160) !important; }
.hover\:border-r-primary-lighter:hover { border-right-color: rgb(132, 147, 160); }
.\!hover\:border-r-primary-lighter:hover { border-right-color: rgb(132, 147, 160) !important; }
.focus\:border-r-primary-lighter:focus { border-right-color: rgb(132, 147, 160); }
.\!focus\:border-r-primary-lighter:focus { border-right-color: rgb(132, 147, 160) !important; }
.border-l-primary-lighter { border-left-color: rgb(132, 147, 160); }
.\!border-l-primary-lighter { border-left-color: rgb(132, 147, 160) !important; }
.hover\:border-l-primary-lighter:hover { border-left-color: rgb(132, 147, 160); }
.\!hover\:border-l-primary-lighter:hover { border-left-color: rgb(132, 147, 160) !important; }
.focus\:border-l-primary-lighter:focus { border-left-color: rgb(132, 147, 160); }
.\!focus\:border-l-primary-lighter:focus { border-left-color: rgb(132, 147, 160) !important; }
.placeholder-primary-lighter { color: rgb(132, 147, 160); }
.\!placeholder-primary-lighter { color: rgb(132, 147, 160) !important; }
.hover\:placeholder-primary-lighter:hover { color: rgb(132, 147, 160); }
.\!hover\:placeholder-primary-lighter:hover { color: rgb(132, 147, 160) !important; }
.focus\:placeholder-primary-lighter:focus { color: rgb(132, 147, 160); }
.\!focus\:placeholder-primary-lighter:focus { color: rgb(132, 147, 160) !important; }
.ring-primary-lighter { --tw-ring-color: rgb(132, 147, 160); }
.\!ring-primary-lighter { --tw-ring-color: rgb(132, 147, 160) !important; }
.hover\:ring-primary-lighter:hover { --tw-ring-color: rgb(132, 147, 160); }
.\!hover\:ring-primary-lighter:hover { --tw-ring-color: rgb(132, 147, 160) !important; }
.focus\:ring-primary-lighter:focus { --tw-ring-color: rgb(132, 147, 160); }
.\!focus\:ring-primary-lighter:focus { --tw-ring-color: rgb(132, 147, 160) !important; }
.ring-offset-primary-lighter { --tw-ring-offset-color: rgb(132, 147, 160); }
.\!ring-offset-primary-lighter { --tw-ring-offset-color: rgb(132, 147, 160) !important; }
.hover\:ring-offset-primary-lighter:hover { --tw-ring-offset-color: rgb(132, 147, 160); }
.\!hover\:ring-offset-primary-lighter:hover { --tw-ring-offset-color: rgb(132, 147, 160) !important; }
.focus\:ring-offset-primary-lighter:focus { --tw-ring-offset-color: rgb(132, 147, 160); }
.\!focus\:ring-offset-primary-lighter:focus { --tw-ring-offset-color: rgb(132, 147, 160) !important; }
.stroke-primary-lighter { stroke: rgb(132, 147, 160); }
.\!stroke-primary-lighter { stroke: rgb(132, 147, 160) !important; }
.hover\:stroke-primary-lighter:hover { stroke: rgb(132, 147, 160); }
.\!hover\:stroke-primary-lighter:hover { stroke: rgb(132, 147, 160) !important; }
.focus\:stroke-primary-lighter:focus { stroke: rgb(132, 147, 160); }
.\!focus\:stroke-primary-lighter:focus { stroke: rgb(132, 147, 160) !important; }
.fill-primary-lighter { fill: rgb(132, 147, 160); }
.\!fill-primary-lighter { fill: rgb(132, 147, 160) !important; }
.hover\:fill-primary-lighter:hover { fill: rgb(132, 147, 160); }
.\!hover\:fill-primary-lighter:hover { fill: rgb(132, 147, 160) !important; }
.focus\:fill-primary-lighter:focus { fill: rgb(132, 147, 160); }
.\!focus\:fill-primary-lighter:focus { fill: rgb(132, 147, 160) !important; }
.divide-primary-lighter > :not([hidden]) ~ :not([hidden]) { border-color: rgb(132, 147, 160); }
.\!divide-primary-lighter > :not([hidden]) ~ :not([hidden]) { border-color: rgb(132, 147, 160) !important; }
.hover\:divide-primary-lighter:hover > :not([hidden]) ~ :not([hidden]) { border-color: rgb(132, 147, 160); }
.\!hover\:divide-primary-lighter:hover > :not([hidden]) ~ :not([hidden]) { border-color: rgb(132, 147, 160) !important; }
.focus\:divide-primary-lighter:focus > :not([hidden]) ~ :not([hidden]) { border-color: rgb(132, 147, 160); }
.\!focus\:divide-primary-lighter:focus > :not([hidden]) ~ :not([hidden]) { border-color: rgb(132, 147, 160) !important; }
.bg-primary-lightest { background-color: rgb(173, 183, 191); }
.\!bg-primary-lightest { background-color: rgb(173, 183, 191) !important; }
.hover\:bg-primary-lightest:hover { background-color: rgb(173, 183, 191); }
.\!hover\:bg-primary-lightest:hover { background-color: rgb(173, 183, 191) !important; }
.focus\:bg-primary-lightest:focus { background-color: rgb(173, 183, 191); }
.\!focus\:bg-primary-lightest:focus { background-color: rgb(173, 183, 191) !important; }
.text-primary-lightest { color: rgb(173, 183, 191); }
.\!text-primary-lightest { color: rgb(173, 183, 191) !important; }
.hover\:text-primary-lightest:hover { color: rgb(173, 183, 191); }
.\!hover\:text-primary-lightest:hover { color: rgb(173, 183, 191) !important; }
.focus\:text-primary-lightest:focus { color: rgb(173, 183, 191); }
.\!focus\:text-primary-lightest:focus { color: rgb(173, 183, 191) !important; }
.border-primary-lightest { border-color: rgb(173, 183, 191); }
.\!border-primary-lightest { border-color: rgb(173, 183, 191) !important; }
.hover\:border-primary-lightest:hover { border-color: rgb(173, 183, 191); }
.\!hover\:border-primary-lightest:hover { border-color: rgb(173, 183, 191) !important; }
.focus\:border-primary-lightest:focus { border-color: rgb(173, 183, 191); }
.\!focus\:border-primary-lightest:focus { border-color: rgb(173, 183, 191) !important; }
.border-t-primary-lightest { border-top-color: rgb(173, 183, 191); }
.\!border-t-primary-lightest { border-top-color: rgb(173, 183, 191) !important; }
.hover\:border-t-primary-lightest:hover { border-top-color: rgb(173, 183, 191); }
.\!hover\:border-t-primary-lightest:hover { border-top-color: rgb(173, 183, 191) !important; }
.focus\:border-t-primary-lightest:focus { border-top-color: rgb(173, 183, 191); }
.\!focus\:border-t-primary-lightest:focus { border-top-color: rgb(173, 183, 191) !important; }
.border-b-primary-lightest { border-bottom-color: rgb(173, 183, 191); }
.\!border-b-primary-lightest { border-bottom-color: rgb(173, 183, 191) !important; }
.hover\:border-b-primary-lightest:hover { border-bottom-color: rgb(173, 183, 191); }
.\!hover\:border-b-primary-lightest:hover { border-bottom-color: rgb(173, 183, 191) !important; }
.focus\:border-b-primary-lightest:focus { border-bottom-color: rgb(173, 183, 191); }
.\!focus\:border-b-primary-lightest:focus { border-bottom-color: rgb(173, 183, 191) !important; }
.border-r-primary-lightest { border-right-color: rgb(173, 183, 191); }
.\!border-r-primary-lightest { border-right-color: rgb(173, 183, 191) !important; }
.hover\:border-r-primary-lightest:hover { border-right-color: rgb(173, 183, 191); }
.\!hover\:border-r-primary-lightest:hover { border-right-color: rgb(173, 183, 191) !important; }
.focus\:border-r-primary-lightest:focus { border-right-color: rgb(173, 183, 191); }
.\!focus\:border-r-primary-lightest:focus { border-right-color: rgb(173, 183, 191) !important; }
.border-l-primary-lightest { border-left-color: rgb(173, 183, 191); }
.\!border-l-primary-lightest { border-left-color: rgb(173, 183, 191) !important; }
.hover\:border-l-primary-lightest:hover { border-left-color: rgb(173, 183, 191); }
.\!hover\:border-l-primary-lightest:hover { border-left-color: rgb(173, 183, 191) !important; }
.focus\:border-l-primary-lightest:focus { border-left-color: rgb(173, 183, 191); }
.\!focus\:border-l-primary-lightest:focus { border-left-color: rgb(173, 183, 191) !important; }
.placeholder-primary-lightest { color: rgb(173, 183, 191); }
.\!placeholder-primary-lightest { color: rgb(173, 183, 191) !important; }
.hover\:placeholder-primary-lightest:hover { color: rgb(173, 183, 191); }
.\!hover\:placeholder-primary-lightest:hover { color: rgb(173, 183, 191) !important; }
.focus\:placeholder-primary-lightest:focus { color: rgb(173, 183, 191); }
.\!focus\:placeholder-primary-lightest:focus { color: rgb(173, 183, 191) !important; }
.ring-primary-lightest { --tw-ring-color: rgb(173, 183, 191); }
.\!ring-primary-lightest { --tw-ring-color: rgb(173, 183, 191) !important; }
.hover\:ring-primary-lightest:hover { --tw-ring-color: rgb(173, 183, 191); }
.\!hover\:ring-primary-lightest:hover { --tw-ring-color: rgb(173, 183, 191) !important; }
.focus\:ring-primary-lightest:focus { --tw-ring-color: rgb(173, 183, 191); }
.\!focus\:ring-primary-lightest:focus { --tw-ring-color: rgb(173, 183, 191) !important; }
.ring-offset-primary-lightest { --tw-ring-offset-color: rgb(173, 183, 191); }
.\!ring-offset-primary-lightest { --tw-ring-offset-color: rgb(173, 183, 191) !important; }
.hover\:ring-offset-primary-lightest:hover { --tw-ring-offset-color: rgb(173, 183, 191); }
.\!hover\:ring-offset-primary-lightest:hover { --tw-ring-offset-color: rgb(173, 183, 191) !important; }
.focus\:ring-offset-primary-lightest:focus { --tw-ring-offset-color: rgb(173, 183, 191); }
.\!focus\:ring-offset-primary-lightest:focus { --tw-ring-offset-color: rgb(173, 183, 191) !important; }
.stroke-primary-lightest { stroke: rgb(173, 183, 191); }
.\!stroke-primary-lightest { stroke: rgb(173, 183, 191) !important; }
.hover\:stroke-primary-lightest:hover { stroke: rgb(173, 183, 191); }
.\!hover\:stroke-primary-lightest:hover { stroke: rgb(173, 183, 191) !important; }
.focus\:stroke-primary-lightest:focus { stroke: rgb(173, 183, 191); }
.\!focus\:stroke-primary-lightest:focus { stroke: rgb(173, 183, 191) !important; }
.fill-primary-lightest { fill: rgb(173, 183, 191); }
.\!fill-primary-lightest { fill: rgb(173, 183, 191) !important; }
.hover\:fill-primary-lightest:hover { fill: rgb(173, 183, 191); }
.\!hover\:fill-primary-lightest:hover { fill: rgb(173, 183, 191) !important; }
.focus\:fill-primary-lightest:focus { fill: rgb(173, 183, 191); }
.\!focus\:fill-primary-lightest:focus { fill: rgb(173, 183, 191) !important; }
.divide-primary-lightest > :not([hidden]) ~ :not([hidden]) { border-color: rgb(173, 183, 191); }
.\!divide-primary-lightest > :not([hidden]) ~ :not([hidden]) { border-color: rgb(173, 183, 191) !important; }
.hover\:divide-primary-lightest:hover > :not([hidden]) ~ :not([hidden]) { border-color: rgb(173, 183, 191); }
.\!hover\:divide-primary-lightest:hover > :not([hidden]) ~ :not([hidden]) { border-color: rgb(173, 183, 191) !important; }
.focus\:divide-primary-lightest:focus > :not([hidden]) ~ :not([hidden]) { border-color: rgb(173, 183, 191); }
.\!focus\:divide-primary-lightest:focus > :not([hidden]) ~ :not([hidden]) { border-color: rgb(173, 183, 191) !important; }
.bg-primary-pale { background-color: rgb(181, 190, 198); }
.\!bg-primary-pale { background-color: rgb(181, 190, 198) !important; }
.hover\:bg-primary-pale:hover { background-color: rgb(181, 190, 198); }
.\!hover\:bg-primary-pale:hover { background-color: rgb(181, 190, 198) !important; }
.focus\:bg-primary-pale:focus { background-color: rgb(181, 190, 198); }
.\!focus\:bg-primary-pale:focus { background-color: rgb(181, 190, 198) !important; }
.text-primary-pale { color: rgb(181, 190, 198); }
.\!text-primary-pale { color: rgb(181, 190, 198) !important; }
.hover\:text-primary-pale:hover { color: rgb(181, 190, 198); }
.\!hover\:text-primary-pale:hover { color: rgb(181, 190, 198) !important; }
.focus\:text-primary-pale:focus { color: rgb(181, 190, 198); }
.\!focus\:text-primary-pale:focus { color: rgb(181, 190, 198) !important; }
.border-primary-pale { border-color: rgb(181, 190, 198); }
.\!border-primary-pale { border-color: rgb(181, 190, 198) !important; }
.hover\:border-primary-pale:hover { border-color: rgb(181, 190, 198); }
.\!hover\:border-primary-pale:hover { border-color: rgb(181, 190, 198) !important; }
.focus\:border-primary-pale:focus { border-color: rgb(181, 190, 198); }
.\!focus\:border-primary-pale:focus { border-color: rgb(181, 190, 198) !important; }
.border-t-primary-pale { border-top-color: rgb(181, 190, 198); }
.\!border-t-primary-pale { border-top-color: rgb(181, 190, 198) !important; }
.hover\:border-t-primary-pale:hover { border-top-color: rgb(181, 190, 198); }
.\!hover\:border-t-primary-pale:hover { border-top-color: rgb(181, 190, 198) !important; }
.focus\:border-t-primary-pale:focus { border-top-color: rgb(181, 190, 198); }
.\!focus\:border-t-primary-pale:focus { border-top-color: rgb(181, 190, 198) !important; }
.border-b-primary-pale { border-bottom-color: rgb(181, 190, 198); }
.\!border-b-primary-pale { border-bottom-color: rgb(181, 190, 198) !important; }
.hover\:border-b-primary-pale:hover { border-bottom-color: rgb(181, 190, 198); }
.\!hover\:border-b-primary-pale:hover { border-bottom-color: rgb(181, 190, 198) !important; }
.focus\:border-b-primary-pale:focus { border-bottom-color: rgb(181, 190, 198); }
.\!focus\:border-b-primary-pale:focus { border-bottom-color: rgb(181, 190, 198) !important; }
.border-r-primary-pale { border-right-color: rgb(181, 190, 198); }
.\!border-r-primary-pale { border-right-color: rgb(181, 190, 198) !important; }
.hover\:border-r-primary-pale:hover { border-right-color: rgb(181, 190, 198); }
.\!hover\:border-r-primary-pale:hover { border-right-color: rgb(181, 190, 198) !important; }
.focus\:border-r-primary-pale:focus { border-right-color: rgb(181, 190, 198); }
.\!focus\:border-r-primary-pale:focus { border-right-color: rgb(181, 190, 198) !important; }
.border-l-primary-pale { border-left-color: rgb(181, 190, 198); }
.\!border-l-primary-pale { border-left-color: rgb(181, 190, 198) !important; }
.hover\:border-l-primary-pale:hover { border-left-color: rgb(181, 190, 198); }
.\!hover\:border-l-primary-pale:hover { border-left-color: rgb(181, 190, 198) !important; }
.focus\:border-l-primary-pale:focus { border-left-color: rgb(181, 190, 198); }
.\!focus\:border-l-primary-pale:focus { border-left-color: rgb(181, 190, 198) !important; }
.placeholder-primary-pale { color: rgb(181, 190, 198); }
.\!placeholder-primary-pale { color: rgb(181, 190, 198) !important; }
.hover\:placeholder-primary-pale:hover { color: rgb(181, 190, 198); }
.\!hover\:placeholder-primary-pale:hover { color: rgb(181, 190, 198) !important; }
.focus\:placeholder-primary-pale:focus { color: rgb(181, 190, 198); }
.\!focus\:placeholder-primary-pale:focus { color: rgb(181, 190, 198) !important; }
.ring-primary-pale { --tw-ring-color: rgb(181, 190, 198); }
.\!ring-primary-pale { --tw-ring-color: rgb(181, 190, 198) !important; }
.hover\:ring-primary-pale:hover { --tw-ring-color: rgb(181, 190, 198); }
.\!hover\:ring-primary-pale:hover { --tw-ring-color: rgb(181, 190, 198) !important; }
.focus\:ring-primary-pale:focus { --tw-ring-color: rgb(181, 190, 198); }
.\!focus\:ring-primary-pale:focus { --tw-ring-color: rgb(181, 190, 198) !important; }
.ring-offset-primary-pale { --tw-ring-offset-color: rgb(181, 190, 198); }
.\!ring-offset-primary-pale { --tw-ring-offset-color: rgb(181, 190, 198) !important; }
.hover\:ring-offset-primary-pale:hover { --tw-ring-offset-color: rgb(181, 190, 198); }
.\!hover\:ring-offset-primary-pale:hover { --tw-ring-offset-color: rgb(181, 190, 198) !important; }
.focus\:ring-offset-primary-pale:focus { --tw-ring-offset-color: rgb(181, 190, 198); }
.\!focus\:ring-offset-primary-pale:focus { --tw-ring-offset-color: rgb(181, 190, 198) !important; }
.stroke-primary-pale { stroke: rgb(181, 190, 198); }
.\!stroke-primary-pale { stroke: rgb(181, 190, 198) !important; }
.hover\:stroke-primary-pale:hover { stroke: rgb(181, 190, 198); }
.\!hover\:stroke-primary-pale:hover { stroke: rgb(181, 190, 198) !important; }
.focus\:stroke-primary-pale:focus { stroke: rgb(181, 190, 198); }
.\!focus\:stroke-primary-pale:focus { stroke: rgb(181, 190, 198) !important; }
.fill-primary-pale { fill: rgb(181, 190, 198); }
.\!fill-primary-pale { fill: rgb(181, 190, 198) !important; }
.hover\:fill-primary-pale:hover { fill: rgb(181, 190, 198); }
.\!hover\:fill-primary-pale:hover { fill: rgb(181, 190, 198) !important; }
.focus\:fill-primary-pale:focus { fill: rgb(181, 190, 198); }
.\!focus\:fill-primary-pale:focus { fill: rgb(181, 190, 198) !important; }
.divide-primary-pale > :not([hidden]) ~ :not([hidden]) { border-color: rgb(181, 190, 198); }
.\!divide-primary-pale > :not([hidden]) ~ :not([hidden]) { border-color: rgb(181, 190, 198) !important; }
.hover\:divide-primary-pale:hover > :not([hidden]) ~ :not([hidden]) { border-color: rgb(181, 190, 198); }
.\!hover\:divide-primary-pale:hover > :not([hidden]) ~ :not([hidden]) { border-color: rgb(181, 190, 198) !important; }
.focus\:divide-primary-pale:focus > :not([hidden]) ~ :not([hidden]) { border-color: rgb(181, 190, 198); }
.\!focus\:divide-primary-pale:focus > :not([hidden]) ~ :not([hidden]) { border-color: rgb(181, 190, 198) !important; }
.bg-primary-dark { background-color: rgb(40, 60, 77); }
.\!bg-primary-dark { background-color: rgb(40, 60, 77) !important; }
.hover\:bg-primary-dark:hover { background-color: rgb(40, 60, 77); }
.\!hover\:bg-primary-dark:hover { background-color: rgb(40, 60, 77) !important; }
.focus\:bg-primary-dark:focus { background-color: rgb(40, 60, 77); }
.\!focus\:bg-primary-dark:focus { background-color: rgb(40, 60, 77) !important; }
.text-primary-dark { color: rgb(40, 60, 77); }
.\!text-primary-dark { color: rgb(40, 60, 77) !important; }
.hover\:text-primary-dark:hover { color: rgb(40, 60, 77); }
.\!hover\:text-primary-dark:hover { color: rgb(40, 60, 77) !important; }
.focus\:text-primary-dark:focus { color: rgb(40, 60, 77); }
.\!focus\:text-primary-dark:focus { color: rgb(40, 60, 77) !important; }
.border-primary-dark { border-color: rgb(40, 60, 77); }
.\!border-primary-dark { border-color: rgb(40, 60, 77) !important; }
.hover\:border-primary-dark:hover { border-color: rgb(40, 60, 77); }
.\!hover\:border-primary-dark:hover { border-color: rgb(40, 60, 77) !important; }
.focus\:border-primary-dark:focus { border-color: rgb(40, 60, 77); }
.\!focus\:border-primary-dark:focus { border-color: rgb(40, 60, 77) !important; }
.border-t-primary-dark { border-top-color: rgb(40, 60, 77); }
.\!border-t-primary-dark { border-top-color: rgb(40, 60, 77) !important; }
.hover\:border-t-primary-dark:hover { border-top-color: rgb(40, 60, 77); }
.\!hover\:border-t-primary-dark:hover { border-top-color: rgb(40, 60, 77) !important; }
.focus\:border-t-primary-dark:focus { border-top-color: rgb(40, 60, 77); }
.\!focus\:border-t-primary-dark:focus { border-top-color: rgb(40, 60, 77) !important; }
.border-b-primary-dark { border-bottom-color: rgb(40, 60, 77); }
.\!border-b-primary-dark { border-bottom-color: rgb(40, 60, 77) !important; }
.hover\:border-b-primary-dark:hover { border-bottom-color: rgb(40, 60, 77); }
.\!hover\:border-b-primary-dark:hover { border-bottom-color: rgb(40, 60, 77) !important; }
.focus\:border-b-primary-dark:focus { border-bottom-color: rgb(40, 60, 77); }
.\!focus\:border-b-primary-dark:focus { border-bottom-color: rgb(40, 60, 77) !important; }
.border-r-primary-dark { border-right-color: rgb(40, 60, 77); }
.\!border-r-primary-dark { border-right-color: rgb(40, 60, 77) !important; }
.hover\:border-r-primary-dark:hover { border-right-color: rgb(40, 60, 77); }
.\!hover\:border-r-primary-dark:hover { border-right-color: rgb(40, 60, 77) !important; }
.focus\:border-r-primary-dark:focus { border-right-color: rgb(40, 60, 77); }
.\!focus\:border-r-primary-dark:focus { border-right-color: rgb(40, 60, 77) !important; }
.border-l-primary-dark { border-left-color: rgb(40, 60, 77); }
.\!border-l-primary-dark { border-left-color: rgb(40, 60, 77) !important; }
.hover\:border-l-primary-dark:hover { border-left-color: rgb(40, 60, 77); }
.\!hover\:border-l-primary-dark:hover { border-left-color: rgb(40, 60, 77) !important; }
.focus\:border-l-primary-dark:focus { border-left-color: rgb(40, 60, 77); }
.\!focus\:border-l-primary-dark:focus { border-left-color: rgb(40, 60, 77) !important; }
.placeholder-primary-dark { color: rgb(40, 60, 77); }
.\!placeholder-primary-dark { color: rgb(40, 60, 77) !important; }
.hover\:placeholder-primary-dark:hover { color: rgb(40, 60, 77); }
.\!hover\:placeholder-primary-dark:hover { color: rgb(40, 60, 77) !important; }
.focus\:placeholder-primary-dark:focus { color: rgb(40, 60, 77); }
.\!focus\:placeholder-primary-dark:focus { color: rgb(40, 60, 77) !important; }
.ring-primary-dark { --tw-ring-color: rgb(40, 60, 77); }
.\!ring-primary-dark { --tw-ring-color: rgb(40, 60, 77) !important; }
.hover\:ring-primary-dark:hover { --tw-ring-color: rgb(40, 60, 77); }
.\!hover\:ring-primary-dark:hover { --tw-ring-color: rgb(40, 60, 77) !important; }
.focus\:ring-primary-dark:focus { --tw-ring-color: rgb(40, 60, 77); }
.\!focus\:ring-primary-dark:focus { --tw-ring-color: rgb(40, 60, 77) !important; }
.ring-offset-primary-dark { --tw-ring-offset-color: rgb(40, 60, 77); }
.\!ring-offset-primary-dark { --tw-ring-offset-color: rgb(40, 60, 77) !important; }
.hover\:ring-offset-primary-dark:hover { --tw-ring-offset-color: rgb(40, 60, 77); }
.\!hover\:ring-offset-primary-dark:hover { --tw-ring-offset-color: rgb(40, 60, 77) !important; }
.focus\:ring-offset-primary-dark:focus { --tw-ring-offset-color: rgb(40, 60, 77); }
.\!focus\:ring-offset-primary-dark:focus { --tw-ring-offset-color: rgb(40, 60, 77) !important; }
.stroke-primary-dark { stroke: rgb(40, 60, 77); }
.\!stroke-primary-dark { stroke: rgb(40, 60, 77) !important; }
.hover\:stroke-primary-dark:hover { stroke: rgb(40, 60, 77); }
.\!hover\:stroke-primary-dark:hover { stroke: rgb(40, 60, 77) !important; }
.focus\:stroke-primary-dark:focus { stroke: rgb(40, 60, 77); }
.\!focus\:stroke-primary-dark:focus { stroke: rgb(40, 60, 77) !important; }
.fill-primary-dark { fill: rgb(40, 60, 77); }
.\!fill-primary-dark { fill: rgb(40, 60, 77) !important; }
.hover\:fill-primary-dark:hover { fill: rgb(40, 60, 77); }
.\!hover\:fill-primary-dark:hover { fill: rgb(40, 60, 77) !important; }
.focus\:fill-primary-dark:focus { fill: rgb(40, 60, 77); }
.\!focus\:fill-primary-dark:focus { fill: rgb(40, 60, 77) !important; }
.divide-primary-dark > :not([hidden]) ~ :not([hidden]) { border-color: rgb(40, 60, 77); }
.\!divide-primary-dark > :not([hidden]) ~ :not([hidden]) { border-color: rgb(40, 60, 77) !important; }
.hover\:divide-primary-dark:hover > :not([hidden]) ~ :not([hidden]) { border-color: rgb(40, 60, 77); }
.\!hover\:divide-primary-dark:hover > :not([hidden]) ~ :not([hidden]) { border-color: rgb(40, 60, 77) !important; }
.focus\:divide-primary-dark:focus > :not([hidden]) ~ :not([hidden]) { border-color: rgb(40, 60, 77); }
.\!focus\:divide-primary-dark:focus > :not([hidden]) ~ :not([hidden]) { border-color: rgb(40, 60, 77) !important; }
.bg-primary-darker { background-color: rgb(30, 45, 58); }
.\!bg-primary-darker { background-color: rgb(30, 45, 58) !important; }
.hover\:bg-primary-darker:hover { background-color: rgb(30, 45, 58); }
.\!hover\:bg-primary-darker:hover { background-color: rgb(30, 45, 58) !important; }
.focus\:bg-primary-darker:focus { background-color: rgb(30, 45, 58); }
.\!focus\:bg-primary-darker:focus { background-color: rgb(30, 45, 58) !important; }
.text-primary-darker { color: rgb(30, 45, 58); }
.\!text-primary-darker { color: rgb(30, 45, 58) !important; }
.hover\:text-primary-darker:hover { color: rgb(30, 45, 58); }
.\!hover\:text-primary-darker:hover { color: rgb(30, 45, 58) !important; }
.focus\:text-primary-darker:focus { color: rgb(30, 45, 58); }
.\!focus\:text-primary-darker:focus { color: rgb(30, 45, 58) !important; }
.border-primary-darker { border-color: rgb(30, 45, 58); }
.\!border-primary-darker { border-color: rgb(30, 45, 58) !important; }
.hover\:border-primary-darker:hover { border-color: rgb(30, 45, 58); }
.\!hover\:border-primary-darker:hover { border-color: rgb(30, 45, 58) !important; }
.focus\:border-primary-darker:focus { border-color: rgb(30, 45, 58); }
.\!focus\:border-primary-darker:focus { border-color: rgb(30, 45, 58) !important; }
.border-t-primary-darker { border-top-color: rgb(30, 45, 58); }
.\!border-t-primary-darker { border-top-color: rgb(30, 45, 58) !important; }
.hover\:border-t-primary-darker:hover { border-top-color: rgb(30, 45, 58); }
.\!hover\:border-t-primary-darker:hover { border-top-color: rgb(30, 45, 58) !important; }
.focus\:border-t-primary-darker:focus { border-top-color: rgb(30, 45, 58); }
.\!focus\:border-t-primary-darker:focus { border-top-color: rgb(30, 45, 58) !important; }
.border-b-primary-darker { border-bottom-color: rgb(30, 45, 58); }
.\!border-b-primary-darker { border-bottom-color: rgb(30, 45, 58) !important; }
.hover\:border-b-primary-darker:hover { border-bottom-color: rgb(30, 45, 58); }
.\!hover\:border-b-primary-darker:hover { border-bottom-color: rgb(30, 45, 58) !important; }
.focus\:border-b-primary-darker:focus { border-bottom-color: rgb(30, 45, 58); }
.\!focus\:border-b-primary-darker:focus { border-bottom-color: rgb(30, 45, 58) !important; }
.border-r-primary-darker { border-right-color: rgb(30, 45, 58); }
.\!border-r-primary-darker { border-right-color: rgb(30, 45, 58) !important; }
.hover\:border-r-primary-darker:hover { border-right-color: rgb(30, 45, 58); }
.\!hover\:border-r-primary-darker:hover { border-right-color: rgb(30, 45, 58) !important; }
.focus\:border-r-primary-darker:focus { border-right-color: rgb(30, 45, 58); }
.\!focus\:border-r-primary-darker:focus { border-right-color: rgb(30, 45, 58) !important; }
.border-l-primary-darker { border-left-color: rgb(30, 45, 58); }
.\!border-l-primary-darker { border-left-color: rgb(30, 45, 58) !important; }
.hover\:border-l-primary-darker:hover { border-left-color: rgb(30, 45, 58); }
.\!hover\:border-l-primary-darker:hover { border-left-color: rgb(30, 45, 58) !important; }
.focus\:border-l-primary-darker:focus { border-left-color: rgb(30, 45, 58); }
.\!focus\:border-l-primary-darker:focus { border-left-color: rgb(30, 45, 58) !important; }
.placeholder-primary-darker { color: rgb(30, 45, 58); }
.\!placeholder-primary-darker { color: rgb(30, 45, 58) !important; }
.hover\:placeholder-primary-darker:hover { color: rgb(30, 45, 58); }
.\!hover\:placeholder-primary-darker:hover { color: rgb(30, 45, 58) !important; }
.focus\:placeholder-primary-darker:focus { color: rgb(30, 45, 58); }
.\!focus\:placeholder-primary-darker:focus { color: rgb(30, 45, 58) !important; }
.ring-primary-darker { --tw-ring-color: rgb(30, 45, 58); }
.\!ring-primary-darker { --tw-ring-color: rgb(30, 45, 58) !important; }
.hover\:ring-primary-darker:hover { --tw-ring-color: rgb(30, 45, 58); }
.\!hover\:ring-primary-darker:hover { --tw-ring-color: rgb(30, 45, 58) !important; }
.focus\:ring-primary-darker:focus { --tw-ring-color: rgb(30, 45, 58); }
.\!focus\:ring-primary-darker:focus { --tw-ring-color: rgb(30, 45, 58) !important; }
.ring-offset-primary-darker { --tw-ring-offset-color: rgb(30, 45, 58); }
.\!ring-offset-primary-darker { --tw-ring-offset-color: rgb(30, 45, 58) !important; }
.hover\:ring-offset-primary-darker:hover { --tw-ring-offset-color: rgb(30, 45, 58); }
.\!hover\:ring-offset-primary-darker:hover { --tw-ring-offset-color: rgb(30, 45, 58) !important; }
.focus\:ring-offset-primary-darker:focus { --tw-ring-offset-color: rgb(30, 45, 58); }
.\!focus\:ring-offset-primary-darker:focus { --tw-ring-offset-color: rgb(30, 45, 58) !important; }
.stroke-primary-darker { stroke: rgb(30, 45, 58); }
.\!stroke-primary-darker { stroke: rgb(30, 45, 58) !important; }
.hover\:stroke-primary-darker:hover { stroke: rgb(30, 45, 58); }
.\!hover\:stroke-primary-darker:hover { stroke: rgb(30, 45, 58) !important; }
.focus\:stroke-primary-darker:focus { stroke: rgb(30, 45, 58); }
.\!focus\:stroke-primary-darker:focus { stroke: rgb(30, 45, 58) !important; }
.fill-primary-darker { fill: rgb(30, 45, 58); }
.\!fill-primary-darker { fill: rgb(30, 45, 58) !important; }
.hover\:fill-primary-darker:hover { fill: rgb(30, 45, 58); }
.\!hover\:fill-primary-darker:hover { fill: rgb(30, 45, 58) !important; }
.focus\:fill-primary-darker:focus { fill: rgb(30, 45, 58); }
.\!focus\:fill-primary-darker:focus { fill: rgb(30, 45, 58) !important; }
.divide-primary-darker > :not([hidden]) ~ :not([hidden]) { border-color: rgb(30, 45, 58); }
.\!divide-primary-darker > :not([hidden]) ~ :not([hidden]) { border-color: rgb(30, 45, 58) !important; }
.hover\:divide-primary-darker:hover > :not([hidden]) ~ :not([hidden]) { border-color: rgb(30, 45, 58); }
.\!hover\:divide-primary-darker:hover > :not([hidden]) ~ :not([hidden]) { border-color: rgb(30, 45, 58) !important; }
.focus\:divide-primary-darker:focus > :not([hidden]) ~ :not([hidden]) { border-color: rgb(30, 45, 58); }
.\!focus\:divide-primary-darker:focus > :not([hidden]) ~ :not([hidden]) { border-color: rgb(30, 45, 58) !important; }
.bg-primary-desaturated { background-color: rgb(64, 74, 83); }
.\!bg-primary-desaturated { background-color: rgb(64, 74, 83) !important; }
.hover\:bg-primary-desaturated:hover { background-color: rgb(64, 74, 83); }
.\!hover\:bg-primary-desaturated:hover { background-color: rgb(64, 74, 83) !important; }
.focus\:bg-primary-desaturated:focus { background-color: rgb(64, 74, 83); }
.\!focus\:bg-primary-desaturated:focus { background-color: rgb(64, 74, 83) !important; }
.text-primary-desaturated { color: rgb(64, 74, 83); }
.\!text-primary-desaturated { color: rgb(64, 74, 83) !important; }
.hover\:text-primary-desaturated:hover { color: rgb(64, 74, 83); }
.\!hover\:text-primary-desaturated:hover { color: rgb(64, 74, 83) !important; }
.focus\:text-primary-desaturated:focus { color: rgb(64, 74, 83); }
.\!focus\:text-primary-desaturated:focus { color: rgb(64, 74, 83) !important; }
.border-primary-desaturated { border-color: rgb(64, 74, 83); }
.\!border-primary-desaturated { border-color: rgb(64, 74, 83) !important; }
.hover\:border-primary-desaturated:hover { border-color: rgb(64, 74, 83); }
.\!hover\:border-primary-desaturated:hover { border-color: rgb(64, 74, 83) !important; }
.focus\:border-primary-desaturated:focus { border-color: rgb(64, 74, 83); }
.\!focus\:border-primary-desaturated:focus { border-color: rgb(64, 74, 83) !important; }
.border-t-primary-desaturated { border-top-color: rgb(64, 74, 83); }
.\!border-t-primary-desaturated { border-top-color: rgb(64, 74, 83) !important; }
.hover\:border-t-primary-desaturated:hover { border-top-color: rgb(64, 74, 83); }
.\!hover\:border-t-primary-desaturated:hover { border-top-color: rgb(64, 74, 83) !important; }
.focus\:border-t-primary-desaturated:focus { border-top-color: rgb(64, 74, 83); }
.\!focus\:border-t-primary-desaturated:focus { border-top-color: rgb(64, 74, 83) !important; }
.border-b-primary-desaturated { border-bottom-color: rgb(64, 74, 83); }
.\!border-b-primary-desaturated { border-bottom-color: rgb(64, 74, 83) !important; }
.hover\:border-b-primary-desaturated:hover { border-bottom-color: rgb(64, 74, 83); }
.\!hover\:border-b-primary-desaturated:hover { border-bottom-color: rgb(64, 74, 83) !important; }
.focus\:border-b-primary-desaturated:focus { border-bottom-color: rgb(64, 74, 83); }
.\!focus\:border-b-primary-desaturated:focus { border-bottom-color: rgb(64, 74, 83) !important; }
.border-r-primary-desaturated { border-right-color: rgb(64, 74, 83); }
.\!border-r-primary-desaturated { border-right-color: rgb(64, 74, 83) !important; }
.hover\:border-r-primary-desaturated:hover { border-right-color: rgb(64, 74, 83); }
.\!hover\:border-r-primary-desaturated:hover { border-right-color: rgb(64, 74, 83) !important; }
.focus\:border-r-primary-desaturated:focus { border-right-color: rgb(64, 74, 83); }
.\!focus\:border-r-primary-desaturated:focus { border-right-color: rgb(64, 74, 83) !important; }
.border-l-primary-desaturated { border-left-color: rgb(64, 74, 83); }
.\!border-l-primary-desaturated { border-left-color: rgb(64, 74, 83) !important; }
.hover\:border-l-primary-desaturated:hover { border-left-color: rgb(64, 74, 83); }
.\!hover\:border-l-primary-desaturated:hover { border-left-color: rgb(64, 74, 83) !important; }
.focus\:border-l-primary-desaturated:focus { border-left-color: rgb(64, 74, 83); }
.\!focus\:border-l-primary-desaturated:focus { border-left-color: rgb(64, 74, 83) !important; }
.placeholder-primary-desaturated { color: rgb(64, 74, 83); }
.\!placeholder-primary-desaturated { color: rgb(64, 74, 83) !important; }
.hover\:placeholder-primary-desaturated:hover { color: rgb(64, 74, 83); }
.\!hover\:placeholder-primary-desaturated:hover { color: rgb(64, 74, 83) !important; }
.focus\:placeholder-primary-desaturated:focus { color: rgb(64, 74, 83); }
.\!focus\:placeholder-primary-desaturated:focus { color: rgb(64, 74, 83) !important; }
.ring-primary-desaturated { --tw-ring-color: rgb(64, 74, 83); }
.\!ring-primary-desaturated { --tw-ring-color: rgb(64, 74, 83) !important; }
.hover\:ring-primary-desaturated:hover { --tw-ring-color: rgb(64, 74, 83); }
.\!hover\:ring-primary-desaturated:hover { --tw-ring-color: rgb(64, 74, 83) !important; }
.focus\:ring-primary-desaturated:focus { --tw-ring-color: rgb(64, 74, 83); }
.\!focus\:ring-primary-desaturated:focus { --tw-ring-color: rgb(64, 74, 83) !important; }
.ring-offset-primary-desaturated { --tw-ring-offset-color: rgb(64, 74, 83); }
.\!ring-offset-primary-desaturated { --tw-ring-offset-color: rgb(64, 74, 83) !important; }
.hover\:ring-offset-primary-desaturated:hover { --tw-ring-offset-color: rgb(64, 74, 83); }
.\!hover\:ring-offset-primary-desaturated:hover { --tw-ring-offset-color: rgb(64, 74, 83) !important; }
.focus\:ring-offset-primary-desaturated:focus { --tw-ring-offset-color: rgb(64, 74, 83); }
.\!focus\:ring-offset-primary-desaturated:focus { --tw-ring-offset-color: rgb(64, 74, 83) !important; }
.stroke-primary-desaturated { stroke: rgb(64, 74, 83); }
.\!stroke-primary-desaturated { stroke: rgb(64, 74, 83) !important; }
.hover\:stroke-primary-desaturated:hover { stroke: rgb(64, 74, 83); }
.\!hover\:stroke-primary-desaturated:hover { stroke: rgb(64, 74, 83) !important; }
.focus\:stroke-primary-desaturated:focus { stroke: rgb(64, 74, 83); }
.\!focus\:stroke-primary-desaturated:focus { stroke: rgb(64, 74, 83) !important; }
.fill-primary-desaturated { fill: rgb(64, 74, 83); }
.\!fill-primary-desaturated { fill: rgb(64, 74, 83) !important; }
.hover\:fill-primary-desaturated:hover { fill: rgb(64, 74, 83); }
.\!hover\:fill-primary-desaturated:hover { fill: rgb(64, 74, 83) !important; }
.focus\:fill-primary-desaturated:focus { fill: rgb(64, 74, 83); }
.\!focus\:fill-primary-desaturated:focus { fill: rgb(64, 74, 83) !important; }
.divide-primary-desaturated > :not([hidden]) ~ :not([hidden]) { border-color: rgb(64, 74, 83); }
.\!divide-primary-desaturated > :not([hidden]) ~ :not([hidden]) { border-color: rgb(64, 74, 83) !important; }
.hover\:divide-primary-desaturated:hover > :not([hidden]) ~ :not([hidden]) { border-color: rgb(64, 74, 83); }
.\!hover\:divide-primary-desaturated:hover > :not([hidden]) ~ :not([hidden]) { border-color: rgb(64, 74, 83) !important; }
.focus\:divide-primary-desaturated:focus > :not([hidden]) ~ :not([hidden]) { border-color: rgb(64, 74, 83); }
.\!focus\:divide-primary-desaturated:focus > :not([hidden]) ~ :not([hidden]) { border-color: rgb(64, 74, 83) !important; }
.bg-primary-faded { background-color: rgb(140, 146, 152); }
.\!bg-primary-faded { background-color: rgb(140, 146, 152) !important; }
.hover\:bg-primary-faded:hover { background-color: rgb(140, 146, 152); }
.\!hover\:bg-primary-faded:hover { background-color: rgb(140, 146, 152) !important; }
.focus\:bg-primary-faded:focus { background-color: rgb(140, 146, 152); }
.\!focus\:bg-primary-faded:focus { background-color: rgb(140, 146, 152) !important; }
.text-primary-faded { color: rgb(140, 146, 152); }
.\!text-primary-faded { color: rgb(140, 146, 152) !important; }
.hover\:text-primary-faded:hover { color: rgb(140, 146, 152); }
.\!hover\:text-primary-faded:hover { color: rgb(140, 146, 152) !important; }
.focus\:text-primary-faded:focus { color: rgb(140, 146, 152); }
.\!focus\:text-primary-faded:focus { color: rgb(140, 146, 152) !important; }
.border-primary-faded { border-color: rgb(140, 146, 152); }
.\!border-primary-faded { border-color: rgb(140, 146, 152) !important; }
.hover\:border-primary-faded:hover { border-color: rgb(140, 146, 152); }
.\!hover\:border-primary-faded:hover { border-color: rgb(140, 146, 152) !important; }
.focus\:border-primary-faded:focus { border-color: rgb(140, 146, 152); }
.\!focus\:border-primary-faded:focus { border-color: rgb(140, 146, 152) !important; }
.border-t-primary-faded { border-top-color: rgb(140, 146, 152); }
.\!border-t-primary-faded { border-top-color: rgb(140, 146, 152) !important; }
.hover\:border-t-primary-faded:hover { border-top-color: rgb(140, 146, 152); }
.\!hover\:border-t-primary-faded:hover { border-top-color: rgb(140, 146, 152) !important; }
.focus\:border-t-primary-faded:focus { border-top-color: rgb(140, 146, 152); }
.\!focus\:border-t-primary-faded:focus { border-top-color: rgb(140, 146, 152) !important; }
.border-b-primary-faded { border-bottom-color: rgb(140, 146, 152); }
.\!border-b-primary-faded { border-bottom-color: rgb(140, 146, 152) !important; }
.hover\:border-b-primary-faded:hover { border-bottom-color: rgb(140, 146, 152); }
.\!hover\:border-b-primary-faded:hover { border-bottom-color: rgb(140, 146, 152) !important; }
.focus\:border-b-primary-faded:focus { border-bottom-color: rgb(140, 146, 152); }
.\!focus\:border-b-primary-faded:focus { border-bottom-color: rgb(140, 146, 152) !important; }
.border-r-primary-faded { border-right-color: rgb(140, 146, 152); }
.\!border-r-primary-faded { border-right-color: rgb(140, 146, 152) !important; }
.hover\:border-r-primary-faded:hover { border-right-color: rgb(140, 146, 152); }
.\!hover\:border-r-primary-faded:hover { border-right-color: rgb(140, 146, 152) !important; }
.focus\:border-r-primary-faded:focus { border-right-color: rgb(140, 146, 152); }
.\!focus\:border-r-primary-faded:focus { border-right-color: rgb(140, 146, 152) !important; }
.border-l-primary-faded { border-left-color: rgb(140, 146, 152); }
.\!border-l-primary-faded { border-left-color: rgb(140, 146, 152) !important; }
.hover\:border-l-primary-faded:hover { border-left-color: rgb(140, 146, 152); }
.\!hover\:border-l-primary-faded:hover { border-left-color: rgb(140, 146, 152) !important; }
.focus\:border-l-primary-faded:focus { border-left-color: rgb(140, 146, 152); }
.\!focus\:border-l-primary-faded:focus { border-left-color: rgb(140, 146, 152) !important; }
.placeholder-primary-faded { color: rgb(140, 146, 152); }
.\!placeholder-primary-faded { color: rgb(140, 146, 152) !important; }
.hover\:placeholder-primary-faded:hover { color: rgb(140, 146, 152); }
.\!hover\:placeholder-primary-faded:hover { color: rgb(140, 146, 152) !important; }
.focus\:placeholder-primary-faded:focus { color: rgb(140, 146, 152); }
.\!focus\:placeholder-primary-faded:focus { color: rgb(140, 146, 152) !important; }
.ring-primary-faded { --tw-ring-color: rgb(140, 146, 152); }
.\!ring-primary-faded { --tw-ring-color: rgb(140, 146, 152) !important; }
.hover\:ring-primary-faded:hover { --tw-ring-color: rgb(140, 146, 152); }
.\!hover\:ring-primary-faded:hover { --tw-ring-color: rgb(140, 146, 152) !important; }
.focus\:ring-primary-faded:focus { --tw-ring-color: rgb(140, 146, 152); }
.\!focus\:ring-primary-faded:focus { --tw-ring-color: rgb(140, 146, 152) !important; }
.ring-offset-primary-faded { --tw-ring-offset-color: rgb(140, 146, 152); }
.\!ring-offset-primary-faded { --tw-ring-offset-color: rgb(140, 146, 152) !important; }
.hover\:ring-offset-primary-faded:hover { --tw-ring-offset-color: rgb(140, 146, 152); }
.\!hover\:ring-offset-primary-faded:hover { --tw-ring-offset-color: rgb(140, 146, 152) !important; }
.focus\:ring-offset-primary-faded:focus { --tw-ring-offset-color: rgb(140, 146, 152); }
.\!focus\:ring-offset-primary-faded:focus { --tw-ring-offset-color: rgb(140, 146, 152) !important; }
.stroke-primary-faded { stroke: rgb(140, 146, 152); }
.\!stroke-primary-faded { stroke: rgb(140, 146, 152) !important; }
.hover\:stroke-primary-faded:hover { stroke: rgb(140, 146, 152); }
.\!hover\:stroke-primary-faded:hover { stroke: rgb(140, 146, 152) !important; }
.focus\:stroke-primary-faded:focus { stroke: rgb(140, 146, 152); }
.\!focus\:stroke-primary-faded:focus { stroke: rgb(140, 146, 152) !important; }
.fill-primary-faded { fill: rgb(140, 146, 152); }
.\!fill-primary-faded { fill: rgb(140, 146, 152) !important; }
.hover\:fill-primary-faded:hover { fill: rgb(140, 146, 152); }
.\!hover\:fill-primary-faded:hover { fill: rgb(140, 146, 152) !important; }
.focus\:fill-primary-faded:focus { fill: rgb(140, 146, 152); }
.\!focus\:fill-primary-faded:focus { fill: rgb(140, 146, 152) !important; }
.divide-primary-faded > :not([hidden]) ~ :not([hidden]) { border-color: rgb(140, 146, 152); }
.\!divide-primary-faded > :not([hidden]) ~ :not([hidden]) { border-color: rgb(140, 146, 152) !important; }
.hover\:divide-primary-faded:hover > :not([hidden]) ~ :not([hidden]) { border-color: rgb(140, 146, 152); }
.\!hover\:divide-primary-faded:hover > :not([hidden]) ~ :not([hidden]) { border-color: rgb(140, 146, 152) !important; }
.focus\:divide-primary-faded:focus > :not([hidden]) ~ :not([hidden]) { border-color: rgb(140, 146, 152); }
.\!focus\:divide-primary-faded:focus > :not([hidden]) ~ :not([hidden]) { border-color: rgb(140, 146, 152) !important; }