:root {
  --color-white: #ffffff;
  --color-black: #000000;
  --color-white-12: rgba(255, 255, 255, 0.12);
  --color-brand: #DAAA5E;
  --color-brand-background: #08183A;
  --color-brand-background-dark: #031933;
  --color-brand-background-dark-mob: #06132e;
  --color-brand-background-click: #05102A;
  --color-brand-background-hover: #4D6D9C;
  --color-additional: #C57900;
  --color-error: #C03221;
  --color-text: #0E0E0E;
  --color-gray: #CDD4DA;
  --color-gray-44: #444444;
  --color-gray-7F: #7F7F7F;
  --color-gray-0E-06: rgba(14, 14, 14, 0.06);
  --color-gray-contacts: #C7C7CC;
  --font-base: "Tenor Sans", Helvetica, sans-serif;
  --font-secondary: "Noto Sans", Helvetica, sans-serif;
}

html, body {
  font-size: 16px;
  background: var(--color-white);
  color: var(--color-text);
  font-family: var(--font-base);
  line-height: normal;
  -webkit-font-smoothing: subpixel-antialiased;
  max-width: 100%;
  min-width: 360px;
  min-height: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-overflow-scrolling: touch;
  position: relative;
  scroll-behavior: smooth;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  box-sizing: border-box;
  width: 100%;
}
@media all and (max-width: 1440px) and (min-width: 1439px) {
  html, body {
    font-size: 16px;
  }
}
@media all and (max-width: 1438px) and (min-width: 1437px) {
  html, body {
    font-size: 15.98px;
  }
}
@media all and (max-width: 1436px) and (min-width: 1435px) {
  html, body {
    font-size: 15.96px;
  }
}
@media all and (max-width: 1434px) and (min-width: 1433px) {
  html, body {
    font-size: 15.93px;
  }
}
@media all and (max-width: 1432px) and (min-width: 1431px) {
  html, body {
    font-size: 15.91px;
  }
}
@media all and (max-width: 1430px) and (min-width: 1429px) {
  html, body {
    font-size: 15.89px;
  }
}
@media all and (max-width: 1428px) and (min-width: 1427px) {
  html, body {
    font-size: 15.87px;
  }
}
@media all and (max-width: 1426px) and (min-width: 1425px) {
  html, body {
    font-size: 15.84px;
  }
}
@media all and (max-width: 1424px) and (min-width: 1423px) {
  html, body {
    font-size: 15.82px;
  }
}
@media all and (max-width: 1422px) and (min-width: 1421px) {
  html, body {
    font-size: 15.8px;
  }
}
@media all and (max-width: 1420px) and (min-width: 1419px) {
  html, body {
    font-size: 15.78px;
  }
}
@media all and (max-width: 1418px) and (min-width: 1417px) {
  html, body {
    font-size: 15.76px;
  }
}
@media all and (max-width: 1416px) and (min-width: 1415px) {
  html, body {
    font-size: 15.73px;
  }
}
@media all and (max-width: 1414px) and (min-width: 1413px) {
  html, body {
    font-size: 15.71px;
  }
}
@media all and (max-width: 1412px) and (min-width: 1411px) {
  html, body {
    font-size: 15.69px;
  }
}
@media all and (max-width: 1410px) and (min-width: 1409px) {
  html, body {
    font-size: 15.67px;
  }
}
@media all and (max-width: 1408px) and (min-width: 1407px) {
  html, body {
    font-size: 15.64px;
  }
}
@media all and (max-width: 1406px) and (min-width: 1405px) {
  html, body {
    font-size: 15.62px;
  }
}
@media all and (max-width: 1404px) and (min-width: 1403px) {
  html, body {
    font-size: 15.6px;
  }
}
@media all and (max-width: 1402px) and (min-width: 1401px) {
  html, body {
    font-size: 15.58px;
  }
}
@media all and (max-width: 1400px) and (min-width: 1399px) {
  html, body {
    font-size: 15.56px;
  }
}
@media all and (max-width: 1398px) and (min-width: 1397px) {
  html, body {
    font-size: 15.53px;
  }
}
@media all and (max-width: 1396px) and (min-width: 1395px) {
  html, body {
    font-size: 15.51px;
  }
}
@media all and (max-width: 1394px) and (min-width: 1393px) {
  html, body {
    font-size: 15.49px;
  }
}
@media all and (max-width: 1392px) and (min-width: 1391px) {
  html, body {
    font-size: 15.47px;
  }
}
@media all and (max-width: 1390px) and (min-width: 1389px) {
  html, body {
    font-size: 15.44px;
  }
}
@media all and (max-width: 1388px) and (min-width: 1387px) {
  html, body {
    font-size: 15.42px;
  }
}
@media all and (max-width: 1386px) and (min-width: 1385px) {
  html, body {
    font-size: 15.4px;
  }
}
@media all and (max-width: 1384px) and (min-width: 1383px) {
  html, body {
    font-size: 15.38px;
  }
}
@media all and (max-width: 1382px) and (min-width: 1381px) {
  html, body {
    font-size: 15.36px;
  }
}
@media all and (max-width: 1380px) and (min-width: 1379px) {
  html, body {
    font-size: 15.33px;
  }
}
@media all and (max-width: 1378px) and (min-width: 1377px) {
  html, body {
    font-size: 15.31px;
  }
}
@media all and (max-width: 1376px) and (min-width: 1375px) {
  html, body {
    font-size: 15.29px;
  }
}
@media all and (max-width: 1374px) and (min-width: 1373px) {
  html, body {
    font-size: 15.27px;
  }
}
@media all and (max-width: 1372px) and (min-width: 1371px) {
  html, body {
    font-size: 15.24px;
  }
}
@media all and (max-width: 1370px) and (min-width: 1369px) {
  html, body {
    font-size: 15.22px;
  }
}
@media all and (max-width: 1368px) and (min-width: 1367px) {
  html, body {
    font-size: 15.2px;
  }
}
@media all and (max-width: 1366px) and (min-width: 1365px) {
  html, body {
    font-size: 15.18px;
  }
}
@media all and (max-width: 1364px) and (min-width: 1363px) {
  html, body {
    font-size: 15.16px;
  }
}
@media all and (max-width: 1362px) and (min-width: 1361px) {
  html, body {
    font-size: 15.13px;
  }
}
@media all and (max-width: 1360px) and (min-width: 1359px) {
  html, body {
    font-size: 15.11px;
  }
}
@media all and (max-width: 1358px) and (min-width: 1357px) {
  html, body {
    font-size: 15.09px;
  }
}
@media all and (max-width: 1356px) and (min-width: 1355px) {
  html, body {
    font-size: 15.07px;
  }
}
@media all and (max-width: 1354px) and (min-width: 1353px) {
  html, body {
    font-size: 15.04px;
  }
}
@media all and (max-width: 1352px) and (min-width: 1351px) {
  html, body {
    font-size: 15.02px;
  }
}
@media all and (max-width: 1350px) and (min-width: 1349px) {
  html, body {
    font-size: 15px;
  }
}
@media all and (max-width: 1348px) and (min-width: 1347px) {
  html, body {
    font-size: 14.98px;
  }
}
@media all and (max-width: 1346px) and (min-width: 1345px) {
  html, body {
    font-size: 14.96px;
  }
}
@media all and (max-width: 1344px) and (min-width: 1343px) {
  html, body {
    font-size: 14.93px;
  }
}
@media all and (max-width: 1342px) and (min-width: 1341px) {
  html, body {
    font-size: 14.91px;
  }
}
@media all and (max-width: 1340px) and (min-width: 1339px) {
  html, body {
    font-size: 14.89px;
  }
}
@media all and (max-width: 1338px) and (min-width: 1337px) {
  html, body {
    font-size: 14.87px;
  }
}
@media all and (max-width: 1336px) and (min-width: 1335px) {
  html, body {
    font-size: 14.84px;
  }
}
@media all and (max-width: 1334px) and (min-width: 1333px) {
  html, body {
    font-size: 14.82px;
  }
}
@media all and (max-width: 1332px) and (min-width: 1331px) {
  html, body {
    font-size: 14.8px;
  }
}
@media all and (max-width: 1330px) and (min-width: 1329px) {
  html, body {
    font-size: 14.78px;
  }
}
@media all and (max-width: 1328px) and (min-width: 1327px) {
  html, body {
    font-size: 14.76px;
  }
}
@media all and (max-width: 1326px) and (min-width: 1325px) {
  html, body {
    font-size: 14.73px;
  }
}
@media all and (max-width: 1324px) and (min-width: 1323px) {
  html, body {
    font-size: 14.71px;
  }
}
@media all and (max-width: 1322px) and (min-width: 1321px) {
  html, body {
    font-size: 14.69px;
  }
}
@media all and (max-width: 1320px) and (min-width: 1319px) {
  html, body {
    font-size: 14.67px;
  }
}
@media all and (max-width: 1318px) and (min-width: 1317px) {
  html, body {
    font-size: 14.64px;
  }
}
@media all and (max-width: 1316px) and (min-width: 1315px) {
  html, body {
    font-size: 14.62px;
  }
}
@media all and (max-width: 1314px) and (min-width: 1313px) {
  html, body {
    font-size: 14.6px;
  }
}
@media all and (max-width: 1312px) and (min-width: 1311px) {
  html, body {
    font-size: 14.58px;
  }
}
@media all and (max-width: 1310px) and (min-width: 1309px) {
  html, body {
    font-size: 14.56px;
  }
}
@media all and (max-width: 1308px) and (min-width: 1307px) {
  html, body {
    font-size: 14.53px;
  }
}
@media all and (max-width: 1306px) and (min-width: 1305px) {
  html, body {
    font-size: 14.51px;
  }
}
@media all and (max-width: 1304px) and (min-width: 1303px) {
  html, body {
    font-size: 14.49px;
  }
}
@media all and (max-width: 1302px) and (min-width: 1301px) {
  html, body {
    font-size: 14.47px;
  }
}
@media all and (max-width: 1300px) and (min-width: 1299px) {
  html, body {
    font-size: 14.44px;
  }
}
@media all and (max-width: 1298px) and (min-width: 1297px) {
  html, body {
    font-size: 14.42px;
  }
}
@media all and (max-width: 1296px) and (min-width: 1295px) {
  html, body {
    font-size: 14.4px;
  }
}
@media all and (max-width: 1294px) and (min-width: 1293px) {
  html, body {
    font-size: 14.38px;
  }
}
@media all and (max-width: 1292px) and (min-width: 1291px) {
  html, body {
    font-size: 14.36px;
  }
}
@media all and (max-width: 1290px) and (min-width: 1289px) {
  html, body {
    font-size: 14.33px;
  }
}
@media all and (max-width: 1288px) and (min-width: 1287px) {
  html, body {
    font-size: 14.31px;
  }
}
@media all and (max-width: 1286px) and (min-width: 1285px) {
  html, body {
    font-size: 14.29px;
  }
}
@media all and (max-width: 1284px) and (min-width: 1283px) {
  html, body {
    font-size: 14.27px;
  }
}
@media all and (max-width: 1282px) and (min-width: 1281px) {
  html, body {
    font-size: 14.24px;
  }
}
@media all and (max-width: 1280px) and (min-width: 1279px) {
  html, body {
    font-size: 14.22px;
  }
}
@media all and (max-width: 1278px) and (min-width: 1277px) {
  html, body {
    font-size: 14.2px;
  }
}
@media all and (max-width: 1276px) and (min-width: 1275px) {
  html, body {
    font-size: 14.18px;
  }
}
@media all and (max-width: 1274px) and (min-width: 1273px) {
  html, body {
    font-size: 14.16px;
  }
}
@media all and (max-width: 1272px) and (min-width: 1271px) {
  html, body {
    font-size: 14.13px;
  }
}
@media all and (max-width: 1270px) and (min-width: 1269px) {
  html, body {
    font-size: 14.11px;
  }
}
@media all and (max-width: 1268px) and (min-width: 1267px) {
  html, body {
    font-size: 14.09px;
  }
}
@media all and (max-width: 1266px) and (min-width: 1265px) {
  html, body {
    font-size: 14.07px;
  }
}
@media all and (max-width: 1264px) and (min-width: 1263px) {
  html, body {
    font-size: 14.04px;
  }
}
@media all and (max-width: 1262px) and (min-width: 1261px) {
  html, body {
    font-size: 14.02px;
  }
}
@media all and (max-width: 1260px) and (min-width: 1259px) {
  html, body {
    font-size: 14px;
  }
}
@media all and (max-width: 1258px) and (min-width: 1257px) {
  html, body {
    font-size: 13.98px;
  }
}
@media all and (max-width: 1256px) and (min-width: 1255px) {
  html, body {
    font-size: 13.96px;
  }
}
@media all and (max-width: 1254px) and (min-width: 1253px) {
  html, body {
    font-size: 13.93px;
  }
}
@media all and (max-width: 1252px) and (min-width: 1251px) {
  html, body {
    font-size: 13.91px;
  }
}
@media all and (max-width: 1250px) and (min-width: 1249px) {
  html, body {
    font-size: 13.89px;
  }
}
@media all and (max-width: 1248px) and (min-width: 1247px) {
  html, body {
    font-size: 13.87px;
  }
}
@media all and (max-width: 1246px) and (min-width: 1245px) {
  html, body {
    font-size: 13.84px;
  }
}
@media all and (max-width: 1244px) and (min-width: 1243px) {
  html, body {
    font-size: 13.82px;
  }
}
@media all and (max-width: 1242px) and (min-width: 1241px) {
  html, body {
    font-size: 13.8px;
  }
}
@media all and (max-width: 1240px) and (min-width: 1239px) {
  html, body {
    font-size: 13.78px;
  }
}
@media all and (max-width: 1238px) and (min-width: 1237px) {
  html, body {
    font-size: 13.76px;
  }
}
@media all and (max-width: 1236px) and (min-width: 1235px) {
  html, body {
    font-size: 13.73px;
  }
}
@media all and (max-width: 1234px) and (min-width: 1233px) {
  html, body {
    font-size: 13.71px;
  }
}
@media all and (max-width: 1232px) and (min-width: 1231px) {
  html, body {
    font-size: 13.69px;
  }
}
@media all and (max-width: 1230px) and (min-width: 1229px) {
  html, body {
    font-size: 13.67px;
  }
}
@media all and (max-width: 1228px) and (min-width: 1227px) {
  html, body {
    font-size: 13.64px;
  }
}
@media all and (max-width: 1226px) and (min-width: 1225px) {
  html, body {
    font-size: 13.62px;
  }
}
@media all and (max-width: 1224px) and (min-width: 1223px) {
  html, body {
    font-size: 13.6px;
  }
}
@media all and (max-width: 1222px) and (min-width: 1221px) {
  html, body {
    font-size: 13.58px;
  }
}
@media all and (max-width: 1220px) and (min-width: 1219px) {
  html, body {
    font-size: 13.56px;
  }
}
@media all and (max-width: 1218px) and (min-width: 1217px) {
  html, body {
    font-size: 13.53px;
  }
}
@media all and (max-width: 1216px) and (min-width: 1215px) {
  html, body {
    font-size: 13.51px;
  }
}
@media all and (max-width: 1214px) and (min-width: 1213px) {
  html, body {
    font-size: 13.49px;
  }
}
@media all and (max-width: 1212px) and (min-width: 1211px) {
  html, body {
    font-size: 13.47px;
  }
}
@media all and (max-width: 1210px) and (min-width: 1209px) {
  html, body {
    font-size: 13.44px;
  }
}
@media all and (max-width: 1208px) and (min-width: 1207px) {
  html, body {
    font-size: 13.42px;
  }
}
@media all and (max-width: 1206px) and (min-width: 1205px) {
  html, body {
    font-size: 13.4px;
  }
}
@media all and (max-width: 1204px) and (min-width: 1203px) {
  html, body {
    font-size: 13.38px;
  }
}
@media all and (max-width: 1202px) and (min-width: 1201px) {
  html, body {
    font-size: 13.36px;
  }
}
@media all and (max-width: 1200px) and (min-width: 1199px) {
  html, body {
    font-size: 13.33px;
  }
}
@media all and (max-width: 1198px) and (min-width: 1197px) {
  html, body {
    font-size: 13.31px;
  }
}
@media all and (max-width: 1196px) and (min-width: 1195px) {
  html, body {
    font-size: 13.29px;
  }
}
@media all and (max-width: 1194px) and (min-width: 1193px) {
  html, body {
    font-size: 13.27px;
  }
}
@media all and (max-width: 1192px) and (min-width: 1191px) {
  html, body {
    font-size: 13.24px;
  }
}
@media all and (max-width: 1190px) and (min-width: 1189px) {
  html, body {
    font-size: 13.22px;
  }
}
@media all and (max-width: 1188px) and (min-width: 1187px) {
  html, body {
    font-size: 13.2px;
  }
}
@media all and (max-width: 1186px) and (min-width: 1185px) {
  html, body {
    font-size: 13.18px;
  }
}
@media all and (max-width: 1184px) and (min-width: 1183px) {
  html, body {
    font-size: 13.16px;
  }
}
@media all and (max-width: 1182px) and (min-width: 1181px) {
  html, body {
    font-size: 13.13px;
  }
}
@media all and (max-width: 1180px) and (min-width: 1179px) {
  html, body {
    font-size: 13.11px;
  }
}
@media all and (max-width: 1178px) and (min-width: 1177px) {
  html, body {
    font-size: 13.09px;
  }
}
@media all and (max-width: 1176px) and (min-width: 1175px) {
  html, body {
    font-size: 13.07px;
  }
}
@media all and (max-width: 1174px) and (min-width: 1173px) {
  html, body {
    font-size: 13.04px;
  }
}
@media all and (max-width: 1172px) and (min-width: 1171px) {
  html, body {
    font-size: 13.02px;
  }
}
@media all and (max-width: 1170px) and (min-width: 1169px) {
  html, body {
    font-size: 13px;
  }
}
@media all and (max-width: 1168px) and (min-width: 1167px) {
  html, body {
    font-size: 12.98px;
  }
}
@media all and (max-width: 1166px) and (min-width: 1165px) {
  html, body {
    font-size: 12.96px;
  }
}
@media all and (max-width: 1164px) and (min-width: 1163px) {
  html, body {
    font-size: 12.93px;
  }
}
@media all and (max-width: 1162px) and (min-width: 1161px) {
  html, body {
    font-size: 12.91px;
  }
}
@media all and (max-width: 1160px) and (min-width: 1159px) {
  html, body {
    font-size: 12.89px;
  }
}
@media all and (max-width: 1158px) and (min-width: 1157px) {
  html, body {
    font-size: 12.87px;
  }
}
@media all and (max-width: 1156px) and (min-width: 1155px) {
  html, body {
    font-size: 12.84px;
  }
}
@media all and (max-width: 1154px) and (min-width: 1153px) {
  html, body {
    font-size: 12.82px;
  }
}
@media all and (max-width: 1152px) and (min-width: 1151px) {
  html, body {
    font-size: 12.8px;
  }
}
@media all and (max-width: 1150px) and (min-width: 1149px) {
  html, body {
    font-size: 12.78px;
  }
}
@media all and (max-width: 1148px) and (min-width: 1147px) {
  html, body {
    font-size: 12.76px;
  }
}
@media all and (max-width: 1146px) and (min-width: 1145px) {
  html, body {
    font-size: 12.73px;
  }
}
@media all and (max-width: 1144px) and (min-width: 1143px) {
  html, body {
    font-size: 12.71px;
  }
}
@media all and (max-width: 1142px) and (min-width: 1141px) {
  html, body {
    font-size: 12.69px;
  }
}
@media all and (max-width: 1140px) and (min-width: 1139px) {
  html, body {
    font-size: 12.67px;
  }
}
@media all and (max-width: 1138px) and (min-width: 1137px) {
  html, body {
    font-size: 12.64px;
  }
}
@media all and (max-width: 1136px) and (min-width: 1135px) {
  html, body {
    font-size: 12.62px;
  }
}
@media all and (max-width: 1134px) and (min-width: 1133px) {
  html, body {
    font-size: 12.6px;
  }
}
@media all and (max-width: 1132px) and (min-width: 1131px) {
  html, body {
    font-size: 12.58px;
  }
}
@media all and (max-width: 1130px) and (min-width: 1129px) {
  html, body {
    font-size: 12.56px;
  }
}
@media all and (max-width: 1128px) and (min-width: 1127px) {
  html, body {
    font-size: 12.53px;
  }
}
@media all and (max-width: 1126px) and (min-width: 1125px) {
  html, body {
    font-size: 12.51px;
  }
}
@media all and (max-width: 1124px) and (min-width: 1123px) {
  html, body {
    font-size: 12.49px;
  }
}
@media all and (max-width: 1122px) and (min-width: 1121px) {
  html, body {
    font-size: 12.47px;
  }
}
@media all and (max-width: 1120px) and (min-width: 1119px) {
  html, body {
    font-size: 12.44px;
  }
}
@media all and (max-width: 1118px) and (min-width: 1117px) {
  html, body {
    font-size: 12.42px;
  }
}
@media all and (max-width: 1116px) and (min-width: 1115px) {
  html, body {
    font-size: 12.4px;
  }
}
@media all and (max-width: 1114px) and (min-width: 1113px) {
  html, body {
    font-size: 12.38px;
  }
}
@media all and (max-width: 1112px) and (min-width: 1111px) {
  html, body {
    font-size: 12.36px;
  }
}
@media all and (max-width: 1110px) and (min-width: 1109px) {
  html, body {
    font-size: 12.33px;
  }
}
@media all and (max-width: 1108px) and (min-width: 1107px) {
  html, body {
    font-size: 12.31px;
  }
}
@media all and (max-width: 1106px) and (min-width: 1105px) {
  html, body {
    font-size: 12.29px;
  }
}
@media all and (max-width: 1104px) and (min-width: 1103px) {
  html, body {
    font-size: 12.27px;
  }
}
@media all and (max-width: 1102px) and (min-width: 1101px) {
  html, body {
    font-size: 12.24px;
  }
}
@media all and (max-width: 1100px) and (min-width: 1099px) {
  html, body {
    font-size: 12.22px;
  }
}
@media all and (max-width: 1098px) and (min-width: 1097px) {
  html, body {
    font-size: 12.2px;
  }
}
@media all and (max-width: 1096px) and (min-width: 1095px) {
  html, body {
    font-size: 12.18px;
  }
}
@media all and (max-width: 1094px) and (min-width: 1093px) {
  html, body {
    font-size: 12.16px;
  }
}
@media all and (max-width: 1092px) and (min-width: 1091px) {
  html, body {
    font-size: 12.13px;
  }
}
@media all and (max-width: 1090px) and (min-width: 1089px) {
  html, body {
    font-size: 12.11px;
  }
}
@media all and (max-width: 1088px) and (min-width: 1087px) {
  html, body {
    font-size: 12.09px;
  }
}
@media all and (max-width: 1086px) and (min-width: 1085px) {
  html, body {
    font-size: 12.07px;
  }
}
@media all and (max-width: 1084px) and (min-width: 1083px) {
  html, body {
    font-size: 12.04px;
  }
}
@media all and (max-width: 1082px) and (min-width: 1081px) {
  html, body {
    font-size: 12.02px;
  }
}
@media all and (max-width: 1080px) and (min-width: 1079px) {
  html, body {
    font-size: 12px;
  }
}
@media all and (max-width: 1078px) and (min-width: 1077px) {
  html, body {
    font-size: 11.98px;
  }
}
@media all and (max-width: 1076px) and (min-width: 1075px) {
  html, body {
    font-size: 11.96px;
  }
}
@media all and (max-width: 1074px) and (min-width: 1073px) {
  html, body {
    font-size: 11.93px;
  }
}
@media all and (max-width: 1072px) and (min-width: 1071px) {
  html, body {
    font-size: 11.91px;
  }
}
@media all and (max-width: 1070px) and (min-width: 1069px) {
  html, body {
    font-size: 11.89px;
  }
}
@media all and (max-width: 1068px) and (min-width: 1067px) {
  html, body {
    font-size: 11.87px;
  }
}
@media all and (max-width: 1066px) and (min-width: 1065px) {
  html, body {
    font-size: 11.84px;
  }
}
@media all and (max-width: 1064px) and (min-width: 1063px) {
  html, body {
    font-size: 11.82px;
  }
}
@media all and (max-width: 1062px) and (min-width: 1061px) {
  html, body {
    font-size: 11.8px;
  }
}
@media all and (max-width: 1060px) and (min-width: 1059px) {
  html, body {
    font-size: 11.78px;
  }
}
@media all and (max-width: 1058px) and (min-width: 1057px) {
  html, body {
    font-size: 11.76px;
  }
}
@media all and (max-width: 1056px) and (min-width: 1055px) {
  html, body {
    font-size: 11.73px;
  }
}
@media all and (max-width: 1054px) and (min-width: 1053px) {
  html, body {
    font-size: 11.71px;
  }
}
@media all and (max-width: 1052px) and (min-width: 1051px) {
  html, body {
    font-size: 11.69px;
  }
}
@media all and (max-width: 1050px) and (min-width: 1049px) {
  html, body {
    font-size: 11.67px;
  }
}
@media all and (max-width: 1048px) and (min-width: 1047px) {
  html, body {
    font-size: 11.64px;
  }
}
@media all and (max-width: 1046px) and (min-width: 1045px) {
  html, body {
    font-size: 11.62px;
  }
}
@media all and (max-width: 1044px) and (min-width: 1043px) {
  html, body {
    font-size: 11.6px;
  }
}
@media all and (max-width: 1042px) and (min-width: 1041px) {
  html, body {
    font-size: 11.58px;
  }
}
@media all and (max-width: 1040px) and (min-width: 1039px) {
  html, body {
    font-size: 11.56px;
  }
}
@media all and (max-width: 1038px) and (min-width: 1037px) {
  html, body {
    font-size: 11.53px;
  }
}
@media all and (max-width: 1036px) and (min-width: 1035px) {
  html, body {
    font-size: 11.51px;
  }
}
@media all and (max-width: 1034px) and (min-width: 1033px) {
  html, body {
    font-size: 11.49px;
  }
}
@media all and (max-width: 1032px) and (min-width: 1031px) {
  html, body {
    font-size: 11.47px;
  }
}
@media all and (max-width: 1030px) and (min-width: 1029px) {
  html, body {
    font-size: 11.44px;
  }
}
@media all and (max-width: 1028px) and (min-width: 1027px) {
  html, body {
    font-size: 11.42px;
  }
}
@media all and (max-width: 1026px) and (min-width: 1025px) {
  html, body {
    font-size: 11.4px;
  }
}
@media all and (max-width: 1024px) and (min-width: 1023px) {
  html, body {
    font-size: 11.38px;
  }
}
@media all and (max-width: 1022px) and (min-width: 1021px) {
  html, body {
    font-size: 11.36px;
  }
}
@media all and (max-width: 1020px) and (min-width: 1019px) {
  html, body {
    font-size: 11.33px;
  }
}
@media all and (max-width: 1018px) and (min-width: 1017px) {
  html, body {
    font-size: 11.31px;
  }
}
@media all and (max-width: 1016px) and (min-width: 1015px) {
  html, body {
    font-size: 11.29px;
  }
}
@media all and (max-width: 1014px) and (min-width: 1013px) {
  html, body {
    font-size: 11.27px;
  }
}
@media all and (max-width: 1012px) and (min-width: 1011px) {
  html, body {
    font-size: 11.24px;
  }
}
@media all and (max-width: 1010px) and (min-width: 1009px) {
  html, body {
    font-size: 11.22px;
  }
}
@media all and (max-width: 1008px) and (min-width: 1007px) {
  html, body {
    font-size: 11.2px;
  }
}
@media all and (max-width: 1006px) and (min-width: 1005px) {
  html, body {
    font-size: 11.18px;
  }
}
@media all and (max-width: 1004px) and (min-width: 1003px) {
  html, body {
    font-size: 11.16px;
  }
}
@media all and (max-width: 1002px) and (min-width: 1001px) {
  html, body {
    font-size: 11.13px;
  }
}
@media all and (max-width: 1000px) and (min-width: 999px) {
  html, body {
    font-size: 11.11px;
  }
}
@media all and (max-width: 998px) and (min-width: 997px) {
  html, body {
    font-size: 11.09px;
  }
}
@media all and (max-width: 996px) and (min-width: 995px) {
  html, body {
    font-size: 11.07px;
  }
}
@media all and (max-width: 994px) and (min-width: 993px) {
  html, body {
    font-size: 11.04px;
  }
}
@media all and (max-width: 992px) and (min-width: 991px) {
  html, body {
    font-size: 11.02px;
  }
}
@media all and (max-width: 990px) and (min-width: 989px) {
  html, body {
    font-size: 11px;
  }
}
@media all and (max-width: 990px) and (min-width: 989px) {
  html, body {
    font-size: 16px;
  }
}
@media all and (max-width: 988px) and (min-width: 987px) {
  html, body {
    font-size: 15.97px;
  }
}
@media all and (max-width: 986px) and (min-width: 985px) {
  html, body {
    font-size: 15.94px;
  }
}
@media all and (max-width: 984px) and (min-width: 983px) {
  html, body {
    font-size: 15.9px;
  }
}
@media all and (max-width: 982px) and (min-width: 981px) {
  html, body {
    font-size: 15.87px;
  }
}
@media all and (max-width: 980px) and (min-width: 979px) {
  html, body {
    font-size: 15.84px;
  }
}
@media all and (max-width: 978px) and (min-width: 977px) {
  html, body {
    font-size: 15.81px;
  }
}
@media all and (max-width: 976px) and (min-width: 975px) {
  html, body {
    font-size: 15.77px;
  }
}
@media all and (max-width: 974px) and (min-width: 973px) {
  html, body {
    font-size: 15.74px;
  }
}
@media all and (max-width: 972px) and (min-width: 971px) {
  html, body {
    font-size: 15.71px;
  }
}
@media all and (max-width: 970px) and (min-width: 969px) {
  html, body {
    font-size: 15.68px;
  }
}
@media all and (max-width: 968px) and (min-width: 967px) {
  html, body {
    font-size: 15.64px;
  }
}
@media all and (max-width: 966px) and (min-width: 965px) {
  html, body {
    font-size: 15.61px;
  }
}
@media all and (max-width: 964px) and (min-width: 963px) {
  html, body {
    font-size: 15.58px;
  }
}
@media all and (max-width: 962px) and (min-width: 961px) {
  html, body {
    font-size: 15.55px;
  }
}
@media all and (max-width: 960px) and (min-width: 959px) {
  html, body {
    font-size: 15.52px;
  }
}
@media all and (max-width: 958px) and (min-width: 957px) {
  html, body {
    font-size: 15.48px;
  }
}
@media all and (max-width: 956px) and (min-width: 955px) {
  html, body {
    font-size: 15.45px;
  }
}
@media all and (max-width: 954px) and (min-width: 953px) {
  html, body {
    font-size: 15.42px;
  }
}
@media all and (max-width: 952px) and (min-width: 951px) {
  html, body {
    font-size: 15.39px;
  }
}
@media all and (max-width: 950px) and (min-width: 949px) {
  html, body {
    font-size: 15.35px;
  }
}
@media all and (max-width: 948px) and (min-width: 947px) {
  html, body {
    font-size: 15.32px;
  }
}
@media all and (max-width: 946px) and (min-width: 945px) {
  html, body {
    font-size: 15.29px;
  }
}
@media all and (max-width: 944px) and (min-width: 943px) {
  html, body {
    font-size: 15.26px;
  }
}
@media all and (max-width: 942px) and (min-width: 941px) {
  html, body {
    font-size: 15.22px;
  }
}
@media all and (max-width: 940px) and (min-width: 939px) {
  html, body {
    font-size: 15.19px;
  }
}
@media all and (max-width: 938px) and (min-width: 937px) {
  html, body {
    font-size: 15.16px;
  }
}
@media all and (max-width: 936px) and (min-width: 935px) {
  html, body {
    font-size: 15.13px;
  }
}
@media all and (max-width: 934px) and (min-width: 933px) {
  html, body {
    font-size: 15.09px;
  }
}
@media all and (max-width: 932px) and (min-width: 931px) {
  html, body {
    font-size: 15.06px;
  }
}
@media all and (max-width: 930px) and (min-width: 929px) {
  html, body {
    font-size: 15.03px;
  }
}
@media all and (max-width: 928px) and (min-width: 927px) {
  html, body {
    font-size: 15px;
  }
}
@media all and (max-width: 926px) and (min-width: 925px) {
  html, body {
    font-size: 14.97px;
  }
}
@media all and (max-width: 924px) and (min-width: 923px) {
  html, body {
    font-size: 14.93px;
  }
}
@media all and (max-width: 922px) and (min-width: 921px) {
  html, body {
    font-size: 14.9px;
  }
}
@media all and (max-width: 920px) and (min-width: 919px) {
  html, body {
    font-size: 14.87px;
  }
}
@media all and (max-width: 918px) and (min-width: 917px) {
  html, body {
    font-size: 14.84px;
  }
}
@media all and (max-width: 916px) and (min-width: 915px) {
  html, body {
    font-size: 14.8px;
  }
}
@media all and (max-width: 914px) and (min-width: 913px) {
  html, body {
    font-size: 14.77px;
  }
}
@media all and (max-width: 912px) and (min-width: 911px) {
  html, body {
    font-size: 14.74px;
  }
}
@media all and (max-width: 910px) and (min-width: 909px) {
  html, body {
    font-size: 14.71px;
  }
}
@media all and (max-width: 908px) and (min-width: 907px) {
  html, body {
    font-size: 14.67px;
  }
}
@media all and (max-width: 906px) and (min-width: 905px) {
  html, body {
    font-size: 14.64px;
  }
}
@media all and (max-width: 904px) and (min-width: 903px) {
  html, body {
    font-size: 14.61px;
  }
}
@media all and (max-width: 902px) and (min-width: 901px) {
  html, body {
    font-size: 14.58px;
  }
}
@media all and (max-width: 900px) and (min-width: 899px) {
  html, body {
    font-size: 14.55px;
  }
}
@media all and (max-width: 898px) and (min-width: 897px) {
  html, body {
    font-size: 14.51px;
  }
}
@media all and (max-width: 896px) and (min-width: 895px) {
  html, body {
    font-size: 14.48px;
  }
}
@media all and (max-width: 894px) and (min-width: 893px) {
  html, body {
    font-size: 14.45px;
  }
}
@media all and (max-width: 892px) and (min-width: 891px) {
  html, body {
    font-size: 14.42px;
  }
}
@media all and (max-width: 890px) and (min-width: 889px) {
  html, body {
    font-size: 14.38px;
  }
}
@media all and (max-width: 888px) and (min-width: 887px) {
  html, body {
    font-size: 14.35px;
  }
}
@media all and (max-width: 886px) and (min-width: 885px) {
  html, body {
    font-size: 14.32px;
  }
}
@media all and (max-width: 884px) and (min-width: 883px) {
  html, body {
    font-size: 14.29px;
  }
}
@media all and (max-width: 882px) and (min-width: 881px) {
  html, body {
    font-size: 14.25px;
  }
}
@media all and (max-width: 880px) and (min-width: 879px) {
  html, body {
    font-size: 14.22px;
  }
}
@media all and (max-width: 878px) and (min-width: 877px) {
  html, body {
    font-size: 14.19px;
  }
}
@media all and (max-width: 876px) and (min-width: 875px) {
  html, body {
    font-size: 14.16px;
  }
}
@media all and (max-width: 874px) and (min-width: 873px) {
  html, body {
    font-size: 14.13px;
  }
}
@media all and (max-width: 872px) and (min-width: 871px) {
  html, body {
    font-size: 14.09px;
  }
}
@media all and (max-width: 870px) and (min-width: 869px) {
  html, body {
    font-size: 14.06px;
  }
}
@media all and (max-width: 868px) and (min-width: 867px) {
  html, body {
    font-size: 14.03px;
  }
}
@media all and (max-width: 866px) and (min-width: 865px) {
  html, body {
    font-size: 14px;
  }
}
@media all and (max-width: 864px) and (min-width: 863px) {
  html, body {
    font-size: 13.96px;
  }
}
@media all and (max-width: 862px) and (min-width: 861px) {
  html, body {
    font-size: 13.93px;
  }
}
@media all and (max-width: 860px) and (min-width: 859px) {
  html, body {
    font-size: 13.9px;
  }
}
@media all and (max-width: 858px) and (min-width: 857px) {
  html, body {
    font-size: 13.87px;
  }
}
@media all and (max-width: 856px) and (min-width: 855px) {
  html, body {
    font-size: 13.83px;
  }
}
@media all and (max-width: 854px) and (min-width: 853px) {
  html, body {
    font-size: 13.8px;
  }
}
@media all and (max-width: 852px) and (min-width: 851px) {
  html, body {
    font-size: 13.77px;
  }
}
@media all and (max-width: 850px) and (min-width: 849px) {
  html, body {
    font-size: 13.74px;
  }
}
@media all and (max-width: 848px) and (min-width: 847px) {
  html, body {
    font-size: 13.71px;
  }
}
@media all and (max-width: 846px) and (min-width: 845px) {
  html, body {
    font-size: 13.67px;
  }
}
@media all and (max-width: 844px) and (min-width: 843px) {
  html, body {
    font-size: 13.64px;
  }
}
@media all and (max-width: 842px) and (min-width: 841px) {
  html, body {
    font-size: 13.61px;
  }
}
@media all and (max-width: 840px) and (min-width: 839px) {
  html, body {
    font-size: 13.58px;
  }
}
@media all and (max-width: 838px) and (min-width: 837px) {
  html, body {
    font-size: 13.54px;
  }
}
@media all and (max-width: 836px) and (min-width: 835px) {
  html, body {
    font-size: 13.51px;
  }
}
@media all and (max-width: 834px) and (min-width: 833px) {
  html, body {
    font-size: 13.48px;
  }
}
@media all and (max-width: 832px) and (min-width: 831px) {
  html, body {
    font-size: 13.45px;
  }
}
@media all and (max-width: 830px) and (min-width: 829px) {
  html, body {
    font-size: 13.41px;
  }
}
@media all and (max-width: 828px) and (min-width: 827px) {
  html, body {
    font-size: 13.38px;
  }
}
@media all and (max-width: 826px) and (min-width: 825px) {
  html, body {
    font-size: 13.35px;
  }
}
@media all and (max-width: 824px) and (min-width: 823px) {
  html, body {
    font-size: 13.32px;
  }
}
@media all and (max-width: 822px) and (min-width: 821px) {
  html, body {
    font-size: 13.28px;
  }
}
@media all and (max-width: 820px) and (min-width: 819px) {
  html, body {
    font-size: 13.25px;
  }
}
@media all and (max-width: 818px) and (min-width: 817px) {
  html, body {
    font-size: 13.22px;
  }
}
@media all and (max-width: 816px) and (min-width: 815px) {
  html, body {
    font-size: 13.19px;
  }
}
@media all and (max-width: 814px) and (min-width: 813px) {
  html, body {
    font-size: 13.16px;
  }
}
@media all and (max-width: 812px) and (min-width: 811px) {
  html, body {
    font-size: 13.12px;
  }
}
@media all and (max-width: 810px) and (min-width: 809px) {
  html, body {
    font-size: 13.09px;
  }
}
@media all and (max-width: 808px) and (min-width: 807px) {
  html, body {
    font-size: 13.06px;
  }
}
@media all and (max-width: 806px) and (min-width: 805px) {
  html, body {
    font-size: 13.03px;
  }
}
@media all and (max-width: 804px) and (min-width: 803px) {
  html, body {
    font-size: 12.99px;
  }
}
@media all and (max-width: 802px) and (min-width: 801px) {
  html, body {
    font-size: 12.96px;
  }
}
@media all and (max-width: 800px) and (min-width: 799px) {
  html, body {
    font-size: 12.93px;
  }
}
@media all and (max-width: 798px) and (min-width: 797px) {
  html, body {
    font-size: 12.9px;
  }
}
@media all and (max-width: 796px) and (min-width: 795px) {
  html, body {
    font-size: 12.86px;
  }
}
@media all and (max-width: 794px) and (min-width: 793px) {
  html, body {
    font-size: 12.83px;
  }
}
@media all and (max-width: 792px) and (min-width: 791px) {
  html, body {
    font-size: 12.8px;
  }
}
@media all and (max-width: 790px) and (min-width: 789px) {
  html, body {
    font-size: 12.77px;
  }
}
@media all and (max-width: 788px) and (min-width: 787px) {
  html, body {
    font-size: 12.74px;
  }
}
@media all and (max-width: 786px) and (min-width: 785px) {
  html, body {
    font-size: 12.7px;
  }
}
@media all and (max-width: 784px) and (min-width: 783px) {
  html, body {
    font-size: 12.67px;
  }
}
@media all and (max-width: 782px) and (min-width: 781px) {
  html, body {
    font-size: 12.64px;
  }
}
@media all and (max-width: 780px) and (min-width: 779px) {
  html, body {
    font-size: 12.61px;
  }
}
@media all and (max-width: 778px) and (min-width: 777px) {
  html, body {
    font-size: 12.57px;
  }
}
@media all and (max-width: 776px) and (min-width: 775px) {
  html, body {
    font-size: 12.54px;
  }
}
@media all and (max-width: 774px) and (min-width: 773px) {
  html, body {
    font-size: 12.51px;
  }
}
@media all and (max-width: 772px) and (min-width: 771px) {
  html, body {
    font-size: 12.48px;
  }
}
@media all and (max-width: 770px) and (min-width: 769px) {
  html, body {
    font-size: 12.44px;
  }
}
@media all and (max-width: 768px) and (min-width: 767px) {
  html, body {
    font-size: 12.41px;
  }
}
@media all and (max-width: 766px) and (min-width: 765px) {
  html, body {
    font-size: 12.38px;
  }
}
@media all and (max-width: 764px) and (min-width: 763px) {
  html, body {
    font-size: 12.35px;
  }
}
@media all and (max-width: 762px) and (min-width: 761px) {
  html, body {
    font-size: 12.32px;
  }
}
@media all and (max-width: 760px) and (min-width: 759px) {
  html, body {
    font-size: 12.28px;
  }
}
@media all and (max-width: 758px) and (min-width: 757px) {
  html, body {
    font-size: 12.25px;
  }
}
@media all and (max-width: 756px) and (min-width: 755px) {
  html, body {
    font-size: 12.22px;
  }
}
@media all and (max-width: 754px) and (min-width: 753px) {
  html, body {
    font-size: 12.19px;
  }
}
@media all and (max-width: 752px) and (min-width: 751px) {
  html, body {
    font-size: 12.15px;
  }
}
@media all and (max-width: 750px) and (min-width: 749px) {
  html, body {
    font-size: 12.12px;
  }
}
@media all and (max-width: 748px) and (min-width: 747px) {
  html, body {
    font-size: 12.09px;
  }
}
@media all and (max-width: 746px) and (min-width: 745px) {
  html, body {
    font-size: 12.06px;
  }
}
@media all and (max-width: 744px) and (min-width: 743px) {
  html, body {
    font-size: 12.02px;
  }
}
@media all and (max-width: 742px) and (min-width: 741px) {
  html, body {
    font-size: 11.99px;
  }
}
@media all and (max-width: 740px) and (min-width: 739px) {
  html, body {
    font-size: 11.96px;
  }
}
@media all and (max-width: 738px) and (min-width: 737px) {
  html, body {
    font-size: 11.93px;
  }
}
@media all and (max-width: 736px) and (min-width: 735px) {
  html, body {
    font-size: 11.89px;
  }
}
@media all and (max-width: 734px) and (min-width: 733px) {
  html, body {
    font-size: 11.86px;
  }
}
@media all and (max-width: 732px) and (min-width: 731px) {
  html, body {
    font-size: 11.83px;
  }
}
@media all and (max-width: 730px) and (min-width: 729px) {
  html, body {
    font-size: 11.8px;
  }
}
@media all and (max-width: 728px) and (min-width: 727px) {
  html, body {
    font-size: 11.77px;
  }
}
@media all and (max-width: 726px) and (min-width: 725px) {
  html, body {
    font-size: 11.73px;
  }
}
@media all and (max-width: 724px) and (min-width: 723px) {
  html, body {
    font-size: 11.7px;
  }
}
@media all and (max-width: 722px) and (min-width: 721px) {
  html, body {
    font-size: 11.67px;
  }
}
@media all and (max-width: 720px) and (min-width: 719px) {
  html, body {
    font-size: 11.64px;
  }
}
@media all and (max-width: 718px) and (min-width: 717px) {
  html, body {
    font-size: 11.6px;
  }
}
@media all and (max-width: 716px) and (min-width: 715px) {
  html, body {
    font-size: 11.57px;
  }
}
@media all and (max-width: 714px) and (min-width: 713px) {
  html, body {
    font-size: 11.54px;
  }
}
@media all and (max-width: 712px) and (min-width: 711px) {
  html, body {
    font-size: 11.51px;
  }
}
@media all and (max-width: 710px) and (min-width: 709px) {
  html, body {
    font-size: 11.47px;
  }
}
@media all and (max-width: 708px) and (min-width: 707px) {
  html, body {
    font-size: 11.44px;
  }
}
@media all and (max-width: 706px) and (min-width: 705px) {
  html, body {
    font-size: 11.41px;
  }
}
@media all and (max-width: 704px) and (min-width: 703px) {
  html, body {
    font-size: 11.38px;
  }
}
@media all and (max-width: 702px) and (min-width: 701px) {
  html, body {
    font-size: 11.35px;
  }
}
@media all and (max-width: 700px) and (min-width: 699px) {
  html, body {
    font-size: 11.31px;
  }
}
@media all and (max-width: 698px) and (min-width: 697px) {
  html, body {
    font-size: 11.28px;
  }
}
@media all and (max-width: 696px) and (min-width: 695px) {
  html, body {
    font-size: 11.25px;
  }
}
@media all and (max-width: 694px) and (min-width: 693px) {
  html, body {
    font-size: 11.22px;
  }
}
@media all and (max-width: 692px) and (min-width: 691px) {
  html, body {
    font-size: 11.18px;
  }
}
@media all and (max-width: 690px) and (min-width: 689px) {
  html, body {
    font-size: 11.15px;
  }
}
@media all and (max-width: 688px) and (min-width: 687px) {
  html, body {
    font-size: 11.12px;
  }
}
@media all and (max-width: 686px) and (min-width: 685px) {
  html, body {
    font-size: 11.09px;
  }
}
@media all and (max-width: 684px) and (min-width: 683px) {
  html, body {
    font-size: 11.05px;
  }
}
@media all and (max-width: 682px) and (min-width: 681px) {
  html, body {
    font-size: 11.02px;
  }
}
@media all and (max-width: 680px) and (min-width: 679px) {
  html, body {
    font-size: 10.99px;
  }
}
@media all and (max-width: 678px) and (min-width: 677px) {
  html, body {
    font-size: 10.96px;
  }
}
@media all and (max-width: 676px) and (min-width: 675px) {
  html, body {
    font-size: 10.93px;
  }
}
@media all and (max-width: 674px) and (min-width: 673px) {
  html, body {
    font-size: 10.89px;
  }
}
@media all and (max-width: 672px) and (min-width: 671px) {
  html, body {
    font-size: 10.86px;
  }
}
@media all and (max-width: 670px) and (min-width: 669px) {
  html, body {
    font-size: 10.83px;
  }
}
@media all and (max-width: 668px) and (min-width: 667px) {
  html, body {
    font-size: 10.8px;
  }
}
@media all and (max-width: 666px) and (min-width: 665px) {
  html, body {
    font-size: 10.76px;
  }
}
@media all and (max-width: 664px) and (min-width: 663px) {
  html, body {
    font-size: 10.73px;
  }
}
@media all and (max-width: 662px) and (min-width: 661px) {
  html, body {
    font-size: 10.7px;
  }
}
@media all and (max-width: 660px) and (min-width: 659px) {
  html, body {
    font-size: 10.67px;
  }
}
@media all and (max-width: 658px) and (min-width: 657px) {
  html, body {
    font-size: 10.63px;
  }
}
@media all and (max-width: 656px) and (min-width: 655px) {
  html, body {
    font-size: 10.6px;
  }
}
@media all and (max-width: 654px) and (min-width: 653px) {
  html, body {
    font-size: 10.57px;
  }
}
@media all and (max-width: 652px) and (min-width: 651px) {
  html, body {
    font-size: 10.54px;
  }
}
@media all and (max-width: 650px) and (min-width: 649px) {
  html, body {
    font-size: 10.51px;
  }
}
@media all and (max-width: 648px) and (min-width: 647px) {
  html, body {
    font-size: 10.47px;
  }
}
@media all and (max-width: 646px) and (min-width: 645px) {
  html, body {
    font-size: 10.44px;
  }
}
@media all and (max-width: 644px) and (min-width: 643px) {
  html, body {
    font-size: 10.41px;
  }
}
@media all and (max-width: 642px) and (min-width: 641px) {
  html, body {
    font-size: 10.38px;
  }
}
@media all and (max-width: 640px) and (min-width: 639px) {
  html, body {
    font-size: 10.34px;
  }
}
@media all and (max-width: 638px) and (min-width: 637px) {
  html, body {
    font-size: 10.31px;
  }
}
@media all and (max-width: 636px) and (min-width: 635px) {
  html, body {
    font-size: 10.28px;
  }
}
@media all and (max-width: 634px) and (min-width: 633px) {
  html, body {
    font-size: 10.25px;
  }
}
@media all and (max-width: 632px) and (min-width: 631px) {
  html, body {
    font-size: 10.21px;
  }
}
@media all and (max-width: 630px) and (min-width: 629px) {
  html, body {
    font-size: 10.18px;
  }
}
@media all and (max-width: 628px) and (min-width: 627px) {
  html, body {
    font-size: 10.15px;
  }
}
@media all and (max-width: 626px) and (min-width: 625px) {
  html, body {
    font-size: 10.12px;
  }
}
@media all and (max-width: 624px) and (min-width: 623px) {
  html, body {
    font-size: 10.08px;
  }
}
@media all and (max-width: 622px) and (min-width: 621px) {
  html, body {
    font-size: 10.05px;
  }
}
@media all and (max-width: 620px) and (min-width: 619px) {
  html, body {
    font-size: 10.02px;
  }
}
@media all and (max-width: 618px) and (min-width: 617px) {
  html, body {
    font-size: 9.99px;
  }
}
@media all and (max-width: 616px) and (min-width: 615px) {
  html, body {
    font-size: 9.96px;
  }
}
@media all and (max-width: 614px) and (min-width: 613px) {
  html, body {
    font-size: 9.92px;
  }
}
@media all and (max-width: 612px) and (min-width: 611px) {
  html, body {
    font-size: 9.89px;
  }
}
@media all and (max-width: 610px) and (min-width: 609px) {
  html, body {
    font-size: 9.86px;
  }
}
@media all and (max-width: 608px) and (min-width: 607px) {
  html, body {
    font-size: 9.83px;
  }
}
@media all and (max-width: 606px) and (min-width: 605px) {
  html, body {
    font-size: 9.79px;
  }
}
@media all and (max-width: 604px) and (min-width: 603px) {
  html, body {
    font-size: 9.76px;
  }
}
@media all and (max-width: 602px) and (min-width: 601px) {
  html, body {
    font-size: 9.73px;
  }
}
@media all and (max-width: 600px) and (min-width: 599px) {
  html, body {
    font-size: 9.7px;
  }
}
@media all and (max-width: 598px) and (min-width: 597px) {
  html, body {
    font-size: 9.66px;
  }
}
@media all and (max-width: 596px) and (min-width: 595px) {
  html, body {
    font-size: 9.63px;
  }
}
@media all and (max-width: 594px) and (min-width: 593px) {
  html, body {
    font-size: 9.6px;
  }
}
@media all and (max-width: 592px) and (min-width: 591px) {
  html, body {
    font-size: 9.57px;
  }
}
@media all and (max-width: 590px) and (min-width: 589px) {
  html, body {
    font-size: 9.54px;
  }
}
@media all and (max-width: 588px) and (min-width: 587px) {
  html, body {
    font-size: 9.5px;
  }
}
@media all and (max-width: 586px) and (min-width: 585px) {
  html, body {
    font-size: 9.47px;
  }
}
@media all and (max-width: 584px) and (min-width: 583px) {
  html, body {
    font-size: 9.44px;
  }
}
@media all and (max-width: 582px) and (min-width: 581px) {
  html, body {
    font-size: 9.41px;
  }
}
@media all and (max-width: 580px) and (min-width: 579px) {
  html, body {
    font-size: 9.37px;
  }
}
@media all and (max-width: 578px) and (min-width: 577px) {
  html, body {
    font-size: 9.34px;
  }
}
@media all and (max-width: 576px) and (min-width: 575px) {
  html, body {
    font-size: 9.31px;
  }
}
@media all and (max-width: 574px) and (min-width: 573px) {
  html, body {
    font-size: 9.28px;
  }
}
@media all and (max-width: 572px) and (min-width: 571px) {
  html, body {
    font-size: 9.24px;
  }
}
@media all and (max-width: 570px) and (min-width: 569px) {
  html, body {
    font-size: 9.21px;
  }
}
@media all and (max-width: 568px) and (min-width: 567px) {
  html, body {
    font-size: 9.18px;
  }
}
@media all and (max-width: 566px) and (min-width: 565px) {
  html, body {
    font-size: 9.15px;
  }
}
@media all and (max-width: 564px) and (min-width: 563px) {
  html, body {
    font-size: 9.12px;
  }
}
@media all and (max-width: 562px) and (min-width: 561px) {
  html, body {
    font-size: 9.08px;
  }
}
@media all and (max-width: 560px) and (min-width: 559px) {
  html, body {
    font-size: 9.05px;
  }
}
@media all and (max-width: 558px) and (min-width: 557px) {
  html, body {
    font-size: 9.02px;
  }
}
@media all and (max-width: 556px) and (min-width: 555px) {
  html, body {
    font-size: 8.99px;
  }
}
@media all and (max-width: 554px) and (min-width: 553px) {
  html, body {
    font-size: 8.95px;
  }
}
@media all and (max-width: 552px) and (min-width: 551px) {
  html, body {
    font-size: 8.92px;
  }
}
@media all and (max-width: 550px) and (min-width: 549px) {
  html, body {
    font-size: 8.89px;
  }
}
@media all and (max-width: 548px) and (min-width: 547px) {
  html, body {
    font-size: 8.86px;
  }
}
@media all and (max-width: 546px) and (min-width: 545px) {
  html, body {
    font-size: 8.82px;
  }
}
@media all and (max-width: 544px) and (min-width: 543px) {
  html, body {
    font-size: 8.79px;
  }
}
@media all and (max-width: 542px) and (min-width: 541px) {
  html, body {
    font-size: 8.76px;
  }
}
@media all and (max-width: 540px) and (min-width: 539px) {
  html, body {
    font-size: 8.73px;
  }
}
@media all and (max-width: 538px) and (min-width: 537px) {
  html, body {
    font-size: 8.69px;
  }
}
@media all and (max-width: 536px) and (min-width: 535px) {
  html, body {
    font-size: 8.66px;
  }
}
@media all and (max-width: 534px) and (min-width: 533px) {
  html, body {
    font-size: 8.63px;
  }
}
@media all and (max-width: 532px) and (min-width: 531px) {
  html, body {
    font-size: 8.6px;
  }
}
@media all and (max-width: 530px) and (min-width: 529px) {
  html, body {
    font-size: 8.57px;
  }
}
@media all and (max-width: 528px) and (min-width: 527px) {
  html, body {
    font-size: 8.53px;
  }
}
@media all and (max-width: 526px) and (min-width: 525px) {
  html, body {
    font-size: 8.5px;
  }
}
@media all and (max-width: 524px) and (min-width: 523px) {
  html, body {
    font-size: 8.47px;
  }
}
@media all and (max-width: 522px) and (min-width: 521px) {
  html, body {
    font-size: 8.44px;
  }
}
@media all and (max-width: 520px) and (min-width: 519px) {
  html, body {
    font-size: 8.4px;
  }
}
@media all and (max-width: 518px) and (min-width: 517px) {
  html, body {
    font-size: 8.37px;
  }
}
@media all and (max-width: 516px) and (min-width: 515px) {
  html, body {
    font-size: 8.34px;
  }
}
@media all and (max-width: 514px) and (min-width: 513px) {
  html, body {
    font-size: 8.31px;
  }
}
@media all and (max-width: 512px) and (min-width: 511px) {
  html, body {
    font-size: 8.27px;
  }
}
@media all and (max-width: 510px) and (min-width: 509px) {
  html, body {
    font-size: 8.24px;
  }
}
@media all and (max-width: 508px) and (min-width: 507px) {
  html, body {
    font-size: 8.21px;
  }
}
@media all and (max-width: 506px) and (min-width: 505px) {
  html, body {
    font-size: 8.18px;
  }
}
@media all and (max-width: 504px) and (min-width: 503px) {
  html, body {
    font-size: 8.15px;
  }
}
@media all and (max-width: 502px) and (min-width: 501px) {
  html, body {
    font-size: 8.11px;
  }
}
@media all and (max-width: 500px) and (min-width: 499px) {
  html, body {
    font-size: 8.08px;
  }
}
@media all and (max-width: 498px) and (min-width: 497px) {
  html, body {
    font-size: 8.05px;
  }
}
@media all and (max-width: 496px) and (min-width: 495px) {
  html, body {
    font-size: 8.02px;
  }
}
@media all and (max-width: 494px) and (min-width: 493px) {
  html, body {
    font-size: 7.98px;
  }
}
@media all and (max-width: 492px) and (min-width: 491px) {
  html, body {
    font-size: 7.95px;
  }
}
@media all and (max-width: 490px) and (min-width: 489px) {
  html, body {
    font-size: 7.92px;
  }
}
@media all and (max-width: 488px) and (min-width: 487px) {
  html, body {
    font-size: 7.89px;
  }
}
@media all and (max-width: 486px) and (min-width: 485px) {
  html, body {
    font-size: 7.85px;
  }
}
@media all and (max-width: 484px) and (min-width: 483px) {
  html, body {
    font-size: 7.82px;
  }
}
@media all and (max-width: 482px) and (min-width: 481px) {
  html, body {
    font-size: 7.79px;
  }
}
@media all and (max-width: 480px) and (min-width: 479px) {
  html, body {
    font-size: 7.76px;
  }
}
@media all and (max-width: 478px) and (min-width: 477px) {
  html, body {
    font-size: 7.73px;
  }
}
@media all and (max-width: 476px) and (min-width: 475px) {
  html, body {
    font-size: 7.69px;
  }
}
@media all and (max-width: 474px) and (min-width: 473px) {
  html, body {
    font-size: 7.66px;
  }
}
@media all and (max-width: 472px) and (min-width: 471px) {
  html, body {
    font-size: 7.63px;
  }
}
@media all and (max-width: 470px) and (min-width: 469px) {
  html, body {
    font-size: 7.6px;
  }
}
@media all and (max-width: 468px) and (min-width: 467px) {
  html, body {
    font-size: 7.56px;
  }
}
@media all and (max-width: 466px) and (min-width: 465px) {
  html, body {
    font-size: 7.53px;
  }
}
@media all and (max-width: 464px) and (min-width: 463px) {
  html, body {
    font-size: 7.5px;
  }
}
@media all and (max-width: 462px) and (min-width: 461px) {
  html, body {
    font-size: 7.47px;
  }
}
@media all and (max-width: 460px) and (min-width: 459px) {
  html, body {
    font-size: 7.43px;
  }
}
@media all and (max-width: 458px) and (min-width: 457px) {
  html, body {
    font-size: 7.4px;
  }
}
@media all and (max-width: 456px) and (min-width: 455px) {
  html, body {
    font-size: 7.37px;
  }
}
@media all and (max-width: 454px) and (min-width: 453px) {
  html, body {
    font-size: 7.34px;
  }
}
@media all and (max-width: 452px) and (min-width: 451px) {
  html, body {
    font-size: 7.31px;
  }
}
@media all and (max-width: 450px) and (min-width: 449px) {
  html, body {
    font-size: 7.27px;
  }
}
@media all and (max-width: 448px) and (min-width: 447px) {
  html, body {
    font-size: 7.24px;
  }
}
@media all and (max-width: 446px) and (min-width: 445px) {
  html, body {
    font-size: 7.21px;
  }
}
@media all and (max-width: 444px) and (min-width: 443px) {
  html, body {
    font-size: 7.18px;
  }
}
@media all and (max-width: 442px) and (min-width: 441px) {
  html, body {
    font-size: 7.14px;
  }
}
@media all and (max-width: 440px) and (min-width: 439px) {
  html, body {
    font-size: 7.11px;
  }
}
@media all and (max-width: 438px) and (min-width: 437px) {
  html, body {
    font-size: 7.08px;
  }
}
@media all and (max-width: 436px) and (min-width: 435px) {
  html, body {
    font-size: 7.05px;
  }
}
@media all and (max-width: 434px) and (min-width: 433px) {
  html, body {
    font-size: 7.01px;
  }
}
@media all and (max-width: 432px) and (min-width: 431px) {
  html, body {
    font-size: 6.98px;
  }
}
@media all and (max-width: 430px) and (min-width: 429px) {
  html, body {
    font-size: 6.95px;
  }
}
@media all and (max-width: 428px) and (min-width: 427px) {
  html, body {
    font-size: 6.92px;
  }
}
@media all and (max-width: 426px) and (min-width: 425px) {
  html, body {
    font-size: 6.88px;
  }
}
@media all and (max-width: 424px) and (min-width: 423px) {
  html, body {
    font-size: 6.85px;
  }
}
@media all and (max-width: 422px) and (min-width: 421px) {
  html, body {
    font-size: 6.82px;
  }
}
@media all and (max-width: 420px) and (min-width: 419px) {
  html, body {
    font-size: 6.79px;
  }
}
@media all and (max-width: 418px) and (min-width: 417px) {
  html, body {
    font-size: 6.76px;
  }
}
@media all and (max-width: 416px) and (min-width: 415px) {
  html, body {
    font-size: 6.72px;
  }
}
@media all and (max-width: 414px) and (min-width: 413px) {
  html, body {
    font-size: 6.69px;
  }
}
@media all and (max-width: 412px) and (min-width: 411px) {
  html, body {
    font-size: 6.66px;
  }
}
@media all and (max-width: 410px) and (min-width: 409px) {
  html, body {
    font-size: 6.63px;
  }
}
@media all and (max-width: 408px) and (min-width: 407px) {
  html, body {
    font-size: 6.59px;
  }
}
@media all and (max-width: 406px) and (min-width: 405px) {
  html, body {
    font-size: 6.56px;
  }
}
@media all and (max-width: 404px) and (min-width: 403px) {
  html, body {
    font-size: 6.53px;
  }
}
@media all and (max-width: 402px) and (min-width: 401px) {
  html, body {
    font-size: 6.5px;
  }
}
@media all and (max-width: 400px) and (min-width: 399px) {
  html, body {
    font-size: 6.46px;
  }
}
@media all and (max-width: 398px) and (min-width: 397px) {
  html, body {
    font-size: 6.43px;
  }
}
@media all and (max-width: 396px) and (min-width: 395px) {
  html, body {
    font-size: 6.4px;
  }
}
@media all and (max-width: 394px) and (min-width: 393px) {
  html, body {
    font-size: 6.37px;
  }
}
@media all and (max-width: 392px) and (min-width: 391px) {
  html, body {
    font-size: 6.34px;
  }
}
@media all and (max-width: 390px) and (min-width: 389px) {
  html, body {
    font-size: 6.3px;
  }
}
@media all and (max-width: 388px) and (min-width: 387px) {
  html, body {
    font-size: 6.27px;
  }
}
@media all and (max-width: 386px) and (min-width: 385px) {
  html, body {
    font-size: 6.24px;
  }
}
@media all and (max-width: 384px) and (min-width: 383px) {
  html, body {
    font-size: 6.21px;
  }
}
@media all and (max-width: 382px) and (min-width: 381px) {
  html, body {
    font-size: 6.17px;
  }
}
@media all and (max-width: 380px) and (min-width: 379px) {
  html, body {
    font-size: 6.14px;
  }
}
@media all and (max-width: 378px) and (min-width: 377px) {
  html, body {
    font-size: 6.11px;
  }
}
@media all and (max-width: 376px) and (min-width: 375px) {
  html, body {
    font-size: 6.08px;
  }
}
@media all and (max-width: 374px) and (min-width: 373px) {
  html, body {
    font-size: 6.04px;
  }
}
@media all and (max-width: 372px) and (min-width: 371px) {
  html, body {
    font-size: 6.01px;
  }
}
@media all and (max-width: 370px) and (min-width: 369px) {
  html, body {
    font-size: 5.98px;
  }
}
@media all and (max-width: 368px) and (min-width: 367px) {
  html, body {
    font-size: 5.95px;
  }
}
@media all and (max-width: 366px) and (min-width: 365px) {
  html, body {
    font-size: 5.92px;
  }
}
@media all and (max-width: 364px) and (min-width: 363px) {
  html, body {
    font-size: 5.88px;
  }
}
@media all and (max-width: 362px) and (min-width: 361px) {
  html, body {
    font-size: 5.85px;
  }
}
@media all and (max-width: 360px) {
  html, body {
    font-size: 5.82px;
  }
}

