{"version":3,"file":"./style-index.css","mappings":";;;AAAA;;;;EAAA;AAcC;EACE;EACA;EACA;AARH;;AAWC;EACE;EACA;EAEA,cAjB0B;EAkB1B;EACA;AATH;;AAYC;EACE;EACA;AATH;;AAYC;EACE;EACA;EACA;EACA;EACA;AATH;;AAYC;EACE;EACA;AATH;AAUG;EAHF;IAII;EAPH;AACF;AAQG;EANF;IAOI;EALH;AACF;;AAQC;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AALH;AAOK;EACE;AALP;;AAUC;EACE;EACA;EACA;EACA;EACA;EACA;AAPH;;AAUC;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AARH;AASG;EACE;EACA;EACA;AAPL;AASG;EACE;IACE;EAPL;AACF;;AAWC;EACA;EACG;EACA;EACA;EACD;EACA;EACA;AARH;;AAWA;EACE;EACA;EACA;EACA;AARF;;AAWA;EAAsB;AAPtB;;AASC;EACE,cAnH0B;EAoH1B;EACA;EAEA;AAPH;;AASC;EAAuB;AALxB;;AAOC;EACE;EACA;EACA;EACA;AAJH;;AAoBA;EACC;EACA;EACA;EACA;EACA;EACA;EACA,yBAhBS;EAkBT;EACE;EACF;AAlBD;AAmBC;EAEC;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;AApBF;AAsBC;EACC;EACA;EACA;EACA,yBAtCQ;AAkBV;AAsBC;EACC;EACA;EACA;EACA;AApBF;AAsBC;EACC,yBA9CO;EA+CP;AApBF;AAqBE;EACC;EACA;AAnBH;AAqBE;EACC;EACA;AAnBH;AAqBE;EACC;EACA;AAnBH;AAsBC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,iBArEM;EAsEN;EACA;EACA;EACA;EACA;EACA;AApBF;AAsBC;EACC;EACA;EACA;EACA;EACA;EACA;EACA,iBApFM;EAqFN;EACA;EACA;AApBF;AAqBE;EACC;EACA;AAnBH;AAqBE;EACC;AAnBH;AAoBG;EACC;AAlBJ;;AAwBA;EACC;IAAM;EApBL;EAqBD;IAAM;EAlBL;EAmBD;IAAM;EAhBL;EAiBD;IAAO;EAdN;AACF,C;;;;AC3OA;;;;EAAA;AAcC;EACE;EACA;EACA;AARH;;AAWC;EACE;EACA;EAEA,cAjB0B;EAkB1B;EACA;AATH;;AAYC;EACE;EACA;AATH;;AAYC;EACE;EACA;EACA;EACA;EACA;AATH;;AAYC;EACE;EACA;AATH;AAUG;EAHF;IAII;EAPH;AACF;AAQG;EANF;IAOI;EALH;AACF;;AAQC;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AALH;AAOK;EACE;AALP;;AAUC;EACE;EACA;EACA;EACA;EACA;EACA;AAPH;;AAUC;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AARH;AASG;EACE;EACA;EACA;AAPL;AASG;EACE;IACE;EAPL;AACF;;AAWC;EACA;EACG;EACA;EACA;EACD;EACA;EACA;AARH;;AAWA;EACE;EACA;EACA;EACA;AARF;;AAWA;EAAsB;AAPtB;;AASC;EACE,cAnH0B;EAoH1B;EACA;EAEA;AAPH;;AASC;EAAuB;AALxB;;AAOC;EACE;EACA;EACA;EACA;AAJH;;AAoBA;EACC;EACA;EACA;EACA;EACA;EACA;EACA,yBAhBS;EAkBT;EACE;EACF;AAlBD;AAmBC;EAEC;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;AApBF;AAsBC;EACC;EACA;EACA;EACA,yBAtCQ;AAkBV;AAsBC;EACC;EACA;EACA;EACA;AApBF;AAsBC;EACC,yBA9CO;EA+CP;AApBF;AAqBE;EACC;EACA;AAnBH;AAqBE;EACC;EACA;AAnBH;AAqBE;EACC;EACA;AAnBH;AAsBC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,iBArEM;EAsEN;EACA;EACA;EACA;EACA;EACA;AApBF;AAsBC;EACC;EACA;EACA;EACA;EACA;EACA;EACA,iBApFM;EAqFN;EACA;EACA;AApBF;AAqBE;EACC;EACA;AAnBH;AAqBE;EACC;AAnBH;AAoBG;EACC;AAlBJ;;AAwBA;EACC;IAAM;EApBL;EAqBD;IAAM;EAlBL;EAmBD;IAAM;EAhBL;EAiBD;IAAO;EAdN;AACF,C;;;;AC3OA;;;;EAAA;AAcC;EACE;EACA;EACA;AARH;;AAWC;EACE;EACA;EAEA,cAjB0B;EAkB1B;EACA;AATH;;AAYC;EACE;EACA;AATH;;AAYC;EACE;EACA;EACA;EACA;EACA;AATH;;AAYC;EACE;EACA;AATH;AAUG;EAHF;IAII;EAPH;AACF;AAQG;EANF;IAOI;EALH;AACF;;AAQC;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AALH;AAOK;EACE;AALP;;AAUC;EACE;EACA;EACA;EACA;EACA;EACA;AAPH;;AAUC;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AARH;AASG;EACE;EACA;EACA;AAPL;AASG;EACE;IACE;EAPL;AACF;;AAWC;EACA;EACG;EACA;EACA;EACD;EACA;EACA;AARH;;AAWA;EACE;EACA;EACA;EACA;AARF;;AAWA;EAAsB;AAPtB;;AASC;EACE,cAnH0B;EAoH1B;EACA;EAEA;AAPH;;AASC;EAAuB;AALxB;;AAOC;EACE;EACA;EACA;EACA;AAJH;;AAoBA;EACC;EACA;EACA;EACA;EACA;EACA;EACA,yBAhBS;EAkBT;EACE;EACF;AAlBD;AAmBC;EAEC;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;AApBF;AAsBC;EACC;EACA;EACA;EACA,yBAtCQ;AAkBV;AAsBC;EACC;EACA;EACA;EACA;AApBF;AAsBC;EACC,yBA9CO;EA+CP;AApBF;AAqBE;EACC;EACA;AAnBH;AAqBE;EACC;EACA;AAnBH;AAqBE;EACC;EACA;AAnBH;AAsBC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,iBArEM;EAsEN;EACA;EACA;EACA;EACA;EACA;AApBF;AAsBC;EACC;EACA;EACA;EACA;EACA;EACA;EACA,iBApFM;EAqFN;EACA;EACA;AApBF;AAqBE;EACC;EACA;AAnBH;AAqBE;EACC;AAnBH;AAoBG;EACC;AAlBJ;;AAwBA;EACC;IAAM;EApBL;EAqBD;IAAM;EAlBL;EAmBD;IAAM;EAhBL;EAiBD;IAAO;EAdN;AACF,C;;;;AC3OA;;;;EAAA;AAcC;EACE;EACA;EACA;AARH;;AAWC;EACE;EACA;EAEA,cAjB0B;EAkB1B;EACA;AATH;;AAYC;EACE;EACA;AATH;;AAYC;EACE;EACA;EACA;EACA;EACA;AATH;;AAYC;EACE;EACA;AATH;AAUG;EAHF;IAII;EAPH;AACF;AAQG;EANF;IAOI;EALH;AACF;;AAQC;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AALH;AAOK;EACE;AALP;;AAUC;EACE;EACA;EACA;EACA;EACA;EACA;AAPH;;AAUC;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AARH;AASG;EACE;EACA;EACA;AAPL;AASG;EACE;IACE;EAPL;AACF;;AAWC;EACA;EACG;EACA;EACA;EACD;EACA;EACA;AARH;;AAWA;EACE;EACA;EACA;EACA;AARF;;AAWA;EAAsB;AAPtB;;AASC;EACE,cAnH0B;EAoH1B;EACA;EAEA;AAPH;;AASC;EAAuB;AALxB;;AAOC;EACE;EACA;EACA;EACA;AAJH;;AAoBA;EACC;EACA;EACA;EACA;EACA;EACA;EACA,yBAhBS;EAkBT;EACE;EACF;AAlBD;AAmBC;EAEC;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;AApBF;AAsBC;EACC;EACA;EACA;EACA,yBAtCQ;AAkBV;AAsBC;EACC;EACA;EACA;EACA;AApBF;AAsBC;EACC,yBA9CO;EA+CP;AApBF;AAqBE;EACC;EACA;AAnBH;AAqBE;EACC;EACA;AAnBH;AAqBE;EACC;EACA;AAnBH;AAsBC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,iBArEM;EAsEN;EACA;EACA;EACA;EACA;EACA;AApBF;AAsBC;EACC;EACA;EACA;EACA;EACA;EACA;EACA,iBApFM;EAqFN;EACA;EACA;AApBF;AAqBE;EACC;EACA;AAnBH;AAqBE;EACC;AAnBH;AAoBG;EACC;AAlBJ;;AAwBA;EACC;IAAM;EApBL;EAqBD;IAAM;EAlBL;EAmBD;IAAM;EAhBL;EAiBD;IAAO;EAdN;AACF,C;;;;AC3OA;;;;EAAA;AAcC;EACE;EACA;EACA;AARH;;AAWC;EACE;EACA;EAEA,cAjB0B;EAkB1B;EACA;AATH;;AAYC;EACE;EACA;AATH;;AAYC;EACE;EACA;EACA;EACA;EACA;AATH;;AAYC;EACE;EACA;AATH;AAUG;EAHF;IAII;EAPH;AACF;AAQG;EANF;IAOI;EALH;AACF;;AAQC;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AALH;AAOK;EACE;AALP;;AAUC;EACE;EACA;EACA;EACA;EACA;EACA;AAPH;;AAUC;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AARH;AASG;EACE;EACA;EACA;AAPL;AASG;EACE;IACE;EAPL;AACF;;AAWC;EACA;EACG;EACA;EACA;EACD;EACA;EACA;AARH;;AAWA;EACE;EACA;EACA;EACA;AARF;;AAWA;EAAsB;AAPtB;;AASC;EACE,cAnH0B;EAoH1B;EACA;EAEA;AAPH;;AASC;EAAuB;AALxB;;AAOC;EACE;EACA;EACA;EACA;AAJH;;AAoBA;EACC;EACA;EACA;EACA;EACA;EACA;EACA,yBAhBS;EAkBT;EACE;EACF;AAlBD;AAmBC;EAEC;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;AApBF;AAsBC;EACC;EACA;EACA;EACA,yBAtCQ;AAkBV;AAsBC;EACC;EACA;EACA;EACA;AApBF;AAsBC;EACC,yBA9CO;EA+CP;AApBF;AAqBE;EACC;EACA;AAnBH;AAqBE;EACC;EACA;AAnBH;AAqBE;EACC;EACA;AAnBH;AAsBC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,iBArEM;EAsEN;EACA;EACA;EACA;EACA;EACA;AApBF;AAsBC;EACC;EACA;EACA;EACA;EACA;EACA;EACA,iBApFM;EAqFN;EACA;EACA;AApBF;AAqBE;EACC;EACA;AAnBH;AAqBE;EACC;AAnBH;AAoBG;EACC;AAlBJ;;AAwBA;EACC;IAAM;EApBL;EAqBD;IAAM;EAlBL;EAmBD;IAAM;EAhBL;EAiBD;IAAO;EAdN;AACF,C;;;;AC3OA;;;;EAAA;AAcC;EACE;EACA;EACA;AARH;;AAWC;EACE;EACA;EAEA,cAjB0B;EAkB1B;EACA;AATH;;AAYC;EACE;EACA;AATH;;AAYC;EACE;EACA;EACA;EACA;EACA;AATH;;AAYC;EACE;EACA;AATH;AAUG;EAHF;IAII;EAPH;AACF;AAQG;EANF;IAOI;EALH;AACF;;AAQC;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AALH;AAOK;EACE;AALP;;AAUC;EACE;EACA;EACA;EACA;EACA;EACA;AAPH;;AAUC;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AARH;AASG;EACE;EACA;EACA;AAPL;AASG;EACE;IACE;EAPL;AACF;;AAWC;EACA;EACG;EACA;EACA;EACD;EACA;EACA;AARH;;AAWA;EACE;EACA;EACA;EACA;AARF;;AAWA;EAAsB;AAPtB;;AASC;EACE,cAnH0B;EAoH1B;EACA;EAEA;AAPH;;AASC;EAAuB;AALxB;;AAOC;EACE;EACA;EACA;EACA;AAJH;;AAoBA;EACC;EACA;EACA;EACA;EACA;EACA;EACA,yBAhBS;EAkBT;EACE;EACF;AAlBD;AAmBC;EAEC;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;AApBF;AAsBC;EACC;EACA;EACA;EACA,yBAtCQ;AAkBV;AAsBC;EACC;EACA;EACA;EACA;AApBF;AAsBC;EACC,yBA9CO;EA+CP;AApBF;AAqBE;EACC;EACA;AAnBH;AAqBE;EACC;EACA;AAnBH;AAqBE;EACC;EACA;AAnBH;AAsBC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,iBArEM;EAsEN;EACA;EACA;EACA;EACA;EACA;AApBF;AAsBC;EACC;EACA;EACA;EACA;EACA;EACA;EACA,iBApFM;EAqFN;EACA;EACA;AApBF;AAqBE;EACC;EACA;AAnBH;AAqBE;EACC;AAnBH;AAoBG;EACC;AAlBJ;;AAwBA;EACC;IAAM;EApBL;EAqBD;IAAM;EAlBL;EAmBD;IAAM;EAhBL;EAiBD;IAAO;EAdN;AACF,C;;;;AC3OA;;;;EAAA;AAcC;EACE;EACA;EACA;AARH;;AAWC;EACE;EACA;EAEA,cAjB0B;EAkB1B;EACA;AATH;;AAYC;EACE;EACA;AATH;;AAYC;EACE;EACA;EACA;EACA;EACA;AATH;;AAYC;EACE;EACA;AATH;AAUG;EAHF;IAII;EAPH;AACF;AAQG;EANF;IAOI;EALH;AACF;;AAQC;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AALH;AAOK;EACE;AALP;;AAUC;EACE;EACA;EACA;EACA;EACA;EACA;AAPH;;AAUC;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AARH;AASG;EACE;EACA;EACA;AAPL;AASG;EACE;IACE;EAPL;AACF;;AAWC;EACA;EACG;EACA;EACA;EACD;EACA;EACA;AARH;;AAWA;EACE;EACA;EACA;EACA;AARF;;AAWA;EAAsB;AAPtB;;AASC;EACE,cAnH0B;EAoH1B;EACA;EAEA;AAPH;;AASC;EAAuB;AALxB;;AAOC;EACE;EACA;EACA;EACA;AAJH;;AAoBA;EACC;EACA;EACA;EACA;EACA;EACA;EACA,yBAhBS;EAkBT;EACE;EACF;AAlBD;AAmBC;EAEC;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;AApBF;AAsBC;EACC;EACA;EACA;EACA,yBAtCQ;AAkBV;AAsBC;EACC;EACA;EACA;EACA;AApBF;AAsBC;EACC,yBA9CO;EA+CP;AApBF;AAqBE;EACC;EACA;AAnBH;AAqBE;EACC;EACA;AAnBH;AAqBE;EACC;EACA;AAnBH;AAsBC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,iBArEM;EAsEN;EACA;EACA;EACA;EACA;EACA;AApBF;AAsBC;EACC;EACA;EACA;EACA;EACA;EACA;EACA,iBApFM;EAqFN;EACA;EACA;AApBF;AAqBE;EACC;EACA;AAnBH;AAqBE;EACC;AAnBH;AAoBG;EACC;AAlBJ;;AAwBA;EACC;IAAM;EApBL;EAqBD;IAAM;EAlBL;EAmBD;IAAM;EAhBL;EAiBD;IAAO;EAdN;AACF,C;;;;AC3OA;;;;EAAA;AAcC;EACE;EACA;EACA;AARH;;AAWC;EACE;EACA;EAEA,cAjB0B;EAkB1B;EACA;AATH;;AAYC;EACE;EACA;AATH;;AAYC;EACE;EACA;EACA;EACA;EACA;AATH;;AAYC;EACE;EACA;AATH;AAUG;EAHF;IAII;EAPH;AACF;AAQG;EANF;IAOI;EALH;AACF;;AAQC;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AALH;AAOK;EACE;AALP;;AAUC;EACE;EACA;EACA;EACA;EACA;EACA;AAPH;;AAUC;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AARH;AASG;EACE;EACA;EACA;AAPL;AASG;EACE;IACE;EAPL;AACF;;AAWC;EACA;EACG;EACA;EACA;EACD;EACA;EACA;AARH;;AAWA;EACE;EACA;EACA;EACA;AARF;;AAWA;EAAsB;AAPtB;;AASC;EACE,cAnH0B;EAoH1B;EACA;EAEA;AAPH;;AASC;EAAuB;AALxB;;AAOC;EACE;EACA;EACA;EACA;AAJH;;AAoBA;EACC;EACA;EACA;EACA;EACA;EACA;EACA,yBAhBS;EAkBT;EACE;EACF;AAlBD;AAmBC;EAEC;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;AApBF;AAsBC;EACC;EACA;EACA;EACA,yBAtCQ;AAkBV;AAsBC;EACC;EACA;EACA;EACA;AApBF;AAsBC;EACC,yBA9CO;EA+CP;AApBF;AAqBE;EACC;EACA;AAnBH;AAqBE;EACC;EACA;AAnBH;AAqBE;EACC;EACA;AAnBH;AAsBC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,iBArEM;EAsEN;EACA;EACA;EACA;EACA;EACA;AApBF;AAsBC;EACC;EACA;EACA;EACA;EACA;EACA;EACA,iBApFM;EAqFN;EACA;EACA;AApBF;AAqBE;EACC;EACA;AAnBH;AAqBE;EACC;AAnBH;AAoBG;EACC;AAlBJ;;AAwBA;EACC;IAAM;EApBL;EAqBD;IAAM;EAlBL;EAmBD;IAAM;EAhBL;EAiBD;IAAO;EAdN;AACF,C;;;;AC3OA;;;;EAAA;AAcC;EACE;EACA;EACA;AARH;;AAWC;EACE;EACA;EAEA,cAjB0B;EAkB1B;EACA;AATH;;AAYC;EACE;EACA;AATH;;AAYC;EACE;EACA;EACA;EACA;EACA;AATH;;AAYC;EACE;EACA;AATH;AAUG;EAHF;IAII;EAPH;AACF;AAQG;EANF;IAOI;EALH;AACF;;AAQC;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AALH;AAOK;EACE;AALP;;AAUC;EACE;EACA;EACA;EACA;EACA;EACA;AAPH;;AAUC;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AARH;AASG;EACE;EACA;EACA;AAPL;AASG;EACE;IACE;EAPL;AACF;;AAWC;EACA;EACG;EACA;EACA;EACD;EACA;EACA;AARH;;AAWA;EACE;EACA;EACA;EACA;AARF;;AAWA;EAAsB;AAPtB;;AASC;EACE,cAnH0B;EAoH1B;EACA;EAEA;AAPH;;AASC;EAAuB;AALxB;;AAOC;EACE;EACA;EACA;EACA;AAJH;;AAoBA;EACC;EACA;EACA;EACA;EACA;EACA;EACA,yBAhBS;EAkBT;EACE;EACF;AAlBD;AAmBC;EAEC;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;AApBF;AAsBC;EACC;EACA;EACA;EACA,yBAtCQ;AAkBV;AAsBC;EACC;EACA;EACA;EACA;AApBF;AAsBC;EACC,yBA9CO;EA+CP;AApBF;AAqBE;EACC;EACA;AAnBH;AAqBE;EACC;EACA;AAnBH;AAqBE;EACC;EACA;AAnBH;AAsBC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,iBArEM;EAsEN;EACA;EACA;EACA;EACA;EACA;AApBF;AAsBC;EACC;EACA;EACA;EACA;EACA;EACA;EACA,iBApFM;EAqFN;EACA;EACA;AApBF;AAqBE;EACC;EACA;AAnBH;AAqBE;EACC;AAnBH;AAoBG;EACC;AAlBJ;;AAwBA;EACC;IAAM;EApBL;EAqBD;IAAM;EAlBL;EAmBD;IAAM;EAhBL;EAiBD;IAAO;EAdN;AACF,C;;;;AC3OA;;;;EAAA;AAcC;EACE;EACA;EACA;AARH;;AAWC;EACE;EACA;EAEA,cAjB0B;EAkB1B;EACA;AATH;;AAYC;EACE;EACA;AATH;;AAYC;EACE;EACA;EACA;EACA;EACA;AATH;;AAYC;EACE;EACA;AATH;AAUG;EAHF;IAII;EAPH;AACF;AAQG;EANF;IAOI;EALH;AACF;;AAQC;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AALH;AAOK;EACE;AALP;;AAUC;EACE;EACA;EACA;EACA;EACA;EACA;AAPH;;AAUC;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AARH;AASG;EACE;EACA;EACA;AAPL;AASG;EACE;IACE;EAPL;AACF;;AAWC;EACA;EACG;EACA;EACA;EACD;EACA;EACA;AARH;;AAWA;EACE;EACA;EACA;EACA;AARF;;AAWA;EAAsB;AAPtB;;AASC;EACE,cAnH0B;EAoH1B;EACA;EAEA;AAPH;;AASC;EAAuB;AALxB;;AAOC;EACE;EACA;EACA;EACA;AAJH;;AAoBA;EACC;EACA;EACA;EACA;EACA;EACA;EACA,yBAhBS;EAkBT;EACE;EACF;AAlBD;AAmBC;EAEC;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;AApBF;AAsBC;EACC;EACA;EACA;EACA,yBAtCQ;AAkBV;AAsBC;EACC;EACA;EACA;EACA;AApBF;AAsBC;EACC,yBA9CO;EA+CP;AApBF;AAqBE;EACC;EACA;AAnBH;AAqBE;EACC;EACA;AAnBH;AAqBE;EACC;EACA;AAnBH;AAsBC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,iBArEM;EAsEN;EACA;EACA;EACA;EACA;EACA;AApBF;AAsBC;EACC;EACA;EACA;EACA;EACA;EACA;EACA,iBApFM;EAqFN;EACA;EACA;AApBF;AAqBE;EACC;EACA;AAnBH;AAqBE;EACC;AAnBH;AAoBG;EACC;AAlBJ;;AAwBA;EACC;IAAM;EApBL;EAqBD;IAAM;EAlBL;EAmBD;IAAM;EAhBL;EAiBD;IAAO;EAdN;AACF,C;;;;AC3OA;;;;EAAA;AAcC;EACE;EACA;EACA;AARH;;AAWC;EACE;EACA;EAEA,cAjB0B;EAkB1B;EACA;AATH;;AAYC;EACE;EACA;AATH;;AAYC;EACE;EACA;EACA;EACA;EACA;AATH;;AAYC;EACE;EACA;AATH;AAUG;EAHF;IAII;EAPH;AACF;AAQG;EANF;IAOI;EALH;AACF;;AAQC;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AALH;AAOK;EACE;AALP;;AAUC;EACE;EACA;EACA;EACA;EACA;EACA;AAPH;;AAUC;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AARH;AASG;EACE;EACA;EACA;AAPL;AASG;EACE;IACE;EAPL;AACF;;AAWC;EACA;EACG;EACA;EACA;EACD;EACA;EACA;AARH;;AAWA;EACE;EACA;EACA;EACA;AARF;;AAWA;EAAsB;AAPtB;;AASC;EACE,cAnH0B;EAoH1B;EACA;EAEA;AAPH;;AASC;EAAuB;AALxB;;AAOC;EACE;EACA;EACA;EACA;AAJH;;AAoBA;EACC;EACA;EACA;EACA;EACA;EACA;EACA,yBAhBS;EAkBT;EACE;EACF;AAlBD;AAmBC;EAEC;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;AApBF;AAsBC;EACC;EACA;EACA;EACA,yBAtCQ;AAkBV;AAsBC;EACC;EACA;EACA;EACA;AApBF;AAsBC;EACC,yBA9CO;EA+CP;AApBF;AAqBE;EACC;EACA;AAnBH;AAqBE;EACC;EACA;AAnBH;AAqBE;EACC;EACA;AAnBH;AAsBC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,iBArEM;EAsEN;EACA;EACA;EACA;EACA;EACA;AApBF;AAsBC;EACC;EACA;EACA;EACA;EACA;EACA;EACA,iBApFM;EAqFN;EACA;EACA;AApBF;AAqBE;EACC;EACA;AAnBH;AAqBE;EACC;AAnBH;AAoBG;EACC;AAlBJ;;AAwBA;EACC;IAAM;EApBL;EAqBD;IAAM;EAlBL;EAmBD;IAAM;EAhBL;EAiBD;IAAO;EAdN;AACF,C;;;;AC3OA;;;;EAAA;AAcC;EACE;EACA;EACA;AARH;;AAWC;EACE;EACA;EAEA,cAjB0B;EAkB1B;EACA;AATH;;AAYC;EACE;EACA;AATH;;AAYC;EACE;EACA;EACA;EACA;EACA;AATH;;AAYC;EACE;EACA;AATH;AAUG;EAHF;IAII;EAPH;AACF;AAQG;EANF;IAOI;EALH;AACF;;AAQC;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AALH;AAOK;EACE;AALP;;AAUC;EACE;EACA;EACA;EACA;EACA;EACA;AAPH;;AAUC;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AARH;AASG;EACE;EACA;EACA;AAPL;AASG;EACE;IACE;EAPL;AACF;;AAWC;EACA;EACG;EACA;EACA;EACD;EACA;EACA;AARH;;AAWA;EACE;EACA;EACA;EACA;AARF;;AAWA;EAAsB;AAPtB;;AASC;EACE,cAnH0B;EAoH1B;EACA;EAEA;AAPH;;AASC;EAAuB;AALxB;;AAOC;EACE;EACA;EACA;EACA;AAJH;;AAoBA;EACC;EACA;EACA;EACA;EACA;EACA;EACA,yBAhBS;EAkBT;EACE;EACF;AAlBD;AAmBC;EAEC;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;AApBF;AAsBC;EACC;EACA;EACA;EACA,yBAtCQ;AAkBV;AAsBC;EACC;EACA;EACA;EACA;AApBF;AAsBC;EACC,yBA9CO;EA+CP;AApBF;AAqBE;EACC;EACA;AAnBH;AAqBE;EACC;EACA;AAnBH;AAqBE;EACC;EACA;AAnBH;AAsBC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,iBArEM;EAsEN;EACA;EACA;EACA;EACA;EACA;AApBF;AAsBC;EACC;EACA;EACA;EACA;EACA;EACA;EACA,iBApFM;EAqFN;EACA;EACA;AApBF;AAqBE;EACC;EACA;AAnBH;AAqBE;EACC;AAnBH;AAoBG;EACC;AAlBJ;;AAwBA;EACC;IAAM;EApBL;EAqBD;IAAM;EAlBL;EAmBD;IAAM;EAhBL;EAiBD;IAAO;EAdN;AACF,C;;;;AC3OA;;;;EAAA;AAcC;EACE;EACA;EACA;AARH;;AAWC;EACE;EACA;EAEA,cAjB0B;EAkB1B;EACA;AATH;;AAYC;EACE;EACA;AATH;;AAYC;EACE;EACA;EACA;EACA;EACA;AATH;;AAYC;EACE;EACA;AATH;AAUG;EAHF;IAII;EAPH;AACF;AAQG;EANF;IAOI;EALH;AACF;;AAQC;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AALH;AAOK;EACE;AALP;;AAUC;EACE;EACA;EACA;EACA;EACA;EACA;AAPH;;AAUC;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AARH;AASG;EACE;EACA;EACA;AAPL;AASG;EACE;IACE;EAPL;AACF;;AAWC;EACA;EACG;EACA;EACA;EACD;EACA;EACA;AARH;;AAWA;EACE;EACA;EACA;EACA;AARF;;AAWA;EAAsB;AAPtB;;AASC;EACE,cAnH0B;EAoH1B;EACA;EAEA;AAPH;;AASC;EAAuB;AALxB;;AAOC;EACE;EACA;EACA;EACA;AAJH;;AAoBA;EACC;EACA;EACA;EACA;EACA;EACA;EACA,yBAhBS;EAkBT;EACE;EACF;AAlBD;AAmBC;EAEC;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;AApBF;AAsBC;EACC;EACA;EACA;EACA,yBAtCQ;AAkBV;AAsBC;EACC;EACA;EACA;EACA;AApBF;AAsBC;EACC,yBA9CO;EA+CP;AApBF;AAqBE;EACC;EACA;AAnBH;AAqBE;EACC;EACA;AAnBH;AAqBE;EACC;EACA;AAnBH;AAsBC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,iBArEM;EAsEN;EACA;EACA;EACA;EACA;EACA;AApBF;AAsBC;EACC;EACA;EACA;EACA;EACA;EACA;EACA,iBApFM;EAqFN;EACA;EACA;AApBF;AAqBE;EACC;EACA;AAnBH;AAqBE;EACC;AAnBH;AAoBG;EACC;AAlBJ;;AAwBA;EACC;IAAM;EApBL;EAqBD;IAAM;EAlBL;EAmBD;IAAM;EAhBL;EAiBD;IAAO;EAdN;AACF,C","sources":["webpack://mvx-block/./src/blocks/TopRatedVendors/style.scss","webpack://mvx-block/./src/blocks/VendorTopProducts/style.scss","webpack://mvx-block/./src/blocks/VendorsContact/style.scss","webpack://mvx-block/./src/blocks/VendorCoupons/style.scss","webpack://mvx-block/./src/blocks/VendorLocation/style.scss","webpack://mvx-block/./src/blocks/VendorOnSellProducts/style.scss","webpack://mvx-block/./src/blocks/VendorPolicies/style.scss","webpack://mvx-block/./src/blocks/VendorsReview/style.scss","webpack://mvx-block/./src/blocks/VendorsInfo/style.scss","webpack://mvx-block/./src/blocks/VendorRecentProducts/style.scss","webpack://mvx-block/./src/blocks/VendorProductsSearch/style.scss","webpack://mvx-block/./src/blocks/VendorProductCategories/style.scss","webpack://mvx-block/./src/blocks/VendorLists/style.scss"],"sourcesContent":["/**\r\n * #.# Styles\r\n *\r\n * CSS for both Frontend+Backend.\r\n */\r\n\r\n $gray-darker:               #444444;\r\n $gray-dark:                 #696969;\r\n $gray:                      #999999;\r\n $gray-light:                #cccccc;\r\n $gray-lighter:              #ececec;\r\n $gray-lightest:             lighten($gray-lighter,4%);\r\n \r\n \r\n img {\r\n   height: auto;\r\n   max-width: 100%;\r\n   vertical-align: middle;\r\n }\r\n \r\n .btn {\r\n   background-color: white;\r\n   border: 1px solid $gray-light;\r\n   //border-radius: 1rem;\r\n   color: $gray-dark;\r\n   padding: 0.5rem;\r\n   text-transform: lowercase;\r\n }\r\n \r\n .btn--block {\r\n   display: block;\r\n   width: 100%;\r\n }\r\n  \r\n .top_vendors {\r\n   display: flex;\r\n   flex-wrap: wrap;\r\n   list-style: none;\r\n   margin: 0;\r\n   padding: 0;\r\n }\r\n \r\n .top_vendors__item {\r\n   display: flex;\r\n   padding: 5px;\r\n   @media(min-width: 40rem) {\r\n     width: 50%;\r\n   }\r\n   @media(min-width: 56rem) {\r\n     width: 33.3333%;\r\n   }\r\n }\r\n \r\n .top_vendor {\r\n   background-color: white;\r\n   border-radius: 0.25rem;\r\n   box-shadow: 0 20px 40px -14px rgba(0,0,0,0.25);\r\n   width: 100%;\r\n   display: flex;\r\n   flex-direction: column;\r\n   position: relative;\r\n   overflow: hidden;\r\n   &:hover {\r\n     .top_vendor__image {\r\n       filter: contrast(100%);\r\n     }\r\n   }\r\n }\r\n \r\n .top_vendor__content {\r\n   display: flex;\r\n   flex: 1 1 auto;\r\n   flex-direction: column;\r\n   align-content: center;\r\n   align-items: center;\r\n   padding: 1rem;\r\n }\r\n \r\n .top_vendor__image {\r\n   background-color: aliceblue;\r\n   background-position: center center;\r\n   background-repeat: no-repeat;\r\n   background-size: cover;\r\n   border-top-left-radius: 0.25rem;\r\n   border-top-right-radius: 0.25rem;\r\n   filter: contrast(70%);\r\n   //filter: saturate(180%);\r\n   overflow: hidden;\r\n   position: relative;\r\n   transition: filter 0.5s cubic-bezier(.43,.41,.22,.91);;\r\n   &::before {\r\n     content: \"\";\r\n     display: block;\r\n     padding-top: 56.25%; // 16:9 aspect ratio\r\n   }\r\n   @media(min-width: 40rem) {\r\n     &::before {\r\n       padding-top: 66.6%; // 3:2 aspect ratio\r\n     }\r\n   }\r\n }\r\n\r\n .top_vendor .profile-pic {\r\n\tposition: absolute;\r\n    left: 50%;\r\n    top: 50%;\r\n    transform: translate(-50%, -50%);\r\n  \twidth: 100%;\r\n  \tmax-width: 110px;\r\n  \theight: 110px;\r\n}\r\n\r\n.top_vendor .profile-pic img {\r\n  width: 110px;\r\n  height: 110px;\r\n  border-radius: 50%;\r\n  border: 5px solid #fff;\r\n}\r\n \r\n.top_vendor .rating { font-size: 16px;}\r\n \r\n .top_vendor__title {\r\n   color: $gray-dark;\r\n   font-size: 1.25rem;\r\n   font-weight: 500;\r\n//    letter-spacing: 2px;\r\n   text-transform: uppercase;\r\n }\r\n .top_vendor__title a { text-decoration: none !important; }\r\n \r\n .top_vendor__text {\r\n   flex: 1 1 auto;\r\n   font-size: 0.875rem;\r\n   line-height: 1.5;\r\n   margin-bottom: 1.25rem;\r\n }\r\n\r\n\r\n$base-duration: 250ms;\r\n\r\n// Colors\r\n$primary: #4DB6AC;\r\n$accent: #46627f;\r\n$white: whitesmoke;\r\n$color-3: #bdc3c7;\r\n\r\n// Breakpoints\r\n$sm: 20rem;\r\n$med: 48rem;\r\n$lg: 64rem;\r\n.top_vendor .hover {\r\n\tposition: relative;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\twidth: 100%;\r\n\theight: 60px;\r\n\tbackground-color: $primary;\r\n\t// border-radius: 99px;\r\n\tbox-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);\r\n  \ttransition: all 0.3s cubic-bezier(.25,.8,.25,1);\r\n\toverflow: hidden;\r\n\t&:before,\r\n\t&:after {\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\twidth: 50%;\r\n\t\theight: 100%;\r\n\t\t\r\n\t\t//letter-spacing: -0.0625rem;\r\n\t\ttransition: 0.25s linear;\r\n\t\tz-index: 1;\r\n\t}\r\n\t&:before {\r\n\t\tcontent: '';\r\n\t\tleft: 0;\r\n\t\tjustify-content: flex-end;\r\n\t\tbackground-color: $primary;\r\n\t}\r\n\t&:after {\r\n\t\tcontent: '';\r\n\t\tright: 0;\r\n\t\tjustify-content: flex-start;\r\n\t\tbackground-color: darken($primary,5%);\r\n\t}\r\n\t&:hover {\r\n\t\tbackground-color: $accent;\r\n\t\tbox-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);\r\n\t\tspan {\r\n\t\t\topacity: 0;\r\n\t\t\tz-index: -3;\r\n\t\t}\r\n\t\t&:before {\r\n\t\t\topacity: 0.5;\r\n\t\t\ttransform: translateY(-100%);\r\n\t\t}\r\n\t\t&:after {\r\n\t\t\topacity: 0.5;\r\n\t\t\ttransform: translateY(100%);\r\n\t\t}\r\n\t}\r\n\tspan {\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tcolor: $white;\r\n\t\tfont-family: 'Fira Mono', monospace;\r\n\t\tfont-size: 24px;\r\n\t\tfont-weight: 700;\r\n\t\topacity: 1;\r\n\t\ttransition: opacity 0.25s;\r\n\t\tz-index: 2;\r\n\t}\r\n\t.social-link {\r\n\t\tposition: relative;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\twidth: 16%;\r\n\t\theight: 100%;\r\n\t\tcolor: $white;\r\n\t\tfont-size: 24px;\r\n\t\ttext-decoration: none;\r\n\t\ttransition: 0.25s;\r\n\t\ti {\r\n\t\t\ttext-shadow: 1px 1px rgba($accent,0.7);\r\n\t\t\ttransform: scale(1.0);\r\n\t\t}\r\n\t\t&:hover {\r\n\t\t\tbackground-color: rgba($white,0.1);\r\n\t\t\ti {\r\n\t\t\t\tanimation: bounce 0.4s linear;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@keyframes bounce {\r\n\t40% { transform: scale(1.4); }\r\n\t60% { transform: scale(0.8); }\r\n\t80% { transform: scale(1.2); }\r\n\t100% { transform: scale(1.0); }\r\n}","/**\r\n * #.# Styles\r\n *\r\n * CSS for both Frontend+Backend.\r\n */\r\n\r\n $gray-darker:               #444444;\r\n $gray-dark:                 #696969;\r\n $gray:                      #999999;\r\n $gray-light:                #cccccc;\r\n $gray-lighter:              #ececec;\r\n $gray-lightest:             lighten($gray-lighter,4%);\r\n \r\n \r\n img {\r\n   height: auto;\r\n   max-width: 100%;\r\n   vertical-align: middle;\r\n }\r\n \r\n .btn {\r\n   background-color: white;\r\n   border: 1px solid $gray-light;\r\n   //border-radius: 1rem;\r\n   color: $gray-dark;\r\n   padding: 0.5rem;\r\n   text-transform: lowercase;\r\n }\r\n \r\n .btn--block {\r\n   display: block;\r\n   width: 100%;\r\n }\r\n  \r\n .top_vendors {\r\n   display: flex;\r\n   flex-wrap: wrap;\r\n   list-style: none;\r\n   margin: 0;\r\n   padding: 0;\r\n }\r\n \r\n .top_vendors__item {\r\n   display: flex;\r\n   padding: 5px;\r\n   @media(min-width: 40rem) {\r\n     width: 50%;\r\n   }\r\n   @media(min-width: 56rem) {\r\n     width: 33.3333%;\r\n   }\r\n }\r\n \r\n .top_vendor {\r\n   background-color: white;\r\n   border-radius: 0.25rem;\r\n   box-shadow: 0 20px 40px -14px rgba(0,0,0,0.25);\r\n   width: 100%;\r\n   display: flex;\r\n   flex-direction: column;\r\n   position: relative;\r\n   overflow: hidden;\r\n   &:hover {\r\n     .top_vendor__image {\r\n       filter: contrast(100%);\r\n     }\r\n   }\r\n }\r\n \r\n .top_vendor__content {\r\n   display: flex;\r\n   flex: 1 1 auto;\r\n   flex-direction: column;\r\n   align-content: center;\r\n   align-items: center;\r\n   padding: 1rem;\r\n }\r\n \r\n .top_vendor__image {\r\n   background-color: aliceblue;\r\n   background-position: center center;\r\n   background-repeat: no-repeat;\r\n   background-size: cover;\r\n   border-top-left-radius: 0.25rem;\r\n   border-top-right-radius: 0.25rem;\r\n   filter: contrast(70%);\r\n   //filter: saturate(180%);\r\n   overflow: hidden;\r\n   position: relative;\r\n   transition: filter 0.5s cubic-bezier(.43,.41,.22,.91);;\r\n   &::before {\r\n     content: \"\";\r\n     display: block;\r\n     padding-top: 56.25%; // 16:9 aspect ratio\r\n   }\r\n   @media(min-width: 40rem) {\r\n     &::before {\r\n       padding-top: 66.6%; // 3:2 aspect ratio\r\n     }\r\n   }\r\n }\r\n\r\n .top_vendor .profile-pic {\r\n\tposition: absolute;\r\n    left: 50%;\r\n    top: 50%;\r\n    transform: translate(-50%, -50%);\r\n  \twidth: 100%;\r\n  \tmax-width: 110px;\r\n  \theight: 110px;\r\n}\r\n\r\n.top_vendor .profile-pic img {\r\n  width: 110px;\r\n  height: 110px;\r\n  border-radius: 50%;\r\n  border: 5px solid #fff;\r\n}\r\n \r\n.top_vendor .rating { font-size: 16px;}\r\n \r\n .top_vendor__title {\r\n   color: $gray-dark;\r\n   font-size: 1.25rem;\r\n   font-weight: 500;\r\n//    letter-spacing: 2px;\r\n   text-transform: uppercase;\r\n }\r\n .top_vendor__title a { text-decoration: none !important; }\r\n \r\n .top_vendor__text {\r\n   flex: 1 1 auto;\r\n   font-size: 0.875rem;\r\n   line-height: 1.5;\r\n   margin-bottom: 1.25rem;\r\n }\r\n\r\n\r\n$base-duration: 250ms;\r\n\r\n// Colors\r\n$primary: #4DB6AC;\r\n$accent: #46627f;\r\n$white: whitesmoke;\r\n$color-3: #bdc3c7;\r\n\r\n// Breakpoints\r\n$sm: 20rem;\r\n$med: 48rem;\r\n$lg: 64rem;\r\n.top_vendor .hover {\r\n\tposition: relative;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\twidth: 100%;\r\n\theight: 60px;\r\n\tbackground-color: $primary;\r\n\t// border-radius: 99px;\r\n\tbox-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);\r\n  \ttransition: all 0.3s cubic-bezier(.25,.8,.25,1);\r\n\toverflow: hidden;\r\n\t&:before,\r\n\t&:after {\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\twidth: 50%;\r\n\t\theight: 100%;\r\n\t\t\r\n\t\t//letter-spacing: -0.0625rem;\r\n\t\ttransition: 0.25s linear;\r\n\t\tz-index: 1;\r\n\t}\r\n\t&:before {\r\n\t\tcontent: '';\r\n\t\tleft: 0;\r\n\t\tjustify-content: flex-end;\r\n\t\tbackground-color: $primary;\r\n\t}\r\n\t&:after {\r\n\t\tcontent: '';\r\n\t\tright: 0;\r\n\t\tjustify-content: flex-start;\r\n\t\tbackground-color: darken($primary,5%);\r\n\t}\r\n\t&:hover {\r\n\t\tbackground-color: $accent;\r\n\t\tbox-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);\r\n\t\tspan {\r\n\t\t\topacity: 0;\r\n\t\t\tz-index: -3;\r\n\t\t}\r\n\t\t&:before {\r\n\t\t\topacity: 0.5;\r\n\t\t\ttransform: translateY(-100%);\r\n\t\t}\r\n\t\t&:after {\r\n\t\t\topacity: 0.5;\r\n\t\t\ttransform: translateY(100%);\r\n\t\t}\r\n\t}\r\n\tspan {\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tcolor: $white;\r\n\t\tfont-family: 'Fira Mono', monospace;\r\n\t\tfont-size: 24px;\r\n\t\tfont-weight: 700;\r\n\t\topacity: 1;\r\n\t\ttransition: opacity 0.25s;\r\n\t\tz-index: 2;\r\n\t}\r\n\t.social-link {\r\n\t\tposition: relative;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\twidth: 16%;\r\n\t\theight: 100%;\r\n\t\tcolor: $white;\r\n\t\tfont-size: 24px;\r\n\t\ttext-decoration: none;\r\n\t\ttransition: 0.25s;\r\n\t\ti {\r\n\t\t\ttext-shadow: 1px 1px rgba($accent,0.7);\r\n\t\t\ttransform: scale(1.0);\r\n\t\t}\r\n\t\t&:hover {\r\n\t\t\tbackground-color: rgba($white,0.1);\r\n\t\t\ti {\r\n\t\t\t\tanimation: bounce 0.4s linear;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@keyframes bounce {\r\n\t40% { transform: scale(1.4); }\r\n\t60% { transform: scale(0.8); }\r\n\t80% { transform: scale(1.2); }\r\n\t100% { transform: scale(1.0); }\r\n}","/**\r\n * #.# Styles\r\n *\r\n * CSS for both Frontend+Backend.\r\n */\r\n\r\n $gray-darker:               #444444;\r\n $gray-dark:                 #696969;\r\n $gray:                      #999999;\r\n $gray-light:                #cccccc;\r\n $gray-lighter:              #ececec;\r\n $gray-lightest:             lighten($gray-lighter,4%);\r\n \r\n \r\n img {\r\n   height: auto;\r\n   max-width: 100%;\r\n   vertical-align: middle;\r\n }\r\n \r\n .btn {\r\n   background-color: white;\r\n   border: 1px solid $gray-light;\r\n   //border-radius: 1rem;\r\n   color: $gray-dark;\r\n   padding: 0.5rem;\r\n   text-transform: lowercase;\r\n }\r\n \r\n .btn--block {\r\n   display: block;\r\n   width: 100%;\r\n }\r\n  \r\n .top_vendors {\r\n   display: flex;\r\n   flex-wrap: wrap;\r\n   list-style: none;\r\n   margin: 0;\r\n   padding: 0;\r\n }\r\n \r\n .top_vendors__item {\r\n   display: flex;\r\n   padding: 5px;\r\n   @media(min-width: 40rem) {\r\n     width: 50%;\r\n   }\r\n   @media(min-width: 56rem) {\r\n     width: 33.3333%;\r\n   }\r\n }\r\n \r\n .top_vendor {\r\n   background-color: white;\r\n   border-radius: 0.25rem;\r\n   box-shadow: 0 20px 40px -14px rgba(0,0,0,0.25);\r\n   width: 100%;\r\n   display: flex;\r\n   flex-direction: column;\r\n   position: relative;\r\n   overflow: hidden;\r\n   &:hover {\r\n     .top_vendor__image {\r\n       filter: contrast(100%);\r\n     }\r\n   }\r\n }\r\n \r\n .top_vendor__content {\r\n   display: flex;\r\n   flex: 1 1 auto;\r\n   flex-direction: column;\r\n   align-content: center;\r\n   align-items: center;\r\n   padding: 1rem;\r\n }\r\n \r\n .top_vendor__image {\r\n   background-color: aliceblue;\r\n   background-position: center center;\r\n   background-repeat: no-repeat;\r\n   background-size: cover;\r\n   border-top-left-radius: 0.25rem;\r\n   border-top-right-radius: 0.25rem;\r\n   filter: contrast(70%);\r\n   //filter: saturate(180%);\r\n   overflow: hidden;\r\n   position: relative;\r\n   transition: filter 0.5s cubic-bezier(.43,.41,.22,.91);;\r\n   &::before {\r\n     content: \"\";\r\n     display: block;\r\n     padding-top: 56.25%; // 16:9 aspect ratio\r\n   }\r\n   @media(min-width: 40rem) {\r\n     &::before {\r\n       padding-top: 66.6%; // 3:2 aspect ratio\r\n     }\r\n   }\r\n }\r\n\r\n .top_vendor .profile-pic {\r\n\tposition: absolute;\r\n    left: 50%;\r\n    top: 50%;\r\n    transform: translate(-50%, -50%);\r\n  \twidth: 100%;\r\n  \tmax-width: 110px;\r\n  \theight: 110px;\r\n}\r\n\r\n.top_vendor .profile-pic img {\r\n  width: 110px;\r\n  height: 110px;\r\n  border-radius: 50%;\r\n  border: 5px solid #fff;\r\n}\r\n \r\n.top_vendor .rating { font-size: 16px;}\r\n \r\n .top_vendor__title {\r\n   color: $gray-dark;\r\n   font-size: 1.25rem;\r\n   font-weight: 500;\r\n//    letter-spacing: 2px;\r\n   text-transform: uppercase;\r\n }\r\n .top_vendor__title a { text-decoration: none !important; }\r\n \r\n .top_vendor__text {\r\n   flex: 1 1 auto;\r\n   font-size: 0.875rem;\r\n   line-height: 1.5;\r\n   margin-bottom: 1.25rem;\r\n }\r\n\r\n\r\n$base-duration: 250ms;\r\n\r\n// Colors\r\n$primary: #4DB6AC;\r\n$accent: #46627f;\r\n$white: whitesmoke;\r\n$color-3: #bdc3c7;\r\n\r\n// Breakpoints\r\n$sm: 20rem;\r\n$med: 48rem;\r\n$lg: 64rem;\r\n.top_vendor .hover {\r\n\tposition: relative;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\twidth: 100%;\r\n\theight: 60px;\r\n\tbackground-color: $primary;\r\n\t// border-radius: 99px;\r\n\tbox-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);\r\n  \ttransition: all 0.3s cubic-bezier(.25,.8,.25,1);\r\n\toverflow: hidden;\r\n\t&:before,\r\n\t&:after {\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\twidth: 50%;\r\n\t\theight: 100%;\r\n\t\t\r\n\t\t//letter-spacing: -0.0625rem;\r\n\t\ttransition: 0.25s linear;\r\n\t\tz-index: 1;\r\n\t}\r\n\t&:before {\r\n\t\tcontent: '';\r\n\t\tleft: 0;\r\n\t\tjustify-content: flex-end;\r\n\t\tbackground-color: $primary;\r\n\t}\r\n\t&:after {\r\n\t\tcontent: '';\r\n\t\tright: 0;\r\n\t\tjustify-content: flex-start;\r\n\t\tbackground-color: darken($primary,5%);\r\n\t}\r\n\t&:hover {\r\n\t\tbackground-color: $accent;\r\n\t\tbox-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);\r\n\t\tspan {\r\n\t\t\topacity: 0;\r\n\t\t\tz-index: -3;\r\n\t\t}\r\n\t\t&:before {\r\n\t\t\topacity: 0.5;\r\n\t\t\ttransform: translateY(-100%);\r\n\t\t}\r\n\t\t&:after {\r\n\t\t\topacity: 0.5;\r\n\t\t\ttransform: translateY(100%);\r\n\t\t}\r\n\t}\r\n\tspan {\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tcolor: $white;\r\n\t\tfont-family: 'Fira Mono', monospace;\r\n\t\tfont-size: 24px;\r\n\t\tfont-weight: 700;\r\n\t\topacity: 1;\r\n\t\ttransition: opacity 0.25s;\r\n\t\tz-index: 2;\r\n\t}\r\n\t.social-link {\r\n\t\tposition: relative;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\twidth: 16%;\r\n\t\theight: 100%;\r\n\t\tcolor: $white;\r\n\t\tfont-size: 24px;\r\n\t\ttext-decoration: none;\r\n\t\ttransition: 0.25s;\r\n\t\ti {\r\n\t\t\ttext-shadow: 1px 1px rgba($accent,0.7);\r\n\t\t\ttransform: scale(1.0);\r\n\t\t}\r\n\t\t&:hover {\r\n\t\t\tbackground-color: rgba($white,0.1);\r\n\t\t\ti {\r\n\t\t\t\tanimation: bounce 0.4s linear;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@keyframes bounce {\r\n\t40% { transform: scale(1.4); }\r\n\t60% { transform: scale(0.8); }\r\n\t80% { transform: scale(1.2); }\r\n\t100% { transform: scale(1.0); }\r\n}","/**\r\n * #.# Styles\r\n *\r\n * CSS for both Frontend+Backend.\r\n */\r\n\r\n $gray-darker:               #444444;\r\n $gray-dark:                 #696969;\r\n $gray:                      #999999;\r\n $gray-light:                #cccccc;\r\n $gray-lighter:              #ececec;\r\n $gray-lightest:             lighten($gray-lighter,4%);\r\n \r\n \r\n img {\r\n   height: auto;\r\n   max-width: 100%;\r\n   vertical-align: middle;\r\n }\r\n \r\n .btn {\r\n   background-color: white;\r\n   border: 1px solid $gray-light;\r\n   //border-radius: 1rem;\r\n   color: $gray-dark;\r\n   padding: 0.5rem;\r\n   text-transform: lowercase;\r\n }\r\n \r\n .btn--block {\r\n   display: block;\r\n   width: 100%;\r\n }\r\n  \r\n .top_vendors {\r\n   display: flex;\r\n   flex-wrap: wrap;\r\n   list-style: none;\r\n   margin: 0;\r\n   padding: 0;\r\n }\r\n \r\n .top_vendors__item {\r\n   display: flex;\r\n   padding: 5px;\r\n   @media(min-width: 40rem) {\r\n     width: 50%;\r\n   }\r\n   @media(min-width: 56rem) {\r\n     width: 33.3333%;\r\n   }\r\n }\r\n \r\n .top_vendor {\r\n   background-color: white;\r\n   border-radius: 0.25rem;\r\n   box-shadow: 0 20px 40px -14px rgba(0,0,0,0.25);\r\n   width: 100%;\r\n   display: flex;\r\n   flex-direction: column;\r\n   position: relative;\r\n   overflow: hidden;\r\n   &:hover {\r\n     .top_vendor__image {\r\n       filter: contrast(100%);\r\n     }\r\n   }\r\n }\r\n \r\n .top_vendor__content {\r\n   display: flex;\r\n   flex: 1 1 auto;\r\n   flex-direction: column;\r\n   align-content: center;\r\n   align-items: center;\r\n   padding: 1rem;\r\n }\r\n \r\n .top_vendor__image {\r\n   background-color: aliceblue;\r\n   background-position: center center;\r\n   background-repeat: no-repeat;\r\n   background-size: cover;\r\n   border-top-left-radius: 0.25rem;\r\n   border-top-right-radius: 0.25rem;\r\n   filter: contrast(70%);\r\n   //filter: saturate(180%);\r\n   overflow: hidden;\r\n   position: relative;\r\n   transition: filter 0.5s cubic-bezier(.43,.41,.22,.91);;\r\n   &::before {\r\n     content: \"\";\r\n     display: block;\r\n     padding-top: 56.25%; // 16:9 aspect ratio\r\n   }\r\n   @media(min-width: 40rem) {\r\n     &::before {\r\n       padding-top: 66.6%; // 3:2 aspect ratio\r\n     }\r\n   }\r\n }\r\n\r\n .top_vendor .profile-pic {\r\n\tposition: absolute;\r\n    left: 50%;\r\n    top: 50%;\r\n    transform: translate(-50%, -50%);\r\n  \twidth: 100%;\r\n  \tmax-width: 110px;\r\n  \theight: 110px;\r\n}\r\n\r\n.top_vendor .profile-pic img {\r\n  width: 110px;\r\n  height: 110px;\r\n  border-radius: 50%;\r\n  border: 5px solid #fff;\r\n}\r\n \r\n.top_vendor .rating { font-size: 16px;}\r\n \r\n .top_vendor__title {\r\n   color: $gray-dark;\r\n   font-size: 1.25rem;\r\n   font-weight: 500;\r\n//    letter-spacing: 2px;\r\n   text-transform: uppercase;\r\n }\r\n .top_vendor__title a { text-decoration: none !important; }\r\n \r\n .top_vendor__text {\r\n   flex: 1 1 auto;\r\n   font-size: 0.875rem;\r\n   line-height: 1.5;\r\n   margin-bottom: 1.25rem;\r\n }\r\n\r\n\r\n$base-duration: 250ms;\r\n\r\n// Colors\r\n$primary: #4DB6AC;\r\n$accent: #46627f;\r\n$white: whitesmoke;\r\n$color-3: #bdc3c7;\r\n\r\n// Breakpoints\r\n$sm: 20rem;\r\n$med: 48rem;\r\n$lg: 64rem;\r\n.top_vendor .hover {\r\n\tposition: relative;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\twidth: 100%;\r\n\theight: 60px;\r\n\tbackground-color: $primary;\r\n\t// border-radius: 99px;\r\n\tbox-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);\r\n  \ttransition: all 0.3s cubic-bezier(.25,.8,.25,1);\r\n\toverflow: hidden;\r\n\t&:before,\r\n\t&:after {\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\twidth: 50%;\r\n\t\theight: 100%;\r\n\t\t\r\n\t\t//letter-spacing: -0.0625rem;\r\n\t\ttransition: 0.25s linear;\r\n\t\tz-index: 1;\r\n\t}\r\n\t&:before {\r\n\t\tcontent: '';\r\n\t\tleft: 0;\r\n\t\tjustify-content: flex-end;\r\n\t\tbackground-color: $primary;\r\n\t}\r\n\t&:after {\r\n\t\tcontent: '';\r\n\t\tright: 0;\r\n\t\tjustify-content: flex-start;\r\n\t\tbackground-color: darken($primary,5%);\r\n\t}\r\n\t&:hover {\r\n\t\tbackground-color: $accent;\r\n\t\tbox-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);\r\n\t\tspan {\r\n\t\t\topacity: 0;\r\n\t\t\tz-index: -3;\r\n\t\t}\r\n\t\t&:before {\r\n\t\t\topacity: 0.5;\r\n\t\t\ttransform: translateY(-100%);\r\n\t\t}\r\n\t\t&:after {\r\n\t\t\topacity: 0.5;\r\n\t\t\ttransform: translateY(100%);\r\n\t\t}\r\n\t}\r\n\tspan {\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tcolor: $white;\r\n\t\tfont-family: 'Fira Mono', monospace;\r\n\t\tfont-size: 24px;\r\n\t\tfont-weight: 700;\r\n\t\topacity: 1;\r\n\t\ttransition: opacity 0.25s;\r\n\t\tz-index: 2;\r\n\t}\r\n\t.social-link {\r\n\t\tposition: relative;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\twidth: 16%;\r\n\t\theight: 100%;\r\n\t\tcolor: $white;\r\n\t\tfont-size: 24px;\r\n\t\ttext-decoration: none;\r\n\t\ttransition: 0.25s;\r\n\t\ti {\r\n\t\t\ttext-shadow: 1px 1px rgba($accent,0.7);\r\n\t\t\ttransform: scale(1.0);\r\n\t\t}\r\n\t\t&:hover {\r\n\t\t\tbackground-color: rgba($white,0.1);\r\n\t\t\ti {\r\n\t\t\t\tanimation: bounce 0.4s linear;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@keyframes bounce {\r\n\t40% { transform: scale(1.4); }\r\n\t60% { transform: scale(0.8); }\r\n\t80% { transform: scale(1.2); }\r\n\t100% { transform: scale(1.0); }\r\n}","/**\r\n * #.# Styles\r\n *\r\n * CSS for both Frontend+Backend.\r\n */\r\n\r\n $gray-darker:               #444444;\r\n $gray-dark:                 #696969;\r\n $gray:                      #999999;\r\n $gray-light:                #cccccc;\r\n $gray-lighter:              #ececec;\r\n $gray-lightest:             lighten($gray-lighter,4%);\r\n \r\n \r\n img {\r\n   height: auto;\r\n   max-width: 100%;\r\n   vertical-align: middle;\r\n }\r\n \r\n .btn {\r\n   background-color: white;\r\n   border: 1px solid $gray-light;\r\n   //border-radius: 1rem;\r\n   color: $gray-dark;\r\n   padding: 0.5rem;\r\n   text-transform: lowercase;\r\n }\r\n \r\n .btn--block {\r\n   display: block;\r\n   width: 100%;\r\n }\r\n  \r\n .top_vendors {\r\n   display: flex;\r\n   flex-wrap: wrap;\r\n   list-style: none;\r\n   margin: 0;\r\n   padding: 0;\r\n }\r\n \r\n .top_vendors__item {\r\n   display: flex;\r\n   padding: 5px;\r\n   @media(min-width: 40rem) {\r\n     width: 50%;\r\n   }\r\n   @media(min-width: 56rem) {\r\n     width: 33.3333%;\r\n   }\r\n }\r\n \r\n .top_vendor {\r\n   background-color: white;\r\n   border-radius: 0.25rem;\r\n   box-shadow: 0 20px 40px -14px rgba(0,0,0,0.25);\r\n   width: 100%;\r\n   display: flex;\r\n   flex-direction: column;\r\n   position: relative;\r\n   overflow: hidden;\r\n   &:hover {\r\n     .top_vendor__image {\r\n       filter: contrast(100%);\r\n     }\r\n   }\r\n }\r\n \r\n .top_vendor__content {\r\n   display: flex;\r\n   flex: 1 1 auto;\r\n   flex-direction: column;\r\n   align-content: center;\r\n   align-items: center;\r\n   padding: 1rem;\r\n }\r\n \r\n .top_vendor__image {\r\n   background-color: aliceblue;\r\n   background-position: center center;\r\n   background-repeat: no-repeat;\r\n   background-size: cover;\r\n   border-top-left-radius: 0.25rem;\r\n   border-top-right-radius: 0.25rem;\r\n   filter: contrast(70%);\r\n   //filter: saturate(180%);\r\n   overflow: hidden;\r\n   position: relative;\r\n   transition: filter 0.5s cubic-bezier(.43,.41,.22,.91);;\r\n   &::before {\r\n     content: \"\";\r\n     display: block;\r\n     padding-top: 56.25%; // 16:9 aspect ratio\r\n   }\r\n   @media(min-width: 40rem) {\r\n     &::before {\r\n       padding-top: 66.6%; // 3:2 aspect ratio\r\n     }\r\n   }\r\n }\r\n\r\n .top_vendor .profile-pic {\r\n\tposition: absolute;\r\n    left: 50%;\r\n    top: 50%;\r\n    transform: translate(-50%, -50%);\r\n  \twidth: 100%;\r\n  \tmax-width: 110px;\r\n  \theight: 110px;\r\n}\r\n\r\n.top_vendor .profile-pic img {\r\n  width: 110px;\r\n  height: 110px;\r\n  border-radius: 50%;\r\n  border: 5px solid #fff;\r\n}\r\n \r\n.top_vendor .rating { font-size: 16px;}\r\n \r\n .top_vendor__title {\r\n   color: $gray-dark;\r\n   font-size: 1.25rem;\r\n   font-weight: 500;\r\n//    letter-spacing: 2px;\r\n   text-transform: uppercase;\r\n }\r\n .top_vendor__title a { text-decoration: none !important; }\r\n \r\n .top_vendor__text {\r\n   flex: 1 1 auto;\r\n   font-size: 0.875rem;\r\n   line-height: 1.5;\r\n   margin-bottom: 1.25rem;\r\n }\r\n\r\n\r\n$base-duration: 250ms;\r\n\r\n// Colors\r\n$primary: #4DB6AC;\r\n$accent: #46627f;\r\n$white: whitesmoke;\r\n$color-3: #bdc3c7;\r\n\r\n// Breakpoints\r\n$sm: 20rem;\r\n$med: 48rem;\r\n$lg: 64rem;\r\n.top_vendor .hover {\r\n\tposition: relative;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\twidth: 100%;\r\n\theight: 60px;\r\n\tbackground-color: $primary;\r\n\t// border-radius: 99px;\r\n\tbox-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);\r\n  \ttransition: all 0.3s cubic-bezier(.25,.8,.25,1);\r\n\toverflow: hidden;\r\n\t&:before,\r\n\t&:after {\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\twidth: 50%;\r\n\t\theight: 100%;\r\n\t\t\r\n\t\t//letter-spacing: -0.0625rem;\r\n\t\ttransition: 0.25s linear;\r\n\t\tz-index: 1;\r\n\t}\r\n\t&:before {\r\n\t\tcontent: '';\r\n\t\tleft: 0;\r\n\t\tjustify-content: flex-end;\r\n\t\tbackground-color: $primary;\r\n\t}\r\n\t&:after {\r\n\t\tcontent: '';\r\n\t\tright: 0;\r\n\t\tjustify-content: flex-start;\r\n\t\tbackground-color: darken($primary,5%);\r\n\t}\r\n\t&:hover {\r\n\t\tbackground-color: $accent;\r\n\t\tbox-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);\r\n\t\tspan {\r\n\t\t\topacity: 0;\r\n\t\t\tz-index: -3;\r\n\t\t}\r\n\t\t&:before {\r\n\t\t\topacity: 0.5;\r\n\t\t\ttransform: translateY(-100%);\r\n\t\t}\r\n\t\t&:after {\r\n\t\t\topacity: 0.5;\r\n\t\t\ttransform: translateY(100%);\r\n\t\t}\r\n\t}\r\n\tspan {\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tcolor: $white;\r\n\t\tfont-family: 'Fira Mono', monospace;\r\n\t\tfont-size: 24px;\r\n\t\tfont-weight: 700;\r\n\t\topacity: 1;\r\n\t\ttransition: opacity 0.25s;\r\n\t\tz-index: 2;\r\n\t}\r\n\t.social-link {\r\n\t\tposition: relative;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\twidth: 16%;\r\n\t\theight: 100%;\r\n\t\tcolor: $white;\r\n\t\tfont-size: 24px;\r\n\t\ttext-decoration: none;\r\n\t\ttransition: 0.25s;\r\n\t\ti {\r\n\t\t\ttext-shadow: 1px 1px rgba($accent,0.7);\r\n\t\t\ttransform: scale(1.0);\r\n\t\t}\r\n\t\t&:hover {\r\n\t\t\tbackground-color: rgba($white,0.1);\r\n\t\t\ti {\r\n\t\t\t\tanimation: bounce 0.4s linear;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@keyframes bounce {\r\n\t40% { transform: scale(1.4); }\r\n\t60% { transform: scale(0.8); }\r\n\t80% { transform: scale(1.2); }\r\n\t100% { transform: scale(1.0); }\r\n}","/**\r\n * #.# Styles\r\n *\r\n * CSS for both Frontend+Backend.\r\n */\r\n\r\n $gray-darker:               #444444;\r\n $gray-dark:                 #696969;\r\n $gray:                      #999999;\r\n $gray-light:                #cccccc;\r\n $gray-lighter:              #ececec;\r\n $gray-lightest:             lighten($gray-lighter,4%);\r\n \r\n \r\n img {\r\n   height: auto;\r\n   max-width: 100%;\r\n   vertical-align: middle;\r\n }\r\n \r\n .btn {\r\n   background-color: white;\r\n   border: 1px solid $gray-light;\r\n   //border-radius: 1rem;\r\n   color: $gray-dark;\r\n   padding: 0.5rem;\r\n   text-transform: lowercase;\r\n }\r\n \r\n .btn--block {\r\n   display: block;\r\n   width: 100%;\r\n }\r\n  \r\n .top_vendors {\r\n   display: flex;\r\n   flex-wrap: wrap;\r\n   list-style: none;\r\n   margin: 0;\r\n   padding: 0;\r\n }\r\n \r\n .top_vendors__item {\r\n   display: flex;\r\n   padding: 5px;\r\n   @media(min-width: 40rem) {\r\n     width: 50%;\r\n   }\r\n   @media(min-width: 56rem) {\r\n     width: 33.3333%;\r\n   }\r\n }\r\n \r\n .top_vendor {\r\n   background-color: white;\r\n   border-radius: 0.25rem;\r\n   box-shadow: 0 20px 40px -14px rgba(0,0,0,0.25);\r\n   width: 100%;\r\n   display: flex;\r\n   flex-direction: column;\r\n   position: relative;\r\n   overflow: hidden;\r\n   &:hover {\r\n     .top_vendor__image {\r\n       filter: contrast(100%);\r\n     }\r\n   }\r\n }\r\n \r\n .top_vendor__content {\r\n   display: flex;\r\n   flex: 1 1 auto;\r\n   flex-direction: column;\r\n   align-content: center;\r\n   align-items: center;\r\n   padding: 1rem;\r\n }\r\n \r\n .top_vendor__image {\r\n   background-color: aliceblue;\r\n   background-position: center center;\r\n   background-repeat: no-repeat;\r\n   background-size: cover;\r\n   border-top-left-radius: 0.25rem;\r\n   border-top-right-radius: 0.25rem;\r\n   filter: contrast(70%);\r\n   //filter: saturate(180%);\r\n   overflow: hidden;\r\n   position: relative;\r\n   transition: filter 0.5s cubic-bezier(.43,.41,.22,.91);;\r\n   &::before {\r\n     content: \"\";\r\n     display: block;\r\n     padding-top: 56.25%; // 16:9 aspect ratio\r\n   }\r\n   @media(min-width: 40rem) {\r\n     &::before {\r\n       padding-top: 66.6%; // 3:2 aspect ratio\r\n     }\r\n   }\r\n }\r\n\r\n .top_vendor .profile-pic {\r\n\tposition: absolute;\r\n    left: 50%;\r\n    top: 50%;\r\n    transform: translate(-50%, -50%);\r\n  \twidth: 100%;\r\n  \tmax-width: 110px;\r\n  \theight: 110px;\r\n}\r\n\r\n.top_vendor .profile-pic img {\r\n  width: 110px;\r\n  height: 110px;\r\n  border-radius: 50%;\r\n  border: 5px solid #fff;\r\n}\r\n \r\n.top_vendor .rating { font-size: 16px;}\r\n \r\n .top_vendor__title {\r\n   color: $gray-dark;\r\n   font-size: 1.25rem;\r\n   font-weight: 500;\r\n//    letter-spacing: 2px;\r\n   text-transform: uppercase;\r\n }\r\n .top_vendor__title a { text-decoration: none !important; }\r\n \r\n .top_vendor__text {\r\n   flex: 1 1 auto;\r\n   font-size: 0.875rem;\r\n   line-height: 1.5;\r\n   margin-bottom: 1.25rem;\r\n }\r\n\r\n\r\n$base-duration: 250ms;\r\n\r\n// Colors\r\n$primary: #4DB6AC;\r\n$accent: #46627f;\r\n$white: whitesmoke;\r\n$color-3: #bdc3c7;\r\n\r\n// Breakpoints\r\n$sm: 20rem;\r\n$med: 48rem;\r\n$lg: 64rem;\r\n.top_vendor .hover {\r\n\tposition: relative;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\twidth: 100%;\r\n\theight: 60px;\r\n\tbackground-color: $primary;\r\n\t// border-radius: 99px;\r\n\tbox-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);\r\n  \ttransition: all 0.3s cubic-bezier(.25,.8,.25,1);\r\n\toverflow: hidden;\r\n\t&:before,\r\n\t&:after {\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\twidth: 50%;\r\n\t\theight: 100%;\r\n\t\t\r\n\t\t//letter-spacing: -0.0625rem;\r\n\t\ttransition: 0.25s linear;\r\n\t\tz-index: 1;\r\n\t}\r\n\t&:before {\r\n\t\tcontent: '';\r\n\t\tleft: 0;\r\n\t\tjustify-content: flex-end;\r\n\t\tbackground-color: $primary;\r\n\t}\r\n\t&:after {\r\n\t\tcontent: '';\r\n\t\tright: 0;\r\n\t\tjustify-content: flex-start;\r\n\t\tbackground-color: darken($primary,5%);\r\n\t}\r\n\t&:hover {\r\n\t\tbackground-color: $accent;\r\n\t\tbox-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);\r\n\t\tspan {\r\n\t\t\topacity: 0;\r\n\t\t\tz-index: -3;\r\n\t\t}\r\n\t\t&:before {\r\n\t\t\topacity: 0.5;\r\n\t\t\ttransform: translateY(-100%);\r\n\t\t}\r\n\t\t&:after {\r\n\t\t\topacity: 0.5;\r\n\t\t\ttransform: translateY(100%);\r\n\t\t}\r\n\t}\r\n\tspan {\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tcolor: $white;\r\n\t\tfont-family: 'Fira Mono', monospace;\r\n\t\tfont-size: 24px;\r\n\t\tfont-weight: 700;\r\n\t\topacity: 1;\r\n\t\ttransition: opacity 0.25s;\r\n\t\tz-index: 2;\r\n\t}\r\n\t.social-link {\r\n\t\tposition: relative;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\twidth: 16%;\r\n\t\theight: 100%;\r\n\t\tcolor: $white;\r\n\t\tfont-size: 24px;\r\n\t\ttext-decoration: none;\r\n\t\ttransition: 0.25s;\r\n\t\ti {\r\n\t\t\ttext-shadow: 1px 1px rgba($accent,0.7);\r\n\t\t\ttransform: scale(1.0);\r\n\t\t}\r\n\t\t&:hover {\r\n\t\t\tbackground-color: rgba($white,0.1);\r\n\t\t\ti {\r\n\t\t\t\tanimation: bounce 0.4s linear;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@keyframes bounce {\r\n\t40% { transform: scale(1.4); }\r\n\t60% { transform: scale(0.8); }\r\n\t80% { transform: scale(1.2); }\r\n\t100% { transform: scale(1.0); }\r\n}","/**\r\n * #.# Styles\r\n *\r\n * CSS for both Frontend+Backend.\r\n */\r\n\r\n $gray-darker:               #444444;\r\n $gray-dark:                 #696969;\r\n $gray:                      #999999;\r\n $gray-light:                #cccccc;\r\n $gray-lighter:              #ececec;\r\n $gray-lightest:             lighten($gray-lighter,4%);\r\n \r\n \r\n img {\r\n   height: auto;\r\n   max-width: 100%;\r\n   vertical-align: middle;\r\n }\r\n \r\n .btn {\r\n   background-color: white;\r\n   border: 1px solid $gray-light;\r\n   //border-radius: 1rem;\r\n   color: $gray-dark;\r\n   padding: 0.5rem;\r\n   text-transform: lowercase;\r\n }\r\n \r\n .btn--block {\r\n   display: block;\r\n   width: 100%;\r\n }\r\n  \r\n .top_vendors {\r\n   display: flex;\r\n   flex-wrap: wrap;\r\n   list-style: none;\r\n   margin: 0;\r\n   padding: 0;\r\n }\r\n \r\n .top_vendors__item {\r\n   display: flex;\r\n   padding: 5px;\r\n   @media(min-width: 40rem) {\r\n     width: 50%;\r\n   }\r\n   @media(min-width: 56rem) {\r\n     width: 33.3333%;\r\n   }\r\n }\r\n \r\n .top_vendor {\r\n   background-color: white;\r\n   border-radius: 0.25rem;\r\n   box-shadow: 0 20px 40px -14px rgba(0,0,0,0.25);\r\n   width: 100%;\r\n   display: flex;\r\n   flex-direction: column;\r\n   position: relative;\r\n   overflow: hidden;\r\n   &:hover {\r\n     .top_vendor__image {\r\n       filter: contrast(100%);\r\n     }\r\n   }\r\n }\r\n \r\n .top_vendor__content {\r\n   display: flex;\r\n   flex: 1 1 auto;\r\n   flex-direction: column;\r\n   align-content: center;\r\n   align-items: center;\r\n   padding: 1rem;\r\n }\r\n \r\n .top_vendor__image {\r\n   background-color: aliceblue;\r\n   background-position: center center;\r\n   background-repeat: no-repeat;\r\n   background-size: cover;\r\n   border-top-left-radius: 0.25rem;\r\n   border-top-right-radius: 0.25rem;\r\n   filter: contrast(70%);\r\n   //filter: saturate(180%);\r\n   overflow: hidden;\r\n   position: relative;\r\n   transition: filter 0.5s cubic-bezier(.43,.41,.22,.91);;\r\n   &::before {\r\n     content: \"\";\r\n     display: block;\r\n     padding-top: 56.25%; // 16:9 aspect ratio\r\n   }\r\n   @media(min-width: 40rem) {\r\n     &::before {\r\n       padding-top: 66.6%; // 3:2 aspect ratio\r\n     }\r\n   }\r\n }\r\n\r\n .top_vendor .profile-pic {\r\n\tposition: absolute;\r\n    left: 50%;\r\n    top: 50%;\r\n    transform: translate(-50%, -50%);\r\n  \twidth: 100%;\r\n  \tmax-width: 110px;\r\n  \theight: 110px;\r\n}\r\n\r\n.top_vendor .profile-pic img {\r\n  width: 110px;\r\n  height: 110px;\r\n  border-radius: 50%;\r\n  border: 5px solid #fff;\r\n}\r\n \r\n.top_vendor .rating { font-size: 16px;}\r\n \r\n .top_vendor__title {\r\n   color: $gray-dark;\r\n   font-size: 1.25rem;\r\n   font-weight: 500;\r\n//    letter-spacing: 2px;\r\n   text-transform: uppercase;\r\n }\r\n .top_vendor__title a { text-decoration: none !important; }\r\n \r\n .top_vendor__text {\r\n   flex: 1 1 auto;\r\n   font-size: 0.875rem;\r\n   line-height: 1.5;\r\n   margin-bottom: 1.25rem;\r\n }\r\n\r\n\r\n$base-duration: 250ms;\r\n\r\n// Colors\r\n$primary: #4DB6AC;\r\n$accent: #46627f;\r\n$white: whitesmoke;\r\n$color-3: #bdc3c7;\r\n\r\n// Breakpoints\r\n$sm: 20rem;\r\n$med: 48rem;\r\n$lg: 64rem;\r\n.top_vendor .hover {\r\n\tposition: relative;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\twidth: 100%;\r\n\theight: 60px;\r\n\tbackground-color: $primary;\r\n\t// border-radius: 99px;\r\n\tbox-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);\r\n  \ttransition: all 0.3s cubic-bezier(.25,.8,.25,1);\r\n\toverflow: hidden;\r\n\t&:before,\r\n\t&:after {\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\twidth: 50%;\r\n\t\theight: 100%;\r\n\t\t\r\n\t\t//letter-spacing: -0.0625rem;\r\n\t\ttransition: 0.25s linear;\r\n\t\tz-index: 1;\r\n\t}\r\n\t&:before {\r\n\t\tcontent: '';\r\n\t\tleft: 0;\r\n\t\tjustify-content: flex-end;\r\n\t\tbackground-color: $primary;\r\n\t}\r\n\t&:after {\r\n\t\tcontent: '';\r\n\t\tright: 0;\r\n\t\tjustify-content: flex-start;\r\n\t\tbackground-color: darken($primary,5%);\r\n\t}\r\n\t&:hover {\r\n\t\tbackground-color: $accent;\r\n\t\tbox-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);\r\n\t\tspan {\r\n\t\t\topacity: 0;\r\n\t\t\tz-index: -3;\r\n\t\t}\r\n\t\t&:before {\r\n\t\t\topacity: 0.5;\r\n\t\t\ttransform: translateY(-100%);\r\n\t\t}\r\n\t\t&:after {\r\n\t\t\topacity: 0.5;\r\n\t\t\ttransform: translateY(100%);\r\n\t\t}\r\n\t}\r\n\tspan {\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tcolor: $white;\r\n\t\tfont-family: 'Fira Mono', monospace;\r\n\t\tfont-size: 24px;\r\n\t\tfont-weight: 700;\r\n\t\topacity: 1;\r\n\t\ttransition: opacity 0.25s;\r\n\t\tz-index: 2;\r\n\t}\r\n\t.social-link {\r\n\t\tposition: relative;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\twidth: 16%;\r\n\t\theight: 100%;\r\n\t\tcolor: $white;\r\n\t\tfont-size: 24px;\r\n\t\ttext-decoration: none;\r\n\t\ttransition: 0.25s;\r\n\t\ti {\r\n\t\t\ttext-shadow: 1px 1px rgba($accent,0.7);\r\n\t\t\ttransform: scale(1.0);\r\n\t\t}\r\n\t\t&:hover {\r\n\t\t\tbackground-color: rgba($white,0.1);\r\n\t\t\ti {\r\n\t\t\t\tanimation: bounce 0.4s linear;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@keyframes bounce {\r\n\t40% { transform: scale(1.4); }\r\n\t60% { transform: scale(0.8); }\r\n\t80% { transform: scale(1.2); }\r\n\t100% { transform: scale(1.0); }\r\n}","/**\r\n * #.# Styles\r\n *\r\n * CSS for both Frontend+Backend.\r\n */\r\n\r\n $gray-darker:               #444444;\r\n $gray-dark:                 #696969;\r\n $gray:                      #999999;\r\n $gray-light:                #cccccc;\r\n $gray-lighter:              #ececec;\r\n $gray-lightest:             lighten($gray-lighter,4%);\r\n \r\n \r\n img {\r\n   height: auto;\r\n   max-width: 100%;\r\n   vertical-align: middle;\r\n }\r\n \r\n .btn {\r\n   background-color: white;\r\n   border: 1px solid $gray-light;\r\n   //border-radius: 1rem;\r\n   color: $gray-dark;\r\n   padding: 0.5rem;\r\n   text-transform: lowercase;\r\n }\r\n \r\n .btn--block {\r\n   display: block;\r\n   width: 100%;\r\n }\r\n  \r\n .top_vendors {\r\n   display: flex;\r\n   flex-wrap: wrap;\r\n   list-style: none;\r\n   margin: 0;\r\n   padding: 0;\r\n }\r\n \r\n .top_vendors__item {\r\n   display: flex;\r\n   padding: 5px;\r\n   @media(min-width: 40rem) {\r\n     width: 50%;\r\n   }\r\n   @media(min-width: 56rem) {\r\n     width: 33.3333%;\r\n   }\r\n }\r\n \r\n .top_vendor {\r\n   background-color: white;\r\n   border-radius: 0.25rem;\r\n   box-shadow: 0 20px 40px -14px rgba(0,0,0,0.25);\r\n   width: 100%;\r\n   display: flex;\r\n   flex-direction: column;\r\n   position: relative;\r\n   overflow: hidden;\r\n   &:hover {\r\n     .top_vendor__image {\r\n       filter: contrast(100%);\r\n     }\r\n   }\r\n }\r\n \r\n .top_vendor__content {\r\n   display: flex;\r\n   flex: 1 1 auto;\r\n   flex-direction: column;\r\n   align-content: center;\r\n   align-items: center;\r\n   padding: 1rem;\r\n }\r\n \r\n .top_vendor__image {\r\n   background-color: aliceblue;\r\n   background-position: center center;\r\n   background-repeat: no-repeat;\r\n   background-size: cover;\r\n   border-top-left-radius: 0.25rem;\r\n   border-top-right-radius: 0.25rem;\r\n   filter: contrast(70%);\r\n   //filter: saturate(180%);\r\n   overflow: hidden;\r\n   position: relative;\r\n   transition: filter 0.5s cubic-bezier(.43,.41,.22,.91);;\r\n   &::before {\r\n     content: \"\";\r\n     display: block;\r\n     padding-top: 56.25%; // 16:9 aspect ratio\r\n   }\r\n   @media(min-width: 40rem) {\r\n     &::before {\r\n       padding-top: 66.6%; // 3:2 aspect ratio\r\n     }\r\n   }\r\n }\r\n\r\n .top_vendor .profile-pic {\r\n\tposition: absolute;\r\n    left: 50%;\r\n    top: 50%;\r\n    transform: translate(-50%, -50%);\r\n  \twidth: 100%;\r\n  \tmax-width: 110px;\r\n  \theight: 110px;\r\n}\r\n\r\n.top_vendor .profile-pic img {\r\n  width: 110px;\r\n  height: 110px;\r\n  border-radius: 50%;\r\n  border: 5px solid #fff;\r\n}\r\n \r\n.top_vendor .rating { font-size: 16px;}\r\n \r\n .top_vendor__title {\r\n   color: $gray-dark;\r\n   font-size: 1.25rem;\r\n   font-weight: 500;\r\n//    letter-spacing: 2px;\r\n   text-transform: uppercase;\r\n }\r\n .top_vendor__title a { text-decoration: none !important; }\r\n \r\n .top_vendor__text {\r\n   flex: 1 1 auto;\r\n   font-size: 0.875rem;\r\n   line-height: 1.5;\r\n   margin-bottom: 1.25rem;\r\n }\r\n\r\n\r\n$base-duration: 250ms;\r\n\r\n// Colors\r\n$primary: #4DB6AC;\r\n$accent: #46627f;\r\n$white: whitesmoke;\r\n$color-3: #bdc3c7;\r\n\r\n// Breakpoints\r\n$sm: 20rem;\r\n$med: 48rem;\r\n$lg: 64rem;\r\n.top_vendor .hover {\r\n\tposition: relative;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\twidth: 100%;\r\n\theight: 60px;\r\n\tbackground-color: $primary;\r\n\t// border-radius: 99px;\r\n\tbox-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);\r\n  \ttransition: all 0.3s cubic-bezier(.25,.8,.25,1);\r\n\toverflow: hidden;\r\n\t&:before,\r\n\t&:after {\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\twidth: 50%;\r\n\t\theight: 100%;\r\n\t\t\r\n\t\t//letter-spacing: -0.0625rem;\r\n\t\ttransition: 0.25s linear;\r\n\t\tz-index: 1;\r\n\t}\r\n\t&:before {\r\n\t\tcontent: '';\r\n\t\tleft: 0;\r\n\t\tjustify-content: flex-end;\r\n\t\tbackground-color: $primary;\r\n\t}\r\n\t&:after {\r\n\t\tcontent: '';\r\n\t\tright: 0;\r\n\t\tjustify-content: flex-start;\r\n\t\tbackground-color: darken($primary,5%);\r\n\t}\r\n\t&:hover {\r\n\t\tbackground-color: $accent;\r\n\t\tbox-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);\r\n\t\tspan {\r\n\t\t\topacity: 0;\r\n\t\t\tz-index: -3;\r\n\t\t}\r\n\t\t&:before {\r\n\t\t\topacity: 0.5;\r\n\t\t\ttransform: translateY(-100%);\r\n\t\t}\r\n\t\t&:after {\r\n\t\t\topacity: 0.5;\r\n\t\t\ttransform: translateY(100%);\r\n\t\t}\r\n\t}\r\n\tspan {\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tcolor: $white;\r\n\t\tfont-family: 'Fira Mono', monospace;\r\n\t\tfont-size: 24px;\r\n\t\tfont-weight: 700;\r\n\t\topacity: 1;\r\n\t\ttransition: opacity 0.25s;\r\n\t\tz-index: 2;\r\n\t}\r\n\t.social-link {\r\n\t\tposition: relative;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\twidth: 16%;\r\n\t\theight: 100%;\r\n\t\tcolor: $white;\r\n\t\tfont-size: 24px;\r\n\t\ttext-decoration: none;\r\n\t\ttransition: 0.25s;\r\n\t\ti {\r\n\t\t\ttext-shadow: 1px 1px rgba($accent,0.7);\r\n\t\t\ttransform: scale(1.0);\r\n\t\t}\r\n\t\t&:hover {\r\n\t\t\tbackground-color: rgba($white,0.1);\r\n\t\t\ti {\r\n\t\t\t\tanimation: bounce 0.4s linear;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@keyframes bounce {\r\n\t40% { transform: scale(1.4); }\r\n\t60% { transform: scale(0.8); }\r\n\t80% { transform: scale(1.2); }\r\n\t100% { transform: scale(1.0); }\r\n}","/**\r\n * #.# Styles\r\n *\r\n * CSS for both Frontend+Backend.\r\n */\r\n\r\n $gray-darker:               #444444;\r\n $gray-dark:                 #696969;\r\n $gray:                      #999999;\r\n $gray-light:                #cccccc;\r\n $gray-lighter:              #ececec;\r\n $gray-lightest:             lighten($gray-lighter,4%);\r\n \r\n \r\n img {\r\n   height: auto;\r\n   max-width: 100%;\r\n   vertical-align: middle;\r\n }\r\n \r\n .btn {\r\n   background-color: white;\r\n   border: 1px solid $gray-light;\r\n   //border-radius: 1rem;\r\n   color: $gray-dark;\r\n   padding: 0.5rem;\r\n   text-transform: lowercase;\r\n }\r\n \r\n .btn--block {\r\n   display: block;\r\n   width: 100%;\r\n }\r\n  \r\n .top_vendors {\r\n   display: flex;\r\n   flex-wrap: wrap;\r\n   list-style: none;\r\n   margin: 0;\r\n   padding: 0;\r\n }\r\n \r\n .top_vendors__item {\r\n   display: flex;\r\n   padding: 5px;\r\n   @media(min-width: 40rem) {\r\n     width: 50%;\r\n   }\r\n   @media(min-width: 56rem) {\r\n     width: 33.3333%;\r\n   }\r\n }\r\n \r\n .top_vendor {\r\n   background-color: white;\r\n   border-radius: 0.25rem;\r\n   box-shadow: 0 20px 40px -14px rgba(0,0,0,0.25);\r\n   width: 100%;\r\n   display: flex;\r\n   flex-direction: column;\r\n   position: relative;\r\n   overflow: hidden;\r\n   &:hover {\r\n     .top_vendor__image {\r\n       filter: contrast(100%);\r\n     }\r\n   }\r\n }\r\n \r\n .top_vendor__content {\r\n   display: flex;\r\n   flex: 1 1 auto;\r\n   flex-direction: column;\r\n   align-content: center;\r\n   align-items: center;\r\n   padding: 1rem;\r\n }\r\n \r\n .top_vendor__image {\r\n   background-color: aliceblue;\r\n   background-position: center center;\r\n   background-repeat: no-repeat;\r\n   background-size: cover;\r\n   border-top-left-radius: 0.25rem;\r\n   border-top-right-radius: 0.25rem;\r\n   filter: contrast(70%);\r\n   //filter: saturate(180%);\r\n   overflow: hidden;\r\n   position: relative;\r\n   transition: filter 0.5s cubic-bezier(.43,.41,.22,.91);;\r\n   &::before {\r\n     content: \"\";\r\n     display: block;\r\n     padding-top: 56.25%; // 16:9 aspect ratio\r\n   }\r\n   @media(min-width: 40rem) {\r\n     &::before {\r\n       padding-top: 66.6%; // 3:2 aspect ratio\r\n     }\r\n   }\r\n }\r\n\r\n .top_vendor .profile-pic {\r\n\tposition: absolute;\r\n    left: 50%;\r\n    top: 50%;\r\n    transform: translate(-50%, -50%);\r\n  \twidth: 100%;\r\n  \tmax-width: 110px;\r\n  \theight: 110px;\r\n}\r\n\r\n.top_vendor .profile-pic img {\r\n  width: 110px;\r\n  height: 110px;\r\n  border-radius: 50%;\r\n  border: 5px solid #fff;\r\n}\r\n \r\n.top_vendor .rating { font-size: 16px;}\r\n \r\n .top_vendor__title {\r\n   color: $gray-dark;\r\n   font-size: 1.25rem;\r\n   font-weight: 500;\r\n//    letter-spacing: 2px;\r\n   text-transform: uppercase;\r\n }\r\n .top_vendor__title a { text-decoration: none !important; }\r\n \r\n .top_vendor__text {\r\n   flex: 1 1 auto;\r\n   font-size: 0.875rem;\r\n   line-height: 1.5;\r\n   margin-bottom: 1.25rem;\r\n }\r\n\r\n\r\n$base-duration: 250ms;\r\n\r\n// Colors\r\n$primary: #4DB6AC;\r\n$accent: #46627f;\r\n$white: whitesmoke;\r\n$color-3: #bdc3c7;\r\n\r\n// Breakpoints\r\n$sm: 20rem;\r\n$med: 48rem;\r\n$lg: 64rem;\r\n.top_vendor .hover {\r\n\tposition: relative;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\twidth: 100%;\r\n\theight: 60px;\r\n\tbackground-color: $primary;\r\n\t// border-radius: 99px;\r\n\tbox-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);\r\n  \ttransition: all 0.3s cubic-bezier(.25,.8,.25,1);\r\n\toverflow: hidden;\r\n\t&:before,\r\n\t&:after {\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\twidth: 50%;\r\n\t\theight: 100%;\r\n\t\t\r\n\t\t//letter-spacing: -0.0625rem;\r\n\t\ttransition: 0.25s linear;\r\n\t\tz-index: 1;\r\n\t}\r\n\t&:before {\r\n\t\tcontent: '';\r\n\t\tleft: 0;\r\n\t\tjustify-content: flex-end;\r\n\t\tbackground-color: $primary;\r\n\t}\r\n\t&:after {\r\n\t\tcontent: '';\r\n\t\tright: 0;\r\n\t\tjustify-content: flex-start;\r\n\t\tbackground-color: darken($primary,5%);\r\n\t}\r\n\t&:hover {\r\n\t\tbackground-color: $accent;\r\n\t\tbox-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);\r\n\t\tspan {\r\n\t\t\topacity: 0;\r\n\t\t\tz-index: -3;\r\n\t\t}\r\n\t\t&:before {\r\n\t\t\topacity: 0.5;\r\n\t\t\ttransform: translateY(-100%);\r\n\t\t}\r\n\t\t&:after {\r\n\t\t\topacity: 0.5;\r\n\t\t\ttransform: translateY(100%);\r\n\t\t}\r\n\t}\r\n\tspan {\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tcolor: $white;\r\n\t\tfont-family: 'Fira Mono', monospace;\r\n\t\tfont-size: 24px;\r\n\t\tfont-weight: 700;\r\n\t\topacity: 1;\r\n\t\ttransition: opacity 0.25s;\r\n\t\tz-index: 2;\r\n\t}\r\n\t.social-link {\r\n\t\tposition: relative;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\twidth: 16%;\r\n\t\theight: 100%;\r\n\t\tcolor: $white;\r\n\t\tfont-size: 24px;\r\n\t\ttext-decoration: none;\r\n\t\ttransition: 0.25s;\r\n\t\ti {\r\n\t\t\ttext-shadow: 1px 1px rgba($accent,0.7);\r\n\t\t\ttransform: scale(1.0);\r\n\t\t}\r\n\t\t&:hover {\r\n\t\t\tbackground-color: rgba($white,0.1);\r\n\t\t\ti {\r\n\t\t\t\tanimation: bounce 0.4s linear;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@keyframes bounce {\r\n\t40% { transform: scale(1.4); }\r\n\t60% { transform: scale(0.8); }\r\n\t80% { transform: scale(1.2); }\r\n\t100% { transform: scale(1.0); }\r\n}","/**\r\n * #.# Styles\r\n *\r\n * CSS for both Frontend+Backend.\r\n */\r\n\r\n $gray-darker:               #444444;\r\n $gray-dark:                 #696969;\r\n $gray:                      #999999;\r\n $gray-light:                #cccccc;\r\n $gray-lighter:              #ececec;\r\n $gray-lightest:             lighten($gray-lighter,4%);\r\n \r\n \r\n img {\r\n   height: auto;\r\n   max-width: 100%;\r\n   vertical-align: middle;\r\n }\r\n \r\n .btn {\r\n   background-color: white;\r\n   border: 1px solid $gray-light;\r\n   //border-radius: 1rem;\r\n   color: $gray-dark;\r\n   padding: 0.5rem;\r\n   text-transform: lowercase;\r\n }\r\n \r\n .btn--block {\r\n   display: block;\r\n   width: 100%;\r\n }\r\n  \r\n .top_vendors {\r\n   display: flex;\r\n   flex-wrap: wrap;\r\n   list-style: none;\r\n   margin: 0;\r\n   padding: 0;\r\n }\r\n \r\n .top_vendors__item {\r\n   display: flex;\r\n   padding: 5px;\r\n   @media(min-width: 40rem) {\r\n     width: 50%;\r\n   }\r\n   @media(min-width: 56rem) {\r\n     width: 33.3333%;\r\n   }\r\n }\r\n \r\n .top_vendor {\r\n   background-color: white;\r\n   border-radius: 0.25rem;\r\n   box-shadow: 0 20px 40px -14px rgba(0,0,0,0.25);\r\n   width: 100%;\r\n   display: flex;\r\n   flex-direction: column;\r\n   position: relative;\r\n   overflow: hidden;\r\n   &:hover {\r\n     .top_vendor__image {\r\n       filter: contrast(100%);\r\n     }\r\n   }\r\n }\r\n \r\n .top_vendor__content {\r\n   display: flex;\r\n   flex: 1 1 auto;\r\n   flex-direction: column;\r\n   align-content: center;\r\n   align-items: center;\r\n   padding: 1rem;\r\n }\r\n \r\n .top_vendor__image {\r\n   background-color: aliceblue;\r\n   background-position: center center;\r\n   background-repeat: no-repeat;\r\n   background-size: cover;\r\n   border-top-left-radius: 0.25rem;\r\n   border-top-right-radius: 0.25rem;\r\n   filter: contrast(70%);\r\n   //filter: saturate(180%);\r\n   overflow: hidden;\r\n   position: relative;\r\n   transition: filter 0.5s cubic-bezier(.43,.41,.22,.91);;\r\n   &::before {\r\n     content: \"\";\r\n     display: block;\r\n     padding-top: 56.25%; // 16:9 aspect ratio\r\n   }\r\n   @media(min-width: 40rem) {\r\n     &::before {\r\n       padding-top: 66.6%; // 3:2 aspect ratio\r\n     }\r\n   }\r\n }\r\n\r\n .top_vendor .profile-pic {\r\n\tposition: absolute;\r\n    left: 50%;\r\n    top: 50%;\r\n    transform: translate(-50%, -50%);\r\n  \twidth: 100%;\r\n  \tmax-width: 110px;\r\n  \theight: 110px;\r\n}\r\n\r\n.top_vendor .profile-pic img {\r\n  width: 110px;\r\n  height: 110px;\r\n  border-radius: 50%;\r\n  border: 5px solid #fff;\r\n}\r\n \r\n.top_vendor .rating { font-size: 16px;}\r\n \r\n .top_vendor__title {\r\n   color: $gray-dark;\r\n   font-size: 1.25rem;\r\n   font-weight: 500;\r\n//    letter-spacing: 2px;\r\n   text-transform: uppercase;\r\n }\r\n .top_vendor__title a { text-decoration: none !important; }\r\n \r\n .top_vendor__text {\r\n   flex: 1 1 auto;\r\n   font-size: 0.875rem;\r\n   line-height: 1.5;\r\n   margin-bottom: 1.25rem;\r\n }\r\n\r\n\r\n$base-duration: 250ms;\r\n\r\n// Colors\r\n$primary: #4DB6AC;\r\n$accent: #46627f;\r\n$white: whitesmoke;\r\n$color-3: #bdc3c7;\r\n\r\n// Breakpoints\r\n$sm: 20rem;\r\n$med: 48rem;\r\n$lg: 64rem;\r\n.top_vendor .hover {\r\n\tposition: relative;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\twidth: 100%;\r\n\theight: 60px;\r\n\tbackground-color: $primary;\r\n\t// border-radius: 99px;\r\n\tbox-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);\r\n  \ttransition: all 0.3s cubic-bezier(.25,.8,.25,1);\r\n\toverflow: hidden;\r\n\t&:before,\r\n\t&:after {\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\twidth: 50%;\r\n\t\theight: 100%;\r\n\t\t\r\n\t\t//letter-spacing: -0.0625rem;\r\n\t\ttransition: 0.25s linear;\r\n\t\tz-index: 1;\r\n\t}\r\n\t&:before {\r\n\t\tcontent: '';\r\n\t\tleft: 0;\r\n\t\tjustify-content: flex-end;\r\n\t\tbackground-color: $primary;\r\n\t}\r\n\t&:after {\r\n\t\tcontent: '';\r\n\t\tright: 0;\r\n\t\tjustify-content: flex-start;\r\n\t\tbackground-color: darken($primary,5%);\r\n\t}\r\n\t&:hover {\r\n\t\tbackground-color: $accent;\r\n\t\tbox-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);\r\n\t\tspan {\r\n\t\t\topacity: 0;\r\n\t\t\tz-index: -3;\r\n\t\t}\r\n\t\t&:before {\r\n\t\t\topacity: 0.5;\r\n\t\t\ttransform: translateY(-100%);\r\n\t\t}\r\n\t\t&:after {\r\n\t\t\topacity: 0.5;\r\n\t\t\ttransform: translateY(100%);\r\n\t\t}\r\n\t}\r\n\tspan {\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tcolor: $white;\r\n\t\tfont-family: 'Fira Mono', monospace;\r\n\t\tfont-size: 24px;\r\n\t\tfont-weight: 700;\r\n\t\topacity: 1;\r\n\t\ttransition: opacity 0.25s;\r\n\t\tz-index: 2;\r\n\t}\r\n\t.social-link {\r\n\t\tposition: relative;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\twidth: 16%;\r\n\t\theight: 100%;\r\n\t\tcolor: $white;\r\n\t\tfont-size: 24px;\r\n\t\ttext-decoration: none;\r\n\t\ttransition: 0.25s;\r\n\t\ti {\r\n\t\t\ttext-shadow: 1px 1px rgba($accent,0.7);\r\n\t\t\ttransform: scale(1.0);\r\n\t\t}\r\n\t\t&:hover {\r\n\t\t\tbackground-color: rgba($white,0.1);\r\n\t\t\ti {\r\n\t\t\t\tanimation: bounce 0.4s linear;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@keyframes bounce {\r\n\t40% { transform: scale(1.4); }\r\n\t60% { transform: scale(0.8); }\r\n\t80% { transform: scale(1.2); }\r\n\t100% { transform: scale(1.0); }\r\n}","/**\r\n * #.# Styles\r\n *\r\n * CSS for both Frontend+Backend.\r\n */\r\n\r\n $gray-darker:               #444444;\r\n $gray-dark:                 #696969;\r\n $gray:                      #999999;\r\n $gray-light:                #cccccc;\r\n $gray-lighter:              #ececec;\r\n $gray-lightest:             lighten($gray-lighter,4%);\r\n \r\n \r\n img {\r\n   height: auto;\r\n   max-width: 100%;\r\n   vertical-align: middle;\r\n }\r\n \r\n .btn {\r\n   background-color: white;\r\n   border: 1px solid $gray-light;\r\n   //border-radius: 1rem;\r\n   color: $gray-dark;\r\n   padding: 0.5rem;\r\n   text-transform: lowercase;\r\n }\r\n \r\n .btn--block {\r\n   display: block;\r\n   width: 100%;\r\n }\r\n  \r\n .top_vendors {\r\n   display: flex;\r\n   flex-wrap: wrap;\r\n   list-style: none;\r\n   margin: 0;\r\n   padding: 0;\r\n }\r\n \r\n .top_vendors__item {\r\n   display: flex;\r\n   padding: 5px;\r\n   @media(min-width: 40rem) {\r\n     width: 50%;\r\n   }\r\n   @media(min-width: 56rem) {\r\n     width: 33.3333%;\r\n   }\r\n }\r\n \r\n .top_vendor {\r\n   background-color: white;\r\n   border-radius: 0.25rem;\r\n   box-shadow: 0 20px 40px -14px rgba(0,0,0,0.25);\r\n   width: 100%;\r\n   display: flex;\r\n   flex-direction: column;\r\n   position: relative;\r\n   overflow: hidden;\r\n   &:hover {\r\n     .top_vendor__image {\r\n       filter: contrast(100%);\r\n     }\r\n   }\r\n }\r\n \r\n .top_vendor__content {\r\n   display: flex;\r\n   flex: 1 1 auto;\r\n   flex-direction: column;\r\n   align-content: center;\r\n   align-items: center;\r\n   padding: 1rem;\r\n }\r\n \r\n .top_vendor__image {\r\n   background-color: aliceblue;\r\n   background-position: center center;\r\n   background-repeat: no-repeat;\r\n   background-size: cover;\r\n   border-top-left-radius: 0.25rem;\r\n   border-top-right-radius: 0.25rem;\r\n   filter: contrast(70%);\r\n   //filter: saturate(180%);\r\n   overflow: hidden;\r\n   position: relative;\r\n   transition: filter 0.5s cubic-bezier(.43,.41,.22,.91);;\r\n   &::before {\r\n     content: \"\";\r\n     display: block;\r\n     padding-top: 56.25%; // 16:9 aspect ratio\r\n   }\r\n   @media(min-width: 40rem) {\r\n     &::before {\r\n       padding-top: 66.6%; // 3:2 aspect ratio\r\n     }\r\n   }\r\n }\r\n\r\n .top_vendor .profile-pic {\r\n\tposition: absolute;\r\n    left: 50%;\r\n    top: 50%;\r\n    transform: translate(-50%, -50%);\r\n  \twidth: 100%;\r\n  \tmax-width: 110px;\r\n  \theight: 110px;\r\n}\r\n\r\n.top_vendor .profile-pic img {\r\n  width: 110px;\r\n  height: 110px;\r\n  border-radius: 50%;\r\n  border: 5px solid #fff;\r\n}\r\n \r\n.top_vendor .rating { font-size: 16px;}\r\n \r\n .top_vendor__title {\r\n   color: $gray-dark;\r\n   font-size: 1.25rem;\r\n   font-weight: 500;\r\n//    letter-spacing: 2px;\r\n   text-transform: uppercase;\r\n }\r\n .top_vendor__title a { text-decoration: none !important; }\r\n \r\n .top_vendor__text {\r\n   flex: 1 1 auto;\r\n   font-size: 0.875rem;\r\n   line-height: 1.5;\r\n   margin-bottom: 1.25rem;\r\n }\r\n\r\n\r\n$base-duration: 250ms;\r\n\r\n// Colors\r\n$primary: #4DB6AC;\r\n$accent: #46627f;\r\n$white: whitesmoke;\r\n$color-3: #bdc3c7;\r\n\r\n// Breakpoints\r\n$sm: 20rem;\r\n$med: 48rem;\r\n$lg: 64rem;\r\n.top_vendor .hover {\r\n\tposition: relative;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\twidth: 100%;\r\n\theight: 60px;\r\n\tbackground-color: $primary;\r\n\t// border-radius: 99px;\r\n\tbox-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);\r\n  \ttransition: all 0.3s cubic-bezier(.25,.8,.25,1);\r\n\toverflow: hidden;\r\n\t&:before,\r\n\t&:after {\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\twidth: 50%;\r\n\t\theight: 100%;\r\n\t\t\r\n\t\t//letter-spacing: -0.0625rem;\r\n\t\ttransition: 0.25s linear;\r\n\t\tz-index: 1;\r\n\t}\r\n\t&:before {\r\n\t\tcontent: '';\r\n\t\tleft: 0;\r\n\t\tjustify-content: flex-end;\r\n\t\tbackground-color: $primary;\r\n\t}\r\n\t&:after {\r\n\t\tcontent: '';\r\n\t\tright: 0;\r\n\t\tjustify-content: flex-start;\r\n\t\tbackground-color: darken($primary,5%);\r\n\t}\r\n\t&:hover {\r\n\t\tbackground-color: $accent;\r\n\t\tbox-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);\r\n\t\tspan {\r\n\t\t\topacity: 0;\r\n\t\t\tz-index: -3;\r\n\t\t}\r\n\t\t&:before {\r\n\t\t\topacity: 0.5;\r\n\t\t\ttransform: translateY(-100%);\r\n\t\t}\r\n\t\t&:after {\r\n\t\t\topacity: 0.5;\r\n\t\t\ttransform: translateY(100%);\r\n\t\t}\r\n\t}\r\n\tspan {\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tcolor: $white;\r\n\t\tfont-family: 'Fira Mono', monospace;\r\n\t\tfont-size: 24px;\r\n\t\tfont-weight: 700;\r\n\t\topacity: 1;\r\n\t\ttransition: opacity 0.25s;\r\n\t\tz-index: 2;\r\n\t}\r\n\t.social-link {\r\n\t\tposition: relative;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\twidth: 16%;\r\n\t\theight: 100%;\r\n\t\tcolor: $white;\r\n\t\tfont-size: 24px;\r\n\t\ttext-decoration: none;\r\n\t\ttransition: 0.25s;\r\n\t\ti {\r\n\t\t\ttext-shadow: 1px 1px rgba($accent,0.7);\r\n\t\t\ttransform: scale(1.0);\r\n\t\t}\r\n\t\t&:hover {\r\n\t\t\tbackground-color: rgba($white,0.1);\r\n\t\t\ti {\r\n\t\t\t\tanimation: bounce 0.4s linear;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@keyframes bounce {\r\n\t40% { transform: scale(1.4); }\r\n\t60% { transform: scale(0.8); }\r\n\t80% { transform: scale(1.2); }\r\n\t100% { transform: scale(1.0); }\r\n}","/**\r\n * #.# Styles\r\n *\r\n * CSS for both Frontend+Backend.\r\n */\r\n\r\n $gray-darker:               #444444;\r\n $gray-dark:                 #696969;\r\n $gray:                      #999999;\r\n $gray-light:                #cccccc;\r\n $gray-lighter:              #ececec;\r\n $gray-lightest:             lighten($gray-lighter,4%);\r\n \r\n \r\n img {\r\n   height: auto;\r\n   max-width: 100%;\r\n   vertical-align: middle;\r\n }\r\n \r\n .btn {\r\n   background-color: white;\r\n   border: 1px solid $gray-light;\r\n   //border-radius: 1rem;\r\n   color: $gray-dark;\r\n   padding: 0.5rem;\r\n   text-transform: lowercase;\r\n }\r\n \r\n .btn--block {\r\n   display: block;\r\n   width: 100%;\r\n }\r\n  \r\n .top_vendors {\r\n   display: flex;\r\n   flex-wrap: wrap;\r\n   list-style: none;\r\n   margin: 0;\r\n   padding: 0;\r\n }\r\n \r\n .top_vendors__item {\r\n   display: flex;\r\n   padding: 5px;\r\n   @media(min-width: 40rem) {\r\n     width: 50%;\r\n   }\r\n   @media(min-width: 56rem) {\r\n     width: 33.3333%;\r\n   }\r\n }\r\n \r\n .top_vendor {\r\n   background-color: white;\r\n   border-radius: 0.25rem;\r\n   box-shadow: 0 20px 40px -14px rgba(0,0,0,0.25);\r\n   width: 100%;\r\n   display: flex;\r\n   flex-direction: column;\r\n   position: relative;\r\n   overflow: hidden;\r\n   &:hover {\r\n     .top_vendor__image {\r\n       filter: contrast(100%);\r\n     }\r\n   }\r\n }\r\n \r\n .top_vendor__content {\r\n   display: flex;\r\n   flex: 1 1 auto;\r\n   flex-direction: column;\r\n   align-content: center;\r\n   align-items: center;\r\n   padding: 1rem;\r\n }\r\n \r\n .top_vendor__image {\r\n   background-color: aliceblue;\r\n   background-position: center center;\r\n   background-repeat: no-repeat;\r\n   background-size: cover;\r\n   border-top-left-radius: 0.25rem;\r\n   border-top-right-radius: 0.25rem;\r\n   filter: contrast(70%);\r\n   //filter: saturate(180%);\r\n   overflow: hidden;\r\n   position: relative;\r\n   transition: filter 0.5s cubic-bezier(.43,.41,.22,.91);;\r\n   &::before {\r\n     content: \"\";\r\n     display: block;\r\n     padding-top: 56.25%; // 16:9 aspect ratio\r\n   }\r\n   @media(min-width: 40rem) {\r\n     &::before {\r\n       padding-top: 66.6%; // 3:2 aspect ratio\r\n     }\r\n   }\r\n }\r\n\r\n .top_vendor .profile-pic {\r\n\tposition: absolute;\r\n    left: 50%;\r\n    top: 50%;\r\n    transform: translate(-50%, -50%);\r\n  \twidth: 100%;\r\n  \tmax-width: 110px;\r\n  \theight: 110px;\r\n}\r\n\r\n.top_vendor .profile-pic img {\r\n  width: 110px;\r\n  height: 110px;\r\n  border-radius: 50%;\r\n  border: 5px solid #fff;\r\n}\r\n \r\n.top_vendor .rating { font-size: 16px;}\r\n \r\n .top_vendor__title {\r\n   color: $gray-dark;\r\n   font-size: 1.25rem;\r\n   font-weight: 500;\r\n//    letter-spacing: 2px;\r\n   text-transform: uppercase;\r\n }\r\n .top_vendor__title a { text-decoration: none !important; }\r\n \r\n .top_vendor__text {\r\n   flex: 1 1 auto;\r\n   font-size: 0.875rem;\r\n   line-height: 1.5;\r\n   margin-bottom: 1.25rem;\r\n }\r\n\r\n\r\n$base-duration: 250ms;\r\n\r\n// Colors\r\n$primary: #4DB6AC;\r\n$accent: #46627f;\r\n$white: whitesmoke;\r\n$color-3: #bdc3c7;\r\n\r\n// Breakpoints\r\n$sm: 20rem;\r\n$med: 48rem;\r\n$lg: 64rem;\r\n.top_vendor .hover {\r\n\tposition: relative;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\twidth: 100%;\r\n\theight: 60px;\r\n\tbackground-color: $primary;\r\n\t// border-radius: 99px;\r\n\tbox-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);\r\n  \ttransition: all 0.3s cubic-bezier(.25,.8,.25,1);\r\n\toverflow: hidden;\r\n\t&:before,\r\n\t&:after {\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\twidth: 50%;\r\n\t\theight: 100%;\r\n\t\t\r\n\t\t//letter-spacing: -0.0625rem;\r\n\t\ttransition: 0.25s linear;\r\n\t\tz-index: 1;\r\n\t}\r\n\t&:before {\r\n\t\tcontent: '';\r\n\t\tleft: 0;\r\n\t\tjustify-content: flex-end;\r\n\t\tbackground-color: $primary;\r\n\t}\r\n\t&:after {\r\n\t\tcontent: '';\r\n\t\tright: 0;\r\n\t\tjustify-content: flex-start;\r\n\t\tbackground-color: darken($primary,5%);\r\n\t}\r\n\t&:hover {\r\n\t\tbackground-color: $accent;\r\n\t\tbox-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);\r\n\t\tspan {\r\n\t\t\topacity: 0;\r\n\t\t\tz-index: -3;\r\n\t\t}\r\n\t\t&:before {\r\n\t\t\topacity: 0.5;\r\n\t\t\ttransform: translateY(-100%);\r\n\t\t}\r\n\t\t&:after {\r\n\t\t\topacity: 0.5;\r\n\t\t\ttransform: translateY(100%);\r\n\t\t}\r\n\t}\r\n\tspan {\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tcolor: $white;\r\n\t\tfont-family: 'Fira Mono', monospace;\r\n\t\tfont-size: 24px;\r\n\t\tfont-weight: 700;\r\n\t\topacity: 1;\r\n\t\ttransition: opacity 0.25s;\r\n\t\tz-index: 2;\r\n\t}\r\n\t.social-link {\r\n\t\tposition: relative;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\twidth: 16%;\r\n\t\theight: 100%;\r\n\t\tcolor: $white;\r\n\t\tfont-size: 24px;\r\n\t\ttext-decoration: none;\r\n\t\ttransition: 0.25s;\r\n\t\ti {\r\n\t\t\ttext-shadow: 1px 1px rgba($accent,0.7);\r\n\t\t\ttransform: scale(1.0);\r\n\t\t}\r\n\t\t&:hover {\r\n\t\t\tbackground-color: rgba($white,0.1);\r\n\t\t\ti {\r\n\t\t\t\tanimation: bounce 0.4s linear;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@keyframes bounce {\r\n\t40% { transform: scale(1.4); }\r\n\t60% { transform: scale(0.8); }\r\n\t80% { transform: scale(1.2); }\r\n\t100% { transform: scale(1.0); }\r\n}","/**\r\n * #.# Styles\r\n *\r\n * CSS for both Frontend+Backend.\r\n */\r\n\r\n $gray-darker:               #444444;\r\n $gray-dark:                 #696969;\r\n $gray:                      #999999;\r\n $gray-light:                #cccccc;\r\n $gray-lighter:              #ececec;\r\n $gray-lightest:             lighten($gray-lighter,4%);\r\n \r\n \r\n img {\r\n   height: auto;\r\n   max-width: 100%;\r\n   vertical-align: middle;\r\n }\r\n \r\n .btn {\r\n   background-color: white;\r\n   border: 1px solid $gray-light;\r\n   //border-radius: 1rem;\r\n   color: $gray-dark;\r\n   padding: 0.5rem;\r\n   text-transform: lowercase;\r\n }\r\n \r\n .btn--block {\r\n   display: block;\r\n   width: 100%;\r\n }\r\n  \r\n .top_vendors {\r\n   display: flex;\r\n   flex-wrap: wrap;\r\n   list-style: none;\r\n   margin: 0;\r\n   padding: 0;\r\n }\r\n \r\n .top_vendors__item {\r\n   display: flex;\r\n   padding: 5px;\r\n   @media(min-width: 40rem) {\r\n     width: 50%;\r\n   }\r\n   @media(min-width: 56rem) {\r\n     width: 33.3333%;\r\n   }\r\n }\r\n \r\n .top_vendor {\r\n   background-color: white;\r\n   border-radius: 0.25rem;\r\n   box-shadow: 0 20px 40px -14px rgba(0,0,0,0.25);\r\n   width: 100%;\r\n   display: flex;\r\n   flex-direction: column;\r\n   position: relative;\r\n   overflow: hidden;\r\n   &:hover {\r\n     .top_vendor__image {\r\n       filter: contrast(100%);\r\n     }\r\n   }\r\n }\r\n \r\n .top_vendor__content {\r\n   display: flex;\r\n   flex: 1 1 auto;\r\n   flex-direction: column;\r\n   align-content: center;\r\n   align-items: center;\r\n   padding: 1rem;\r\n }\r\n \r\n .top_vendor__image {\r\n   background-color: aliceblue;\r\n   background-position: center center;\r\n   background-repeat: no-repeat;\r\n   background-size: cover;\r\n   border-top-left-radius: 0.25rem;\r\n   border-top-right-radius: 0.25rem;\r\n   filter: contrast(70%);\r\n   //filter: saturate(180%);\r\n   overflow: hidden;\r\n   position: relative;\r\n   transition: filter 0.5s cubic-bezier(.43,.41,.22,.91);;\r\n   &::before {\r\n     content: \"\";\r\n     display: block;\r\n     padding-top: 56.25%; // 16:9 aspect ratio\r\n   }\r\n   @media(min-width: 40rem) {\r\n     &::before {\r\n       padding-top: 66.6%; // 3:2 aspect ratio\r\n     }\r\n   }\r\n }\r\n\r\n .top_vendor .profile-pic {\r\n\tposition: absolute;\r\n    left: 50%;\r\n    top: 50%;\r\n    transform: translate(-50%, -50%);\r\n  \twidth: 100%;\r\n  \tmax-width: 110px;\r\n  \theight: 110px;\r\n}\r\n\r\n.top_vendor .profile-pic img {\r\n  width: 110px;\r\n  height: 110px;\r\n  border-radius: 50%;\r\n  border: 5px solid #fff;\r\n}\r\n \r\n.top_vendor .rating { font-size: 16px;}\r\n \r\n .top_vendor__title {\r\n   color: $gray-dark;\r\n   font-size: 1.25rem;\r\n   font-weight: 500;\r\n//    letter-spacing: 2px;\r\n   text-transform: uppercase;\r\n }\r\n .top_vendor__title a { text-decoration: none !important; }\r\n \r\n .top_vendor__text {\r\n   flex: 1 1 auto;\r\n   font-size: 0.875rem;\r\n   line-height: 1.5;\r\n   margin-bottom: 1.25rem;\r\n }\r\n\r\n\r\n$base-duration: 250ms;\r\n\r\n// Colors\r\n$primary: #4DB6AC;\r\n$accent: #46627f;\r\n$white: whitesmoke;\r\n$color-3: #bdc3c7;\r\n\r\n// Breakpoints\r\n$sm: 20rem;\r\n$med: 48rem;\r\n$lg: 64rem;\r\n.top_vendor .hover {\r\n\tposition: relative;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\twidth: 100%;\r\n\theight: 60px;\r\n\tbackground-color: $primary;\r\n\t// border-radius: 99px;\r\n\tbox-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);\r\n  \ttransition: all 0.3s cubic-bezier(.25,.8,.25,1);\r\n\toverflow: hidden;\r\n\t&:before,\r\n\t&:after {\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\twidth: 50%;\r\n\t\theight: 100%;\r\n\t\t\r\n\t\t//letter-spacing: -0.0625rem;\r\n\t\ttransition: 0.25s linear;\r\n\t\tz-index: 1;\r\n\t}\r\n\t&:before {\r\n\t\tcontent: '';\r\n\t\tleft: 0;\r\n\t\tjustify-content: flex-end;\r\n\t\tbackground-color: $primary;\r\n\t}\r\n\t&:after {\r\n\t\tcontent: '';\r\n\t\tright: 0;\r\n\t\tjustify-content: flex-start;\r\n\t\tbackground-color: darken($primary,5%);\r\n\t}\r\n\t&:hover {\r\n\t\tbackground-color: $accent;\r\n\t\tbox-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);\r\n\t\tspan {\r\n\t\t\topacity: 0;\r\n\t\t\tz-index: -3;\r\n\t\t}\r\n\t\t&:before {\r\n\t\t\topacity: 0.5;\r\n\t\t\ttransform: translateY(-100%);\r\n\t\t}\r\n\t\t&:after {\r\n\t\t\topacity: 0.5;\r\n\t\t\ttransform: translateY(100%);\r\n\t\t}\r\n\t}\r\n\tspan {\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tcolor: $white;\r\n\t\tfont-family: 'Fira Mono', monospace;\r\n\t\tfont-size: 24px;\r\n\t\tfont-weight: 700;\r\n\t\topacity: 1;\r\n\t\ttransition: opacity 0.25s;\r\n\t\tz-index: 2;\r\n\t}\r\n\t.social-link {\r\n\t\tposition: relative;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\twidth: 16%;\r\n\t\theight: 100%;\r\n\t\tcolor: $white;\r\n\t\tfont-size: 24px;\r\n\t\ttext-decoration: none;\r\n\t\ttransition: 0.25s;\r\n\t\ti {\r\n\t\t\ttext-shadow: 1px 1px rgba($accent,0.7);\r\n\t\t\ttransform: scale(1.0);\r\n\t\t}\r\n\t\t&:hover {\r\n\t\t\tbackground-color: rgba($white,0.1);\r\n\t\t\ti {\r\n\t\t\t\tanimation: bounce 0.4s linear;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@keyframes bounce {\r\n\t40% { transform: scale(1.4); }\r\n\t60% { transform: scale(0.8); }\r\n\t80% { transform: scale(1.2); }\r\n\t100% { transform: scale(1.0); }\r\n}"],"names":[],"sourceRoot":""}