@charset "UTF-8";/**
 * generate rem size
 * @param  {number} $pxsize
 * @return {string}
 */
/**
 * return z-index of z-layer maps
 * maps is placed in _vars.scss
 * @param  {string} $layer
 * @return {int}
 */
/**
 * return hex code of color maps
 * maps is placed in _vars.scss
 * @param  {string} $key color name
 * @return {string}      color hex
 */
/**
 * generate timing for transition
 */
/**
 * z-indexes
 * check z() in _function.scss
 */
/**
 * Transition timing functions
 * check timings() in _function.scss
 */
/**
 * colors
 * check color() in _function.scss
 */
._notificationBox_2o9nb_33 {
  background: #222330;
  color: #fff;
  position: fixed;
  bottom: 75px;
  z-index: 9999;
  width: 94%;
  max-width: var(--max-width-on-desktop);
  padding: 14px;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  left: 50%;
  -webkit-transform: translate(-50%, calc(-1 * var(--safe-bottom-padding)));
          transform: translate(-50%, calc(-1 * var(--safe-bottom-padding)));
}
@media (min-width: 1018px) {
  ._notificationBox_2o9nb_33 {
    -webkit-transform: translateX(-24px);
            transform: translateX(-24px);
    right: var(--medium-sidebar-offset);
    bottom: 36px;
  }
}
@media (min-width: 1440px) {
  ._notificationBox_2o9nb_33 {
    right: var(--large-sidebar-offset);
  }
}

._info_2o9nb_61 {
  display: flex;
  align-items: flex-start;
  padding-bottom: 12px;
}

._main_2o9nb_67 {
  padding: 0 12px;
  flex: 1;
}
._main_2o9nb_67 p {
  line-height: 24px;
}

._close_2o9nb_75 {
  color: #fff;
  padding: 8px;
  -webkit-transform: translate(-8px, -8px);
          transform: translate(-8px, -8px);
  cursor: pointer;
}

._link_2o9nb_82 {
  text-decoration: underline;
  align-self: flex-end;
}
/**
 * generate rem size
 * @param  {number} $pxsize
 * @return {string}
 */
/**
 * return z-index of z-layer maps
 * maps is placed in _vars.scss
 * @param  {string} $layer
 * @return {int}
 */
/**
 * return hex code of color maps
 * maps is placed in _vars.scss
 * @param  {string} $key color name
 * @return {string}      color hex
 */
/**
 * generate timing for transition
 */
/**
 * z-indexes
 * check z() in _function.scss
 */
/**
 * Transition timing functions
 * check timings() in _function.scss
 */
/**
 * colors
 * check color() in _function.scss
 */
/* required styles */
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::-moz-selection {
	background: transparent;
}
.leaflet-tile::selection {
	background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg {
	max-width: none !important;
	max-height: none !important;
	}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	width: auto;
	padding: 0;
	}
.leaflet-container.leaflet-touch-zoom {
	touch-action: pan-x pan-y;
	}
.leaflet-container.leaflet-touch-drag {
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	touch-action: none;
}
.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
	-webkit-filter: inherit;
	        filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	box-sizing: border-box;
	z-index: 800;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}
.leaflet-pane         { z-index: 400; }
.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }
.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }
.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}
/* control positioning */
.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}
/* zoom and fade animations */
.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}
.leaflet-zoom-animated {
	-webkit-transform-origin: 0 0;
	        transform-origin: 0 0;
	}
svg.leaflet-zoom-animated {
	will-change: transform;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
	transition:         -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
	transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	transition:         transform 0.25s cubic-bezier(0,0,0.25,1), -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	transition: none;
	}
.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}
/* cursors */
.leaflet-interactive {
	cursor: pointer;
	}
.leaflet-grab {
	cursor: -webkit-grab;
	cursor:         grab;
	}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:         grabbing;
	}
/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}
.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
/* visual tweaks */
.leaflet-container {
	background: #ddd;
	outline-offset: 1px;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}
/* general typography */
.leaflet-container {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.5;
	}
/* general toolbar styles */
.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}
.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}
.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}
.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}
/* zoom control */
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}
.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 22px;
	}
/* layers control */
.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	font-size: 13px;
	font-size: 1.08333em;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}
/* Default icon URLs */
.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=);
	}
/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	line-height: 1.4;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
	text-decoration: underline;
	}
.leaflet-attribution-flag {
	display: inline !important;
	vertical-align: baseline !important;
	width: 1em;
	height: 0.6669em;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	white-space: nowrap;
	box-sizing: border-box;
	background: rgba(255, 255, 255, 0.8);
	text-shadow: 1px 1px #fff;
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}
/* popup */
.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 24px 13px 20px;
	line-height: 1.3;
	font-size: 13px;
	font-size: 1.08333em;
	min-height: 1px;
	}
.leaflet-popup-content p {
	margin: 17px 0;
	margin: 1.3em 0;
	}
.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-top: -1px;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;
	pointer-events: auto;

	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	text-align: center;
	width: 24px;
	height: 24px;
	font: 16px/24px Tahoma, Verdana, sans-serif;
	color: #757575;
	text-decoration: none;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
	color: #585858;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	}
.leaflet-oldie .leaflet-popup-content-wrapper {
	-ms-zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}
/* div icon */
.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}
/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-interactive {
	cursor: pointer;
	pointer-events: auto;
	}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}
/* Directions */
.leaflet-tooltip-bottom {
	margin-top: 6px;
}
.leaflet-tooltip-top {
	margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}
.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}
.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}
.leaflet-tooltip-left {
	margin-left: -6px;
}
.leaflet-tooltip-right {
	margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}
.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}
.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}
/* Printing */
@media print {
	/* Prevent printers from removing background-images of controls. */
	.leaflet-control {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
		}
	}
:root {
  font-size: 18px;
  color: rgba(19, 20, 31, 0.9);
  --header-margin: 24px;
  --max-width-on-desktop: 480px;
  --medium-sidebar-offset: 72px;
  --large-sidebar-offset: 256px;
  --safe-bottom-padding: calc(env(safe-area-inset-bottom) - env(safe-area-inset-bottom) / 2);
  --header-height: 50px;
  --footer-height: calc(67px + var(--safe-bottom-padding));
  --footer-height: 67px;
  --color-white: #fff;
  --color-black: #000;
  --color-gray_40: #404040;
  --color-gray_e5: #e5e5e5;
  --color-gray_a3: #a3a3a3;
  --color-gray_f2: #f2f2f2;
  --color-gray_f7: #f7f7f7;
  --color-gray_e2: #e2e2e2;
  --color-gray_ee: #eee;
  --color-gray_e6: #e6e6e6;
  --color-gray_f8f8: #f8f8f8;
  --color-gray_f8: #f8f9fb;
  --color-gray_15: #151f33;
  --color-gray_3a: #3a3d42;
  --color-gray_9e6: #9e6900;
  --color-gray_d7: #d7d7d7;
  --color-gray_79: #797c83;
  --color-grey-ed: #ededed;
  --color-grey-a3a7: #a3a3a7;
  --color-pink_ff: #ff00a4;
  --color-purple_b4: #b400a4;
  --color-green_00: #00d170;
  --color-green_22: #22a958;
  --color-green_cd: #cdecd9;
  --color-red_bd: #bd272d;
  --color-red_f7: #f74046;
  --color-red_d5: #d55199;
  --color-red_ff: #ff4232;
  --color-yellow_f9: #f9bd39;
  --color-yellow_fa: #facb0f;
  --color-blue_00: #008efa;
  --color-blue_001: #001fbb;
}
a {
  color: inherit;
  text-decoration: none;
  font-size: 14px;
  margin: 0 0.5rem;
}
.fade-enter {
  opacity: 0;
}
.fade-enter-active {
  opacity: 1;
  transition: opacity 300ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
.fade-exit {
  opacity: 1;
}
.fade-exit-active {
  opacity: 0;
  transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
input:-webkit-autofill {
  box-shadow: 200px 200px 100px white inset;
}
.overflow-hidden {
  overflow: hidden !important;
}
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}
/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}
.rtl {
  direction: rtl;
}
.base-fixed, .bottom-button, .main-navigation, .top-navbar {
  position: fixed;
  z-index: 1000;
  right: 0px;
  width: 100%;
  height: 68px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.base-top-navbar-icon, .top-navbar__messages, .top-navbar__burger-button {
  width: 48px;
  height: 48px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.base-box {
  width: 100%;
  background: #fff;
  border-radius: 0.72rem;
  box-shadow: 0 17px 23px -13px #e6e6e6;
}
.base-light-box-container {
  position: absolute;
  right: 1rem;
  min-height: 60px;
  padding: 0.5rem 0;
  width: calc(100% - 2rem);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-direction: column;
  background-color: rgba(214, 214, 214, 0.25);
}
.base-absolute-center, .upload-image__no-image, .upload-image__image {
  position: absolute;
  top: 50%;
  right: 0px;
  width: 100%;
  padding: 1rem;
  min-height: 400px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.base-card, .performance-rate__card, .photo-card__card, .listskelet, .list-card, .new-dashboard .overview__week-chart-skelet, .new-dashboard .overview__week-chart-body {
  box-shadow: 0 0.11rem 0.66rem 0 rgba(0, 0, 0, 0.1);
  padding: 0.88rem;
  border-radius: 0.33rem;
  background-color: #fff;
  border: 1px solid #fff;
}
.base-card--alert {
  border: 1px solid #bd272d;
}
.badge {
  padding: 4px 7px;
  border-radius: 4px;
  font-size: 0.7rem;
  color: rgba(19, 20, 31, 0.9);
  white-space: nowrap;
}
.badge--deactive {
  background-color: #d8d8d8;
}
.fixfooter-section {
  position: fixed;
  position: fixed;
  z-index: 5;
  bottom: 0;
  right: 0px;
  width: 100%;
  height: 68px;
  background: #fff;
  padding: 0 0.88rem;
  border-top: 1px solid #e7e7e7;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
@media (min-width: 1018px) {
  .fixfooter-section {
    max-width: var(--max-width-on-desktop);
    right: calc(50% + var(--medium-sidebar-offset) / 2);
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
}
@media (min-width: 1440px) {
  .fixfooter-section {
    right: calc(50% + var(--large-sidebar-offset) / 2);
  }
}
.base-text, .text-xxs, .text-xs, .text-sm, .text-md, .text-lg, .text-xl, .text-xxl {
  margin: 0;
  padding: 0;
}
.text-xxl {
  font-size: 24px;
  line-height: 32px;
}
.text-xl {
  font-size: 20px;
  line-height: 32px;
}
.text-lg {
  font-size: 18px;
  line-height: 28px;
}
.text-md {
  font-size: 16px;
  line-height: 24px;
}
.text-sm {
  font-size: 14px;
  line-height: 20px;
}
.text-xs {
  font-size: 12px;
  line-height: 16px;
}
.text-xxs {
  font-size: 10px;
  line-height: 12px;
}
.font-bold {
  font-weight: bold;
}
.font-medium {
  font-weight: 500;
}
.font-regular {
  font-weight: 400;
}
.font-light {
  font-weight: 300;
}
.no-underline {
  text-decoration: none;
}
.underline {
  text-decoration: underline;
}
.line-through {
  text-decoration: line-through;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-justify {
  text-align: justify;
}
.text-end {
  text-align: end;
}
.text-start {
  text-align: start;
}
/**
 * generate useful padding classes.
 * e.g. pt-40, pr-32, p-24, ...
 * @param  {number} $pad in px
 */
/**
 * generate useful margin classes.
 * e.g. mt-40, mr-32, m-24, ...
 * @param  {number} $marg in px
 */
.pt-40 {
  padding-top: 40px;
}
.pb-40 {
  padding-bottom: 40px;
}
.py-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.pr-40 {
  padding-right: 40px;
}
.pl-40 {
  padding-left: 40px;
}
.px-40 {
  padding-right: 40px;
  padding-left: 40px;
}
.p-40 {
  padding: 40px;
}
.pt-32 {
  padding-top: 32px;
}
.pb-32 {
  padding-bottom: 32px;
}
.py-32 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.pr-32 {
  padding-right: 32px;
}
.pl-32 {
  padding-left: 32px;
}
.px-32 {
  padding-right: 32px;
  padding-left: 32px;
}
.p-32 {
  padding: 32px;
}
.pt-24 {
  padding-top: 24px;
}
.pb-24 {
  padding-bottom: 24px;
}
.py-24 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.pr-24 {
  padding-right: 24px;
}
.pl-24 {
  padding-left: 24px;
}
.px-24 {
  padding-right: 24px;
  padding-left: 24px;
}
.p-24 {
  padding: 24px;
}
.pt-16 {
  padding-top: 16px;
}
.pb-16 {
  padding-bottom: 16px;
}
.py-16 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.pr-16 {
  padding-right: 16px;
}
.pl-16 {
  padding-left: 16px;
}
.px-16 {
  padding-right: 16px;
  padding-left: 16px;
}
.p-16 {
  padding: 16px;
}
.pt-12 {
  padding-top: 12px;
}
.pb-12 {
  padding-bottom: 12px;
}
.py-12 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.pr-12 {
  padding-right: 12px;
}
.pl-12 {
  padding-left: 12px;
}
.px-12 {
  padding-right: 12px;
  padding-left: 12px;
}
.p-12 {
  padding: 12px;
}
.pt-8 {
  padding-top: 8px;
}
.pb-8 {
  padding-bottom: 8px;
}
.py-8 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.pr-8 {
  padding-right: 8px;
}
.pl-8 {
  padding-left: 8px;
}
.px-8 {
  padding-right: 8px;
  padding-left: 8px;
}
.p-8 {
  padding: 8px;
}
.pt-6 {
  padding-top: 6px;
}
.pb-6 {
  padding-bottom: 6px;
}
.py-6 {
  padding-top: 6px;
  padding-bottom: 6px;
}
.pr-6 {
  padding-right: 6px;
}
.pl-6 {
  padding-left: 6px;
}
.px-6 {
  padding-right: 6px;
  padding-left: 6px;
}
.p-6 {
  padding: 6px;
}
.pt-4 {
  padding-top: 4px;
}
.pb-4 {
  padding-bottom: 4px;
}
.py-4 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.pr-4 {
  padding-right: 4px;
}
.pl-4 {
  padding-left: 4px;
}
.px-4 {
  padding-right: 4px;
  padding-left: 4px;
}
.p-4 {
  padding: 4px;
}
.pt-0 {
  padding-top: 0px;
}
.pb-0 {
  padding-bottom: 0px;
}
.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.pr-0 {
  padding-right: 0px;
}
.pl-0 {
  padding-left: 0px;
}
.px-0 {
  padding-right: 0px;
  padding-left: 0px;
}
.p-0 {
  padding: 0px;
}
.mt-40 {
  margin-top: 40px;
}
.mb-40 {
  margin-bottom: 40px;
}
.my-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}
.mr-40 {
  margin-right: 40px;
}
.ml-40 {
  margin-left: 40px;
}
.mx-40 {
  margin-right: 40px;
  margin-left: 40px;
}
.m-40 {
  margin: 40px;
}
.mt-32 {
  margin-top: 32px;
}
.mb-32 {
  margin-bottom: 32px;
}
.my-32 {
  margin-top: 32px;
  margin-bottom: 32px;
}
.mr-32 {
  margin-right: 32px;
}
.ml-32 {
  margin-left: 32px;
}
.mx-32 {
  margin-right: 32px;
  margin-left: 32px;
}
.m-32 {
  margin: 32px;
}
.mt-24 {
  margin-top: 24px;
}
.mb-24 {
  margin-bottom: 24px;
}
.my-24 {
  margin-top: 24px;
  margin-bottom: 24px;
}
.mr-24 {
  margin-right: 24px;
}
.ml-24 {
  margin-left: 24px;
}
.mx-24 {
  margin-right: 24px;
  margin-left: 24px;
}
.m-24 {
  margin: 24px;
}
.mt-16 {
  margin-top: 16px;
}
.mb-16 {
  margin-bottom: 16px;
}
.my-16 {
  margin-top: 16px;
  margin-bottom: 16px;
}
.mr-16 {
  margin-right: 16px;
}
.ml-16 {
  margin-left: 16px;
}
.mx-16 {
  margin-right: 16px;
  margin-left: 16px;
}
.m-16 {
  margin: 16px;
}
.mt-12 {
  margin-top: 12px;
}
.mb-12 {
  margin-bottom: 12px;
}
.my-12 {
  margin-top: 12px;
  margin-bottom: 12px;
}
.mr-12 {
  margin-right: 12px;
}
.ml-12 {
  margin-left: 12px;
}
.mx-12 {
  margin-right: 12px;
  margin-left: 12px;
}
.m-12 {
  margin: 12px;
}
.mt-8 {
  margin-top: 8px;
}
.mb-8 {
  margin-bottom: 8px;
}
.my-8 {
  margin-top: 8px;
  margin-bottom: 8px;
}
.mr-8 {
  margin-right: 8px;
}
.ml-8 {
  margin-left: 8px;
}
.mx-8 {
  margin-right: 8px;
  margin-left: 8px;
}
.m-8 {
  margin: 8px;
}
.mt-6 {
  margin-top: 6px;
}
.mb-6 {
  margin-bottom: 6px;
}
.my-6 {
  margin-top: 6px;
  margin-bottom: 6px;
}
.mr-6 {
  margin-right: 6px;
}
.ml-6 {
  margin-left: 6px;
}
.mx-6 {
  margin-right: 6px;
  margin-left: 6px;
}
.m-6 {
  margin: 6px;
}
.mt-4 {
  margin-top: 4px;
}
.mb-4 {
  margin-bottom: 4px;
}
.my-4 {
  margin-top: 4px;
  margin-bottom: 4px;
}
.mr-4 {
  margin-right: 4px;
}
.ml-4 {
  margin-left: 4px;
}
.mx-4 {
  margin-right: 4px;
  margin-left: 4px;
}
.m-4 {
  margin: 4px;
}
.mt-0 {
  margin-top: 0px;
}
.mb-0 {
  margin-bottom: 0px;
}
.my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}
.mr-0 {
  margin-right: 0px;
}
.ml-0 {
  margin-left: 0px;
}
.mx-0 {
  margin-right: 0px;
  margin-left: 0px;
}
.m-0 {
  margin: 0px;
}
* {
  box-sizing: border-box !important;
  -webkit-overflow-scrolling: touch !important;
  -webkit-tap-highlight-color: transparent;
}
* ::-webkit-scrollbar {
  display: none;
  height: 0;
  width: 0;
}
* ::-webkit-scrollbar-track {
  background-color: transparent;
}
* ::-webkit-scrollbar {
  background-color: transparent;
}
* ::-webkit-scrollbar-thumb {
  background-color: transparent;
}
html.is-scroll-locked,
html.is-scroll-locked body {
  /* want to fix the height to the window height */
  height: calc(var(--window-inner-height) - 1px);
  overflow: hidden;
}
body {
  display: inherit;
  font-family: "IRANsans", "iransansbase";
  --sidebar-offset: 0px;
}
body.orders-window {
  overscroll-behavior: none;
}
body.orders-window .main-navigation__badge {
  display: none;
}
body.has-side-navigation {
  --sidebar-offset: 0px;
  padding-right: var(--desktop-navigation-padding);
}
@media (min-width: 1018px) {
  body.has-side-navigation {
    --sidebar-offset: var(--medium-sidebar-offset);
    padding-right: var(--medium-sidebar-offset);
  }
}
@media (min-width: 1440px) {
  body.has-side-navigation {
    --sidebar-offset: var(--large-sidebar-offset);
    padding-right: var(--large-sidebar-offset);
  }
}
img {
  width: 100%;
}
#app {
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
.wrapper-mobile, .full-screen-modal, .new-category, .upload-image__ctas, main,
.header-wrapper-mobile {
  width: 100%;
}
.wrapper-mobile--light-gray,
.header-wrapper-mobile--light-gray {
  background-color: #f7f7f7;
  min-height: calc(100vh - 50px - 68px);
  padding-bottom: 1rem;
}
.wrapper-mobile--relative,
.header-wrapper-mobile--relative {
  position: relative;
}
.wrapper-mobile--ignore-scroll-tik,
.header-wrapper-mobile--ignore-scroll-tik {
  padding-bottom: 1rem;
}
.wrapper-mobile--upload-image,
.header-wrapper-mobile--upload-image {
  height: 100%;
  background-color: rgb(234.25, 234.25, 234.25);
}
.wrapper-mobile--grey,
.header-wrapper-mobile--grey {
  background-color: #f8f9fb;
  min-height: calc(100vh - 50px);
}
.wrapper-mobile--white,
.header-wrapper-mobile--white {
  background-color: #fff;
  min-height: calc(100vh - 50px - 68px);
  padding-bottom: 1rem;
}
.wrapper-mobile__fullHeight,
.header-wrapper-mobile__fullHeight {
  height: 100%;
}
@media (min-width: 1018px) {
  body:has(#desktop) main {
    max-width: unset;
    margin-bottom: unset;
  }
}
main {
  width: 100%;
}
main.is-federated {
  max-width: unset;
}
main.has-iframe, main.is-federated {
  min-height: 100vh;
}
main.has-header {
  margin-top: var(--header-height);
}
main.has-header.has-iframe, main.has-header.is-federated {
  min-height: calc(100vh - var(--header-height));
}
main.has-footer.has-iframe, main.has-footer.is-federated {
  min-height: calc(100vh - var(--footer-height));
}
main.has-footer.has-iframe.has-header, main.has-footer.is-federated.has-header {
  min-height: calc(100vh - var(--footer-height) - var(--header-height));
}
@media (min-width: 1018px) {
  main.has-footer {
    margin-bottom: 0;
  }
  .wrapper-mobile, .full-screen-modal, .new-category, .upload-image__ctas, main {
    min-width: 0;
  }
  .header-wrapper-mobile {
    max-width: none;
  }
}
#modal-root {
  position: absolute;
  z-index: 1101;
  top: 0px;
}
.login {
  width: 100%;
  height: 100vh;
  display: block;
  padding: 0 calc(2rem - 8px);
  position: relative;
  overflow: hidden;
  background: #151f33;
}
.login__logo {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
  direction: ltr;
  left: 2rem;
  z-index: 1;
}
.login__select-branch-back {
  z-index: 1;
  right: 2rem;
  width: 24px;
  height: 24px;
  position: absolute;
  opacity: 1;
  visibility: visible;
  transition: all 0.3s linear;
}
.login__select-branch-back > span {
  width: 12px;
  height: 2px;
  display: block;
  position: absolute;
  background: #fff;
  border-radius: 3px;
}
.login__select-branch-back > span:first-child {
  top: 7px;
  right: 6px;
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
}
.login__select-branch-back > span:last-child {
  top: 15px;
  right: 6px;
  -webkit-transform: rotateZ(-45deg);
          transform: rotateZ(-45deg);
}
.login__select-branch-back.hide {
  opacity: 0;
  visibility: hidden;
}
.login__main-content {
  width: 100%;
  height: 100%;
  min-height: 425px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.login__chef-img {
  top: 0;
  width: 100%;
}
.login__chef-img .image-wrapper {
  width: 100%;
  text-align: center;
  float: left;
  transition: all 0.3s linear;
}
.login__chef-img img {
  width: 92%;
  max-width: 55vw;
  margin-bottom: 20%;
}
.login__chef-img.small .image-wrapper {
  width: 40%;
}
.login__middle-content {
  top: 50%;
  width: calc(100% + 2rem - 8px);
  min-height: 60px;
}
.login__middle-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.login__login-section, .login__select-branch-section {
  width: 100%;
  height: 100%;
}
.login__fields {
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
}
.login__form {
  width: calc(100% - 1rem - 2rem + 8px);
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
}
.login__select-branch-section {
  position: relative;
  padding: 0.5rem 0;
}
.login__select-branch-section-header {
  width: 100%;
  padding: 0 1.4rem;
  top: -60px;
  height: 60px;
  position: absolute;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
.login__select-branch-section-header > h3 {
  color: #fff;
  font-weight: normal;
}
.login__select-branch-section-branches {
  width: 100%;
  overflow: scroll;
  position: relative;
  height: 100%;
  max-height: 50vh;
}
.login__error-alert {
  border: none !important;
  background-color: unset !important;
  opacity: 1;
  visibility: visible;
}
.login__error-alert .alert-card__title > span {
  color: #fff;
}
.login__error-alert--hide {
  opacity: 0;
  visibility: hidden;
}
.login__bottom-btn {
  bottom: 0rem;
  width: calc(100% - 1rem);
  margin-top: 1rem;
  transition: all 0.3s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.login__bottom-submit {
  height: 48px;
  width: 100%;
  color: white;
  font-size: 0.9rem;
  font-weight: bold;
  font-family: "IRANsans";
  margin-top: 1rem;
}
.login__bottom-mobile {
  margin: 1.7rem 0;
  opacity: 1;
  visibility: visible;
  transition: all 0.3s linear;
}
.login__bottom-mobile p {
  color: #fff !important;
}
.login__bottom-mobile.hide {
  opacity: 0;
  visibility: hidden;
}
.login__loading {
  width: calc(100% - 4rem);
  height: 40px;
  bottom: 1rem;
  left: 2rem;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.login__loading--enabled {
  opacity: 1;
}
.login__loading--disabled {
  opacity: 0;
}
.login__loading > img {
  width: 20px;
  height: 20px;
  opacity: 0.75;
  -webkit-animation-name: spin;
          animation-name: spin;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.orders {
  position: relative;
}
.orders__header {
  width: 100%;
  height: 66px;
  background: #fff;
  padding: 0 1.2rem;
  border-bottom: 1px solid #e7e7e7;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.orders__header-dot {
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 50px;
  background: #00d170;
  margin-left: 0.5rem;
}
.orders__header-title {
  font-size: 1rem;
  color: rgba(19, 20, 31, 0.9);
}
.orders__container {
  position: relative;
  margin: 0 0.9rem;
  padding: 1rem 0;
}
.orders__items {
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
}
.orders__items-container {
  width: 100%;
  min-height: 125px;
  margin-bottom: 1.3rem;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.orders__items-title {
  width: 100%;
  height: 48px;
  margin-bottom: 0.3rem;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
.orders__items-title > h3 {
  margin: 0px;
  color: rgba(38.38, 40.4, 62.62, 0.9);
}
.orders__items--empty {
  width: 100%;
  min-height: 180px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 1rem 1.3rem 0px rgba(0, 0, 0, 0.06);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.orders__items--empty > h4 {
  font-size: 0.8rem;
  font-weight: normal;
  color: rgb(226.75, 226.75, 226.75);
}
.discounts {
  margin-bottom: 80px;
}
.discounts__list {
  padding: 16px;
  position: relative;
}
.discounts__refetch {
  padding: 180px 0;
}
.discounts__skeleton {
  padding: 16px;
}
.discounts .datepicker {
  z-index: 1003;
}
.top-navbar {
  top: 0px;
  right: 50%;
  height: 50px;
  width: 480px;
  max-width: 100%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
.top-navbar__burger-button {
  position: relative;
}
.top-navbar__burger-button-line {
  width: 100%;
  height: 2px;
  display: block;
  border-radius: 2px;
  position: absolute;
  background: rgba(48.07, 50.6, 78.43, 0.9);
  transition: all 0.3s ease-in-out;
}
.top-navbar__burger-button--menu {
  width: 24px;
  height: 24px;
  position: relative;
}
.top-navbar__burger-button--menu > span:nth-child(1) {
  top: 3px;
  border-radius: 0px;
}
.top-navbar__burger-button--menu > span:nth-child(2) {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.top-navbar__burger-button--menu > span:nth-child(3) {
  bottom: 3px;
  border-radius: 0px;
}
.top-navbar__burger-button--back {
  width: 24px;
  height: 24px;
  position: relative;
}
.top-navbar__burger-button--back > span:nth-child(1) {
  top: 6px;
  width: 60%;
  height: 3px;
  border-radius: 1px;
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
}
.top-navbar__burger-button--back > span:nth-child(2) {
  opacity: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.top-navbar__burger-button--back > span:nth-child(3) {
  bottom: 7px;
  width: 60%;
  height: 3px;
  border-radius: 1px;
  -webkit-transform: rotateZ(-45deg);
          transform: rotateZ(-45deg);
}
.top-navbar__burger-button--close {
  width: 24px;
  height: 24px;
  position: relative;
}
.top-navbar__burger-button--close > span:nth-child(1) {
  top: 10px;
  height: 3px;
  border-radius: 1px;
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
}
.top-navbar__burger-button--close > span:nth-child(2) {
  opacity: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.top-navbar__burger-button--close > span:nth-child(3) {
  bottom: 11px;
  height: 3px;
  border-radius: 1px;
  -webkit-transform: rotateZ(-45deg);
          transform: rotateZ(-45deg);
}
.top-navbar__button {
  width: 48px;
  height: 48px;
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
.top-navbar__container {
  width: 100%;
  padding: 0 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.top-navbar__title {
  min-width: 180px;
  height: 48px;
  color: #404040;
  cursor: default;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media screen and (max-width: 320px) {
  .top-navbar__title {
    min-width: 200px;
  }
}
.top-navbar__title h3 {
  margin: 0px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 500;
}
.top-navbar__title h5 {
  margin: 0px;
  line-height: 16px;
  font-size: 10px;
  font-weight: 400;
  text-align: center;
}
.top-navbar__select-branch {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  flex-direction: row;
  cursor: pointer;
}
.top-navbar__select-branch > h3 {
  margin-left: 7px;
}
.top-navbar__select-branch-icon svg {
  transition: all 0.2s ease-in-out;
}
.top-navbar__select-branch-icon--rotate svg {
  transition: all 0.2s ease-in-out;
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
}
.top-navbar__select-branch__title {
  text-overflow: ellipsis;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
}
.top-navbar__select-branch__title--short {
  max-width: 99px;
}
.top-navbar__select-branch__status {
  border-radius: 50px;
  background-color: #f74046;
  margin-right: 4px;
  padding: 0 4px;
  color: #fff;
  line-height: 16px;
  font-size: 12px;
  font-weight: 400;
}
.top-navbar__prioritize {
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.top-navbar__prioritize h5 {
  color: #22a958;
  font-weight: 400;
  margin-left: 3px;
}
.top-navbar__messages-container {
  width: 26px;
  height: 26px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.top-navbar__messages-image {
  width: 24px;
  height: 24px;
}
.top-navbar__messages-badge {
  position: absolute;
  top: -3px;
  right: -5px;
  width: 14px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.top-navbar__messages-badge-text {
  font-family: "IRANsans", "iransansbase";
  font-weight: bold;
  font-size: 0.7rem;
  color: #fff;
  border-radius: 50px;
  background-color: #f74046;
  padding: 0.125rem 0.29rem 0.04rem 0.29rem;
}
.top-navbar__icon-group {
  display: flex;
}
.top-navbar__icon {
  width: 48px;
  height: 48px;
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  flex-direction: column;
}
.top-navbar__wrapper {
  width: 100%;
  padding: 24px 24px 16px 24px;
}
.top-navbar__wrapper button {
  width: 100%;
}
.top-navbar__box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding-left: 10px;
}
.top-navbar__box-title {
  font-size: 13px;
  position: relative;
  top: 3px;
}
.top-navbar__box-title span {
  position: relative;
  top: -8px;
  margin-left: 5px;
  font-weight: 500;
}
.top-navbar__box-desc {
  font-size: 14px;
  line-height: 26px;
  margin: 24px 0;
}
.top-navbar__box h5 {
  margin: 0;
}
@media (min-width: 1018px) {
  .top-navbar {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    left: 0;
    justify-content: stretch;
  }
  .top-navbar__container {
    max-width: none;
    width: 100%;
  }
}
@media (min-width: 1018px) and (max-width: 1440px) {
  .top-navbar {
    width: calc(100% - var(--medium-sidebar-offset) - 2 * var(--header-margin));
    right: calc(var(--medium-sidebar-offset) + var(--header-margin));
  }
}
@media (min-width: 1440px) {
  .top-navbar {
    width: calc(100% - var(--large-sidebar-offset) - 2 * var(--header-margin));
    right: calc(var(--large-sidebar-offset) + var(--header-margin));
  }
}
.login-otp {
  position: relative;
  height: calc(100vh - 104px);
  background-color: #f8f9fb;
}
.login-otp__mobile-wrapper {
  padding: 1.33rem 0.88rem;
  display: flex;
  flex-direction: column;
  min-width: 320px;
  max-width: 480px;
  margin: 0 auto;
}
.login-otp__header h1 {
  font-size: 1.4rem;
  line-height: 170%;
  white-space: break-spaces;
}
.login-otp__header p {
  font-size: 0.8rem;
  margin-top: 2rem;
}
.login-otp__header_message {
  margin: 0 !important;
  font-size: 0.77rem !important;
  font-weight: 400;
  line-height: 20px;
  color: rgba(19, 20, 31, 0.9);
  white-space: break-spaces;
}
.login-otp__message {
  text-align: center;
  margin: 1.5rem auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.login-otp__message_icon {
  margin-left: 0.55rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.login-otp__message_icon > svg {
  width: 16px;
  height: 16px;
}
.login-otp__message-gray {
  color: #a3a3a3;
  font-size: 0.7rem;
}
.login-otp__message-dark {
  font-size: 0.77rem;
  font-weight: 400;
  line-height: 20px;
  color: #000;
}
.login-otp__message-green {
  font-size: 0.77rem;
  font-weight: 400;
  line-height: 20px;
  color: #22a958;
  margin: 0 1rem;
  cursor: pointer;
}
.login-otp__message-bold-green {
  font-size: 0.94rem;
  font-weight: 700;
  line-height: 24px;
  color: #22a958;
  margin: 0 1rem;
}
.login-otp__number-inputs .text-input__input textarea {
  direction: ltr;
  text-align: right;
}
.login-otp__vendors-list {
  max-height: calc(100vh - 12rem);
  overflow: auto;
}
.login-otp .login-otp__error-alert {
  border: 0;
  background-color: #f8f9fb;
}
.login-otp .login-otp__error-alert .alert-card__title {
  width: 100%;
  white-space: normal;
  justify-content: flex-start !important;
}
.login-otp .login-otp__error-alert .alert-card__title > span {
  font-size: 0.7rem;
  color: #bd272d;
}
.login-otp .multiInput {
  display: flex;
  direction: ltr;
  width: 100%;
  margin: 1rem auto 0;
}
.login-otp .multiInput input {
  border: none;
  border-bottom: 1px solid #d7d7d7;
  min-width: 0;
  margin: 5px;
  flex: 1;
  text-align: center;
  font: 2rem "IRANSans";
  color: rgba(19, 20, 31, 0.9);
  padding: 0;
  border-radius: 0;
  background-color: #f8f9fb;
}
.login-otp .multiInput input:focus {
  outline: none !important;
  border-bottom-color: rgba(19, 20, 31, 0.9);
}
.login-otp .multiInput.has-error input {
  border-bottom-color: #bd272d;
}
.services {
  padding: 16px;
  position: relative;
  background-color: #f8f9fb;
  min-height: calc(100vh - 50px);
}
.services .banner {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.services .banner--poster {
  padding: 0;
  overflow: hidden;
}
.services .banner > img {
  width: 100%;
  max-height: 228px;
  -o-object-fit: cover;
     object-fit: cover;
}
.services .banner__progress-bar {
  width: 62px;
  height: 62px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.services .banner__progress-bar > svg {
  -webkit-transform: rotateZ(-90deg);
          transform: rotateZ(-90deg);
}
.services .banner__progress-bar > svg circle:first-child {
  stroke: #fcdcc9;
}
.services .banner__progress-bar > svg circle:last-child {
  stroke: #ff00a4;
}
.services .banner__progress-bar-number {
  position: absolute;
}
.services .banner__progress-bar-number > h4 {
  margin: 0px;
  color: #ff00a4;
  position: relative;
}
.services .banner__progress-bar-number > h4 > span {
  position: relative;
  margin-right: 2px;
  font-size: 0.8rem;
}
.services .banner__description {
  width: calc(100% - 64px);
  height: 100%;
  padding: 0.9rem 0;
  padding-right: 1rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
  flex-direction: column;
}
.services .banner__description--primary, .services .banner__description--secondary {
  margin: 0px;
  color: rgba(38.38, 40.4, 62.62, 0.9);
}
.services .banner__description--primary {
  font-weight: bold;
  font-size: 0.9rem;
}
.services .banner__description--secondary {
  font-weight: normal;
  font-size: 0.75rem;
}
.services .banner__arrow {
  width: 17px;
  height: 17px;
  position: absolute;
  left: 5px;
  top: 50%;
  opacity: 0.75;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
@media screen and (max-width: 320px) {
  .services .banner {
    justify-content: flex-start;
  }
  .services .banner__progress-bar {
    width: 48px;
    height: 48px;
  }
  .services .banner__description--primary {
    font-size: 0.75rem;
    margin-bottom: 0.44rem;
  }
  .services .banner__description--secondary {
    line-height: 1.1rem;
  }
}
.services__banner {
  height: 90px;
}
.services__banner--hide {
  height: 0;
  margin-bottom: 0;
  transition: all 0.3s ease-in-out;
}
.services__banner--hide > a {
  opacity: 0;
  transition: all 0.2s ease-in-out;
}
@media screen and (max-width: 320px) {
  .services__banner--hide > a {
    justify-content: flex-start;
  }
}
.services__submenus {
  width: 100%;
  border-radius: 5px;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  -webkit-filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.04));
          filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.04));
}
.services__submenus > a:last-child {
  border-bottom: none;
}
.services__mainItems {
  margin-bottom: 16px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 8px;
}
.services__mainItems .mainItem {
  width: 100%;
}
.services .walletButton {
  margin-top: 20px;
  width: 150px;
  padding: 10px;
  border-radius: 5px;
}
.comments {
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  font-family: "IRANsans", "iransansbase";
  overflow: scroll;
  background-color: #fff;
}
.comments__header {
  padding: 0.5rem 1.3rem;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
}
.comments__header-des {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.comments__header-title {
  font-size: 1.22rem;
  font-weight: bold;
  text-align: right;
  color: rgba(19, 20, 31, 0.9);
}
.comments__header-subtitle {
  width: 100%;
  font-weight: normal;
  font-size: 0.9rem;
  color: rgba(57.76, 60.8, 94.24, 0.9);
}
.comments__header-buttons {
  width: 100%;
  height: 48px;
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: repeat(2, 1fr);
}
.comments__header-buttons > button {
  justify-self: center;
  align-self: end;
}
.comments__container {
  padding: 4rem 0.88rem 0;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  margin-bottom: 3.22rem;
}
.comments__container_tips {
  background-color: #fff;
  width: 100%;
}
.comments__container_tips > div {
  margin-bottom: 0 !important;
}
.comments__container_average-rates {
  width: 100%;
  margin-top: 0.66rem;
  background-color: #fff;
  box-shadow: 0 0.94rem 1.27rem -0.72rem #e6e6e6;
}
.comments__container_body {
  width: 100%;
  margin-top: 0.77rem;
  background-color: #fff;
  padding-bottom: 0.8rem;
}
.comments__editor-body {
  width: 100%;
  margin-top: 4.16rem;
  position: relative;
  height: calc(100vh - 115px);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: row;
}
.comments__editor-body form {
  width: 100%;
  height: 100%;
}
.comments__editor-body-accept {
  position: absolute;
  bottom: -12px;
  right: 24px;
  left: 24px;
}
.comments__editor-body-notepad {
  border: unset;
  width: 100%;
  padding: 24px;
  font-size: 0.9rem;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: right;
  color: rgba(19, 20, 31, 0.9);
  outline: none;
  height: 100%;
  line-height: normal;
  font-family: "IRANsans", "iransansbase";
}
.comments__no-content {
  font-size: 0.77rem;
  color: #a3a3a3;
  height: calc(100vh - 450px);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.comments .skeleton .comment-card:first-child {
  margin-top: 0;
}
.comments .skeleton .card-detail__header {
  height: 2.2rem;
}
@-webkit-keyframes scale-display {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes scale-display {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes scale-disappear {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes scale-disappear {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.view-menu {
  font-family: "IRANsans", "iransansbase";
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  width: 100%;
}
.view-menu__image {
  width: 100;
  height: 250px;
  position: relative;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
.view-menu__image img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.view-menu__image svg {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.view-menu__image-itself {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.7;
  position: absolute;
  background-color: black;
}
.view-menu__image-status {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  font-family: "IRANsans", "iransansbase";
  width: 100%;
  height: 100%;
}
.view-menu__image-status-icon {
  width: 45px;
  height: 50px;
}
.view-menu__image-status-desc {
  color: #fff;
  font-size: 0.77rem;
  margin-bottom: 1.33rem;
  font-family: "IRANsans", "iransansbase";
}
.view-menu__image-holder {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}
.view-menu__main {
  margin: 0 0.88rem 3.8rem 0.88rem;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}
.view-menu__main-info {
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
}
.view-menu__main-info > div {
  display: flex;
  font-weight: 300;
  font-size: 0.77rem;
  margin-bottom: 1.33rem;
  justify-content: space-between;
}
.view-menu__main-info > div :last-child {
  font-weight: 500;
}
.view-menu__main-header {
  width: 100%;
  color: rgba(19, 20, 31, 0.9);
  margin: 0.88rem 0 1.33rem;
}
.view-menu__main-header span {
  font-size: 0.94rem;
  font-weight: bold;
}
.view-menu__main-header p {
  font-weight: 300;
  font-size: 0.77rem;
  margin-top: 0.88rem;
}
.view-menu__main-header-subtitle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  margin-top: 0.88rem;
}
.view-menu__main-header-subtitle span {
  font-size: 0.77rem;
  font-weight: normal;
  color: #a3a3a3;
}
.view-menu__main-header-subtitle a {
  color: #ff00a4;
  font-weight: 500;
  font-size: 0.66rem;
  margin: 0;
}
.view-menu__main-existent {
  width: 100%;
  margin-bottom: 1.33rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.view-menu__main-existent-label :first-child {
  font-size: 0.77rem;
  font-weight: 300;
}
.view-menu__main-existent-label :last-child {
  margin-bottom: 0;
  font-size: 0.66rem;
  font-weight: normal;
  margin-top: 0.44rem;
  color: #a3a3a3;
}
.view-menu__main-enabling {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  width: 100%;
  margin-bottom: 0.88rem;
}
.view-menu__main-enabling-label > div {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}
.view-menu__main-enabling-label > div :first-child {
  font-size: 0.77rem;
  font-weight: 300;
}
.view-menu__main-enabling-label > div :last-child {
  font-size: 0.66rem;
  font-weight: normal;
  color: #bd272d;
  margin-top: 0.44rem;
  margin-bottom: 0;
}
.view-menu__main-action {
  width: 100%;
  padding: 0.44rem;
  border-radius: 4px;
  margin-top: 1.33rem;
  background-color: #f2f2f2;
}
.view-menu__main-description {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.view-menu__main-description img {
  width: 16px;
  height: 16px;
  margin-left: 0.44rem;
}
.view-menu__main-description svg {
  width: 16px;
  height: 16px;
  margin-left: 0.44rem;
}
.view-menu__main-description span {
  font-size: 0.66rem;
  font-weight: normal;
}
.view-menu__edit {
  bottom: 0;
  width: 100%;
  padding: 0 0.88rem;
  position: fixed;
  margin-top: 1.33rem;
  background-color: #fff;
  border-top: 1px solid #f2f2f2;
}
.view-menu__edit > button {
  border: 1px solid #ff00a4;
}
.view-menu__edit > button > p {
  color: #ff00a4;
}
.view-menu__edit__loading {
  height: 80px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  background-color: #ffffff;
  transition: opacity 0.05s cubic-bezier(0.19, 1, 0.22, 1);
}
.view-menu__edit__loading-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  width: 80px;
  position: relative;
}
.view-menu__edit__loading-container > span {
  position: absolute;
  width: 14px;
  height: 14px;
  opacity: 0.8;
  border-radius: 50%;
  background: rgba(19, 20, 31, 0.9);
  -webkit-animation-timing-function: cubic-bezier(0, 1, 1, 0);
          animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.view-menu__edit__loading-container > span:nth-child(1) {
  left: 8px;
  -webkit-animation: _1st_child 0.6s infinite;
          animation: _1st_child 0.6s infinite;
}
.view-menu__edit__loading-container > span:nth-child(2) {
  left: 8px;
  -webkit-animation: _2nd_child 0.6s infinite;
          animation: _2nd_child 0.6s infinite;
}
.view-menu__edit__loading-container > span:nth-child(3) {
  left: 32px;
  -webkit-animation: _2nd_child 0.6s infinite;
          animation: _2nd_child 0.6s infinite;
}
.view-menu__edit__loading-container > span:nth-child(4) {
  left: 56px;
  -webkit-animation: _3rd_child 0.6s infinite;
          animation: _3rd_child 0.6s infinite;
}
@-webkit-keyframes _1st_child {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes _1st_child {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes _3rd_child {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
@keyframes _3rd_child {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
@-webkit-keyframes _2nd_child {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(24px, 0);
            transform: translate(24px, 0);
  }
}
@keyframes _2nd_child {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(24px, 0);
            transform: translate(24px, 0);
  }
}
.view-menu__edit--zindex {
  z-index: 1102;
}
.view-menu__pending-alert__header {
  margin: 0.88rem 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
}
.view-menu__pending-alert__number {
  height: 17px;
  font-size: 0.77rem;
  font-weight: 500;
}
.view-menu__pending-alert__number span {
  font-weight: 500;
  font-size: 0.77rem;
  color: rgba(19, 20, 31, 0.9);
}
.view-menu__pending-alert__handler {
  color: #ff00a4;
  font-size: 0.77rem;
  font-weight: 500;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
}
.view-menu__pending-alert__handler img {
  width: 16px;
  height: 16px;
  margin-right: 0.55rem;
}
.view-menu__pending-alert__handler div {
  width: 16px;
  height: 16px;
  margin-right: 0.55rem;
}
.view-menu__pending-alert__handler--up {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  transition: all 0.3s ease-in-out;
}
.view-menu__pending-alert__handler--down {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
  transition: all 0.3s ease-in-out;
}
.view-menu__pending-alert__description {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  margin: 0.88rem 0;
}
.view-menu__pending-alert__description img {
  width: 16px;
  height: 16px;
  margin-left: 0.44rem;
}
.view-menu__pending-alert__description svg {
  width: 16px;
  height: 16px;
  margin-left: 0.44rem;
}
.view-menu__pending-alert__description span {
  font-size: 0.66rem;
  color: rgba(19, 20, 31, 0.9);
}
.view-menu__pends {
  margin: 24px 24px 80px;
}
.view-menu__pends-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
}
.view-menu__pends-header img {
  width: 16px;
  height: 16px;
}
.view-menu__pends-header svg {
  width: 16px;
  height: 16px;
}
.view-menu__pends-desc {
  margin: 24px 0;
  padding-bottom: 24px;
  border-bottom: 1px solid #f2f2f2;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}
.view-menu__pends-desc span:first-child {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
}
.view-menu__pends-desc span:last-child {
  font-size: 17px;
  font-weight: normal;
  font-stretch: normal;
  margin-top: 16px;
}
.view-menu__pends-pricess {
  margin: 24px 0;
  padding-bottom: 24px;
  border-bottom: 1px solid #f2f2f2;
}
.view-menu__pends-pricess-item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
}
.view-menu__pends-pricess-item span:first-child {
  font-size: 17px;
  font-weight: 300;
  color: rgba(19, 20, 31, 0.9);
}
.view-menu__pends-pricess-container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
}
.view-menu__pends-pricess-container span:first-child {
  font-size: 17px;
  font-weight: 300;
  color: rgba(19, 20, 31, 0.9);
}
.view-menu__pends-pricess-container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
  margin-top: 24px;
}
.view-menu__pends-pricess-changes {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.view-menu__pends-pricess-changes span:first-child {
  font-size: 17px;
  font-weight: normal;
  font-stretch: normal;
  color: #bd272d;
}
.view-menu__pends-pricess-changes span:nth-child(3) {
  font-size: 17px;
  font-weight: 500;
  color: lightgreen;
}
.view-menu__pends-pricess-changes span:last-child {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  color: rgba(19, 20, 31, 0.9);
  margin-right: 4px;
}
.view-menu__pends-pricess-changes img {
  width: 28px;
  margin: 0 9px;
}
.view-menu__pends-pricess-changes svg {
  width: 28px;
  margin: 0 9px;
}
.edit-menu {
  background-color: #f8f9fb;
  padding-bottom: 30px;
  height: 100vh;
  overflow: hidden;
}
.edit-menu-changed {
  padding-bottom: 90px;
}
.edit-menu__navbar {
  width: 100%;
  height: 50px;
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  padding: 18px;
}
.edit-menu__navbar .top-navbar__burger-button--close {
  width: 21px;
}
.edit-menu__navbar h5 {
  font-weight: normal;
  min-width: 180px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 14px;
}
.edit-menu__wrapper {
  height: calc(100vh - 50px - 80px);
  padding-bottom: 80px;
  overflow: scroll;
}
.edit-menu__image {
  position: relative;
}
.edit-menu__image-holder {
  top: 0;
  width: 100%;
  height: 210px;
  position: absolute;
}
.edit-menu__image-holder-icon {
  width: 48px;
  height: 48px;
  border-radius: 6px;
  position: absolute;
  bottom: 12px;
  left: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f2f2f2;
  border: 1px solid #e6e6e6;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
  z-index: 5;
}
.edit-menu__image-holder-status {
  position: absolute;
  right: 16px;
  bottom: 12px;
  z-index: 5;
}
.edit-menu__image-thumbnails {
  position: relative;
  padding: 0 16px;
  margin-top: 16px;
  height: 40px;
  display: flex;
  align-items: center;
}
.edit-menu__image-thumbnails button {
  flex-shrink: 0;
  margin: 0 8px 0 0;
  height: 40px;
  border-radius: 6px;
  padding: 0;
  border: unset;
}
.edit-menu__image-thumbnails button p {
  font-size: 14px;
  font-weight: 500;
}
.edit-menu__image-thumbnail img {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  opacity: 40%;
  transition: all 0.5s;
  margin: 0 auto;
}
.edit-menu__image-thumbnail-active {
  opacity: 100%;
}
.edit-menu__image-single {
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 8px;
}
.edit-menu__image-single img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.edit-menu__image .slider-product-image-container {
  height: 210px;
}
.edit-menu__image .slider-product-image-slide {
  position: relative;
  height: 210px;
}
.edit-menu__image .slider-product-image-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
}
.edit-menu__body {
  background-color: #fff;
  border: 1px solid #f2f2f2;
  border-radius: 8px;
  margin: 16px;
  padding: 0 16px 16px 16px;
}
.edit-menu__actions {
  padding: 16px 24px;
  background-color: #fff;
  border-top: 1px solid #e6e6e6;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.edit-menu__actions-button {
  width: 100%;
  border-radius: 6px !important;
}
.edit-menu__thumbs-slider {
  flex: 1;
  height: 100%;
  display: inline;
  overflow: scroll;
}
.edit-menu__thumbs-slide {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  overflow: hidden;
  display: inline-block;
  margin-right: 8px;
}
.edit-menu__thumbs-slide img {
  opacity: 0.4;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: opacity 0.15s ease-in-out;
}
.edit-menu__thumbs-slide-active img {
  opacity: 1;
}
.edit-menu__image-thumbnail-icon svg {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
  border: 1px solid #fff;
  z-index: 5;
  background: #fff;
}
.dashboard {
  position: relative;
}
.dashboard__container {
  position: relative;
  margin: 0 1.1rem;
  padding: 3.88rem 0;
}
.dashboard__container-full {
  margin: 0;
  padding: 3.88rem 0;
}
.dashboard__shortcut-btns {
  width: 100%;
  display: flex;
}
.dashboard__shortcut-btns.disabled {
  pointer-events: none;
}
.dashboard__shortcut-btns.disabled .SF-button--solid-diactive p {
  color: silver;
}
.dashboard__box {
  width: 100%;
  padding: 1rem 1.3rem;
  position: relative;
  margin-top: 1.1rem;
  background-color: #fff;
  border-radius: 18px;
  box-shadow: 0 0.4em 0.6em rgba(0, 0, 0, 0.015);
}
.dashboard__box-title {
  width: 100%;
  height: 24px;
  margin-bottom: 0.6rem;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-direction: column;
}
.dashboard__box-title > h3 {
  margin: 0px;
  margin-left: 8px;
  font-size: 0.85rem;
  color: rgba(38.38, 40.4, 62.62, 0.9);
}
.dashboard__box--sell {
  position: relative;
}
.dashboard__box--summary {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.dashboard__box--noMargin {
  margin-top: 0.5rem;
}
.dashboard__box-sell-chart {
  width: 100%;
  margin: 0 auto;
  height: 135px;
  margin-top: 1.25rem;
  margin-bottom: 0.5rem;
  color: rgb(201.25, 201.25, 201.25);
  font-family: "IRANsans", "iransansbase";
  border-radius: 5px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.dashboard__box-sell-chart-subdates {
  position: absolute;
  padding: 0 0 0 1.375rem;
  height: 24px;
  bottom: -1px;
  width: calc(100% + 0.75rem);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
}
.dashboard__box-sell-chart-subdates > span {
  font-size: 0.565rem;
  font-weight: bold;
  color: rgba(48.07, 50.6, 78.43, 0.9);
}
.dashboard__box-sell-footer {
  width: 100%;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
@media screen and (min-width: 800px) {
  .dashboard__box-sell-footer {
    margin-top: 30px;
  }
}
.dashboard__box-sell-count-info, .dashboard__box-sell-bar-info {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: space-between;
}
.dashboard__box-sell-count-info > span, .dashboard__box-sell-bar-info > span {
  color: rgba(57.76, 60.8, 94.24, 0.9);
  font-size: 0.625rem;
  margin: 0px;
}
.dashboard__box-sell-count-info > span:nth-child(1), .dashboard__box-sell-bar-info > span:nth-child(1) {
  margin-left: 0.4rem;
}
.dashboard__box-sell-count-info > span:nth-child(2), .dashboard__box-sell-bar-info > span:nth-child(2) {
  font-size: 0.8rem;
  font-weight: bold;
  position: relative;
  top: 0.05em;
}
.dashboard__box-sell-bar-info {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: space-between;
}
.dashboard__box-sell-bar-info > span:nth-child(2) {
  display: block;
  position: relative;
  top: 0px;
  width: 25px;
  height: 2px;
  background-color: #00d170;
}
.dashboard__box-summary-row {
  width: 100%;
  display: grid;
  justify-items: center;
  align-items: center;
  grid-template-columns: repeat(3, 1fr);
}
.dashboard__box-summary-row > span {
  font-size: 0.65rem;
  color: rgba(57.76, 60.8, 94.24, 0.9);
}
.dashboard__box-summary-row > span:last-child {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.dashboard__box-summary-row--header {
  height: 36px;
  border-bottom: 1px solid rgb(231.85, 231.85, 231.85);
}
.dashboard__box-summary-row--header > span:last-child > sup {
  padding-right: 0.25rem;
  color: rgba(67.45, 71, 110.05, 0.9);
}
.dashboard__box-summary-row--line {
  width: 100%;
  height: 26px;
  margin: 0.3rem 0;
}
.dashboard__box-summary-row--line > span {
  font-weight: bold;
}
.dashboard__box-summary-row--line > span:first-child {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.dashboard__box-summary-row--line > span:first-child > img {
  margin-left: 0.3rem;
  width: 20px;
  opacity: 0.8;
}
.dashboard__box-summary-row--line > span:first-child > svg {
  margin-left: 0.3rem;
  width: 20px;
  opacity: 0.8;
}
@media screen and (max-width: 320px) {
  .dashboard__box-summary-row--line > span:first-child > img {
    display: none;
  }
}
@media screen and (max-width: 320px) {
  .dashboard__box-summary-row--line > span:first-child > svg {
    display: none;
  }
}
.dashboard__box-summary-row--line:nth-child(2) > span > img {
  position: relative;
  right: -2px;
}
.dashboard__box-summary-row--line:nth-child(3) > span > img {
  position: relative;
  right: -2px;
}
.dashboard__box-summary-row--line:nth-child(2) > span > svg {
  position: relative;
  right: -2px;
}
.dashboard__box-summary-row--line:nth-child(3) > span > svg {
  position: relative;
  right: -2px;
}
.dashboard__box-summary-row--footer {
  height: 48px;
  border-top: 1px solid rgb(231.85, 231.85, 231.85);
}
.dashboard__box-summary-row--footer > span {
  font-size: 0.8rem;
  font-weight: bold;
  color: rgb(0, 173.3, 92.8688995215);
}
@media screen and (max-width: 320px) {
  .dashboard__box-summary-row--footer span:first-child {
    font-size: 0.75rem;
  }
}
.dashboard__box-summary-container {
  width: 100%;
  padding: 0.4rem 0;
}
.dashboard__box .skelet {
  padding: 16px 0 5px 0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  --skeleton-bg-color: #f0f0f0;
  overflow: hidden;
  position: relative;
  --bg-color: #e2e2e2;
}
.dashboard__box .skelet::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.6) 90%, rgba(255, 255, 255, 0) 95%, rgba(255, 255, 255, 0) 100%);
  -webkit-filter: blur(20px);
          filter: blur(20px);
  -webkit-animation: loading 1.5s infinite;
          animation: loading 1.5s infinite;
  z-index: 100;
}
@-webkit-keyframes loading {
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@keyframes loading {
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
.dashboard__box .skelet__line {
  height: 6px;
  width: 100%;
  border-radius: 2px;
  background-color: #e2e2e2;
}
.dashboard__box .skelet__cube {
  height: 6px;
  width: 100%;
  border-radius: 2px;
  background-color: #e2e2e2;
  height: 122px;
}
.dashboard__box .skelet .mb-1 {
  margin-bottom: 18px;
}
.dashboard__box .skelet .mb-2 {
  margin-bottom: 26px;
}
.dashboard__box .skelet .mb-3 {
  margin-bottom: 33px;
}
.dashboard__box .skelet .mb-4 {
  margin-bottom: 45px;
}
.dashboard__row {
  display: flex;
  flex-direction: row;
  justify-content: right;
  align-items: center;
}
.main-navigation {
  bottom: 0;
  right: 50%;
  max-width: 480px;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  height: unset;
  padding-bottom: var(--safe-bottom-padding);
  z-index: 350;
}
.main-navigation__header {
  display: none;
  height: 80px;
}
.main-navigation__container {
  height: 67px;
  padding: 0 8px;
  border-top: 1px solid #e7e7e7;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.main-navigation__notify {
  padding: 5px 0;
  width: 100%;
  max-width: 480px;
  z-index: 200;
  bottom: calc(67px + var(--safe-bottom-padding));
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  background-color: var(--color-white);
}
.main-navigation__notify__container {
  border-top: 1px solid #e7e7e7;
  background-color: rgba(250, 203, 15, 0.1);
  width: var(--max-width-on-desktop);
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.main-navigation__notify__close {
  height: inherit;
  padding: 0 27px 0 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.main-navigation__notify__message {
  height: inherit;
  flex: auto;
  padding: 0 9px 0 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.main-navigation__notify__message > span {
  color: var(--color-gray_40);
  font-size: 0.77em;
  font-weight: 500;
}
.main-navigation__notify__logo {
  width: 54px;
  margin-left: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.main-navigation__item {
  height: 56px;
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  width: 100%;
  margin: 0;
}
.main-navigation__item--active span {
  color: var(--color-pink_ff);
}
.main-navigation__item--active div {
  background-color: var(--color-pink_ff);
}
.main-navigation__item--disabled {
  opacity: 0.6;
}
.main-navigation__item--disabled span {
  color: rgba(127.9, 132, 177.1, 0.9);
}
.main-navigation__item--disabled div {
  background-color: rgba(127.9, 132, 177.1, 0.9);
}
.main-navigation__icon {
  width: 24px;
  height: 24px;
  background-color: rgba(38.38, 40.4, 62.62, 0.9);
}
.main-navigation__menu-title {
  font-size: 12px;
  text-align: center;
  color: var(--color-gray_40);
  pointer-events: none;
}
.main-navigation__badge {
  position: absolute;
  margin: -38px 16px 0 0;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: var(--color-pink_ff);
  color: var(--color-white);
  direction: ltr;
  font-size: 12px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: center;
}
.main-navigation__footer {
  padding: 20px 8px;
  bottom: 0;
  position: absolute;
}
.main-navigation__footer__wrapper {
  padding-left: 10px;
  padding-top: 16px;
}
.main-navigation__footer__snapp-store {
  border-bottom: solid 1px var(--color-gray_f2);
  margin: 0;
  cursor: pointer;
  display: none;
  outline: none;
}
.main-navigation__footer__snapp-store__image {
  outline: none;
}
.main-navigation__footer__snapp-store__image--medium {
  width: 100% !important;
  margin-bottom: 16px;
}
.main-navigation__footer__snapp-store__image--large {
  width: 100% !important;
}
.main-navigation__footer__toggler {
  display: none;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  fill: var(--color-gray_40);
  background-color: var(--color-gray_f2);
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.main-navigation__footer__toggler svg {
  transition: translate 500ms;
}
@media (min-width: 1018px) {
  .main-navigation {
    height: 100%;
    right: 0;
    max-width: auto;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    padding: 0 0;
    box-shadow: -1px 0 0 rgba(58, 61, 66, 0.06), -2px 0 8px -2px rgba(0, 0, 0, 0.05);
    display: flex;
    align-items: top;
    justify-content: flex-start;
    flex-direction: column;
    width: var(--medium-sidebar-offset);
    z-index: 999999999;
  }
  .main-navigation__container {
    height: auto;
    border-top: none;
    flex-direction: column;
    margin-top: 108px;
  }
  .main-navigation__icon {
    margin: 0 16px 0 12px;
  }
  .main-navigation__badge {
    left: 8px;
    margin: unset;
    -webkit-transform: translate(4px, -8px);
            transform: translate(4px, -8px);
    transition: all 400ms;
  }
  .main-navigation__notify {
    position: fixed;
    bottom: 22px;
    max-width: var(--max-width-on-desktop);
  }
  .main-navigation__notify.responsive-overload {
    bottom: 99px;
  }
  .main-navigation__notify__container {
    height: 56px;
    border-radius: 6px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    border: none;
    background-color: var(--color-white);
  }
  .main-navigation__item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    border-radius: 6px;
    width: 100%;
    align-items: center;
  }
  .main-navigation__item span {
    font-size: 16px;
  }
  .main-navigation__item--active {
    background: rgba(255, 0, 164, 0.06) !important;
  }
  .main-navigation__item--active span {
    color: var(--color-black);
    font-weight: bold;
  }
  .main-navigation__item:hover {
    background: rgba(0, 17, 51, 0.036);
  }
  .main-navigation__menu-title {
    color: var(--color-gray_40);
    left: 0;
    position: absolute;
    width: calc(var(--large-sidebar-offset) - 16px - 24px - 12px - 16px);
    text-align: right;
    transition: opacity 500ms;
  }
  .main-navigation__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 256px;
    position: absolute;
    left: 0;
    padding: 24px 24px 12px 28px;
  }
  .main-navigation__header__logo {
    opacity: 1;
    height: 65px;
    width: auto;
    transition: opacity 400ms;
    opacity: 0;
  }
  .main-navigation__header__logo-symbol {
    opacity: 0;
    transition: opacity 400ms;
    opacity: 1;
  }
  .main-navigation__header__logo-symbol > img {
    height: 32px;
  }
  .main-navigation__footer {
    width: inherit;
    direction: ltr;
  }
  .main-navigation__footer__snapp-store {
    display: inline-block;
  }
  .main-navigation__footer__toggler {
    display: flex;
  }
  .main-navigation__menu-title {
    opacity: 0;
  }
  .main-navigation--open {
    -webkit-animation: anim_open 600ms both cubic-bezier(0.4, 0, 0, 1.4);
            animation: anim_open 600ms both cubic-bezier(0.4, 0, 0, 1.4);
  }
  .main-navigation--open .main-navigation__badge {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  .main-navigation--open .main-navigation__header__logo {
    opacity: 1;
  }
  .main-navigation--open .main-navigation__header__logo-symbol {
    opacity: 0;
  }
  .main-navigation--open .main-navigation__footer__wrapper {
    padding-left: 0;
  }
  .main-navigation--open .main-navigation__footer__toggler svg {
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1);
  }
  .main-navigation--open .main-navigation__footer__snapp-store {
    border-bottom: none;
  }
  .main-navigation--open .main-navigation__menu-title {
    opacity: 1;
  }
  .main-navigation--close {
    -webkit-animation: anim_close 400ms both cubic-bezier(0.4, 0, 0, 1.2);
            animation: anim_close 400ms both cubic-bezier(0.4, 0, 0, 1.2);
  }
  .main-navigation--close .main-navigation__badge {
    -webkit-transform: translate(4px, -8px);
            transform: translate(4px, -8px);
  }
  .main-navigation--close .main-navigation__header__logo {
    opacity: 0;
  }
  .main-navigation--close .main-navigation__header__logo-symbol {
    opacity: 1;
  }
}
@media (min-width: 1440px) {
  .main-navigation {
    width: var(--large-sidebar-offset);
  }
  .main-navigation__badge {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  .main-navigation__header__logo {
    opacity: 1;
  }
  .main-navigation__header__logo-symbol {
    display: none;
  }
  .main-navigation__footer__wrapper {
    display: none;
  }
  .main-navigation__footer__snapp-store {
    border-bottom: none;
  }
  .main-navigation__menu-title {
    opacity: 1;
  }
  .main-navigation--close {
    -webkit-animation: unset;
            animation: unset;
  }
  .main-navigation--close .main-navigation {
    width: var(--large-sidebar-offset);
  }
  .main-navigation--close .main-navigation__badge {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  .main-navigation--close .main-navigation__header__logo {
    opacity: 1;
  }
  .main-navigation--close .main-navigation__header__logo-symbol {
    display: none;
  }
}
@-webkit-keyframes anim_open {
  from {
    width: var(--medium-sidebar-offset);
  }
  to {
    width: var(--large-sidebar-offset);
  }
}
@keyframes anim_open {
  from {
    width: var(--medium-sidebar-offset);
  }
  to {
    width: var(--large-sidebar-offset);
  }
}
@-webkit-keyframes anim_close {
  from {
    width: var(--large-sidebar-offset);
  }
  to {
    width: var(--medium-sidebar-offset);
  }
}
@keyframes anim_close {
  from {
    width: var(--large-sidebar-offset);
  }
  to {
    width: var(--medium-sidebar-offset);
  }
}
.main-navigation-backdrop {
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 99999999;
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  opacity: 0;
  transition: opacity 600ms;
  cursor: pointer;
  pointer-events: none;
}
.main-navigation-backdrop--open {
  opacity: 1;
  pointer-events: all;
}
.upload-image {
  position: relative;
  width: 100%;
  min-height: 100vh;
  top: 0px;
  overflow: scroll;
}
.upload-image__head {
  padding: 0;
  padding-bottom: 0.25rem;
  position: absolute;
  width: 100%;
  top: 0rem;
  right: 0rem;
  height: 115px;
  border-radius: 0px;
  background: #fff;
  display: block;
  z-index: 10;
}
.upload-image__head-nav {
  top: 0rem;
  right: 0rem;
  z-index: 1;
  height: 100px;
  width: 100%;
  height: 48px;
  background: #fff;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  box-shadow: 0px 1px 0px rgba(64, 64, 64, 0.1);
}
.upload-image__head-nav-close {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 48px;
  padding: 0 0.5rem;
}
.upload-image__head-nav-close-box {
  background-color: #fff;
  border: none;
  outline: none;
  width: 48px;
  height: 48px;
  right: 0px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.upload-image__head-nav-close-box-container {
  width: 24px;
  height: 24px;
  position: relative;
}
.upload-image__head-nav-close-box-container > span {
  width: 100%;
  height: 2px;
  display: block;
  border-radius: 2px;
  position: absolute;
  background: rgba(48.07, 50.6, 78.43, 0.9);
  transition: all 0.3s ease-in-out;
}
.upload-image__head-nav-close-box-container > span:first-child {
  top: 10px;
  height: 3px;
  border-radius: 1px;
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
}
.upload-image__head-nav-close-box-container > span:last-child {
  bottom: 11px;
  height: 3px;
  border-radius: 1px;
  -webkit-transform: rotateZ(-45deg);
          transform: rotateZ(-45deg);
}
.upload-image__head-nav-title, .upload-image__head-nav-des p {
  margin: 0;
}
.upload-image__head-nav-title {
  color: rgba(38.38, 40.4, 62.62, 0.9);
  font-size: 0.85rem;
}
.upload-image__head-nav-des {
  width: 100%;
  height: 66px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
.upload-image__head-nav-des p {
  color: rgb(99.25, 99.25, 99.25);
  font-size: 14px;
  line-height: 20px;
  padding: 0 16px 0 0;
}
.upload-image__image {
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  right: unset;
  padding: 0rem;
  position: relative;
  top: 12px;
  -webkit-transform: unset;
          transform: unset;
}
.upload-image__image > div {
  width: auto;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  max-height: 100%;
  overflow: visible;
}
.upload-image__image > div > div:first-child {
  width: 100%;
  height: 100%;
  background: #a3a3a3;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.upload-image__image > div > div:first-child > img {
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.upload-image__test {
  top: 0;
  box-shadow: 0 0 35px 35px rgba(0, 0, 0, 0.239);
  min-height: 100px;
  background-color: rgb(122, 173, 255);
  padding: 10px;
  position: absolute;
  left: 0;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 120px;
}
.upload-image__no-image--primary, .upload-image__no-image--secondary {
  margin: 0px;
}
.upload-image__no-image--primary {
  color: rgba(38.38, 40.4, 62.62, 0.9);
  font-size: 1.4rem;
}
.upload-image__no-image--secondary {
  color: #a3a3a3;
  font-size: 0.8rem;
  margin: 0.8rem 0;
}
.upload-image__ctas {
  position: fixed;
  z-index: 1;
  width: 100%;
  height: 144px;
  bottom: 0px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: #fff;
  box-shadow: 0 -15px 50px rgba(0, 0, 0, 0.05);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
}
.upload-image__ctas-controls {
  width: 100%;
  height: 64px;
  padding: 0.75rem 1rem;
  background-color: #fff;
  border-bottom: 1px solid #e7e7e7;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
}
.upload-image__ctas-controls-slider {
  width: 100%;
  margin: 0.5rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.upload-image__ctas-controls-slider span {
  width: 16px;
  height: 16px;
  margin-right: 20px;
}
.upload-image__ctas-confirm {
  width: 100%;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  padding: 0.5rem 1rem;
}
.new-dashboard {
  background: #fff;
  width: 100%;
  position: relative;
}
.new-dashboard > div {
  display: none;
}
.new-dashboard__tabs-container {
  padding-top: 50px;
  position: relative;
}
.new-dashboard .react-swipeable-view-container > div {
  overflow: hidden !important;
}
.new-dashboard .overview {
  direction: rtl;
  min-height: 50vh;
  padding: 8px 0 16px;
  position: relative;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  transition: all 0.3s ease-in-out;
  direction: rtl;
}
.new-dashboard .overview__feature-presenting {
  margin: 16px 16px;
}
.new-dashboard .overview__section {
  margin-bottom: 0.85rem;
  padding: 0.9rem !important;
}
.new-dashboard .overview__section--strip-padding {
  padding: 0.9rem 0 !important;
}
.new-dashboard .overview__section--strip-padding > h2,
.new-dashboard .overview__section--strip-padding p {
  padding: 0 0.9rem !important;
}
.new-dashboard .overview__section--strip-padding > h2.SF-button__label,
.new-dashboard .overview__section--strip-padding p.SF-button__label {
  padding: 0 !important;
}
.new-dashboard .overview__section--no-content {
  min-height: 100px;
  font-size: 0.77rem;
  color: #a3a3a3;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.new-dashboard .overview__title-primary {
  margin: 0;
  font-size: 1rem;
  margin-bottom: 1rem;
  color: rgba(19, 20, 31, 0.9);
}
.new-dashboard .overview__title-secondary {
  margin: 0px;
  font-size: 0.75rem;
  color: #008efa;
  font-weight: bold;
  margin-bottom: 0.85rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.new-dashboard .overview__title-secondary > span:first-child {
  margin-left: 0.4rem;
}
.new-dashboard .overview__deactivate-reason {
  margin: 16px;
  background-color: rgb(250.3815789474, 232.6184210526, 233.3289473684);
  color: #bd272d;
  border-radius: 8px;
  padding: 16px 16px 16px 24px;
}
.new-dashboard .overview__deactivate-reason:not(:first-child) {
  margin-top: 22px;
}
.new-dashboard .overview__deactivate-reason__title {
  font-size: 14px;
  margin: 0;
  color: #bd272d;
  line-height: 20px;
  font-weight: 400;
}
.new-dashboard .overview__deactivate-reason__reason {
  font-family: "IRANsans";
  font-size: 12px;
  line-height: 16px;
  margin-top: 8px;
  font-style: normal;
  font-weight: normal;
}
.new-dashboard .overview__deactivate-reason__reason ul {
  padding-right: 30px;
  list-style: unset;
  margin: revert;
}
.new-dashboard .overview__deactivate-reason__reason ul li {
  margin-top: 8px;
}
.new-dashboard .overview__deactivate-reason__action {
  font-size: 14px;
  color: #22a958;
  margin-top: 8px;
  font-family: "IRANsans";
  font-weight: 400;
  fill: #22a958;
  padding: 6px 0;
  line-height: 20px;
}
.new-dashboard .overview__deactivate-reason__action__icon {
  margin-right: 4px;
  position: absolute;
}
.new-dashboard .overview__deactivate-reason__action__icon svg {
  height: 20px;
}
.new-dashboard .overview__today-report {
  width: 100%;
  padding: 0.9rem;
}
.new-dashboard .overview__today-report .list-card {
  margin: 0;
}
.new-dashboard .overview__today-report .list-card--empty {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.new-dashboard .overview__week-chart {
  width: 100%;
  position: relative;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.new-dashboard .overview__week-chart-title {
  margin: 0;
  font-size: 1rem;
  margin-bottom: 1.3rem;
  color: rgba(19, 20, 31, 0.9);
}
.new-dashboard .overview__week-chart-body {
  padding: 0rem 0;
  position: relative;
  width: 100%;
  min-height: 210px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.new-dashboard .overview__week-chart-body > canvas {
  pointer-events: none;
}
.new-dashboard .overview__week-chart-body-top-labels {
  color: rgba(19, 20, 31, 0.9);
}
.new-dashboard .overview__week-chart-body-dates {
  color: rgba(96.52, 101.6, 157.48, 0.9);
}
.new-dashboard .overview__week-chart-body-top-labels, .new-dashboard .overview__week-chart-body-dates {
  position: absolute;
  width: 100%;
  height: 30px;
  display: grid;
  direction: ltr;
  font-size: 0.65rem;
  font-weight: bold;
  align-items: center;
  justify-items: center;
  grid-template-columns: repeat(7, 1fr);
}
.new-dashboard .overview__week-chart-body-top-labels {
  top: 5px;
}
.new-dashboard .overview__week-chart-body-dates {
  bottom: 2px;
}
.new-dashboard .overview__week-chart-body--no-data {
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 0.77rem;
  color: #a3a3a3;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.new-dashboard .overview__week-chart-skelet {
  padding: 0rem 0;
  position: relative;
  width: 100%;
  min-height: 210px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  --skeleton-bg-color: #f0f0f0;
  overflow: hidden;
  position: relative;
  --bg-color: #e2e2e2;
}
.new-dashboard .overview__week-chart-skelet::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.6) 90%, rgba(255, 255, 255, 0) 95%, rgba(255, 255, 255, 0) 100%);
  -webkit-filter: blur(20px);
          filter: blur(20px);
  -webkit-animation: loading 1.5s infinite;
          animation: loading 1.5s infinite;
  z-index: 100;
}
@keyframes loading {
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
.new-dashboard .overview__week-chart-skelet-top-labels {
  color: rgba(19, 20, 31, 0.9);
}
.new-dashboard .overview__week-chart-skelet-dates {
  color: rgba(96.52, 101.6, 157.48, 0.9);
}
.new-dashboard .overview__week-chart-skelet-top-labels, .new-dashboard .overview__week-chart-skelet-dates {
  position: absolute;
  width: 85%;
  height: 30px;
  display: grid;
  direction: ltr;
  font-size: 0.65rem;
  font-weight: bold;
  align-items: center;
  justify-items: center;
}
.new-dashboard .overview__week-chart-skelet-top-labels .skelet-line, .new-dashboard .overview__week-chart-skelet-dates .skelet-line {
  height: 6px;
  width: 100%;
  border-radius: 2px;
  background-color: #e2e2e2;
}
.new-dashboard .overview__week-chart-skelet-top-labels {
  top: 8px;
}
.new-dashboard .overview__week-chart-skelet-dates {
  bottom: 7px;
}
.new-dashboard .overview__week-chart-skelet-body {
  background-color: var(--bg-color);
  width: 85%;
  height: 118px;
  border-radius: 2px;
}
.new-dashboard .overview__passed-month-performance {
  padding-bottom: 0rem;
  margin-bottom: 0rem;
}
.new-dashboard .overview__passed-month-performance-alert-boxies {
  margin: 0.9rem;
}
.new-dashboard .overview__passed-month-performance-alert-boxies:first-child {
  margin-top: 0.9rem;
}
.new-dashboard .overview__passed-month-performance-alert-boxies:last-child {
  margin-bottom: 0;
}
.new-dashboard .overview__customer-satisfaction {
  margin-top: 1rem;
}
.new-dashboard .overview__customer-satisfaction .list-card {
  margin: 0;
}
.new-dashboard .overview__customer-satisfaction .list-card--empty {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.new-dashboard .overview__alert .alert-card {
  margin: 0.9rem;
  border: 1px solid #bd272d;
}
.new-dashboard .overview__notice-board {
  margin: 16px 12px;
}
.new-dashboard .overview__notice-board-card:not(:last-child) {
  margin-bottom: 16px;
}
.new-dashboard .sales-report {
  min-height: calc(100vh - 50px - 48px - 68px);
  position: relative;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  direction: rtl;
  margin-bottom: -2rem;
  background-color: #f7f7f7;
  transition: all 0.3s ease-in-out;
}
.new-dashboard .product-report {
  min-height: 50vh;
  position: relative;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  direction: rtl;
  transition: all 0.3s ease-in-out;
}
.new-dashboard .product-report__section {
  margin-bottom: 0.85rem;
  padding: 0.9rem !important;
}
.new-dashboard .product-report__section--strip-padding {
  padding: 0.9rem 0 !important;
}
.new-dashboard .product-report__section--strip-padding > h2,
.new-dashboard .product-report__section--strip-padding p {
  padding: 0 0.9rem !important;
}
.new-dashboard .product-report__section--strip-padding > h2.SF-button__label,
.new-dashboard .product-report__section--strip-padding p.SF-button__label {
  padding: unset !important;
}
.new-dashboard .product-report__title-primary {
  margin: 0;
  font-size: 0.88rem;
  margin-bottom: 1rem;
  color: rgba(19, 20, 31, 0.9);
}
.new-dashboard .product-report__title-secondary {
  margin: 0px;
  font-size: 0.75rem;
  color: #008efa;
  font-weight: bold;
  margin-bottom: 0.85rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.new-dashboard .product-report__title-secondary > span:first-child {
  margin-left: 0.4rem;
}
.new-dashboard .product-report__top-sold {
  width: 100%;
}
.new-dashboard .product-report__top-sold-shortcut-btns {
  width: 100%;
  margin-bottom: 0.85rem;
  display: grid;
  grid-gap: 0.6rem;
  grid-template-columns: repeat(3, 1fr);
}
.new-dashboard .product-report__top-sold-shortcut-btns.disabled {
  pointer-events: none;
}
.new-dashboard .product-report__top-sold-shortcut-btns.disabled .SF-button--elevated-diactive p {
  color: silver;
}
.new-dashboard .product-report__top-sold-body > p {
  color: rgb(226.75, 226.75, 226.75);
}
.new-dashboard .product-report__top-sold-body--empty {
  width: 100%;
  min-height: 180px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.new-dashboard .product-report__top-sold-body--empty > p {
  font-size: 0.77rem;
  color: #a3a3a3;
}
.new-dashboard .performance-score {
  direction: rtl;
  min-height: 50vh;
  position: relative;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: 0 0.88rem;
  padding-bottom: 2rem;
  padding-top: 1.5rem;
  transition: all 0.3s ease-in-out;
}
.new-dashboard .performance-score__daily form {
  height: 400px;
  overflow: scroll;
}
.new-dashboard .performance-score > section {
  margin-top: 1.77rem;
}
.new-dashboard .performance-score > section > p:first-child {
  font-size: 0.94rem;
  font-weight: bold;
  font-style: normal;
  line-height: normal;
}
.new-dashboard .performance-score__no-content {
  min-height: 150px;
  font-size: 0.77rem;
  color: #a3a3a3;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.new-dashboard .customer-satisfaction {
  min-height: 50vh;
  position: relative;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.edit-menu-list {
  width: 100%;
  position: relative;
  background-color: #f8f9fb;
}
.edit-menu-list__list-container {
  position: relative;
  overflow: auto;
  box-sizing: border-box;
}
.edit-menu-list__searching {
  margin-top: 65px;
}
.edit-menu-list__top-wrapper {
  padding-top: 88px;
}
.edit-menu-list__stock-card-navigation {
  margin: 0 16px 24px;
}
.edit-menu-list__sales-coach {
  margin: 0 16px 24px;
}
.edit-menu-list__create {
  overflow: hidden;
  z-index: 5;
  width: 48px;
  height: 48px;
  position: fixed;
  border: 0.5px solid #f2f2f2;
  color: #fff;
  box-sizing: border-box;
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);
  border-radius: 48px;
  background-color: #ff00a4;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  left: 16px;
  bottom: calc(16px + var(--safe-bottom-padding) + var(--footer-height));
}
@media (min-width: 480px) {
  .edit-menu-list__create {
    left: calc(50% - var(--max-width-on-desktop) / 2 + 16px);
  }
}
@media (min-width: 1018px) {
  .edit-menu-list__create {
    left: calc(50% - var(--medium-sidebar-offset) / 2 - var(--max-width-on-desktop) / 2 + 16px);
    bottom: 16px;
  }
}
@media (min-width: 1440px) {
  .edit-menu-list__create {
    left: calc(50% - var(--large-sidebar-offset) / 2 - var(--max-width-on-desktop) / 2 + 16px);
  }
}
.edit-menu-list__create--disabled {
  background-color: var(--color-grey-ed);
  color: var(--color-grey-a3a7);
}
.edit-menu-list__create svg {
  position: absolute;
  top: 17px;
  left: 17px;
}
.edit-menu-list__create-new {
  padding: 10px 20px;
  width: unset;
  height: unset;
}
.edit-menu-list__create-new span {
  font-size: 16px;
  line-height: 28px;
  font-weight: 600;
  margin-right: 8px;
}
.edit-menu-list__create-new svg {
  position: unset;
}
.search-bar {
  position: fixed;
  top: 0;
  width: 100%;
  max-width: inherit;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background-color: #fff;
  z-index: 1000000;
  font-family: "IRANsans", "iransansbase";
  border-bottom: 1px solid rgba(19, 20, 31, 0.1);
  max-width: var(--max-width-on-desktop);
}
.search-bar__header {
  padding: 0 1rem;
  width: 100%;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.search-bar__header_close-btn {
  width: 12px;
  height: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.search-bar__header_close-btn > svg {
  width: 12px;
  height: 12px;
}
.search-bar__header_label {
  font-weight: 500;
  font-size: 0.77rem;
  line-height: 20px;
  color: rgba(19, 20, 31, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.search-bar__input {
  margin: 8px 16px;
  position: relative;
  background-color: #fff;
}
.search-bar__input input {
  width: 100%;
  height: 48px;
  font-size: 0.94rem;
  border-radius: 6px;
  font-weight: normal;
  font-family: "IRANsans", "iransansbase";
  color: rgba(19, 20, 31, 0.9);
  background-color: rgba(19, 20, 31, 0.04);
  padding: 12px 12px 12px 8px;
  border: 1px solid rgba(19, 20, 31, 0.04);
}
.search-bar__input input::-webkit-input-placeholder {
  font-size: 0.77rem;
  font-family: "IRANsans", "iransansbase";
  color: #a3a3a3;
}
.search-bar__input input::-moz-placeholder {
  font-size: 0.77rem;
  font-family: "IRANsans", "iransansbase";
  color: #a3a3a3;
}
.search-bar__input input::placeholder {
  font-size: 0.77rem;
  font-family: "IRANsans", "iransansbase";
  color: #a3a3a3;
}
.search-bar__input input:focus {
  outline: 0;
}
.search-bar__input__icon {
  padding: 12px;
  height: 100%;
  display: flex;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
}
.stock-list__wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #f8f9fb;
}
.stock-list {
  overflow-y: scroll;
  padding: 24px 16px;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 80px;
  height: inherit;
  display: flex;
  flex-direction: column;
}
.stock-list__description {
  padding-bottom: 16px;
}
.stock-list__notice {
  background: rgba(250, 203, 15, 0.1);
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  color: #9e6900;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  padding: 8px 12px;
  margin-bottom: 16px;
}
.stock-list__notice__icon {
  margin-left: 8px;
}
.stock-list__setter {
  padding-bottom: 16px;
}
.stock-list__checker {
  padding-bottom: 16px;
}
.stock-list__items {
  flex: auto;
}
.stock-list__items__item {
  padding: 12px 0px;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.stock-list__items__item:not(:last-child) {
  border-bottom: 1px solid #e6e6e6;
}
.stock-list__items__item__product {
  display: flex;
  align-items: center;
}
.stock-list__items__item__product:not(:last-child) {
  margin-bottom: 8px;
}
.stock-list__items__item__product--variation {
  width: 100%;
}
.stock-list__items__item__product__title {
  margin-right: 12px;
  flex: auto;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}
.stock-list__items__item__product .product-variation-item__img-container {
  z-index: 1;
}
.stock-list__items__item__variation {
  display: flex;
  align-items: center;
  width: 100%;
}
.stock-list__items__item__variation:not(:last-child) {
  margin-bottom: 8px;
}
.stock-list__items__item__variation__line {
  width: 48px;
  height: 48px;
}
.stock-list__items__item__variation__line__border {
  border-right: 1px dashed #e6e6e6;
  width: 0px;
  height: 60px;
  margin: auto;
  margin-top: -38px;
}
.stock-list__items__item__variation__line__circle {
  width: 16px;
  height: 16px;
  background-color: #e6e6e6;
  border-radius: 100%;
  margin-top: -5px;
  margin-right: 15px;
}
.stock-list__items__item__variation__title {
  margin-right: 12px;
  flex: auto;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}
.stock-list__items__item__variation__input {
  width: 67px;
  height: 60px;
}
.stock-list__items__item__variation__input .textfield {
  margin: unset;
}
.stock-list__items__item__variation__input .textfield__input {
  background-color: #fff;
  height: 60px;
}
.stock-list__items__item__variation__input .textfield__input input {
  padding: 16px 10px 0px 6px;
}
.stock-list__items__item__variation__input .textfield label {
  top: 4px;
}
.stock-list__items__item__variation__input .textfield__input-left-side {
  display: none;
}
.stock-list__footer {
  background-color: #fff;
  box-shadow: 0px -1px 0px rgba(58, 61, 66, 0.06), 0px -2px 8px -2px rgba(0, 0, 0, 0.05);
}
.stock-list__footer__button {
  padding: 16px 16px;
}
.stock-list__modal__header {
  display: flex;
  justify-content: space-between;
  padding: 20px 16px 0px 24px;
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
}
.stock-list__modal__body {
  font-weight: 300;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 80px;
  padding: 16px;
}
.stock-list__skeleton {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0px;
}
.stock-list__skeleton:not(:last-child) {
  border-bottom: 1px solid #e6e6e6;
}
.stock-list__skeleton__image__item {
  width: 48px;
  height: 48px;
}
.stock-list__skeleton__text {
  width: 100%;
}
.stock-list__skeleton__text__item {
  width: 111px;
  height: 20px;
  margin-right: 12px;
}
.stock-list__skeleton__input__item {
  width: 67px;
  height: 60px;
}
.upload-image {
  position: relative;
  width: 100%;
  min-height: 100vh;
  top: 0px;
  overflow: scroll;
}
.upload-image__head {
  padding: 0;
  padding-bottom: 0.25rem;
  position: absolute;
  width: 100%;
  top: 0rem;
  right: 0rem;
  height: 115px;
  border-radius: 0px;
  background: #fff;
  display: block;
  z-index: 10;
}
.upload-image__head-nav {
  top: 0rem;
  right: 0rem;
  z-index: 1;
  height: 100px;
  width: 100%;
  height: 48px;
  background: #fff;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  box-shadow: 0px 1px 0px rgba(64, 64, 64, 0.1);
}
.upload-image__head-nav-close {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 48px;
  padding: 0 0.5rem;
}
.upload-image__head-nav-close-box {
  background-color: #fff;
  border: none;
  outline: none;
  width: 48px;
  height: 48px;
  right: 0px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.upload-image__head-nav-close-box-container {
  width: 24px;
  height: 24px;
  position: relative;
}
.upload-image__head-nav-close-box-container > span {
  width: 100%;
  height: 2px;
  display: block;
  border-radius: 2px;
  position: absolute;
  background: rgba(48.07, 50.6, 78.43, 0.9);
  transition: all 0.3s ease-in-out;
}
.upload-image__head-nav-close-box-container > span:first-child {
  top: 10px;
  height: 3px;
  border-radius: 1px;
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
}
.upload-image__head-nav-close-box-container > span:last-child {
  bottom: 11px;
  height: 3px;
  border-radius: 1px;
  -webkit-transform: rotateZ(-45deg);
          transform: rotateZ(-45deg);
}
.upload-image__head-nav-title, .upload-image__head-nav-des p {
  margin: 0;
}
.upload-image__head-nav-title {
  color: rgba(38.38, 40.4, 62.62, 0.9);
  font-size: 0.85rem;
}
.upload-image__head-nav-des {
  width: 100%;
  height: 66px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
.upload-image__head-nav-des p {
  color: rgb(99.25, 99.25, 99.25);
  font-size: 14px;
  line-height: 20px;
  padding: 0 16px 0 0;
}
.upload-image__image {
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  right: unset;
  padding: 0rem;
  position: relative;
  top: 12px;
  -webkit-transform: unset;
          transform: unset;
}
.upload-image__image > div {
  width: auto;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  max-height: 100%;
  overflow: visible;
}
.upload-image__image > div > div:first-child {
  width: 100%;
  height: 100%;
  background: #a3a3a3;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.upload-image__image > div > div:first-child > img {
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.upload-image__test {
  top: 0;
  box-shadow: 0 0 35px 35px rgba(0, 0, 0, 0.239);
  min-height: 100px;
  background-color: rgb(122, 173, 255);
  padding: 10px;
  position: absolute;
  left: 0;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 120px;
}
.upload-image__no-image--primary, .upload-image__no-image--secondary {
  margin: 0px;
}
.upload-image__no-image--primary {
  color: rgba(38.38, 40.4, 62.62, 0.9);
  font-size: 1.4rem;
}
.upload-image__no-image--secondary {
  color: #a3a3a3;
  font-size: 0.8rem;
  margin: 0.8rem 0;
}
.upload-image__ctas {
  position: fixed;
  z-index: 1;
  width: 100%;
  height: 144px;
  bottom: 0px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: #fff;
  box-shadow: 0 -15px 50px rgba(0, 0, 0, 0.05);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
}
.upload-image__ctas-controls {
  width: 100%;
  height: 64px;
  padding: 0.75rem 1rem;
  background-color: #fff;
  border-bottom: 1px solid #e7e7e7;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
}
.upload-image__ctas-controls-slider {
  width: 100%;
  margin: 0.5rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.upload-image__ctas-controls-slider span {
  width: 16px;
  height: 16px;
  margin-right: 20px;
}
.upload-image__ctas-confirm {
  width: 100%;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  padding: 0.5rem 1rem;
}
.vendor-status__modal {
  padding: 0.5rem 0.88rem 1.3rem;
  overflow: scroll;
}
.vendor-status__modal .categoryModalAlert {
  border: none;
  background-color: rgba(64, 64, 64, 0.04);
  padding: 8px 12px;
}
.vendor-status__modal .categoryModalAlert .alert-card__title > span {
  font-size: 14px;
  font-weight: normal;
  margin-right: 8px;
}
.vendor-status__modal .categoryModalAlert .alert-card__title svg {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  align-self: flex-start;
}
.vendor-status__modal .createNewCategoryBtn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.vendor-status__modal .createNewCategoryBtn__icon {
  margin-left: 8px;
  background-color: transparent;
}
.vendor-status__modal .categoryModalForm {
  height: 250px;
  overflow: auto;
  margin-bottom: 5px;
}
.branches-management {
  padding: 24px 12px 48px;
}
.branches-management__retry-container {
  height: calc(100vh - 50px - 24px - 48px);
}
.branches-management__modal {
  margin: 0 24px 16px;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  font-family: "IRANsans";
}
.branches-management__modal__action-handler {
  position: relative !important;
}
.branches-management__modal__action-handler p {
  font-size: 17px !important;
  line-height: 24px;
  font-weight: 700;
}
.deactivating {
  background-color: #f7f7f7;
}
.deactivating__reasons-modal {
  bottom: 0 !important;
  position: fixed;
}
.deactivating__nav {
  width: 100%;
  position: relative;
  padding: 1.15rem 1rem 0;
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
}
.deactivating__nav-chevron {
  top: 50%;
  left: 0px;
  width: 20px;
  opacity: 0.4;
  position: absolute;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.deactivating__nav img,
.deactivating__nav svg,
.deactivating__nav div {
  width: 24px;
  height: 24px;
}
.deactivating__nav h3 {
  font-size: 0.94rem;
  font-weight: bold;
}
.deactivating__body {
  width: 100%;
  padding: 0.88rem;
}
.deactivating__time {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.deactivating__time > section:first-child {
  margin-left: 0.88rem;
}
.deactivating__time .SF-item-select--filter {
  padding: 0.5rem 0.4rem;
}
.deactivating__notif {
  margin-top: 0.44rem;
  display: inline-flex;
}
.deactivating__notif img,
.deactivating__notif svg {
  width: 24px;
  height: 24px;
}
.deactivating__notif span {
  font-size: 0.66rem;
  font-weight: normal;
  line-height: normal;
  margin-right: 0.22rem;
  color: rgba(19, 20, 31, 0.9);
}
.deactivating__support {
  width: 100%;
  padding: 0.88rem;
  margin: 0.88rem 0;
  border-radius: 8px;
  background-color: #fff;
  border: 2px solid #e3e3e3;
}
.deactivating__support span {
  font-size: 0.77rem;
  color: rgba(19, 20, 31, 0.9);
}
.deactivating__support button {
  margin-top: 0.88rem;
}
.deactivating__support-call {
  display: flex;
  flex-direction: row-reverse;
}
.deactivating__reasons .SF-item-select {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.deactivating__reasons img,
.deactivating__reasons svg {
  width: 20px;
  height: 20px;
}
.deactivating__description {
  margin-top: 0.88rem;
}
.deactivating__description textarea {
  width: 100%;
  height: 100px;
  resize: none;
  border: 1px solid #e6e6e6;
  padding: 0.66rem;
  outline: none;
  font-size: 0.66rem;
  max-height: 400px;
  border-radius: 6px;
  color: #a3a3a3;
  font-family: "IRANsans", "iransansbase";
}
.discount-card {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 6px;
  border: solid 1px #e6e6e6;
  background-color: #ffffff;
  margin-bottom: 0.66rem;
  padding: 0.88rem 0.88rem 0.88rem 0.66rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-family: "IRANsans", "iransansbase";
}
.discount-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  margin-bottom: 0.94rem;
}
.discount-card__date {
  display: flex;
  align-items: center;
}
.discount-card__date-text {
  font-size: 0.66rem;
  font-weight: normal;
  text-align: center;
  color: rgba(19, 20, 31, 0.9);
  margin-right: 0.44rem;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 320px) {
  .discount-card__date-text {
    font-size: 0.55rem;
  }
}
.discount-card__status {
  padding: 2px 4px;
  border-radius: 4px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.discount-card__status > label {
  font-size: 0.66rem;
  font-weight: 400;
  line-height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.discount-card__status--ONGOING {
  color: #fff;
  background-color: #00d170;
}
.discount-card__status--SUBMITTED {
  color: #22a958;
  background-color: rgba(34, 169, 88, 0.06);
}
.discount-card__status--EXPIRED {
  color: rgba(19, 20, 31, 0.9);
  background-color: #f2f2f2;
}
.discount-card__badge {
  position: absolute;
  top: -0.4rem;
  right: -0.4rem;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #ff00a4;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.discount-card__total {
  display: flex;
  align-items: center;
  margin-bottom: 0.94rem;
}
.discount-card__total-label {
  font-size: 0.77rem;
  line-height: 1.21;
  text-align: right;
  color: #a3a3a3;
  margin-left: 0.44rem;
}
.discount-card__total-percentage {
  font-size: 0.77rem;
  line-height: 1.21;
  text-align: right;
  color: rgba(19, 20, 31, 0.9);
}
.discount-card__discount {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.discount-card__total-discount {
  display: flex;
  align-items: center;
}
.discount-card__total-discount-label {
  font-size: 0.77rem;
  line-height: 1.21;
  text-align: right;
  color: #a3a3a3;
  margin-left: 0.28rem;
}
.discount-card__total-discount-percentage {
  font-size: 0.77rem;
  line-height: 1.21;
  text-align: right;
  color: rgba(19, 20, 31, 0.9);
}
.discount-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.discount-card__percentages {
  display: flex;
  align-items: center;
}
.discount-card__vendor {
  font-size: 0.77rem;
  line-height: 1.21;
  text-align: right;
  margin-left: 1.38rem;
}
.discount-card__vendor-label {
  color: #22a958;
  margin-left: 0.33rem;
}
.discount-card__vendor-percentage {
  color: rgba(19, 20, 31, 0.9);
}
.discount-card__snappfood {
  font-size: 0.77rem;
  line-height: 1.21;
  text-align: right;
}
.discount-card__snappfood-label {
  color: #ff00a4;
}
.discount-card__snappfood-percentage {
  color: rgba(19, 20, 31, 0.9);
}
.discount-card__details {
  display: flex;
  align-items: center;
  margin-left: 0.11rem;
  cursor: pointer;
}
.discount-card__details-label {
  font-size: 0.66rem;
  color: rgba(19, 20, 31, 0.9);
  margin-left: 0.33rem;
}
.discount-card__details-icon {
  width: 16px;
  height: 16px;
}
.discount {
  padding-bottom: 5rem;
  position: relative;
  height: 100%;
  overflow: scroll;
}
.discount h4 {
  font-size: 0.95rem;
  font-weight: bold;
  font-style: normal;
}
.discount__navbar {
  top: 0;
  width: 100%;
  max-width: 480px;
  z-index: 100;
  position: fixed;
  padding: 0.88rem;
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.discount__navbar img,
.discount__navbar svg,
.discount__navbar div {
  width: 24px;
  height: 24px;
}
.discount__navbar span {
  font-size: 14px;
  font-weight: 500;
  color: rgba(19, 20, 31, 0.9);
}
.discount__percentage {
  margin: 0 16px;
  margin-top: 1rem;
}
.discount__percentage svg {
  width: 16px !important;
  height: 16px !important;
}
.discount__invalid {
  font-size: 11px;
  color: #bd272d;
}
.discount__time {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}
.discount__time div + div {
  margin-top: 1.33rem;
}
.discount__time > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  width: 100%;
}
.discount__time > div span {
  font-size: 14px;
  font-weight: 500;
  color: #22a958;
}
.discount__time > div > span {
  font-size: 12px;
}
.discount__time > div > div {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.discount__time > div img {
  width: 24px;
  height: 24px;
  margin-left: 8px;
}
.discount__time-holder {
  transition: all 0.3s linear;
}
.discount__time-holder--show {
  height: 475px;
}
.discount__time-holder--hidden {
  height: 73px;
}
.discount > :nth-child(n+2):nth-last-child(n+2) {
  margin-right: 0.88rem;
  margin-left: 0.88rem;
}
.discount__time-selection {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.discount__timeShift {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  border-bottom: 1px solid #f2f2f2;
  padding-bottom: 0.55rem;
  margin: 0 1.33rem;
}
.discount__timeShift span:first-child {
  font-size: 0.77rem;
  font-weight: normal;
  color: rgba(19, 20, 31, 0.9);
}
.discount__timeShift .switch-toggler--by-label {
  width: unset;
}
.discount__timeShift .switch-toggler__label-text {
  display: none;
}
.discount__tip {
  display: flex;
  align-items: center;
  justify-content: unset;
  flex-direction: row;
  margin: 18px 1rem;
}
.discount__tip span {
  font-size: 14px;
  font-weight: normal;
  letter-spacing: norm;
}
.discount__tip img {
  width: 24px;
  margin-left: 5px;
}
.discount .time-selection__item {
  border-bottom: unset !important;
  color: red;
}
.discount__action {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 1001;
  padding: 1.2rem;
  background-color: #fff;
  border-top: 1px solid #e6e6e6;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-direction: row;
}
.discount__products {
  margin-right: 0.88rem;
  margin-left: 0.88rem;
}
.discount-wrapper {
  background: #fff !important;
}
.discount-category {
  height: 100%;
  padding: 1px;
  overflow: scroll;
}
.discount-category h4 {
  font-weight: bold;
  font-style: normal;
  font-size: 0.95rem;
  margin: 1.33rem 0.88rem 0.83rem;
}
.discount-category__navbar {
  top: 0;
  width: 100%;
  max-width: 480px;
  z-index: 100;
  position: fixed;
  padding: 0.88rem;
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.discount-category__navbar img,
.discount-category__navbar svg,
.discount-category__navbar div {
  width: 24px;
  height: 24px;
}
.discount-category__navbar span {
  font-size: 0.77rem;
  font-weight: 500;
  color: rgba(19, 20, 31, 0.9);
}
.discount-category__products {
  margin-bottom: 6rem;
}
.discount-category__products span {
  font-weight: normal;
  font-size: 0.77rem;
  margin-right: 0.88rem;
  color: rgba(19, 20, 31, 0.9);
}
.discount-category__products > div {
  margin-top: 0.83rem;
  padding: 0 0.88rem;
}
.discount-category .SF-item-select__check-circle {
  border-radius: 5px;
}
.discount-category__time {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}
.discount-category__time div + div {
  margin-top: 1.33rem;
}
.discount-category__time > div {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.discount-category__time > div > span {
  font-size: 14px;
  font-weight: 500;
  color: #22a958;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
}
.discount-category__time img {
  width: 24px;
  height: 24px;
  margin-left: 8px;
}
.discount-category > :nth-child(n+2):nth-last-child(n+2) {
  margin-right: 0.88rem;
  margin-left: 0.88rem;
}
.discount-category__action {
  bottom: 0;
  width: 100%;
  max-width: 480px;
  min-width: 320px;
  z-index: 1001;
  position: fixed;
  padding: 1.2rem;
  background-color: #fff;
  border-top: 1px solid #e6e6e6;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-direction: row;
}
.discount-category-wrapper {
  position: relative;
  height: 100%;
  background: #fff;
}
.standardization {
  line-height: normal;
}
.standardization > p {
  margin: 0;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  padding: 24px 24px 16px;
  color: rgba(19, 20, 31, 0.9);
  border-top: 1px solid #e6e6e6;
}
.standardization__search {
  margin: 0 24px 24px;
  position: relative;
  background-color: #f2f2f2;
}
.standardization__search input {
  width: 100%;
  height: 48px;
  font-size: 14px;
  border-radius: 6px;
  font-weight: normal;
  font-family: "IRANsans";
  color: rgba(19, 20, 31, 0.9);
  background-color: transparent;
  padding: 11.8px 42px 12px 24px;
  border: 1px solid #e6e6e6;
}
.standardization__search input::-webkit-input-placeholder {
  font-size: 14px;
  font-family: "IRANsans";
  color: #a3a3a3;
}
.standardization__search input::-moz-placeholder {
  font-size: 14px;
  font-family: "IRANsans";
  color: #a3a3a3;
}
.standardization__search input::placeholder {
  font-size: 14px;
  font-family: "IRANsans";
  color: #a3a3a3;
}
.standardization__search input:focus {
  outline: 0;
}
.standardization__search img {
  top: 14px;
  width: 22px;
  right: 12px;
  position: absolute;
}
.standardization__search--typing {
  background-color: unset;
}
.standardization__searched-items {
  margin: 14px 0;
}
.ST-product-card {
  padding: 12px 24px;
  border-bottom: 1px solid #e6e6e6;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.ST-product-card.repetitive {
  cursor: not-allowed;
}
.ST-product-card img {
  width: 48px;
  height: 48px;
  border-radius: 4px;
  border: 1px solid #e6e6e6;
}
.ST-product-card__container {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.ST-product-card__details {
  height: 48px;
  padding: 5px 17px 1px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
}
.ST-product-card__details-title {
  font-size: 16px;
  font-weight: 500;
}
.ST-product-card__details-title.repetitive {
  color: #a3a3a3;
}
.ST-product-card__details-subtitle {
  font-size: 12px;
  color: #a3a3a3;
}
.ST-product-card__repetitive-badge {
  background-color: #d7d7d7;
  padding: 5px;
  font-size: 12px;
  border-radius: 5px;
}
.ST-parent-nodes {
  height: 64px;
  padding: 0 24px;
  border-bottom: 1px solid #e6e6e6;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.ST-parent-nodes span {
  font-size: 14px;
  font-weight: normal;
}
.ST-parent-nodes svg {
  width: 17px;
  height: 17px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.ST-child-nodes {
  height: 64px;
  padding: 0 24px;
  border-radius: 8px;
  margin: 0 24px 16px;
  padding: 8px 16px 8px 17px;
  border: solid 1px #e6e6e6;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.ST-child-nodes.repetitive {
  cursor: not-allowed;
}
.ST-child-nodes__repetitive-badge {
  background-color: #d7d7d7;
  padding: 5px;
  font-size: 10px;
  border-radius: 5px;
}
.ST-child-nodes__title {
  display: flex;
  align-items: center;
  justify-content: unset;
  flex-direction: row;
}
.ST-child-nodes__title.repetitive {
  color: #a3a3a3;
}
.ST-child-nodes__title img {
  width: 48px;
  height: 48px;
  margin-left: 15px;
  border-radius: 8px;
  border: 1px solid #e6e6e6;
}
.ST-child-nodes span {
  font-size: 14px;
  font-weight: normal;
}
.ST-child-nodes > img {
  width: 17px;
  height: 17px;
}
.standardization__nodeSkeleton {
  height: 64px;
  margin: 0 40px 16px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.standardization__nodeSkeleton div:first-child {
  margin-left: 18px;
}
.ST-child-nodes-modal-items {
  max-height: 300px;
  overflow: scroll;
  margin-top: 30px;
}
.ST-child-nodes-modal-items > div:last-child {
  margin-bottom: 80px;
}
.ST-child-nodes-modal {
  height: 340px;
}
.ST-child-nodes-modal > div:first-child {
  margin-right: 24px;
}
.ST-child-nodes-modal__navigation {
  margin-bottom: 30px;
  margin-top: 14px;
}
.ST-child-nodes-modal__navigation > div:last-child span {
  color: rgba(19, 20, 31, 0.9);
}
.ST-child-nodes-modal__navigation > div:last-child img {
  display: none;
}
.ST-child-nodes-modal__navigation > div {
  display: inline-flex;
  margin-left: 8px;
}
.ST-child-nodes-modal__navigation > div span {
  font-size: 12px;
  padding-left: 12px;
  font-weight: normal;
  color: #a3a3a3;
}
.ST-child-nodes-modal__navigation > div img {
  width: 7px;
  height: 12px;
}
.discount-product {
  height: calc(100vh - 100px);
  overflow: scroll;
}
.discount-product h4 {
  font-weight: bold;
  font-style: normal;
  font-size: 0.95rem;
  margin: 1.33rem 0.44rem 0.83rem;
}
.discount-product input {
  font-size: 14px;
  font-weight: normal;
}
.discount-product__navbar {
  top: 0;
  width: 100%;
  max-width: 480px;
  height: 50px;
  z-index: 100;
  position: fixed;
  padding: 0.88rem;
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.discount-product__navbar img,
.discount-product__navbar svg,
.discount-product__navbar div {
  width: 24px;
  height: 24px;
}
.discount-product__navbar span {
  font-size: 0.77rem;
  font-weight: 500;
  color: rgba(19, 20, 31, 0.9);
}
.discount-product__products {
  margin-bottom: 6rem;
  padding-top: 3.5rem;
}
.discount-product__products span {
  font-weight: normal;
  font-size: 0.77rem;
  margin-right: 0.44rem;
  color: rgba(19, 20, 31, 0.9);
}
.discount-product > :nth-child(n+2):nth-last-child(n+2) {
  margin-left: 0.5rem;
}
.discount-product__action {
  bottom: 0;
  z-index: 1001;
  width: 100%;
  max-width: 480px;
  min-width: 320px;
  position: fixed;
  padding: 1.2rem;
  background-color: #fff;
  border-top: 1px solid #e6e6e6;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-direction: row;
}
.discount-product .SF-item-select--filter {
  border: unset;
  margin-bottom: unset;
  border-radius: unset;
  border-bottom: 1px solid #f2f2f2;
}
.discount-product .SF-item-select__check-circle {
  border-radius: 5px;
}
.discount-product__tip {
  font-family: "IRANsans", "iransansbase";
  padding: 16px;
}
.discount-product__tip span {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.discount-product__tip button {
  margin-top: 30px;
  color: rgba(19, 20, 31, 0.9);
}
.discount-product__input {
  top: 45px;
  margin: auto;
  z-index: 0;
  height: 64px;
  position: fixed;
  width: 5px;
  transition: all 0.3s linear;
  max-width: calc(var(--max-width-on-desktop) - 50px);
}
.discount-product__input input {
  outline: none;
  height: 44px;
  width: 100%;
  border-radius: 22px;
  transition: all 0.3s linear;
  border: 1px solid #e6e6e6;
  padding: 10px 16px 10px 12px;
  margin: 15px 25px 9px 23px;
}
.discount-product__input img {
  width: 20px;
  top: 28px;
  opacity: 0;
  left: -10px;
  transition: all 0.3s linear;
  position: absolute;
}
.discount-product__input--searching {
  width: calc(100vw - 50px);
  z-index: 6;
}
.discount-product__input--searching input {
  opacity: 1;
}
.discount-product__input--searching img {
  opacity: 1;
}
.discount-product__input--searching > div:nth-child(2) {
  opacity: 0;
  transition: all 0.3s linear;
}
.discount-product__search {
  top: 50px;
  z-index: 3;
  height: 60px;
  display: flex;
  opacity: 1;
  padding: 0 1rem;
  position: fixed;
  align-items: center;
  background-color: white;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
  transition: -webkit-transform 0.3s linear;
  transition: transform 0.3s linear;
  transition: transform 0.3s linear, -webkit-transform 0.3s linear;
}
.discount-product__search img {
  width: 25px;
}
.discount-product .vendor-menu {
  padding-right: 50px;
}
.discount-product__menu:before {
  content: " ";
  display: block;
  width: 100vw;
  max-width: var(--max-width-on-desktop);
  height: 60px;
  background: #fff;
  position: absolute;
  top: 0;
  right: 0;
  transition: all 0.3s linear;
  z-index: 0;
  opacity: 0;
  visibility: hidden;
}
.discount-product__menu--searching:before {
  opacity: 1;
  visibility: visible;
  z-index: 5;
}
.discount-product__menu--searching > div:nth-child(2) {
  transition: -webkit-transform 0.3s linear;
  transition: transform 0.3s linear;
  transition: transform 0.3s linear, -webkit-transform 0.3s linear;
  -webkit-transform: translateX(-40px);
          transform: translateX(-40px);
}
.discount-product-wrapper {
  height: 100vh;
  position: relative;
}
.deactivating {
  background-color: #f7f7f7;
}
.deactivating__reasons-modal {
  bottom: 0 !important;
  position: fixed;
}
.deactivating__nav {
  width: 100%;
  position: relative;
  padding: 1.15rem 1rem 0;
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
}
.deactivating__nav-chevron {
  top: 50%;
  left: 0px;
  width: 20px;
  opacity: 0.4;
  position: absolute;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.deactivating__nav img,
.deactivating__nav svg,
.deactivating__nav div {
  width: 24px;
  height: 24px;
}
.deactivating__nav h3 {
  font-size: 0.94rem;
  font-weight: bold;
}
.deactivating__body {
  width: 100%;
  padding: 0.88rem;
}
.deactivating__time {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.deactivating__time > section:first-child {
  margin-left: 0.88rem;
}
.deactivating__time .SF-item-select--filter {
  padding: 0.5rem 0.4rem;
}
.deactivating__notif {
  margin-top: 0.44rem;
  display: inline-flex;
}
.deactivating__notif img,
.deactivating__notif svg {
  width: 24px;
  height: 24px;
}
.deactivating__notif span {
  font-size: 0.66rem;
  font-weight: normal;
  line-height: normal;
  margin-right: 0.22rem;
  color: rgba(19, 20, 31, 0.9);
}
.deactivating__support {
  width: 100%;
  padding: 0.88rem;
  margin: 0.88rem 0;
  border-radius: 8px;
  background-color: #fff;
  border: 2px solid #e3e3e3;
}
.deactivating__support span {
  font-size: 0.77rem;
  color: rgba(19, 20, 31, 0.9);
}
.deactivating__support button {
  margin-top: 0.88rem;
}
.deactivating__support-call {
  display: flex;
  flex-direction: row-reverse;
}
.deactivating__reasons .SF-item-select {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.deactivating__reasons img,
.deactivating__reasons svg {
  width: 20px;
  height: 20px;
}
.deactivating__description {
  margin-top: 0.88rem;
}
.deactivating__description textarea {
  width: 100%;
  height: 100px;
  resize: none;
  border: 1px solid #e6e6e6;
  padding: 0.66rem;
  outline: none;
  font-size: 0.66rem;
  max-height: 400px;
  border-radius: 6px;
  color: #a3a3a3;
  font-family: "IRANsans", "iransansbase";
}
.discounts-details {
  height: 555px;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  overflow: scroll;
  font-family: "IRANsans", "iransansbase";
}
@media screen and (max-width: 320px) {
  .discounts-details {
    height: 470px;
  }
}
.discounts-details__header {
  height: 68px;
  position: fixed;
  background-color: #fff;
  z-index: 2;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  padding: 0 1.33rem 0 1.05rem;
  border-bottom: 1px solid #e6e6e6;
}
.discounts-details__header > span:first-child {
  font-size: 0.77rem;
  font-weight: bold;
  text-align: right;
  color: rgba(19, 20, 31, 0.9);
}
.discounts-details__header > span:last-child {
  width: 24px;
  height: 24px;
}
.discounts-details > div:nth-child(2) {
  margin-top: 68px;
}
.discounts-details__seperator {
  width: 100%;
  height: 1px;
  border-radius: 4px;
  background-color: #e6e6e6;
}
.discounts-details__seperator--light {
  background-color: #f2f2f2;
  padding-right: 0.11rem;
}
.discounts-details__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  padding: 0.88rem;
}
.discounts-details__title > span {
  font-size: 0.77rem;
  font-weight: bold;
  text-align: right;
  color: rgba(19, 20, 31, 0.9);
}
.discounts-details__status {
  padding: 2px 4px;
  border-radius: 4px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.discounts-details__status > label {
  font-size: 0.66rem;
  font-weight: 400;
  line-height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.discounts-details__status--ONGOING {
  color: #fff;
  background-color: #00d170;
}
.discounts-details__status--SUBMITTED {
  color: #22a958;
  background-color: rgba(34, 169, 88, 0.06);
}
.discounts-details__status--EXPIRED {
  color: rgba(19, 20, 31, 0.9);
  background-color: #f2f2f2;
}
.discounts-details__badge {
  position: absolute;
  top: -0.4rem;
  right: -0.4rem;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #ff00a4;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.discounts-details__container {
  padding: 0 1.33rem 0 1.22rem;
}
.discounts-details__percentage {
  display: flex;
  align-items: center;
  padding: 1.11rem 0.11rem 0.77rem 0;
}
.discounts-details__percentage span {
  font-size: 0.77rem;
  font-weight: normal;
  text-align: right;
  color: rgba(19, 20, 31, 0.9);
  padding-right: 0.55rem;
}
.discounts-details__calendar {
  display: flex;
  align-items: center;
  padding: 1.11rem 0.11rem 1.05rem 0;
}
.discounts-details__calendar span {
  font-size: 0.77rem;
  font-weight: normal;
  line-height: normal;
  text-align: right;
  color: rgba(19, 20, 31, 0.9);
  padding-right: 0.55rem;
}
.discounts-details__hours {
  display: flex;
  align-items: center;
  padding: 1.05rem 0 0.72rem;
}
.discounts-details__hours span {
  font-size: 0.77rem;
  font-weight: normal;
  text-align: right;
  color: rgba(19, 20, 31, 0.9);
  padding-right: 0.44rem;
}
.discounts-details__products {
  display: flex;
  align-items: center;
  padding: 0.25rem 0.11rem 0.25rem 0;
  margin: 0.72rem 0 0.88rem;
}
.discounts-details__products span {
  font-size: 0.77rem;
  font-weight: normal;
  text-align: right;
  color: rgba(19, 20, 31, 0.9);
  padding-right: 0.55rem;
}
.discounts-details__list {
  margin-bottom: 6rem;
}
.discounts-details__item {
  display: flex;
  align-items: center;
  margin-bottom: 0.66rem;
}
.discounts-details__list-style {
  border-radius: 50%;
  width: 8px;
  height: 8px;
  background-color: rgba(19, 20, 31, 0.9);
  margin-right: 1.55rem;
}
.discounts-details__product-name {
  font-size: 0.66rem;
  margin-right: 0.55rem;
  font-family: "IRANsans", "iransansbase";
  font-weight: normal;
  line-height: normal;
  text-align: right;
  color: rgba(19, 20, 31, 0.9);
  display: flex;
  align-items: center;
}
.discounts-details__show-more {
  margin-right: 2.5rem;
}
.discounts-create-details {
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  overflow: scroll;
  font-family: "IRANsans", "iransansbase";
}
.discounts-create-details__header {
  height: 50px;
  position: fixed;
  background-color: #fff;
  z-index: 2;
  width: 100%;
  max-width: 480px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  padding: 0 0.88rem;
  border-bottom: 1px solid #e6e6e6;
}
.discounts-create-details__header > span:nth-child(2) {
  font-size: 0.77rem;
  font-weight: bold;
  text-align: right;
  color: rgba(19, 20, 31, 0.9);
}
.discounts-create-details__header > span:first-child {
  width: 24px;
  height: 24px;
}
.discounts-create-details__actions {
  padding: 16px 24px;
  background-color: #fff;
  border-top: 1px solid #e6e6e6;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.discounts-create-details__actions-button {
  width: 100%;
  border-radius: 6px !important;
}
.discounts-create-details__seperator {
  width: 100%;
  height: 1px;
  border-radius: 4px;
  background-color: #e6e6e6;
}
.discounts-create-details__seperator--light {
  background-color: #f2f2f2;
  padding-right: 0.11rem;
}
.discounts-create-details__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  padding: 0.88rem;
  margin-top: 20px;
}
.discounts-create-details__title > span {
  font-size: 0.77rem;
  font-weight: bold;
  text-align: right;
  color: rgba(19, 20, 31, 0.9);
}
.discounts-create-details__status {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  font-size: 0.66rem;
  line-height: 1.42;
  border-radius: 4px;
}
.discounts-create-details__status--ONGOING {
  position: relative;
  width: 68px;
  height: 27px;
  background-color: rgba(34, 169, 88, 0.15);
  color: #22a958;
}
.discounts-create-details__status--SUBMITTED {
  position: relative;
  width: 63px;
  height: 27px;
  background-color: rgba(255, 0, 164, 0.14);
  color: #ff00a4;
}
.discounts-create-details__status--EXPIRED {
  position: relative;
  width: 53px;
  height: 27px;
  background-color: rgba(163, 163, 163, 0.15);
  color: #a3a3a3;
}
.discounts-create-details__badge {
  position: absolute;
  top: -0.42rem;
  left: -0.3rem;
  width: 16px;
  height: 16px;
}
.discounts-create-details__container {
  padding: 0 1.1rem;
}
.discounts-create-details__percentage {
  display: flex;
  align-items: center;
  padding: 1.11rem 0.11rem 0.77rem 0;
}
.discounts-create-details__percentage span {
  font-size: 0.77rem;
  font-weight: normal;
  text-align: right;
  color: rgba(19, 20, 31, 0.9);
  padding-right: 0.55rem;
}
.discounts-create-details__calendar {
  display: flex;
  align-items: center;
  padding: 1.11rem 0.11rem 1.05rem 0;
}
.discounts-create-details__calendar span {
  font-size: 0.77rem;
  font-weight: normal;
  text-align: right;
  color: rgba(19, 20, 31, 0.9);
  padding-right: 0.55rem;
}
.discounts-create-details__hours {
  display: flex;
  align-items: center;
  padding: 1.05rem 0 0.72rem;
}
.discounts-create-details__hours span {
  font-size: 0.77rem;
  font-weight: normal;
  text-align: right;
  color: rgba(19, 20, 31, 0.9);
  padding-right: 0.44rem;
}
.discounts-create-details__products {
  display: flex;
  align-items: center;
  padding: 0.25rem 0.11rem 0.25rem 0;
  margin: 0.72rem 0 0.88rem;
}
.discounts-create-details__products span {
  font-size: 0.77rem;
  font-weight: normal;
  text-align: right;
  color: rgba(19, 20, 31, 0.9);
  padding-right: 0.55rem;
}
.discounts-create-details__list {
  margin-bottom: 6rem;
}
.discounts-create-details__item {
  display: flex;
  align-items: center;
  margin-bottom: 0.66rem;
}
.discounts-create-details__list-style {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  margin-right: 1.55rem;
}
.discounts-create-details__list-style img {
  width: 6px;
}
.discounts-create-details__product-category, .discounts-create-details__product-name {
  font-size: 0.66rem;
  margin-right: 0.55rem;
  font-family: "IRANsans", "iransansbase";
  font-weight: normal;
  line-height: normal;
  text-align: right;
  color: rgba(19, 20, 31, 0.9);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.discounts-create-details__product-name:not(:last-child):after {
  content: "،";
}
.discounts-create-details__show-more {
  margin-right: 45px;
}
.discounts-create-details-wrapper {
  background: #fff !important;
}
.discounts-footer {
  bottom: 0;
  width: 100%;
  height: 80px;
  overflow: auto;
  position: fixed;
  background: #fff;
  white-space: nowrap;
  border-top: 1px solid #e7e7e7;
  display: flex;
  padding: 0.88rem 1.33rem;
  max-width: 480px;
  min-width: 320px;
  z-index: 1000;
  font-family: "IRANsans", "iransansbase";
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.discounts-footer__single {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  width: 100%;
  height: 100%;
}
.discounts-footer__single button {
  width: 100%;
  height: 100%;
}
.discounts-footer__double {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  width: 100%;
  height: 100%;
}
.discounts-footer__double button {
  height: 100%;
}
.cashout-otp .multiInput {
  display: flex;
  direction: ltr;
  width: 100%;
  margin: 1.6rem auto 0;
}
.cashout-otp .multiInput input {
  flex: 1;
  padding: 0;
  margin: 5px;
  border: none;
  min-width: 0;
  border-radius: 0;
  font-weight: bold;
  text-align: center;
  padding-bottom: 8px;
  font: 1.5rem "IRANSans";
  background-color: #fff;
  color: rgba(19, 20, 31, 0.9);
  border-bottom: 1px solid #d7d7d7;
}
.cashout-otp .multiInput input:focus {
  outline: none !important;
  border-bottom-color: rgba(19, 20, 31, 0.9);
}
.cashout-otp .multiInput.has-error input {
  border-bottom-color: #bd272d;
}
.cashout-otp__error {
  color: #bd272d;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
}
.login-otp__error-alert {
  border: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.login-otp__error-alert span {
  color: #bd272d !important;
}
/**
 * generate rem size
 * @param  {number} $pxsize
 * @return {string}
 */
/**
 * return z-index of z-layer maps
 * maps is placed in _vars.scss
 * @param  {string} $layer
 * @return {int}
 */
/**
 * return hex code of color maps
 * maps is placed in _vars.scss
 * @param  {string} $key color name
 * @return {string}      color hex
 */
/**
 * generate timing for transition
 */
/**
 * z-indexes
 * check z() in _function.scss
 */
/**
 * Transition timing functions
 * check timings() in _function.scss
 */
/**
 * colors
 * check color() in _function.scss
 */
.coupons__navbar {
  top: 0;
  width: 100%;
  z-index: 1000;
  height: 50px;
  position: fixed;
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  padding: 0 0.5rem;
}
.coupons__navbar-prioritize {
  font-size: 0.77rem;
  font-weight: 300;
  color: #22a958;
  margin-left: 10px;
}
.coupons__navbar h5 {
  font-weight: 500;
  min-width: 180px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.coupons__landing {
  margin-bottom: 80px;
}
.coupons__body {
  width: 100%;
  padding: 0.88rem 0.88rem 4.5rem;
  position: relative;
}
.coupons__body .editmenu-filterer {
  padding: 12px 0;
}
.coupons-priority {
  background-color: #f8f9fb;
  font-family: "IRANsans", "iransansbase";
  font-weight: 300;
  font-size: 0.77rem;
  line-height: 20px;
  color: rgba(19, 20, 31, 0.9);
  height: 100vh;
  overflow: hidden;
}
.coupons-priority .top-navbar__burger-button {
  width: 21px;
  cursor: pointer;
  display: flex;
  align-items: unset;
  justify-content: center;
  flex-direction: column;
}
.coupons-priority__navbar {
  height: 48px;
  padding: 18px;
  background-color: white;
  box-shadow: 0px 1px 0px 0px #e6e6e6;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.coupons-priority__navbar-title {
  font-weight: 500;
}
.coupons-priority__navbar-no-item,
.coupons-priority__navbar img {
  width: 24px;
  height: 24px;
}
.coupons-priority__body {
  width: 100%;
  padding: 0.88rem;
  position: relative;
  height: calc(100vh - 48px);
  overflow: scroll;
}
.coupons-priority__shrink {
  height: calc(100vh - 80px - 48px);
}
.coupons-priority__no-content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-size: 14px;
}
.coupons-priority__guide {
  margin: 0.42rem 0 1.3rem 0;
}
.coupons-priority__wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  cursor: move;
}
.coupons-priority__card {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
  padding: 16px;
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  margin: 0 16px 8px 0;
}
.coupons-priority__subject {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  margin-bottom: 0.22rem;
}
.coupons-priority__subject > label {
  font-size: 0.77rem;
  font-weight: 500;
  line-height: 20px;
  color: rgba(19, 20, 31, 0.9);
}
.coupons-priority__description {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  margin-bottom: 0.22rem;
}
.coupons-priority__description > label {
  font-size: 0.66rem;
  font-weight: 400;
  line-height: 16px;
  color: rgba(19, 20, 31, 0.9);
}
.coupons-priority__date {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.coupons-priority__date > label {
  font-size: 0.66rem;
  font-weight: 400;
  line-height: 16px;
  color: #a3a3a3;
}
.coupons-priority__actions {
  padding: 16px 24px;
  background-color: #fff;
  border-top: 1px solid #e6e6e6;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.coupons-priority__actions-button {
  width: 100%;
  border-radius: 6px !important;
}
.coupons-priority__no-content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: calc(100vh - 263px);
}
.coupons-priority__no-content span {
  font-size: 0.77rem;
  font-weight: 400;
  line-height: 20px;
  color: rgba(19, 20, 31, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.promotion {
  position: relative;
  padding-top: 24px;
  height: calc(100vh - 118px);
  background-color: #f8f9fb;
  overflow-y: scroll;
}
.promotion .banner {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.promotion .banner--poster {
  padding: 0;
  overflow: hidden;
}
.promotion .banner > img {
  width: 100%;
  max-height: 228px;
  -o-object-fit: cover;
     object-fit: cover;
}
.promotion .banner__progress-bar {
  width: 62px;
  height: 62px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.promotion .banner__progress-bar > svg {
  -webkit-transform: rotateZ(-90deg);
          transform: rotateZ(-90deg);
}
.promotion .banner__progress-bar > svg circle:first-child {
  stroke: #fcdcc9;
}
.promotion .banner__progress-bar > svg circle:last-child {
  stroke: #ff00a4;
}
.promotion .banner__progress-bar-number {
  position: absolute;
}
.promotion .banner__progress-bar-number > h4 {
  margin: 0px;
  color: #ff00a4;
  position: relative;
}
.promotion .banner__progress-bar-number > h4 > span {
  position: relative;
  margin-right: 2px;
  font-size: 0.8rem;
}
.promotion .banner__description {
  width: calc(100% - 64px);
  height: 100%;
  padding: 0.9rem 0;
  padding-right: 1rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
  flex-direction: column;
}
.promotion .banner__description--primary, .promotion .banner__description--secondary {
  margin: 0px;
  color: rgba(38.38, 40.4, 62.62, 0.9);
}
.promotion .banner__description--primary {
  font-weight: bold;
  font-size: 0.9rem;
}
.promotion .banner__description--secondary {
  font-weight: normal;
  font-size: 0.75rem;
}
.promotion .banner__arrow {
  width: 17px;
  height: 17px;
  position: absolute;
  left: 5px;
  top: 50%;
  opacity: 0.75;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
@media screen and (max-width: 320px) {
  .promotion .banner {
    justify-content: flex-start;
  }
  .promotion .banner__progress-bar {
    width: 48px;
    height: 48px;
  }
  .promotion .banner__description--primary {
    font-size: 0.75rem;
    margin-bottom: 0.44rem;
  }
  .promotion .banner__description--secondary {
    line-height: 1.1rem;
  }
}
.promotion__bannersContainer {
  margin: 0 16px 16px;
  cursor: pointer;
}
.promotion__submenus {
  margin: 0 16px 24px;
  border-radius: 5px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  -webkit-filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.04));
          filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.04));
}
.promotion__submenus > a:last-child {
  border-bottom: none;
}
.branch-setting__header {
  background-color: #fff;
  width: 100%;
  padding: 16px;
  gap: 4px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  box-shadow: 0px 1px 0px rgba(58, 61, 66, 0.06), 0px 2px 8px -2px rgba(0, 0, 0, 0.05);
}
.branch-setting__header > span {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  color: #404040;
}
.branch-setting__header > span:last-of-type {
  font-weight: 300;
}
.branch-setting__body {
  padding: 24px 12px;
}
.branch-setting__card {
  background: #fff;
  border-radius: 8px;
  margin-bottom: 8px;
  padding: 18px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  box-shadow: 0px 1px 0px rgba(58, 61, 66, 0.06), 0px 2px 8px -2px rgba(0, 0, 0, 0.05);
}
.branch-setting__card > div {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: 14px;
}
.branch-setting__card > div span {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #404040;
}
.branch-setting__card > div img,
.branch-setting__card > div svg {
  width: 20px;
  height: 20px;
}
.branch-setting__card--skeleton {
  height: 56px;
  width: 100%;
  background-color: #e2e2e2;
}
.minimum-balance__otp .modal__header {
  padding: 16px 16px 16px 24px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.minimum-balance__otp .modal__header h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 32px;
}
.minimum-balance__otp-wrapper {
  padding: 0 16px 16px;
}
.minimum-balance__otp-wrapper .login-otp__mobile-wrapper {
  padding: 0;
}
.minimum-balance__otp-wrapper .login-otp__header_message {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #000;
}
.minimum-balance__otp-wrapper .alert-card--negative {
  padding: 0 12px;
}
.minimum-balance__otp-wrapper .alert-card--negative .alert-card__description {
  display: none;
}
.minimum-balance__otp-wrapper .multiInput {
  display: flex;
  direction: ltr;
  width: 100%;
  margin: 18px auto 24px;
}
.minimum-balance__otp-wrapper .multiInput input {
  border: none;
  border-bottom: 1px solid #d7d7d7;
  min-width: 0;
  margin: 5px;
  flex: 1;
  text-align: center;
  font: 2rem "IRANSans";
  color: #404040;
  padding: 0;
  border-radius: 0;
  background-color: white;
}
.minimum-balance__otp-wrapper .multiInput input:focus {
  outline: none !important;
  border-bottom-color: #404040;
}
.minimum-balance__otp-wrapper .multiInput.has-error {
  margin: 18px auto 0;
}
.minimum-balance__otp-wrapper .multiInput.has-error input {
  border-bottom-color: #bd272d;
}
.minimum-balance__otp-wrapper .login-otp__message {
  margin: 18px auto 38px;
}
.minimum-balance__otp-wrapper .login-otp__message-gray {
  min-width: 110px;
}
.cash-back {
  margin-bottom: 80px;
}
.cash-back__fetch-again {
  padding: 200px 0;
}
.cash-back--empty-list {
  min-height: calc(100vh - var(--header-height) - 80px);
}
.cash-back-list {
  padding: 24px 16px 16px;
  display: flex;
  flex-direction: column;
}
.cash-back-list__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 16px 12px;
  background-color: white;
  box-shadow: 0px 1px 0px rgba(58, 61, 66, 0.06), 0px 2px 8px -2px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  margin-bottom: 12px;
}
.cash-back-list__item__date {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
}
.cash-back-list__item__amount {
  margin-top: 4px;
  font-size: 12px;
  line-height: 16px;
}
.cash-back-list__report {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  margin-top: 12px;
  width: 100%;
}
.cash-back-list__report > div:first-of-type {
  margin-left: 8px;
}
.cash-back-list__report__item {
  flex-basis: 50%;
  background-color: #f2f2f2;
  padding: 12px;
  border-radius: 8px;
  display: flex;
  align-items: center;
}
.cash-back-list__report__item > :first-child {
  margin-left: 8px;
}
.cash-back-list__report__item__title {
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 4px;
}
.cash-back-list__report__item__value {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
}
.cash-back-list__report__item__value > span:last-child {
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  margin-right: 2px;
}
.cash-back-list__report__item.skelet {
  padding: 0;
  height: 64px;
  background-color: #f2f2f2;
}
.cash-back-details {
  display: flex;
  flex-direction: column;
  overflow: scroll;
}
.cash-back-details__body {
  margin: 80px 0 8px;
  padding: 0 16px;
}
.cash-back-details__body--with-footer {
  margin: 80px 0;
}
.cash-back-details__body .cash-back-list__report {
  margin: 24px 0 16px;
}
.cash-back-details__content > div:last-of-type {
  border-bottom: 1px solid #fff;
}
.cash-back-details__action {
  width: 100%;
}
.cash-back-details__action .SF-button--reject {
  border: 1.5px solid #bd272d !important;
}
.cash-back-details__action p {
  font-weight: 700 !important;
  font-size: 17px !important;
  line-height: 24px !important;
  color: #bd272d !important;
}
.cancel-gift-modal {
  display: flex;
  flex-direction: column;
  overflow: scroll;
}
.cancel-gift-modal__body > p {
  margin: 0;
  font-weight: 300;
  font-size: 14px;
  line-height: 20px;
  color: #404040;
}
.cancel-gift-modal__body .information-card {
  margin: 16px 0;
}
.cancel-gift-modal__actions {
  width: 100%;
  display: flex;
}
.cancel-gift-modal__actions button:first-child {
  margin-left: 16px;
}
.cancel-gift-modal__actions .SF-button--bordered {
  border: 1.5px solid #404040 !important;
}
.cancel-gift-modal__actions p {
  font-weight: 700 !important;
  font-size: 17px !important;
  line-height: 24px !important;
}
.create-cash-back {
  width: 100%;
  padding: 24px 0;
  display: flex;
  flex-direction: column;
}
.create-cash-back__type {
  border-radius: 6px;
  background: #fff;
  padding: 16px 12px;
  margin: 8px 16px 16px;
  border: 1px solid #e6e6e6;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.create-cash-back__type > span {
  font-weight: 400;
  font-size: 17px;
  line-height: 24px;
  color: #a3a3a3;
}
.create-cash-back__type--selected {
  margin: 8px 16px 0;
}
.create-cash-back__type--selected > span {
  color: #404040;
}
.create-cash-back__box {
  width: 100%;
  padding: 0 16px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}
.create-cash-back__box > div:first-child {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 4px;
  color: #404040;
}
.create-cash-back__box > div:nth-child(2) {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #a3a3a3;
}
.create-cash-back__overlap {
  padding: 0 16px;
  margin-top: 12px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.create-cash-back__overlap > svg {
  margin: 0 4px 0 12px;
}
.create-cash-back__overlap > span {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #bd272d;
}
.create-cash-back__alert {
  margin-top: 6px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.create-cash-back__alert > svg {
  margin-left: 12px;
}
.create-cash-back__alert > span {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #bd272d;
}
.create-cash-back .date-filter {
  padding: 0 16px;
  margin-top: 12px;
}
.create-cash-back .information-card {
  margin: 24px 16px;
}
.CB-percent-wrapper {
  width: 100%;
  margin: 8px 0 20px;
  padding: 0 16px;
  display: flex;
  flex-direction: column;
}
.CB-percent-wrapper__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.CB-percent-wrapper__content .textfield {
  margin: 0;
  padding: 0;
}
.CB-percent-wrapper__content .textfield label {
  transition: none;
}
.CB-percent-wrapper__content .textfield__input {
  min-height: 58px;
}
.CB-percent-wrapper__field {
  flex-basis: 40%;
  margin-left: 8px;
  min-width: 125px;
  background: #fff;
}
.CB-percent-wrapper__field.warning label {
  color: #bd272d;
}
.CB-percent-wrapper__field.warning .textfield__input {
  border-color: #bd272d;
}
.CB-percent-wrapper__max {
  flex-basis: 60%;
  min-height: 58px;
  border-radius: 6px;
  background: #fff;
  padding: 16px 12px;
  border: 1px solid #e6e6e6;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.CB-percent-wrapper__max > div {
  height: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
.CB-percent-wrapper__max > div > span {
  font-weight: 400;
  font-size: 17px;
  line-height: 24px;
  color: #a3a3a3;
}
.CB-percent-wrapper__max--selected {
  position: relative;
  padding: 0 12px;
}
.CB-percent-wrapper__max--selected > div > span:first-child {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #a3a3a3;
  display: block;
  position: absolute;
  top: 4px;
  transition: all 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;
}
.CB-percent-wrapper__max--selected > div > span:last-child {
  font-weight: 400;
  font-size: 17px;
  line-height: 24px;
  color: #404040;
  padding-top: 17px;
}
.CB-percent-wrapper > p {
  margin: 0;
  width: 100%;
  font-size: 0.7rem;
  color: #a3a3a3;
  padding: 6px 12px 0 12px;
}
.CB-const-wrapper {
  width: 100%;
  padding: 0 16px;
  margin: 8px 0 16px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}
.CB-const-wrapper__box {
  width: 100%;
  background: #fff;
  border-radius: 6px;
  padding: 16px 12px;
  border: 1px solid #e6e6e6;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.CB-const-wrapper__box > span {
  font-weight: 400;
  font-size: 17px;
  line-height: 24px;
  color: #a3a3a3;
}
.CB-const-wrapper__box--selected > span {
  color: #404040;
}
.CB-const-wrapper__helper-text {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #a3a3a3;
  margin: 4px 8px 0 0;
}
.CB-selection-modal {
  display: flex;
  flex-direction: column;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0 16px;
}
.CB-selection-modal__header {
  padding: 20px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.CB-selection-modal__header > h3 {
  margin: 0;
  font-weight: 700;
  font-size: 20px;
  line-height: 32px;
  color: #404040;
}
.CB-selection-modal__content {
  padding-bottom: 24px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}
.CB-selection-modal__content > div:last-child {
  border-bottom: unset;
}
.CB-item-select {
  width: 100%;
  padding: 12px 0;
  border-bottom: 1px solid #e6e6e6;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.CB-item-select--disabled {
  pointer-events: none;
  opacity: 0.5;
}
.CB-item-select__check {
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  border-radius: 50%;
  border: 1px solid #e6e6e6;
  background-color: #f2f2f2;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.CB-item-select__check > img {
  display: none;
}
.CB-item-select__check--active {
  background-color: #00d170;
}
.CB-item-select__check--active > img {
  width: 16px;
  height: 16px;
  display: inline-block;
}
.CB-item-select__text {
  margin-right: 14px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
}
.CB-item-select__text > span:first-child {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 4px;
  color: #404040;
}
.CB-item-select__text > span:last-child {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #404040;
}
.CB-item-select__text > span:only-of-type {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0;
  color: #404040;
}
.map .mapContainer {
  width: 100%;
  position: relative;
}
.map .copyRight {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 0 4px 16px;
  direction: ltr;
  color: #9d9fa4;
  z-index: 1000;
}
.map .geoIcon {
  position: absolute;
  bottom: 0;
  right: 0;
  direction: ltr;
  color: #9d9fa4;
  z-index: 1000;
}
.map .signature {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 0 4px 16px;
  direction: ltr;
  color: #9d9fa4;
  z-index: 1000;
}
.map .leaflet-control-attribution {
  display: none;
}
.text-input {
  font-family: "IRANsans", "iransansbase";
  margin-top: 1.77rem;
}
.text-input label {
  font-weight: 500;
  font-size: 0.77rem;
  color: rgba(19, 20, 31, 0.9);
  font-family: "IRANsans", "iransansbase";
}
.text-input__input {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  width: 100%;
  margin-top: 0.88rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #e6e6e6;
}
.text-input__input input {
  border: 0;
  outline: 0;
  font-family: "IRANsans", "iransansbase";
}
.text-input__input input:first-child {
  width: 100%;
  font-weight: 300;
  font-size: 0.94rem;
  color: rgba(19, 20, 31, 0.9);
}
.text-input__input img,
.text-input__input svg {
  width: 8px;
  height: 8px;
}
.text-input__input-left-side {
  width: 20%;
  color: #a3a3a3;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.text-input__input-icon {
  width: 20%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.text-input__input-icon svg {
  width: 16px;
  height: 16px;
}
.text-input__input textarea {
  border: 0;
  outline: 0;
  padding: 0;
  width: 100%;
  font-weight: 300;
  font-size: 0.94rem;
  color: rgba(19, 20, 31, 0.9);
  font-family: "IRANsans", "iransansbase";
  resize: none;
}
.text-input--number {
  direction: ltr;
  text-align: right;
}
.rateBox {
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.rateBox span {
  font-size: 0.77rem;
  font-weight: bold;
  color: #ffffff;
}
/**
 * generate rem size
 * @param  {number} $pxsize
 * @return {string}
 */
/**
 * return z-index of z-layer maps
 * maps is placed in _vars.scss
 * @param  {string} $layer
 * @return {int}
 */
/**
 * return hex code of color maps
 * maps is placed in _vars.scss
 * @param  {string} $key color name
 * @return {string}      color hex
 */
/**
 * generate timing for transition
 */
/**
 * z-indexes
 * check z() in _function.scss
 */
/**
 * Transition timing functions
 * check timings() in _function.scss
 */
/**
 * colors
 * check color() in _function.scss
 */
.modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0px;
  width: 100%;
  max-height: 100vh;
  z-index: 1002;
}
.modal__body {
  width: 100%;
  bottom: 0px;
  z-index: 100000000000;
  background: #fff;
  position: absolute;
}
.modal__body:not(.no-radius) {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.modal__body--responsive {
  max-width: 480px;
  left: 50%;
}
.modal__header {
  width: 100%;
  height: 75px;
  padding: 0 1.5rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.modal__header-holder {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-basis: 100%;
}
.modal__header-label {
  margin: 0px;
  color: rgba(19, 20, 31, 0.9);
}
.modal__header-close-btn {
  transition: all 0.3s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-right: auto;
  opacity: 0.8;
  flex-shrink: 0;
  flex-basis: 40px;
  width: 40px;
  height: 40px;
  align-items: flex-end;
}
.modal__header-close-btn > img {
  width: 24px;
}
.modal__header-close-btn > svg {
  width: 24px;
}
.modal__header-close-btn:active {
  opacity: 1;
}
.modal__header--fixed {
  z-index: 2;
  position: fixed;
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
}
.modal__action-holder {
  bottom: 0;
  z-index: 2;
  width: 100%;
  height: 80px;
  padding: 0.88rem;
  background-color: #fff;
}
.modal__action-holder:not(.not-fixed) {
  border-top: 1px solid #e6e6e6;
  position: fixed;
}
.modal__contain {
  width: 100%;
  position: relative;
  height: 100%;
}
.modal__contain--scrollable {
  overflow-y: scroll;
}
.modal__contain__confirmBody {
  padding: 1.2rem 0.88rem 4.5rem;
  text-align: center;
  font-family: IRANSans;
}
.modal__contain__confirmBody__title {
  color: rgba(19, 20, 31, 0.9);
  font-weight: 500;
}
.modal__contain__confirmBody p {
  color: #494949;
  margin: 0;
  padding-bottom: 1rem;
  font-size: 0.88rem;
  line-height: 170%;
}
.modal__dim {
  position: absolute;
  z-index: -1;
  top: 0px;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6);
}
.modal__dim.bgLight {
  background-color: rgba(0, 0, 0, 0);
}
.performance-score__modal {
  margin: 5rem 1.33rem;
}
.performance-score__modal form {
  height: 300px;
  overflow: scroll;
}
.upload-image-modal {
  width: 100%;
  height: 210px;
  padding: 0 1.5rem;
}
.upload-image-modal__title {
  margin: 0px;
  font-size: 0.97rem;
  font-weight: normal;
  padding: 1.5rem 0 1rem 0;
  color: rgba(48.07, 50.6, 78.43, 0.9);
}
.upload-image-modal__buttons {
  width: 100%;
  height: 125px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-direction: column;
}
.new-upload-image-modal {
  width: 100%;
  padding: 0 1.5rem 16px;
  color: #404040;
}
.new-upload-image-modal__title {
  margin: 0px;
  font-size: 0.87rem;
  font-weight: normal;
  line-height: 27px;
  padding: 0rem 0 1rem 0;
  color: currentColor;
}
.new-upload-image-modal__body {
  display: flex;
}
.new-upload-image-modal__body .new-upload-image-modal__buttons {
  flex-grow: 1;
  border: 1px solid currentColor;
  color: currentColor;
  background-color: white;
}
.new-upload-image-modal__body .new-upload-image-modal__buttons p {
  color: currentColor;
}
.new-upload-image-modal__galery {
  margin-right: 6px;
}
.new-upload-image-modal__camera {
  margin-left: 6px;
}
.save-before-exit {
  height: 150px;
  padding: 0 1.5rem;
}
.save-before-exit p {
  font-size: 14px;
  line-height: 27px;
}
.save-before-exit__body {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}
.disconnect-modal {
  touch-action: none;
  pointer-events: auto;
}
.disconnect-modal .react-modal-sheet-content {
  pointer-events: none;
}
.disconnect-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  font-weight: normal;
  font-size: 14px;
  line-height: normal;
  color: #bd272d;
  margin-right: 4px;
}
.disconnect-modal__header img,
.disconnect-modal__header svg {
  width: 24px;
  margin-left: 8px;
}
.disconnect-modal__body {
  font-size: 14px;
  font-weight: 300;
  line-height: normal;
}
.create-product-alert {
  padding: 16px 24px;
}
.create-product-alert svg {
  margin-left: 5px;
  width: 50px;
}
.create-product-alert__body {
  display: flex;
  margin-bottom: 10px;
}
.create-product-alert__body span {
  font-size: 14px;
  font-weight: 300;
  line-height: normal;
}
.create-product-alert button {
  margin: auto;
}
.create-product-alert button p {
  font-size: 12px;
  font-weight: 300;
}
.create-product-alert-rejection {
  display: flex;
}
.photography-tips-modal {
  width: 100%;
}
.photography-tips-modal__holder {
  display: flex;
  align-items: center;
}
.photography-tips-modal__text {
  margin: 0px;
  font-size: 0.9rem;
  text-align: right;
  padding: 0.4rem 1.3rem;
  border-radius: 50px;
  font-weight: 300;
  line-height: normal;
  color: rgba(19, 20, 31, 0.9);
  transition: all 0.3s ease-in-out;
}
.photography-tips-modal__icon {
  width: 6px;
  height: 6px;
  background-color: #00d170;
}
.filters-modal {
  width: 100%;
  font-family: "IRANsans", "iransansbase";
}
.filters-modal__searchBar {
  height: 46px;
  width: 100%;
  margin: 16px 0;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  background-color: #fff;
  font-family: "IRANsans";
}
.filters-modal__searchBar-input {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 16px 0 12px;
  border-radius: 23px;
  display: flex;
  border: solid 1.5px #e6e6e6;
}
.filters-modal__searchBar-input-image {
  width: 24px;
  height: 24px;
  margin: auto;
  background-color: #e6e6e6;
}
.filters-modal__searchBar-input img {
  width: 24px;
  height: 24px;
  margin: auto;
}
.filters-modal__searchBar-input input {
  width: 100%;
  height: 100%;
  background-color: inherit;
  font-family: "IRANsans";
  color: #404040;
  font-size: 0.7rem;
  outline: 0;
  border: 0;
}
.filters-modal__radiobtn {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.filters-modal__radiobtn--success {
  border: solid 1.5px #00d170;
  transition: all 0.3s ease-in-out;
}
.filters-modal__radiobtn--primary {
  border: solid 1.5px #ff00a4;
  transition: all 0.3s ease-in-out;
}
.filters-modal__radiobtn--notActive {
  border: solid 1.5px #e6e6e6;
  transition: all 0.3s ease-in-out;
}
.filters-modal__radiobtn label {
  border-radius: 0.3rem;
  font-size: 0.8rem;
  color: #404040;
  padding: 0 16px 0 12px;
  font-family: "IRANsans", "iransansbase";
  display: flex;
  height: 100%;
  justify-content: space-between;
  align-items: center;
}
.filters-modal__radiobtn input[type=radio] {
  display: none;
  position: absolute;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.filters-modal input[type=radio] {
  box-sizing: border-box;
  display: none;
}
.filters-modal__box {
  height: 56px;
  width: 100%;
  margin: 8px 0;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  background-color: #fff;
}
.filters-modal__box--withSubLabel {
  height: 64px;
}
.filters-modal__box--disabled {
  opacity: 0.3;
  pointer-events: none;
}
.filters-modal__label {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}
.filters-modal__label__sub {
  margin-top: 7px;
  font-size: 12px;
}
.filters-modal__text {
  font-size: 14px;
  font-weight: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: right;
  color: #404040;
  padding-right: 20px;
}
.filters-modal__radioIcon {
  width: 16px;
  height: 16px;
}
.filters-modal__icon-success {
  background-color: #00d170;
}
.filters-modal__icon-primary {
  background-color: #ff00a4;
}
.filters-modal__actionHolder {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-direction: row;
  margin: 1.2rem 0;
  padding-top: 1.5rem;
  border-top: 1px solid gainsboro;
}
.filters-modal__singleActionHolder {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-direction: row;
  margin: 1.2rem 0 0 0;
  padding: 1.5rem 1.2rem;
  border-top: 1px solid gainsboro;
  position: fixed;
  width: 100%;
  bottom: 0;
  z-index: 1000;
  background-color: white;
}
.filters-modal__singleActionHolder button {
  min-width: 100%;
  padding: 0 1.3rem;
}
.filters-modal .box {
  height: 56px;
  width: 100%;
  margin: 8px 0;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  background-color: #fff;
  font-family: "IRANsans", "iransansbase";
}
.pic-filters-modal {
  width: 100%;
  padding: 0 1.5rem 5rem;
}
.pic-filters-modal__action-holder {
  left: 0;
  right: 0;
  bottom: 0;
  position: fixed;
  padding: 0.78rem 0;
  background-color: white;
  border-top: 1px solid #e6e6e6;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.pic-filters-modal__action-holder button {
  margin: 0 0.22rem;
}
.pic-filters-modal__singleActionHolder {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-direction: row;
  margin: 1.2rem 0 0 0;
  padding: 1.5rem 1.2rem;
  border-top: 1px solid #e6e6e6;
  position: fixed;
  width: 100%;
  bottom: 0;
  z-index: 1000;
  background-color: #fff;
}
.pic-filters-modal__singleActionHolder button {
  min-width: 100%;
  padding: 0 1.3rem;
}
.update-expired-modal {
  padding-top: 1.16rem;
  display: flex;
  flex-direction: column;
}
.update-expired-modal__description {
  padding: 0 1.11rem 0 0.88rem;
}
.update-expired-modal__description span {
  font-family: "IRANsans";
  font-size: 0.77rem;
  font-weight: normal;
  text-align: right;
  color: rgba(19, 20, 31, 0.9);
}
.update-expired-modal__calendar {
  display: flex;
  align-items: center;
  padding: 1.11rem 0.88rem;
}
.update-expired-modal__calendar > span:first-child {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  width: 24px;
  height: 24px;
}
.update-expired-modal__calendar > span:last-child {
  font-size: 0.77rem;
  font-weight: 500;
  text-align: right;
  color: rgba(19, 20, 31, 0.9);
  padding-right: 0.44rem;
}
.update-expired-modal__seperator {
  width: 100%;
  height: 1px;
  background-color: #e6e6e6;
}
.update-expired-modal__actions {
  padding: 0.61rem 1.33rem 0.83rem 1.27rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
@media screen and (max-width: 320px) {
  .update-expired-modal__actions button {
    width: calc(50% - 50px) !important;
    min-width: 130px !important;
  }
}
.update-expired-modal__actions button:first-child {
  margin-left: 0.44rem;
}
.update-expired-modal__actions button:nth-child(2) {
  margin-right: 0.44rem;
}
.deactivate-discount-modal {
  display: flex;
  flex-direction: column;
}
.deactivate-discount-modal__question {
  padding: 1.27rem 1.33rem 0.72rem;
}
.deactivate-discount-modal__question span {
  font-size: 0.77rem;
  font-weight: normal;
  text-align: right;
  color: rgba(19, 20, 31, 0.9);
}
.deactivate-discount-modal__actions {
  padding: 0.61rem 1.33rem 0.88rem 1.27rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
@media screen and (max-width: 320px) {
  .deactivate-discount-modal__actions button {
    width: calc(50% - 50px) !important;
    min-width: 130px !important;
  }
}
.deactivate-discount-modal__actions button:first-child {
  margin-left: 0.44rem;
}
.deactivate-discount-modal__actions button:nth-child(2) {
  margin-right: 0.44rem;
}
.update-ongoing-modal {
  display: flex;
  flex-direction: column;
}
.update-ongoing-modal__description {
  padding: 1.05rem 0.88rem 0.88rem;
}
.update-ongoing-modal__description span {
  font-size: 0.77rem;
  font-weight: normal;
  text-align: right;
  color: rgba(19, 20, 31, 0.9);
}
.update-ongoing-modal__start-date {
  display: flex;
  align-items: center;
  padding: 0.66rem 0.88rem;
}
.update-ongoing-modal__start-date > span:first-child {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  width: 24px;
  height: 24px;
}
.update-ongoing-modal__start-date > span:last-child {
  font-size: 0.77rem;
  font-weight: 500;
  text-align: right;
  color: #a3a3a3;
  padding-right: 0.44rem;
}
.update-ongoing-modal__end-date {
  display: flex;
  align-items: center;
  padding: 0.66rem 0.88rem;
}
.update-ongoing-modal__end-date > span:first-child {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  width: 24px;
  height: 24px;
}
.update-ongoing-modal__end-date > span:last-child {
  font-size: 0.77rem;
  font-weight: 500;
  text-align: right;
  color: rgba(19, 20, 31, 0.9);
  padding-right: 0.44rem;
}
.update-ongoing-modal__actions {
  padding: 1.05rem 1.33rem 0.66rem 1.27rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
@media screen and (max-width: 320px) {
  .update-ongoing-modal__actions button {
    width: calc(50% - 50px) !important;
    min-width: 130px !important;
  }
}
.update-ongoing-modal__actions button:first-child {
  margin-left: 0.44rem;
}
.update-ongoing-modal__actions button:nth-child(2) {
  margin-right: 0.44rem;
}
.discount-tip-modal {
  display: flex;
  flex-direction: column;
  padding: 0 0.88rem;
}
.discount-tip-modal__description {
  padding: 1.22rem 0 0.88rem;
}
.discount-tip-modal__description > span {
  font-size: 0.77rem;
  font-family: "IRANsans", "iransansbase";
  font-weight: normal;
  line-height: normal;
  text-align: right;
  color: rgba(19, 20, 31, 0.9);
}
.discount-tip-modal__action {
  padding: 0.88rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.response-tips-modal {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  overflow: scroll;
  font-family: "IRANsans", "iransansbase";
}
.response-tips-modal__header {
  position: absolute;
  width: 100%;
  height: 72px;
  padding: 0 1.33rem 0 0.83rem;
  z-index: 2;
  background-color: #fff;
  border-bottom: solid 1px #e6e6e6;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.response-tips-modal__header-heading {
  font-size: 0.88rem;
  font-weight: 500;
  color: rgba(19, 20, 31, 0.9);
}
.response-tips-modal__description {
  padding: 4rem 0.88rem 0;
}
.response-tips-modal__description > p {
  font-size: 0.77rem;
  font-weight: 500;
  font-family: "IRANsans", "iransansbase";
  text-align: right;
  color: rgba(19, 20, 31, 0.9);
}
@media screen and (min-width: 321px) {
  .response-tips-modal__description > p {
    line-height: normal;
  }
}
.response-tips-modal__holder {
  display: flex;
  align-items: baseline;
  padding-left: 0.94rem;
}
.response-tips-modal__text {
  font-size: 0.77rem;
  font-weight: 300;
  text-align: right;
  padding-right: 0.44rem;
  -webkit-margin-before: 0 !important;
          margin-block-start: 0 !important;
  -webkit-margin-after: 0.66rem !important;
          margin-block-end: 0.66rem !important;
}
@media screen and (min-width: 321px) {
  .response-tips-modal__text {
    line-height: normal;
  }
}
@media (min-width: 1018px) {
  .modal {
    max-width: var(--max-width-on-desktop);
    margin-right: auto;
    margin-left: auto;
    -webkit-transform: translateX(calc(var(--medium-sidebar-offset) / 2 * -1));
            transform: translateX(calc(var(--medium-sidebar-offset) / 2 * -1));
  }
}
@media (min-width: 1440px) {
  .modal {
    -webkit-transform: translateX(calc(var(--large-sidebar-offset) / 2 * -1));
            transform: translateX(calc(var(--large-sidebar-offset) / 2 * -1));
  }
}
.toast {
  left: 16px;
  right: 16px;
  min-height: 56px;
  z-index: 99999999;
  position: fixed;
  font-weight: 300;
  border-radius: 6px;
  font-size: 0.77rem;
  padding: 14px 8px 14px 4px;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  font-family: "IRANsans", "iransansbase";
  color: rgba(19, 20, 31, 0.9);
  background: #fff;
  max-width: 480px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.toast__main {
  display: flex;
  width: 100%;
}
.toast__enabled {
  opacity: 1;
  bottom: 1rem;
}
.toast__disabled {
  opacity: 0;
  bottom: -3.5rem;
  transition: all 0.2s ease-in-out;
}
.toast__icon {
  flex-shrink: 0;
  margin-left: 4px;
  position: relative;
  top: 3px;
}
.toast__icon img,
.toast__icon svg {
  display: block;
  width: 24px;
  height: 24px;
}
.toast__close {
  flex-shrink: 0;
  margin-right: auto;
}
.toast__close svg {
  width: 16px;
  height: 16px;
}
.toast__message {
  align-self: center;
}
.toast_success {
  color: #22a958;
  font-weight: bold;
}
@media (min-width: 1018px) {
  .toast {
    right: calc(var(--medium-sidebar-offset) + 16px);
    margin: 0;
  }
  .toast__enabled {
    bottom: 1.6rem;
  }
}
@media (min-width: 1440px) {
  .toast {
    right: calc(var(--large-sidebar-offset) + 16px);
  }
}
.table {
  min-height: 150px;
}
.table__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 0.55rem;
}
.table__header--triple > span:first-child {
  text-align: right;
}
.table__header--triple > span {
  width: 33%;
  text-align: left;
}
.table__header > span {
  font-size: 0.77rem;
  font-weight: normal;
  font-style: normal;
  line-height: normal;
  color: #a3a3a3;
}
.table__rows {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  border-bottom: 1px solid #f2f2f2;
  padding: 0.83rem 0;
}
.table__rows--triple > div:first-child {
  text-align: right;
}
.table__rows--triple > div {
  width: 33%;
  text-align: left;
}
.table__rows--double > div:first-child {
  width: 100%;
  text-align: right;
}
.table__rows--double > div:first-child > div {
  width: 100%;
}
.table__rows > div {
  font-size: 0.77rem;
  font-weight: normal;
  font-style: normal;
  line-height: normal;
  color: rgba(19, 20, 31, 0.9);
  font-family: "IRANsans", "iransansbase";
}
.table__rows-point {
  font-size: 0.85rem;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  flex-direction: row;
}
.table__rows-point > bdi {
  width: 100%;
  font-size: 0.77rem;
  font-weight: normal;
  font-style: normal;
  line-height: normal;
  font-family: "IRANsans", "iransansbase";
  color: rgba(19, 20, 31, 0.9);
  direction: revert;
}
.table__rows-point--colorized > bdi bdi {
  font-weight: 500;
  font-size: 0.77rem;
  padding-left: 0.27rem;
}
.table__rows-point--positive {
  color: rgb(25.4581280788, 126.5418719212, 65.8916256158);
}
.table__rows-point--positive::before {
  content: "+";
}
.table__rows-point--negative {
  color: rgb(146.7236842105, 30.2763157895, 34.9342105263);
}
.table.skeleton {
  --skeleton-bg-color: #f0f0f0;
  overflow: hidden;
  position: relative;
  --bg-color: #e2e2e2;
}
.table.skeleton::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.6) 90%, rgba(255, 255, 255, 0) 95%, rgba(255, 255, 255, 0) 100%);
  -webkit-filter: blur(20px);
          filter: blur(20px);
  -webkit-animation: loading 1.5s infinite;
          animation: loading 1.5s infinite;
  z-index: 100;
}
@keyframes loading {
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
.table.skeleton .table__rows-point .line {
  height: 6px;
  width: 100%;
  border-radius: 2px;
  background-color: #e2e2e2;
  margin: 8px auto 8px 0;
}
.table.skeleton .table__rows-point .line-1 {
  width: 40px;
}
.table.skeleton .table__rows-point .line-2 {
  width: 60px;
}
.table.skeleton .table__rows-point .line-3 {
  width: 100px;
}
.table.skeleton .table__rows-point .line-4 {
  width: 130px;
}
.table.skeleton .table__rows-point .line-5 {
  width: 145px;
}
.table.skeleton .table__rows-point:first-child .line {
  margin-right: 0;
  margin-left: auto;
}
.SF-button {
  min-width: 175px;
  border: 0px;
  outline: 0px;
  border-radius: 8px;
  background: #ff00a4;
  padding: 0;
  transition: all 0.1s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.SF-button:active {
  background: rgb(204, 0, 131.2);
}
.SF-button--loading {
  pointer-events: none;
}
.SF-button__label {
  margin: 0px;
  position: relative;
  top: -0.05em;
  color: #fff;
  font-size: 0.9rem;
  font-weight: bold;
  transition: all 0.2s ease-in-out;
}
.SF-button__icon {
  width: 18px;
  min-height: 18px;
  height: 18px;
  margin-left: 0.5rem;
  position: relative;
  top: -1px;
  transition: all 0.2s ease-in-out;
}
.SF-button__icon svg {
  width: 18px;
  height: 18px;
}
.SF-button__icon--left {
  margin-left: 0;
  height: 18px;
}
.SF-button__listStyleIcon {
  min-width: 8px;
  min-height: 8px;
  margin-right: 24px;
  transition: all 0.2s ease-in-out;
}
.SF-button__listStyleIcon svg {
  width: 8px;
  height: 8px;
}
.SF-button--bordered, .SF-button--bordered-gray {
  background-color: #fff;
  border-radius: 6px;
  border: 1px solid rgba(19, 20, 31, 0.9);
  transition: all 0.2s ease-in-out;
}
.SF-button--bordered > p, .SF-button--bordered-gray > p {
  top: 0px;
  font-size: 0.75rem;
  color: rgba(19, 20, 31, 0.9);
}
.SF-button--bordered:active, .SF-button--bordered-gray:active {
  background: rgba(19, 20, 31, 0.9);
  border: 2px solid rgba(19, 20, 31, 0.9);
}
.SF-button--bordered:active > div, .SF-button--bordered-gray:active > div {
  background-color: rgb(234.6, 234.6, 234.6);
}
.SF-button--bordered:active > p, .SF-button--bordered-gray:active > p {
  color: rgb(216.75, 216.75, 216.75);
}
.SF-button--bordered-gray {
  border: 1px solid #e6e6e6;
}
.SF-button--success {
  background-color: #00d170;
  transition: all 0.2s ease-in-out;
}
.SF-button--success:active {
  background-color: rgb(0, 183.5, 98.3349282297);
}
.SF-button--success > p {
  font-size: 1.05rem;
}
.SF-button--disabled {
  background-color: #e6e6e6;
  transition: all 0.2s ease-in-out;
}
.SF-button--disabled:active {
  background-color: rgb(204.5, 204.5, 204.5);
}
.SF-button--disabled-grey {
  background-color: #e6e6e6;
  transition: all 0.2s ease-in-out;
}
.SF-button--disabled-grey > p {
  color: #a3a3a3 !important;
}
.SF-button--disabled-grey:active {
  background-color: rgb(204.5, 204.5, 204.5);
}
.SF-button--danger {
  background-color: #f74046;
  transition: all 0.2s ease-in-out;
}
.SF-button--danger:active {
  background-color: rgb(245.9748743719, 39.5251256281, 46.2939698492);
}
.SF-button--danger > p {
  font-size: 1.05rem;
}
.SF-button--solid {
  background-color: #fff;
  border-radius: 2.5rem;
  box-shadow: 0 0.4em 0.6em rgba(0, 0, 0, 0.05);
}
.SF-button--solid:active {
  background-color: rgb(229.5, 229.5, 229.5);
}
.SF-button--solid > p {
  font-size: 0.7rem;
  position: relative;
  top: 0.02em;
  color: rgba(48.07, 50.6, 78.43, 0.9);
}
.SF-button--solid-active {
  background-color: #00d170;
}
.SF-button--solid-active > p {
  color: #fff;
}
.SF-button--solid-active:active {
  background-color: rgb(247.35, 247.35, 247.35);
}
.SF-button--solid-green {
  background-color: #fff;
  border-radius: 0.33rem;
  transition: all 0.2s ease-in-out;
}
.SF-button--solid-green:active {
  background-color: rgb(242.25, 242.25, 242.25);
}
.SF-button--solid-green > p {
  color: #22a958;
  font-size: 0.77rem;
  font-weight: 400;
}
.SF-button--elevated {
  background-color: #fff;
  border-radius: 2.5rem;
  border: 1px solid rgba(0, 0, 0, 0.04);
  box-shadow: 0 0.4em 0.5em rgba(0, 0, 0, 0.07);
}
.SF-button--elevated:active {
  background-color: rgb(229.5, 229.5, 229.5);
}
.SF-button--elevated > p {
  font-size: 0.75rem;
  position: relative;
  top: 0.02em;
  color: rgba(48.07, 50.6, 78.43, 0.9);
}
.SF-button--elevated-active {
  background-color: #00d170;
}
.SF-button--elevated-active > p {
  color: #fff;
}
.SF-button--elevated-active:active {
  background-color: rgb(247.35, 247.35, 247.35);
}
.SF-button--accept {
  background-color: rgb(0, 173.3, 92.8688995215);
  transition: all 0.2s ease-in-out;
}
.SF-button--accept:active {
  background-color: rgb(0, 107, 57.3397129187);
}
.SF-button--accept > p {
  font-size: 1.05rem;
}
.SF-button--accept-white-bg {
  background-color: #fff;
  border-radius: 0.33rem;
  border: 1px solid #00d170;
  transition: all 0.2s ease-in-out;
}
.SF-button--accept-white-bg:active {
  background-color: rgb(242.25, 242.25, 242.25);
}
.SF-button--accept-white-bg > p {
  font-size: 0.77rem;
  color: #00d170;
}
.SF-button--danger-white-bg {
  background-color: #fff;
  border-radius: 0.33rem;
  border: 1px solid #bd272d;
  transition: all 0.2s ease-in-out;
}
.SF-button--danger-white-bg:active {
  background-color: rgb(242.25, 242.25, 242.25);
}
.SF-button--danger-white-bg > p {
  font-size: 0.77rem;
  color: #bd272d;
}
.SF-button--normal-text {
  background-color: inherit;
  transition: all 0.2s ease-in-out;
  border: unset;
  align-items: end;
  justify-content: flex-start;
  padding: 0;
}
.SF-button--normal-text > p {
  top: 0px;
  font-size: 0.75rem;
  color: #22a958;
}
.SF-button--normal-text:active {
  justify-content: flex-start;
  background-color: unset;
}
.SF-button--normal-text:active > div {
  background-color: rgb(234.6, 234.6, 234.6);
}
.SF-button--normal-text:active > p {
  color: rgb(216.75, 216.75, 216.75);
}
.SF-button--normal-text div {
  width: 20px;
  height: 20px;
  background-color: #22a958;
}
.SF-button--normal-text div svg {
  width: 20px;
  height: 20px;
  background-color: white;
}
.SF-button--gray {
  background-color: #e6e6e6;
  border-radius: 0.33rem;
  direction: rtl;
  transition: all 0.2s ease-in-out;
}
.SF-button--gray:active {
  background-color: rgb(242.25, 242.25, 242.25);
}
.SF-button--gray > p {
  font-size: 0.77rem;
  color: rgba(19, 20, 31, 0.9);
}
.SF-button--light-gray {
  background-color: #f2f2f2;
  border-radius: 0.33rem;
  direction: rtl;
  transition: all 0.1s ease-in-out;
}
.SF-button--light-gray:active {
  background-color: rgb(229.5, 229.5, 229.5);
}
.SF-button--light-gray > p {
  font-size: 0.77rem;
  color: rgba(19, 20, 31, 0.9);
}
.SF-button--primary-white-bg {
  background-color: #fff;
  border-radius: 0.33rem;
  border: 1px solid #ff00a4;
  transition: all 0.2s ease-in-out;
}
.SF-button--primary-white-bg:active {
  background-color: rgb(242.25, 242.25, 242.25);
}
.SF-button--primary-white-bg > p {
  font-size: 0.77rem;
  color: #ff00a4;
}
.SF-button--reject {
  background-color: #fff;
  transition: all 0.2s ease-in-out;
  border: 1px solid rgb(200.5979899497, 8.4020100503, 14.7035175879);
}
.SF-button--reject:active {
  background-color: rgb(242.25, 242.25, 242.25);
}
.SF-button--reject > p {
  font-size: 1.05rem;
  color: rgb(200.5979899497, 8.4020100503, 14.7035175879);
}
.SF-button--reject-white-bg {
  background-color: #fff;
  transition: all 0.2s ease-in-out;
  border: 1px solid rgb(153, 0, 98.4);
}
.SF-button--reject-white-bg:active {
  background-color: rgb(191.25, 191.25, 191.25);
}
.SF-button--reject-white-bg > p {
  font-size: 1.05rem;
  color: #00d170;
}
.SF-button--warning {
  background-color: #bd272d;
  transition: all 0.2s ease-in-out;
  border: 1px solid #bd272d;
}
.SF-button--warning:active {
  background-color: rgb(125.5855263158, 25.9144736842, 29.9013157895);
}
.SF-button--warning > p {
  font-size: 17px;
  font-weight: 700;
  line-height: 24px;
  color: #fff;
}
.SF-loading {
  position: fixed;
  width: 100%;
  max-width: 480px;
  height: 100vh;
  z-index: 1200;
}
.SF-loading__loadingContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}
.SF-loading__loadingOverlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  opacity: 0.5;
  background: black;
  color: white;
  z-index: 1201;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.SF-loading__loadingLogo {
  height: 80px;
  width: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1202;
}
.SF-loading__loadingLogo-imageAp {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
  position: absolute;
  display: block;
  height: 80px;
  width: 80px;
}
.SF-loading__loadingLogo-spinner {
  -webkit-animation: rotation 1s infinite linear;
          animation: rotation 1s infinite linear;
  position: absolute;
  height: 100px;
}
@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
@keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
.SP-loading {
  position: fixed;
  width: 100%;
  max-width: 480px;
  height: 100vh;
  z-index: 1200;
}
.SP-loading__loadingContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #fff;
  position: absolute;
  height: 100vh;
  width: 100%;
  right: 0;
  left: 0;
  top: 0;
}
.SP-loading__loadingContainer span {
  font-size: 14px;
  font-weight: normal;
}
.SP-loading__loadingLogo {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  margin-bottom: 30px;
  position: relative;
  z-index: 1202;
  height: 36px;
  width: 36px;
}
.SP-loading__loadingLogo-spinner {
  -webkit-animation: rotation 1s infinite linear;
          animation: rotation 1s infinite linear;
  position: absolute;
  height: 100px;
}
@keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
.sidebar {
  position: fixed;
  z-index: 1001;
  top: 50px;
  width: 100%;
  max-width: 480px;
  padding: 0.9rem 1.3rem;
  height: calc(100vh - 50px);
  background-color: #fff;
}
.sidebar__header {
  width: 100%;
  padding: 0 0 1.15rem 0;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
}
.sidebar__header-chevron {
  position: absolute;
  left: 0px;
  width: 20px;
  opacity: 0.4;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.sidebar__fullname, .sidebar__show-profile {
  margin: 0px;
  color: rgba(38.38, 40.4, 62.62, 0.9);
}
.sidebar__fullname {
  font-size: 1.5rem;
  margin-bottom: 0.65rem;
}
.sidebar__show-profile {
  font-size: 0.75rem;
}
.sidebar__container {
  height: calc(100vh - 230px);
  overflow: auto;
}
.sidebar__menu {
  width: 100%;
  margin: 0.5rem 0;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.sidebar__menu-item {
  width: 100%;
  height: 64px;
  position: relative;
  border-top: 1px solid rgb(239.5, 239.5, 239.5);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  color: inherit;
  font-size: 0.77rem;
  margin: 0 0.5rem;
}
.sidebar__menu-item-self {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.sidebar__menu-item-icon {
  width: 36px;
  height: 64px;
  opacity: 0.85;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
.sidebar__menu-item-icon > img {
  width: 23px;
  opacity: 0.9;
}
.sidebar__menu-item-label {
  font-weight: normal;
  color: rgba(48.07, 50.6, 78.43, 0.9);
}
.sidebar__menu-item-details {
  position: absolute;
  left: 0;
  height: 100%;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 64px;
  padding-right: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.sidebar__menu-item-chevron {
  position: absolute;
  left: 0px;
  width: 20px;
  height: 20px;
  opacity: 0.4;
}
.sidebar__menu-item-chevron svg {
  width: 20px;
  height: 20px;
}
.sidebar__version {
  position: absolute;
  bottom: 0px;
  left: 0px;
  direction: ltr;
  padding: 0.3rem 0.5rem;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
.sidebar__version span {
  margin: 0;
  font-size: 0.6rem;
  font-style: italic;
  font-family: "Arial";
  color: rgb(201.25, 201.25, 201.25);
}
.subMenu {
  width: 100%;
  height: 68px;
  margin: 0;
  padding: 12px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  border-bottom: 1px solid #f8f9fb;
}
.subMenu__self {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.subMenu__label {
  margin-right: 0.55rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.subMenu__label > span {
  font-weight: normal;
  font-size: 0.77rem;
}
.subMenu__label > div {
  color: #a3a3a3;
  margin-top: 6px;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
}
.subMenu__label--withSubtitle {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
}
@media screen and (max-width: 320px) {
  .subMenu__label h3 {
    font-size: 0.6rem;
  }
}
.subMenu__left-side {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.subMenu__badge {
  padding: 0 4px;
  margin-left: 10px;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  border-radius: 48px;
  color: #fff;
  border: 2px solid #fff;
  background: #ff4232;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.subMenu__chevron {
  width: 17px;
  height: 17px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.subMenu__chevron svg {
  width: 17px;
  height: 17px;
}
.subMenu__isButton {
  padding: 0;
  outline: none;
  border: unset;
  color: inherit;
  font-size: 14px;
  border-radius: 0;
  text-decoration: none;
  background-color: unset;
  border-bottom: 1px solid rgb(248, 249, 251);
  padding: 12px;
}
.mainItem {
  flex-direction: row;
  width: 48.8%;
  margin: 8px 0 0;
}
.mainItem__self {
  width: 100%;
  background-color: #fff;
  height: 85px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding-right: 12px;
  background: #fff;
  border-radius: 8px;
  flex-direction: column;
}
.mainItem__ticketNotif {
  left: 8px !important;
  top: -16px !important;
}
.mainItem__isButton {
  padding: 0;
  outline: none;
  border: unset;
  color: inherit;
  font-size: 14px;
  border-radius: 0;
  margin-left: 8px !important;
  text-decoration: none;
  background-color: unset;
}
.mainItem__head {
  margin-right: 2px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.mainItem__relative {
  position: relative;
  width: 100%;
}
.mainItem__label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  margin-top: 12px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
}
.mainItem__label > span {
  font-weight: 300;
  font-size: 0.77rem;
}
.skeleton {
  --skeleton-bg-color: #f0f0f0;
  overflow: hidden;
  position: relative;
  --bg-color: #e2e2e2;
  position: relative;
}
.skeleton::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.6) 90%, rgba(255, 255, 255, 0) 95%, rgba(255, 255, 255, 0) 100%);
  -webkit-filter: blur(20px);
          filter: blur(20px);
  -webkit-animation: loading 1.5s infinite;
          animation: loading 1.5s infinite;
  z-index: 100;
}
@keyframes loading {
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
.skeleton__fill {
  height: 6px;
  width: 100%;
  border-radius: 2px;
  background-color: #e2e2e2;
  display: flex;
  height: 100%;
  width: 100%;
}
.skeleton__circle {
  height: 6px;
  width: 100%;
  border-radius: 2px;
  background-color: #e2e2e2;
  display: inline-block;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
}
.skeleton__circle--lg {
  height: 3rem;
  width: 3rem;
}
.skeleton__circle--sm {
  height: 18px;
  width: 18px;
  border-radius: 50%;
}
.skeleton__oval {
  height: 6px;
  width: 100%;
  border-radius: 2px;
  background-color: #e2e2e2;
  display: inline-block;
  height: 30px;
  width: 46px;
  border-radius: 8px;
}
.skeleton__rectangle {
  height: 6px;
  width: 100%;
  border-radius: 2px;
  background-color: #e2e2e2;
  display: inline-block;
  height: 30px;
  width: 122px;
  border-radius: 4px;
}
.skeleton__rectangle--sm {
  height: 24px;
  border-radius: 4px;
}
.skeleton__rectangle--lg {
  height: 40px;
  border-radius: 8px;
}
.skeleton__square {
  height: 6px;
  width: 100%;
  border-radius: 2px;
  background-color: #e2e2e2;
  display: inline-block;
  height: 48px;
  width: 48px;
  border-radius: 4px;
}
.skeleton__line {
  height: 6px;
  width: 100%;
  border-radius: 2px;
  background-color: #e2e2e2;
  display: inline-block;
}
.skeleton--with-1 {
  width: 10%;
}
.skeleton--with-2 {
  width: 20%;
}
.skeleton--with-3 {
  width: 30%;
}
.skeleton--with-4 {
  width: 40%;
}
.skeleton--with-5 {
  width: 50%;
}
.skeleton--with-6 {
  width: 60%;
}
.skeleton--with-7 {
  width: 70%;
}
.skeleton--with-8 {
  width: 80%;
}
.skeleton--with-9 {
  width: 90%;
}
.skeleton--with-10 {
  width: 100%;
}
.skeleton__linear-rectangle {
  border-radius: 4px;
  display: inline-block;
  background-color: #e2e2e2;
  background: linear-gradient(10deg, rgba(18, 25, 33, 0.2) 0%, rgba(18, 25, 33, 0) 100%);
  background-blend-mode: screen, normal;
}
.skeleton__linear-rectangle--1 {
  width: 120px;
  height: 20px;
}
.skeleton__linear-rectangle--2 {
  width: 96px;
  height: 16px;
}
.skeleton__linear-rectangle--3 {
  width: 192px;
  height: 16px;
}
.skeleton__linear-rectangle--4 {
  width: 95px;
  height: 24px;
}
.skeleton .mb-1 {
  margin-bottom: 0.5rem;
}
.skeleton .mb-2 {
  margin-bottom: 1rem;
}
.skeleton .mb-3 {
  margin-bottom: 1.5rem;
}
.skeleton .mb-4 {
  margin-bottom: 2rem;
}
.list-card {
  margin: 0.66rem;
  padding: 0.88rem 0.75rem;
  min-height: 88px;
  display: grid;
  font-family: "IRANsans", "iransansbase";
  grid-template-columns: 1fr 5px 1fr;
  grid-gap: 0.8rem;
}
.list-card__divider {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.list-card__divider > span {
  width: 1px;
  height: 90%;
  background-color: #d6d6d6;
}
.list-card__item-primary {
  width: 100%;
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.list-card__item-primary-number {
  color: rgba(19, 20, 31, 0.9);
  font-size: 1.22rem;
  font-weight: bold;
}
.list-card__item-primary .rateBox > span {
  font-size: 1.15rem;
}
.list-card__item {
  width: 100%;
  height: 100%;
  min-height: 60px;
  display: grid;
  grid-template-rows: 2fr 1fr;
}
.list-card__title {
  font-size: 0.66rem;
  font-style: normal;
  line-height: normal;
  color: #a3a3a3;
  text-align: center;
}
.listskelet {
  position: relative;
  padding: 0.88rem 0.75rem;
  min-height: 88px;
  display: grid;
  font-family: "IRANsans", "iransansbase";
  grid-template-columns: 1fr 5px 1fr;
  grid-gap: 0.8rem;
  --skeleton-bg-color: #f0f0f0;
  overflow: hidden;
  position: relative;
  --bg-color: #e2e2e2;
}
.listskelet::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.6) 90%, rgba(255, 255, 255, 0) 95%, rgba(255, 255, 255, 0) 100%);
  -webkit-filter: blur(20px);
          filter: blur(20px);
  -webkit-animation: loading 1.5s infinite;
          animation: loading 1.5s infinite;
  z-index: 100;
}
@keyframes loading {
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
.listskelet__item {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 60px;
  display: grid;
  grid-template-rows: 2fr 1fr;
  background-color: var(--bg-color);
  border-radius: 2px;
}
.ReactCrop {
  position: relative;
  display: inline-block;
  cursor: crosshair;
  overflow: hidden;
  max-width: 100%;
  background-color: #000;
}
.ReactCrop:focus {
  outline: none;
}
.ReactCrop--disabled,
.ReactCrop--locked {
  cursor: inherit;
}
.ReactCrop__image {
  display: block;
  max-width: 100%;
  touch-action: manipulation;
}
.ReactCrop--crop-invisible .ReactCrop__image {
  opacity: 0.5;
}
.ReactCrop__crop-selection {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  box-sizing: border-box;
  cursor: move;
  box-shadow: 0 0 0 9999em rgba(0, 0, 0, 0.5);
  touch-action: manipulation;
  border: 1px solid;
  border-image-source: url("data:image/gif;base64,R0lGODlhCgAKAJECAAAAAP///////wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEI5RDc5MTFDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEI5RDc5MTBDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEBQoAAgAsAAAAAAoACgAAAhWEERkn7W3ei7KlagMWF/dKgYeyGAUAIfkEBQoAAgAsAAAAAAoACgAAAg+UYwLJ7RnQm7QmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYgLJHdiinNSAVfOEKoUCACH5BAUKAAIALAAAAAAKAAoAAAIRVISAdusPo3RAzYtjaMIaUQAAIfkEBQoAAgAsAAAAAAoACgAAAg+MDiem7Q8bSLFaG5il6xQAIfkEBQoAAgAsAAAAAAoACgAAAg+UYRLJ7QnQm7SmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYBLJDdiinNSEVfOEKoECACH5BAUKAAIALAAAAAAKAAoAAAIRFISBdusPo3RBzYsjaMIaUQAAOw==");
  border-image-slice: 1;
  border-image-repeat: repeat;
}
.ReactCrop--disabled .ReactCrop__crop-selection {
  cursor: inherit;
}
.ReactCrop--circular-crop .ReactCrop__crop-selection {
  border-radius: 50%;
}
.ReactCrop__rule-of-thirds-vt::before,
.ReactCrop__rule-of-thirds-vt::after,
.ReactCrop__rule-of-thirds-hz::before,
.ReactCrop__rule-of-thirds-hz::after {
  content: "";
  display: block;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.9);
}
.ReactCrop__rule-of-thirds-vt::before,
.ReactCrop__rule-of-thirds-vt::after {
  width: 1px;
  height: 100%;
}
.ReactCrop__rule-of-thirds-vt::before {
  left: 33.3333%;
  left: 33.3333333333%;
}
.ReactCrop__rule-of-thirds-vt::after {
  left: 66.6666%;
  left: 66.6666666667%;
}
.ReactCrop__rule-of-thirds-hz::before,
.ReactCrop__rule-of-thirds-hz::after {
  width: 100%;
  height: 1px;
}
.ReactCrop__rule-of-thirds-hz::before {
  top: 33.3333%;
  top: 33.3333333333%;
}
.ReactCrop__rule-of-thirds-hz::after {
  top: 66.6666%;
  top: 66.6666666667%;
}
.ReactCrop__drag-handle {
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.7);
  box-sizing: border-box;
  outline: 1px solid transparent;
}
.ReactCrop .ord-nw {
  top: 0;
  left: 0;
  margin-top: -5px;
  margin-left: -5px;
  cursor: nw-resize;
}
.ReactCrop .ord-n {
  top: 0;
  left: 50%;
  margin-top: -5px;
  margin-left: -5px;
  cursor: n-resize;
}
.ReactCrop .ord-ne {
  top: 0;
  right: 0;
  margin-top: -5px;
  margin-right: -5px;
  cursor: ne-resize;
}
.ReactCrop .ord-e {
  top: 50%;
  right: 0;
  margin-top: -5px;
  margin-right: -5px;
  cursor: e-resize;
}
.ReactCrop .ord-se {
  bottom: 0;
  right: 0;
  margin-bottom: -5px;
  margin-right: -5px;
  cursor: se-resize;
}
.ReactCrop .ord-s {
  bottom: 0;
  left: 50%;
  margin-bottom: -5px;
  margin-left: -5px;
  cursor: s-resize;
}
.ReactCrop .ord-sw {
  bottom: 0;
  left: 0;
  margin-bottom: -5px;
  margin-left: -5px;
  cursor: sw-resize;
}
.ReactCrop .ord-w {
  top: 50%;
  left: 0;
  margin-top: -5px;
  margin-left: -5px;
  cursor: w-resize;
}
.ReactCrop__disabled .ReactCrop__drag-handle {
  cursor: inherit;
}
.ReactCrop__drag-bar {
  position: absolute;
}
.ReactCrop__drag-bar.ord-n {
  top: 0;
  left: 0;
  width: 100%;
  height: 6px;
  margin-top: -3px;
}
.ReactCrop__drag-bar.ord-e {
  right: 0;
  top: 0;
  width: 6px;
  height: 100%;
  margin-right: -3px;
}
.ReactCrop__drag-bar.ord-s {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  margin-bottom: -3px;
}
.ReactCrop__drag-bar.ord-w {
  top: 0;
  left: 0;
  width: 6px;
  height: 100%;
  margin-left: -3px;
}
.ReactCrop--new-crop .ReactCrop__drag-bar,
.ReactCrop--new-crop .ReactCrop__drag-handle,
.ReactCrop--fixed-aspect .ReactCrop__drag-bar {
  display: none;
}
.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,
.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,
.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,
.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w {
  display: none;
}
@media (pointer: coarse) {
  .ReactCrop__drag-handle {
    width: 20px;
    height: 20px;
  }
  .ReactCrop .ord-nw {
    margin-top: -10px;
    margin-left: -10px;
  }
  .ReactCrop .ord-n {
    margin-top: -10px;
    margin-left: -10px;
  }
  .ReactCrop .ord-ne {
    margin-top: -10px;
    margin-right: -10px;
  }
  .ReactCrop .ord-e {
    margin-top: -10px;
    margin-right: -10px;
  }
  .ReactCrop .ord-se {
    margin-bottom: -10px;
    margin-right: -10px;
  }
  .ReactCrop .ord-s {
    margin-bottom: -10px;
    margin-left: -10px;
  }
  .ReactCrop .ord-sw {
    margin-bottom: -10px;
    margin-left: -10px;
  }
  .ReactCrop .ord-w {
    margin-top: -10px;
    margin-left: -10px;
  }
  .ReactCrop__drag-bar.ord-n {
    height: 16px;
    margin-top: -8px;
  }
  .ReactCrop__drag-bar.ord-e {
    width: 16px;
    margin-right: -8px;
  }
  .ReactCrop__drag-bar.ord-s {
    height: 16px;
    margin-bottom: -8px;
  }
  .ReactCrop__drag-bar.ord-w {
    width: 16px;
    margin-left: -8px;
  }
}
.orderCard {
  margin: 0.9rem 0;
  padding: 0.8rem;
  border-radius: 13px;
  background-color: #fff;
  font-family: "IRANsans", "iransansbase";
  box-shadow: 0 17px 23px -13px #e6e6e6;
  direction: rtl;
}
.orderCard img,
.orderCard svg {
  width: 24px;
  height: 24px;
  z-index: 1;
}
.orderCard__info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.orderCard__info-up {
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
}
.orderCard__info img,
.orderCard__info svg {
  z-index: 1000;
}
.orderCard__info-chevron {
  transition: all 0.2s ease-in-out;
}
.orderCard__info-fullname {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  color: rgba(19, 20, 31, 0.9);
}
.orderCard__info-fullname span:first-child {
  font-size: 0.88rem;
  font-weight: 500;
  line-height: 1.21;
  font-family: "IRANsans", "iransansbase";
  padding-bottom: 0.44rem;
}
.orderCard__info-fullname span:nth-child(2) {
  font-size: 0.77rem;
  font-weight: normal;
}
.orderCard__info-fullname-time span:first-of-type {
  padding-left: 0.22rem;
}
.orderCard__info-fullname-time span {
  line-height: 1.3;
  font-size: 0.66rem;
  font-weight: normal;
  color: rgba(19, 20, 31, 0.9);
  font-family: "IRANsans", "iransansbase";
}
.orderCard__date {
  margin-bottom: 0.88rem;
  font-size: 0.66rem;
  font-family: "IRANsans", "iransansbase";
  color: rgba(19, 20, 31, 0.9);
}
.orderCard__order {
  padding-bottom: 0.9rem;
  margin-bottom: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.orderCard__order-status {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.orderCard__order-status span {
  font-size: 0.7rem;
  font-weight: normal;
  font-family: "IRANsans", "iransansbase";
  line-height: 1.25;
  padding-right: 0.22rem;
  color: rgba(19, 20, 31, 0.9);
}
.orderCard__order-id span:first-of-type {
  padding-left: 0.22rem;
}
.orderCard__order-id span {
  font-size: 0.66rem;
  font-weight: normal;
  line-height: 1.3;
  color: rgba(19, 20, 31, 0.9);
  font-family: "IRANsans", "iransansbase";
}
.orderCard__coupon {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  padding: 0.4rem 0;
  border-top: 1px solid rgb(239.5, 239.5, 239.5);
  border-bottom: 1px solid rgb(239.5, 239.5, 239.5);
}
.orderCard__coupon span {
  padding-right: 0.44rem;
  font-size: 0.66rem;
  font-weight: normal;
  line-height: 1.25;
  color: #ff00a4;
}
.orderCard__products {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
}
.orderCard__products-price {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
}
.orderCard__products-price-discount {
  color: #a3a3a3;
  font-size: 0.66rem;
  font-weight: 500;
  margin-left: 0.33rem;
  text-decoration: line-through;
  text-align: center;
}
.orderCard__products-product {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  width: 100%;
  height: 100%;
}
.orderCard__products-product span:last-of-type {
  padding-right: 0.22rem;
}
.orderCard__products-topping {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  margin: 0.44rem 0 0;
}
.orderCard__products-topping span:first-child {
  margin-left: 0.44rem;
}
.orderCard__products-topping span {
  font-size: 0.66rem;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.25;
  color: "IRANsans", "iransansbase";
}
.orderCard__products-cost span {
  font-size: 0.66rem;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.25;
  color: "IRANsans", "iransansbase";
}
.orderCard__products-title {
  display: flex;
  align-items: center;
  justify-content: right;
  flex-direction: row;
  width: 100%;
}
.orderCard__products-title span:first-child {
  margin-left: 0.44rem;
}
.orderCard__products-title span {
  font-size: 0.83rem;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.55;
  color: "IRANsans", "iransansbase";
}
.orderCard__products-title span:last-of-type {
  padding-right: 0.22rem;
}
.orderCard__products-price span {
  font-size: 0.77rem;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.25;
  color: "IRANsans", "iransansbase";
}
.orderCard__price {
  padding: 0.88rem 0;
  margin-top: 0.9rem;
  border-top: 1px solid rgb(239.5, 239.5, 239.5);
  border-bottom: 1px solid rgb(239.5, 239.5, 239.5);
}
.orderCard__price > div:first-child {
  padding-top: 0;
}
.orderCard__price div {
  padding: 0.45rem 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
}
.orderCard__price div span {
  line-height: 1.21;
  font-size: 0.66rem;
  font-weight: normal;
  font-stretch: normal;
  color: rgba(19, 20, 31, 0.9);
}
.orderCard__total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  padding: 0.9rem 0 0;
}
.orderCard__total span {
  font-size: 0.77rem;
  font-weight: bold;
  font-stretch: normal;
  line-height: 1.21;
  color: #00d170;
}
.orderCard--expanded-taxes {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  transition: all 1000ms;
}
.orderCard--expanded-taxes div:last-child {
  padding-bottom: 0;
}
.orderCard--expanded-taxholder {
  overflow: hidden;
  height: 120px;
  transition: all 1000ms;
}
.orderCard--expanded-prholder {
  overflow: hidden;
  transition: all 1000ms;
}
.orderCard--expanded-products-expanding {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  margin-bottom: 0.88rem;
}
.orderCard--not-expanded-taxes {
  -webkit-transform: translateY(-100px);
          transform: translateY(-100px);
  transition: all 1000ms;
  opacity: 0;
}
.orderCard--not-expanded-products-expanding {
  -webkit-transform: translateY(-100px);
          transform: translateY(-100px);
  transition: all 2000ms;
  opacity: 0;
  height: 0;
}
.orderCard--not-expanded-taxholder {
  transition: all 1000ms;
  height: 0px;
  overflow: hidden;
}
.orderCard--not-expanded-prholder {
  transition: all 1000ms;
  overflow: hidden;
  margin: 0;
}
.alert-card {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  border-radius: 0.33rem;
  padding: 0.88rem 0.66rem;
  background-color: #fff;
  margin-bottom: 1rem;
}
.alert-card--negative, .alert-card--danger {
  border: 1px solid #bd272d;
}
.alert-card--danger .alert-card__title span {
  color: #bd272d;
  font-weight: bold;
}
.alert-card--danger .alert-card__title svg {
  align-self: flex-start;
  flex-shrink: 0;
}
.alert-card--positive {
  border: 1px solid #22a958;
}
.alert-card--navigation {
  border: 1px solid #a3a3a3;
  padding-left: 0.44rem;
  height: 49px;
  margin-bottom: 0.9rem;
}
.alert-card--simple-alert {
  border: 1px solid #bd272d;
}
.alert-card--simple-success {
  border: 1px solid #22a958;
}
.alert-card--warning {
  border: 1px solid rgba(122, 122, 122, 0.1019607843);
  background: rgba(250, 203, 15, 0.1019607843);
}
.alert-card--warning .alert-card__title span {
  color: #9e6900;
}
.alert-card__main {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.alert-card__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.alert-card__title > span {
  font-size: 0.77rem;
  font-weight: 500;
  margin-right: 0.22rem;
  font-style: normal;
  line-height: normal;
  font-stretch: normal;
  color: rgba(19, 20, 31, 0.9);
}
.alert-card__title img,
.alert-card__title svg {
  width: 24px;
  height: 24px;
}
.alert-card__navigation {
  display: flex;
}
.alert-card__description {
  font-size: 0.77rem;
  line-height: 1.57;
  padding-top: 0.55rem;
  font-weight: normal;
  padding-right: 0.22rem;
  color: rgba(19, 20, 31, 0.9);
}
.SP-loading {
  max-width: 480px;
  left: 50%;
  top: 0;
  position: fixed;
  width: 101vw;
  height: 100vh;
  z-index: 1300;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: white;
  transition: opacity 0.05s cubic-bezier(0.19, 1, 0.22, 1);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.SP-loading__loading-container {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 20px;
}
.SP-loading__loading-container > span {
  position: absolute;
  width: 14px;
  height: 14px;
  opacity: 0.8;
  border-radius: 50%;
  background: #ff00a4;
  -webkit-animation-timing-function: cubic-bezier(0, 1, 1, 0);
          animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.SP-loading__loading-container > span:nth-child(1) {
  left: 8px;
  -webkit-animation: _1st_child 0.6s infinite;
          animation: _1st_child 0.6s infinite;
}
.SP-loading__loading-container > span:nth-child(2) {
  left: 8px;
  -webkit-animation: _2nd_child 0.6s infinite;
          animation: _2nd_child 0.6s infinite;
}
.SP-loading__loading-container > span:nth-child(3) {
  left: 32px;
  -webkit-animation: _2nd_child 0.6s infinite;
          animation: _2nd_child 0.6s infinite;
}
.SP-loading__loading-container > span:nth-child(4) {
  left: 56px;
  -webkit-animation: _3rd_child 0.6s infinite;
          animation: _3rd_child 0.6s infinite;
}
@keyframes _1st_child {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes _3rd_child {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
@keyframes _2nd_child {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(24px, 0);
            transform: translate(24px, 0);
  }
}
.SP-loading.simple {
  pointer-events: all;
  opacity: 1;
  position: static;
  -webkit-transform: unset;
          transform: unset;
  height: auto;
  width: 100%;
  background-color: transparent;
}
.SP-loading.simple .SP-loading__loading-container {
  padding-top: 5px;
}
.SP-loading.simple .SP-loading__loading-container > span {
  background-color: #a3a3a3;
  width: 10px;
  height: 10px;
}
.SP-loading.tiny {
  pointer-events: all;
  opacity: 1;
  position: static;
  -webkit-transform: unset;
          transform: unset;
  height: auto;
  width: 100%;
  height: 29px;
  background-color: transparent;
}
.SP-loading.tiny .SP-loading__loading-container {
  height: 10px;
}
.SP-loading.tiny .SP-loading__loading-container > span {
  background-color: #a3a3a3;
  width: 5px;
  height: 5px;
}
.SP-loading.small {
  pointer-events: all;
  opacity: 1;
  position: static;
  -webkit-transform: unset;
          transform: unset;
  height: auto;
  width: 100%;
  height: 16px;
  background-color: transparent;
}
.SP-loading.small .SP-loading__loading-container {
  height: 10px;
}
.SP-loading.small .SP-loading__loading-container > span {
  background-color: #a3a3a3;
  width: 5px;
  height: 5px;
}
.SP-loading.button {
  pointer-events: none;
  opacity: 1;
  position: static;
  -webkit-transform: unset;
          transform: unset;
  height: auto;
  width: 100%;
  background-color: transparent;
}
.SP-loading.button .SP-loading__loading-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.SP-loading.button .SP-loading__loading-container > span {
  background-color: #fff;
  width: 10px;
  height: 10px;
}
@media (min-width: 1018px) {
  .SP-loading {
    max-width: none;
    width: 100%;
    background-color: transparent;
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
  }
  .SP-loading__loading-container > span {
    background-color: #151f33;
  }
}
.photo-card {
  z-index: 1;
  width: 100%;
  overflow: auto;
  background: #fff;
  white-space: nowrap;
  font-family: "IRANsans", "iransansbase";
  overflow-x: scroll; /* Must be 'scroll' not 'auto' */
  -webkit-overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  overflow: auto;
  white-space: nowrap;
}
.photo-card > div:first-child {
  margin-right: 0.88rem;
}
.photo-card > div:last-child {
  margin-left: 0.88rem;
}
.photo-card__card {
  width: 220px;
  height: 195px;
  padding: 0 0 0.5rem 0;
  margin: 4px;
  display: inline-block;
  padding: 0px 5px;
}
.photo-card__photo {
  position: relative;
  height: 130px;
  margin-bottom: 0.33rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.photo-card__photo img {
  width: 100%;
}
.photo-card__photo--no-image {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.photo-card__photo--no-image img {
  -o-object-fit: cover;
     object-fit: cover;
}
.photo-card__photo-rate {
  position: absolute;
  left: 0.44rem;
  top: 0.44rem;
}
.photo-card__info {
  display: flex;
  grid-gap: 0.3rem;
  grid-template-rows: 1fr;
  padding: 0.88rem 0.66rem;
}
.photo-card__info-heading {
  margin: 0;
  justify-self: flex-start;
  align-self: center;
  font-size: 0.75rem;
  overflow: hidden;
  line-height: 1.3rem;
  width: 100%;
  font-weight: 500;
  text-overflow: ellipsis;
}
.photo-card__info-des {
  display: grid;
  grid-gap: 0.3rem;
  grid-template-columns: 1fr 1fr;
}
.photo-card__info-des-order-count {
  font-size: 0.8rem;
  justify-self: flex-start;
  align-self: center;
  color: rgba(19, 20, 31, 0.9);
}
.photo-card__no-content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  height: 180px;
  margin: 4px;
  font-size: 0.77rem;
  color: #a3a3a3;
}
.photo-card__mock {
  overflow: hidden;
  position: relative;
  height: 204px;
}
.photo-card__mock .fetch-again {
  position: absolute;
  height: 100%;
  z-index: 1;
}
.vendor-menu {
  z-index: 1;
  width: 100%;
  overflow: auto;
  background: #fff;
  position: absolute;
  white-space: nowrap;
  max-width: var(--max-width-on-desktop);
}
.vendor-menu__addCategory {
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  margin-left: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.vendor-menu__addCategory p {
  background-color: rgba(40, 40, 40, 0.04);
  color: #404040;
}
.vendor-menu__addCategory img,
.vendor-menu__addCategory svg {
  width: 14px;
  height: 14px;
  margin-top: 0;
  margin-left: 5px;
  float: right;
}
.vendor-menu__addCategory span {
  height: 32px;
  width: 95px;
  border-radius: 32px;
  background: rgba(64, 64, 64, 0.04);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.vendor-menu--fixed {
  z-index: 1;
  position: fixed;
  max-width: 480px;
  top: 50px !important;
  border-bottom: 1px solid #e7e7e7;
}
.vendor-menu--fixed-default {
  height: 64px;
}
.vendor-menu--fixed-tabbed {
  height: 48px;
}
.vendor-menu--full-item {
  display: flex;
}
.vendor-menu--full-item .vendor-menu-tabbed__item {
  flex: 1;
}
.vendor-menu-default {
  height: 64px;
}
.vendor-menu-default__item {
  display: inline-block;
  height: 100%;
}
.vendor-menu-default__item:first-child {
  margin-right: 0.75rem;
}
.vendor-menu-default__item:last-child {
  margin-left: 0.75rem;
}
.vendor-menu-default__item--active p {
  font-weight: bold;
  color: white;
  background: rgba(19, 20, 31, 0.9);
}
.vendor-menu-default__item-container {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.vendor-menu-default__item-add {
  width: 100%;
  height: 100%;
}
.vendor-menu-default__item-add img,
.vendor-menu-default__item-add svg {
  width: 20px;
  height: 20px;
  margin: -6px 0 -6px 6px;
}
.vendor-menu-default__item-add span {
  font-size: 0.77rem;
  font-weight: 500;
  color: #22a958;
}
.vendor-menu-default__item-text {
  margin: 0px;
  font-size: 0.7rem;
  text-align: center;
  padding: 0.5rem 0.9rem;
  border-radius: 50px;
  color: #a3a3a3;
  transition: all 0.3s ease-in-out;
}
.vendor-menu-default--bordered {
  border-bottom: 1px solid #e7e7e7;
}
.vendor-menu-tabbed {
  height: 48px;
}
.vendor-menu-tabbed__item {
  height: 100%;
  bottom: 0;
  z-index: 1;
  position: relative;
  display: inline-block;
  box-sizing: border-box;
}
.vendor-menu-tabbed__item-container {
  width: 100%;
  height: 100%;
  padding: 0.25rem 0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.vendor-menu-tabbed__item-text {
  margin: 0px;
  font-weight: bold;
  font-size: 0.75rem;
  text-align: center;
  padding: 0.5rem 0.9rem;
  color: rgb(188.5, 188.5, 188.5);
  transition: all 0.3s ease-in-out;
}
.vendor-menu-tabbed__item-bbar {
  width: 100%;
  bottom: 0px;
  position: absolute;
  transition: all 0.3s ease-in-out;
}
.vendor-menu-tabbed__item-bbar--enabled {
  height: 3px;
  background-color: #22a958;
}
.vendor-menu-tabbed__item-bbar--disabled {
  height: 1px;
  background-color: #d6d6d6;
}
.vendor-menu-tabbed__item--active p {
  color: #22a958;
}
.vendor-menu-tabbed__bbar {
  right: 0;
  width: 100%;
  bottom: 0px;
  height: 1px;
  z-index: -1;
  position: absolute;
  background: #d6d6d6;
}
.vendor-menu .skeleton {
  position: relative;
  --skeleton-bg-color: #f0f0f0;
  overflow: hidden;
  position: relative;
  --bg-color: #e2e2e2;
  display: flex;
  height: 64px;
}
.vendor-menu .skeleton::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.6) 90%, rgba(255, 255, 255, 0) 95%, rgba(255, 255, 255, 0) 100%);
  -webkit-filter: blur(20px);
          filter: blur(20px);
  -webkit-animation: loading 1.5s infinite;
          animation: loading 1.5s infinite;
  z-index: 100;
}
@keyframes loading {
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
.vendor-menu .skeleton .vendor-menu-default__item {
  margin-left: 0.5rem;
}
.vendor-menu .skeleton .oval {
  height: 6px;
  width: 100%;
  border-radius: 2px;
  background-color: #e2e2e2;
  display: inline-block;
  height: 30px;
  width: 66px;
  border-radius: 8px;
}
.datepicker {
  position: fixed;
  bottom: 0px;
  z-index: 1019;
  width: 100%;
  height: 100vh;
  overflow: scroll;
  background: #fff;
}
.datepicker__close {
  width: 100%;
  height: 48px;
  padding: 0 0.5rem;
}
.datepicker__close-box {
  width: 48px;
  height: 48px;
  right: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.datepicker__close-box-container {
  width: 24px;
  height: 24px;
  position: relative;
}
.datepicker__close-box-container > span {
  width: 100%;
  height: 2px;
  display: block;
  border-radius: 2px;
  position: absolute;
  background: rgba(48.07, 50.6, 78.43, 0.9);
  transition: all 0.3s ease-in-out;
}
.datepicker__close-box-container > span:first-child {
  top: 10px;
  height: 3px;
  border-radius: 1px;
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
}
.datepicker__close-box-container > span:last-child {
  bottom: 11px;
  height: 3px;
  border-radius: 1px;
  -webkit-transform: rotateZ(-45deg);
          transform: rotateZ(-45deg);
}
.datepicker__content {
  position: absolute;
  bottom: 84px;
  width: 100%;
  padding: 0.5rem 0;
  height: calc(100vh - 48px - 84px);
}
.datepicker__selected-range {
  width: 100%;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-direction: row;
}
.datepicker__selected-range--startDate {
  height: 48px;
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: 1px solid lightGray;
}
.datepicker__selected-range--stopDate {
  height: 48px;
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.datepicker__selected-range--holder {
  font-size: 0.94rem;
  color: rgba(19, 20, 31, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  font-family: "IRANsans", "iransansbase";
}
.datepicker__selected-range--holder img,
.datepicker__selected-range--holder svg {
  width: 24px;
  height: 24px;
  margin-right: 0.88rem;
}
.datepicker__selected-range--holder button {
  background-color: transparent;
  border: none;
  outline: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
.datepicker__selected-range--titles {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}
.datepicker__selected-range--titles > span:nth-child(1) {
  font-size: 0.66rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: right;
  margin-bottom: 0.27rem;
  color: #a3a3a3;
}
.datepicker__selected-range--titles > span:nth-child(2) {
  font-weight: bold;
  direction: ltr;
}
.datepicker__days-of-week {
  width: 100%;
  height: 44px;
  padding: 0 1.4rem;
  margin-top: 0.4rem;
  border-bottom: 1px solid rgb(226.75, 226.75, 226.75);
}
.datepicker__week-row {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
}
.datepicker__week-row-cell {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.datepicker__week-row-cell > span, .datepicker__week-row-cell-day {
  font-size: 0.75rem;
  color: rgba(57.76, 60.8, 94.24, 0.9);
}
.datepicker__week-row-cell-day {
  font-size: 0.9rem !important;
  width: 100%;
  height: 100%;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.datepicker__week-row-cell-day--today {
  border-radius: 50px;
  background: rgb(247.15, 247.15, 247.15);
  border: 1px solid rgb(201.25, 201.25, 201.25);
}
.datepicker__week-row-cell-day--start-day {
  background: rgb(0, 244.7, 131.1311004785);
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  color: rgb(0, 132.5, 71.004784689) !important;
  padding-right: 0.4rem;
  transition: all 0.3s ease-in-out;
}
.datepicker__week-row-cell-day--in-range {
  border-radius: 0px !important;
  background: rgba(30.5, 255, 150.8062200957, 0.3);
  color: rgb(0, 158, 84.6698564593) !important;
  transition: all 0.3s ease-in-out;
}
.datepicker__week-row-cell-day--stop-day {
  background: rgb(0, 244.7, 131.1311004785);
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  color: rgb(0, 132.5, 71.004784689) !important;
  padding-left: 0.4rem;
  transition: all 0.3s ease-in-out;
}
.datepicker__week-row-cell-day--start-day.datepicker__week-row-cell-day--stop-day {
  border-radius: 50px !important;
}
.datepicker__week-row--days-of-week {
  height: 36px;
}
.datepicker__week-row--days-of-month {
  row-gap: 0.2rem;
}
.datepicker__week-row--days-of-month > div {
  height: 48px;
}
.datepicker__days {
  width: 100%;
  height: calc(100vh - 84px - 48px - 1rem - 56px - 44px + 0.1rem);
  position: absolute;
  top: calc(100px + 0.9rem);
  overflow: scroll;
}
.datepicker__days-container {
  width: 100%;
  min-height: 650px;
  padding: 1rem 1.4rem;
}
.datepicker__month {
  width: 100%;
  padding: 1rem 0;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.datepicker__month-header {
  width: 100%;
  height: 48px;
  padding: 0 0.75rem;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
.datepicker__month-header > h3 {
  color: rgba(48.07, 50.6, 78.43, 0.9);
}
.datepicker__apply {
  width: 100%;
  height: 84px;
  bottom: 0px;
  position: fixed;
  padding: 0 2rem;
  background: #fff;
  border-top: 1px solid #e6e6e6;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.datepicker__specific {
  padding: 1.2rem;
  border-top: 1px solid #e6e6e6;
}
.datepicker__specific button {
  width: 100%;
  margin: 0;
}
.datepicker__stop-date-modal {
  height: 150px;
  display: flex;
  align-items: unset;
  justify-content: space-around;
  flex-direction: row;
  transition: all 0.2s ease-in-out;
}
.datepicker__stop-date-modal .isTooFar {
  height: 50px;
}
.datepicker__stop-date-modal--rows {
  height: 50px;
  scroll-snap-align: start;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  font-size: 18px;
}
.datepicker__stop-date-modal .isInMiddle {
  font-size: 0.94rem;
  color: rgba(19, 20, 31, 0.9);
  font-weight: bold;
  transition: all 0.2s ease-in-out;
}
.datepicker__stop-date-modal .notInMiddle {
  font-size: 0.77rem;
  transition: all 0.2s ease-in-out;
  color: #a3a3a3;
  font-weight: normal;
}
.datepicker__stop-date-modal .notInMiddle span {
  -webkit-transform: scaleY(0.8);
          transform: scaleY(0.8);
}
.datepicker__stop-date-modal > div {
  width: 100%;
  text-align: center;
  height: 100%;
  margin: 0 5px;
  overflow: scroll;
  scroll-snap-type: y mandatory;
  transition: all 0.2s ease-in-out;
}
.datepicker__stop-date-borders {
  width: 100%;
  height: 150px;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.datepicker__stop-date-borders > div {
  width: 85%;
  height: 50px;
  border-top: 1px solid #ff00a4;
  border-bottom: 1px solid #ff00a4;
  margin: 0 0.44rem;
}
.datepicker__isInCenter {
  border-top: 1px solid #ff00a4;
  border-bottom: 1px solid #ff00a4;
}
.fetch-again {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  height: 100%;
  width: 100%;
  flex: 1;
}
.SF-item-select {
  width: calc(100% - 2rem - 8px);
  background-color: #fff;
  padding: 0.5rem 1.5rem;
  margin: 0 auto 0.675rem auto;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  transition: all 0.3s ease-in-out;
  position: relative;
}
.SF-item-select__topLabel {
  position: absolute;
  background: inherit;
  padding: 0 10px;
  top: -14px;
  font-size: 1rem;
  color: rgba(19, 20, 31, 0.9);
  display: inline-block;
}
.SF-item-select__label {
  margin: 0px;
  font-size: 0.8rem;
  font-weight: normal;
  color: rgba(19, 20, 31, 0.9);
  margin-top: 7px;
  margin-bottom: 6px;
}
.SF-item-select__label2 {
  font-size: 12px;
  color: rgba(19, 20, 31, 0.9);
  margin-top: 2px;
  margin-bottom: 6px;
}
.SF-item-select span:first-child {
  font-size: 0.77rem;
  font-weight: 500;
  margin-bottom: unset;
}
.SF-item-select > span + span {
  padding-top: 0.55rem;
  font-size: 0.66rem;
  font-weight: 300;
  margin-bottom: unset;
}
.SF-item-select__check {
  width: 40px;
  height: 64px;
  position: absolute;
  left: 0;
  padding: 0.5rem 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.SF-item-select__check-circle {
  width: 18px;
  height: 18px;
  border-radius: 50px;
  transition: all 0.3s ease-in-out;
}
.SF-item-select__check-square {
  width: 18px;
  height: 18px;
  border-radius: 3px;
  transition: all 0.3s ease-in-out;
}
.SF-item-select__left-comp {
  position: absolute;
  left: 0;
  padding-left: 12px;
}
.SF-item-select--solid {
  border: 2px solid #fff;
}
.SF-item-select--solid > div > div {
  border: 1px solid rgb(221.65, 221.65, 221.65);
  background-color: rgb(239.5, 239.5, 239.5);
  position: relative;
}
.SF-item-select--solid > div > div > span {
  background-color: rgb(239.5, 239.5, 239.5);
  height: 1px;
  position: absolute;
}
.SF-item-select--solid > div > div > span:first-child {
  width: 4px;
  top: 9px;
  left: 3px;
  -webkit-transform: rotateZ(55deg);
          transform: rotateZ(55deg);
}
.SF-item-select--solid > div > div > span:last-child {
  width: 8px;
  top: 8px;
  left: 5px;
  -webkit-transform: rotateZ(-44deg);
          transform: rotateZ(-44deg);
}
.SF-item-select--solid-active {
  border: 2px solid #ff00a4;
}
.SF-item-select--solid-active > div > div {
  border: 1px solid #ff00a4;
  background-color: #ff00a4;
  position: relative;
}
.SF-item-select--solid-active > div > div > span {
  background-color: #fff;
  height: 1px;
  position: absolute;
}
.SF-item-select--solid-active > div > div > span:first-child {
  width: 4px;
  top: 9px;
  left: 3px;
  -webkit-transform: rotateZ(55deg);
          transform: rotateZ(55deg);
}
.SF-item-select--solid-active > div > div > span:last-child {
  width: 8px;
  top: 8px;
  left: 5px;
  -webkit-transform: rotateZ(-44deg);
          transform: rotateZ(-44deg);
}
.SF-item-select--solid-light {
  border-color: #f0f0f0;
  background: #f9f9f9;
}
.SF-item-select--solid-light.SF-item-select--solid-active {
  border-color: #ff00a4;
}
.SF-item-select--filter {
  margin: 0;
  width: 100%;
  padding: 0.5rem 1rem;
  margin-bottom: 0.5rem;
  border: 2px solid rgb(226.75, 226.75, 226.75);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
.SF-item-select--filter.disabled {
  opacity: 0.5;
}
.SF-item-select--filter > div > div {
  border: 1px solid rgb(221.65, 221.65, 221.65);
  background-color: rgb(239.5, 239.5, 239.5);
  position: relative;
}
.SF-item-select--filter > div > div > span {
  background-color: rgb(239.5, 239.5, 239.5);
  height: 1px;
  position: absolute;
}
.SF-item-select--filter > div > div > span:first-child {
  width: 4px;
  top: 9px;
  left: 3px;
  -webkit-transform: rotateZ(55deg);
          transform: rotateZ(55deg);
}
.SF-item-select--filter > div > div > span:last-child {
  width: 8px;
  top: 8px;
  left: 5px;
  -webkit-transform: rotateZ(-44deg);
          transform: rotateZ(-44deg);
}
.SF-item-select--filter-active {
  border: 2px solid #00d170;
}
.SF-item-select--filter-active > div > div {
  border: 1px solid #00d170;
  background-color: #00d170;
  position: relative;
}
.SF-item-select--filter-active > div > div > span {
  background-color: #fff;
  height: 1px;
  position: absolute;
}
.SF-item-select--filter-active > div > div > span:first-child {
  width: 4px;
  top: 9px;
  left: 3px;
  -webkit-transform: rotateZ(55deg);
          transform: rotateZ(55deg);
}
.SF-item-select--filter-active > div > div > span:last-child {
  width: 8px;
  top: 8px;
  left: 5px;
  -webkit-transform: rotateZ(-44deg);
          transform: rotateZ(-44deg);
}
.new-SF-item-select {
  padding: 16px 12px;
}
.new-SF-item-select__label {
  font-size: 17px;
  font-weight: normal;
  color: #a3a3a3;
}
.new-SF-item-select__two-labels {
  margin-top: 16px;
  color: rgba(19, 20, 31, 0.9);
  font-weight: 300;
}
.new-SF-item-select span.label-xs {
  color: #a3a3a3;
  display: block;
  font-weight: normal;
  margin-top: 4px;
  position: absolute;
  top: 0;
  transition: all 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;
  font-size: 12px;
  line-height: 16px;
}
.new-SF-item-select__arrow-down {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid rgba(19, 20, 31, 0.9);
}
.create-category {
  background: #fff !important;
}
.create-menu {
  margin: 0 0 100px;
}
.create-menu > * {
  font-family: "IRANsans", "iransansbase";
}
.create-menu__body {
  padding: 0.5rem 0;
  margin: 0 1.33rem;
  overflow: scroll;
  height: 100%;
}
.create-menu__body h4 {
  font-size: 0.88rem;
}
.create-menu__body span.label {
  margin: 1.4rem 0 0.88rem;
  font-weight: bold;
  font-size: 0.93rem;
  color: rgba(19, 20, 31, 0.9);
  display: block;
}
.create-menu__body > span:not(.label) {
  display: block;
  font-size: 0.77rem;
  font-weight: 300;
  margin-bottom: 0.88rem;
  color: rgba(19, 20, 31, 0.9);
  font-family: "IRANsans", "iransansbase";
}
.create-menu__action {
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1001;
  position: fixed;
  padding: 1.2rem;
  background-color: #fff;
  border-top: 1px solid #e6e6e6;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-direction: row;
}
.create-menu__time-selection {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
@media (min-width: 1018px) {
  .create-menu__action {
    max-width: var(--max-width-on-desktop);
    right: calc(50% + var(--medium-sidebar-offset) / 2);
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
}
@media (min-width: 1440px) {
  .create-menu__action {
    right: calc(50% + var(--large-sidebar-offset) / 2);
  }
}
.custom-modal {
  position: fixed;
  bottom: 0px;
  z-index: 1001;
  width: 100%;
  height: 100%;
  font-family: "IRANsans", "iransansbase";
}
.custom-modal--responsive {
  max-width: 480px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.custom-modal__body {
  width: 100%;
  height: 100%;
  bottom: 0px;
  background: #fff;
  position: absolute;
}
.custom-modal__body__scrolable {
  overflow-y: scroll;
}
.custom-modal__fixed {
  position: fixed;
  top: 0;
}
.custom-modal__header {
  width: 100%;
  height: 75px;
  padding: 0 1.5rem;
  z-index: 10000;
  position: absolute;
  top: 0;
  border-bottom: 1px solid rgba(159.52, 162.6, 196.48, 0.9);
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.custom-modal__header-label {
  font-size: 0.77rem;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #404040;
  font-family: "IRANsans", "iransansbase";
}
.custom-modal__header-close-btn {
  width: 24px;
  height: 24px;
  opacity: 0.8;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  transition: all 0.3s ease-in-out;
}
.custom-modal__header-close-btn > img,
.custom-modal__header-close-btn svg {
  width: 24px;
}
.custom-modal__header-close-btn:active {
  opacity: 1;
}
.custom-modal__header-trash-btn {
  width: 24px;
  height: 24px;
  opacity: 0.8;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  transition: all 0.3s ease-in-out;
}
.custom-modal__header-trash-btn > img {
  width: 24px;
}
.custom-modal__header-trash-btn > svg {
  width: 24px;
}
.custom-modal__header-trash-btn > div {
  height: 24px;
}
.custom-modal__header-trash-btn:active {
  opacity: 1;
}
.custom-modal__contain {
  height: 100%;
  overflow: scroll;
}
.custom-modal__actions {
  padding: 16px 24px;
  background-color: #fff;
  border-top: 1px solid #e6e6e6;
  height: 80px;
  bottom: 0px;
  position: fixed;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  z-index: 15;
}
.custom-modal__actions > button {
  border-radius: 6px;
}
.custom-modal__dim {
  position: absolute;
  z-index: -1;
  top: 0px;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6);
}
@media (min-width: 1018px) {
  .custom-modal {
    max-width: var(--max-width-on-desktop);
    left: calc(50% - var(--medium-sidebar-offset) / 2);
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@media (min-width: 1440px) {
  .custom-modal {
    left: calc(50% - var(--large-sidebar-offset) / 2);
  }
}
.comment-card {
  width: 100% !important;
  display: grid;
  grid-gap: 0.6rem;
  grid-template-columns: repeat(1, 1fr);
  border-radius: 0.72rem;
  border: solid 1px #e6e6e6;
  box-shadow: 0 0.94rem 1.27rem -0.72rem #e6e6e6;
  background-color: #fff;
  padding: 0 0.9rem 0.9rem;
  margin-bottom: 0.8rem;
}
.comment-card--expanded {
  height: 100%;
  transition: height 0.3s ease-out;
}
.comment-card--collapsed {
  overflow: hidden;
  transition: height 0.3s ease-out;
}
.comment-card__details {
  width: 100%;
  margin: 0px;
  padding: 0.95rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.comment-card .card-detail__header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  border-bottom: 1px solid #f2f2f2;
  height: 3rem;
}
.comment-card .card-detail__header .date {
  font-size: 0.7rem;
  font-weight: 300;
  text-align: right;
  color: #a3a3a3;
  margin-left: 0.44rem;
}
.comment-card .card-detail__header .info .name {
  font-size: 0.77rem;
  font-weight: 500;
  color: rgba(19, 20, 31, 0.9);
}
.comment-card .card-detail__header-accardion-icon {
  display: flex;
}
.comment-card .card-detail__header-accardion-icon img,
.comment-card .card-detail__header-accardion-icon svg {
  transition: all 0.2s ease-in-out;
  width: 24px;
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
}
.comment-card .card-detail__header-accardion-icon .chewron-icon {
  width: 24px;
}
.comment-card .card-detail__header-accardion-icon .chewron-icon svg {
  height: auto;
  margin-top: 5px;
}
.comment-card .card-detail__header-accardion-icon-rotate {
  display: flex;
}
.comment-card .card-detail__header-accardion-icon-rotate .chewron-icon {
  width: 24px;
}
.comment-card .card-detail__header-accardion-icon-rotate .chewron-icon svg {
  height: auto;
  margin-top: 5px;
}
.comment-card .card-detail__header-accardion-icon-rotate img,
.comment-card .card-detail__header-accardion-icon-rotate svg {
  transition: all 0.2s ease-in-out;
  width: 24px;
}
.comment-card .card-detail__expanded-hr {
  border: 0;
  border-top: solid 1px #f2f2f2;
  margin: 0 0 0.8rem 0;
}
.comment-card .card-detail__response-body {
  padding: 0 0 0.55rem;
}
.comment-card .card-detail__response-box {
  border-radius: 4px;
  background-color: #f2f2f2;
  margin: 0.6rem 0;
  padding: 0.8rem;
}
.comment-card .card-detail__response-box span {
  font-size: 0.7rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.43;
  letter-spacing: normal;
  text-align: right;
  color: rgba(19, 20, 31, 0.9);
}
.comment-card .card-detail__status {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  padding: 0 0.44rem 0 0.66rem;
  height: 24px;
  border-radius: 4px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.comment-card .card-detail__status div {
  width: 24px;
  height: 24px;
  margin-left: 0.4rem;
}
.comment-card .card-detail__status img,
.comment-card .card-detail__status svg {
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
}
.comment-card .card-detail__status-small-img {
  width: 16px !important;
  height: 16px !important;
}
.comment-card .card-detail__status-small-img svg {
  width: 16px;
  height: 16px;
}
.comment-card .card-detail__status span.label {
  font-size: 0.7rem;
  font-weight: 500;
  text-align: right;
}
.comment-card .card-detail__rate {
  width: 100%;
  margin-top: 0.8rem;
  margin-bottom: 1rem;
  display: flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.comment-card .card-detail__reason {
  width: 100%;
}
.comment-card .card-detail__reason__label {
  margin: 0.4rem 0;
}
.comment-card .card-detail__reason span.label {
  font-size: 0.66rem;
  text-align: right;
  color: #a3a3a3;
}
.comment-card .card-detail__reason__holder {
  display: flex;
  flex-wrap: wrap;
}
.comment-card .card-detail__reason-box {
  padding: 0.55rem;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  margin: 0 0 0.44rem 0.44rem;
  border-radius: 4px;
  background-color: #f2f2f2;
}
.comment-card .card-detail__reason-box span {
  font-size: 0.66rem;
  font-weight: 500;
  color: rgba(19, 20, 31, 0.9);
}
.comment-card .card-detail__foodRates:not(:last-child) {
  margin-bottom: 0.77rem;
}
.comment-card .card-detail__foodRates .name-rate {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.comment-card .card-detail__foodRates .name-rate > span.label {
  font-size: 0.66rem;
  font-weight: normal;
  line-height: normal;
  letter-spacing: normal;
  color: rgba(19, 20, 31, 0.9);
}
.comment-card .card-detail__foodRates .name-rate span {
  font-size: 0.77rem;
  font-weight: bold;
  color: #fff;
}
.comment-card .card-detail__foodRates .full-line {
  height: 2px;
  margin-bottom: 0.55rem;
  background: #f2f2f2;
}
.comment-card .card-detail__foodRates .full-line .current-line {
  height: 2px;
  margin-bottom: 0.55rem;
  background: #00d170;
}
.comment-card .card-detail__comment {
  margin-bottom: 1rem;
}
.comment-card .card-detail__comment__title {
  color: #a3a3a3;
  font-size: 0.66rem;
  margin-bottom: 0.55rem;
}
.comment-card .card-detail__comment__title__icon {
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
}
.comment-card .card-detail__comment__text {
  color: rgba(19, 20, 31, 0.9);
  font-size: 0.77rem;
  line-height: 1.2rem;
}
.comment-card .card-detail__answer {
  float: left;
}
.comment-card .card-detail__collapse {
  float: left;
}
.comment-card .card-detail__food-rates-holder {
  margin-bottom: 1rem;
}
.comment-card .card-detail--active {
  -webkit-animation: scale-disappear 0.1s;
          animation: scale-disappear 0.1s;
  display: none;
}
.comment-card .card-detail--inactive {
  -webkit-animation: scale-display 0.1s;
          animation: scale-display 0.1s;
  display: block;
}
@keyframes scale-display {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
@keyframes scale-disappear {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
.branch-card {
  border: solid 1px #f2f2f2;
  padding: 16px 12px;
  border-radius: 8px;
  background-color: #fff;
  font-family: "IRANsans";
}
.branch-card:not(:last-child) {
  margin-bottom: 12px;
}
.branch-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  padding: 10px 0;
}
.branch-card__header__right__title {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.branch-card__header__right__uid {
  font-size: 14px;
  line-height: 20px;
  margin-top: 4px;
  font-weight: 300;
}
.branch-card__header__left__status {
  font-size: 14px;
  line-height: 20px;
  border-radius: 4px;
  color: #bd272d;
  background-color: rgba(189, 39, 45, 0.04);
  padding: 2px 4px;
}
.branch-card__header__left__status--active {
  color: #22a958;
  background-color: rgba(34, 169, 88, 0.06);
}
.branch-card__inactive-title {
  font-size: 14px;
  color: #bd272d;
  padding: 6px 0;
  line-height: 20px;
}
.branch-card__footer {
  padding-top: 8px;
}
.branch-card__footer__actions {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
  flex: auto;
}
.branch-card__footer__actions__button {
  width: 100%;
  flex: auto;
  padding: 10px;
  line-height: 20px;
}
.branch-card__footer__actions__button:not(:last-child) {
  margin-left: 5px;
}
.branch-card__footer__actions__button:not(:first-child) {
  margin-right: 5px;
}
.branch-card__footer__actions__button p {
  font-weight: 500;
  font-size: 14px;
}
.branch-card__footer__actions__button__icon svg {
  width: unset;
  height: unset;
}
.branch-card.skeleton {
  direction: rtl;
  --skeleton-bg-color: #f0f0f0;
  overflow: hidden;
  position: relative;
  --bg-color: #e2e2e2;
}
.branch-card.skeleton::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.6) 90%, rgba(255, 255, 255, 0) 95%, rgba(255, 255, 255, 0) 100%);
  -webkit-filter: blur(20px);
          filter: blur(20px);
  -webkit-animation: loading 1.5s infinite;
          animation: loading 1.5s infinite;
  z-index: 100;
}
@keyframes loading {
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
.branch-card.skeleton .line {
  height: 6px;
  width: 100%;
  border-radius: 2px;
  background-color: #e2e2e2;
  margin: 4px 0 4px auto;
}
.branch-card.skeleton .line-4 {
  width: 120px;
}
.branch-card.skeleton .line-5 {
  width: 150px;
}
.branch-card.skeleton .branch-card__header__right__title > .line,
.branch-card.skeleton .branch-card__header__right__uid > .line {
  height: 18px;
}
.branch-card.skeleton .branch-card__header__left__status {
  height: 6px;
  width: 100%;
  border-radius: 2px;
  background-color: #e2e2e2;
  display: inline-block;
  border-radius: 4px;
  height: 18px;
  width: 30px;
}
.branch-card.skeleton .branch-card__footer__actions__button {
  height: 40px;
}
.ServiceArea {
  height: calc(100vh - 50px);
}
.ServiceArea__map {
  position: relative;
  height: inherit;
  z-index: 1;
  flex: 1;
}
.simpleTabs {
  position: absolute;
  z-index: 1000;
  width: 100%;
  margin-top: 0.77rem;
  font-family: "IRANsans", "iransansbase";
  font-size: 0.75rem;
}
.simpleTabs__tabs {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  background-color: #f8f9fb;
  margin: 0 0.77rem;
  border-radius: 5px;
  color: rgba(19, 20, 31, 0.9);
  padding: 0.14rem;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1019607843);
  min-width: 290px;
}
.simpleTabs__tab {
  flex: 1;
  text-align: center;
  line-height: 2rem;
}
.simpleTabs__tab--active {
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1019607843);
  background-color: #fff;
  border-radius: 5px;
  color: #22a958;
}
.minisq {
  border: 4px solid #ff00a4;
  height: 12px;
  width: 12px;
  display: table;
  border-radius: 4px;
}
.serviceAreaModal {
  padding: 0 1.33rem 0.66rem;
  font-family: IRANSans;
  font-size: 0.85rem;
  color: #404040;
  line-height: 1.5;
}
.serviceAreaModal .small {
  font-size: 0.72rem;
  margin-top: -0.55rem;
}
.serviceAreaModal .modalHandle {
  width: 35px;
  height: 4px;
  border-radius: 2px;
  background: #a3a3a3;
  margin: 0 auto 0.77rem;
}
.serviceAreaModal .details-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  padding: 0.33rem 0;
  line-height: 1.6;
}
.serviceAreaModal .details-row .show-button {
  min-width: 62px;
}
.serviceAreaModal .details-row .show-button p {
  color: #22a958;
}
.serviceAreaModal .details-row .show-button-disabled {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  background-color: #e5e5e5;
  width: 90px;
  min-width: 62px;
  height: 27px;
}
.serviceAreaModal .details-row .show-button-disabled p {
  color: #a3a3a3;
  font-weight: 400;
}
.serviceAreaModal .details-row .pendingPrice {
  margin-top: 0.55rem;
}
.serviceAreaModal .details-row .pendingPrice > * {
  margin-left: 0.44rem;
}
.serviceAreaModal .details-row .oldPrice {
  color: #bd272d;
}
.serviceAreaModal .details-row .newPrice {
  color: #22a958;
}
.serviceAreaModal .details-row img {
  width: 29px;
  margin: 0 0.55rem;
  position: relative;
  top: 2px;
}
.serviceAreaModal .details-row:not(:last-child) {
  border-bottom: solid 1px #e6e6e6;
}
.serviceAreaModal .details-row:not(:first-child) {
  margin-top: 0.22rem;
}
.serviceAreaModal .text-input {
  margin-top: 1.44rem;
}
.serviceAreaModal .text-input label {
  font-size: 0.85rem;
}
.serviceAreaModal .text-input__input {
  border: none;
  padding-bottom: 0;
}
.serviceAreaModal .text-input__input input {
  height: 48px;
  text-align: center;
  border-radius: 4px;
  border: solid 1px #e6e6e6;
  margin: 0;
}
.serviceAreaModal .text-input__input input::-webkit-input-placeholder {
  color: #ccc;
  direction: rtl;
}
.serviceAreaModal .text-input__input input::-moz-placeholder {
  color: #ccc;
  direction: rtl;
}
.serviceAreaModal .text-input__input input::placeholder {
  color: #ccc;
  direction: rtl;
}
.serviceAreaModal .navigation {
  height: 80px;
}
.serviceAreaModal .navigation .navigation__container {
  padding: 0;
  border-top: "1px solid #e6e6e6";
  height: 80px;
}
.serviceAreaModal .SF-button__icon {
  background: unset;
}
.delivery-price-input {
  position: relative;
}
.delivery-price-input .label {
  position: absolute;
  left: 25px;
  color: #aaa;
  top: 48px;
}
.details-skelet {
  --skeleton-bg-color: #f0f0f0;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  padding: 0.45rem 0;
  --bg-color: #e2e2e2;
}
.details-skelet::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.6) 90%, rgba(255, 255, 255, 0) 95%, rgba(255, 255, 255, 0) 100%);
  -webkit-filter: blur(20px);
          filter: blur(20px);
  -webkit-animation: loading 1.5s infinite;
          animation: loading 1.5s infinite;
  z-index: 100;
}
@keyframes loading {
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
.details-skelet__item {
  background-color: var(--bg-color);
  flex: 1.5;
  border-radius: 2px;
  height: 24px;
}
.details-skelet__button-item {
  background-color: var(--bg-color);
  flex: 0.5;
  justify-self: flex-end;
  border-radius: 2px;
  height: 24px;
  margin-right: 1.7rem;
}
.multiselect {
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-direction: column;
}
.multiselect__option {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  padding: 12px 12px 12px 14px;
}
.multiselect__option__body {
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-direction: column;
  flex: 1;
  padding-left: 10px;
}
.multiselect__option__title {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.multiselect__option__sub-title {
  font-size: 12px;
  font-weight: 300;
  line-height: 16px;
}
.multiselect__option__input {
  position: absolute;
  visibility: hidden;
}
.multiselect__option + .multiselect__option {
  margin-top: 12px;
}
.multiselect__option .multiselect__option__checked {
  display: none;
}
.multiselect__option .multiselect__option__empty {
  display: block;
}
.multiselect__option.active {
  border: 2px solid #22a958;
}
.multiselect__option.active .multiselect__option__checked {
  display: block;
}
.multiselect__option.active .multiselect__option__empty {
  display: none;
}
.price-info-card {
  border-radius: 8px;
  padding: 8px 12px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
}
.price-info-card__text {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  padding-right: 10px;
}
.price-info-card--gray {
  background-color: rgba(64, 64, 64, 0.04);
}
.price-info-card--gray .price-info-card__text {
  color: #404040;
}
.price-info-card--red {
  background-color: rgba(189, 39, 45, 0.04);
}
.price-info-card--red .price-info-card__text {
  color: #bd272d;
}
.price-info-card--yellow {
  background-color: rgba(250, 203, 15, 0.04);
}
.price-info-card--yellow .price-info-card__text {
  color: #9e6900;
}
@media (min-width: 1018px) {
  .simpleTabs {
    max-width: var(--max-width-on-desktop);
  }
}
.pattern-fill {
  fill: url(#map__pattern);
}
.branchChoosing {
  font-family: "IRANsans", "iransansbase";
  height: 100%;
  font-size: 0.8rem;
  color: #a3a3a3;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.branchChoosing .selectBranch {
  width: 100%;
  overflow: scroll;
  padding: 1rem 1.5rem 6rem;
  background-color: transparent;
  font-family: "IRANsans", "iransansbase";
  max-height: calc(100vh - 117px);
}
.branchChoosing .selectBranch__header {
  width: 100%;
  padding: 1.15rem 1rem;
  background-color: white;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
}
.branchChoosing .selectBranch__header-chevron {
  position: absolute;
  left: 0px;
  width: 20px;
  opacity: 0.4;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.branchChoosing .selectBranch__header img,
.branchChoosing .selectBranch__header svg,
.branchChoosing .selectBranch__header div {
  width: 24px;
  height: 24px;
  margin: 0 0 1.2rem;
}
.branchChoosing .selectBranch__fullname, .branchChoosing .selectBranch__show-profile {
  margin: 0px;
  color: rgba(38.38, 40.4, 62.62, 0.9);
}
.branchChoosing .selectBranch__fullname {
  font-size: 1.5rem;
}
.branchChoosing .selectBranch__show-profile {
  font-size: 0.75rem;
}
.branchChoosing .selectBranch input[type=radio] {
  box-sizing: border-box;
  display: none;
}
.branchChoosing .selectBranch__text {
  font-size: 14px;
  font-weight: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: right;
  color: #404040;
  padding-right: 20px;
}
.branchChoosing .selectBranch__radioIcon {
  width: 16px;
  height: 16px;
}
.branchChoosing .selectBranch__actionHolder {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-direction: row;
  margin: 1.2rem 0;
  padding-top: 1.5rem;
  border-top: 1px solid gainsboro;
}
.branchChoosing .selectBranch__singleActionHolder {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-direction: row;
  margin: 1.2rem 0 0 0;
  padding: 1.5rem 1.2rem;
  border-top: 1px solid gainsboro;
  position: fixed;
  width: 100%;
  bottom: 0;
  z-index: 1000;
  background-color: white;
}
.branchChoosing .selectBranch__singleActionHolder button {
  min-width: 100%;
  padding: 0 24px;
}
.branchChoosing .skeleton {
  width: 100%;
  position: relative;
  --skeleton-bg-color: #f0f0f0;
  overflow: hidden;
  position: relative;
}
.branchChoosing .skeleton::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.6) 90%, rgba(255, 255, 255, 0) 95%, rgba(255, 255, 255, 0) 100%);
  -webkit-filter: blur(20px);
          filter: blur(20px);
  -webkit-animation: loading 1.5s infinite;
          animation: loading 1.5s infinite;
  z-index: 100;
}
@keyframes loading {
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
.branchChoosing .skeleton .filters-modal__radiobtn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
  border: solid 1.5px #e6e6e6;
  border-radius: 0.3rem;
}
.branchChoosing .skeleton .line {
  height: 6px;
  width: 100%;
  border-radius: 2px;
  background-color: #e2e2e2;
  display: inline-block;
  width: 4rem;
}
.branchChoosing .skeleton .circle {
  height: 6px;
  width: 100%;
  border-radius: 2px;
  background-color: #e2e2e2;
  display: inline-block;
  border-radius: 50%;
  height: 1rem;
  width: 1rem;
}
.select-branch {
  padding: 16px 8px;
  background-color: #fff;
  font-family: "IRANsans", "iransansbase";
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.select-branch > form {
  width: 100%;
}
.select-branch__management {
  padding: 16px 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.select-branch__management-label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.select-branch__management-label > img {
  width: 22px;
  height: 21px;
}
.select-branch__management-label > span {
  margin-right: 14px;
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
  color: #404040;
}
.filter-branch {
  height: 56px;
  width: 100%;
  margin: 0;
  border-top: solid 1px #f2f2f2;
  background-color: #fff;
  position: relative;
  font-family: "IRANsans", "iransansbase";
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.filter-branch__radio-btn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.filter-branch__radio-btn > div {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 20px;
  height: 20px;
}
.filter-branch__radio-btn > div svg {
  width: 20px;
  height: 20px;
}
.filter-branch__radio-btn > label {
  margin-right: 14px;
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
  color: #404040;
}
.filter-branch__status {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding: 2px 4px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.filter-branch__status--active {
  color: #22a958;
  background-color: rgba(34, 169, 88, 0.06);
}
.filter-branch__status--not-active {
  color: #bd272d;
  background-color: rgba(189, 39, 45, 0.04);
}
.category-list {
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 16px 16px 134px 16px;
  position: relative;
  background-color: #f8f9fb;
}
.category-list--no-prd {
  width: 100%;
  padding: 5rem 1.5rem;
  min-height: 250px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
}
.category-list--no-prd img,
.category-list--no-prd svg {
  width: 80px;
  height: 80px;
}
.category-list--no-prd > h4 {
  color: #a3a3a3;
  text-align: center;
  line-height: 200%;
}
.category-list .skeleton {
  --skeleton-bg-color: #f0f0f0;
  overflow: hidden;
  position: relative;
  --bg-color: #e2e2e2;
  position: relative;
}
.category-list .skeleton::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.6) 90%, rgba(255, 255, 255, 0) 95%, rgba(255, 255, 255, 0) 100%);
  -webkit-filter: blur(20px);
          filter: blur(20px);
  -webkit-animation: loading 1.5s infinite;
          animation: loading 1.5s infinite;
  z-index: 100;
}
@keyframes loading {
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
.category-list .skeleton .product-card__details-edit-menu-price {
  width: 100%;
}
.category-list .skeleton .product-card__edit-menu {
  margin-top: 4px;
}
.category-list .skeleton .oval {
  height: 6px;
  width: 100%;
  border-radius: 2px;
  background-color: #e2e2e2;
  display: inline-block;
  height: 30px;
  width: 46px;
  border-radius: 8px;
  margin-left: 15px;
}
.category-list .skeleton .rectangle {
  height: 6px;
  width: 100%;
  border-radius: 2px;
  background-color: #e2e2e2;
  display: inline-block;
  height: 30px;
  width: 122px;
  border-radius: 4px;
}
.category-list .skeleton .line {
  height: 6px;
  width: 100%;
  border-radius: 2px;
  background-color: #e2e2e2;
  display: inline-block;
}
.category-list .skeleton .line-1 {
  width: 30%;
}
.category-list .skeleton .line-2 {
  width: 40%;
}
.category-list .skeleton .line-3 {
  width: 60%;
}
.category-list .skeleton .line-4 {
  width: 100%;
}
.category-list .skeleton .mb-1 {
  margin-bottom: 5px;
}
.category-list .skeleton .mb-2 {
  margin-bottom: 20px;
}
.category-list .product-card {
  width: 100%;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
  border: none;
  background-color: white;
  padding: 0 16px;
  margin-bottom: 16px;
  border-radius: 8px;
}
.category-list .product-card--product {
  height: 153px;
}
.category-list .product-card--menu {
  border: 1px solid transparent;
  background-color: white;
  padding: 0 16px;
  margin-bottom: 16px;
  border-radius: 8px;
}
.category-list .product-card:last-child > div {
  border-bottom: 0px;
}
.category-list .product-card a {
  margin: 0;
  padding: 0;
}
.category-list .product-card__container {
  width: 100%;
  display: grid;
  direction: rtl;
  min-height: 136px;
  padding: 0.88rem 0;
  grid-template-columns: 96px calc(100% - 100px);
}
.category-list .product-card__image {
  width: 120px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.category-list .product-card__image-container {
  width: 80px;
  height: 80px;
  overflow: hidden;
  border: 1px solid #f2f2f2;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.category-list .product-card__image-container--rejected {
  border: 1px solid #bd272d;
}
.category-list .product-card__image-container--rejected img {
  opacity: 0.5;
}
.category-list .product-card__image-container--holder {
  height: 100%;
  width: 100%;
  position: relative;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.category-list .product-card__image-container--holder-enabled {
  opacity: 1;
}
.category-list .product-card__image-container--holder-disabled {
  border: 1px solid #bd272d;
}
.category-list .product-card__image-itself {
  height: 100%;
  width: 100%;
  border-radius: 8px;
}
.category-list .product-card__image-itself-dim {
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.category-list .product-card__image-itself-dim > img {
  width: 24px;
  z-index: 1;
  right: 0.3rem;
  bottom: 0.3rem;
  position: absolute;
}
.category-list .product-card__image-itself-dim > svg {
  z-index: 1;
  width: 24px;
  position: absolute;
}
.category-list .product-card__image-itself--no-image {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.category-list .product-card__image-itself--no-image > img {
  -o-object-fit: cover;
     object-fit: cover;
}
.category-list .product-card__image-itself--not-uploaded {
  width: 100%;
  height: 100%;
  background-color: #e7e7e7;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.category-list .product-card__image-itself--not-uploaded > img,
.category-list .product-card__image-itself--not-uploaded svg {
  width: 40px;
}
.category-list .product-card__details {
  height: 100%;
  padding: 0.4rem 0;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}
.category-list .product-card__details-title {
  width: 100%;
  margin-bottom: 8px;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}
.category-list .product-card__details-title > span {
  line-height: 20px;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
}
.category-list .product-card__details-status {
  width: 100%;
  min-height: 32px;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-direction: row;
}
.category-list .product-card__details-msg {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.category-list .product-card__details-msg > img,
.category-list .product-card__details-msg svg {
  width: 24px;
  right: -3px;
  position: relative;
}
.category-list .product-card__details-msg > p {
  font-size: 0.7rem;
  margin: 0px;
}
.category-list .product-card__details-msg--CONFIRMED {
  color: #00d170;
}
.category-list .product-card__details-msg--REJECTED {
  color: #f74046;
  border-bottom: 1px solid #f74046;
}
.category-list .product-card__details-msg--NOT_REVIEWED {
  color: #a3a3a3;
}
.category-list .product-card__details-btn {
  left: 0px;
  height: 100%;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.category-list .product-card__details-btn button {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.category-list .product-card__details-btn > button > p {
  font-size: 0.7rem;
}
.category-list .product-card__details-edit-menu-price {
  font-size: 0.77rem;
  font-weight: 400;
  color: rgba(19, 20, 31, 0.9);
}
.category-list .product-card__edit-menu {
  width: 100%;
  padding: 0.88rem 0 0;
  grid-column: 1/span 3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  grid-template-columns: 122px calc(100% - 122px);
}
.category-list .product-card__edit-menu-inprogress {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  width: 99px;
  height: 24px;
  border-radius: 13px;
  background-color: #f0f0f0;
}
.category-list .product-card__edit-menu-inprogress img,
.category-list .product-card__edit-menu-inprogress svg {
  width: 24px;
  height: 24px;
}
.category-list .product-card__edit-menu-inprogress-label {
  font-size: 12px;
  font-weight: 500;
  color: #a3a3a3;
}
.category-list .product-card__edit-menu-unavaliable {
  width: 125px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.category-list .product-card__edit-menu-unavaliable-round {
  width: 20px;
  height: 20px;
  position: relative;
  border-radius: 50%;
  background: #bd272d;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.category-list .product-card__edit-menu-unavaliable-round > span {
  width: 12px;
  height: 2px;
  border-radius: 3px;
  background: #fff;
  position: absolute;
}
.category-list .product-card__edit-menu-unavaliable-round > span:first-child {
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
}
.category-list .product-card__edit-menu-unavaliable-round > span:last-child {
  -webkit-transform: rotateZ(-45deg);
          transform: rotateZ(-45deg);
}
.category-list .product-card__edit-menu-unavaliable-label {
  font-size: 0.75rem;
  margin-right: 0.5rem;
  font-weight: bold;
  color: #bd272d;
}
.category-list .menu-card {
  width: 100%;
  height: 200px;
  border-bottom: 1px solid #e7e7e7;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.category-list .menu-card__info {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  width: 100%;
}
.category-list .menu-card__info__image {
  width: 104px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.category-list .menu-card__info__image-container {
  width: 104px;
  height: 104px;
  overflow: hidden;
  border-radius: 8px;
  border: 0.5px solid #e7e7e7;
  box-sizing: border-box !important;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.category-list .menu-card__info__image-container--rejected {
  border: 1px solid #f74046;
}
.category-list .menu-card__info__image-container--rejected img {
  opacity: 0.5;
}
.category-list .menu-card__info__image-itself {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.category-list .menu-card__info__image-itself-no-image {
  width: 100%;
  height: 100%;
  background-color: #e7e7e7;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.category-list .menu-card__info__image-itself-no-image > img {
  width: 40px;
}
.category-list .menu-card__info__image-status {
  position: absolute;
  right: 5px;
  bottom: 5px;
  width: unset;
}
.category-list .menu-card__info__details {
  width: 100%;
  height: 100%;
  padding: 0 0.9rem 0 0;
}
.category-list .menu-card__info__details-title {
  position: relative;
  min-height: 45px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
.category-list .menu-card__info__details-title > h3 {
  margin: 0;
  font-size: 0.94rem;
  line-height: 22px;
  font-weight: normal;
  color: rgba(38.38, 40.4, 62.62, 0.9);
}
.category-list .menu-card__info__details-title > span {
  color: #a3a3a3;
  font-size: 14px;
  font-weight: 300;
  margin: 8px 0 0 16px;
  white-space: nowrap;
  overflow: hidden;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 200px;
}
.category-list .menu-card__info__details-status {
  position: relative;
  height: calc(100% - 45px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.category-list .menu-card__info__details-msg {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.category-list .menu-card__info__details-msg > img {
  width: 24px;
  right: -3px;
  position: relative;
}
.category-list .menu-card__info__details-msg > p {
  font-size: 0.7rem;
  margin: 0px;
}
.category-list .menu-card__info__details-msg--CONFIRMED {
  color: #00d170;
}
.category-list .menu-card__info__details-msg--REJECTED {
  color: #f74046;
  border-bottom: 1px solid #f74046;
}
.category-list .menu-card__info__details-msg--NOT_REVIEWED {
  color: #a3a3a3;
}
.category-list .menu-card__info__details-btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 100%;
  position: absolute;
  left: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.category-list .menu-card__info__details-btn button {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.category-list .menu-card__info__details-btn > button > p {
  font-size: 0.7rem;
}
.category-list .menu-card__action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  width: 100%;
  margin: 0.9rem 0 0;
}
.category-list .menu-card__action-button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.confirmation {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: 1.33rem 0.88rem 0.88rem;
}
.confirmation__description {
  color: rgba(19, 20, 31, 0.9);
  font-weight: 300;
  font-size: 0.94rem;
  margin-bottom: 1.33rem;
  text-align: center;
}
.confirmation__question {
  color: rgba(19, 20, 31, 0.9);
  font-weight: normal;
  font-size: 0.94rem;
  margin-bottom: 1.77rem;
}
.confirmation__actions {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
@media screen and (max-width: 320px) {
  .confirmation__actions button {
    width: calc(50% - 50px) !important;
    min-width: 130px !important;
  }
}
.confirmation__actions button:first-child {
  margin-left: 0.44rem;
}
.confirmation__actions button:nth-child(2) {
  margin-right: 0.44rem;
}
.coupon-confirmation {
  font-family: "IRANsans", "iransansbase";
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
.coupon-confirmation__container {
  margin: 1.11rem 1.33rem 5.77rem;
}
.coupon-confirmation__container_question {
  font-weight: 700;
  font-size: 1.11rem;
  line-height: 32px;
  margin-bottom: 0.44rem;
  color: rgba(19, 20, 31, 0.9);
}
.coupon-confirmation__container_description {
  font-weight: 400;
  font-size: 0.66rem;
  line-height: 16px;
  color: rgba(19, 20, 31, 0.9);
}
.activation {
  padding: 0 0.5rem;
}
.activation .confirmation__description {
  text-align: right;
  font-size: 1.17em;
  font-weight: 700;
  width: 100%;
}
.activation .confirmation__question {
  font-size: 14px;
  line-height: 20px;
  margin: 0 0 24px 0;
}
.activation .confirmation__actions {
  flex-direction: column;
  width: 100%;
}
.activation .confirmation__actions button:first-child {
  margin-left: 0;
  margin-bottom: 8px;
}
.activation .confirmation__actions button:nth-child(2) {
  margin-right: 0;
}
.order-history__body {
  position: relative;
  margin: 0 0.88rem;
  padding-top: 3rem;
  height: calc(100vh - 165px);
  overflow-y: auto;
}
.order-history__tabs-container {
  top: 48px;
  position: relative;
}
.order-history__item-wrapper {
  display: block;
  margin: 0;
}
.order-history .vendor-menu {
  position: fixed;
}
.order-history .datepicker-nav__date-custom {
  direction: rtl;
}
.order-history .skeleton .orderCard__info {
  height: 1.5rem;
}
.order-history .skeleton .orderCard--payment-type {
  border-bottom: 1px solid rgb(240, 240, 240);
  height: 2.5rem;
}
.order-history .skeleton .orderCard__total {
  height: 1.7rem;
}
.order-history__no-content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  margin: 4px;
  color: #a3a3a3;
  height: 65vh;
  font-size: 0.85rem;
  font-family: "IRANSans";
  direction: rtl;
}
.textfield {
  transition: all 0.2s ease-in-out;
  font-family: "IRANsans", "iransansbase";
  padding: 1px;
  margin: 1rem 0;
  position: relative;
}
.textfield * {
  outline: none;
}
.textfield .textarea {
  display: block;
  width: 100%;
  overflow: hidden;
  resize: vertical;
  padding: 18px 12px 0 36px;
  min-height: 50px;
  font-family: "IRANsans", "iransansbase";
  font-size: 0.8rem;
  color: rgba(19, 20, 31, 0.9);
  align-content: center;
  line-height: 26px;
}
.textfield label {
  color: #a3a3a3;
  display: block;
  font-weight: normal;
  font-size: 17px;
  line-height: 24px;
  margin: 16px 12px;
  position: absolute;
  top: 0;
  transition: all 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;
  z-index: 1;
}
.textfield--no-label .textfield__input input {
  padding: 16px 12px;
}
.textfield--focused .textfield__input {
  border-color: #e6e6e6;
}
.textfield--focused label, .textfield--filled label {
  font-size: 12px;
  line-height: 16px;
  margin-top: 4px;
}
.textfield--helper-text {
  display: flex;
  position: relative;
  color: #a3a3a3;
  left: 0px;
  padding: 6px 12px 0 12px;
  font-size: 0.7rem;
}
.textfield--helper-text svg {
  position: relative;
  top: -3px;
}
.textfield--simple {
  transition: all 0.2s ease-in-out;
}
.textfield--warning {
  transition: all 0.2s ease-in-out;
}
.textfield--warning .textfield__input {
  border-color: #bd272d;
}
.textfield--warning .textfield--helper-text {
  color: #bd272d;
}
.textfield--disable .textfield__input {
  background-color: #f2f2f2;
  border-color: #a3a3a3;
}
.textfield--disable .textfield__input input {
  color: #a3a3a3;
}
.textfield__input {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  border: 1px solid #e6e6e6;
  border-radius: 6px;
  min-height: 56px;
  position: relative;
}
.textfield__input.ltr-input input {
  direction: ltr;
  padding: 16px 36px 0 12px;
}
.textfield__input input {
  background-color: transparent;
  height: 50px;
  width: 100%;
  padding: 16px 12px 0 36px;
  border: 0;
  outline: 0;
  font-family: "IRANsans", "iransansbase";
  font-weight: 300;
  font-size: 0.94rem;
  color: rgba(19, 20, 31, 0.9);
}
.textfield__input-left-side {
  position: absolute;
  left: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #a3a3a3;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.textfield__input-left-side--right {
  left: initial;
  right: 12px;
}
.textfield__input-left-side-invisible {
  position: absolute;
  width: 36px;
  height: 36px;
  opacity: 0;
  z-index: 10;
}
.textfield__alert--danger, .textfield__alert--success {
  padding-top: 0.44rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.textfield__alert--danger span, .textfield__alert--success span {
  font-size: 0.66rem;
  color: #bd272d;
  padding-right: 0.33rem;
}
.textfield__alert--success {
  opacity: 0;
  visibility: hidden;
  height: 0;
  transition: all 0.2s ease-in-out;
}
.textfield__alert--danger {
  opacity: 1;
  height: 35px;
  visibility: visible;
  transition: all 0.2s ease-in-out;
}
.textfield input::-webkit-input-placeholder, .textfield textarea::-webkit-input-placeholder {
  color: #a3a3a3;
}
.textfield input::-moz-placeholder, .textfield textarea::-moz-placeholder {
  color: #a3a3a3;
}
.textfield input::placeholder,
.textfield textarea::placeholder {
  color: #a3a3a3;
}
.datepicker-nav {
  z-index: 2;
  width: 100%;
  height: 56px;
  position: fixed;
  padding: 0.66rem 0.88rem;
  background-color: #fff;
  border-bottom: 1px solid #e7e7e7;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.datepicker-nav__date {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.datepicker-nav__date img,
.datepicker-nav__date svg {
  width: 20px;
  height: 20px;
  margin-left: 0.33rem;
}
.datepicker-nav__date span {
  font-size: 0.77rem;
  font-weight: 500;
  color: #22a958;
  line-height: normal;
}
.datepicker-nav__date-custom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  width: 100%;
}
.datepicker-nav__date-custom-info {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.datepicker-nav__date-custom-info span:nth-child(2) {
  margin-left: 0.22rem;
}
.datepicker-nav__date-custom-info span:nth-child(2):after {
  content: "-";
}
.datepicker-nav__date-custom-info span:last-child {
  margin-left: 0.22rem;
}
.datepicker-nav__date-custom-info span:last-child:after {
  content: "";
}
.datepicker-nav__date-custom-remove button {
  border: none;
  background: none;
  box-shadow: none;
}
.datepicker-nav__date-custom-remove button:active {
  background-color: unset;
}
.datepicker-nav__date-custom-remove p {
  font-size: 0.66rem;
  font-weight: 500;
  line-height: normal;
  color: rgba(19, 20, 31, 0.9);
}
.datepicker-nav__date-default {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  flex-direction: row;
}
.datepicker-nav__date-default > button {
  padding: 0;
  border: none;
}
.datepicker-nav__date-default > button:active {
  background-color: unset;
}
.datepicker-nav__date-default > button > p {
  color: #22a958;
}
.datepicker-nav--defaultLabel {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  height: 100%;
}
.datepicker-nav--defaultLabel p {
  font-size: 1.22rem;
  font-weight: bold;
}
.datepicker-nav {
  max-width: var(--max-width-on-desktop);
}
.time-selection {
  padding-bottom: 80px;
  position: relative;
  width: 50%;
  height: 390px;
}
.time-selection > * {
  font-family: "IRANsans", "iransansbase";
}
.time-selection__intervalTime {
  width: 100%;
  height: 240px;
  z-index: 1600;
  margin-top: 48px;
  overflow-x: hidden;
  scroll-snap-type: y mandatory;
  overflow-y: scroll;
  /* has to be scroll, not auto */
  -webkit-overflow-scrolling: touch;
  /* momentum scrolling, iOS Safari only*/
}
.time-selection__timeItem {
  scroll-snap-align: start;
  height: 50px;
  margin: 0 24px;
  font-size: 0.94rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  color: rgba(19, 20, 31, 0.9);
}
.time-selection__timeItem > span {
  -webkit-filter: brightness(2);
          filter: brightness(2);
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
  transition: -webkit-transform 300ms, -webkit-filter 300ms ease-in-out;
  transition: transform 300ms, filter 300ms ease-in-out;
  transition: transform 300ms, filter 300ms ease-in-out, -webkit-transform 300ms, -webkit-filter 300ms ease-in-out;
}
.time-selection__timeItem--active > span {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-filter: brightness(0);
          filter: brightness(0);
}
.time-selection__timeItem--reserve > span {
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}
.time-selection__tabBarContainer {
  z-index: 1001;
  background-color: #fff;
}
.time-selection__indicator {
  bottom: 0;
  width: 50%;
  padding: 0 47px;
  position: absolute;
  transition: 0.25s ease-in-out;
}
.time-selection__indicator div {
  height: 2px;
}
.time-selection__tabBar {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.time-selection__item {
  text-align: center;
  flex-grow: 1;
  padding: 16px 0;
  border-bottom: 1px solid #e6e6e6;
  font-size: 14px;
  font-weight: 500;
  color: #a3a3a3;
}
.time-selection__item--selected {
  font-size: 14px;
  font-weight: 500;
  color: #22a958;
}
.time-selection__pickerIndicator {
  position: relative;
}
.time-selection__pickerIndicatorRect {
  height: 50px;
  top: 100px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 80%;
  position: absolute;
}
.time-selection__pickerIndicatorRect::after, .time-selection__pickerIndicatorRect::before {
  position: absolute;
  content: "";
  height: 1px;
  width: 100%;
  background-color: #22a958;
}
.time-selection__pickerIndicatorRect::after {
  top: -5px;
}
.time-selection__pickerIndicatorRect::before {
  bottom: -5px;
}
.fillButton {
  margin-right: 12px;
}
.time-selection::-webkit-scrollbar {
  display: none;
}
.switch-toggler {
  height: 36px;
  max-height: 50px;
  position: relative;
}
.switch-toggler--by-label {
  width: 125px;
}
.switch-toggler--disabled {
  opacity: 0.5;
}
.switch-toggler input[type=checkbox] {
  height: 0;
  width: 0;
  visibility: hidden;
  position: absolute;
  z-index: -1;
}
.switch-toggler__label {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.switch-toggler__label-box {
  width: 46px;
  height: 30px;
  border-radius: 1rem;
  position: relative;
  transition: all 0.3s ease;
}
.switch-toggler__label-box-circle {
  width: 28px;
  height: 28px;
  position: absolute;
  right: 1px;
  top: 1px;
  border: 2px solid;
  border-radius: 1rem;
  background: rgba(254.38, 254.4, 254.62, 0.9);
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.switch-toggler__label-box-circle > img,
.switch-toggler__label-box-circle svg {
  width: 11px;
}
.switch-toggler__label-box-circle-rotate {
  padding: 0;
  height: 20px;
  width: 20px;
  -webkit-animation: rotating 2s linear infinite;
          animation: rotating 2s linear infinite;
}
.switch-toggler__label-box-circle-rotate > svg {
  width: 20px;
  height: 20px;
}
.switch-toggler__label-box--on {
  background: #00d170;
}
.switch-toggler__label-box--on > div {
  -webkit-transform: translateX(-16px);
          transform: translateX(-16px);
  border-color: #00d170;
  background: #fff;
}
.switch-toggler__label-box--off {
  background: #e6e6e6;
}
.switch-toggler__label-box--off > div {
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
  background: #fff;
  border-color: rgba(159.52, 162.6, 196.48, 0.9);
}
.switch-toggler__label-text {
  font-size: 14px;
  margin-right: 0.5rem;
  color: rgba(19, 20, 31, 0.9);
}
@-webkit-keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.create-product {
  background-color: #f8f9fb;
  padding-bottom: 30px;
  overflow: hidden;
}
.create-product-changed {
  padding-bottom: 90px;
}
.create-product__navbar {
  width: 100%;
  z-index: 1000;
  height: 50px;
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  padding: 18px 18px 18px 12px;
}
.create-product__navbar .top-navbar__burger-button--close,
.create-product__navbar .top-navbar__messages {
  width: 21px;
}
.create-product__navbar h5 {
  font-weight: 500;
  min-width: 180px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 14px;
}
.create-product__wrapper {
  height: calc(100vh - 80px);
  margin-bottom: 90px;
  overflow: scroll;
  padding: 24px 16px;
}
.create-product__image {
  position: relative;
  margin-bottom: 24px;
}
.create-product__image img {
  height: 210px;
  -o-object-fit: cover;
     object-fit: cover;
}
.create-product__image-uploading {
  border-radius: 6px !important;
  cursor: pointer;
  padding: 0 16px !important;
  position: absolute;
  right: 16px;
}
.create-product__image-itself {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(64, 64, 64, 0.6);
}
.create-product__image-holder {
  top: 0;
  width: 100%;
  height: 210px;
  position: absolute;
}
.create-product__image-holder svg {
  position: absolute;
  z-index: 4;
  bottom: 30px;
  right: 30px;
}
.create-product__image-thumbnails {
  position: relative;
  margin-top: 16px;
}
.create-product__image-thumbnails .slick-slider {
  margin: 0 140px 16px 16px;
}
.create-product__image-single img, .create-product__image-thumbnail img {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  opacity: 40%;
  transition: all 0.5s;
  margin: 0 auto;
}
.create-product__image-single-active, .create-product__image-thumbnail-active {
  opacity: 100%;
}
.create-product__image-single {
  margin: 0 140px 16px 0;
  width: 40px;
  height: 40px;
  transition: all 0.5s;
}
.create-product__image-single img {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  opacity: 100%;
}
.create-product__image-guide {
  color: #22a958;
  font-size: 14px;
  margin-right: 16px;
  font-weight: 500;
}
.create-product__image-guide svg {
  position: relative;
  top: 6px;
}
.create-product__image-status {
  font-family: "IRANsans";
  font-size: 14px;
  font-weight: normal;
  line-height: 27px;
  color: #bd272d;
  margin: 0 0 16px 16px;
  transition: all 0.5s;
}
.create-product .textfield--wrapper .textfield {
  margin: 12px 0;
}
.create-product .create-product__select {
  margin: 17px 0 12px;
}
.create-product__select .SF-item-select {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.create-product__select span {
  font-size: 14px;
  font-weight: 500;
  color: rgba(19, 20, 31, 0.9);
}
.create-product__select section {
  margin-top: 0.88rem;
}
.create-product__select img,
.create-product__select svg {
  width: 20px;
  height: 20px;
}
.create-product__actions {
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1001;
  position: fixed;
  padding: 16px 24px;
  background-color: #fff;
  border-top: 1px solid #e6e6e6;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.create-product__actions-button {
  width: 100%;
  border-radius: 6px !important;
}
.create-product__select .SF-item-select--filter {
  border: 1px solid #e6e6e6;
}
.create-product__select .SF-item-select--filter-active {
  border: 1px solid #e6e6e6;
}
.create-product .slick-track {
  margin-right: 0;
}
.create-product .slick-current img {
  opacity: 1;
}
.create-product .slick-slide {
  float: left !important;
}
.create-product__field {
  margin-bottom: 12px;
}
.create-product__field input::-webkit-input-placeholder, .create-product__field textarea::-webkit-input-placeholder {
  font-size: 14px;
  font-weight: 300;
  color: #a3a3a3;
  padding-top: 5px;
}
.create-product__field input::-moz-placeholder, .create-product__field textarea::-moz-placeholder {
  font-size: 14px;
  font-weight: 300;
  color: #a3a3a3;
  padding-top: 5px;
}
.create-product__field input::placeholder,
.create-product__field textarea::placeholder {
  font-size: 14px;
  font-weight: 300;
  color: #a3a3a3;
  padding-top: 5px;
}
.SF-item-select--filter {
  margin-bottom: 16px;
}
.modal__header--fixed,
.modal__header--fixed {
  border: none;
}
.create-product-title {
  font-size: 14px;
  padding: 16px 16px 0 16px;
}
.upload-later {
  position: relative;
}
.upload-later .upload-later-btn {
  position: absolute;
  width: 119px;
  font-size: 14px;
  line-height: 20px;
  left: 0px;
  top: 15px;
  border: none;
  padding: 0;
  margin: 0;
  background: transparent;
  color: #22a958;
}
.upload-picture-wrapper {
  width: 100%;
  height: 100%;
  display: block;
  border: 1px dashed #ff00a4;
  background: rgba(255, 0, 164, 0.06);
  border-radius: 5px;
  padding: 0;
}
.upload-picture-wrapper img {
  width: 38px;
  display: block;
  margin: auto;
  margin-bottom: 10px;
}
.upload-picture-wrapper > div {
  display: block;
  margin: auto;
  font-weight: 500;
  font-size: 12px;
  color: #ff00a4;
  text-align: center;
}
.upload-picture-wrapper-image {
  width: 24px !important;
  display: block !important;
  margin: auto;
  margin-bottom: 10px;
}
.upload-picture-advice-box {
  font-size: 14px;
  background: rgba(34, 169, 88, 0.06);
  border-radius: 8px;
  padding: 13px;
  line-height: 21px;
  margin: 20px 12px;
}
.upload-picture-advice-box h2 {
  font-size: 14px;
  padding: 0;
  margin: 0;
}
.upload-picture-advice-box h2 img {
  width: 13px;
  float: right;
  margin-left: 6px;
  margin-top: 3px;
}
.upload-picture-advice-box p {
  font-size: 12px;
  padding: 0;
  margin: 0;
  color: #a3a3a3;
}
.upload-picture-link-section {
  text-align: left;
  padding: 8px 12px;
  margin-bottom: 16px;
}
.upload-picture-advice-list {
  margin: 16px;
  color: #3a3d42;
}
.upload-picture-advice-list__title {
  font-size: 14px;
  font-weight: 500;
}
.upload-picture-advice-list .photo-guide__notes__list {
  margin-right: 0;
}
.upload-picture-link {
  background: transparent;
  border: none;
  font-size: 14px;
  color: #22a958;
  font-weight: bold;
}
.upload-picture-link img {
  float: left;
  width: 9px;
  margin-right: 5px;
}
.upload-list-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 23px;
  height: 93px;
  padding-right: 16px;
}
.upload-list-container__no-image {
  padding-right: 0;
}
.upload-list-container .upload-list-btn {
  flex: 0 0 100px;
  height: 100%;
}
.upload-list-container .upload-list-items {
  flex: 1;
  display: inline-block;
  height: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: scroll;
  white-space: nowrap;
  text-align: right;
}
.upload-list-container .upload-list-items > div {
  width: 100px;
  height: 93px;
  margin-right: 5px;
  margin-left: 5px;
  border-radius: 5px;
  overflow: hidden;
  display: inline-block;
}
.upload-list-container .upload-list-items > div img {
  display: block;
  width: 100%;
}
.image-item {
  position: relative;
}
.image-item__overlay {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 60;
  width: 100%;
  height: 100%;
}
.delete-btn {
  border: none;
  position: absolute;
  bottom: 3px;
  left: 3px;
  padding: 0;
  background: rgba(65, 65, 65, 0.6784313725);
  width: 29px;
  height: 29px;
  line-height: 43px;
  border-radius: 5px;
}
.cancel-button {
  background: #bd272d !important;
}
.create-standard-product {
  position: relative;
  margin: 0 0 100px;
  background: #f8f9fb;
}
.create-standard-product__container {
  height: 100%;
  overflow: scroll;
}
.create-standard-product__image {
  position: relative;
}
.create-standard-product__image > img {
  background-color: #e5e5e5;
  height: 166px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-top: 50px;
}
.create-standard-product__image-uploading {
  outline: none;
  cursor: pointer;
  width: 147px;
  margin: 35px 24px;
}
.create-standard-product__image-uploading img,
.create-standard-product__image-uploading svg {
  width: 24px;
}
.create-standard-product__body {
  margin: 2rem 1.33rem 1.33rem 1.33rem;
}
.create-standard-product__select .SF-item-select {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.create-standard-product__select .SF-item-select--filter-active {
  border: 1px solid #404040 !important;
}
.create-standard-product__select span {
  font-size: 14px;
  font-weight: 500;
  color: rgba(19, 20, 31, 0.9);
}
.create-standard-product__select section {
  margin-top: 0.88rem;
}
.create-standard-product__select img,
.create-standard-product__select svg {
  width: 20px;
  height: 20px;
}
.create-standard-product__action {
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1001;
  position: fixed;
  padding: 1.2rem;
  background-color: #fff;
  border-top: 1px solid #e6e6e6;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-direction: row;
}
.change-image-modal {
  width: 100%;
  height: 150px;
  padding: 0 1.5rem;
}
.create-standard-product-boxes {
  background: white;
  border: 1px solid #e6e6e6;
  padding: 0px 13px 13px 13px;
  border-radius: 8px;
  margin-bottom: 20px;
}
.create-standard-product-title {
  font-weight: bold;
  font-size: 17px;
  font-family: IranSans;
  margin-top: 15px;
}
.add-variation-button {
  background: white;
  border: 1px solid #ff00a4;
  margin-top: 15px;
}
.add-variation-button .SF-button__label {
  color: #ff00a4;
  font-size: 14px;
}
.choose-title-variation-container {
  padding: 0 20px;
}
.standard-variation-item {
  border-radius: 8px;
  border: 1px solid #e6e6e6;
  padding: 14px 13px;
  margin: 15px 0;
  font-family: IranSans;
  font-size: 14px;
}
.standard-variation-item__header {
  padding: 5px 0;
}
.standard-variation-item__title {
  font-weight: bold;
  display: inline-block;
}
.standard-variation-item__delete {
  float: left;
  border: none;
  background: transparent;
  margin-top: -4px;
  left: -2px;
  position: relative;
}
.standard-variation-item__delete svg {
  width: 21px;
}
.error-boundary {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0.88rem;
  align-items: center;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.error-boundary img {
  width: 160px;
}
.error-boundary h1 {
  color: #404040;
  font-size: 16px;
  text-align: center;
  margin: 0;
}
.error-boundary span {
  font-size: 12px;
  color: #404040;
  margin-bottom: 1.5rem;
  margin-top: 8px;
  line-height: 25px;
  text-align: center;
}
.error-boundary p {
  font-size: 14px;
}
@media (min-width: 1018px) {
  .error-boundary.desktop-margined {
    padding-right: 300px;
  }
}
.performance-rate {
  z-index: 1;
  width: 100%;
  overflow: auto;
  background: #fff;
  white-space: nowrap;
  font-family: "IRANsans", "iransansbase";
  position: relative;
}
.performance-rate--no-scroll {
  overflow: hidden;
}
.performance-rate > div:first-child {
  margin-right: 0.88rem;
}
.performance-rate > div:last-child {
  margin-left: 0.88rem;
}
.performance-rate__card {
  width: 160px;
  height: 120px;
  margin: 0.22rem;
  display: inline-table;
  -webkit-overflow-scrolling: touch;
}
.performance-rate__card-meal {
  font-size: 0.77rem;
  font-weight: 500;
  line-height: 0.93;
  color: rgba(19, 20, 31, 0.9);
}
.performance-rate__card-rating {
  display: flex;
  flex-direction: row;
  margin-top: 0.88rem;
}
.performance-rate__card-rating > div {
  display: flex;
  flex-direction: column;
  font-size: 0.66rem;
  margin-left: 1.33rem;
}
.performance-rate__card-rating > div bdi:first-child {
  font-size: 1.22rem;
  font-weight: bold;
  line-height: normal;
}
.performance-rate__card-rating > div span {
  font-size: 0.66rem;
  font-weight: normal;
  line-height: normal;
  color: #a3a3a3;
}
.performance-rate.skeleton {
  --skeleton-bg-color: #f0f0f0;
  overflow: hidden;
  position: relative;
  --bg-color: #e2e2e2;
}
.performance-rate.skeleton::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.6) 90%, rgba(255, 255, 255, 0) 95%, rgba(255, 255, 255, 0) 100%);
  -webkit-filter: blur(20px);
          filter: blur(20px);
  -webkit-animation: loading 1.5s infinite;
          animation: loading 1.5s infinite;
  z-index: 100;
}
@keyframes loading {
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
.performance-rate.skeleton .performance-rate__card {
  display: inline-flex;
  flex-direction: column;
}
.performance-rate.skeleton .performance-rate__card-meal {
  flex: 1;
  align-items: center;
  display: flex;
}
.performance-rate.skeleton .performance-rate__card-meal .line {
  width: 32%;
}
.performance-rate.skeleton .performance-rate__card-rating {
  flex: 1;
}
.performance-rate.skeleton .performance-rate__card-rating > div {
  flex: 5;
  justify-content: space-between;
  margin-left: 1.63rem;
}
.performance-rate.skeleton .performance-rate__card-rating > div:nth-child(2) {
  margin-left: 0.4rem;
  flex: 3;
}
.performance-rate.skeleton .line {
  height: 6px;
  width: 100%;
  border-radius: 2px;
  background-color: #e2e2e2;
  display: inline-block;
}
.performance-rate.skeleton .line-1 {
  width: 25%;
}
.performance-rate.skeleton .line-2 {
  width: 40%;
}
.performance-rate.skeleton .line-3 {
  width: 60%;
}
.performance-rate.skeleton .line-4 {
  width: 100%;
}
.horizontal-filterer {
  height: 40px;
  margin: 0 16px;
  padding: 0 2px;
  display: flex;
  overflow: auto;
  direction: rtl;
  border-radius: 6px;
  white-space: nowrap;
  align-items: center;
  background: #f2f2f2;
  justify-content: space-between;
}
.horizontal-filterer__item {
  height: 100%;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-block;
}
.horizontal-filterer__item p {
  margin: 0;
}
.horizontal-filterer__item-container {
  height: 100%;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.horizontal-filterer__handler-btn {
  outline: 0;
  height: 36px;
  width: 80px;
  font-size: 0.7rem;
  border: unset;
  background-color: transparent;
  color: rgba(38.38, 40.4, 62.62, 0.9);
  transition: all 0.3s ease-in-out;
}
.horizontal-filterer__handler-btn--active {
  border-radius: 5px;
  background: #fff;
  color: #22a958;
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);
  font-weight: 700;
}
.horizontal-filterer__handler-btn.search-text {
  border: 1px solid #ff00a4;
  color: rgb(204, 0, 131.2);
  background: rgba(255, 102, 200.4, 0.05);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.horizontal-filterer__handler-btn.search-text span.title {
  flex: 1;
}
.horizontal-filterer__handler-btn.search-text img,
.horizontal-filterer__handler-btn.search-text svg {
  width: 16px;
  height: 16px;
  margin-left: -8px;
  margin-right: 8px;
}
.editmenu-filterer {
  padding: 0 0.88rem;
  overflow: auto;
  direction: rtl;
  white-space: nowrap;
}
.editmenu-filterer__item {
  display: inline-block;
}
.editmenu-filterer__item:not(:last-child) {
  margin-left: 0.4rem;
}
.editmenu-filterer__handler-btn {
  outline: 0;
  padding: 0 0.8rem;
  height: 45px;
  font-size: 0.7rem;
  border: 1px dashed rgba(34, 169, 88, 0.2);
  background-color: #fff;
  color: #00d170;
  border-radius: 50px;
  fill: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  transition: all 0.3s ease-in-out;
}
.editmenu-filterer__handler-btn--active {
  background: #00d170;
  color: #fff;
}
.editmenu-filterer__icon {
  width: inherit;
  height: 24px;
  margin-right: 0.4rem;
  margin-left: -0.2rem;
}
.search-filterer {
  bottom: 0;
  width: 100%;
  height: 68px;
  overflow: auto;
  position: fixed;
  background: #fff;
  white-space: nowrap;
  border-top: 1px solid #e7e7e7;
  display: flex;
  direction: rtl;
  z-index: 100;
  max-width: var(--max-width-on-desktop);
}
.search-filterer__item {
  height: 100%;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: 0.5rem;
  display: inline-block;
}
.search-filterer__item:first-child {
  margin-right: 0.75rem;
}
.search-filterer__item:last-child {
  margin-left: 0.75rem;
}
.search-filterer__item p {
  margin: 0;
}
.search-filterer__item-container {
  height: 100%;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.search-filterer__handler-btn {
  outline: 0;
  height: 40px;
  font-size: 0.7rem;
  background: #fff;
  padding: 0.25rem 1rem;
  border-radius: 24px;
  color: rgba(38.38, 40.4, 62.62, 0.9);
  border: 1px solid rgb(205.5, 205.5, 205.5);
  transition: all 0.3s ease-in-out;
}
.search-filterer__handler-btn--active {
  border: 1px solid #00d170;
  color: rgb(0, 158, 84.6698564593);
  background: rgba(56, 255, 162.6411483254, 0.05);
}
.search-filterer__handler-btn.search-text {
  border: 1px solid #ff00a4;
  color: rgb(204, 0, 131.2);
  background: rgba(255, 102, 200.4, 0.05);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.search-filterer__handler-btn.search-text span.title {
  flex: 1;
}
.search-filterer__handler-btn.search-text img,
.search-filterer__handler-btn.search-text svg {
  width: 16px;
  height: 16px;
  margin-left: -8px;
  margin-right: 8px;
}
.search-filterer .filter-search {
  position: relative;
  min-width: 40px;
}
.search-filterer .filter-search__form {
  position: absolute;
  height: 40px;
  width: 40px;
  transition: all 0.2s linear;
  border: 1px solid #f2f2f2;
  right: 0;
  border-radius: 20px;
  box-sizing: border-box;
  background-color: #f2f2f2;
  max-width: var(--max-width-on-desktop);
}
.search-filterer .filter-search__button {
  all: unset;
  height: 40px;
  width: 40px;
  background-color: #ff00a4;
  border-radius: 50%;
  border-color: #ff00a4;
  z-index: 3;
  position: absolute;
  left: -1px;
  top: -1px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.search-filterer .filter-search__button img,
.search-filterer .filter-search__button svg {
  height: 25px;
  width: 25px;
}
.search-filterer .filter-search__input {
  border: none;
  border-radius: 20px;
  width: 100%;
  z-index: 1;
  height: 36px;
  padding: 0 0;
  transition: all 0.2s linear;
  font-family: "IRANSans";
  background-color: unset;
  font-size: 0.9em;
}
.search-filterer .filter-search__input::-webkit-input-placeholder {
  font-family: "IRANSans";
  line-height: 32px;
  font-size: 0.9em;
  color: #ddd;
}
.search-filterer .filter-search__input::-moz-placeholder {
  font-family: "IRANSans";
  line-height: 32px;
  font-size: 0.9em;
  color: #ddd;
}
.search-filterer .filter-search__input::placeholder {
  font-family: "IRANSans";
  line-height: 32px;
  font-size: 0.9em;
  color: #ddd;
}
.search-filterer .filter-search__input::-webkit-search-cancel-button {
  display: none;
}
.search-filterer .filter-search__input:focus {
  outline: none;
}
.search-filterer .filter-search__cancel {
  all: unset;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  height: 40px;
  width: 40px;
  opacity: 0;
  transition: all 0.2s linear;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.search-filterer .filter-search__cancel img,
.search-filterer .filter-search__cancel svg {
  height: 20px;
  width: 20px;
}
.search-filterer .filter-search--active .filter-search__form {
  width: calc(var(--max-width-on-desktop) - 1.5rem);
}
.search-filterer .filter-search--active .filter-search__input {
  padding: 0 40px;
}
.search-filterer .filter-search--active .filter-search__cancel {
  opacity: 1;
}
.form-wrapper {
  padding: 12px 16px 16px 18px;
  margin-top: 0.88rem;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  position: relative;
  background-color: #fff;
  font-family: "IRANsans", "iransansbase";
}
.form-wrapper.hasTopLabel {
  margin-top: 1.1rem;
}
.form-wrapper.disabled {
  opacity: 0.4;
}
.form-wrapper.hasDescription {
  margin-bottom: 0.33rem;
}
.form-wrapper__topLabel {
  position: absolute;
  background: inherit;
  padding: 0 10px;
  top: -12px;
  font-size: 0.92rem;
  color: rgba(19, 20, 31, 0.9);
  display: inline-block;
}
.form-wrapper__description {
  font-size: 0.66rem;
  font-family: "IRANsans", "iransansbase";
  color: #a3a3a3;
}
.form-wrapper-file-input {
  padding: 0 0.88rem 0 0;
}
.form-wrapper-file-input__label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.form-wrapper-file-input__label__title {
  padding: 0;
  border: unset;
  font-size: 0.94rem;
  line-height: 26px;
  color: rgba(19, 20, 31, 0.9);
}
.form-wrapper-file-input__label__title:focus {
  outline: none;
}
.form-wrapper-file-input__label__title::-webkit-input-placeholder {
  font-size: 0.94rem;
  line-height: 26px;
  color: #a3a3a3;
}
.form-wrapper-file-input__label__title::-moz-placeholder {
  font-size: 0.94rem;
  line-height: 26px;
  color: #a3a3a3;
}
.form-wrapper-file-input__label__title::placeholder {
  font-size: 0.94rem;
  line-height: 26px;
  color: #a3a3a3;
}
.form-wrapper-file-input__label__title::-webkit-input-placeholder {
  font-size: 0.94rem;
  line-height: 26px;
  color: #a3a3a3;
}
.form-wrapper-file-input__label__title:-moz-placeholder {
  font-size: 0.94rem;
  line-height: 26px;
  color: #a3a3a3;
}
.form-wrapper-file-input__label__title::-moz-placeholder {
  font-size: 0.94rem;
  line-height: 26px;
  color: #a3a3a3;
}
.form-wrapper-file-input__label__title:-ms-input-placeholder {
  font-size: 0.94rem;
  line-height: 26px;
  color: #a3a3a3;
}
.form-wrapper-file-input__label__button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  border: none;
  box-shadow: none;
  margin: unset;
  padding: unset;
  background-color: #22a958;
  height: 56px;
  width: 56px;
  border-radius: 4px;
}
.form-wrapper-file-input__subject {
  font-size: 0.66rem;
  line-height: 16px;
  color: #a3a3a3;
}
.form-wrapper-file-input #file-input {
  display: none;
}
.form-wrapper-file-input--hasValue {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
.form-wrapper-textarea {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.form-wrapper-textarea #textarea {
  font-size: 0.94rem;
  line-height: 26px;
  border: none;
  box-shadow: none;
  width: 100%;
  height: 26px;
  color: rgba(19, 20, 31, 0.9);
  resize: none;
}
.form-wrapper-textarea #textarea:focus {
  outline: none;
}
.form-wrapper-textarea #textarea::-webkit-input-placeholder {
  font-size: 0.94rem;
  line-height: 26px;
  color: #a3a3a3;
}
.form-wrapper-textarea #textarea::-moz-placeholder {
  font-size: 0.94rem;
  line-height: 26px;
  color: #a3a3a3;
}
.form-wrapper-textarea #textarea::placeholder {
  font-size: 0.94rem;
  line-height: 26px;
  color: #a3a3a3;
}
.form-wrapper-textarea #textarea::-webkit-input-placeholder {
  font-size: 0.94rem;
  line-height: 26px;
  color: #a3a3a3;
}
.form-wrapper-textarea #textarea:-moz-placeholder {
  font-size: 0.94rem;
  line-height: 26px;
  color: #a3a3a3;
}
.form-wrapper-textarea #textarea::-moz-placeholder {
  font-size: 0.94rem;
  line-height: 26px;
  color: #a3a3a3;
}
.form-wrapper-textarea #textarea:-ms-input-placeholder {
  font-size: 0.94rem;
  line-height: 26px;
  color: #a3a3a3;
}
.form-wrapper-textarea__label {
  font-size: 0.66rem;
  line-height: 16px;
  color: #a3a3a3;
}
.form-wrapper-textarea--focused, .form-wrapper-textarea--filled {
  padding: 7px 16px 7px 18px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
.form-wrapper-textarea--focused #textarea, .form-wrapper-textarea--filled #textarea {
  height: 54px;
}
.form-wrapper-modalLabel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.form-wrapper-modalLabel__container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.form-wrapper-modalLabel__container--hasValue {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.form-wrapper-modalLabel__title {
  border: unset;
  font-size: 0.94rem;
  line-height: 26px;
  color: #a3a3a3;
  width: 100%;
}
.form-wrapper-modalLabel__title:focus {
  outline: none;
}
.form-wrapper-modalLabel__title::-webkit-input-placeholder {
  font-size: 0.94rem;
  line-height: 26px;
  color: #a3a3a3;
}
.form-wrapper-modalLabel__title::-moz-placeholder {
  font-size: 0.94rem;
  line-height: 26px;
  color: #a3a3a3;
}
.form-wrapper-modalLabel__title::placeholder {
  font-size: 0.94rem;
  line-height: 26px;
  color: #a3a3a3;
}
.form-wrapper-modalLabel__title::-webkit-input-placeholder {
  font-size: 0.94rem;
  line-height: 26px;
  color: #a3a3a3;
}
.form-wrapper-modalLabel__title:-moz-placeholder {
  font-size: 0.94rem;
  line-height: 26px;
  color: #a3a3a3;
}
.form-wrapper-modalLabel__title::-moz-placeholder {
  font-size: 0.94rem;
  line-height: 26px;
  color: #a3a3a3;
}
.form-wrapper-modalLabel__title:-ms-input-placeholder {
  font-size: 0.94rem;
  line-height: 26px;
  color: #a3a3a3;
}
.form-wrapper-modalLabel__label {
  font-size: 0.66rem;
  line-height: 16px;
  color: #a3a3a3;
}
.form-wrapper-modalLabel--hasValue {
  padding: 7px 16px 7px 18px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
.form-wrapper-modalLabel--hasValue .form-wrapper-modalLabel__title {
  color: rgba(19, 20, 31, 0.9);
}
.form-wrapper-modalLabel__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.average-rate {
  min-height: 141px;
  border-radius: 6px;
  border: solid 1px #e6e6e6;
  font-family: "IRANsans", "iransansbase";
  padding: 0.88rem 0.88rem 0.54rem 0.88rem;
  background-color: #ffffff;
}
.average-rate__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  margin-bottom: 0.66rem;
}
.average-rate__label {
  font-size: 0.66rem;
  font-weight: 500;
  line-height: normal;
  text-align: center;
  color: rgba(19, 20, 31, 0.9);
}
.average-rate__calendar {
  font-size: 0.66rem;
  font-weight: 500;
  line-height: normal;
  text-align: right;
  color: #a3a3a3;
}
.average-rate__body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.average-rate__score {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0.66rem 0;
}
.average-rate__score-label {
  font-size: 0.55rem;
  font-weight: normal;
  line-height: normal;
  text-align: center;
  color: #a3a3a3;
  margin-top: 0.44rem;
}
.average-rate__chart {
  display: flex;
  flex-direction: column;
}
.average-rate__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  margin-bottom: 0.28rem;
  width: 169px;
}
.average-rate__row-percentage {
  font-size: 0.44rem;
  width: 15px;
  font-weight: normal;
  line-height: normal;
  text-align: right;
  color: #a3a3a3;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.average-rate__row-container {
  width: 152px;
  height: 3px;
  border-radius: 1.5px;
  background-color: #f2f2f2;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row;
}
.average-rate__row-content {
  border-radius: 1.5px;
  height: 3px;
}
.rate-card {
  width: 100% !important;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  padding: 0 0.9rem;
  margin-bottom: 0.8rem;
  border-radius: 6px;
  border: solid 1px #e6e6e6;
  font-family: "IRANsans", "iransansbase";
  box-shadow: 0 0.94rem 1.27rem -0.72rem #e6e6e6;
}
.rate-card--expanded {
  height: 100%;
  transition: height 0.3s ease-out;
}
.rate-card--collapsed {
  overflow: hidden;
  transition: height 0.3s ease-out;
}
.rate-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  border-bottom: 1px solid #f2f2f2;
  height: 3rem;
}
.rate-card__header-info {
  font-size: 0.77rem;
  font-weight: normal;
  line-height: normal;
  text-align: right;
  color: #a3a3a3;
}
.rate-card__header-date {
  font-size: 0.66rem;
  font-weight: normal;
  line-height: normal;
  text-align: right;
  color: #a3a3a3;
  margin-left: 0.44rem;
}
.rate-card__header-icon {
  width: 24px;
  height: 24px;
}
.rate-card__header-accardion-icon {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.rate-card__header-accardion-icon svg {
  transition: all 0.2s ease-in-out;
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
}
.rate-card__header-accardion-icon-rotate {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.rate-card__header-accardion-icon-rotate svg {
  transition: all 0.2s ease-in-out;
}
.rate-card__order-rate {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  margin-top: 0.8rem;
  margin-bottom: 1rem;
  padding-right: 0.22rem;
}
.rate-card__order-rate-label {
  font-size: 0.77rem;
  color: rgba(19, 20, 31, 0.9);
}
.rate-card__order-rate-span {
  font-size: 0.77rem;
  font-weight: normal;
  line-height: normal;
  text-align: center;
  color: rgba(19, 20, 31, 0.9);
}
.rate-card__reason {
  margin-bottom: 0.44rem;
}
.rate-card__reason-holder {
  display: flex;
  flex-wrap: wrap;
}
.rate-card__reason-box {
  height: 24px;
  border-radius: 4px;
  padding: 0.16rem 0.72rem 0.16rem 0.88rem;
  margin: 0 0 0.44rem 0.66rem;
  background-color: #e6e6e6;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.rate-card__reason-box span {
  font-size: 0.66rem;
  font-weight: normal;
  line-height: normal;
  text-align: right;
  color: rgba(19, 20, 31, 0.9);
}
.rate-card__details {
  border-top: solid 1px #e6e6e6;
  margin-left: 0.22rem;
  margin-bottom: 0.44rem;
}
.rate-card__details-holder {
  display: flex;
  flex-direction: column;
}
.rate-card__list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  padding-top: 0.88rem;
  margin: 0 0.44rem 0 0.38rem;
}
.rate-card__list-item:last-child {
  padding-bottom: 0.55rem;
}
.rate-card__list-title {
  font-size: 0.66rem;
  font-weight: normal;
  line-height: normal;
  text-align: center;
  color: rgba(19, 20, 31, 0.9);
  margin-right: -0.44rem;
}
.rate-card__list-rate {
  margin-left: -0.38rem;
}
.rate-card__list > :last-child {
  border-bottom: none;
}
.rate-card--active {
  -webkit-animation: scale-disappear 0.1s;
          animation: scale-disappear 0.1s;
  display: none;
}
.rate-card--inactive {
  -webkit-animation: scale-display 0.1s;
          animation: scale-display 0.1s;
  display: block;
}
@keyframes scale-display {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
@keyframes scale-disappear {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
.comments-filterer {
  bottom: 67px;
  width: 100%;
  min-width: 320px;
  max-width: 480px;
  height: 58px;
  overflow: auto;
  position: fixed;
  background: #fff;
  white-space: nowrap;
  border-top: 1px solid #e7e7e7;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  direction: rtl;
}
.comments-filterer__item {
  height: 100%;
  width: calc(50% - 32px) !important;
  min-width: 128px;
  max-width: 156px;
  margin-left: 0.88rem;
  display: inline-block;
}
.comments-filterer__item:first-child {
  margin-right: 1.33rem;
}
.comments-filterer__item:last-child {
  margin-left: 1.33rem;
}
.comments-filterer__item-container {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.comments-filterer__handler-btn {
  outline: 0;
  height: 32px;
  width: 100%;
  font-size: 0.66rem;
  background: #fff;
  border-radius: 16px;
  color: rgba(19, 20, 31, 0.9);
  border: 1px solid #e6e6e6;
  transition: all 0.3s ease-in-out;
}
.comments-filterer__handler-btn--active {
  border: 1px solid #22a958;
  color: #22a958;
  background: rgba(34, 169, 88, 0.15);
}
@media (min-width: 1018px) {
  .comments-filterer {
    bottom: 0;
  }
}
.new-category {
  background: #f8f9fb;
  height: 100vh;
  padding: 15px;
  font-size: 14px;
  font-family: "IRANsans", "iransansbase";
}
.time-title {
  font-size: 17px;
  padding: 0 0 15px 0;
}
.description-new-category {
  padding: 0;
  margin: 0;
  padding-bottom: 20px;
  font-size: 14px;
}
.SF-item-select.right {
  padding-right: 40px;
}
.SF-item-select.right .SF-item-select__check {
  right: 0;
}
.row {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.add-description-button {
  width: 100%;
  font-size: 14px;
  padding: 11px 10px;
  border-radius: 8px;
  border: 1px dashed #a3a3a3;
  margin-bottom: 7px;
  background: rgba(64, 64, 64, 0.04);
}
.product-item {
  background: #f8f9fb;
  min-height: calc(100vh - 60px);
  font-family: "IRANsans", "iransansbase";
  padding-bottom: 1px;
}
.product-item__bottom-sheet {
  padding: 0px 24px 16px 24px;
}
.product-item__bottom-sheet h3 {
  font-size: 20px;
}
.product-item__bottom-sheet > p {
  font-size: 14px;
  line-height: 20px;
  margin: 0 0 24px 0;
}
.product-item__bottom-sheet-buttons button {
  width: 100%;
  font-size: 17px;
}
.product-item__bottom-sheet-buttons button:first-of-type {
  margin-bottom: 8px;
}
.product-item__content-box {
  background: #ffffff;
  margin: 16px;
  border-radius: 10px;
  border: 1px solid #eaeaea;
  padding: 10px 16px;
  color: #404040;
}
.product-item__content-box__header:not(:last-child) {
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 5px;
}
.product-item__content-box__header__title-column {
  width: 70%;
  font-size: 14px;
  margin: 10px 0;
}
.product-item__content-box__header__title {
  font-size: 17px;
  color: #404040;
  margin: 0;
}
.product-item__content-box__header__edit-column {
  width: 30%;
  text-align: left;
}
.product-item__content-box__header__edit-column .edit-column-link {
  color: #22a958;
  font-weight: bold;
  font-size: 14px;
  float: left;
  margin: 10px 0;
}
.product-item__content-box__header__edit-column .edit-column-link img {
  float: right;
  width: 18px;
  margin-top: 0px;
  margin-left: 10px;
}
.product-item__content-box__description {
  margin: 10px 0;
  font-size: 12px;
  line-height: 1.6;
  color: #a3a3a3;
}
.product-item__slider {
  height: 234px;
}
.product-item__slider.has-one-image {
  height: 210px;
}
.product-item__slider .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  bottom: 0;
}
.product-item__slider .swiper-pagination-bullet-active {
  background: #a3a3a3;
}
.product-item__slide {
  height: 210px;
  position: relative;
}
.product-item__slide-image {
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.product-item__slide-image-status {
  position: absolute;
  right: 16px;
  bottom: 36px;
  z-index: 5;
}
.has-one-image .product-item__slide-image-status {
  bottom: 12px;
}
.product-items-list {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 14px;
}
.product-items-list li {
  width: 100%;
  padding: 20px 0;
  border-bottom: 1px solid #eaeaea;
  display: flex;
  justify-content: space-between;
}
.product-items-list li > div {
  display: flex;
}
.product-items-list li > div.title {
  flex: 1;
  display: block;
  line-height: 22px;
}
.product-items-list li > div.title > span {
  display: block;
}
.product-items-list li > div.title .sub-title {
  color: #a3a3a3;
}
.product-items-list li > div.value {
  justify-content: flex-end;
  font-weight: 600;
  text-align: left;
  vertical-align: baseline;
  display: flex;
  align-items: center;
  margin-right: 16px;
}
.product-items-list li > div.value.has-new-value .value-content {
  text-decoration: line-through;
  color: #a3a3a3;
}
.product-items-list li > div.value .new-value {
  color: black;
  text-decoration: none !important;
}
.product-items-list li > div.value .new-value svg {
  margin: 0 5px;
}
.product-items-list li:last-child {
  border-bottom: transparent;
}
.product-item-error {
  padding: 60px;
}
.product-item-error > p {
  text-align: center;
  color: red;
}
.view-menu__pending-alert-product {
  position: fixed;
  bottom: 0px;
  right: 0;
  width: 100%;
  background: white;
  padding: 5px 10px;
  z-index: 9000000000;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
  border-top: 1px solid rgba(189, 189, 189, 0.9333333333);
}
.placeholder {
  width: 100%;
  display: block;
}
.in-review {
  font-size: 12px;
  background-color: #00d170;
  display: inline-block;
  padding: 6px;
  color: white;
  font-weight: 500;
  border-radius: 5px;
  margin-top: 9px;
}
.showmore-txt {
  display: none;
}
.showmore-txt.show {
  display: block !important;
}
body .swiper {
  margin-left: unset;
  margin-right: unset;
}
.slider {
  outline: none;
}
.slider div:focus {
  outline: none;
}
.slider__content {
  font-family: "IRANsans", "iransansbase";
}
.slider__content .slide-item > div {
  width: 100%;
  height: 210px;
  background-origin: border-box;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.slider__content .slide-item > div .image-status {
  position: absolute;
  bottom: 10px;
  right: 10px;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 3px;
  font-size: 13px;
  padding: 5px;
  line-height: 15px;
}
.slider__content .slide-item > div .image-status .status-icon {
  width: 15px;
  float: right;
  margin-left: 5px;
}
.slider__content .slick-dots {
  text-align: center;
  padding: 10px 0;
  margin: 0;
  line-height: 0;
}
.slider__content .slick-dots li {
  display: inline-block;
  margin-left: 3px;
  margin-right: 3px;
}
.slider__content .slick-dots li.slick-active button {
  background: #a3a3a3;
}
.slider__content .slick-dots li button {
  outline: none;
  font-size: 1px;
  text-indent: 100%;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background: rgba(204, 204, 204, 0.7);
  padding: 0;
  border: none;
}
.progress-bar {
  width: 100%;
  height: 2px;
  position: absolute;
  z-index: 900000000000000000000;
  top: 0px;
}
.progress-bar-axle {
  background: #22a958;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  z-index: 5;
  width: 0;
  transition: 0.3s ease-in-out;
}
.wrapper-with-progressbar {
  height: 100vh;
}
.wrapper-with-progressbar-item.fade-out {
  transition: 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  opacity: 0;
}
.wrapper-with-progressbar-item.fade-in {
  transition: 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  opacity: 1;
}
.create-coupon__navbar {
  height: 48px;
  padding: 18px;
  background-color: white;
  box-shadow: 0px 1px 0px 0px #e6e6e6;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.create-coupon__navbar img {
  width: 24px;
  height: 24px;
}
.create-coupon__navbar > div ~ div,
.create-coupon__navbar span {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  font-family: "IRANsans", "iransansbase";
}
.create-coupon__time-holder {
  transition: all 0.3s linear;
  overflow: hidden;
}
.create-coupon__time-holder--show {
  height: 402px;
}
.create-coupon__time-holder--hidden {
  height: 0;
}
.create-coupon__calender-action {
  position: fixed;
  z-index: 1000;
  bottom: 0;
}
.coupon-stepper {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: #f8f9fb;
}
.coupon-stepper__action {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 80px;
  position: absolute;
  background-color: #fff;
  padding: 16px 24px 16px 24px;
  box-shadow: inset 0px 1px 0px #e6e6e6;
}
.coupon-stepper .top-navbar__burger-button {
  position: relative;
  width: 0 !important;
  height: 48px !important;
  cursor: pointer;
  display: flex;
  align-items: unset;
  justify-content: center;
  flex-direction: column;
}
.coupon-stepper .top-navbar__burger-button--back {
  width: 21px;
  height: 24px;
  position: relative;
}
.coupon-stepper .top-navbar__burger-button--back > span:nth-child(1) {
  top: 6px;
  width: 60%;
  height: 3px;
  border-radius: 1px;
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
}
.coupon-stepper .top-navbar__burger-button--back > span:nth-child(2) {
  opacity: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.coupon-stepper .top-navbar__burger-button--back > span:nth-child(3) {
  bottom: 7px;
  width: 60%;
  height: 3px;
  border-radius: 1px;
  -webkit-transform: rotateZ(-45deg);
          transform: rotateZ(-45deg);
}
.coupon-stepper .top-navbar__burger-button--none {
  visibility: hidden;
  transition: all 0.2s ease-in-out;
}
.coupon-stepper .top-navbar__burger-button--close {
  width: 21px;
  height: 24px;
  position: relative;
}
.coupon-stepper .top-navbar__burger-button--close > span:nth-child(1) {
  top: 10px;
  height: 3px;
  border-radius: 1px;
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
}
.coupon-stepper .top-navbar__burger-button--close > span:nth-child(2) {
  opacity: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.coupon-stepper .top-navbar__burger-button--close > span:nth-child(3) {
  bottom: 11px;
  height: 3px;
  border-radius: 1px;
  -webkit-transform: rotateZ(-45deg);
          transform: rotateZ(-45deg);
}
.CPitemSelect {
  font-weight: normal;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.CPitemSelect--active > .CPitemSelect__check {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s ease-in-out;
  background: #00d170;
  outline: unset;
  border: unset;
}
.CPitemSelect--active > .CPitemSelect__check img {
  visibility: visible;
  width: 16px;
}
.CPitemSelect--active > .CPitemSelect__text > span:last-child {
  color: #22a958;
}
.CPitemSelect__check {
  width: 24px;
  height: 24px;
  min-width: 24px;
  margin-left: 16px;
  border-radius: 50%;
  background: #f2f2f2;
  outline: unset;
  transition: all 0.2s ease-in-out;
  box-sizing: border-box;
  border: 1px solid #e6e6e6;
}
.CPitemSelect__check img {
  visibility: hidden;
}
.CPitemSelect__text {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
.CPitemSelect__text > span:first-child {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 5px;
}
.CPitemSelect__text > span:last-child {
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: #a3a3a3;
}
.CPitemSelect__action {
  display: flex;
  font-size: 14px;
  line-height: 20px;
  align-items: center;
  font-weight: normal;
  color: #22a958;
}
.CPitemSelect__action span {
  margin-left: 4px;
}
.CPeditMode {
  display: flex;
  align-items: flex-start;
  justify-content: unset;
  flex-direction: column;
}
.CPeditMode > *:nth-child(2) {
  padding-top: 8px;
  padding-bottom: 10px;
}
.CPeditMode > div span {
  font-size: 14px;
  line-height: 20px;
  color: #22a958;
}
.CPeditMode__check {
  display: flex;
  align-items: center;
}
.CPeditMode img {
  width: 24px;
  height: 24px;
  margin-left: 7px;
}
.coupon-step {
  margin: 27px 15px;
  padding: 24px 15px 0;
  border-radius: 8px;
  background-color: #fff;
  border: 1px solid #e6e6e6;
}
.coupon-step__title {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  padding-bottom: 24px;
}
.coupon-step > div {
  padding: 20px 0px;
  border-top: 1px solid #e6e6e6;
}
.newModals__withInput {
  margin: 0 24px;
}
.newModals__withInput > span {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
}
.newModals__input {
  margin: 36px 0;
}
.newModals__header {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.newModals__header span {
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 32px;
}
.newModals__header img {
  width: 20px;
  height: 20px;
}
.newModals__action {
  margin: 16px 0;
  height: 48px;
  transition: all 0.2s ease-in-out;
}
.rejectModal {
  margin: 20px 24px;
}
.rejectModal > span:first-child {
  font-weight: bold;
  font-size: 20px;
  line-height: 32px;
  display: block;
  margin-bottom: 10px;
}
.rejectModal span:nth-child(2) {
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
}
.rejectModal__action {
  margin: 16px 0;
  margin-top: 36px;
  display: flex;
  align-items: center;
}
.rejectModal__action button:first-child {
  margin-left: 8px;
}
.rejectModal__action button:last-child {
  margin-right: 8px;
}
.editCoupon {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.editCoupon__body {
  padding: 18px;
  display: flex;
  align-content: center;
  justify-content: space-between;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  box-shadow: 0px 1px 0px 0px #e6e6e6;
}
.editCoupon__body img {
  width: 18px;
  height: 18px;
}
.editCoupon__container {
  flex-grow: 1;
}
.coupon-product {
  background-color: #f8f9fb;
  height: 100%;
  padding-top: 6.5rem;
  display: flex;
  flex-direction: column;
}
.coupon-product h4 {
  font-weight: bold;
  font-style: normal;
  font-size: 0.95rem;
  margin: 1.33rem 0.44rem 0.83rem;
}
.coupon-product input {
  font-size: 14px;
  font-weight: normal;
}
.coupon-product__navbar {
  top: 0;
  width: 100%;
  height: 50px;
  z-index: 100;
  position: absolute;
  padding: 0.88rem;
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.coupon-product__navbar img,
.coupon-product__navbar svg,
.coupon-product__navbar div {
  width: 24px;
  height: 24px;
}
.coupon-product__navbar span {
  font-size: 0.77rem;
  font-weight: 500;
  color: rgba(19, 20, 31, 0.9);
}
.coupon-product__selectAll label {
  display: flex;
  margin: 12px 0;
  align-items: center;
  flex-wrap: nowrap;
  cursor: pointer;
  position: relative;
  justify-content: center;
}
.coupon-product__selectAll .SF-item-select__check-circle {
  width: 24px;
  height: 24px;
  border-radius: 0px !important;
}
.coupon-product__products {
  overflow: scroll;
  margin-bottom: auto;
}
.coupon-product__products span {
  font-weight: normal;
  font-size: 0.77rem;
  margin-right: 0.44rem;
  color: rgba(19, 20, 31, 0.9);
}
.coupon-product > :nth-child(n+2):nth-last-child(n+2) {
  margin-left: 0.5rem;
}
.coupon-product__action {
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1001;
  position: absolute;
  padding: 1.2rem;
  background-color: #fff;
  border-top: 1px solid #e6e6e6;
  transition: all 0.2s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-direction: row;
}
.coupon-product__action--hide {
  bottom: -90px;
  height: 0;
}
.coupon-product .SF-item-select--filter {
  border: unset;
  margin-bottom: unset;
  border-radius: unset;
  background-color: transparent;
}
.coupon-product .SF-item-select__check-circle,
.coupon-product .SF-item-select__check-square {
  width: 24px;
  height: 24px;
}
.coupon-product .SF-item-select--filter > div > div > span:first-child {
  width: 6px !important;
  top: 12px !important;
  left: 5px !important;
  -webkit-transform: rotateZ(55deg);
          transform: rotateZ(55deg);
}
.coupon-product .SF-item-select--filter > div > div > span:last-child {
  width: 10px !important;
  top: 11px !important;
  left: 8px !important;
  -webkit-transform: rotateZ(-45deg) !important;
          transform: rotateZ(-45deg) !important;
}
.coupon-product .SF-item-select__check {
  right: 10px;
}
.coupon-product .SF-item-select__label {
  margin-right: 40px;
}
.coupon-product .SP-loading {
  top: 114px;
  height: calc(100vh - 114px);
}
.coupon-product__tip {
  font-family: "IRANsans", "iransansbase";
  padding: 16px;
}
.coupon-product__tip span {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.coupon-product__tip button {
  margin-top: 30px;
  color: rgba(19, 20, 31, 0.9);
}
.coupon-product__input {
  top: 45px;
  margin: auto;
  z-index: 0;
  height: 64px;
  position: absolute;
  width: 5px;
  transition: all 0.3s linear;
}
.coupon-product__input input {
  outline: none;
  height: 44px;
  width: 100%;
  border-radius: 22px;
  transition: all 0.3s linear;
  border: 1px solid #e6e6e6;
  padding: 10px 16px 10px 12px;
  margin: 15px 25px 9px 23px;
}
.coupon-product__input img {
  width: 20px;
  top: 28px;
  opacity: 0;
  left: -10px;
  transition: all 1.3s linear;
  position: absolute;
}
.coupon-product__input--searching {
  width: calc(100vw - 50px);
  z-index: 6;
}
.coupon-product__input--searching input {
  opacity: 1;
}
.coupon-product__input--searching img {
  opacity: 1;
}
.coupon-product__input--searching > div:nth-child(2) {
  opacity: 0;
  transition: all 1s linear;
}
.coupon-product__search {
  top: 52px;
  z-index: 3;
  height: 60px;
  display: flex;
  opacity: 1;
  padding: 0 1rem;
  position: absolute;
  align-items: center;
  background-color: white;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
  transition: -webkit-transform 0.3s linear;
  transition: transform 0.3s linear;
  transition: transform 0.3s linear, -webkit-transform 0.3s linear;
}
.coupon-product__search img {
  width: 25px;
}
.coupon-product .vendor-menu {
  padding-right: 50px;
  top: 50px;
}
.coupon-product .vendor-menu--fixed {
  position: absolute !important;
}
.coupon-product__menu:before {
  content: " ";
  display: block;
  width: 100vw;
  height: 60px;
  background: #fff;
  position: absolute;
  top: 50px;
  right: 0;
  transition: all 0.3s linear;
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  max-width: var(--max-width-on-desktop);
}
.coupon-product__menu--searching:before {
  opacity: 1;
  visibility: visible;
  z-index: 5;
}
.coupon-product__menu--searching > div:nth-child(2) {
  transition: -webkit-transform 0.3s linear;
  transition: transform 0.3s linear;
  transition: transform 0.3s linear, -webkit-transform 0.3s linear;
  -webkit-transform: translateX(-40px);
          transform: translateX(-40px);
}
.coupon-card {
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0.88rem;
  margin-bottom: 0.66rem;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.coupon-card__info {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  margin-left: 0.88rem;
}
.coupon-card__subject {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  margin-bottom: 0.22rem;
}
.coupon-card__subject > span.label {
  font-size: 0.77rem;
  font-weight: 500;
  line-height: 20px;
  color: rgba(19, 20, 31, 0.9);
}
.coupon-card__description {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  margin-bottom: 0.22rem;
}
.coupon-card__description > span.label {
  font-size: 0.66rem;
  font-weight: 400;
  line-height: 16px;
  color: rgba(19, 20, 31, 0.9);
}
.coupon-card__date {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.coupon-card__date > span.label {
  font-size: 0.66rem;
  font-weight: 400;
  line-height: 16px;
  color: #a3a3a3;
}
.coupon-card__status {
  padding: 2px 4px;
  border-radius: 4px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.coupon-card__status > span.label {
  font-size: 0.66rem;
  font-weight: 400;
  line-height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.coupon-card__status--EXPIRED {
  color: rgba(19, 20, 31, 0.9);
  background-color: #f2f2f2;
  min-width: 54px;
}
.coupon-card__status--ONGOING {
  color: #fff;
  background-color: #00d170;
  min-width: 62px;
}
.coupon-card__status--SUBMITTED {
  color: #22a958;
  background-color: rgba(34, 169, 88, 0.06);
  min-width: 64px;
}
.coupon-card__badge {
  position: absolute;
  top: -0.4rem;
  right: -0.4rem;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #ff00a4;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.action-handler {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: calc(80px + var(--safe-bottom-padding));
  min-width: 320px;
  max-width: 480px;
  padding: 16px;
  z-index: 1000;
  background-color: white;
  font-family: "IRANsans", "iransansbase";
  overflow: auto;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: calc(16px + var(--safe-bottom-padding));
}
.action-handler__bordered {
  border-top: 1px solid #e6e6e6;
}
.action-handler__solo {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  width: 100%;
  height: 100%;
}
.action-handler__solo button {
  width: 100%;
  height: 100%;
}
.action-handler__couple {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-direction: row-reverse;
  width: 100%;
  height: 100%;
}
.action-handler__couple button {
  height: 100%;
}
.details-modal {
  display: flex;
  flex-direction: column;
  overflow: scroll;
  background-color: #fff;
  font-family: "IRANsans", "iransansbase";
}
@media screen and (max-width: 320px) {
  .details-modal {
    height: 470px;
  }
}
.details-modal__header {
  position: fixed;
  background-color: white;
  z-index: 1002;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  padding: 1.11rem 1.33rem;
}
.details-modal__header_title {
  font-size: 1.11rem;
  font-weight: bold;
  line-height: 32px;
  color: rgba(19, 20, 31, 0.9);
}
.details-modal__header_icon {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.details-modal__header_icon > svg {
  width: 24px;
  height: 24px;
}
.details-modal__descriptions {
  margin: 4.44rem 0.88rem 0.44rem;
  display: flex;
  flex-direction: column;
}
.details-modal__descriptions_notif {
  padding: 0.44rem 0.88rem;
  border-radius: 8px;
  margin-bottom: 0.44rem;
  background-color: rgba(255, 0, 164, 0.06);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.details-modal__descriptions_message {
  font-size: 0.66rem;
  font-weight: 400;
  line-height: 16px;
  color: #ff00a4;
}
.details-modal__descriptions_icon {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #ff00a4;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.details-modal__descriptions_frame {
  font-size: 0.66rem;
  font-weight: 400;
  line-height: 16px;
  border-radius: 8px;
  padding: 0.44rem 0.88rem;
}
.details-modal__descriptions--EXPIRED {
  color: rgba(19, 20, 31, 0.9);
  background-color: rgba(19, 20, 31, 0.04);
}
.details-modal__descriptions--ONGOING {
  color: #fff;
  background-color: #00d170;
}
.details-modal__descriptions--SUBMITTED {
  color: #22a958;
  background-color: rgba(34, 169, 88, 0.04);
}
.details-modal__container {
  padding: 0 1.33rem 0.88rem;
  margin-bottom: 4.44rem;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
}
.details-modal__seperator {
  width: 100%;
  border-bottom: 1px solid #e6e6e6;
}
.details-modal__condition {
  padding: 0.88rem 0 0.88rem 0.88rem;
  background-color: #fff;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
.details-modal__condition_title {
  font-size: 0.66rem;
  font-weight: 400;
  line-height: 16px;
  margin-bottom: 0.44rem;
  color: rgba(19, 20, 31, 0.9);
}
.details-modal__condition_subtitle {
  font-size: 0.77rem;
  font-weight: 500;
  line-height: 20px;
  color: rgba(19, 20, 31, 0.9);
}
.details-modal__subject {
  padding: 0.88rem 0 0.88rem 0.88rem;
  background-color: #fff;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
.details-modal__subject_title {
  font-size: 0.66rem;
  font-weight: 400;
  line-height: 16px;
  margin-bottom: 0.44rem;
  color: rgba(19, 20, 31, 0.9);
}
.details-modal__subject_subtitle {
  font-size: 0.77rem;
  font-weight: 500;
  line-height: 20px;
  color: rgba(19, 20, 31, 0.9);
}
.details-modal__date {
  padding: 0.88rem 0 0.88rem 0.88rem;
  background-color: #fff;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
.details-modal__date_title {
  font-size: 0.66rem;
  font-weight: 400;
  line-height: 16px;
  margin-bottom: 0.44rem;
  color: rgba(19, 20, 31, 0.9);
}
.details-modal__date_subtitle {
  font-size: 0.77rem;
  font-weight: 500;
  line-height: 20px;
  color: rgba(19, 20, 31, 0.9);
}
.extention-modal {
  height: 100%;
  background-color: #f8f9fb;
  font-family: "IRANsans", "iransansbase";
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.extention-modal__header {
  top: 0;
  width: 100%;
  height: 48px;
  position: absolute;
  z-index: 1000;
  padding: 0 1rem;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  border-bottom: 1px solid rgba(19, 20, 31, 0.1);
}
.extention-modal__header_close-btn {
  width: 12px;
  height: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.extention-modal__header_close-btn > svg {
  width: 12px;
  height: 12px;
}
.extention-modal__header_label {
  margin: 0;
  font-weight: 500;
  font-size: 0.77rem;
  line-height: 20px;
  color: rgba(19, 20, 31, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.extention-modal__body {
  width: 100%;
  height: 100%;
  padding: 4rem 0.88rem 0;
}
.extention-modal__body_content {
  width: 100%;
  padding: 0 0.88rem 0.33rem 0.88rem;
  border-radius: 16px;
  background-color: #fff;
  border: 1px solid #f2f2f2;
}
.extention-modal__desc {
  padding: 1.33rem 0;
  font-weight: 400;
  font-size: 0.77rem;
  line-height: 20px;
  color: rgba(19, 20, 31, 0.9);
  border-bottom: 1px solid #e6e6e6;
}
.extention-modal__calendar {
  padding: 1.11rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.extention-modal__calendar_labels {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
.extention-modal__calendar_title {
  font-weight: 500;
  font-size: 0.77rem;
  line-height: 20px;
  margin-bottom: 0.22rem;
  color: rgba(19, 20, 31, 0.9);
}
.extention-modal__calendar_subtitle {
  font-weight: 400;
  font-size: 0.66rem;
  line-height: 16px;
  color: #a3a3a3;
}
.extention-modal__calendar_active-sub {
  font-weight: 400;
  font-size: 0.66rem;
  line-height: 16px;
  color: #22a958;
}
.extention-modal__action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.extention-modal__action_label {
  font-weight: 500;
  font-size: 0.77rem;
  line-height: 20px;
  color: #22a958;
  margin-left: 0.33rem;
}
.extention-modal__action_icon {
  margin-left: 0.22rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.new-login {
  width: 100%;
  height: 100vh;
  display: block;
  position: relative;
  overflow: hidden;
  background-color: #fff;
  font-family: "IRANsans", "iransansbase";
}
.new-login__back-ground {
  position: relative;
  width: 100%;
  height: 100%;
}
.new-login__back-ground > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.new-login__back-ground_cover {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0.4;
}
.new-login__logo {
  position: absolute;
  top: 48px;
  left: 50%;
  margin-left: -71px;
}
.new-login__messages {
  position: absolute;
  top: 260px;
  right: 0;
  padding: 0 0.88rem;
  width: 100%;
}
.new-login__compliment {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  color: #000;
  margin: 0 0 0.88rem 0;
}
.new-login__promotion {
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
  color: #000;
  margin: 0;
}
.new-login__action-holder {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 80px;
  padding: 16px;
  min-width: 320px;
  max-width: 480px;
}
.wizard-card {
  margin: 27px 15px;
  padding: 0 15px 0;
  border-radius: 8px;
  background-color: #fff;
  border: 1px solid #e6e6e6;
}
.wizard-card__title {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  padding-bottom: 24px;
}
.upload-document__field:not(:last-child) {
  margin-bottom: 16px;
}
.example-docs {
  padding: 16px 0;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}
.example-docs .example-docs__notok,
.example-docs .example-docs__ok {
  flex: 1;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}
.example-docs__photo-container {
  margin-top: 5px;
  width: 100%;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.example-docs__notok__images, .example-docs__ok__images {
  width: 69px;
  height: 40px;
  margin: 2px;
  vertical-align: middle;
}
.example-docs__ok__images {
  border-radius: 3px;
  border: 1px solid #22a958;
}
.example-docs__ok .example-docs__title {
  color: #22a958;
}
.example-docs__notok {
  margin-top: 12px;
}
.example-docs__notok__images {
  border-radius: 4px;
  border: 1px solid #bd272d;
}
.example-docs__notok .example-docs__title {
  color: #bd272d;
}
.example-docs__title {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
.example-docs__title__indicator {
  width: 14px;
  height: 14px;
  border-radius: unset;
  border: unset;
  margin: 2px;
  vertical-align: middle;
}
.delivery-guide-modal {
  color: #404040;
}
.delivery-guide-modal__content {
  margin-bottom: 18px;
}
.delivery-guide-modal .content__title {
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  margin: 0;
  margin-bottom: 8px;
}
.delivery-guide-modal .content__body {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.delivery-guide-modal .content__features {
  font-size: 14px;
  line-height: 20px;
  list-style: none;
  margin: 10px 0;
  padding: 0;
}
.delivery-guide-modal .content__features__item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  margin-bottom: 10px;
}
.delivery-guide-modal .content__features__item span {
  margin-right: 10px;
}
.delivery-guide-modal .content__features__item svg {
  min-width: 24px;
}
.delivery-guide-modal__action {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.delivery-guide-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  height: 48px;
  margin-left: 12px;
}
.delivery-guide-toggle .delivery-guide-toggle__button {
  align-items: center;
  width: 62px;
}
.delivery-guide-toggle .delivery-guide-toggle__button > p {
  font-size: 14px;
}
.delivery-guide-toggle .delivery-guide-toggle__button-icon {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  flex-direction: row;
  background-color: transparent;
  margin-left: 0.3rem;
}
.delivery-guide-toggle .delivery-guide-toggle__button-icon svg {
  background-color: inherit;
  width: 18px;
  height: 18px;
}
.delivery-own__price-modal .delivery-own__price-modal__header {
  padding: 20px 16px;
}
.delivery-own__price-modal .delivery-own__price-modal__sub-title {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  margin-top: 4px;
}
.delivery-own__price-modal__acivatate {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}
.delivery-own__price-modal__acivatate__container {
  padding: 14px 0;
  margin-bottom: 16px;
}
.delivery-own__price-modal .textframe--helper-text.textframe--helper-text {
  position: absolute;
  right: 0;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding-right: 0;
}
.delivery-close-modal {
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}
.delivery-close-modal__action.delivery-close-modal__action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  height: 140px;
}
.delivery-close-modal__action.delivery-close-modal__action button p {
  font-size: 17px;
  font-weight: 700;
  line-height: 24px;
}
.delivery-confirm-modal {
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}
.delivery-confirm-modal__action button + button {
  margin-right: 12px;
}
.authentication {
  width: 100%;
  height: 100vh;
  display: block;
  position: relative;
  overflow: hidden;
  font-family: "IRANsans", "iransansbase";
}
.authentication__body {
  width: 100%;
  height: 100%;
  padding: 1.33rem 0.88rem 0;
  background-color: #f8f9fb;
}
.authentication__body > p {
  margin: 0 0 24px 0;
  font-size: 0.77rem;
  font-weight: 400;
  line-height: 20px;
  color: rgba(19, 20, 31, 0.9);
}
.navbar-otp {
  top: 0px;
  right: 50%;
  height: 104px;
  max-width: 480px;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  border-bottom: 1px solid rgba(19, 20, 31, 0.1);
  transition: all 0.3s ease-in-out;
  position: relative;
  z-index: 1000;
  width: 100%;
  padding: 0.88rem 1rem 0.66rem;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.navbar-otp__container {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
}
.navbar-otp__burger-button {
  width: 21px;
  height: 21px;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.navbar-otp__burger-button > svg {
  width: 21px;
  height: 21px;
}
.navbar-otp__label {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.navbar-otp__label > span {
  font-weight: 700;
  font-size: 1.22rem;
  line-height: 32px;
  color: rgba(19, 20, 31, 0.9);
}
.product-variation-item {
  background: white;
  border-radius: 8px;
  padding: 10px;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
  margin-bottom: 15px;
  direction: rtl;
  min-height: 115px;
  font-family: "IRANsans";
  font-size: 14px;
}
.product-variation-item__header {
  display: flex;
}
.product-variation-item__img-container {
  width: 48px;
  height: 48px;
  position: relative;
}
.product-variation-item__img-container img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.product-variation-item__img-status-icon {
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 2px;
  left: 2px;
  background-color: white;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15), 0px 0px 1px 0px rgba(0, 0, 0, 0.26);
  border-radius: 50%;
}
.product-variation-item__upload-img-btn {
  padding: 10px 0;
  border-style: dashed;
}
.product-variation-item__title {
  justify-content: center;
  align-self: center;
  margin-right: 15px;
}
.product-variation-item__variation-list {
  display: flex;
  flex-wrap: wrap;
  padding-top: 15px;
}
.variation-item-row {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 15px;
}
.variation-item-row.hidden {
  display: none;
}
.variation-item__status {
  display: flex;
}
.variation-item__status__text {
  justify-content: center;
  align-self: center;
  margin-right: 10px;
}
.variation-item__status,
.variation-item__price {
  flex-basis: 0;
  flex-grow: 3;
  max-width: 100%;
}
.variation-item__price {
  text-align: left;
  justify-content: center;
  align-self: center;
  flex-grow: 1;
}
.variation-item__more {
  text-align: center;
  font-weight: 500;
  color: #22a958;
  width: 100%;
  border: none;
  background: transparent;
  outline: none;
}
.variation-item__more span.show-more-variation-span svg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.variation-item__more span svg {
  top: 4px;
  position: relative;
  margin-right: 5px;
}
.variation-item__more + button {
  margin-top: 15px;
}
.in-review-variation {
  background: #f2faf5;
  color: #22a958;
  border-radius: 5px;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 500;
}
.old-price-span {
  font-weight: 400;
  color: #a3a3a3;
  text-decoration: line-through;
}
.new-value-variation {
  color: #404040;
}
.new-value-variation svg {
  margin-left: 8px;
  margin-right: 8px;
}
.edit-variation-pending-badge {
  color: #404040;
  background: #ececec;
  font-size: 12px;
  padding: 4px 5px;
  border-radius: 5px;
}
.topping-card .skeleton, .topping-modal-card .skeleton {
  background: #e2e2e2;
  border-radius: 4px;
}
.topping-card .skeleton__line, .topping-modal-card .skeleton__line {
  height: 15px;
}
.topping-card .skeleton__line--small, .topping-modal-card .skeleton__line--small {
  width: 40px;
}
.topping-card .skeleton__line--medium, .topping-modal-card .skeleton__line--medium {
  width: 70px;
}
.topping-card .skeleton__line--large, .topping-modal-card .skeleton__line--large {
  width: 140px;
}
.topping-card .skeleton__icon, .topping-modal-card .skeleton__icon {
  width: 32px;
  height: 32px;
}
.topping-modal {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.topping-modal ul {
  list-style: none;
}
.topping-modal__wrap {
  height: 100%;
}
.topping-modal__body {
  height: 100%;
}
.topping-modal__header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  padding: 0 26px;
  box-shadow: 0 1px 0 0 rgba(64, 64, 64, 0.1);
}
.topping-modal__label {
  font-size: 14px;
  line-height: 20px;
  color: #404040;
}
.topping-modal__close {
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.topping-modal__content {
  padding: 24px 16px 100px;
  overflow: scroll;
}
.topping-modal__desciption {
  font-size: 14px;
  line-height: 20px;
  color: #404040;
  text-align: justify;
  margin: 0;
}
.topping-modal__action {
  width: 100%;
  height: 80px;
  padding: 16px;
  box-shadow: inset 0 1px 0 #e6e6e6;
  margin-top: auto;
  flex-shrink: 0;
}
.topping-modal__action button {
  width: 100%;
  height: 100%;
}
.topping-modal__cards {
  margin: 0 -16px;
  padding: 0;
}
.topping-modal__cards > li {
  border-bottom: 1px solid #f2f2f2;
}
.topping-modal__add {
  justify-content: flex-start;
  color: #ff00a4;
  border: none;
  font-weight: 500;
  width: 100%;
  height: 48px;
  margin-right: -4px;
}
.topping-modal__add-icon {
  width: 34px;
  height: 34px;
  margin-left: 10px;
}
.topping-modal__add-icon svg {
  width: 100%;
  height: 100%;
}
.topping-modal__fetch-again {
  margin: 50px 0;
}
.topping-modal__fetch-again p {
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}
.topping-modal-card {
  min-height: 70px;
  padding: 16px;
}
.topping-modal-card svg,
.topping-modal-card button {
  flex-shrink: 0;
}
.topping-modal-card__header {
  display: flex;
  align-items: center;
}
.topping-modal-card__header-content {
  display: flex;
  align-items: center;
  flex-basis: 100%;
}
.topping-modal-card__header-content-wrap {
  padding-right: 16px;
}
.topping-modal-card__title {
  font-size: 12px;
  font-weight: 400;
  margin: 0;
}
.topping-modal-card__title span {
  font-size: 14px;
  font-weight: 500;
}
.topping-modal-card__toppings-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
}
.topping-modal-card__topping-title {
  font-size: 12px;
  white-space: normal;
  margin-top: 5px;
}
.topping-modal-card__topping-title:not(:last-child) {
  margin-left: 5px;
}
.topping-modal-card__toppings-status {
  padding: 0;
  margin: 0;
}
.topping-modal-card__toppings-status li {
  min-height: 48px;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.topping-modal-card__review-badge {
  font-size: 12px;
  padding: 4px 6px;
  background: #f2f2f2;
  border-radius: 4px;
}
.topping-modal-card__edit {
  margin-right: auto;
  border: none;
  background: transparent;
  width: 40px;
  height: 40px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.topping-modal-card__chevron {
  transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  flex-shrink: 0;
}
.topping-modal-card__chevron.open {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.topping-card ul {
  list-style: none;
}
.topping-card__header {
  display: flex;
  align-items: center;
}
.topping-card__title {
  font-size: 17px;
  margin: 0;
}
.topping-card__action {
  margin-right: auto;
  float: initial;
  width: initial;
}
.topping-card__items {
  padding: 0;
  margin: 0;
}
.topping-card__item {
  display: flex;
  align-items: center;
  min-height: 80px;
  padding: 10px 0;
}
.topping-card__item:not(:last-child) {
  border-bottom: 1px solid #f2f2f2;
}
.topping-card__toppings {
  flex: 1;
}
.topping-card__topping-group-title {
  font-size: 14px;
  color: #404040;
  font-weight: 500;
}
.topping-card__topping-group {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
.topping-card__topping-title {
  font-size: 12px;
  color: #a3a3a3;
  white-space: normal;
  margin-top: 5px;
}
.topping-card__topping-title:not(:last-child) {
  margin-left: 5px;
}
.topping-card__topping-values {
  font-size: 14px;
  color: #a3a3a3;
  font-weight: 300;
}
.topping-modal-form__content {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 24px 16px;
}
.topping-modal-form__content > * {
  flex-shrink: 0;
}
.topping-modal-form__help-button {
  display: flex;
  align-items: center;
  border: none;
  background: transparent;
  font-size: 14px;
  font-weight: 500;
  padding: 0;
  color: #22a958;
}
.topping-modal-form__help-button svg {
  margin-left: 8px;
}
.topping-modal-form__remove {
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.topping-modal-form__add {
  color: #ff00a4;
  font-weight: 500;
  width: 100%;
  height: 48px;
}
.topping-modal-form__add-icon {
  width: 24px;
  height: 24px;
  margin-left: 4px;
}
.topping-modal-form__add-icon svg {
  width: 100%;
  height: 100%;
}
.topping-modal-form__fields {
  padding: 0 12px 12px;
}
.topping-modal-form__field-wrapper {
  border-radius: 4px;
  border: 1px solid rgba(64, 64, 64, 0.1);
  flex-basis: 100%;
  transition: border-color 0.15s;
}
.topping-modal-form__field-wrap:not(:last-child) {
  margin-bottom: 16px;
}
.topping-modal-form__field-header {
  display: flex;
  align-items: center;
  padding: 18px 16px;
}
.topping-modal-form__field-header.has-delete {
  padding: 12px 16px;
}
.topping-modal-form__field-info {
  flex-basis: 100%;
  padding-right: 16px;
}
.topping-modal-form__field-title, .topping-modal-form__field-price {
  margin: 0;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
.topping-modal-form__field-price {
  margin-top: 4px;
}
.topping-modal-form__field-price var {
  display: inline-block;
  margin-left: 4px;
}
.topping-modal-form__field {
  margin: 0;
}
.topping-modal-form__field--topping-group {
  margin-bottom: 16px;
}
.topping-modal-form__form {
  padding: 20px 0 18px 0;
}
.topping-modal-form__form ul {
  margin: 0;
  padding: 0;
}
.topping-modal-form__form li {
  display: flex;
  align-items: center;
}
.topping-modal-form__form li:not(:last-child) {
  margin-bottom: 18px;
}
.topping-modal-form-limit {
  padding-top: 30px;
}
.topping-modal-form-limit__title {
  margin: 0;
  margin-bottom: 6px;
}
.topping-modal-form-limit__desc {
  font-size: 12px;
  line-height: 20px;
  font-weight: 500;
  margin: 0;
  text-align: justify;
}
.topping-modal-form-limit__cells {
  margin: 8px 0 0 0;
  padding: 0;
}
.topping-modal-form-limit__cell {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 64px;
}
.topping-modal-form-limit__cell:not(:last-child) {
  border-bottom: 1px solid #f2f2f2;
}
.topping-modal-form-limit__cell span {
  font-size: 14px;
  font-weight: 500;
}
.topping-modal-form-limit__counter {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.topping-modal-form-limit__counter > * {
  flex-shrink: 0;
}
.topping-modal-form-limit__counter var {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  min-height: 24px;
  font-size: 17px;
  font-weight: bold;
  font-style: normal;
}
.topping-modal-form-limit__counter-btn {
  width: 32px;
  height: 32px;
  min-width: auto !important;
}
.topping-modal-form-limit__counter-btn--minus:active {
  background: #e6e6e6;
  border: 1px solid #404040;
}
.topping-modal-form-limit__counter-icon {
  margin: 0;
  width: 24px;
  height: 24px;
}
.topping-modal-form-limit__counter-icon svg {
  width: 100%;
  height: 100%;
}
.topping-modal-help__content {
  padding: 0 24px 100px 24px;
}
.topping-modal-help__description {
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  margin: 0 0 16px 0;
  text-align: justify;
}
.topping-modal-help__image {
  max-width: 250px;
  min-height: 300px;
  margin: 0 auto;
}
.topping-modal-help__image img {
  border-radius: 8px;
  border: 1px solid #e6e6e6;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  width: auto;
  height: auto;
}
.topping-modal-help__action button {
  border: 1px solid #404040;
  background: #fff;
}
.topping-modal-help__action button p {
  color: #404040;
}
.topping-modal-help__body {
  max-height: 100%;
  display: flex;
  flex-direction: column;
}
.topping-edit-confirmation {
  padding: 0 16px 16px 16px;
}
.topping-edit-confirmation__desc {
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  margin: 0 0 16px 0;
  text-align: justify;
}
.topping-edit-confirmation__actions {
  display: flex;
  align-items: center;
}
.topping-edit-confirmation__actions button {
  flex-basis: 50%;
  height: 48px;
}
.topping-edit-confirmation__actions button p {
  font-size: 17px;
}
.topping-edit-confirmation__actions button:not(:last-child) {
  margin-left: 16px;
}
.notice-board {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  font-family: IRANsans;
  padding: 12px 16px;
  background-color: rgba(250, 203, 15, 0.1);
  box-shadow: 0px 1px 0px rgba(58, 61, 66, 0.06), 0px 2px 8px -2px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  color: #9e6900;
  font-size: 14px;
  text-align: center;
}
.notice-board > div {
  margin-bottom: 4px;
}
.notice-board__title {
  font-weight: bold;
  line-height: 20px;
}
.notice-board__text {
  line-height: 16px;
}
.notice-board__link {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row;
  padding: 10px 0;
  color: #22a958;
  font-weight: bold;
  background-color: transparent;
}
.notice-board__link svg {
  margin-right: 5px;
  background-color: inherit;
}
.notice-board__link-internal div {
  background-color: inherit;
}
.top-sheet-modal {
  position: fixed;
  top: 48px;
  left: 0;
  right: 0;
  bottom: 0px;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  height: calc(100vh - 48px);
  z-index: 1002;
  pointer-events: none;
  background-color: transparent;
}
.top-sheet-modal.active {
  pointer-events: all;
}
.top-sheet-modal__wrapper {
  width: 100%;
  max-width: 480px;
  top: 0;
  border-radius: 0 0 8px 8px;
  z-index: 100000000000;
  background: #fff;
  max-height: calc(100vh - 48px - 80px);
  position: absolute;
  transition: all 0.7s ease-in-out;
}
.top-sheet-modal__body {
  width: calc(100% - 16px);
  margin: auto;
  height: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.top-sheet-modal__back-drop {
  position: absolute;
  z-index: -1;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  transition: all 1s ease-in-out;
}
.top-sheet-modal__back-drop.visible {
  background-color: rgba(0, 0, 0, 0.6);
}
@media (min-width: 1018px) {
  .top-sheet-modal__back-drop {
    width: calc(100% - var(--medium-sidebar-offset));
  }
}
@media (min-width: 1440px) {
  .top-sheet-modal__back-drop {
    width: calc(100% - var(--large-sidebar-offset));
  }
}
@media (min-width: 1018px) {
  .top-sheet-modal {
    -webkit-transform: translateX(calc(var(--medium-sidebar-offset) / 2 * -1));
            transform: translateX(calc(var(--medium-sidebar-offset) / 2 * -1));
  }
}
@media (min-width: 1440px) {
  .top-sheet-modal {
    -webkit-transform: translateX(calc(var(--large-sidebar-offset) / 2 * -1));
            transform: translateX(calc(var(--large-sidebar-offset) / 2 * -1));
  }
}
.iframe-wrapper {
  position: fixed;
  bottom: var(--footer-height);
  max-width: inherit;
  margin: auto;
  top: 0;
  right: 0;
  left: 0;
}
.iframe-wrapper--no-navigation {
  bottom: 0;
}
.iframe-wrapper iframe {
  height: 100%;
  width: 100%;
  outline: none;
  border: none;
}
.app-frame {
  --footer-height: 0px;
}
@media (min-width: 1018px) and (max-width: 1440px) {
  .iframe-wrapper {
    width: calc(100% - var(--medium-sidebar-offset));
    margin-right: var(--medium-sidebar-offset);
    max-width: unset;
    bottom: 0;
  }
  .iframe-wrapper--no-navigation {
    margin-right: 0;
    width: 100%;
  }
}
@media (min-width: 1440px) {
  .iframe-wrapper {
    width: calc(100% - var(--large-sidebar-offset));
    margin-right: var(--large-sidebar-offset);
    max-width: unset;
    bottom: 0;
  }
  .iframe-wrapper--no-navigation {
    margin-right: 0;
    width: 100%;
  }
}
.edit-variation-content {
  font-size: 14px;
  color: #404040;
  padding: 0 20px;
  line-height: 24px;
  /* height: 100%; */
  padding-bottom: 30px;
  padding-top: 6px;
  height: calc(100vh - 110px);
  overflow: scroll;
  padding-bottom: 150px;
}
.edit-variation-box {
  background: white;
  border-radius: 10px;
  border: 1px solid #e6e6e6;
  margin-bottom: 10px;
  padding: 15px;
}
.edit-variation-box__header {
  font-weight: bold;
}
.edit-variation-box__header h2 {
  padding: 0;
  margin: 0;
  font-size: 14px;
  display: inline-block;
}
.edit-variation-top {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.edit-menu__actions-variations {
  background: white;
  width: 100%;
  bottom: 0;
  z-index: 10;
}
.delete-variation {
  float: left;
  border: none;
  background: transparent;
}
.go-to-variation {
  color: #22a958;
}
.go-to-variation svg {
  margin-right: 5px;
}
.have-variation-alert {
  font-size: 12px;
  color: #a3a3a3;
  line-height: 25px;
}
.display-block {
  display: block !important;
}
.variation-container {
  position: relative;
}
.product-image-status-card {
  padding: 12px;
  margin: 16px;
  border-radius: 8px;
}
.product-image-status-card.status-not_reviewed {
  background-color: rgba(64, 64, 64, 0.04);
}
.product-image-status-card.status-rejected {
  background-color: rgba(189, 39, 45, 0.04);
}
.product-image-status-card.status-empty {
  background-color: rgba(34, 169, 88, 0.06);
}
.product-image-status-card__title {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #404040;
  margin: 0 0 6px;
}
.status-rejected .product-image-status-card__title {
  color: #bd272d;
}
.product-image-status-card__title svg {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-left: 5px;
  vertical-align: middle;
}
.product-image-status-card__description {
  font-size: 12px;
  line-height: 16px;
  margin: 0;
}
.status-empty .product-image-status-card__description {
  color: #a3a3a3;
}
.status-rejected .product-image-status-card__description {
  color: #bd272d;
}
.product-image-status-card__action {
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #22a958;
  margin: 10px 0 0;
}
.product-image-status-card__action svg {
  width: 16px;
  height: 16px;
  vertical-align: middle;
}
.image-status {
  background: #f2f2f2;
  border-radius: 4px;
  font-size: 12px;
  padding: 4px 5px 4px 8px;
  line-height: 16px;
}
.image-status svg {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-left: 5px;
  vertical-align: middle;
}
.product-image-empty {
  position: relative;
  height: 210px;
}
.product-image-empty img {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 5;
}
.product-image-empty button {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  min-width: 160px;
  height: 40px;
  border-radius: 6px;
  padding: 0 16px;
  z-index: 10;
}
.product-image-empty button p {
  font-size: 14px;
  font-weight: 500;
}
.custom-calendar {
  border-radius: unset !important;
  box-shadow: unset !important;
  width: 100% !important;
  height: -webkit-fit-content !important;
  height: -moz-fit-content !important;
  height: fit-content !important;
  min-height: 481px !important;
  display: flex !important;
  justify-content: space-between !important;
  font-family: "IRANsans", "iransansbase" !important;
  padding: 16px 16px 80px !important;
  flex-direction: column;
}
.custom-calendar .rmdp-top-class {
  width: 100%;
  justify-content: center;
}
.custom-calendar .rmdp-calendar {
  width: 100%;
  padding: 0 !important;
}
.custom-calendar .rmdp-header {
  margin-top: 0 !important;
}
.custom-calendar .rmdp-header-values {
  color: #404040 !important;
  font-size: 16px !important;
}
.custom-calendar .rmdp-week {
  justify-content: center !important;
  margin-bottom: 5px !important;
}
.custom-calendar .rmdp-week-day {
  color: #a3a3a3 !important;
  font-size: 14px !important;
}
.custom-calendar .rmdp-day-picker {
  justify-content: center;
  padding: 0 !important;
}
.custom-calendar .rmdp-day-picker > div {
  width: 100%;
}
.custom-calendar .rmdp-day {
  color: #404040 !important;
  font-size: 14px !important;
}
.custom-calendar .rmdp-range {
  background-color: #cdecd9 !important;
  color: #404040 !important;
  box-shadow: unset !important;
}
.custom-calendar .start,
.custom-calendar .end {
  background-color: #00d170 !important;
  color: #fff !important;
}
.custom-calendar .rmdp-today span {
  background-color: unset !important;
  color: unset !important;
  box-shadow: unset !important;
}
.custom-calendar .rmdp-selected span {
  background-color: #00d170 !important;
  box-shadow: unset !important;
  border: unset !important;
  color: #fff !important;
}
.custom-calendar .rmdp-disabled {
  color: #a3a3a3 !important;
}
.custom-calendar .rmdp-today:not(.rmdp-range):not(.rmdp-selected) span {
  border: 1px solid #a3a3a3 !important;
}
.custom-calendar .rmdp-day:not(.rmdp-disabled):not(.rmdp-day-hidden) span:hover {
  background-color: unset !important;
  color: unset !important;
}
.custom-calendar .rmdp-arrow-container:hover {
  background-color: unset !important;
  box-shadow: unset !important;
}
.custom-calendar .rmdp-arrow-container.disabled {
  display: none !important;
}
.custom-calendar .rmdp-arrow {
  border-color: #404040 !important;
  width: 10px !important;
  height: 10px !important;
}
@media (max-height: 450px), (max-width: 450px) {
  .custom-calendar .rmdp-day,
  .custom-calendar .rmdp-week-day {
    height: 34px !important;
    width: 34px !important;
  }
  .custom-calendar .rmdp-day span {
    font-size: 14px !important;
  }
}
.custom-calendar__action-handler {
  min-width: none !important;
  max-width: none !important;
}
.calendar-labels {
  direction: rtl;
  margin: 18px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.calendar-box {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}
.calendar-box__title {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 4px;
  color: #a3a3a3;
}
.calendar-box__subtitle {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #a3a3a3;
}
.calendar-box__subtitle--hasValue {
  color: #22a958;
}
.calendar-modal .modal__header {
  padding: 0 16px 0 21px;
}
.calendar-modal .modal__header-label {
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
}
.feature-presenting__modal {
  margin: 24px 24px 16px;
  font-size: 15px;
  font-weight: normal;
  line-height: 22px;
  font-family: "IRANsans";
}
.feature-presenting__modal__retry-container {
  height: calc(100vh - 50px - 24px - 48px);
}
.feature-presenting__modal__action-handler {
  position: relative !important;
}
.navigation-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  align-content: space-between;
  flex-wrap: nowrap;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 16px 12px;
  font-family: "IRANsans";
}
.navigation-card__left-content {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row;
}
.navigation-card__right-content {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.navigation-card__icon {
  margin-left: 12px;
  fill: #404040;
}
.navigation-card__icon svg {
  vertical-align: middle;
}
.navigation-card__text__title {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
}
.navigation-card__text__description {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  margin-top: 4px;
}
.navigation-card__badge {
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  background-color: #ff00a4;
  color: #fff;
  border-radius: 48px;
  padding: 0px 4px;
  font-weight: bold;
  border: 2px solid #fff;
}
.navigation-card__badge--red_ff {
  background-color: #ff4232;
}
.navigation-card__arrow {
  fill: #a3a3a3;
}
.navigation-card__arrow svg {
  vertical-align: middle;
}
.redirect-to-express {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 90%;
  text-align: center;
  font-size: 14px;
  line-height: 23px;
}
.redirect-to-express h4 {
  font-size: 17px;
  padding: 0;
  margin: 0;
}
.redirect-to-express img {
  width: 100%;
  display: block;
  margin-bottom: 39px;
}
.redirect-to-express__wrapper {
  position: relative;
}
.redirect-to-express-btn {
  background-color: #ff661f;
  margin-top: 40px;
}
.redirect-to-express-btn:active {
  background-color: rgb(235, 74.4866071429, 0);
}
.photo-guide {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.photo-guide__carosel {
  height: 100px;
  width: 100%;
  overflow-x: scroll;
  direction: ltr;
  flex-wrap: nowrap;
  display: flex;
}
.photo-guide__carosel > * {
  display: inline-block;
  flex: 0 0 100px;
}
.photo-guide__header {
  padding: 18px 24px;
  text-align: left;
}
.photo-guide__skip, .photo-guide__previous {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  background: none;
  border: none;
}
.photo-guide__content-title {
  margin: 0 0 24px 0;
  text-align: center;
}
.photo-guide__content-title__title {
  padding: 0;
  margin: 0;
  font-size: 22px;
  line-height: 32px;
  font-weight: 700;
}
.photo-guide__content-title__description {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  margin: 4px 0;
}
.photo-guide .slide-page {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.photo-guide__content {
  padding: 0 24px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.photo-guide .wrapper-with-progressbar {
  flex: 1 1;
}
.photo-guide .wrapper-with-progressbar .wrapper-with-progressbar-content {
  height: 100%;
}
.photo-guide .wrapper-with-progressbar .wrapper-with-progressbar-content > div {
  height: 100%;
}
.photo-guide .bottom-btn {
  display: block;
  background: #ff00a4;
  color: white;
  border-radius: 100px;
  padding: 20px;
  font-size: 16px;
  border: none;
  width: 190px;
  font-weight: 500;
  padding: 12px;
  margin: 46px 0;
}
.photo-guide .footer-btn {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
}
.photo-guide__notes__list {
  font-size: 12px;
  list-style: none;
  padding: 0;
  line-height: 20px;
  margin: 12px 5px 16px 0;
}
.photo-guide__notes__list__item {
  position: relative;
  padding-right: 21px;
}
.photo-guide__notes__list__item svg {
  width: 16px;
  height: 16px;
  float: right;
  margin-left: 5px;
  vertical-align: middle;
  position: absolute;
  right: 0;
  top: 0;
}
.photo-guide__notes__list__item__text {
  margin: 0;
}
.photo-guide__notes__list__item + .photo-guide__notes__list__item {
  margin-top: 8px;
}
.photo-guide-scroll .slick-arrow {
  display: none !important;
}
.full-screen-modal {
  max-width: 480px;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 0;
  z-index: 100000;
}
.full-screen-modal .full-screen-image {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: black;
}
.full-screen-modal .full-screen-image__image {
  display: block;
  width: 100%;
}
.full-screen-modal .close-btn {
  border-radius: 6px;
  width: 32px;
  height: 32px;
  text-align: center;
  border: unset;
  background: rgba(64, 64, 64, 0.4);
  position: absolute;
  top: 10px;
  right: 12px;
}
.full-screen-modal .close-btn svg {
  vertical-align: middle;
}
.guid-page {
  background-color: #f8f9fb;
}
.guid-page .react-swipeable-view-container {
  direction: rtl !important;
}
.guid-page .photo-guide__content {
  padding: 12px 16px;
}
.photo-guide-card {
  margin: 0;
  color: #404040;
  background: white;
  border: 1px solid #f2f2f2;
  border-radius: 8px;
  margin-bottom: 12px;
  padding: 10px 0;
}
.photo-guide-card.photo-guide-card__dark {
  background: #f8f8f8;
  border: unset;
}
.photo-guide-card__small .photo-guide-card__title__text {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  font-weight: bold;
}
.photo-guide-card__title {
  padding-right: 12px;
}
.photo-guide-card__title__text {
  font-size: 17px;
  line-height: 24px;
  font-weight: 700;
  margin: 5px;
}
.photo-guide-card__title svg {
  width: 24px;
  height: 24px;
  vertical-align: middle;
  margin-left: 8px;
}
.photo-guide-card__body {
  padding: 0 12px;
}
.photo-guide-item {
  padding: 4px;
  position: relative;
  width: 100px;
  height: 100px;
}
.photo-guide-item__image {
  border-radius: 8px;
  display: block;
  width: 100%;
}
.photo-guide-item:after {
  content: "";
  background-image: url("images/icons/eye_open.svg");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  width: 32px;
  height: 32px;
  left: 8px;
  bottom: 8px;
  background-color: rgba(64, 64, 64, 0.4);
  border-radius: 6px;
}
.phg-text-bold {
  font-weight: bold;
}
.digital-contract__container {
  padding-bottom: 0 !important;
}
.digital-contract__text .number-with-dash {
  display: inline-block;
}
.digital-contract__text mark {
  color: inherit;
  background-color: transparent;
}
.digital-contract__wrapper {
  font-size: 14px;
  color: #404040;
  line-height: 20px;
  overflow: scroll;
  height: 100%;
}
.digital-contract__wrapper .contract-top-card--lead {
  margin-top: 16px;
}
.digital-contract__wrapper .contract-top-card {
  padding: 8px 16px;
  background: rgba(0, 31, 187, 0.039);
  border-radius: 8px;
  margin-top: 16px;
}
.digital-contract__wrapper .contract-card {
  padding: 24px 16px;
  border: 1px solid #f2f2f2;
  box-sizing: border-box;
  border-radius: 8px;
  margin: 16px 0;
  background: #fff;
}
.digital-contract__wrapper .contract-card--lead {
  padding: 0 16px 16px 16px;
}
.digital-contract__wrapper .contract-card--lead h3 {
  margin-top: 24px;
}
.digital-contract__wrapper .contract-card .contract-green-card {
  padding: 8px 16px;
  background: rgba(0, 209, 112, 0.06);
  border-radius: 8px;
  color: #00d170;
}
.digital-contract__wrapper .contract-card > p {
  margin: 1em 0;
}
.digital-contract__confirm-checkbox--error .SF-item-select__label {
  color: #bd272d;
}
.digital-contract__confirm-checkbox .SF-item-select--filter {
  border: none;
}
.digital-contract__confirm-checkbox .SF-item-select--filter .SF-item-select__check {
  right: 0;
  left: auto;
  padding: 0;
  width: unset;
}
.digital-contract__confirm-checkbox .SF-item-select--filter .SF-item-select__label {
  margin-right: 30px;
}
.digital-contract__confirm-checkbox .SF-item-select {
  padding: 0;
}
.digital-contract__footer {
  height: unset !important;
  padding: 16px;
  background-color: white;
  box-shadow: 0px -1px 0px rgba(58, 61, 66, 0.06), 0px -2px 8px -2px rgba(0, 0, 0, 0.05);
}
.digital-contract__otp-warning--lead {
  background-color: rgba(34, 169, 88, 0.06);
  border: none;
}
.digital-contract__otp-warning--lead .alert-card__title {
  display: flex;
  align-items: flex-start;
}
.digital-contract__otp-warning--lead .alert-card__title span {
  margin-right: 8px;
  color: #22a958;
  font-weight: normal;
}
.digital-contract__otp-warning--lead .alert-card__title svg {
  width: 13.3px;
}
.digital-contract__otp-warning--lead .alert-card__title svg path {
  fill: #22a958;
}
.digital-contract__otp-warning .alert-card__title svg path {
  fill: #facb0f;
}
.digital-contract__otp-wrapper {
  padding: 0 21px 20px;
  font-size: 14px;
  color: #404040;
  line-height: 21px;
}
.digital-contract__otp-wrapper .login-otp__message {
  margin-bottom: 30px;
}
.digital-contract__otp-wrapper .login-otp__header_message {
  display: none;
}
.digital-contract__otp-wrapper .multiInput {
  display: flex;
  direction: ltr;
  width: 100%;
  margin: 1rem auto 0;
}
.digital-contract__otp-wrapper .multiInput input {
  border: none;
  border-bottom: 1px solid #d7d7d7;
  min-width: 0;
  margin: 5px;
  flex: 1;
  text-align: center;
  font: 2rem "IRANSans";
  color: #404040;
  padding: 0;
  border-radius: 0;
  background-color: white;
}
.digital-contract__otp-wrapper .multiInput input:focus {
  outline: none !important;
  border-bottom-color: #404040;
}
.digital-contract__otp-wrapper .multiInput.has-error input {
  border-bottom-color: #bd272d;
}
.digital-contract__otp-text {
  margin-bottom: 28px;
}
.digital-contract__multi-input {
  display: flex;
  direction: ltr;
  width: 100%;
  margin: 1rem auto 0;
}
.digital-contract__multi-input input {
  border: none;
  border-bottom: 1px solid #d7d7d7;
  min-width: 0;
  margin: 5px;
  flex: 1;
  text-align: center;
  font: 2rem "IRANSans";
  color: #404040;
  padding: 0;
  border-radius: 0;
  background-color: white;
}
.digital-contract__multi-input input:focus {
  outline: none !important;
  border-bottom-color: #404040;
}
.digital-contract__multi-input.has-error input {
  border-bottom-color: #bd272d;
}
.sign-contract-button.SF-button--disabled .SF-button__label {
  color: #a3a3a3;
}
.bottom-sheet {
  max-width: 480px;
  margin: 0 auto;
}
.bottom-sheet.with-keyboard {
  transition: 0.1s;
}
.bottom-sheet__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  padding: 16px;
}
.bottom-sheet__header-title {
  font-size: 20px;
  line-height: 32px;
  font-weight: bold;
  color: #404040;
}
.bottom-sheet__header-icon {
  flex: none;
  border: none;
  background: transparent;
  padding: 8px;
  color: #404040;
  cursor: pointer;
}
.bottom-sheet__header-icon svg {
  display: block;
}
.bottom-sheet__footer {
  flex: none;
  padding: 16px;
  box-shadow: 0 -1px 0 0 rgba(58, 61, 66, 0.06), 0 -2px 8px -2px rgba(0, 0, 0, 0.05);
}
.bottom-sheet__action {
  width: 100%;
  height: 80px;
  font-size: 17px;
  font-weight: bold;
  padding: 16px;
  line-height: 24px;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: row;
  max-width: var(--max-width-on-desktop);
}
.bottom-sheet .react-modal-sheet-backdrop {
  z-index: 1;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  touch-action: none;
  pointer-events: auto;
  opacity: 1;
  border: none;
  padding: 0;
  background-color: rgba(0, 0, 0, 0.3);
}
.bottom-sheet .react-modal-sheet-container {
  box-shadow: 0 1px 0 0 rgba(58, 61, 66, 0.06), 0 8px 32px -16px rgba(0, 0, 0, 0.3) !important;
  border-radius: 8px 8px 0 0;
}
.bottom-sheet .react-modal-sheet-content {
  padding: 0 16px 0;
}
@media (min-width: 1018px) {
  body.has-side-navigation .bottom-sheet__center {
    -webkit-transform: translateX(calc(var(--medium-sidebar-offset) / 2 * -1));
            transform: translateX(calc(var(--medium-sidebar-offset) / 2 * -1));
  }
}
@media (min-width: 1440px) {
  body.has-side-navigation .bottom-sheet__center {
    -webkit-transform: translateX(calc(var(--large-sidebar-offset) / 2 * -1));
            transform: translateX(calc(var(--large-sidebar-offset) / 2 * -1));
  }
}
.bottom-button {
  bottom: 0px;
  right: 50%;
  max-width: 480px;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  height: unset;
}
.bottom-button__container {
  width: 100%;
  height: 67px;
  padding: 0 0.5rem;
  border-top: 1px solid #e7e7e7;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
@media (min-width: 1018px) {
  .bottom-button {
    right: calc(50% + var(--medium-sidebar-offset) / 2);
  }
  .bottom-button.center-desktop {
    right: 50%;
  }
}
@media (min-width: 1440px) {
  .bottom-button {
    right: calc(50% + var(--large-sidebar-offset) / 2);
  }
}
.information-card {
  border-radius: 8px;
  padding: 8px 12px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.information-card--hint {
  background-color: rgba(250, 203, 15, 0.1);
}
.information-card--hint > p {
  color: #9e6900;
}
.information-card--alert {
  background-color: rgba(189, 39, 45, 0.04);
}
.information-card--alert > p {
  color: #bd272d;
}
.information-card--message {
  background-color: rgba(64, 64, 64, 0.04);
}
.information-card--message > p {
  color: #404040;
}
.information-card > span {
  margin-left: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.information-card > p {
  margin: 0;
  font-size: 12px;
  font-weight: 300;
  line-height: 17px;
}
.circleProgressBar {
  position: relative;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.circleProgressBar:before {
  content: "";
  width: 80%;
  height: 80%;
  border-radius: 50%;
  position: absolute;
  background-color: #fff;
}
.circleProgressBar__content {
  z-index: 0;
  font-weight: bold;
  font-size: 10px;
  line-height: 12px;
  color: #a3a3a3;
}
.sales-coach {
  margin-bottom: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.sales-coach__header {
  margin: 0 16px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.sales-coach__header img {
  width: 18px;
  height: 22px;
}
.sales-coach__header > p {
  margin: 0 10px 0 0;
  color: #404040;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
}
.sales-coach__header > p > span {
  color: rgb(0, 31, 187);
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
}
.sales-coach__messages-wrapper {
  z-index: 1;
  position: relative;
  overflow: auto;
  width: 100%;
  white-space: nowrap;
  display: flex;
  gap: 8px;
}
.sales-coach__messages-wrapper > div:first-child {
  margin-right: 16px;
}
.sales-coach__messages-wrapper > div:last-child {
  margin-left: 16px;
}
.sales-coach__btn-icon svg {
  width: 20px;
  height: 20px;
  margin-right: 4px;
}
.sales-coach__intro-modal {
  padding: 24px 16px 16px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
}
.sales-coach__intro-modal > img {
  width: auto;
}
.sales-coach__intro-modal > p {
  margin: 24px 0 32px;
  color: #404040;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
.message-card {
  flex-basis: 100%;
  min-width: 312px;
  min-height: 96px;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0px 1px 0px rgba(58, 61, 66, 0.06), 0px 2px 8px -2px rgba(0, 0, 0, 0.05);
  display: flex;
  align-items: normal;
  justify-content: normal;
  flex-direction: column;
}
@media screen and (max-width: 345px) {
  .message-card {
    min-width: 285px;
  }
}
.message-card__header {
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: 4px;
  color: #a3a3a3;
  font-size: 10px;
  line-height: 12px;
  font-weight: 700;
  border-bottom: 1px solid #f2f2f2;
}
.message-card__header > button {
  margin-right: auto;
}
.message-card__header + div {
  padding: 12px 12px 12px 0;
}
.message-card__container {
  flex-grow: 1;
  width: 100%;
  padding-right: 12px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.message-card__status {
  min-width: 40px;
  height: 40px;
  margin-left: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 50%;
  background: linear-gradient(42.21deg, rgba(255, 25, 64, 0.12) 0%, rgba(255, 25, 64, 0) 100%);
}
.message-card__status--success {
  background: white;
}
.message-card__status--circle {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  background-color: #f8f9fb;
}
.message-card__status img {
  width: initial;
  max-width: 40px;
}
.message-card__description {
  padding-left: 12px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 4px;
  color: #404040;
}
.message-card__description h3 {
  margin: 0;
  margin-bottom: 4px;
  white-space: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
}
.message-card__description p {
  margin: 0;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  white-space: initial;
}
.message-card__description--pale h3, .message-card__description--pale p {
  color: #a3a3a3;
}
.message-card__description__content {
  display: flex;
  align-items: center;
}
.message-card__description__footer {
  margin-right: 48px;
}
.message-card__description__footer button {
  padding: 6px 0 10px;
}
.message-card__icon-btn {
  padding: 12px;
  padding-right: 0;
  background-color: transparent;
  border: none;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.message-card__icon-btn--header {
  padding: 0;
}
.bottom-sheet {
  max-width: 480px;
  margin: 0 auto;
}
.bottom-sheet.with-keyboard {
  transition: 0.1s;
}
.bottom-sheet__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  padding: 16px;
}
.bottom-sheet__header-title {
  font-size: 20px;
  line-height: 32px;
  font-weight: bold;
  color: #404040;
}
.bottom-sheet__header-icon {
  flex: none;
  border: none;
  background: transparent;
  padding: 8px;
  color: #404040;
  cursor: pointer;
}
.bottom-sheet__header-icon svg {
  display: block;
}
.bottom-sheet__footer {
  flex: none;
  padding: 16px;
  box-shadow: 0 -1px 0 0 rgba(58, 61, 66, 0.06), 0 -2px 8px -2px rgba(0, 0, 0, 0.05);
}
.bottom-sheet__action {
  width: 100%;
  height: 80px;
  font-size: 17px;
  font-weight: bold;
  padding: 16px;
  line-height: 24px;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: row;
  max-width: var(--max-width-on-desktop);
}
.bottom-sheet .react-modal-sheet-backdrop {
  z-index: 1;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  touch-action: none;
  pointer-events: auto;
  opacity: 1;
  border: none;
  padding: 0;
  background-color: rgba(0, 0, 0, 0.3);
}
.bottom-sheet .react-modal-sheet-container {
  box-shadow: 0 1px 0 0 rgba(58, 61, 66, 0.06), 0 8px 32px -16px rgba(0, 0, 0, 0.3) !important;
  border-radius: 8px 8px 0 0;
}
.bottom-sheet .react-modal-sheet-content {
  padding: 0 16px 0;
}
@media (min-width: 1018px) {
  body.has-side-navigation .bottom-sheet__center {
    -webkit-transform: translateX(calc(var(--medium-sidebar-offset) / 2 * -1));
            transform: translateX(calc(var(--medium-sidebar-offset) / 2 * -1));
  }
}
@media (min-width: 1440px) {
  body.has-side-navigation .bottom-sheet__center {
    -webkit-transform: translateX(calc(var(--large-sidebar-offset) / 2 * -1));
            transform: translateX(calc(var(--large-sidebar-offset) / 2 * -1));
  }
}
.invoice-contract__action {
  background: #fff;
  padding: 16px 16px 12px 16px;
}
.invoice-contract__page {
  height: calc(100% - var(--header-height)) !important;
}
.invoice-contract__wrapper {
  height: 100%;
  padding: 16px;
  padding-bottom: 120px;
}
.invoice-contract__content {
  border: 1px solid #f2f2f2;
  border-radius: 8px;
  background: white;
  overflow: scroll;
  font-size: 0.7777777778rem;
  line-height: 25px;
  direction: ltr;
  height: 100%;
  padding: 0 20px;
  -webkit-overflow-scrolling: auto !important;
}
.invoice-contract__content > div {
  direction: rtl;
  padding-bottom: 20px;
}
.invoice-contract__content::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
.invoice-contract__content::-webkit-scrollbar-thumb {
  border-radius: 4px !important;
  background-color: rgba(0, 0, 0, 0.5) !important;
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5) !important;
}
.invoice-contract__content::-webkit-scrollbar {
  display: block !important;
}
.invoice-contract__content::-webkit-scrollbar-track {
  display: block !important;
}
.more-information-invoice-contract {
  border-width: 2px;
}
.more-information-invoice-contract:first-child {
  margin-bottom: 5px;
}
.more-information-content {
  font-size: 14px;
  padding: 0 25px;
  margin-bottom: 20px;
  color: rgba(19, 20, 31, 0.9);
}
.more-information-content__text {
  margin-bottom: 20px;
  line-height: 20px;
}
.foodStory {
  padding: 24px 16px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 157px;
  gap: 2px;
  margin-bottom: 80px;
}
.foodStory__status {
  padding: 8px 12px;
  border-radius: 4px;
  font-size: 12px;
  line-height: 16px;
}
.foodStory__status--finished, .foodStory__status--pending {
  color: rgba(19, 20, 31, 0.9);
  background-color: #f2f2f2;
}
.foodStory__status--running {
  background-color: #00d170;
  color: white;
}
.foodStory__status--waiting_for_publish {
  background-color: #f0fdf7;
  color: #22a958;
}
.foodStory__status--canceled {
  color: #bd272d;
  background-color: #fdf7f7;
}
.foodStory__status--rejected {
  color: #9e6900;
  background-color: #fffae7;
}
.foodStory__item {
  position: relative;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  overflow: hidden;
  font-size: 12px;
  line-height: 16px;
}
.foodStory__item img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.foodStory__item__status {
  padding: 2px 4px;
  position: absolute;
  top: 6px;
  left: 8px;
}
.foodStory__item__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 54.78%, rgba(0, 0, 0, 0.56) 100%);
}
.foodStory__item__date {
  position: absolute;
  bottom: 8px;
  right: 8px;
  font-weight: 700;
  color: #fff;
}
.foodStory__skelet {
  height: 100%;
  position: relative;
  border-radius: 4px;
  background: linear-gradient(42.21deg, rgba(18, 25, 33, 0.2) 0%, rgba(18, 25, 33, 0) 100%);
}
.foodStory--empty {
  margin-bottom: 80px;
  min-height: calc(100vh - var(--header-height) - 80px);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.foodStory__modal {
  padding: 16px;
}
.foodStory__modal > .modal__header {
  padding: 0;
  height: unset;
}
.foodStory__modal > .modal__header h3 {
  font-size: 20px;
  line-height: 32px;
}
.foodStory__modal > .modal__contain {
  font-size: 14px;
  line-height: 20px;
}
.foodStory__modal > .modal__contain > *:first-child {
  margin: 20px 0 16px;
}
.foodStory__modal__action {
  margin-top: 32px;
  display: flex;
  gap: 12px;
}
.foodStory__modal__details__dates {
  padding: 12px 0;
  font-size: 14px;
  line-height: 20px;
}
.foodStory__modal__details__dates > div:first-child {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 4px;
}
.foodStory__modal_btn-wrapper {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: row;
}
.foodStory__modal_btn-wrapper > button .SF-button__icon {
  width: 24px;
  height: 24px;
  min-height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.foodStory__modal_btn-wrapper > button .SF-button__icon svg {
  width: unset;
  height: unset;
}
.foodStory__modal_btn-wrapper > button .SF-button__label {
  font-weight: 700;
  font-size: 17px;
  line-height: 24px;
}
.foodStory__modal_btn-wrapper > button + button {
  margin-right: 12px;
}
.foodStory__modal_btn-wrapper > input {
  display: none;
}
.foodStory__success-modal {
  padding: 58px 16px 16px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
}
.foodStory__success-modal_image {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: row;
}
.foodStory__success-modal_image > img {
  width: initial;
}
.foodStory__success-modal > .modal__contain > p {
  text-align: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #404040;
  margin: 46px 0 8px;
}
.foodStory__success-modal .information-card {
  margin-bottom: 40px;
}
.preview-story {
  width: 100%;
  position: relative;
  background-color: #000000;
}
.preview-story__header {
  top: 0;
  z-index: 10;
  width: 100%;
  position: absolute;
  padding: 16px 16px 80px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  background: linear-gradient(179.52deg, rgba(0, 0, 0, 0.63) -15.2%, rgba(114, 114, 114, 0) 99.58%);
}
.preview-story__header_right-side {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.preview-story__header_right-side img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin-left: 12px;
}
.preview-story__header_right-side span {
  color: white;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}
.preview-story__header_left-side {
  width: 14px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.preview-story__image {
  width: 100%;
  position: relative;
  padding-top: 177.7777777778%;
}
.preview-story__image > img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
}
.preview-story__actionBar {
  left: 0;
  right: 0;
  bottom: var(--safe-bottom-padding);
  z-index: 10;
  padding: 16px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.preview-story__action {
  border: none;
  padding: 10px 24px;
  background-color: #ffffff;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #404040;
  border-radius: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.16);
}
.preview-story__loading > span {
  background-color: black !important;
}
.date-filter {
  overflow: auto;
  direction: rtl;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.date-filter__item {
  display: inline-block;
}
.date-filter__item:not(:last-child) {
  margin-left: 4px;
}
.date-filter__handler-btn {
  outline: 0;
  fill: #fff;
  padding: 12px;
  border-radius: 24px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  color: #22a958;
  background-color: #fff;
  border: 1px dashed rgba(34, 169, 88, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.date-filter__handler-btn--selected-date {
  border-style: solid;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.date-filter__handler-btn--selected-date span {
  margin-right: 6px;
}
.date-filter__handler-btn--active {
  color: #fff;
  padding: 10px 12px;
  background: #22a958;
  border: 1px solid #22a958;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.date-filter__handler-btn--active span {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.date-filter__handler-btn--active > svg:first-child {
  margin-left: 6px;
}
.date-filter__handler-btn--active > svg:last-child {
  margin-right: 10px;
}
.promotion-details-header {
  top: 0;
  width: 100%;
  z-index: 1002;
  position: fixed;
  padding: 20px 16px;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.promotion-details-header > h3 {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
  color: #404040;
}
.promotion-details-header > span {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.promotion-details-header > span > svg {
  width: 24px;
  height: 24px;
}
.promotion-small-box {
  padding: 16px 0 15px;
  border-bottom: 1px solid #f2f2f2;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
.promotion-small-box span:first-child {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  margin-bottom: 4px;
}
.promotion-small-box span:nth-child(2) {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}
.status-badge {
  padding: 2px 4px;
  border-radius: 4px;
  position: relative;
  max-height: 20px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.status-badge--light {
  color: #404040;
  background-color: #f2f2f2;
}
.status-badge--success {
  color: #fff;
  background-color: #00d170;
}
.status-badge--alpha {
  color: #22a958;
  background-color: rgba(34, 169, 88, 0.06);
}
.status-badge--danger {
  color: #bd272d;
  background-color: rgba(189, 39, 45, 0.04);
}
.status-badge__label {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.status-badge__mark {
  position: absolute;
  top: -0.4rem;
  right: -0.4rem;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #ff00a4;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.hint-card {
  width: 100%;
  padding: 8px 12px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.hint-card--danger {
  color: #bd272d;
  background-color: rgba(189, 39, 45, 0.04);
}
.hint-card--alpha {
  color: #22a958;
  background-color: rgba(34, 169, 88, 0.06);
}
.hint-card--success {
  color: #fff;
  background-color: #00d170;
}
.hint-card--light {
  color: #404040;
  background-color: rgba(64, 64, 64, 0.04);
}
.comming-soon {
  font-family: "IRANsans", "iransansbase";
  height: 100%;
  min-height: 280px;
  font-size: 0.8rem;
  color: #a3a3a3;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}.rc-slider {
  position: relative;
  width: 100%;
  height: 14px;
  padding: 5px 0;
  border-radius: 6px;
  touch-action: none;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-rail {
  position: absolute;
  width: 100%;
  height: 4px;
  background-color: #e9e9e9;
  border-radius: 6px;
}
.rc-slider-track,
.rc-slider-tracks {
  position: absolute;
  height: 4px;
  background-color: #abe2fb;
  border-radius: 6px;
}
.rc-slider-track-draggable {
  z-index: 1;
  box-sizing: content-box;
  background-clip: content-box;
  border-top: 5px solid rgba(0, 0, 0, 0);
  border-bottom: 5px solid rgba(0, 0, 0, 0);
  transform: translateY(-5px);
}
.rc-slider-handle {
  position: absolute;
  z-index: 1;
  width: 14px;
  height: 14px;
  margin-top: -5px;
  background-color: #fff;
  border: solid 2px #96dbfa;
  border-radius: 50%;
  cursor: pointer;
  cursor: grab;
  opacity: 0.8;
  touch-action: pan-x;
}
.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {
  border-color: #57c5f7;
  box-shadow: 0 0 0 5px #96dbfa;
}
.rc-slider-handle:focus {
  outline: none;
  box-shadow: none;
}
.rc-slider-handle:focus-visible {
  border-color: #2db7f5;
  box-shadow: 0 0 0 3px #96dbfa;
}
.rc-slider-handle-click-focused:focus {
  border-color: #96dbfa;
  box-shadow: unset;
}
.rc-slider-handle:hover {
  border-color: #57c5f7;
}
.rc-slider-handle:active {
  border-color: #57c5f7;
  box-shadow: 0 0 5px #57c5f7;
  cursor: grabbing;
}
.rc-slider-mark {
  position: absolute;
  top: 18px;
  left: 0;
  width: 100%;
  font-size: 12px;
}
.rc-slider-mark-text {
  position: absolute;
  display: inline-block;
  color: #999;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}
.rc-slider-mark-text-active {
  color: #666;
}
.rc-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent;
}
.rc-slider-dot {
  position: absolute;
  bottom: -2px;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  background-color: #fff;
  border: 2px solid #e9e9e9;
  border-radius: 50%;
  cursor: pointer;
}
.rc-slider-dot-active {
  border-color: #96dbfa;
}
.rc-slider-dot-reverse {
  margin-right: -4px;
}
.rc-slider-disabled {
  background-color: #e9e9e9;
}
.rc-slider-disabled .rc-slider-track {
  background-color: #ccc;
}
.rc-slider-disabled .rc-slider-handle,
.rc-slider-disabled .rc-slider-dot {
  background-color: #fff;
  border-color: #ccc;
  box-shadow: none;
  cursor: not-allowed;
}
.rc-slider-disabled .rc-slider-mark-text,
.rc-slider-disabled .rc-slider-dot {
  cursor: not-allowed !important;
}
.rc-slider-vertical {
  width: 14px;
  height: 100%;
  padding: 0 5px;
}
.rc-slider-vertical .rc-slider-rail {
  width: 4px;
  height: 100%;
}
.rc-slider-vertical .rc-slider-track {
  bottom: 0;
  left: 5px;
  width: 4px;
}
.rc-slider-vertical .rc-slider-track-draggable {
  border-top: 0;
  border-bottom: 0;
  border-right: 5px solid rgba(0, 0, 0, 0);
  border-left: 5px solid rgba(0, 0, 0, 0);
  transform: translateX(-5px);
}
.rc-slider-vertical .rc-slider-handle {
  position: absolute;
  z-index: 1;
  margin-top: 0;
  margin-left: -5px;
  touch-action: pan-y;
}
.rc-slider-vertical .rc-slider-mark {
  top: 0;
  left: 18px;
  height: 100%;
}
.rc-slider-vertical .rc-slider-step {
  width: 4px;
  height: 100%;
}
.rc-slider-vertical .rc-slider-dot {
  margin-left: -2px;
}
.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  display: block !important;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.rc-slider-tooltip-zoom-down-leave {
  display: block !important;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,
.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {
  animation-name: rcSliderTooltipZoomDownIn;
  animation-play-state: running;
}
.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
  animation-name: rcSliderTooltipZoomDownOut;
  animation-play-state: running;
}
.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  transform: scale(0, 0);
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.rc-slider-tooltip-zoom-down-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@keyframes rcSliderTooltipZoomDownIn {
  0% {
    transform: scale(0, 0);
    transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    transform: scale(1, 1);
    transform-origin: 50% 100%;
  }
}
@keyframes rcSliderTooltipZoomDownOut {
  0% {
    transform: scale(1, 1);
    transform-origin: 50% 100%;
  }
  100% {
    transform: scale(0, 0);
    transform-origin: 50% 100%;
    opacity: 0;
  }
}
.rc-slider-tooltip {
  position: absolute;
  top: -9999px;
  left: -9999px;
  visibility: visible;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-tooltip * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-tooltip-hidden {
  display: none;
}
.rc-slider-tooltip-placement-top {
  padding: 4px 0 8px 0;
}
.rc-slider-tooltip-inner {
  min-width: 24px;
  height: 24px;
  padding: 6px 2px;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  background-color: #6c6c6c;
  border-radius: 6px;
  box-shadow: 0 0 4px #d9d9d9;
}
.rc-slider-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
  bottom: 4px;
  left: 50%;
  margin-left: -4px;
  border-width: 4px 4px 0;
  border-top-color: #6c6c6c;
}