/**
 Replace `$search` with `$replace` in `$string`
 @author Hugo Giraudel
 @param {String} $string - Initial string
 @param {String} $search - Substring to replace
 @param {String} $replace ('') - New value
 @return {String} - Updated string
 */
*,
*::before,
*::after {
  box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
body, html {
  min-width: 360px;
}

body {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
}
body.body_no-scroll {
  overflow: hidden;
}

.mb-0 {
  margin-bottom: 0;
}

.mt-0 {
  margin-top: 0;
}

.p-0 {
  padding: 0;
}

.mb-1 {
  margin-bottom: 0.25rem;
}

.mt-1 {
  margin-top: 0.25rem;
}

.p-1 {
  padding: 0.25rem;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.mt-2 {
  margin-top: 0.5rem;
}

.p-2 {
  padding: 0.5rem;
}

.mb-3 {
  margin-bottom: 1rem;
}

.mt-3 {
  margin-top: 1rem;
}

.p-3 {
  padding: 1rem;
}

.mb-4 {
  margin-bottom: 1.5rem;
}

.mt-4 {
  margin-top: 1.5rem;
}

.p-4 {
  padding: 1.5rem;
}

.icon {
  position: relative;
  display: inline-block;
  mask-repeat: no-repeat;
  mask-position: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.icon_caret {
  -webkit-mask-image: url("../images/icons/caret.svg");
  mask-image: url("../images/icons/caret.svg");
}
.icon_arrow-right {
  -webkit-mask-image: url("../images/icons/arrow-right.svg");
  mask-image: url("../images/icons/arrow-right.svg");
}
.icon_arrow-up {
  -webkit-mask-image: url("../images/icons/arrow-up.svg");
  mask-image: url("../images/icons/arrow-up.svg");
}
.icon_bag {
  -webkit-mask-image: url("../images/icons/bag.svg");
  mask-image: url("../images/icons/bag.svg");
}
@media all and (max-width: 768px) {
  .icon_bag {
    width: 3.62rem;
    height: 3.62rem;
    mask-size: 3.62rem 3.62rem;
    -webkit-mask-image: 3.62rem 3.62rem;
  }
}
.icon_chevron-left {
  -webkit-mask-image: url("../images/icons/chevron-left.svg");
  mask-image: url("../images/icons/chevron-left.svg");
}
.icon_chevron-right {
  -webkit-mask-image: url("../images/icons/chevron-right.svg");
  mask-image: url("../images/icons/chevron-right.svg");
}
.icon_cross {
  -webkit-mask-image: url("../images/icons/cross.svg");
  mask-image: url("../images/icons/cross.svg");
}
.icon_delete {
  -webkit-mask-image: url("../images/icons/delete.svg");
  mask-image: url("../images/icons/delete.svg");
}
.icon_edit {
  height: 1rem;
  width: 1rem;
  -webkit-background-image: url("../images/icons/edit.svg");
  background-image: url("../images/icons/edit.svg");
}
@media all and (max-width: 768px) {
  .icon_edit {
    height: 2.633rem;
    width: 2.633rem;
    mask-size: 2.633rem 2.633rem;
    -webkit-mask-size: 2.633rem 2.633rem;
  }
}
.icon_facebook {
  -webkit-mask-image: url("../images/icons/facebook.svg");
  mask-image: url("../images/icons/facebook.svg");
}
.icon_history {
  width: 0.75rem;
  height: 1.063rem;
  -webkit-mask-image: url("../images/icons/history.svg");
  mask-image: url("../images/icons/history.svg");
}
@media all and (max-width: 768px) {
  .icon_history {
    width: 1.975rem;
    height: 2.798rem;
    mask-size: 1.975rem 2.798rem;
    -webkit-mask-size: 1.975rem 2.798rem;
  }
}
.icon_instagram {
  -webkit-mask-image: url("../images/icons/instagram.svg");
  mask-image: url("../images/icons/instagram.svg");
}
.icon_logo {
  -webkit-mask-image: url("../images/icons/logo.svg");
  mask-image: url("../images/icons/logo.svg");
}
.icon_logo-alt {
  -webkit-background-image: url("../images/icons/logo-alt.svg");
  background-image: url("../images/icons/logo-alt.svg");
}
.icon_logo-background {
  -webkit-mask-image: url("../images/icons/logo-background.svg");
  mask-image: url("../images/icons/logo-background.svg");
}
.icon_logo-footer {
  -webkit-background-image: url("../images/icons/logo-footer.svg");
  background-image: url("../images/icons/logo-footer.svg");
}
.icon_logo-icon {
  -webkit-mask-image: url("../images/icons/logo-icon.svg");
  mask-image: url("../images/icons/logo-icon.svg");
}
.icon_no-edit {
  height: 1.125rem;
  width: 1.188rem;
  -webkit-background-image: url("../images/icons/no-edit.svg");
  background-image: url("../images/icons/no-edit.svg");
}
@media all and (max-width: 768px) {
  .icon_no-edit {
    height: 2.962rem;
    width: 3.127rem;
    mask-size: 3.127rem 2.962rem;
    -webkit-mask-size: 3.127rem 2.962rem;
  }
}
.icon_pay {
  height: 1rem;
  width: 1.5rem;
  -webkit-background-image: url("../images/icons/pay.svg");
  background-image: url("../images/icons/pay.svg");
}
@media all and (max-width: 768px) {
  .icon_pay {
    height: 2.633rem;
    width: 3.949rem;
    mask-size: 3.949rem 2.633rem;
    -webkit-mask-size: 3.949rem 2.633rem;
  }
}
.icon_no-pay {
  height: 1.313rem;
  width: 1.5rem;
  -webkit-background-image: url("../images/icons/no-pay.svg");
  background-image: url("../images/icons/no-pay.svg");
}
@media all and (max-width: 768px) {
  .icon_no-pay {
    height: 3.456rem;
    width: 3.949rem;
    mask-size: 3.949rem 3.456rem;
    -webkit-mask-size: 3.949rem 3.456rem;
  }
}
.icon_phone {
  -webkit-mask-image: url("../images/icons/phone.svg");
  mask-image: url("../images/icons/phone.svg");
}
.icon_pin {
  -webkit-mask-image: url("../images/icons/pin.svg");
  mask-image: url("../images/icons/pin.svg");
}
.icon_check {
  -webkit-mask-image: url("../images/icons/check.svg");
  mask-image: url("../images/icons/check.svg");
}
.icon_plus {
  -webkit-mask-image: url("../images/icons/plus.svg");
  mask-image: url("../images/icons/plus.svg");
}
.icon_print {
  height: 0.938rem;
  width: 1.063rem;
  -webkit-mask-image: url("../images/icons/print.svg");
  mask-image: url("../images/icons/print.svg");
}
@media all and (max-width: 768px) {
  .icon_print {
    height: 2.468rem;
    width: 2.798rem;
    mask-size: 2.798rem 2.468rem;
    -webkit-mask-size: 2.798rem 2.468rem;
  }
}
.icon_menu {
  -webkit-mask-image: url("../images/icons/menu.svg");
  mask-image: url("../images/icons/menu.svg");
}
@media all and (max-width: 768px) {
  .icon_menu {
    width: 2.798rem;
    height: 2.633rem;
    mask-size: 2.798rem 2.633rem;
    -webkit-mask-image: 2.798rem 2.633rem;
  }
}
.icon_burger {
  -webkit-mask-image: url("../images/icons/burger.svg");
  mask-image: url("../images/icons/burger.svg");
}
@media all and (max-width: 768px) {
  .icon_burger {
    width: 2.633rem;
    height: 1.646rem;
    mask-size: 2.633rem 1.646rem;
    -webkit-mask-image: 2.633rem 1.646rem;
  }
}
.icon_save {
  -webkit-mask-image: url("../images/icons/save.svg");
  mask-image: url("../images/icons/save.svg");
}
.icon_telegram {
  -webkit-mask-image: url("../images/icons/telegram.svg");
  mask-image: url("../images/icons/telegram.svg");
}
.icon_tiktok {
  -webkit-mask-image: url("../images/icons/tiktok.svg");
  mask-image: url("../images/icons/tiktok.svg");
}
.icon_user {
  -webkit-mask-image: url("../images/icons/user.svg");
  mask-image: url("../images/icons/user.svg");
}
@media all and (max-width: 768px) {
  .icon_user {
    width: 3.62rem;
    height: 3.62rem;
    mask-size: 3.62rem 3.62rem;
    -webkit-mask-image: 3.62rem 3.62rem;
  }
}
.icon_vk {
  -webkit-mask-image: url("../images/icons/vk.svg");
  mask-image: url("../images/icons/vk.svg");
}

@font-face {
  font-family: "Tenor Sans";
  font-display: block;
  src: url("../fonts/tenor_sans/TenorSans-Regular.ttf") format("truetype"), url("../fonts/tenor_sans/TenorSans-Regular.otf") format("opentype"), url("../fonts/tenor_sans/TenorSans-Regular.woff") format("woff"), url("../fonts/tenor_sans/TenorSans-Regular.woff2") format("woff2"), url("../fonts/tenor_sans/TenorSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/tenor_sans/TenorSans-Regular.svg#tenor_sans/TenorSans-Regular") format("svg");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Noto Sans";
  font-display: block;
  src: url("../fonts/noto_sans/NotoSans-Thin.ttf") format("truetype"), url("../fonts/noto_sans/NotoSans-Thin.otf") format("opentype"), url("../fonts/noto_sans/NotoSans-Thin.woff") format("woff"), url("../fonts/noto_sans/NotoSans-Thin.woff2") format("woff2"), url("../fonts/noto_sans/NotoSans-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/noto_sans/NotoSans-Thin.svg#noto_sans/NotoSans-Thin") format("svg");
  font-style: normal;
  font-weight: 100;
}
@font-face {
  font-family: "Noto Sans";
  font-display: block;
  src: url("../fonts/noto_sans/NotoSans-ExtraLight.ttf") format("truetype"), url("../fonts/noto_sans/NotoSans-ExtraLight.otf") format("opentype"), url("../fonts/noto_sans/NotoSans-ExtraLight.woff") format("woff"), url("../fonts/noto_sans/NotoSans-ExtraLight.woff2") format("woff2"), url("../fonts/noto_sans/NotoSans-ExtraLight.eot?#iefix") format("embedded-opentype"), url("../fonts/noto_sans/NotoSans-ExtraLight.svg#noto_sans/NotoSans-ExtraLight") format("svg");
  font-style: normal;
  font-weight: 200;
}
@font-face {
  font-family: "Noto Sans";
  font-display: block;
  src: url("../fonts/noto_sans/NotoSans-Light.ttf") format("truetype"), url("../fonts/noto_sans/NotoSans-Light.otf") format("opentype"), url("../fonts/noto_sans/NotoSans-Light.woff") format("woff"), url("../fonts/noto_sans/NotoSans-Light.woff2") format("woff2"), url("../fonts/noto_sans/NotoSans-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/noto_sans/NotoSans-Light.svg#noto_sans/NotoSans-Light") format("svg");
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: "Noto Sans";
  font-display: block;
  src: url("../fonts/noto_sans/NotoSans-Regular.ttf") format("truetype"), url("../fonts/noto_sans/NotoSans-Regular.otf") format("opentype"), url("../fonts/noto_sans/NotoSans-Regular.woff") format("woff"), url("../fonts/noto_sans/NotoSans-Regular.woff2") format("woff2"), url("../fonts/noto_sans/NotoSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/noto_sans/NotoSans-Regular.svg#noto_sans/NotoSans-Regular") format("svg");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Noto Sans";
  font-display: block;
  src: url("../fonts/noto_sans/NotoSans-Medium.ttf") format("truetype"), url("../fonts/noto_sans/NotoSans-Medium.otf") format("opentype"), url("../fonts/noto_sans/NotoSans-Medium.woff") format("woff"), url("../fonts/noto_sans/NotoSans-Medium.woff2") format("woff2"), url("../fonts/noto_sans/NotoSans-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/noto_sans/NotoSans-Medium.svg#noto_sans/NotoSans-Medium") format("svg");
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: "Noto Sans";
  font-display: block;
  src: url("../fonts/noto_sans/NotoSans-SemiBold.ttf") format("truetype"), url("../fonts/noto_sans/NotoSans-SemiBold.otf") format("opentype"), url("../fonts/noto_sans/NotoSans-SemiBold.woff") format("woff"), url("../fonts/noto_sans/NotoSans-SemiBold.woff2") format("woff2"), url("../fonts/noto_sans/NotoSans-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/noto_sans/NotoSans-SemiBold.svg#noto_sans/NotoSans-SemiBold") format("svg");
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: "Noto Sans";
  font-display: block;
  src: url("../fonts/noto_sans/NotoSans-Bold.ttf") format("truetype"), url("../fonts/noto_sans/NotoSans-Bold.otf") format("opentype"), url("../fonts/noto_sans/NotoSans-Bold.woff") format("woff"), url("../fonts/noto_sans/NotoSans-Bold.woff2") format("woff2"), url("../fonts/noto_sans/NotoSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/noto_sans/NotoSans-Bold.svg#noto_sans/NotoSans-Bold") format("svg");
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: "Noto Sans";
  font-display: block;
  src: url("../fonts/noto_sans/NotoSans-ExtraBold.ttf") format("truetype"), url("../fonts/noto_sans/NotoSans-ExtraBold.otf") format("opentype"), url("../fonts/noto_sans/NotoSans-ExtraBold.woff") format("woff"), url("../fonts/noto_sans/NotoSans-ExtraBold.woff2") format("woff2"), url("../fonts/noto_sans/NotoSans-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/noto_sans/NotoSans-ExtraBold.svg#noto_sans/NotoSans-ExtraBold") format("svg");
  font-style: normal;
  font-weight: 800;
}
@font-face {
  font-family: "Noto Sans";
  font-display: block;
  src: url("../fonts/noto_sans/NotoSans-Black.ttf") format("truetype"), url("../fonts/noto_sans/NotoSans-Black.otf") format("opentype"), url("../fonts/noto_sans/NotoSans-Black.woff") format("woff"), url("../fonts/noto_sans/NotoSans-Black.woff2") format("woff2"), url("../fonts/noto_sans/NotoSans-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/noto_sans/NotoSans-Black.svg#noto_sans/NotoSans-Black") format("svg");
  font-style: normal;
  font-weight: 900;
}
@font-face {
  font-family: "Noto Sans";
  font-display: block;
  src: url("../fonts/noto_sans/NotoSans-ThinItalic.ttf") format("truetype"), url("../fonts/noto_sans/NotoSans-ThinItalic.otf") format("opentype"), url("../fonts/noto_sans/NotoSans-ThinItalic.woff") format("woff"), url("../fonts/noto_sans/NotoSans-ThinItalic.woff2") format("woff2"), url("../fonts/noto_sans/NotoSans-ThinItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/noto_sans/NotoSans-ThinItalic.svg#noto_sans/NotoSans-ThinItalic") format("svg");
  font-style: italic;
  font-weight: 100;
}
@font-face {
  font-family: "Noto Sans";
  font-display: block;
  src: url("../fonts/noto_sans/NotoSans-ExtraLightItalic.ttf") format("truetype"), url("../fonts/noto_sans/NotoSans-ExtraLightItalic.otf") format("opentype"), url("../fonts/noto_sans/NotoSans-ExtraLightItalic.woff") format("woff"), url("../fonts/noto_sans/NotoSans-ExtraLightItalic.woff2") format("woff2"), url("../fonts/noto_sans/NotoSans-ExtraLightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/noto_sans/NotoSans-ExtraLightItalic.svg#noto_sans/NotoSans-ExtraLightItalic") format("svg");
  font-style: italic;
  font-weight: 200;
}
@font-face {
  font-family: "Noto Sans";
  font-display: block;
  src: url("../fonts/noto_sans/NotoSans-LightItalic.ttf") format("truetype"), url("../fonts/noto_sans/NotoSans-LightItalic.otf") format("opentype"), url("../fonts/noto_sans/NotoSans-LightItalic.woff") format("woff"), url("../fonts/noto_sans/NotoSans-LightItalic.woff2") format("woff2"), url("../fonts/noto_sans/NotoSans-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/noto_sans/NotoSans-LightItalic.svg#noto_sans/NotoSans-LightItalic") format("svg");
  font-style: italic;
  font-weight: 300;
}
@font-face {
  font-family: "Noto Sans";
  font-display: block;
  src: url("../fonts/noto_sans/NotoSans-Italic.ttf") format("truetype"), url("../fonts/noto_sans/NotoSans-Italic.otf") format("opentype"), url("../fonts/noto_sans/NotoSans-Italic.woff") format("woff"), url("../fonts/noto_sans/NotoSans-Italic.woff2") format("woff2"), url("../fonts/noto_sans/NotoSans-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/noto_sans/NotoSans-Italic.svg#noto_sans/NotoSans-Italic") format("svg");
  font-style: italic;
  font-weight: 400;
}
@font-face {
  font-family: "Noto Sans";
  font-display: block;
  src: url("../fonts/noto_sans/NotoSans-MediumItalic.ttf") format("truetype"), url("../fonts/noto_sans/NotoSans-MediumItalic.otf") format("opentype"), url("../fonts/noto_sans/NotoSans-MediumItalic.woff") format("woff"), url("../fonts/noto_sans/NotoSans-MediumItalic.woff2") format("woff2"), url("../fonts/noto_sans/NotoSans-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/noto_sans/NotoSans-MediumItalic.svg#noto_sans/NotoSans-MediumItalic") format("svg");
  font-style: italic;
  font-weight: 500;
}
@font-face {
  font-family: "Noto Sans";
  font-display: block;
  src: url("../fonts/noto_sans/NotoSans-SemiBoldItalic.ttf") format("truetype"), url("../fonts/noto_sans/NotoSans-SemiBoldItalic.otf") format("opentype"), url("../fonts/noto_sans/NotoSans-SemiBoldItalic.woff") format("woff"), url("../fonts/noto_sans/NotoSans-SemiBoldItalic.woff2") format("woff2"), url("../fonts/noto_sans/NotoSans-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/noto_sans/NotoSans-SemiBoldItalic.svg#noto_sans/NotoSans-SemiBoldItalic") format("svg");
  font-style: italic;
  font-weight: 600;
}
@font-face {
  font-family: "Noto Sans";
  font-display: block;
  src: url("../fonts/noto_sans/NotoSans-BoldItalic.ttf") format("truetype"), url("../fonts/noto_sans/NotoSans-BoldItalic.otf") format("opentype"), url("../fonts/noto_sans/NotoSans-BoldItalic.woff") format("woff"), url("../fonts/noto_sans/NotoSans-BoldItalic.woff2") format("woff2"), url("../fonts/noto_sans/NotoSans-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/noto_sans/NotoSans-BoldItalic.svg#noto_sans/NotoSans-BoldItalic") format("svg");
  font-style: italic;
  font-weight: 700;
}
@font-face {
  font-family: "Noto Sans";
  font-display: block;
  src: url("../fonts/noto_sans/NotoSans-ExtraBoldItalic.ttf") format("truetype"), url("../fonts/noto_sans/NotoSans-ExtraBoldItalic.otf") format("opentype"), url("../fonts/noto_sans/NotoSans-ExtraBoldItalic.woff") format("woff"), url("../fonts/noto_sans/NotoSans-ExtraBoldItalic.woff2") format("woff2"), url("../fonts/noto_sans/NotoSans-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/noto_sans/NotoSans-ExtraBoldItalic.svg#noto_sans/NotoSans-ExtraBoldItalic") format("svg");
  font-style: italic;
  font-weight: 800;
}
@font-face {
  font-family: "Noto Sans";
  font-display: block;
  src: url("../fonts/noto_sans/NotoSans-BlackItalic.ttf") format("truetype"), url("../fonts/noto_sans/NotoSans-BlackItalic.otf") format("opentype"), url("../fonts/noto_sans/NotoSans-BlackItalic.woff") format("woff"), url("../fonts/noto_sans/NotoSans-BlackItalic.woff2") format("woff2"), url("../fonts/noto_sans/NotoSans-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/noto_sans/NotoSans-BlackItalic.svg#noto_sans/NotoSans-BlackItalic") format("svg");
  font-style: italic;
  font-weight: 900;
}
/*
 thin: 100,
  extra-light: 200,
  light: 300,
  normal: 400,
  medium: 500,
  semibold: 600,
  bold: 700,
  extra-bold: 800,
  black: 900,
  extra-black: 950,
*/
h1, h2, h3, h4, h5, p {
  margin: 0;
}

h1 {
  font-size: 3.5rem;
  line-height: 120%;
  font-weight: 400;
}
@media all and (max-width: 768px) {
  h1 {
    font-size: 5.924rem;
    line-height: 100%;
    font-weight: 400;
  }
}

h2 {
  font-size: 2.5rem;
  line-height: 130%;
  font-weight: 400;
}
@media all and (max-width: 768px) {
  h2 {
    font-size: 4.608rem;
    line-height: 100%;
    font-weight: 400;
  }
}

h3 {
  font-size: 1.875rem;
  line-height: 140%;
  font-weight: 400;
  text-align: center;
}
@media all and (max-width: 768px) {
  h3 {
    font-size: 3.62rem;
    line-height: 140%;
    font-weight: 400;
  }
}

@media all and (max-width: 768px) {
  h4 {
    font-size: 2.962rem;
    line-height: 140%;
    font-weight: 400;
  }
}

h5, .h5 {
  font-size: 1rem;
  line-height: 140%;
  font-weight: 400;
}
@media all and (max-width: 768px) {
  h5, .h5 {
    font-size: 2.633rem;
    line-height: 140%;
    font-weight: 400;
  }
}

a {
  cursor: pointer;
}

.subtext {
  font-family: var(--font-secondary);
  font-size: 0.875rem;
  line-height: 140%;
  letter-spacing: 0.02em;
}
@media all and (max-width: 768px) {
  .subtext {
    font-size: 2.304rem;
  }
}
.subtext_brand {
  color: var(--color-brand);
}

.light {
  font-family: var(--font-secondary);
  font-size: 0.75rem;
  line-height: 170%;
  font-weight: 300;
}
@media all and (max-width: 768px) {
  .light {
    font-size: 2.139rem;
    line-height: 150%;
  }
}

.button {
  display: flex;
  -webkit-border-radius: 0rem;
  -moz-border-radius: 0rem;
  border-radius: 0rem;
  font-size: 0.875rem;
  line-height: 2.5rem;
  font-weight: 400;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  border: 1px solid transparent;
  height: 2.5rem;
  letter-spacing: 0.05em;
  outline: none;
  padding: 0 1.875rem;
  position: relative;
  width: 13.125rem;
  gap: 0.5rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  text-decoration: none;
  cursor: pointer;
  font-family: var(--font-secondary);
  text-align: center;
  justify-content: center;
}
@media all and (max-width: 768px) {
  .button {
    width: 100%;
    font-size: 2.304rem;
    line-height: 6.582rem;
    font-weight: 400;
    height: 6.582rem;
    gap: 1.316rem;
    padding: 0 4.937rem;
  }
}
.button_empty {
  background-color: transparent;
  border: 1px solid var(--color-white);
  color: var(--color-brand);
}
.button_empty:hover, .button_empty:active {
  background-color: var(--color-white);
  color: var(--color-text);
}
.button_empty:hover .icon, .button_empty:active .icon {
  background-color: var(--color-text);
}
.button_section {
  font-family: var(--font-base);
  font-size: 1.5rem;
  line-height: 4rem;
  font-weight: 400;
  height: 4rem;
  padding: 0;
  border: none;
  justify-content: space-between;
  width: 100%;
  color: var(--color-text);
  letter-spacing: 0;
}
@media all and (max-width: 768px) {
  .button_section {
    font-size: 2.962rem;
    line-height: 11.19rem;
    font-weight: 400;
    height: 11.19rem;
  }
  .button_section .button__icon-wrapper {
    display: flex;
    justify-content: center;
  }
}
.button_section .icon {
  height: 1rem;
  width: 1rem;
  background-color: var(--color-text);
}
@media all and (max-width: 768px) {
  .button_section .icon {
    height: 2.633rem;
    width: 2.633rem;
  }
}
.button_section.button_expanded .icon {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.button_white {
  background-color: var(--color-white);
  border: 1px solid var(--color-gray);
  color: var(--color-brand);
}
.button_white:hover {
  background-color: var(--color-brand-background-hover);
  border-color: var(--color-brand-background-hover);
}
.button_white:active {
  background-color: var(--color-brand-background-click);
  border-color: var(--color-brand-background-click);
}
.button_brand {
  border: 1px solid var(--color-brand-background);
  background-color: var(--color-brand-background);
  color: var(--color-brand);
}
.button_brand:hover {
  background-color: var(--color-brand-background-hover);
  border-color: var(--color-brand-background-hover);
}
.button_brand:active {
  background-color: var(--color-brand-background-click);
  border-color: var(--color-brand-background-click);
}
.button_disabled {
  cursor: not-allowed;
  background-color: var(--color-gray);
  color: var(--color-text);
}
.button_medium {
  height: 3.25rem;
  line-height: 3.25rem;
  width: 20.625rem;
}
@media all and (max-width: 768px) {
  .button_medium {
    height: 8.557rem;
    line-height: 8.557rem;
    width: 100%;
  }
}
@media all and (max-width: 768px) {
  .button_date {
    height: 8.557rem;
    line-height: 8.557rem;
    width: 100%;
  }
}
.button_big {
  height: 3.5rem;
  line-height: 3.5rem;
}
@media all and (max-width: 768px) {
  .button_big {
    height: 8.557rem;
    line-height: 8.557rem;
  }
}
.button_fill {
  width: 100%;
}
.button_expand, .button_expanded {
  gap: 0;
}
.button .icon {
  width: 1.25rem;
  height: 1.25rem;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
@media all and (max-width: 768px) {
  .button .icon {
    width: 3.291rem;
    height: 3.291rem;
  }
}

.header {
  display: flex;
  position: sticky;
  top: 0;
  background-color: var(--color-white);
  font-family: var(--font-secondary);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 4.875rem;
  margin: 0 auto;
  z-index: 20;
}
@media all and (max-width: 768px) {
  .header {
    height: 9.874rem;
    padding: 0 3.949rem;
    justify-content: space-between;
  }
}
.header_left, .header_right {
  display: flex;
  gap: 5.125rem;
  align-items: center;
  z-index: 20;
  width: 37.5rem;
}
@media all and (max-width: 768px) {
  .header_left, .header_right {
    width: auto;
  }
}
.header_left {
  z-index: 1;
}
@media all and (max-width: 768px) {
  .header_left:before {
    content: "";
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 9.874rem;
    background-color: var(--color-white);
    z-index: 2;
  }
  .header_left nav {
    display: flex;
    position: absolute;
    justify-content: center;
    align-items: center;
    top: 3.291rem;
    height: 6.582rem;
    width: 100%;
    background-color: var(--color-white);
    left: 0;
    z-index: -1;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    pointer-events: none;
  }
  .header_left nav.active {
    display: flex;
    top: 9.874rem;
    pointer-events: auto;
  }
}
.header_right {
  justify-content: end;
  z-index: 5;
}
.header__logo {
  display: flex;
  z-index: 5;
}
@media all and (max-width: 768px) {
  .header__logo img {
    width: 12.671rem;
  }
}
.header__menu {
  display: flex;
  align-items: center;
  gap: 1.563rem;
  padding-left: 0;
  margin: 0;
}
.header__menu-item {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  line-height: 170%;
  font-weight: 400;
  color: var(--color-text);
  letter-spacing: 0.02em;
  text-decoration: none;
  gap: 0.375rem;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
@media all and (max-width: 768px) {
  .header__menu-item {
    font-family: var(--font-base);
    font-size: 2.304rem;
    line-height: 140%;
    font-weight: 400;
  }
}
@media all and (max-width: 768px) {
  .header__menu-item_pc {
    display: none;
  }
}
.header__menu-item_mobile {
  display: none;
}
@media all and (max-width: 768px) {
  .header__menu-item_mobile {
    display: flex;
  }
}
.header__menu-item .icon {
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.header__menu-item_left:hover {
  border-bottom: 1px solid var(--color-gray-7F);
}
.header__menu-item_right {
  padding: 0.625rem;
}
@media all and (max-width: 768px) {
  .header__menu-item_right {
    padding: 0;
    height: 5.924rem;
    width: 5.924rem;
    justify-content: center;
  }
  .header__menu-item_right .header__menu-item-title {
    display: none;
  }
}
.header__menu-item_right:hover {
  color: var(--color-brand);
}
.header__menu-item_right:hover .icon {
  background-color: var(--color-brand);
}
@media all and (max-width: 768px) {
  .header__menu-item_burger {
    background-color: var(--color-brand);
  }
  .header__menu-item_burger.active {
    background-color: var(--color-additional);
  }
  .header__menu-item_burger.active .icon {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .header__menu-item_burger .icon {
    background-color: var(--color-white) !important;
  }
}
.header__menu-item.active {
  border-bottom: 1px solid var(--color-additional);
}
.header__menu-item a {
  color: inherit;
  text-decoration: none;
  padding: 0.625rem;
}
.header__menu-item .icon {
  height: 1.5rem;
  width: 1.5rem;
  background-color: var(--color-text);
}
@media all and (max-width: 768px) {
  .header__menu-item .icon {
    height: 5.924rem;
    width: 5.924rem;
  }
}
.header__menu-item .icon.active {
  background-color: var(--color-additional);
}
.header__menu_right {
  gap: 2.5rem;
}
@media all and (max-width: 768px) {
  .header__menu_right {
    gap: 1.316rem;
  }
}
.header__basket-count {
  position: absolute;
  display: block;
  left: 1.313rem;
  bottom: 0.563rem;
  padding: 0 0.125rem;
  color: var(--color-additional);
  background-color: var(--color-brand-background);
  -webkit-border-radius: 0.125rem;
  -moz-border-radius: 0.125rem;
  border-radius: 0.125rem;
  font-size: 0.625rem;
  line-height: 0.875rem;
}
@media all and (max-width: 768px) {
  .header__basket-count {
    left: 2.798rem;
    bottom: 0.658rem;
    padding: 0 0.329rem;
    -webkit-border-radius: 0.329rem;
    -moz-border-radius: 0.329rem;
    border-radius: 0.329rem;
    font-size: 1.646rem;
    line-height: 2.304rem;
  }
}

.footer {
  position: relative;
  padding: 9.75rem 12.75rem 1.5rem;
  background-color: var(--color-brand-background);
  background-image: -webkit-linear-gradient(180deg, transparent 0, rgba(0, 0, 0, 0.2) 100%);
  background-image: -moz-linear-gradient(180deg, transparent 0, rgba(0, 0, 0, 0.2) 100%);
  background-image: -ms-linear-gradient(180deg, transparent 0, rgba(0, 0, 0, 0.2) 100%);
  background-image: -o-linear-gradient(180deg, transparent 0, rgba(0, 0, 0, 0.2) 100%);
  background-image: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, 0.2) 100%);
  overflow: hidden;
  color: var(--color-white);
  z-index: 1;
}
@media all and (max-width: 768px) {
  .footer {
    padding: 10.532rem 3.949rem 3.949rem 3.949rem;
    background: var(--color-brand-background-dark-mob);
  }
}
.footer a {
  color: var(--color-white);
  text-decoration: none;
}
.footer p {
  margin: 0;
}
.footer_left, .footer_right {
  display: flex;
  flex-direction: column;
}
.footer_left {
  margin-top: 0;
  gap: 1.5rem;
  list-style: none;
  padding-left: 0;
  width: max-content;
}
@media all and (max-width: 768px) {
  .footer_left {
    gap: 3.949rem;
    width: auto;
  }
}
.footer_right {
  gap: 1.625rem;
}
@media all and (max-width: 768px) {
  .footer_right {
    gap: 4.114rem;
  }
}
.footer__menu {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  column-gap: 6.25rem;
  margin-bottom: 4rem;
}
@media all and (max-width: 768px) {
  .footer__menu {
    display: flex;
    flex-direction: column;
    column-gap: 0;
    margin-bottom: 0;
    row-gap: 3.949rem;
  }
}
.footer__menu_item {
  font-size: 1rem;
  line-height: 140%;
  font-weight: 400;
}
@media all and (max-width: 768px) {
  .footer__menu_item {
    font-size: 2.304rem;
    line-height: 140%;
    font-weight: 400;
  }
}
.footer__menu_divider {
  height: 21.5rem;
  width: 1px;
  background-color: var(--color-white-12);
}
@media all and (max-width: 768px) {
  .footer__menu_divider {
    height: 1px;
    width: 100%;
    margin-left: -3.949rem;
  }
}
.footer__contacts {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media all and (max-width: 768px) {
  .footer__contacts {
    gap: 2.633rem;
  }
}
.footer__contacts a, .footer__contacts p {
  font-family: var(--font-secondary);
  margin: 0;
}
.footer__contacts_title {
  font-size: 1rem;
  line-height: 140%;
  font-weight: 400;
  margin: 0;
}
@media all and (max-width: 768px) {
  .footer__contacts_title {
    font-size: 2.633rem;
  }
}
.footer__contacts_address {
  font-size: 0.75rem;
  line-height: 170%;
  font-weight: 300;
}
@media all and (max-width: 768px) {
  .footer__contacts_address {
    font-size: 2.304rem;
    line-height: 160%;
    font-weight: 400;
    letter-spacing: 0.04em;
  }
}
.footer__geo-data {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
@media all and (max-width: 768px) {
  .footer__geo-data {
    font-size: 1.975rem;
    line-height: 170%;
    font-weight: 300;
    height: 3.291rem;
  }
}
.footer__geo-data .icon {
  height: 1rem;
  width: 1rem;
  background-color: var(--color-white);
}
@media all and (max-width: 768px) {
  .footer__geo-data .icon {
    height: 2.633rem;
    width: 2.633rem;
  }
}
.footer__button {
  display: flex;
  gap: 0.5rem;
  width: fit-content;
  height: 2.75rem;
  padding: 0 2rem;
  line-height: 2.75rem;
  letter-spacing: 0.01em;
}
@media all and (max-width: 768px) {
  .footer__button {
    gap: 1.316rem;
    height: 7.241rem;
    padding: 0 5.266rem;
    font-size: 2.304rem;
    line-height: 7.241rem;
    letter-spacing: 0.05em;
  }
}
.footer__button .icon {
  width: 1.5rem;
  height: 1.5rem;
  background-color: var(--color-white);
}
@media all and (max-width: 768px) {
  .footer__button .icon {
    width: 3.949rem;
    height: 3.949rem;
  }
}
.footer__number-socials-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media all and (max-width: 768px) {
  .footer__number-socials-wrapper {
    gap: 2.633rem;
  }
}
.footer__number {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
@media all and (max-width: 768px) {
  .footer__number {
    gap: 1.316rem;
  }
}
.footer__number_title {
  font-size: 0.75rem;
  line-height: 170%;
  font-weight: 400;
  letter-spacing: -0.02em;
}
.footer__number_link {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.813rem;
  font-family: var(--font-secondary);
  font-size: 0.75rem;
  line-height: 170%;
  font-weight: 300;
}
@media all and (max-width: 768px) {
  .footer__number_link {
    gap: 1.316rem;
    font-size: 1.975rem;
    height: 4.772rem;
  }
}
.footer__number_link .icon {
  height: 1rem;
  width: 1rem;
  background-color: var(--color-white);
}
@media all and (max-width: 768px) {
  .footer__number_link .icon {
    height: 2.633rem;
    width: 2.633rem;
  }
}
.footer__socials {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media all and (max-width: 768px) {
  .footer__socials {
    gap: 1.316rem;
  }
}
.footer__socials_title {
  font-size: 0.75rem;
  line-height: 170%;
  font-weight: 400;
  letter-spacing: 0.02em;
}
@media all and (max-width: 768px) {
  .footer__socials_title {
    font-size: 1.975rem;
  }
}
.footer__socials_links {
  display: flex;
  gap: 1rem;
}
@media all and (max-width: 768px) {
  .footer__socials_links {
    gap: 2.633rem;
  }
}
.footer__socials_links .icon {
  width: 1.5rem;
  height: 1.5rem;
  background-color: var(--color-white);
}
@media all and (max-width: 768px) {
  .footer__socials_links .icon {
    width: 3.949rem;
    height: 3.949rem;
  }
}
@media all and (max-width: 768px) {
  .footer__number-socials-title {
    font-family: var(--font-base);
    font-size: 1.975rem;
    line-height: 170%;
    letter-spacing: 0.02em;
  }
}
.footer__logo {
  display: flex;
  justify-content: center;
  padding: 1.5rem 0;
  border-top: 1px solid var(--color-white-12);
  border-bottom: 1px solid var(--color-white-12);
  margin-bottom: 1.5rem;
}
@media all and (max-width: 768px) {
  .footer__logo {
    padding: 3.949rem 0;
    margin-bottom: 0;
    margin-left: -3.949rem;
    width: 100%;
  }
}
.footer__logo .icon {
  width: 9.375rem;
  height: 2.875rem;
  background-size: cover;
}
@media all and (max-width: 768px) {
  .footer__logo .icon {
    width: 24.684rem;
    height: 7.57rem;
  }
}
.footer__copyright {
  display: flex;
  justify-content: space-between;
  font-size: 0.75rem;
  line-height: 170%;
  font-weight: 300;
  font-family: var(--font-secondary);
  padding: 0 1.5rem;
}
@media all and (max-width: 768px) {
  .footer__copyright {
    flex-direction: column;
    padding: 0;
    font-size: 1.975rem;
    line-height: 150%;
    font-weight: 400;
  }
}
.footer__background {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  text-align: center;
}
@media all and (max-width: 768px) {
  .footer__background {
    display: none;
  }
}
.footer__background svg {
  margin: auto;
}
.footer .icon_logo-footer {
  pointer-events: none;
  position: absolute;
  top: -9.313rem;
  left: -27.125rem;
  width: 128.625rem;
  height: 72.563rem;
}

.section {
  width: 100%;
}

.section-wrapper {
  display: flex;
  position: relative;
  flex-direction: column;
  width: 64.5rem;
  margin: 0 auto;
}
@media all and (max-width: 768px) {
  .section-wrapper {
    width: -webkit-calc(100% - 7.899rem);
    width: -moz-calc(100% - 7.899rem);
    width: calc(100% - 7.899rem);
  }
}
.section-wrapper_menu, .section-wrapper_account {
  padding: 4.375rem 0;
  gap: 3.125rem;
}
@media all and (max-width: 768px) {
  .section-wrapper_menu, .section-wrapper_account {
    padding: 10.532rem 0;
    gap: 3.949rem;
  }
}
@media all and (max-width: 768px) {
  .section-wrapper_menu {
    gap: 7.899rem;
  }
}
.section-wrapper_account {
  justify-content: center;
  align-items: center;
}
@media all and (max-width: 768px) {
  .section-wrapper_account {
    align-items: unset;
    overflow-x: hidden;
    padding: 10.532rem 0;
    gap: 7.899rem;
  }
}
.section-wrapper_authorization {
  justify-content: center;
  align-items: center;
  padding: 8.375rem 0;
}
@media all and (max-width: 768px) {
  .section-wrapper_authorization {
    width: 58.584rem;
    padding: 25.178rem 0;
  }
}
.section-wrapper_registration, .section-wrapper_login {
  justify-content: center;
  align-items: center;
  padding: 4.375rem 0;
  gap: 1.5rem;
}
@media all and (max-width: 768px) {
  .section-wrapper_registration, .section-wrapper_login {
    padding: 10.532rem 0;
    gap: 3.949rem;
  }
}
@media all and (max-width: 768px) {
  .section-wrapper_footer {
    gap: 3.949rem;
  }
}

.modal {
  display: flex;
  flex-direction: column;
  background-color: var(--color-white);
  height: fit-content;
  padding: 2.5rem;
  width: 41.5rem;
  gap: 2.5rem;
}
@media all and (max-width: 768px) {
  .modal {
    padding: 5.266rem 2.304rem;
    width: 100%;
    gap: 6.582rem;
  }
}
.modal__top {
  text-align: center;
}
.modal__block-header {
  width: 23.75rem;
  margin: auto;
}
@media all and (max-width: 768px) {
  .modal__block-header {
    width: 100%;
  }
}
@media all and (max-width: 768px) {
  .modal__header {
    display: flex;
    flex-direction: column;
    gap: 1.316rem;
  }
}
.modal__body {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  row-gap: 2.5rem;
}
@media all and (max-width: 768px) {
  .modal__body {
    row-gap: 3.949rem;
  }
}
.modal__body .button {
  margin: auto;
}
.modal__wrapper {
  position: fixed;
  display: none;
  justify-content: center;
  padding-top: 9.375rem;
  height: 100vh;
  width: 100vw;
  z-index: 100;
}
@media all and (max-width: 768px) {
  .modal__wrapper {
    overflow: scroll;
    padding: 24.684rem 1.646rem 16.456rem;
    width: 100%;
  }
}
.modal__wrapper_show {
  display: flex;
}

.round {
  display: block;
  width: 0.375rem;
  height: 0.375rem;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
@media all and (max-width: 768px) {
  .round {
    width: 0.987rem;
    height: 0.987rem;
  }
}
.round_white {
  background-color: var(--color-white);
}
.round_brand {
  background-color: var(--color-brand);
}

.arrow-up {
  display: flex;
  justify-content: center;
  align-items: center;
  position: sticky;
  height: 3.75rem;
  width: 3.75rem;
  background-color: var(--color-brand);
  pointer-events: all;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  top: -webkit-calc(100vh - 3.75rem);
  top: -moz-calc(100vh - 3.75rem);
  top: calc(100vh - 3.75rem);
}
@media all and (max-width: 768px) {
  .arrow-up {
    height: 9.874rem;
    width: 9.874rem;
    top: -webkit-calc(100vh - 9.874rem);
    top: -moz-calc(100vh - 9.874rem);
    top: calc(100vh - 9.874rem);
  }
}
.arrow-up:hover {
  background-color: var(--color-additional);
}
.arrow-up .icon {
  height: 2.25rem;
  width: 2.25rem;
  background-color: var(--color-white);
}
@media all and (max-width: 768px) {
  .arrow-up .icon {
    height: 5.924rem;
    width: 5.924rem;
  }
}
.arrow-up__wrapper {
  position: absolute;
  display: flex;
  justify-content: end;
  width: 100%;
  height: 100%;
  max-width: 120rem;
  top: 0;
  left: 50%;
  pointer-events: none;
  padding-top: 100vh;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 20;
}
@media all and (max-width: 768px) {
  .arrow-up__wrapper {
    max-width: none;
  }
}

.link-hover, .navigation {
  position: inherit;
}
.link-hover:after, .navigation:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  max-width: 0;
  bottom: -0.625rem;
  background-color: var(--color-brand);
  -webkit-transition: max-width 0.3s ease-in-out;
  -moz-transition: max-width 0.3s ease-in-out;
  -o-transition: max-width 0.3s ease-in-out;
  transition: max-width 0.3s ease-in-out;
}
.link-hover[data-tab-navigation]:after, .navigation[data-tab-navigation]:after {
  display: none;
}
.link-hover[data-tab-navigation] .navigation__text_prev, .link-hover[data-tab-navigation] .navigation__text_next, .navigation[data-tab-navigation] .navigation__text_prev, .navigation[data-tab-navigation] .navigation__text_next {
  position: relative;
}
.link-hover[data-tab-navigation] .navigation__text_prev:after, .link-hover[data-tab-navigation] .navigation__text_next:after, .navigation[data-tab-navigation] .navigation__text_prev:after, .navigation[data-tab-navigation] .navigation__text_next:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  max-width: 0;
  bottom: -0.625rem;
  background-color: var(--color-brand);
  -webkit-transition: max-width 0.3s ease-in-out;
  -moz-transition: max-width 0.3s ease-in-out;
  -o-transition: max-width 0.3s ease-in-out;
  transition: max-width 0.3s ease-in-out;
}
.link-hover[data-tab-navigation] .navigation__text_prev:hover:after, .link-hover[data-tab-navigation] .navigation__text_next:hover:after, .navigation[data-tab-navigation] .navigation__text_prev:hover:after, .navigation[data-tab-navigation] .navigation__text_next:hover:after {
  max-width: 100%;
}
.link-hover:hover:after, .navigation:hover:after {
  max-width: 100%;
}

.dish {
  display: flex;
  flex-direction: column;
  width: 20.625rem;
  font-family: var(--font-secondary);
  background-color: var(--color-white);
}
@media all and (max-width: 768px) {
  .dish {
    width: 100%;
  }
}
.dish_table .dish__content {
  border-bottom: 1px solid var(--color-gray);
}
.dish_wide.dish {
  display: flex;
  flex-direction: row;
  width: 100%;
}
@media all and (max-width: 768px) {
  .dish_wide.dish {
    flex-direction: column;
  }
}
.dish_wide .dish_left {
  display: flex;
  flex-direction: column;
  border-right: 1px solid var(--color-gray);
  gap: 1rem;
  padding: 1rem;
}
@media all and (max-width: 768px) {
  .dish_wide .dish_left {
    border-right: 0;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2.633rem;
    padding: 1.316rem 2.633rem;
  }
}
.dish_wide .dish_right {
  display: flex;
  flex-direction: column;
  min-width: 20.625rem;
}
@media all and (max-width: 768px) {
  .dish_wide .dish_right {
    min-width: 100%;
  }
}
.dish_wide .dish__image {
  width: 11rem;
  height: 11rem;
  min-width: 11rem;
}
@media all and (max-width: 768px) {
  .dish_wide .dish__image {
    display: flex;
    width: 100%;
    height: auto;
    min-width: 100%;
  }
}
.dish_wide .dish__content {
  display: flex;
  flex-direction: row;
  text-align: left;
  border-bottom: 1px solid var(--color-gray);
}
@media all and (max-width: 768px) {
  .dish_wide .dish__content {
    flex-direction: column;
  }
}
.dish_wide .dish__title {
  position: relative;
  padding: 0;
  border-bottom: none;
  line-height: 140%;
  letter-spacing: 0;
  font-family: var(--font-base);
}
@media all and (max-width: 768px) {
  .dish_wide .dish__title {
    width: 100%;
    width: -webkit-calc(100% + 5.266rem);
    width: -moz-calc(100% + 5.266rem);
    width: calc(100% + 5.266rem);
  }
  .dish_wide .dish__title:after {
    content: "";
    position: absolute;
    bottom: -1rem;
    height: 1px;
    background-color: var(--color-gray);
    width: -webkit-calc(100% + 5.266rem);
    width: -moz-calc(100% + 5.266rem);
    width: calc(100% + 5.266rem);
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
.dish_wide .dish__description {
  padding: 0;
  margin-bottom: 0;
}
@media all and (max-width: 768px) {
  .dish_wide .dish__description {
    margin-bottom: 1.316rem;
  }
}
.dish_wide .dish__info {
  margin-top: auto;
  padding: 0;
  justify-content: start;
  gap: 2.5rem;
}
@media all and (max-width: 768px) {
  .dish_wide .dish__info {
    gap: 0.329rem;
    flex-direction: column;
  }
}
.dish_wide .dish__cost {
  display: flex;
  gap: 0.5rem;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  font-family: var(--font-secondary);
  letter-spacing: 0.07em;
}
@media all and (max-width: 768px) {
  .dish_wide .dish__cost_pc {
    display: none;
  }
}
.dish_wide .dish__cost_mobile {
  display: none;
}
@media all and (max-width: 768px) {
  .dish_wide .dish__cost_mobile {
    margin-bottom: -2.962rem;
    display: flex;
  }
}
@media all and (max-width: 768px) {
  .dish_wide .dish__cost {
    gap: 1.316rem;
    font-family: var(--font-base);
  }
}
.dish__image {
  width: 20.625rem;
  height: 20.625rem;
  overflow: hidden;
}
@media all and (max-width: 768px) {
  .dish__image {
    display: flex;
    width: 100%;
    height: auto;
    min-width: 100%;
  }
}
.dish__image img {
  width: 100%;
  height: 100%;
}
.dish__content {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--color-gray);
  border-bottom: none;
  flex-grow: 1;
}
.dish__title, .dish__description, .dish__info {
  padding: 0.5rem 1rem;
}
@media all and (max-width: 768px) {
  .dish__title, .dish__description, .dish__info {
    padding: 1.316rem 2.633rem;
  }
}
.dish__description, .dish__info {
  font-size: 0.875rem;
  line-height: 140%;
  letter-spacing: 0.02em;
}
@media all and (max-width: 768px) {
  .dish__description, .dish__info {
    font-size: 2.304rem;
  }
}
.dish__title {
  font-size: 1rem;
  line-height: 120%;
  letter-spacing: 0.04em;
  border-bottom: 1px solid var(--color-gray);
  flex-grow: 1;
}
@media all and (max-width: 768px) {
  .dish__title {
    font-size: 2.633rem;
  }
}
.dish__description {
  margin-bottom: 0.5rem;
}
@media all and (max-width: 768px) {
  .dish__description {
    margin-bottom: 2.633rem;
  }
}
.dish__info {
  display: flex;
  justify-content: space-between;
  padding-bottom: 0;
}
.dish__info_left {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  padding-bottom: 0.5rem;
}
@media all and (max-width: 768px) {
  .dish__info_left {
    gap: 0.329rem;
    padding-bottom: 1.316rem;
  }
}
.dish__info_right {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.dish__cost {
  color: var(--color-brand);
  font-size: 1.875rem;
  line-height: 140%;
  font-family: var(--font-base);
}
@media all and (max-width: 768px) {
  .dish__cost {
    font-size: 4.937rem;
  }
}
.dish__counter {
  display: flex;
  height: 2.5rem;
  border-top: 1px solid var(--color-gray);
}
@media all and (max-width: 768px) {
  .dish__counter {
    height: 6.582rem;
  }
}
.dish__counter_minus, .dish__counter_plus {
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.dish__counter_minus .icon, .dish__counter_plus .icon {
  background-color: var(--color-brand);
}
.dish__counter_minus .icon {
  width: 0.875rem;
  height: 0.875rem;
}
@media all and (max-width: 768px) {
  .dish__counter_minus .icon {
    width: 2.304rem;
    height: 2.304rem;
    -webkit-mask-size: 2.304rem 2.304rem;
    mask-size: 2.304rem 2.304rem;
  }
}
.dish__counter_plus .icon {
  width: 1rem;
  height: 1rem;
}
@media all and (max-width: 768px) {
  .dish__counter_plus .icon {
    width: 2.633rem;
    height: 2.633rem;
    -webkit-mask-size: 2.633rem 2.633rem;
    mask-size: 2.633rem 2.633rem;
  }
}
.dish__counter_count {
  border-left: 1px solid var(--color-gray);
  border-right: 1px solid var(--color-gray);
  width: 6.25rem;
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}
@media all and (max-width: 768px) {
  .dish__counter_count {
    width: 16.456rem;
  }
}
.dish__counter_count input {
  border: none;
  width: 100%;
  height: 100%;
  outline: none;
  text-align: center;
  font-size: 1.5rem;
  line-height: 2.5rem;
  font-family: var(--font-base);
  padding: 0 0.75rem;
}
@media all and (max-width: 768px) {
  .dish__counter_count input {
    font-size: 3.949rem;
    line-height: 6.582rem;
    padding: 0 1.975rem;
  }
}
.dish__counter_count input::-webkit-outer-spin-button,
.dish__counter_count input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.dish__counter_count input[type=number] {
  -moz-appearance: textfield;
}
.dish .button {
  width: 100%;
}
@media all and (max-width: 768px) {
  .dish .button {
    height: 8.557rem;
    line-height: 8.557rem;
  }
}

.tab {
  -webkit-border-radius: 0rem;
  -moz-border-radius: 0rem;
  border-radius: 0rem;
  font-size: 0.875rem;
  line-height: 2.5rem;
  font-weight: 400;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  border: 1px solid var(--color-gray);
  height: 2.5rem;
  letter-spacing: 0.05em;
  padding: 0 1.813rem;
  position: relative;
  width: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  text-decoration: none;
  cursor: pointer;
  font-family: var(--font-secondary);
  text-align: center;
  justify-content: center;
  color: var(--color-brand);
}
@media all and (max-width: 768px) {
  .tab {
    width: 25.672rem;
    min-width: 25.672rem;
    height: 6.582rem;
    font-size: 1.975rem;
    line-height: 6.582rem;
    padding: 0;
  }
}
.tab_wide {
  width: 12.5rem;
  padding: 0 0.625rem;
}
@media all and (max-width: 768px) {
  .tab_wide {
    width: 32.912rem;
    padding: 0 1.646rem;
  }
}
.tab_day {
  padding: 0.313rem 0;
  display: flex;
  flex-direction: column;
  width: 9.5rem;
  min-width: 9.5rem;
  gap: 0.125rem;
  height: auto;
}
@media all and (max-width: 768px) {
  .tab_day {
    padding: 0.823rem 0;
    width: 25.013rem;
    gap: 0.329rem;
    font-size: 2.304rem;
    min-width: 25.672rem;
  }
}
.tab_day.active .tab__value, .tab_day:hover .tab__value {
  color: var(--color-white);
}
.tab__key, .tab__value {
  line-height: 140%;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.tab__value {
  color: var(--color-gray-7F);
}
.tab.active {
  background-color: var(--color-brand-background-dark);
  border-color: var(--color-brand-background-dark);
}
.tab:hover {
  background-color: var(--color-brand-background-hover);
  border-color: var(--color-brand-background-hover);
}
.tab:active {
  background-color: var(--color-brand-background-click);
  border-color: var(--color-brand-background-click);
}

.tabs_many {
  position: relative;
  gap: 1.438rem !important;
  overflow: hidden;
  -webkit-transition: margin-left 0.3s ease-in-out;
  -moz-transition: margin-left 0.3s ease-in-out;
  -o-transition: margin-left 0.3s ease-in-out;
  transition: margin-left 0.3s ease-in-out;
}
.tabs_many[data-navigation-page=second] {
  margin-left: -65.813rem;
}
@media all and (max-width: 768px) {
  .tabs {
    position: relative;
    gap: 2.633rem !important;
    -webkit-transition: margin-left 0.3s ease-in-out;
    -moz-transition: margin-left 0.3s ease-in-out;
    -o-transition: margin-left 0.3s ease-in-out;
    transition: margin-left 0.3s ease-in-out;
  }
  .tabs:before, .tabs:after {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 3.949rem;
    background-color: var(--color-white);
    z-index: 1;
  }
  .tabs:before {
    left: -3.949rem;
  }
  .tabs:after {
    right: -3.949rem;
  }
  .tabs[data-navigation-page=second] {
    margin-left: -56.609rem;
  }
  .tabs[data-navigation-page="1"] {
    margin-left: 0rem;
  }
  .tabs[data-navigation-page="2"] {
    margin-left: -56.609rem;
  }
  .tabs[data-navigation-page="3"] {
    margin-left: -113.218rem;
  }
  .tabs[data-navigation-page="4"] {
    margin-left: -169.827rem;
  }
  .tabs[data-navigation-page="5"] {
    margin-left: -226.436rem;
  }
  .tabs[data-navigation-page="6"] {
    margin-left: -283.045rem;
  }
}

.checkbox {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  height: 1rem;
  width: 1rem;
  border: 1px solid var(--color-gray);
  -webkit-border-radius: 0rem;
  -moz-border-radius: 0rem;
  border-radius: 0rem;
}
@media all and (max-width: 768px) {
  .checkbox {
    height: 2.633rem;
    width: 2.633rem;
    min-width: 2.633rem;
  }
}
.checkbox input {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.checkbox input.error + .checkbox__box {
  border-color: var(--color-error);
  background-color: var(--color-gray);
}
.checkbox input:checked + .checkbox__box {
  border-color: var(--color-additional);
  background-color: var(--color-additional);
}
.checkbox__box {
  pointer-events: none;
  display: block;
  position: absolute;
  height: 1rem;
  width: 1rem;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media all and (max-width: 768px) {
  .checkbox__box {
    height: 2.633rem;
    width: 2.633rem;
    min-width: 2.633rem;
  }
}
.checkbox__text, .checkbox__link {
  font-family: var(--font-secondary);
  font-size: 0.875rem;
  line-height: 120%;
}
@media all and (max-width: 768px) {
  .checkbox__text, .checkbox__link {
    display: flex;
    flex-direction: column;
    font-size: 2.304rem;
    letter-spacing: 0.06em;
  }
}
.checkbox__link {
  position: relative;
  color: var(--color-text);
  z-index: 2;
}
.checkbox__wrapper {
  display: flex;
  position: relative;
  gap: 1rem;
  cursor: pointer;
}
@media all and (max-width: 768px) {
  .checkbox__wrapper {
    align-items: center;
    gap: 2.633rem;
  }
}

.input {
  width: 100%;
  height: 100%;
  outline: none;
  border: none;
  padding: 1.75rem 1rem 0.438rem;
  color: var(--color-text);
  font-family: var(--font-secondary);
  font-size: 0.875rem;
  line-height: 120%;
  font-weight: 400;
  letter-spacing: 0.04em;
}
@media all and (max-width: 768px) {
  .input {
    padding: 4.279rem 1.316rem 1.152rem;
    font-size: 2.304rem;
  }
}
.input::placeholder {
  color: var(--color-gray-7F);
  opacity: 1;
}
.input:-moz-placeholder {
  color: var(--color-gray-7F);
  opacity: 1;
}
.input:-ms-input-placeholder {
  color: var(--color-gray-7F);
}
.input_date {
  text-align: center;
  width: 12.5rem;
  height: 2.5rem;
  padding: 0 0.938rem;
  border: 1px solid var(--color-gray);
  line-height: 2.5rem;
  letter-spacing: 0.05em;
}
@media all and (max-width: 768px) {
  .input_date {
    width: 25.672rem;
    height: 6.582rem;
    padding: 0 2.468rem;
    line-height: 6.582rem;
  }
}
.input_date::placeholder {
  color: var(--color-brand);
  opacity: 1;
}
.input_date:-moz-placeholder {
  color: var(--color-brand);
  opacity: 1;
}
.input_date:-ms-input-placeholder {
  color: var(--color-brand);
}
.input_textarea {
  field-sizing: content;
  resize: none;
  overflow: hidden;
  min-height: 6.25rem;
}
.input_table {
  padding: 0;
  text-align: center;
}
.input_table:active, .input_table:focus {
  background-color: transparent;
}
.input__wrapper {
  position: relative;
  width: 26rem;
  height: 3.25rem;
  border: 1px solid var(--color-gray);
}
.input__wrapper:hover, .input__wrapper:active, .input__wrapper:focus {
  border-color: var(--color-brand);
}
.input__wrapper.error {
  border-color: var(--color-additional);
  background-color: var(--color-gray);
}
@media all and (max-width: 768px) {
  .input__wrapper {
    width: 100%;
    height: 8.228rem;
  }
}
.input__wrapper_short {
  width: 12.25rem;
}
@media all and (max-width: 768px) {
  .input__wrapper_short {
    width: 100%;
  }
}
.input__wrapper_modal {
  width: 17.5rem;
}
@media all and (max-width: 768px) {
  .input__wrapper_modal {
    width: 100%;
  }
}
.input__wrapper_textarea {
  min-height: 6.25rem;
  height: fit-content;
}
@media all and (max-width: 768px) {
  .input__wrapper_textarea {
    min-height: 26.33rem;
  }
}
.input__wrapper_fill {
  width: 100%;
}
.input__label {
  position: absolute;
  top: 0.438rem;
  left: 1rem;
  color: var(--color-brand);
  font-size: 1rem;
  line-height: 120%;
  font-weight: 400;
  font-family: var(--font-secondary);
  letter-spacing: 0.04em;
}
@media all and (max-width: 768px) {
  .input__label {
    top: 1.152rem;
    left: 1.316rem;
    font-size: 2.304rem;
    letter-spacing: 0.06em;
  }
}

.table {
  position: relative;
  border: 1px solid var(--color-gray);
  border-collapse: collapse;
  font-family: var(--font-secondary);
  text-align: center;
  letter-spacing: 0.02em;
}
.table th, .table td {
  border: 1px solid;
  padding: 0.625rem 0.938rem;
  font-size: 0.875rem;
  line-height: 140%;
  font-weight: 400;
}
@media all and (max-width: 768px) {
  .table th, .table td {
    padding: 1.646rem 2.468rem;
    font-size: 2.304rem;
  }
}
.table th.table__column, .table td.table__column {
  position: relative;
  border-color: var(--color-gray);
  z-index: 5;
}
.table th.table__column.disabled, .table td.table__column.disabled {
  display: none !important;
}
.table th.table__column_short, .table td.table__column_short {
  width: 1.875rem;
  max-width: 1.875rem;
}
.table th.table__column_short.active, .table td.table__column_short.active {
  background-color: var(--color-brand);
}
@media all and (max-width: 768px) {
  .table th.table__column_short, .table td.table__column_short {
    width: 4.937rem;
    max-width: 4.937rem;
  }
}
.table th.table__column_total, .table td.table__column_total {
  text-align: right;
}
.table th.table__column_short, .table th.table__column_tight, .table td.table__column_short, .table td.table__column_tight {
  height: 1.875rem;
  padding: 0 0.313rem;
  max-width: 8.875rem;
}
@media all and (max-width: 768px) {
  .table th.table__column_short, .table th.table__column_tight, .table td.table__column_short, .table td.table__column_tight {
    height: 4.937rem;
    padding: 0 0.823rem;
    max-width: 23.368rem;
  }
}
.table th.table__column_active, .table th.table__column_process, .table th.table__column_finished, .table td.table__column_active, .table td.table__column_process, .table td.table__column_finished {
  border-color: var(--color-white);
  max-width: 9.625rem;
  z-index: 2;
}
@media all and (max-width: 768px) {
  .table th.table__column_active, .table th.table__column_process, .table th.table__column_finished, .table td.table__column_active, .table td.table__column_process, .table td.table__column_finished {
    max-width: 100%;
  }
}
.table th.table__column_active a, .table th.table__column_process a, .table th.table__column_finished a, .table td.table__column_active a, .table td.table__column_process a, .table td.table__column_finished a {
  text-decoration: none;
  color: inherit;
}
.table th.table__column_active, .table td.table__column_active {
  background-color: var(--color-brand-background);
  color: var(--color-brand);
}
.table th.table__column_finished, .table td.table__column_finished {
  background-color: var(--color-gray);
}
.table th.table__column_process, .table td.table__column_process {
  background-color: var(--color-brand);
}
.table th.table__column_example, .table td.table__column_example {
  color: var(--color-gray-7F);
}
.table_orders th, .table_orders td {
  font-size: 0.75rem;
  line-height: 170%;
  letter-spacing: 0.02em;
  padding: 0.313rem 0;
}
@media all and (max-width: 768px) {
  .table_orders th, .table_orders td {
    font-size: 1.975rem;
    padding: 0.823rem 0;
  }
}
.table__header {
  color: var(--color-brand);
}
.table__column_mobile {
  display: none;
}
@media all and (max-width: 768px) {
  .table__column_mobile {
    display: flex;
  }
}
.table__column_content {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
@media all and (max-width: 768px) {
  .table__column_content {
    gap: 1.316rem;
  }
}
.table__column_total .table__column_content {
  justify-content: end;
  padding-right: 1.188rem;
}
@media all and (max-width: 768px) {
  .table__column_total .table__column_content {
    padding-right: 3.127rem;
  }
}
.table__wrapper {
  position: relative;
}
.table .icon_check, .table .icon_print, .table .icon_delete {
  background-color: var(--color-brand);
}
.table .icon_check {
  width: 0.938rem;
  height: 0.688rem;
  -webkit-mask-size: 0.938rem 0.688rem;
  mask-size: 0.938rem 0.688rem;
}
@media all and (max-width: 768px) {
  .table .icon_check {
    width: 2.468rem;
    height: 1.81rem;
    -webkit-mask-size: 2.468rem 1.81rem;
    mask-size: 2.468rem 1.81rem;
  }
}
.table .icon_print {
  width: 0.813rem;
  height: 1.125rem;
  -webkit-mask-size: 0.813rem 1.125rem;
  mask-size: 0.813rem 1.125rem;
}
@media all and (max-width: 768px) {
  .table .icon_print {
    width: 2.468rem;
    height: 2.798rem;
    -webkit-mask-size: 2.468rem 2.798rem;
    mask-size: 2.468rem 2.798rem;
  }
}
.table .icon_delete {
  width: 1.25rem;
  height: 1rem;
  -webkit-mask-size: 1.25rem 1rem;
  mask-size: 1.25rem 1rem;
}
@media all and (max-width: 768px) {
  .table .icon_delete {
    width: 3.291rem;
    height: 2.633rem;
    -webkit-mask-size: 3.291rem 2.633rem;
    mask-size: 3.291rem 2.633rem;
  }
}
.table .icon_history {
  background-color: var(--color-brand);
}
.table_history .table__icon-wrapper, .table_employee .table__icon-wrapper, .table_orders .table__icon-wrapper {
  display: none;
}
@media all and (max-width: 768px) {
  .table_history .table, .table_employee .table, .table_orders .table {
    display: flex;
    flex-direction: column;
  }
  .table_history .table__header, .table_employee .table__header, .table_orders .table__header {
    display: none;
  }
  .table_history .table__row, .table_employee .table__row, .table_orders .table__row {
    display: flex;
    flex-wrap: wrap;
  }
  .table_history .table__row_expanded .table__column:not(.table__column_section), .table_employee .table__row_expanded .table__column:not(.table__column_section), .table_orders .table__row_expanded .table__column:not(.table__column_section) {
    display: flex;
  }
  .table_history .table__row_expanded .table__column_section, .table_history .table__row_expanded .table__column_name, .table_employee .table__row_expanded .table__column_section, .table_employee .table__row_expanded .table__column_name, .table_orders .table__row_expanded .table__column_section, .table_orders .table__row_expanded .table__column_name {
    background-color: var(--color-brand-background);
    border-color: var(--color-brand-background);
  }
  .table_history .table__row_expanded .table__column_section .icon, .table_history .table__row_expanded .table__column_name .icon, .table_employee .table__row_expanded .table__column_section .icon, .table_employee .table__row_expanded .table__column_name .icon, .table_orders .table__row_expanded .table__column_section .icon, .table_orders .table__row_expanded .table__column_name .icon {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .table_history .table__column, .table_employee .table__column, .table_orders .table__column {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.316rem;
    width: 26.988rem;
    max-width: 26.988rem;
    height: 6.582rem;
    line-height: 6.582rem;
    border-top: none;
  }
  .table_history .table__column:not(.table__column_section), .table_employee .table__column:not(.table__column_section), .table_orders .table__column:not(.table__column_section) {
    display: none;
  }
  .table_history .table__icon-wrapper, .table_employee .table__icon-wrapper, .table_orders .table__icon-wrapper {
    display: flex;
  }
  .table_history .table__icon-wrapper .icon, .table_employee .table__icon-wrapper .icon, .table_orders .table__icon-wrapper .icon {
    width: 1.481rem;
    height: 2.633rem;
    -webkit-mask-size: 1.481rem 2.633rem;
    mask-size: 1.481rem 2.633rem;
    background-color: var(--color-brand);
  }
}
@media all and (max-width: 768px) {
  .table_history .table__row:first-child:first-child {
    border-top: 1px solid var(--color-gray);
  }
  .table_history .table__column:nth-child(2n) {
    border-right: 0;
  }
  .table_history .table__column:first-child {
    width: 100%;
    max-width: 100%;
    color: var(--color-brand);
    height: 8.557rem;
    line-height: 8.557rem;
    font-size: 2.304rem;
  }
}
@media all and (max-width: 768px) {
  .table_employee, .table_orders {
    border-top: 1px solid var(--color-gray) !important;
  }
  .table_employee.table .table__column.table__column_name, .table_orders.table .table__column.table__column_name {
    display: flex;
    width: -webkit-calc(100% - 5.266rem);
    width: -moz-calc(100% - 5.266rem);
    width: calc(100% - 5.266rem);
    max-width: 100%;
    color: var(--color-brand);
    height: 8.557rem;
    line-height: 8.557rem;
    font-size: 2.304rem;
  }
  .table_employee.table .table__column.table__column_check, .table_orders.table .table__column.table__column_check {
    display: flex;
    width: 5.266rem;
    height: 8.557rem;
    line-height: 8.557rem;
    border-right: 0;
  }
  .table_employee.table .table__column.table__column_phone, .table_employee.table .table__column.table__column_cost, .table_orders.table .table__column.table__column_phone, .table_orders.table .table__column.table__column_cost {
    height: 8.557rem;
    width: 100%;
    max-width: none;
  }
  .table_employee.table .table__column.table__column_history, .table_employee.table .table__column.table__column_delete, .table_orders.table .table__column.table__column_history, .table_orders.table .table__column.table__column_delete {
    width: 50%;
    max-width: 50%;
  }
  .table_employee.table .table__column.table__column_history .icon, .table_employee.table .table__column.table__column_delete .icon, .table_orders.table .table__column.table__column_history .icon, .table_orders.table .table__column.table__column_delete .icon {
    background-color: var(--color-brand);
  }
  .table_employee.table .table__column.table__column_history, .table_orders.table .table__column.table__column_history {
    border-right: 0;
  }
}
.table_orders {
  display: none;
}
@media all and (max-width: 768px) {
  .table_orders {
    display: table;
  }
  .table_orders.table .table__column.table__column_name, .table_orders.table .table__column.table__column_header {
    width: 100%;
    height: 8.557rem;
    line-height: 8.557rem;
    font-size: 2.304rem;
    max-width: 100%;
    color: var(--color-brand);
  }
  .table_orders.table .table__column.table__column_short {
    position: relative;
    z-index: 10;
    flex-grow: 1;
    max-width: 100%;
    height: 4.937rem;
    font-size: 1.975rem;
    line-height: 4.937rem;
  }
  .table_orders.table .table__column.table__column_short:not(.table__column_last) {
    border-right: 0;
  }
  .table_orders.table .table__column.table__column.active .input {
    background-color: var(--color-brand);
  }
  .table_orders.table .table__column.table__column_cost {
    height: 8.557rem;
    font-size: 2.304rem;
    line-height: 8.557rem;
  }
  .table_orders.table .table__row_total {
    display: flex;
    flex-direction: column;
    margin-top: 3.949rem;
    border-top: 1px solid var(--color-gray);
  }
  .table_orders.table .table__row_total .table__column {
    display: flex;
    max-width: 100%;
    width: 100%;
    height: 8.557rem;
  }
  .table_orders.table .table__row_total .table__column_total {
    font-size: 2.633rem;
    line-height: 8.557rem;
  }
  .table_orders.table .table__row_total .table__column_total span {
    padding-right: 0;
  }
  .table_orders.table .table__row_total .table__column_cost {
    font-size: 4.608rem;
    line-height: 8.557rem;
    letter-spacing: 0.07em;
    color: var(--color-brand);
  }
}

.grid-table {
  position: relative;
  overflow-x: auto;
  height: auto;
  max-height: 28.125rem;
  font-family: var(--font-secondary);
  text-align: center;
  letter-spacing: 0.02em;
}
@media all and (max-width: 768px) {
  .grid-table {
    display: none;
  }
}
.grid-table__body {
  display: flex;
  width: auto;
}
.grid-table__header, .grid-table__row {
  font-size: 0.75rem;
  line-height: 1.875rem;
  text-align: center;
  height: 1.875rem;
  background-color: var(--color-white);
  min-width: 100%;
}
.grid-table__header {
  border-top: 1px solid var(--color-gray);
  border-bottom: 1px solid var(--color-gray);
  z-index: 3;
}
.grid-table__footer {
  background-color: var(--color-white);
  position: sticky;
  z-index: 4;
  bottom: 0;
  left: 0;
  font-size: 0.75rem;
  line-height: 1.875rem;
  height: 1.875rem;
  display: flex;
  border: 1px solid var(--color-gray);
}
.grid-table__footer-label {
  flex-grow: 1;
  text-align: right;
  padding-right: 1.5rem;
}
.grid-table__footer-value {
  min-width: 5.625rem;
  border-left: 1px solid var(--color-gray);
}
.grid-table__header {
  position: sticky;
  top: 0;
  color: var(--color-brand);
  width: max-content;
  padding: 0 0.625rem;
}
.grid-table__column {
  height: 100%;
  width: max-content;
}
.grid-table__column:not(:last-child) {
  border-right: 1px solid var(--color-gray);
}
.grid-table__column_fixed-right, .grid-table__column_fixed-left {
  position: sticky;
  z-index: 4;
}
.grid-table__column_fixed-right {
  right: 0;
  border-left: 1px solid var(--color-gray);
  border-right: 1px solid var(--color-gray);
  min-width: 5.625rem;
}
.grid-table__column_fixed-left {
  border-left: 1px solid var(--color-gray);
  left: 0;
  min-width: 9.5rem;
}
.grid-table__row {
  position: relative;
  display: flex;
  height: 1.875rem;
  width: max-content;
  justify-content: center;
}
.grid-table__row_subheader {
  position: sticky;
  top: 1.875rem;
  z-index: 3;
}
.grid-table__row_subheader .grid-table__cell {
  position: relative;
}
.grid-table__row_subheader .grid-table__cell:hover {
  cursor: pointer;
}
.grid-table__row_subheader .grid-table__cell:hover .dish {
  display: flex;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 10;
}
.grid-table__row_subheader .grid-table__cell .dish {
  display: none;
}
.grid-table__row:not(:last-child) {
  border-bottom: 1px solid var(--color-gray);
}
.grid-table__cell {
  width: 1.875rem;
  flex-grow: 1;
}
.grid-table__cell input.input_cell {
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 0;
  font-size: 0.75rem;
  line-height: 1.875rem;
  -moz-appearance: textfield;
  appearance: textfield;
}
.grid-table__cell input.input_cell::-webkit-outer-spin-button, .grid-table__cell input.input_cell::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.grid-table__cell:not(:last-child) {
  border-right: 1px solid var(--color-gray);
}

.table-pc-wrapper {
  position: relative;
}

.set__date {
  display: block;
  font-size: 1rem;
  line-height: 170%;
  font-weight: 400;
  letter-spacing: 0.02em;
  text-align: center;
  margin-bottom: 0.813rem;
}
@media all and (max-width: 768px) {
  .set__date {
    font-size: 2.633rem;
    margin-bottom: 2.139rem;
  }
}
.set__preview {
  height: 20.5rem;
  width: 20.5rem;
}
@media all and (max-width: 768px) {
  .set__preview {
    height: 53.976rem;
    width: 53.976rem;
  }
}
.set__preview img {
  height: 100%;
  width: 100%;
}
.set .button {
  width: 100%;
}

.sets-wrapper {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media all and (max-width: 768px) {
  .sets-wrapper {
    flex-direction: column;
    gap: 3.949rem;
  }
}

.navigation {
  position: relative;
  display: flex;
  gap: 0.375rem;
  align-items: center;
  text-decoration: none;
  color: var(--color-brand);
  font-size: 0.75rem;
  line-height: 170%;
  font-weight: 400;
}
@media all and (max-width: 768px) {
  .navigation {
    font-size: 1.975rem;
    gap: 0.987rem;
  }
}
.navigation[data-navigation-text=first] .navigation__text_prev, .navigation[data-navigation-text="1"] .navigation__text_prev {
  display: none;
}
.navigation[data-navigation-text=second] .navigation__text_next, .navigation[data-navigation-text=last] .navigation__text_next {
  display: none;
}
.navigation_mobile {
  display: none;
}
@media all and (max-width: 768px) {
  .navigation_mobile {
    display: flex;
    gap: 2.633rem;
  }
}
@media all and (max-width: 768px) {
  .navigation_pc {
    display: none;
  }
}
.navigation_absolute {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media all and (max-width: 768px) {
  .navigation_absolute {
    position: relative;
    top: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    justify-content: end;
    width: fit-content;
    margin-left: auto;
  }
}
.navigation_admin, .navigation_modal, .navigation_account {
  justify-content: end;
  width: fit-content;
  margin-left: auto;
}
.navigation .icon {
  width: 0.375rem;
  height: 0.625rem;
  background-color: var(--color-brand);
}
@media all and (max-width: 768px) {
  .navigation .icon {
    width: 0.987rem;
    height: 1.646rem;
  }
}
.navigation_modal .icon {
  width: 0.625rem;
}
@media all and (max-width: 768px) {
  .navigation_modal .icon {
    width: 1.646rem;
  }
}
@media all and (max-width: 768px) {
  .navigation_filters {
    margin-bottom: 2.633rem;
  }
}
@media all and (max-width: 768px) {
  .navigation__text_next, .navigation__text_prev {
    display: flex;
    align-items: center;
    gap: 0.987rem;
  }
}

.title-section {
  margin: 0 auto;
  background-color: var(--color-brand-background);
  width: 100%;
  padding: 8.25rem 0;
  background-image: url("../images/background-1.jpg");
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
}
@media all and (max-width: 768px) {
  .title-section {
    padding: 16.456rem 0;
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    background-size: auto 100%;
    background-position: center;
  }
}
.title-section_basket {
  background-image: url("../images/title-background-3.jpg");
}
.title-section_with-buttons {
  padding: 8.25rem 0 4.063rem;
}
@media all and (max-width: 768px) {
  .title-section_with-buttons {
    padding: 16.292rem 0;
  }
}
.title-section_with-buttons .section-wrapper {
  gap: 3.188rem;
}
@media all and (max-width: 768px) {
  .title-section_with-buttons .section-wrapper {
    gap: 7.899rem;
  }
}
.title-section__text-wrapper {
  margin: 0 auto;
  color: var(--color-white);
  text-align: center;
}
.title-section__buttons-wrapper {
  margin: auto;
  display: flex;
  gap: 2.5rem;
}
@media all and (max-width: 768px) {
  .title-section__buttons-wrapper {
    width: 100%;
    flex-direction: column;
    gap: 2.633rem;
  }
}
.title-section__title {
  margin-bottom: 1rem;
  margin-top: 0;
}
@media all and (max-width: 768px) {
  .title-section__title {
    margin-bottom: 2.633rem;
  }
}
.title-section__text {
  font-size: 1rem;
  line-height: 140%;
  font-weight: 400;
  margin: 0 auto;
  max-width: 28.125rem;
}
@media all and (max-width: 768px) {
  .title-section__text {
    max-width: none;
    font-size: 2.633rem;
    letter-spacing: 0.01em;
  }
}

.block-header__top {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.875rem;
  padding: 0 0.875rem;
}
@media all and (max-width: 768px) {
  .block-header__top {
    gap: 3.291rem;
    padding: 0 2.304rem;
  }
}
.block-header__top .icon {
  width: 3rem;
  height: 3rem;
  -webkit-mask-size: 3rem 3rem;
  mask-size: 3rem 3rem;
  background-color: var(--color-brand);
}
@media all and (max-width: 768px) {
  .block-header__top .icon {
    width: 7.899rem;
    height: 7.899rem;
    -webkit-mask-size: 7.899rem 7.899rem;
    mask-size: 7.899rem 7.899rem;
  }
}
.block-header__divider {
  height: 1px;
  width: 100%;
  background-color: var(--color-brand);
}
.block-header__title {
  display: flex;
  gap: 1.813rem;
  align-items: center;
}
@media all and (max-width: 768px) {
  .block-header__title {
    gap: 2.798rem;
  }
  .block-header__title h3 {
    width: fit-content;
  }
}
.block-header__description {
  font-size: 0.875rem;
  line-height: 140%;
  letter-spacing: 0.02em;
  font-family: var(--font-secondary);
}
@media all and (max-width: 768px) {
  .block-header__description {
    font-size: 2.304rem;
    line-height: 140%;
    padding: 0 1.646rem;
  }
}

.order {
  width: 20.625rem;
}
@media all and (max-width: 768px) {
  .order {
    width: 100%;
  }
}
.order__wrapper {
  display: flex;
  justify-content: space-between;
}
@media all and (max-width: 768px) {
  .order__wrapper {
    flex-direction: column;
    gap: 3.949rem;
  }
}
.order__date, .order__cost {
  border: 1px solid var(--color-gray);
  border-bottom: none;
  text-align: center;
  font-family: var(--font-secondary);
}
.order__date {
  font-size: 1rem;
  line-height: 2.5rem;
  letter-spacing: 0.02em;
}
@media all and (max-width: 768px) {
  .order__date {
    font-size: 2.633rem;
    line-height: 6.582rem;
  }
}
.order__cost {
  color: var(--color-brand);
  font-size: 1.875rem;
  line-height: 3.125rem;
  letter-spacing: 0.07em;
}
@media all and (max-width: 768px) {
  .order__cost {
    font-size: 4.937rem;
    line-height: 8.228rem;
  }
}
.order .button {
  font-size: 0.875rem;
  line-height: 3.5rem;
}
@media all and (max-width: 768px) {
  .order .button {
    height: 9.215rem;
    font-size: 2.304rem;
    line-height: 9.215rem;
  }
}
@media all and (max-width: 768px) {
  .order .button_white {
    color: var(--color-text);
  }
}
.order .button_white .icon {
  width: 1.063rem;
  height: 0.938rem;
  -webkit-mask-size: 1.063rem 0.938rem;
  mask-size: 1.063rem 0.938rem;
  background-color: var(--color-brand);
}
@media all and (max-width: 768px) {
  .order .button_white .icon {
    width: 2.798rem;
    height: 2.468rem;
    -webkit-mask-size: 2.798rem 2.468rem;
    mask-size: 2.798rem 2.468rem;
  }
}
.order .button_brand .icon {
  width: 1.5rem;
  height: 1rem;
  -webkit-mask-size: 1.5rem 1rem;
  mask-size: 1.5rem 1rem;
}
@media all and (max-width: 768px) {
  .order .button_brand .icon {
    width: 3.949rem;
    height: 2.633rem;
    -webkit-mask-size: 3.949rem 2.633rem;
    mask-size: 3.949rem 2.633rem;
  }
}

.main-section {
  padding: 4.5rem 0;
}
@media all and (max-width: 768px) {
  .main-section {
    padding: 10.532rem 0;
  }
}
.main-section .sets-wrapper {
  margin-bottom: 5rem;
}
@media all and (max-width: 768px) {
  .main-section .sets-wrapper {
    margin-bottom: 7.899rem;
  }
}
.main-section .special_wrapper {
  display: flex;
  justify-content: space-between;
  margin-bottom: 3.5rem;
}
@media all and (max-width: 768px) {
  .main-section .special_wrapper {
    margin-bottom: 5.266rem;
  }
}
.main-section .special_left, .main-section .special_right {
  display: flex;
  align-items: center;
  height: 1.5rem;
}
@media all and (max-width: 768px) {
  .main-section .special_left, .main-section .special_right {
    height: 3.949rem;
  }
}
.main-section .special_left .icon, .main-section .special_right .icon {
  background-color: var(--color-brand);
}
.main-section .special_left {
  gap: 1rem;
  color: var(--color-gray-7F);
}
@media all and (max-width: 768px) {
  .main-section .special_left {
    gap: 2.633rem;
  }
}
.main-section .special_left .icon {
  width: 1.5rem;
  height: 1.5rem;
}
@media all and (max-width: 768px) {
  .main-section .special_left .icon {
    width: 3.949rem;
    height: 3.949rem;
  }
}
.main-section .special_text {
  font-size: 1rem;
  line-height: 140%;
  font-weight: 400;
}
@media all and (max-width: 768px) {
  .main-section .special_text {
    font-size: 2.633rem;
  }
  .main-section .special_text-link {
    font-size: 1.975rem;
  }
}
@media all and (max-width: 768px) {
  .main-section .special_text-pc {
    display: none;
  }
}
.main-section .special_text-mobile {
  display: none;
}
@media all and (max-width: 768px) {
  .main-section .special_text-mobile {
    display: inline;
  }
}
.main-section .special-set {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 20.5rem;
  height: 37.5rem;
  overflow: hidden;
}
@media all and (max-width: 768px) {
  .main-section .special-set {
    width: -webkit-calc(100% - 7.899rem);
    width: -moz-calc(100% - 7.899rem);
    width: calc(100% - 7.899rem);
    height: 98.737rem;
    flex: 0 0 100%;
    scroll-snap-align: center;
  }
}
.main-section .special-set:hover .special-set_bottom {
  max-height: 100%;
}
.main-section .special-set__wrapper {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5rem;
}
@media all and (max-width: 768px) {
  .main-section .special-set__wrapper {
    width: 100%;
    margin-left: -3.949rem;
    margin-bottom: 7.899rem;
    padding: 0 3.949rem;
    gap: 1.316rem;
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
    -ms-overflow-style: none;
    scrollbar-width: none;
    text-align: center;
  }
  .main-section .special-set__wrapper::-webkit-scrollbar {
    display: none;
  }
}
.main-section .special-set_top {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: end;
  height: 100%;
  padding-bottom: 5.375rem;
}
@media all and (max-width: 768px) {
  .main-section .special-set_top {
    padding-bottom: 7.076rem;
  }
}
.main-section .special-set_bottom {
  position: relative;
  max-height: 0;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
@media all and (max-width: 768px) {
  .main-section .special-set_bottom {
    display: none;
  }
}
.main-section .special-set_bottom-wrapper {
  display: flex;
  flex-direction: column;
  gap: 2.813rem;
  min-height: fit-content;
  align-items: flex-end;
  padding: 1.5rem 0.75rem 0.938rem;
}
@media all and (max-width: 768px) {
  .main-section .special-set_bottom-wrapper {
    gap: 7.405rem;
    padding: 3.949rem 1.975rem 2.468rem;
  }
}
.main-section .special-set_image {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 20.5rem;
  height: 37.5rem;
}
@media all and (max-width: 768px) {
  .main-section .special-set_image {
    width: 53.976rem;
    height: 98.737rem;
  }
}
.main-section .special-set_image img {
  height: 100%;
  width: 100%;
}
.main-section .special-set_image:after {
  content: "";
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  height: 20.813rem;
  width: 100%;
  background-image: -webkit-linear-gradient(180deg, transparent 0%, var(--color-brand-background-dark) 100%);
  background-image: -moz-linear-gradient(180deg, transparent 0%, var(--color-brand-background-dark) 100%);
  background-image: -ms-linear-gradient(180deg, transparent 0%, var(--color-brand-background-dark) 100%);
  background-image: -o-linear-gradient(180deg, transparent 0%, var(--color-brand-background-dark) 100%);
  background-image: linear-gradient(180deg, transparent 0%, var(--color-brand-background-dark) 100%);
}
@media all and (max-width: 768px) {
  .main-section .special-set_image:after {
    height: 54.799rem;
  }
}
.main-section .special-set_discount-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  text-align: center;
  color: var(--color-white);
  gap: 0.5rem;
  padding: 0 2rem;
}
@media all and (max-width: 768px) {
  .main-section .special-set_discount-wrapper {
    gap: 1.316rem;
    padding: 0 5.266rem;
  }
}
.main-section .special-set__discount {
  font-size: 3.5rem;
  line-height: 120%;
}
@media all and (max-width: 768px) {
  .main-section .special-set__discount {
    font-size: 9.215rem;
  }
}
.main-section .special-set__title {
  font-size: 1.375rem;
  line-height: 120%;
  font-weight: 300;
  font-family: var(--font-secondary);
  border-top: 1px solid var(--color-white);
  border-bottom: 1px solid var(--color-white);
  padding: 0.75rem 0;
  letter-spacing: 0.07em;
  color: var(--color-brand);
}
@media all and (max-width: 768px) {
  .main-section .special-set__title {
    font-size: 3.62rem;
    padding: 1.975rem 0;
  }
}
.main-section .special-set__date {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.563rem;
  font-family: var(--font-secondary);
  font-size: 0.875rem;
  line-height: 160%;
  font-weight: 300;
}
@media all and (max-width: 768px) {
  .main-section .special-set__date {
    gap: 1.481rem;
    font-size: 2.304rem;
  }
}
.main-section .special-set__description {
  font-size: 0.875rem;
  line-height: 170%;
  font-family: var(--font-secondary);
  color: var(--color-gray-44);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
}
@media all and (max-width: 768px) {
  .main-section .special-set__description {
    font-size: 2.304rem;
    line-height: 170%;
  }
}
.main-section .special-set__link {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.75rem;
  line-height: 120%;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--color-text);
}
@media all and (max-width: 768px) {
  .main-section .special-set__link {
    width: fit-content;
    color: var(--color-white);
    gap: 1.316rem;
    font-size: 1.975rem;
    line-height: 140%;
    margin: 4.114rem auto 0;
  }
}
.main-section .special-set__link_mobile {
  display: none;
}
@media all and (max-width: 768px) {
  .main-section .special-set__link_mobile {
    display: flex;
  }
}
.main-section .special-set__link .icon {
  width: 0.375rem;
  height: 0.625rem;
  background-color: var(--color-brand);
}
@media all and (max-width: 768px) {
  .main-section .special-set__link .icon {
    width: 0.987rem;
    height: 1.646rem;
  }
}
.main-section .advantage {
  margin: 0 auto;
  max-width: 39rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}
@media all and (max-width: 768px) {
  .main-section .advantage {
    max-width: 100%;
    gap: 3.291rem;
  }
}
.main-section .advantage .icon {
  height: 3rem;
  width: 3rem;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  background-color: var(--color-brand);
}
@media all and (max-width: 768px) {
  .main-section .advantage .icon {
    height: 7.899rem;
    width: 7.899rem;
  }
}
.main-section .advantage__break-line {
  width: 100%;
  height: 1px;
  background-color: var(--color-brand);
}
.main-section .advantage__title {
  font-size: 2.5rem;
  line-height: 130%;
  display: flex;
  align-items: center;
  gap: 2rem;
}
@media all and (max-width: 768px) {
  .main-section .advantage__title {
    font-size: 3.62rem;
    line-height: 140%;
    gap: 2.798rem;
  }
}
.main-section .advantage__text {
  font-family: var(--font-secondary);
  font-size: 0.875rem;
  line-height: 170%;
  letter-spacing: 0.02em;
  text-align: center;
}
@media all and (max-width: 768px) {
  .main-section .advantage__text {
    font-size: 2.304rem;
    line-height: 140%;
    padding: 1.646rem 0;
  }
}

@media all and (max-width: 768px) {
  .login__title {
    text-align: center;
  }
}
.login__forgot-link, .login__subtext {
  font-size: 0.875rem;
  line-height: 140%;
  letter-spacing: 0.02em;
  font-family: var(--font-secondary);
  color: var(--color-text);
  max-width: 39.5rem;
  text-align: center;
}
@media all and (max-width: 768px) {
  .login__forgot-link, .login__subtext {
    font-size: 2.304rem;
    line-height: 140%;
    max-width: none;
  }
}
.login__forgot-link a, .login__subtext a {
  font-family: var(--font-secondary);
  text-decoration: none;
  color: var(--color-text);
}

.authorization-section {
  background-image: url("../images/background-2.jpg");
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
  text-align: center;
}
@media all and (max-width: 768px) {
  .authorization-section {
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    background-size: auto 100%;
    background-position: center;
  }
}
.authorization-section .authorization__wrapper {
  display: flex;
  flex-direction: column;
  width: 30.5rem;
  background-color: var(--color-white);
  padding: 2.5rem;
  gap: 2.5rem;
}
@media all and (max-width: 768px) {
  .authorization-section .authorization__wrapper {
    width: 100%;
    padding: 5.266rem 2.304rem;
    gap: 5.266rem;
  }
}
.authorization-section .authorization__buttons {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.25rem;
}
@media all and (max-width: 768px) {
  .authorization-section .authorization__buttons {
    gap: 3.291rem;
  }
}

.registration__title {
  padding: 0.625rem;
}
@media all and (max-width: 768px) {
  .registration__title {
    text-align: center;
    padding: 0;
  }
}
.registration__fields {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
}
@media all and (max-width: 768px) {
  .registration__fields {
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 3.949rem;
    width: 100%;
  }
}
.registration__success-text {
  font-size: 0.875rem;
  line-height: 140%;
  font-family: var(--font-secondary);
  max-width: 39.5rem;
  letter-spacing: 0.02em;
  text-align: center;
}
@media all and (max-width: 768px) {
  .registration__success-text {
    max-width: none;
    font-size: 2.304rem;
  }
}
.registration__success-text a {
  font-family: var(--font-secondary);
  text-decoration: none;
  color: var(--color-text);
}

.account_top {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: center;
  width: 100%;
}
@media all and (max-width: 768px) {
  .account_top {
    gap: 2.633rem;
  }
}
.account_bottom {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 1.5rem;
}
@media all and (max-width: 768px) {
  .account_bottom {
    gap: 3.949rem;
  }
}
.account__subtext {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  max-width: 32.5rem;
}
@media all and (max-width: 768px) {
  .account__subtext {
    max-width: 100%;
    gap: 0.658rem;
  }
}
.account__subtext_wide {
  max-width: none;
}
.account__text {
  font-family: var(--font-secondary);
}
.account__text_key {
  font-size: 1rem;
  line-height: 140%;
  letter-spacing: 0.02em;
  margin-bottom: 0.25rem;
}
@media all and (max-width: 768px) {
  .account__text_key {
    font-size: 2.633rem;
    margin-bottom: 0.658rem;
  }
}
.account__text_subtext {
  font-size: 1rem;
  line-height: 140%;
  letter-spacing: 0.02em;
  color: var(--color-brand);
}
@media all and (max-width: 768px) {
  .account__text_subtext {
    padding: 0 3.291rem;
    font-size: 2.304rem;
  }
}
.account__tabs {
  display: flex;
  gap: 4rem;
}
.account__tabs-wrapper {
  overflow: hidden;
}
@media all and (max-width: 768px) {
  .account__tabs-wrapper {
    display: flex;
    flex-direction: column;
    gap: 2.633rem;
  }
}
.account__tabs_between {
  gap: 0;
  justify-content: space-between;
}
@media all and (max-width: 768px) {
  .account__tabs_between {
    gap: 2.633rem;
  }
}
.account__section {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  text-align: center;
  width: 100%;
  max-width: 64.375rem;
}
@media all and (max-width: 768px) {
  .account__section {
    gap: 3.949rem;
  }
}
.account__section_big {
  gap: 2.188rem;
}
@media all and (max-width: 768px) {
  .account__section_big {
    gap: 5.76rem;
  }
}
.account__section .button:not(.button_brand) {
  max-width: 53.5rem;
}
@media all and (max-width: 768px) {
  .account__section .button:not(.button_brand) {
    max-width: 100%;
  }
}
.account__form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
}
@media all and (max-width: 768px) {
  .account__form {
    gap: 3.949rem;
  }
}
.account__form_date, .account__form_add-employee {
  flex-direction: row;
  gap: 4rem;
}
@media all and (max-width: 768px) {
  .account__form_date, .account__form_add-employee {
    flex-wrap: wrap;
    column-gap: 2.633rem;
    row-gap: 3.949rem;
  }
}
.account__form_add-employee .input__wrapper, .account__form_add-employee .button {
  width: 20.625rem;
}
@media all and (max-width: 768px) {
  .account__form_add-employee .input__wrapper, .account__form_add-employee .button {
    width: 100%;
  }
}
.account__date {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media all and (max-width: 768px) {
  .account__date {
    gap: 1.316rem;
  }
}
.account__date_title {
  font-family: var(--font-secondary);
  font-size: 0.875rem;
  line-height: 140%;
  letter-spacing: 0.02em;
}
@media all and (max-width: 768px) {
  .account__date_title-pc {
    display: none;
  }
}
.account__date_title-mobile {
  display: none;
}
@media all and (max-width: 768px) {
  .account__date_title-mobile {
    display: inline;
  }
}
@media all and (max-width: 768px) {
  .account__date_title {
    font-size: 2.304rem;
  }
}
@media all and (max-width: 768px) {
  .account__date_button {
    width: 100%;
  }
}
.account__fields {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
}
@media all and (max-width: 768px) {
  .account__fields {
    gap: 3.949rem;
  }
}
.account__top-text {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
}
@media all and (max-width: 768px) {
  .account__top-text {
    gap: 2.633rem;
  }
}
.account__title {
  position: relative;
  width: 100%;
}
@media all and (max-width: 768px) {
  .account__title {
    display: flex;
    flex-direction: column-reverse;
    gap: 2.633rem;
  }
}
.account__table {
  width: 100%;
  border: 0;
}
@media all and (max-width: 768px) {
  .account__order {
    display: flex;
    flex-direction: column;
    gap: 3.949rem;
  }
}
.account__order .dish:not(:last-child) .dish__content {
  border-bottom: none;
}
@media all and (max-width: 768px) {
  .account__order .dish:not(:last-child) .dish__content {
    border-bottom: 1px solid var(--color-gray);
  }
}
.account__buttons-group {
  display: flex;
  width: 100%;
}
@media all and (max-width: 768px) {
  .account__buttons-group {
    flex-direction: column;
  }
}
.account__buttons-group_vertical {
  flex-direction: column;
}
.account__buttons-group_vertical .account__expand-section:not(:last-child) .button_white:not(.button_filter) {
  border-bottom: none;
}
.account__buttons-group_admin {
  gap: 1.5rem;
  justify-content: center;
}
@media all and (max-width: 768px) {
  .account__buttons-group_admin {
    flex-direction: column-reverse;
    gap: 0;
  }
}
.account__buttons-group_admin .button {
  width: 20.625rem;
}
@media all and (max-width: 768px) {
  .account__buttons-group_admin .button {
    width: 100%;
  }
}
.account__buttons-group_admin .button .icon_print {
  width: 1.063rem;
  height: 0.938rem;
  background-color: var(--color-brand);
}
@media all and (max-width: 768px) {
  .account__buttons-group_admin .button .icon_print {
    width: 2.798rem;
    height: 2.468rem;
  }
}
.account__buttons-group_admin .button .icon_save {
  background-color: var(--color-brand);
  width: 0.813rem;
  height: 1rem;
  -webkit-mask-size: 0.813rem 1rem;
  mask-size: 0.813rem 1rem;
}
@media all and (max-width: 768px) {
  .account__buttons-group_admin .button .icon_save {
    width: 2.139rem;
    height: 2.633rem;
    -webkit-mask-size: 2.139rem 2.633rem;
    mask-size: 2.139rem 2.633rem;
  }
}
.account__total {
  display: flex;
  border: 1px solid var(--color-gray);
  height: 3.25rem;
  font-family: var(--font-secondary);
}
@media all and (max-width: 768px) {
  .account__total {
    flex-direction: column;
    height: auto;
    margin-bottom: 1.316rem;
  }
}
.account__total_left, .account__total_right {
  display: flex;
  align-items: center;
}
@media all and (max-width: 768px) {
  .account__total_left, .account__total_right {
    line-height: 8.557rem;
    height: 8.557rem;
  }
}
.account__total_left {
  justify-content: end;
  font-size: 1rem;
  line-height: 140%;
  letter-spacing: 0.02em;
  padding-right: 1.5rem;
  border-right: 1px solid var(--color-gray);
  flex-grow: 1;
}
@media all and (max-width: 768px) {
  .account__total_left {
    justify-content: center;
    border-right: 0;
    border-bottom: 1px solid var(--color-gray);
    font-size: 2.633rem;
  }
}
.account__total_right {
  min-width: 20.625rem;
  gap: 0.5rem;
  justify-content: center;
  align-items: center;
  color: var(--color-brand);
  font-size: 1.875rem;
  line-height: 120%;
  letter-spacing: 0.07em;
}
@media all and (max-width: 768px) {
  .account__total_right {
    gap: 1.316rem;
    min-width: 100%;
    font-size: 4.937rem;
  }
}
.account__expand-section_mobile {
  display: none;
}
@media all and (max-width: 768px) {
  .account__expand-section_mobile {
    display: block;
  }
}
.account__expand-section .button_expanded .button__icon-wrapper {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.account__expand-section .button__icon-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.account__expand-section .button__icon-wrapper .icon_chevron-right {
  width: 1.5rem;
  height: 1.5rem;
  -webkit-mask-size: 0.563rem 1rem;
  mask-size: 0.563rem 1rem;
  background-color: var(--color-brand);
}
@media all and (max-width: 768px) {
  .account__expand-section .button__icon-wrapper .icon_chevron-right {
    width: 3.949rem;
    height: 3.949rem;
    -webkit-mask-size: 1.481rem 2.633rem;
    mask-size: 1.481rem 2.633rem;
  }
}
.account__expand-content {
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  display: grid;
  grid-template-rows: 0fr;
  margin-top: 0;
  margin-bottom: 0;
}
.account__expand-content > * {
  overflow-y: hidden;
  overflow-x: visible;
}
@media all and (max-width: 768px) {
  .account__expand-content > * {
    overflow: hidden;
  }
}
.account__expand-content_expanded {
  grid-template-rows: 1fr;
  margin-top: 2.188rem;
  margin-bottom: 3.125rem;
}
.account__expand-content_expanded > * {
  overflow-y: visible;
}
@media all and (max-width: 768px) {
  .account__expand-content_expanded {
    margin-top: 5.266rem;
    margin-bottom: 7.899rem;
  }
  .account__expand-content_expanded.account__expand-content_filters {
    margin-top: 3.949rem;
    margin-bottom: 3.949rem;
  }
  .account__expand-content_expanded.account__expand-content_categories {
    margin-top: 0;
    margin-bottom: 0;
  }
}
.account__admin_date {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media all and (max-width: 768px) {
  .account__admin_date {
    gap: 3.949rem;
  }
}
@media all and (max-width: 768px) {
  .account__filters_checkbox {
    display: flex;
    flex-direction: column;
    margin-top: 3.949rem;
    gap: 2.633rem;
  }
}
@media all and (max-width: 768px) {
  .account__filter {
    display: flex;
    height: 6.582rem;
    padding-left: 2.633rem;
    font-family: var(--font-secondary);
    font-size: 2.304rem;
    line-height: 6.582rem;
    letter-spacing: 0.05em;
    border: 1px solid var(--color-gray);
    border-bottom: none;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    justify-content: space-between;
  }
  .account__filter.active {
    background-color: var(--color-brand);
  }
  .account__filter.active .icon {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .account__filter_icon-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 6.582rem;
    width: 6.582rem;
    background-color: var(--color-white);
    border-left: 1px solid var(--color-gray);
    border-bottom: 1px solid var(--color-gray);
  }
  .account__filter_icon-wrapper .icon {
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    height: 2.633rem;
    width: 2.633rem;
    -webkit-mask-size: 2.633rem 2.633rem;
    mask-size: 2.633rem 2.633rem;
    background-color: var(--color-brand);
  }
}
.account__table-dish-select {
  display: none;
  position: absolute;
}
.account__table-dish-select .dish {
  border: none;
  padding: 0;
}
.account__table-dish-select.active {
  display: flex;
  z-index: 10;
}
@media all and (max-width: 768px) {
  .account__table-dish-select.active {
    width: 100%;
    text-align: center;
  }
  .account__table-dish-select.active .dish {
    width: 45.09rem;
    margin: auto;
  }
  .account__table-dish-select.active .dish__cost {
    font-size: 3.949rem;
  }
  .account__table-dish-select.active .dish__title, .account__table-dish-select.active .dish__description {
    font-size: 1.975rem;
    text-align: left;
    padding-left: 1.316rem;
    padding-right: 1.316rem;
  }
  .account__table-dish-select.active .dish__info {
    padding-left: 1.316rem;
    padding-right: 1.316rem;
  }
  .account__table-dish-select.active .dish__info_left {
    font-size: 1.646rem;
    line-height: 170%;
    padding-bottom: 0.658rem;
  }
}

.contacts-section {
  overflow: hidden;
}
.contacts-section .section-wrapper:before {
  content: "";
  display: block;
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 10.875rem;
  width: 119.625rem;
  height: 67.5rem;
  background-color: var(--color-gray-0E-06);
  -webkit-mask-image: url("../images/icons/logo-background.svg");
  mask-image: url("../images/icons/logo-background.svg");
}
@media all and (max-width: 768px) {
  .contacts-section .section-wrapper:before {
    display: none;
  }
}
.contacts__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5rem 0;
}
@media all and (max-width: 768px) {
  .contacts__header {
    padding: 3.949rem 0;
  }
}
.contacts__header_text, .contacts__header_mode {
  display: flex;
  flex-direction: column;
}
.contacts__header_text {
  gap: 1rem;
}
@media all and (max-width: 768px) {
  .contacts__header_text {
    gap: 2.633rem;
  }
  .contacts__header_text h1 {
    font-size: 4.608rem;
    line-height: 130%;
    margin-bottom: 2.633rem;
  }
  .contacts__header_text h5 {
    font-family: var(--font-secondary);
    font-size: 2.304rem;
    line-height: 170%;
    font-weight: 400;
    letter-spacing: 0.02em;
  }
}
.contacts__header_mode {
  text-align: right;
}
@media all and (max-width: 768px) {
  .contacts__header_mode {
    display: none;
  }
}
.contacts__expand-section, .contacts__file {
  border-top: 1px solid var(--color-gray-contacts);
}
.contacts__expand-section:last-child, .contacts__file:last-child {
  border-bottom: 1px solid var(--color-gray-contacts);
}
.contacts__expand-content {
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  display: grid;
  grid-template-rows: 0fr;
  margin-top: 0;
  margin-bottom: 0;
}
.contacts__expand-content > * {
  overflow: hidden;
}
.contacts__expand-content_expanded {
  grid-template-rows: 1fr;
  margin-top: 2.188rem;
  margin-bottom: 3.125rem;
}
@media all and (max-width: 768px) {
  .contacts__expand-content_expanded {
    margin-top: 3.949rem;
    margin-bottom: 5.266rem;
  }
}
.contacts__department {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media all and (max-width: 768px) {
  .contacts__department {
    gap: 3.949rem;
  }
}
.contacts__department-title {
  font-size: 0.75rem;
  line-height: 120%;
  text-transform: uppercase;
}
@media all and (max-width: 768px) {
  .contacts__department-title {
    font-size: 1.975rem;
  }
}
.contacts__employee-row {
  display: flex;
  justify-content: space-between;
}
@media all and (max-width: 768px) {
  .contacts__employee-row {
    flex-direction: column;
    justify-content: start;
    gap: 1.316rem;
  }
}
.contacts__employee-column {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  min-width: 11.313rem;
}
@media all and (max-width: 768px) {
  .contacts__employee-column {
    gap: 0;
    min-width: auto;
  }
}
.contacts__employee-title {
  font-size: 1rem;
  line-height: 140%;
  font-weight: 400;
}
@media all and (max-width: 768px) {
  .contacts__employee-title {
    font-size: 2.633rem;
  }
}
.contacts__employee-value {
  font-family: var(--font-secondary);
  font-size: 0.875rem;
  line-height: 170%;
  letter-spacing: 0.02em;
  color: var(--color-gray-44);
}
@media all and (max-width: 768px) {
  .contacts__employee-value {
    font-size: 2.304rem;
  }
}
.contacts__employee-value a {
  text-decoration: none;
  color: inherit;
}
.contacts__description {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 5rem 0;
  max-width: 36.625rem;
}
@media all and (max-width: 768px) {
  .contacts__description {
    gap: 2.633rem;
    padding: 10.532rem 0;
    max-width: 100%;
  }
  .contacts__description .h5 {
    font-size: 2.304rem;
    line-height: 160%;
    letter-spacing: 0.04em;
  }
}
.contacts__files {
  padding-bottom: 5rem;
}
@media all and (max-width: 768px) {
  .contacts__files {
    padding-bottom: 13.165rem;
  }
}
@media all and (max-width: 768px) {
  .contacts__file {
    padding: 1.975rem 0;
    height: auto;
  }
}
@media all and (max-width: 768px) {
  .contacts__file-title {
    text-align: left;
    font-size: 2.962rem;
    line-height: 140%;
  }
}
.contacts__file-format {
  font-family: var(--font-secondary);
  font-size: 0.75rem;
  line-height: 1.5rem;
  font-weight: 300;
  color: var(--color-additional);
  padding-right: 0.438rem;
  border-right: 1px solid var(--color-additional);
  text-transform: uppercase;
  height: 1.5rem;
}
@media all and (max-width: 768px) {
  .contacts__file-format {
    display: block;
    border-right: 0;
    padding-right: 0;
    height: auto;
    min-width: 6.582rem;
    font-size: 1.975rem;
  }
}
.contacts__map {
  height: 33.125rem;
}
@media all and (max-width: 768px) {
  .contacts__map {
    pointer-events: none;
    height: 111.408rem;
  }
}
.contacts__map #map {
  height: 100%;
  width: 100%;
}

.menu__description-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media all and (max-width: 768px) {
  .menu__description-wrapper {
    gap: 2.633rem;
  }
}
.menu__title {
  position: relative;
}
@media all and (max-width: 768px) {
  .menu__title {
    display: flex;
    flex-direction: column-reverse;
    gap: 2.633rem;
  }
}
.menu__title_text {
  text-align: center;
}
@media all and (max-width: 768px) {
  .menu__title_text h1 {
    font-size: 4.608rem;
    line-height: 100%;
    font-weight: 400;
  }
}
.menu__description {
  font-size: 1rem;
  line-height: 140%;
  font-weight: 400;
  text-align: center;
  font-family: var(--font-secondary);
}
@media all and (max-width: 768px) {
  .menu__description {
    font-size: 2.633rem;
    letter-spacing: 0.01em;
  }
}
.menu__description_text, .menu__description_subtext {
  margin: 0;
}
.menu__description_text {
  margin-bottom: 0.5rem;
}
@media all and (max-width: 768px) {
  .menu__description_text {
    margin-bottom: 0.658rem;
  }
}
.menu__description_subtext {
  color: var(--color-brand);
}
@media all and (max-width: 768px) {
  .menu__description_subtext {
    font-size: 2.304rem;
    letter-spacing: 0.02em;
  }
}
@media all and (max-width: 768px) {
  .menu__days {
    display: flex;
    flex-direction: column;
    gap: 2.633rem;
  }
}
.menu__tabs-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  column-gap: 2.5rem;
  row-gap: 1.5rem;
}
@media all and (max-width: 768px) {
  .menu__tabs-wrapper {
    display: none;
  }
}
.menu__tabs-wrapper_days {
  column-gap: 1.5rem;
}
@media all and (max-width: 768px) {
  .menu__tabs-wrapper_days {
    display: flex;
    justify-content: unset;
    flex-wrap: nowrap;
    column-gap: 3.949rem;
  }
}
@media all and (max-width: 768px) {
  .menu__wrapper {
    display: flex;
    flex-direction: column;
    gap: 2.633rem;
  }
}
.menu__dishes {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 1.313rem;
}
@media all and (max-width: 768px) {
  .menu__dishes {
    row-gap: 2.633rem;
  }
}
.menu__week-button {
  width: 100%;
}
.menu__section {
  display: none;
  flex-direction: column;
}
.menu__section.active {
  display: flex;
}
@media all and (max-width: 768px) {
  .menu__section {
    display: grid;
    grid-template-rows: 6.582rem 0fr;
    gap: 0rem;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
  }
  .menu__section > * {
    overflow: hidden;
  }
  .menu__section.active {
    display: grid;
    gap: 2.633rem;
    grid-template-rows: 6.582rem 1fr;
  }
}
.menu__expand {
  display: none;
}
@media all and (max-width: 768px) {
  .menu__expand {
    display: flex;
    height: 6.582rem;
    padding-left: 2.633rem;
    font-family: var(--font-secondary);
    font-size: 2.304rem;
    line-height: 6.582rem;
    color: var(--color-brand);
    letter-spacing: 0.05em;
    border: 1px solid var(--color-gray);
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    justify-content: space-between;
  }
  .menu__expand.active {
    background-color: var(--color-brand-background);
  }
  .menu__expand.active .icon {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .menu__expand_icon-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 6.582rem;
    width: 6.582rem;
    background-color: var(--color-white);
    border-left: 1px solid var(--color-gray);
  }
  .menu__expand_icon-wrapper .icon {
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    height: 2.633rem;
    width: 2.633rem;
    -webkit-mask-size: 2.633rem 2.633rem;
    mask-size: 2.633rem 2.633rem;
    background-color: var(--color-brand);
  }
}

/*# sourceMappingURL=app.css.map */