/*--------------------------------

Nucleo Web Font
Generated using nucleoapp.com

-------------------------------- */
@font-face {
  font-family: 'Nucleo';
  src: url('../../fonts/Nucleo.eot');
  src: url('../../fonts/Nucleo.eot') format('embedded-opentype'), url('../../fonts/Nucleo.woff2') format('woff2'), url('../../fonts/Nucleo.woff') format('woff'), url('../../fonts/Nucleo.ttf') format('truetype'), url('../../fonts/Nucleo.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* --------------------------------

Reset

-------------------------------- */

*, *::after, *::before {
  box-sizing: inherit;
}

* {
  font: inherit;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, hr {
  margin: 0;
  padding: 0;
  border: 0;
}

html {
  box-sizing: border-box;
}

body {
  background-color: white;
  font-family: system-ui, sans-serif;
  color: hsl(240, 4%, 20%);
  padding: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main, form legend {
  display: block;
}

ol, ul {
  list-style: none;
}

button, input, textarea, select {
  margin: 0;
}

a {
  color: hsl(230, 93%, 66%);
}

/* --------------------------------

Main components

-------------------------------- */
header {
  text-align: center;
  margin: 3em auto;
}

header h1 {
  font-size: 2.6rem;
  font-weight: 600;
}

header p {
  font-size: 1rem;
  margin-top: 1em;
  color: hsla(0, 0%, 0%, 0.5);
}

ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

ul li {
  border-radius: .4em;
  transition: background-color .2s;
  user-select: none;
  overflow: hidden;
  text-align: center;
  padding: 1em;
}

ul li:hover {
  background: hsla(0, 0%, 0%, 0.05);
}

ul p, ul em, ul input {
  display: block;
  font-size: 0.75rem;
  color: hsla(0, 0%, 0%, 0.5);
  user-select: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  max-width: 6rem;
}

ul p {
  padding: 8px 0 4px;
}

ul p::selection, ul em::selection {
  background: hsl(230, 93%, 66%);
  color: #fff;
}

ul p::-moz-selection, ul em::-moz-selection {
  background: hsl(230, 93%, 66%);
  color: #fff;
}

ul em {
  margin-bottom: 4px;
}

ul em::before {
  content: '[';
}
ul em::after {
  content: ']';
}

ul input {
  text-align: center;
  background: transparent;
  border: none;
  box-shadow: none;
  outline: none;
  font-family: auto;
}

/* --------------------------------

icons

-------------------------------- */
.icon {
  display: inline-block;
  font: normal normal normal 32px/1 'Nucleo';
  speak: none;
  text-transform: none;
  /* Better Font Rendering */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*------------------------
  font icons
-------------------------*/

.icon-Account-1::before {
  content: "\ea01";
}

.icon-Account::before {
  content: "\ea02";
}

.icon-Arrow-Down-1::before {
  content: "\ea03";
}

.icon-Arrow-Down::before {
  content: "\ea04";
}

.icon-Arrow-Left-1::before {
  content: "\ea05";
}

.icon-Arrow-Left::before {
  content: "\ea06";
}

.icon-Arrow-Right::before {
  content: "\ea08";
}

.icon-Arrow-Top::before {
  content: "\ea07";
}

.icon-Arrow-Up::before {
  content: "\ea09";
}

.icon-Arrow::before {
  content: "\ea0a";
}

.icon-Attachment::before {
  content: "\ea0b";
}

.icon-Award-2::before {
  content: "\ea0c";
}

.icon-Award::before {
  content: "\ea10";
}

.icon-Badge::before {
  content: "\ea0d";
}

.icon-Bag-2::before {
  content: "\ea0e";
}

.icon-Bag::before {
  content: "\ea0f";
}

.icon-Basket-1::before {
  content: "\ea11";
}

.icon-Basket-2::before {
  content: "\ea12";
}

.icon-Basket::before {
  content: "\ea13";
}

.icon-Bell-1::before {
  content: "\ea14";
}

.icon-Bell::before {
  content: "\ea15";
}

.icon-Best-Buyer::before {
  content: "\ea16";
}

.icon-Box-1::before {
  content: "\ea17";
}

.icon-Box-2::before {
  content: "\ea18";
}

.icon-Box-Open::before {
  content: "\ea19";
}

.icon-Box::before {
  content: "\ea1a";
}

.icon-Briefcase::before {
  content: "\ea1b";
}

.icon-Calendar::before {
  content: "\ea1c";
}

.icon-Call-Center::before {
  content: "\ea1d";
}

.icon-Card::before {
  content: "\ea1e";
}

.icon-Cargo-1::before {
  content: "\ea1f";
}

.icon-Cargo-2::before {
  content: "\ea20";
}

.icon-Cargo-3::before {
  content: "\ea27";
}

.icon-Cargo::before {
  content: "\ea21";
}

.icon-Cart-1::before {
  content: "\ea22";
}

.icon-Cart-Mınus::before {
  content: "\ea23";
}

.icon-Cart-Plus::before {
  content: "\ea24";
}

.icon-Cart::before {
  content: "\ea25";
}

.icon-Category::before {
  content: "\ea26";
}

.icon-Chat-1::before {
  content: "\ea28";
}

.icon-Check-Double::before {
  content: "\ea29";
}

.icon-Check-Single::before {
  content: "\ea2a";
}

.icon-Check::before {
  content: "\ea2b";
}

.icon-Clock::before {
  content: "\ea2d";
}

.icon-Close::before {
  content: "\ea2c";
}

.icon-Coins::before {
  content: "\ea2e";
}

.icon-Color::before {
  content: "\ea2f";
}

.icon-Commision::before {
  content: "\ea30";
}

.icon-Copy::before {
  content: "\ea32";
}

.icon-Cutlery::before {
  content: "\ea31";
}

.icon-Dashboard::before {
  content: "\ea33";
}

.icon-Decor::before {
  content: "\ea34";
}

.icon-Easy-Setup::before {
  content: "\ea35";
}

.icon-Eat::before {
  content: "\ea36";
}

.icon-Error::before {
  content: "\ea37";
}

.icon-Eye-Open::before {
  content: "\ea38";
}

.icon-Favorites-2::before {
  content: "\ea39";
}

.icon-Favorites::before {
  content: "\ea3a";
}

.icon-Filter-Icon::before {
  content: "\ea3b";
}

.icon-Flag::before {
  content: "\ea3c";
}

.icon-Funnel-1::before {
  content: "\ea3d";
}

.icon-Funnel::before {
  content: "\ea3e";
}

.icon-Gift-1::before {
  content: "\ea3f";
}

.icon-Gift::before {
  content: "\ea40";
}

.icon-Group::before {
  content: "\ea41";
}

.icon-Half-Rate::before {
  content: "\ea42";
}

.icon-Hamburger-Menu::before {
  content: "\ea43";
}

.icon-Hand-Shake::before {
  content: "\ea44";
}

.icon-Home-Made::before {
  content: "\ea45";
}

.icon-Home::before {
  content: "\ea46";
}

.icon-Image::before {
  content: "\ea47";
}

.icon-Info::before {
  content: "\ea48";
}

.icon-Lab::before {
  content: "\ea49";
}

.icon-Link::before {
  content: "\ea4a";
}

.icon-Loading::before {
  content: "\ea4b";
}

.icon-Location::before {
  content: "\ea4c";
}

.icon-Login::before {
  content: "\ea4d";
}

.icon-Logo::before {
  content: "\ea4e";
}

.icon-Magnifier::before {
  content: "\ea4f";
}

.icon-Mail::before {
  content: "\ea50";
}

.icon-Minus-2::before {
  content: "\ea51";
}

.icon-Minus::before {
  content: "\ea52";
}

.icon-Money-1::before {
  content: "\ea53";
}

.icon-Money::before {
  content: "\ea54";
}

.icon-Mushroom::before {
  content: "\ea55";
}

.icon-No-Gluten::before {
  content: "\ea56";
}

.icon-Notification::before {
  content: "\ea57";
}

.icon-Offer-1::before {
  content: "\ea58";
}

.icon-Offer::before {
  content: "\ea59";
}

.icon-Option::before {
  content: "\ea5a";
}

.icon-Order::before {
  content: "\ea5b";
}

.icon-Organic-1::before {
  content: "\ea5c";
}

.icon-Organic::before {
  content: "\ea5d";
}

.icon-Out::before {
  content: "\ea5e";
}

.icon-Oval::before {
  content: "\ea5f";
}

.icon-PDF-1::before {
  content: "\ea60";
}

.icon-PDF::before {
  content: "\ea61";
}

.icon-Paper::before {
  content: "\ea63";
}

.icon-Password::before {
  content: "\ea62";
}

.icon-Pause::before {
  content: "\ea64";
}

.icon-Pen::before {
  content: "\ea65";
}

.icon-Phone::before {
  content: "\ea66";
}

.icon-Pickup::before {
  content: "\ea67";
}

.icon-Plant-Based::before {
  content: "\ea68";
}

.icon-Plant::before {
  content: "\ea69";
}

.icon-Plate::before {
  content: "\ea6a";
}

.icon-Play-Icon::before {
  content: "\ea6b";
}

.icon-Plus-2::before {
  content: "\ea6c";
}

.icon-Plus::before {
  content: "\ea6d";
}

.icon-Pot::before {
  content: "\ea6e";
}

.icon-Pressed::before {
  content: "\ea6f";
}

.icon-Privacy::before {
  content: "\ea70";
}

.icon-Prize::before {
  content: "\ea71";
}

.icon-Proceed::before {
  content: "\ea72";
}

.icon-Product-Minus::before {
  content: "\ea73";
}

.icon-Product-New::before {
  content: "\ea75";
}

.icon-Product-Wait::before {
  content: "\ea74";
}

.icon-Property-1Low-L::before {
  content: "\ea76";
}

.icon-Property-1Low-R::before {
  content: "\ea77";
}

.icon-Property-1Top-L::before {
  content: "\ea78";
}

.icon-Property-1Top-R::before {
  content: "\ea79";
}

.icon-Question-1::before {
  content: "\ea7a";
}

.icon-Question::before {
  content: "\ea7f";
}

.icon-Raw::before {
  content: "\ea7b";
}

.icon-Return-1::before {
  content: "\ea7c";
}

.icon-Return-Left::before {
  content: "\ea7d";
}

.icon-Return::before {
  content: "\ea7e";
}

.icon-Rope::before {
  content: "\ea80";
}

.icon-Scissors::before {
  content: "\ea81";
}

.icon-Search-Icon::before {
  content: "\ea82";
}

.icon-Secure::before {
  content: "\ea83";
}

.icon-Security::before {
  content: "\ea84";
}

.icon-Send::before {
  content: "\ea86";
}

.icon-Settings::before {
  content: "\ea85";
}

.icon-Share-1::before {
  content: "\ea87";
}

.icon-Share::before {
  content: "\ea88";
}

.icon-Shop::before {
  content: "\ea89";
}

.icon-Sign-Up::before {
  content: "\ea8a";
}

.icon-Size::before {
  content: "\ea8b";
}

.icon-Sort-Arrow::before {
  content: "\ea8c";
}

.icon-Sort::before {
  content: "\ea8e";
}

.icon-Star-Rate::before {
  content: "\ea8d";
}

.icon-Stock::before {
  content: "\ea8f";
}

.icon-Store-Location::before {
  content: "\ea90";
}

.icon-Strore::before {
  content: "\ea91";
}

.icon-Success::before {
  content: "\ea92";
}

.icon-Sugar::before {
  content: "\ea93";
}

.icon-Support::before {
  content: "\ea95";
}

.icon-T-shirt::before {
  content: "\ea96";
}

.icon-Target::before {
  content: "\ea94";
}

.icon-Time::before {
  content: "\ea97";
}

.icon-Trash-Icon::before {
  content: "\ea98";
}

.icon-Upload::before {
  content: "\ea99";
}

.icon-User-Minus::before {
  content: "\ea9a";
}

.icon-User::before {
  content: "\ea9b";
}

.icon-Users-1::before {
  content: "\eaa0";
}

.icon-Users::before {
  content: "\ea9c";
}

.icon-Wait::before {
  content: "\ea9d";
}

.icon-Warning::before {
  content: "\ea9e";
}

.icon-Warranty::before {
  content: "\ea9f";
}

.icon-Zoom-In::before {
  content: "\eaa1";
}

.icon-Zoom-Out::before {
  content: "\eaa2";
}

.icon-chat::before {
  content: "\eaa3";
}

.icon-hamburgerv2::before {
  content: "\eaa4";
}

.icon-logo-normal::before {
  content: "\eaa5";
}

.icon-logo-square::before {
  content: "\eaa6";
}

.icon-tag::before {
  content: "\eaa7";
}

.icon-track::before {
  content: "\eaa8";
}