:root {
  --abbey: #494f55;
  --alabaster: #f8f8f8;
  --aliGray: #a3a3a3;
  --alizarinCrimson: #e42243;
  --alto: #d2d2d2;
  --antiqueWhite: #fff2cc;
  --aqua: #00d1ff;
  --aquaHaze: #f4f8fc;
  --aquaMarine: #08d1ff;
  --argent: #c0c0c0;
  --armadillo: #4d4842;
  --armorWash: #040503;
  --athensGray: #f4f6f8;
  --black: #000;
  --black0: rgba(0, 0, 0, 0);
  --black10: rgba(0, 0, 0, 0.01);
  --black13: rgba(0, 0, 0, 0.05);
  --black15: rgba(34, 36, 38, 0.15);
  --black20: rgba(0, 0, 0, 0.2);
  --black30: rgba(0, 0, 0, 0.3);
  --black40: rgba(0, 0, 0, 0.4);
  --black50: rgba(0, 0, 0, 0.5);
  --black60: rgba(0, 0, 0, 0.6);
  --black70: rgba(0, 0, 0, 0.7);
  --black80: rgba(0, 0, 0, 0.8);
  --blackEel: #444444;
  --blackPearl: #09222F;
  --blue10: rgba(0, 211, 229, 0.1);
  --blue30: rgba(0, 211, 229, 0.3);
  --blue60: rgba(242, 253, 254, 1);
  --blue90: rgba(0, 211, 229, 0.5);
  --brightGray: #EFEFEF;
  --brightTurquoise: #00d3e6;
  --capeCod: #2e313c;
  --capeCodTransparent: #ffffff4d;
  --cararra: #efedeb;
  --cardinal: #cc1f3c;
  --charade: #282828;
  --charcoal: #2c3036;
  --charcoal0: rgba(255, 255, 255, 0);
  --charcoal10: rgba(255, 255, 255, 0.3);
  --charcoal120: rgba(255, 255, 255, 0.07);
  --charcoal15: rgba(255, 255, 255, 0.1);
  --charcoal150: rgba(228, 230, 235, 0.9);
  --charcoal180: rgba(120, 132, 154, 0.8);
  --charcoal20: rgba(44, 48, 54, 0.2);
  --charcoal210: rgba(35, 35, 35, 1);
  --charcoal240: rgba(52, 51, 49, 1);
  --charcoal270: rgba(93, 87, 82, 0.3);
  --charcoal300: rgba(136, 136, 136, 1);
  --charcoal320: rgba(255, 255, 255, 0.5);
  --charcoal330: rgba(255, 255, 255, 0.9);
  --charcoal340: rgba(255, 255, 255, 0.7);
  --charcoal400: rgba(100, 94, 89, 0.8);
  --charcoal430: rgba(151, 139, 129, 0.5);
  --charcoal5: rgba(255, 255, 255, 0.6);
  --charcoal60: rgba(44, 48, 54, 0.6);
  --charcoal90: rgba(44, 48, 54, 0.9);
  --charcoalBlue: #39454e;
  --checkbox-menu-button-index: 2;
  --cheetosDust: #d14406;
  --chicago: #5d5752;
  --chineseWhite: #e0e0e0;
  --chromeGray40: rgba(109, 116, 149, 0.4);
  --cinder: #1c1c1e;
  --cloud: #C4C3C3;
  --codGray: #161616;
  --container-modal-width: 547px;
  --coral: #ff8550;
  --cursedBlack: #131313;
  --cyan: #00e4f8;
  --darkCharcoal: #2F2F2F;
  --darkGradient: linear-gradient(0deg, #2d303c 10%, #2e313c 100%);
  --darkGray: #767676;
  --darkLiver: #4f504f;
  --darkShadow: 0px 4px 24px rgba(0, 0, 0, 0.4);
  --darkSlateGray: #0b4260;
  --deepNavy: #1c212a;
  --desktop-breakpoint: 1px;
  --desktop-header-height: 87px;
  --dustyGray: #9c9c9c;
  --eastBay: #3b5479;
  --ebonyClay: #2a3241;
  --ecstasy: #f77a0e;
  --eerieBlack: #16191C;
  --emperor: #545454;
  --filterBlack: invert(56%) sepia(1%) saturate(0%) hue-rotate(339deg) brightness(96%) contrast(86%);
  --filterWhite: invert(56%) sepia(1%) saturate(0%) hue-rotate(339deg) brightness(96%) contrast(86%);
  --filters-modal-left-menu-width: 220px;
  --filters-slider-width: 410px;
  --fiord: #3f4b64;
  --firefly: #081f26;
  --fixed-layout-z-index: 500;
  --fixed-layout-z-index-sidebar-mobile: 602;
  --fixed-side-bar-z-index: 603;
  --flamingo: #f03d3e;
  --flushMahogany: #cf4646;
  --foam: #f2fdfe;
  --font-caption: 1.4rem;
  --font-copy-large-text: 25px;
  --font-copy-medium-text: 20px;
  --font-copy-small-text: 15px;
  --font-copy-text: 12px;
  --font-extra-large-title: 5.5rem;
  --font-h1: 4rem;
  --font-h1-giant: 7rem;
  --font-h1-larger: 4.5rem;
  --font-h2: 2.8rem;
  --font-h2-large: 3.2rem;
  --font-h2-semi-large: 3rem;
  --font-header-large-text: 70px;
  --font-header-medium-text: 50px;
  --font-header-small-text: 40px;
  --font-header-text: 60px;
  --font-huge-title: 7rem;
  --font-input: 0.9rem;
  --font-large-title: 2.6rem;
  --font-medium: 1.5rem;
  --font-medium-large: 1.8rem;
  --font-medium-title: 2.4rem;
  --font-micro: 1rem;
  --font-nano: 0.845rem;
  --font-nano-s: 0.75rem;
  --font-p: 1.6rem;
  --font-semi-large: 1.7rem;
  --font-small: 1.2rem;
  --font-small-caption: 1.3rem;
  --font-small-subtitle: 1.9rem;
  --font-sub-header-text: 30px;
  --font-subtitle: 2rem;
  --font-tiny: 1.1rem;
  --font-title: 2.2rem;
  --font-title-xl: 5.5rem;
  --font-weight-bold: 700;
  --font-weight-bolder: 800;
  --font-weight-extra-bold: 900;
  --font-weight-light: 100;
  --font-weight-mid-bold: 600;
  --font-weight-mid-light: 200;
  --font-weight-normal: 400;
  --font-weight-semi-bold: 500;
  --font-weight-semi-light: 300;
  --font-weight-semi-normal-bold: 450;
  --fringyFlower: #c7eccd;
  --frozenComputer: #645e59cc;
  --gainsboro: #e7e7e7;
  --gallery: #efefef;
  --geyser: #dbe2e7;
  --ghostWhite: #F9F9F9;
  --gray: #818080;
  --grayGradient: linear-gradient(0deg, #262626 10%, #2e313c 100%);
  --grayStroke: #B3B3B3;
  --gunMetal: #969696;
  --gunmetal: rgba(33, 46, 66, 0.3);
  --header-height: 87px;
  --heather: #c2ccd5;
  --heavyMetal: #232323;
  --high-res-desktop: 1920px;
  --highlightBlue: #7BBCEB80;
  --hitGray: #a6b0be;
  --icyBlue: #0693d1;
  --indigo: #4674c1;
  --kinglyCloud: #dfdfdf;
  --kournikova: #ffda70;
  --laptop-breakpoint: 1px;
  --large-desktop: 1650px;
  --left-sidebar-width: 185px;
  --letter-spacing-medium-small: 0.05em;
  --letter-spacing-medum: 0.06em;
  --letter-spacing-micro: 0.005em;
  --letter-spacing-micro-double: 0.01em;
  --letter-spacing-small: 0.04em;
  --letter-spacing-small-medium: 0.03em;
  --letter-spacing-smaller: 0.02em;
  --letter-spacing-tiny: 0.015em;
  --lightGradient: linear-gradient(0deg, #fff 10%, #f4f8fc 100%);
  --lightShadow: 0px 2px 8px rgba(33, 46, 66, 0.3);
  --lilacBush: #AC7BCF;
  --line-height-15: 1.5em;
  --line-height-17: 1.7em;
  --line-height-big: 4.8rem;
  --line-height-extra-large: 3.1rem;
  --line-height-large: 1.9rem;
  --line-height-larger: 2rem;
  --line-height-light-medium: 1.2rem;
  --line-height-medium: 1.5rem;
  --line-height-mega-large: 3.4rem;
  --line-height-mid-xl: 2.5rem;
  --line-height-semi-large: 1.7rem;
  --line-height-semi-medium: 1.3rem;
  --linkWater: #f4f8fc;
  --loblolly: #bdc7cf;
  --logCabin: #1c1c1e;
  --lynch: #6d7495;
  --mackeral: #0e1e25;
  --main-component-height: calc(100vh - var(--main-height-offset));
  --main-component-width: calc(100% - 272px);
  --main-component-width-sidebar-open: calc(100% - 440px);
  --mako: #3b4044;
  --martinique: #2d303c;
  --max-desktop: 1919px;
  --max-laptop-tablet: 1280px;
  --medDarkGray: #2d2d2d;
  --min-desktop: 1281px;
  --min-laptop-tablet: 1025px;
  --mineShaft: #333;
  --mobile: 1024px;
  --mobile-breakpoint: 1px;
  --mobile-font-caption: 1.1rem;
  --mobile-font-h1: 2.4rem;
  --mobile-font-h2: 1.8rem;
  --mobile-font-p: 1.4rem;
  --mobile-font-subtitle: 1.6rem;
  --mobile-header-height: 87px;
  --mobile-height-modal-button: 47px;
  --mobile-width-modal-button: 120px;
  --moonRaker: #d7dbf1;
  --moonlitOrchid: #939393;
  --mountainMeadow: #25c274;
  --nickel: #737373;
  --onyx: #373a3d;
  --orange10: rgba(255, 133, 80, 0.87);
  --outerSpace: #373a3d;
  --oxfordBlue: #374859;
  --paleGray: #8899a5;
  --permanentGeraniumLake: #E52D30;
  --pickledBluewood: #374859;
  --pictonBlue: #2db7f5;
  --pineTree: #1c212a;
  --player-height-desktop: 190px;
  --player-height-mobile: 158px;
  --porcelain: #f1f3f5;
  --portage: #8698f1;
  --preview-box-z-index: 501;
  --purpleHeart: #841FCC;
  --raisinBlack: rgba(38, 38, 38, 0);
  --red: #ff0000;
  --red10: rgba(204, 31, 60, 0.1);
  --red30: rgba(204, 31, 60, 0.3);
  --red60: rgba(204, 31, 60, 0.6);
  --red90: rgba(255, 100, 100, 1);
  --regentGray: #8899a6;
  --results-list-height: calc(100vh - 110px - var(--main-height-offset));
  --results-list-height-with-player: calc(var(--results-list-height) - var(--player-height-desktop));
  --retroBlue: #3983cc;
  --rhino: #374257;
  --right-sidebar-width-closed: 72px;
  --right-sidebar-width-open: 245px;
  --royalBlue: #1a73e8;
  --seagull: #7bbceb;
  --search-height: 74px;
  --search-pill-z-index: 604;
  --semiLightCharcoal: rgba(128, 128, 128, 0.324);
  --shadowGray: #232323;
  --shark: #313234;
  --shuttleGray: #60697b;
  --silverChalice: #A3A0A0;
  --silverDark: #b9b9b9;
  --silverRust: #c9c3be;
  --silverSand: #C4C4C4;
  --silveresque: #d9d9d9;
  --slateGray: #78849a;
  --slatePurple: #78849a;
  --small-mobile: 767px;
  --smallest-mobile: 320px;
  --springGreen: #4fffbf;
  --springGreenLight: #4fffc0;
  --stealth: #2e2e2e;
  --steelGray: #212121;
  --stormyBlue: #3f4b64;
  --sunsetMarigold: #e8a018;
  --swissCoffee: #dfdbd9;
  --tablet-breakpoint: 1px;
  --taupeGray: #888888;
  --teaGreen: rgba(199, 236, 205, 0.6);
  --teal: #00d3e5;
  --teal10: rgb(0, 211, 229, 0.1);
  --teal30: rgb(0, 211, 229, 0.3);
  --temp-breakpoint: 1024px;
  --thunder: #343331;
  --top-notification-height: 60px;
  --transition-speed-fast: 0.2s;
  --transition-speed-normal: 0.28s;
  --transition-speed-slow: 0.5s;
  --transition-speed-slower: 0.8s;
  --transparent: transparent;
  --trout: #4e565f;
  --tuatara: #262626;
  --tuna: #313131;
  --tundora: #4d4d4d;
  --tutorial-overlay-index: 10000;
  --ufo: #474747;
  --ungerGray: #888888;
  --ungerGrayHover: #524f4f;
  --very-small-mobile: 480px;
  --victoria: #54457f;
  --watermelon: #db3c33;
  --weatheredStone: #c3c3c3;
  --westar: #dedbd8;
  --white: #fff;
  --white10: rgba(255, 255, 255, 0.1);
  --white30: rgba(255, 255, 255, 0.3);
  --white50: rgba(136, 153, 166, 0.5);
  --white60: rgba(255, 255, 255, 0.6);
  --white70: rgba(255, 255, 255, 0.31);
  --whiteSmoke: #f5f5f5;
  --wildWatermelon: #ff526f;
  --woodSmoke: #212429;
  --yellowOrange: #ffbc42;
  --zorba: #9e958e;
}