/* _content/BlazorWebApp/Modules/AuthModule/AuthDialog.razor.rz.scp.css */
.password[b-gs21g1u3k1] {
  margin-bottom: 16px;
}
.password__forgot[b-gs21g1u3k1] {
  margin-top: 8px;
  color: var(--clr-primary);
  line-height: 2.28;
  transition: 0.2s all ease;
  cursor: pointer;
  width: max-content;
}
.password__forgot:hover[b-gs21g1u3k1] {
  filter: brightness(0.9);
}
.password__forgot:active[b-gs21g1u3k1] {
  filter: brightness(0.8);
}
/* _content/BlazorWebApp/Modules/CompanyBranchesModule/CompanyBranchCard.razor.rz.scp.css */
.card[b-gitsf13bxz] {
  display: block;
  transition: 0.2s all ease;
  cursor: pointer;
  height: 100%;
}
.card__name[b-gitsf13bxz] {
  font-weight: 500;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  max-height: 2.56em;
}
.card__status[b-gitsf13bxz] {
  font-size: 0.85rem;
  margin-top: 8px;
  line-height: 1.5;
}
.card__status--active[b-gitsf13bxz], .card__status--disabled[b-gitsf13bxz] {
  display: block;
}
.card__status--active[b-gitsf13bxz]::before, .card__status--disabled[b-gitsf13bxz]::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50px;
  background: var(--clr-success);
  margin-right: 8px;
}
.card__status--disabled[b-gitsf13bxz]::before {
  background: var(--clr-attention);
}
.card__address[b-gitsf13bxz] {
  margin-top: 8px;
  word-break: break-word;
}
.card:hover[b-gitsf13bxz] {
  filter: brightness(0.9);
}
.card:active[b-gitsf13bxz] {
  filter: brightness(0.8);
}
/* _content/BlazorWebApp/Modules/CompanyBranchesModule/CompanyBranchListPage.razor.rz.scp.css */
.card-wrapper[b-kde4e40pzw] {
  margin: 0 0 16px 0;
}

@media (max-width: 576px) {
  .content[b-kde4e40pzw] {
    padding: 0 4px;
  }
  .card-wrapper[b-kde4e40pzw] {
    margin: 0 0 4px 0;
    padding: 0;
  }
}
/* _content/BlazorWebApp/Modules/CompanyBranchesModule/CompanyBranchPage.razor.rz.scp.css */
@charset "UTF-8";
.company[b-igsgbk6gw7] {
  margin-bottom: 40px;
}
.company__image[b-igsgbk6gw7] {
  overflow: hidden;
  border: 1px solid var(--clr-frame);
  border-radius: 8px;
  width: 100%;
  padding: 0;
}
.company__header[b-igsgbk6gw7] {
  margin: 24px 0 8px 0;
  font-size: 1.14rem;
  line-height: 2;
  font-weight: 500;
}
.company__header-days[b-igsgbk6gw7] {
  margin-top: 0;
}
.company__data-name[b-igsgbk6gw7] {
  font-weight: 500;
}
.company__data-point--active[b-igsgbk6gw7], .company__data-point--disabled[b-igsgbk6gw7] {
  margin-top: 8px;
  font-size: 0.85rem;
  line-height: 1.5;
}
.company__data-point--active[b-igsgbk6gw7]::before, .company__data-point--disabled[b-igsgbk6gw7]::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50px;
  background: var(--clr-success);
  margin-right: 8px;
}
.company__data-point--disabled[b-igsgbk6gw7]::before {
  background: var(--clr-attention);
}
.company__data-point--delivery[b-igsgbk6gw7] {
  margin-top: 8px;
}
.company__data-point-type[b-igsgbk6gw7] {
  margin-left: 8px;
}
.company__data-address[b-igsgbk6gw7], .company__data-description[b-igsgbk6gw7] {
  margin: 4px 0;
}
.company__schedule-header[b-igsgbk6gw7] {
  margin-top: 0;
}
.company__schedule-label[b-igsgbk6gw7] {
  font-size: 0.85rem;
  line-height: 1.5;
  color: var(--clr-alt-on-surface);
}
.company__schedule-label:not(:first-child)[b-igsgbk6gw7] {
  margin-top: 16px;
}
.company__schedule-work[b-igsgbk6gw7] {
  margin-top: 4px;
}
.company__schedule-break[b-igsgbk6gw7] {
  margin-top: 4px;
  color: var(--clr-alt-on-surface);
}
.company__schedule-break[b-igsgbk6gw7]:before {
  content: "Перерыв ";
}

@media (max-width: 767px) {
  .company__data[b-igsgbk6gw7] {
    margin-top: 8px;
  }
  .company__schedule-header[b-igsgbk6gw7] {
    margin-top: 24px;
  }
}
@media (max-width: 576px) {
  .company__image[b-igsgbk6gw7] {
    border-radius: 0;
    border: 2px solid var(--clr-frame);
  }
  .company__image-wrapper[b-igsgbk6gw7] {
    padding: 0;
  }
  .company__data[b-igsgbk6gw7] {
    margin-top: 4px;
  }
  .company__data[b-igsgbk6gw7], .company__schedule[b-igsgbk6gw7] {
    padding: 0 4px;
  }
}
/* _content/BlazorWebApp/Modules/HistoryOrderModule/OrderCard.razor.rz.scp.css */
.order[b-n9s18nk34l] {
  display: block;
  padding: 12px 8px 12px 16px;
  transition: 0.2s all ease;
}
.order__info[b-n9s18nk34l] {
  display: flex;
  justify-content: space-between;
}
.order__info-number[b-n9s18nk34l] {
  margin-top: 4px;
  color: var(--clr-alt-on-surface);
}
.order__info-amount[b-n9s18nk34l] {
  font-size: 1.14rem;
  font-weight: 500;
  line-height: 1.125;
  text-align: end;
}
.order__info-status[b-n9s18nk34l] {
  margin-top: 2px;
  text-align: end;
}
.order__info-status--additional[b-n9s18nk34l] {
  color: var(--clr-additional-2);
}
.order__info-status--alert[b-n9s18nk34l] {
  color: var(--clr-alert);
}
.order__info-status--success[b-n9s18nk34l] {
  color: var(--clr-success);
}
.order__info-status--attention[b-n9s18nk34l] {
  color: var(--clr-attention);
}
.order__pay[b-n9s18nk34l] {
  text-align: center;
  margin-top: 12px;
  border-top: 1px solid var(--clr-frame);
}
.order:hover[b-n9s18nk34l] {
  filter: brightness(0.9);
}
.order:active[b-n9s18nk34l] {
  filter: brightness(0.8);
}
/* _content/BlazorWebApp/Modules/HistoryOrderModule/OrderListPage.razor.rz.scp.css */
.card-wrapper:not(:first-child)[b-qcgckoi0yo] {
  margin-top: 5px;
}

@media (max-width: 576px) {
  .header[b-qcgckoi0yo], .content[b-qcgckoi0yo] {
    padding: 0 4px;
  }
}
/* _content/BlazorWebApp/Modules/HistoryOrderModule/OrderPage.razor.rz.scp.css */
.order[b-6y0m6mw04v] {
  margin-bottom: 40px;
}
.order__header[b-6y0m6mw04v] {
  font-size: 1.14rem;
  font-weight: 500;
  line-height: 2;
}
.order__total-box[b-6y0m6mw04v] {
  margin-bottom: 24px;
}
.order__number[b-6y0m6mw04v] {
  margin: 0 8px;
  color: var(--clr-alt-on-surface);
}
.order__status--additional[b-6y0m6mw04v] {
  color: var(--clr-additional-2);
}
.order__status--alert[b-6y0m6mw04v] {
  color: var(--clr-alert);
}
.order__status--success[b-6y0m6mw04v] {
  color: var(--clr-success);
}
.order__status--attention[b-6y0m6mw04v] {
  color: var(--clr-attention);
}
.order__row-wrapper[b-6y0m6mw04v] {
  margin-top: 8px;
  display: flex;
  justify-content: space-between;
}
.order__price[b-6y0m6mw04v] {
  font-weight: 500;
}
.order__hr[b-6y0m6mw04v] {
  border-top: 1px solid var(--clr-background);
  margin: 12px 0;
}
.order__summary-label[b-6y0m6mw04v] {
  font-size: 1.14rem;
  font-weight: 500;
  line-height: 1.125;
  text-transform: uppercase;
}
.order__summary-value[b-6y0m6mw04v] {
  font-size: 1.42rem;
  line-height: 0.9;
  font-weight: 500;
}
.order__summary-status[b-6y0m6mw04v] {
  margin-left: 8px;
  padding: 2px 4px;
  background: var(--clr-background);
  border-radius: 8px;
  font-size: 0.85rem;
  line-height: 1.16;
  position: relative;
  top: -2px;
}
.order__bonuses[b-6y0m6mw04v] {
  display: flex;
  width: 100%;
  margin-top: 4px;
  background: var(--clr-success);
  border-radius: 2px;
  padding: 4px;
}
.order__bonuses span[b-6y0m6mw04v] {
  margin: auto;
  color: var(--clr-on-success);
}
.order__pay-button[b-6y0m6mw04v] {
  margin: 12px auto 0 auto;
}
.order__items[b-6y0m6mw04v] {
  margin-top: 8px;
  margin-bottom: 24px;
}
.order__delivery[b-6y0m6mw04v], .order__additionaly[b-6y0m6mw04v] {
  margin-bottom: 24px;
}
.order__customer-name[b-6y0m6mw04v], .order__customer-phone[b-6y0m6mw04v], .order__customer-comment[b-6y0m6mw04v] {
  margin-top: 4px;
}
.order__customer-name[b-6y0m6mw04v] {
  margin-bottom: 12px;
}

.item[b-6y0m6mw04v] {
  display: flex;
  flex-direction: row;
  padding: 0;
  overflow: hidden;
}
.item__image[b-6y0m6mw04v] {
  width: 104px;
  height: 104px;
  flex-shrink: 0;
}
.item__image[b-6y0m6mw04v]:before {
  content: "";
  padding-top: 100%;
  float: left;
}
.item__image img[b-6y0m6mw04v] {
  display: block;
  width: 100%;
}
.item__params[b-6y0m6mw04v] {
  padding: 12px;
  display: block;
  width: 100%;
  position: relative;
}
.item__quantity[b-6y0m6mw04v] {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  font-size: 1.14rem;
  line-height: 1.12;
}
.item__price[b-6y0m6mw04v] {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  font-weight: 500;
}
.item:not(:first-child)[b-6y0m6mw04v], .item:not(:last-child)[b-6y0m6mw04v] {
  margin-bottom: 4px;
}

.label[b-6y0m6mw04v] {
  font-size: 0.86rem;
  line-height: 1.5;
  color: var(--clr-alt-on-surface);
}

@media (max-width: 576px) {
  .header[b-6y0m6mw04v], .card[b-6y0m6mw04v] {
    padding: 0 4px;
  }
}
/* _content/BlazorWebApp/Modules/InfoPageModule/InfoPage.razor.rz.scp.css */
/* _content/BlazorWebApp/Modules/MenuModule/Footer.razor.rz.scp.css */
.footer[b-9htt7gvqe2] {
  background: var(--clr-surface);
  margin-top: 40px;
}
.footer__container[b-9htt7gvqe2] {
  padding: 40px 0 20px 0;
}
.footer__logo[b-9htt7gvqe2] {
  display: flex;
  max-width: 208px;
  max-height: 104px;
}
.footer__logo img[b-9htt7gvqe2] {
  max-height: 104px;
  max-width: 208px;
}
.footer__logo-icon[b-9htt7gvqe2] {
  margin: auto;
}
.footer__apps[b-9htt7gvqe2] {
  margin: 16px 0 0 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.footer__apps-item[b-9htt7gvqe2] {
  transition: all 0.3s ease;
  opacity: 0.9;
}
.footer__apps-item:hover[b-9htt7gvqe2] {
  opacity: 1;
}
.footer__apps-item--ios[b-9htt7gvqe2] {
  margin: 8px 0 0 0;
}
.footer__header[b-9htt7gvqe2] {
  font-size: 1rem;
  margin: 0 0 20px 0;
  color: var(--clr-alt-on-surface);
}
.footer__navigation-item:not(:first-child)[b-9htt7gvqe2] {
  margin-top: 12px;
}
.footer__navigation-item[b-9htt7gvqe2]  a {
  transition: 0.2s all ease;
}
.footer__navigation-item[b-9htt7gvqe2]  a:hover {
  color: var(--clr-primary);
  filter: brightness(0.9);
}
.footer__navigation-item[b-9htt7gvqe2]  a:active {
  color: var(--clr-primary);
  filter: brightness(0.8);
}
.footer__social-networks[b-9htt7gvqe2] {
  display: flex;
  flex-direction: row;
}
.footer__social-network-item[b-9htt7gvqe2] {
  margin: 0 6px;
}
.footer__social-network-item:first-child[b-9htt7gvqe2] {
  margin: 0 6px 0 0;
}
.footer__social-network-item:last-child[b-9htt7gvqe2] {
  margin: 0 0 0 6px;
}
.footer__social-network-link[b-9htt7gvqe2] {
  display: block;
}
.footer__developed-by[b-9htt7gvqe2] {
  margin-top: 24px;
  display: flex;
}
.footer__developed-by-text[b-9htt7gvqe2] {
  margin: 0 auto;
}
.footer__developed-by-link[b-9htt7gvqe2] {
  color: var(--clr-primary);
  transition: 0.2s all ease;
}
.footer__developed-by-link:hover[b-9htt7gvqe2] {
  filter: brightness(0.9);
}
.footer__developed-by-link:active[b-9htt7gvqe2] {
  filter: brightness(0.8);
}

@media (max-width: 767px) {
  .footer__container[b-9htt7gvqe2] {
    padding: 40px 12px 20px 12px;
  }
  .footer__logo[b-9htt7gvqe2] {
    margin: auto;
  }
  .footer__apps[b-9htt7gvqe2] {
    flex-direction: row;
  }
  .footer__apps-item--android[b-9htt7gvqe2] {
    margin-left: auto;
  }
  .footer__apps-item--ios[b-9htt7gvqe2] {
    margin-top: 0;
    margin-left: 12px;
    margin-right: auto;
  }
  .footer__header[b-9htt7gvqe2] {
    margin: 24px 0 12px 0;
  }
  .footer__social-networks[b-9htt7gvqe2] {
    margin-top: 4px;
  }
}
/* _content/BlazorWebApp/Modules/MenuModule/Header.razor.rz.scp.css */
header[b-wg14uzfmgl] {
  background: var(--clr-surface);
  border-bottom: 1px solid var(--clr-frame);
}

.header-container .logo[b-wg14uzfmgl] {
  display: block;
  max-width: 208px;
  max-height: 104px;
  margin: auto 16px auto 0;
}
.header-container .logo img[b-wg14uzfmgl] {
  max-height: 104px;
  max-width: 208px;
}
.header-container .location[b-wg14uzfmgl] {
  margin: auto;
  cursor: pointer;
  text-decoration: none !important;
}
.header-container .location-icon[b-wg14uzfmgl] {
  margin-right: 8px;
}
.header-container .location-title[b-wg14uzfmgl] {
  margin: auto 0;
}
.header-container .navigation-primary[b-wg14uzfmgl] {
  display: flex;
  float: right;
}
.header-container .navigation-primary .profile[b-wg14uzfmgl], .header-container .navigation-primary .nav-item[b-wg14uzfmgl]  a {
  height: 80px;
  padding: 18px 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border: none;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  font-weight: 500;
  line-height: 2.28;
  position: relative;
  cursor: pointer;
  background-color: inherit;
  color: var(--clr-on-surface);
}
.header-container .navigation-primary .profile[b-wg14uzfmgl]:after, .header-container .navigation-primary .nav-item[b-wg14uzfmgl]  a:after {
  background: var(--clr-primary);
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  top: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease-out;
  position: absolute;
  width: 100%;
}
.header-container .navigation-primary .profile:hover[b-wg14uzfmgl]:after, .header-container .navigation-primary .nav-item[b-wg14uzfmgl]  a:hover:after {
  opacity: 0.1;
}
.header-container .navigation-primary .profile .icon[b-wg14uzfmgl], .header-container .navigation-primary .nav-item[b-wg14uzfmgl]  a .icon {
  width: 24px;
  height: 24px;
  margin: auto;
  color: var(--clr-primary);
}
.header-container .navigation-primary .profile img[b-wg14uzfmgl], .header-container .navigation-primary .nav-item[b-wg14uzfmgl]  a img {
  width: 40px;
  height: 40px;
  border-radius: 50px;
  background: var(--clr-surface);
}
.header-container .navigation-primary .nav-item[b-wg14uzfmgl]  a.active:after {
  opacity: 0.2;
}
.header-container .navigation-primary .nav-item[b-wg14uzfmgl]  a.active:before {
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 4px;
  background: var(--clr-primary);
  content: " ";
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.header-container .navigation-secondary[b-wg14uzfmgl] {
  display: flex;
  justify-content: flex-end;
}
.header-container .navigation-secondary__item[b-wg14uzfmgl]  a {
  display: block;
  padding: 12px 8px;
  transition: 0.2s all ease;
  color: var(--clr-alt-on-surface);
}
.header-container .navigation-secondary__item[b-wg14uzfmgl]  a:hover {
  filter: brightness(0.9);
}
.header-container .navigation-secondary__item[b-wg14uzfmgl]  a:active {
  filter: brightness(0.8);
}

@media (max-width: 991px) {
  .header-container[b-wg14uzfmgl] {
    max-width: 100%;
    width: 100%;
    align-items: center;
  }
  .header-container .logo[b-wg14uzfmgl] {
    display: block;
    height: 60px;
    margin: 2px 0;
  }
  .header-container .logo img[b-wg14uzfmgl] {
    max-width: 100%;
    max-height: 100%;
  }
  .header-container .cart-button[b-wg14uzfmgl] {
    position: relative;
    margin-left: auto;
    width: 48px;
    height: 48px;
    color: var(--clr-primary);
  }
  .header-container .cart-button__badge[b-wg14uzfmgl] {
    display: flex;
    position: absolute;
    right: 6px;
    top: 6px;
    background: var(--clr-attention);
    color: var(--clr-on-attention);
    border-radius: 4px;
    padding: 2px 4px;
    height: 18px;
    font-size: 0.85rem;
    line-height: 1.4;
  }
  .header-container .cart-button__badge-inner[b-wg14uzfmgl] {
    align-self: center;
  }
  .header-container .burger-button[b-wg14uzfmgl] {
    width: 48px;
    height: 48px;
    color: var(--clr-alt-on-surface);
  }
  .header-container .icon-chevron[b-wg14uzfmgl] {
    color: var(--clr-extra);
  }
  .navigation[b-wg14uzfmgl] {
    padding-top: 8px;
    display: table-cell;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 3;
    left: 0;
    right: 0;
    background: var(--clr-background);
  }
  .navigation__profile[b-wg14uzfmgl] {
    margin-bottom: 8px;
  }
  .navigation__profile .profile[b-wg14uzfmgl], .navigation__profile[b-wg14uzfmgl]  a {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 60px;
    padding: 12px 8px;
    border: none;
    color: var(--clr-on-surface);
    background-color: var(--clr-surface);
  }
  .navigation__profile .profile:hover[b-wg14uzfmgl], .navigation__profile[b-wg14uzfmgl]  a:hover {
    background-color: rgba(var(--clr-primary), 0.05);
  }
  .navigation__profile .profile .avatar[b-wg14uzfmgl], .navigation__profile[b-wg14uzfmgl]  a .avatar {
    display: flex;
    margin: auto 4px auto 0;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    border: 1px solid var(--clr-frame);
    overflow: hidden;
  }
  .navigation__profile .profile .avatar img[b-wg14uzfmgl], .navigation__profile[b-wg14uzfmgl]  a .avatar img {
    width: 100%;
  }
  .navigation__profile .profile .avatar div[b-wg14uzfmgl], .navigation__profile[b-wg14uzfmgl]  a .avatar div {
    margin: auto;
    color: var(--clr-alt-on-surface);
  }
  .navigation__profile .profile .name[b-wg14uzfmgl], .navigation__profile[b-wg14uzfmgl]  a .name {
    margin: auto 0 auto 8px;
  }
  .navigation__profile .profile .icon-chevron[b-wg14uzfmgl], .navigation__profile[b-wg14uzfmgl]  a .icon-chevron {
    margin: auto 0;
  }
  .navigation__profile .profile:active[b-wg14uzfmgl], .navigation__profile[b-wg14uzfmgl]  a .active {
    background-color: rgba(var(--clr-primary), 0.1);
  }
  .navigation__profile .profile:active .icon[b-wg14uzfmgl], .navigation__profile[b-wg14uzfmgl]  a .active .icon {
    color: var(--clr-primary);
  }
  .navigation__profile .profile:active[b-wg14uzfmgl]::before, .navigation__profile[b-wg14uzfmgl]  a .active::before {
    width: 4px;
    height: 100%;
    left: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
  }
  .navigation__location[b-wg14uzfmgl] {
    width: 100%;
    padding: 12px 8px 12px 16px;
    position: relative;
    margin-bottom: 8px;
    background: var(--clr-surface);
    cursor: pointer;
  }
  .navigation__location-icon[b-wg14uzfmgl] {
    color: var(--clr-alt-on-surface);
  }
  .navigation__location-title[b-wg14uzfmgl] {
    margin: auto 0 auto 20px;
  }
  .navigation__location:hover[b-wg14uzfmgl] {
    filter: brightness(0.95);
  }
  .navigation__location:active[b-wg14uzfmgl] {
    filter: brightness(0.85);
  }
  .navigation__primary[b-wg14uzfmgl], .navigation__secondary[b-wg14uzfmgl] {
    flex-direction: column;
  }
  .navigation__secondary[b-wg14uzfmgl] {
    margin-top: 8px;
  }
  .navigation__secondary-item[b-wg14uzfmgl]  a {
    background: var(--clr-surface);
    padding: 16px 8px 16px 16px;
    display: flex;
    justify-content: space-between;
  }
  .navigation__secondary-item[b-wg14uzfmgl]  a .title {
    margin: auto 0;
  }
  .navigation__secondary-item[b-wg14uzfmgl]  a:hover {
    filter: brightness(0.95);
  }
  .navigation__secondary-item[b-wg14uzfmgl]  a:active {
    filter: brightness(0.85);
  }
}
@media (max-width: 767px) {
  .header-container[b-wg14uzfmgl] {
    max-width: 100%;
    width: 100%;
  }
}
@media (max-width: 567px) {
  .header-container[b-wg14uzfmgl] {
    padding: 0 0 0 2px;
  }
}
/* _content/BlazorWebApp/Modules/MenuModule/PrimaryNavigationButton.razor.rz.scp.css */
.cart-button__badge[b-jebglzbg9r] {
  display: flex;
  position: absolute;
  left: 52%;
  top: 12%;
  background: var(--clr-attention);
  color: var(--clr-on-attention);
  border-radius: 4px;
  padding: 2px 4px;
  height: 18px;
  font-size: 0.85rem;
  line-height: 1.4;
}
.cart-button__badge-inner[b-jebglzbg9r] {
  align-self: center;
}

@media (max-width: 991px) {
  .button-wrapper[b-jebglzbg9r]  a {
    position: relative;
    display: flex;
    flex-direction: row;
    padding: 12px 8px 12px 16px;
    background: var(--clr-surface);
    height: auto;
    font-weight: 400;
  }
  .button-wrapper[b-jebglzbg9r]  a .icon {
    color: var(--clr-alt-on-surface);
    margin: auto 20px auto 0;
  }
  .button-wrapper[b-jebglzbg9r]  a .chevron {
    margin-left: auto;
  }
  .button-wrapper[b-jebglzbg9r]  a:hover {
    background-color: rgba(var(--clr-primary), 0.05);
  }
  .button-wrapper[b-jebglzbg9r]  a.active {
    background-color: rgba(var(--clr-primary), 0.1);
  }
  .button-wrapper[b-jebglzbg9r]  a.active .icon {
    color: var(--clr-primary);
  }
  .button-wrapper[b-jebglzbg9r]  a.active::before {
    content: " ";
    display: block;
    position: absolute;
    background: var(--clr-primary);
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
  }
}
/* _content/BlazorWebApp/Modules/OrderModule/CartPage.razor.rz.scp.css */
.subheader[b-xbzhe2bomf] {
  margin: 0 0 8px 4px;
  font-size: 1.14rem;
  font-weight: 500;
}

.total__box[b-xbzhe2bomf] {
  padding: 12px;
}

.order-price[b-xbzhe2bomf] {
  font-size: 1.14rem;
  line-height: 1.125;
  margin-bottom: 8px;
}
.order-price__value[b-xbzhe2bomf] {
  font-weight: 500;
}

.final-payment[b-xbzhe2bomf] {
  border-top: 1px solid var(--clr-background);
  padding-top: 12px;
  margin-bottom: 12px;
  font-weight: 500;
}
.final-payment__label[b-xbzhe2bomf] {
  font-size: 1.14rem;
  line-height: 1.125;
}
.final-payment__value[b-xbzhe2bomf] {
  font-size: 1.42rem;
  line-height: 0.9;
}

.accrued-bonuses[b-xbzhe2bomf] {
  text-align: center;
  margin-top: 12px;
  border-radius: 2px;
  background: var(--clr-success);
  color: var(--clr-on-success);
  padding: 4px 0;
}

@media (max-width: 576px) {
  .total[b-xbzhe2bomf] {
    padding: 0 4px;
  }
  .empty-box[b-xbzhe2bomf] {
    margin: 0;
    padding: 0 4px;
  }
}
/* _content/BlazorWebApp/Modules/OrderModule/ChooseAutoItemsDialog.razor.rz.scp.css */
.modal[b-fki9e6ya0d] {
  margin-top: 2px;
}
/* _content/BlazorWebApp/Modules/OrderModule/OrderPreparePage.razor.rz.scp.css */
.subheader[b-t0dcnb751o] {
  margin: 0 0 4px 4px;
  font-size: 1.14rem;
  line-height: 2;
  font-weight: 500;
}

.delivery__box[b-t0dcnb751o] {
  padding: 12px 4px;
}

.payment__header[b-t0dcnb751o] {
  margin-top: 24px;
}
.payment__bonuses[b-t0dcnb751o] {
  padding-left: 8px;
  margin-bottom: 16px;
}
.payment__item[b-t0dcnb751o] {
  margin: 0 0 8px;
}

.additionally__header[b-t0dcnb751o] {
  margin-top: 24px;
}
.additionally__box[b-t0dcnb751o] {
  padding: 12px 4px;
}

.total__alert[b-t0dcnb751o] {
  margin-bottom: 8px;
}
.total__dots[b-t0dcnb751o]::after {
  margin: 0 16px 0 0;
}

.alert--danger[b-t0dcnb751o]:before {
  background: var(--clr-attention);
}
.alert--warning[b-t0dcnb751o]:before {
  background: var(--clr-alert);
}

.total__row[b-t0dcnb751o] {
  font-size: 1.14rem;
  line-height: 1.125;
  margin-bottom: 8px;
}
.total__row-value[b-t0dcnb751o] {
  font-weight: 500;
}

.final-payment[b-t0dcnb751o] {
  border-top: 1px solid var(--clr-background);
  padding-top: 12px;
  margin-bottom: 12px;
  font-weight: 500;
}
.final-payment__label[b-t0dcnb751o] {
  font-size: 1.14rem;
  line-height: 1.125;
}
.final-payment__value[b-t0dcnb751o] {
  font-size: 1.42rem;
  line-height: 0.9;
}

.accrued-bonuses[b-t0dcnb751o] {
  text-align: center;
  margin-top: 12px;
  border-radius: 2px;
  background: var(--clr-success);
  color: var(--clr-on-success);
  padding: 4px 0;
}
.accrued-bonuses__dots[b-t0dcnb751o] {
  margin-right: 8px;
}

.form__submit[b-t0dcnb751o] {
  margin-top: 16px;
}

.order__success[b-t0dcnb751o] {
  margin-top: 12px;
}

.success_order[b-t0dcnb751o] {
  display: flex;
  text-align: center;
}
.success_order__image-wrapper[b-t0dcnb751o] {
  margin: 28px 0 0 0;
  width: 100%;
}
.success_order__image[b-t0dcnb751o] {
  max-width: 480px;
}
.success_order__title[b-t0dcnb751o] {
  margin: 20px 0 0 0;
}
.success_order__subtitle[b-t0dcnb751o] {
  margin: 16px 0 0 0;
}
.success_order__label[b-t0dcnb751o] {
  color: var(--clr-alt-on-background);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.28;
  margin: 16px 0 0 0;
}
.success_order__button[b-t0dcnb751o] {
  margin: 16px 0 8px 0;
}

@media (max-width: 576px) {
  .header[b-t0dcnb751o] {
    padding: 0 4px;
  }
  .payment__header[b-t0dcnb751o], .additionally__header[b-t0dcnb751o], .delivery__header[b-t0dcnb751o], .total__header[b-t0dcnb751o] {
    margin-top: 16px;
  }
}
/* _content/BlazorWebApp/Modules/OrderModule/Templates/Cart/Cart01.razor.rz.scp.css */
.subheader[b-ixv6bm9yg8] {
  color: var(--clr-on-background);
  font-weight: 500;
  font-size: 1.14rem;
  margin: 0 0 8px 8px;
}

.gifts__container[b-ixv6bm9yg8] {
  display: flex;
  flex-direction: column;
  padding: 0 0 20px 0;
}
.gifts__subheader[b-ixv6bm9yg8] {
  order: 0;
}
.gifts__item[b-ixv6bm9yg8] {
  background: var(--clr-surface);
  border-radius: 2px;
  cursor: pointer;
  display: flex;
  margin: 0 0 4px 0;
  order: 2;
  padding: 4px 8px 4px 4px;
  transition: 0.3s all ease;
}
.gifts__item-choose[b-ixv6bm9yg8] {
  order: 1;
}
.gifts__item-image[b-ixv6bm9yg8] {
  flex-shrink: 0;
  height: 48px;
  width: 48px;
}
.gifts__item-title[b-ixv6bm9yg8] {
  color: var(--clr-on-surface);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.28;
  margin: auto auto auto 8px;
  transition: 0.3s all ease;
  width: auto;
}
.gifts__item-quantity[b-ixv6bm9yg8] {
  color: var(--clr-alt-on-surface);
  font-size: 1rem;
  font-weight: 400;
  flex-shrink: 0;
  line-height: 1.28;
  margin: auto 0 auto 8px;
}
.gifts__item-icon[b-ixv6bm9yg8] {
  color: var(--clr-extra);
  margin: auto 0 auto 8px;
}
.gifts__item:hover[b-ixv6bm9yg8] {
  color: var(--clr-primary);
  filter: brightness(0.9);
}
.gifts__item:hover .gifts__item-title[b-ixv6bm9yg8] {
  filter: brightness(0.9);
}
.gifts__item:hover .gifts__item-icon[b-ixv6bm9yg8] {
  filter: brightness(0.9);
}
.gifts__item:active[b-ixv6bm9yg8] {
  color: var(--clr-primary);
  filter: brightness(0.8);
}
.gifts__item:active .gifts__item-title[b-ixv6bm9yg8] {
  filter: brightness(0.8);
}
.gifts__item:active .gifts__item-icon[b-ixv6bm9yg8] {
  filter: brightness(0.8);
}

.goods__item[b-ixv6bm9yg8] {
  border-radius: 2px;
  display: flex;
  flex-direction: column;
  margin: 0 0 4px 0;
  padding: 8px 0 12px 0;
  transition: 0.3s all ease;
  word-break: break-word;
  width: 100%;
}
.goods__item-content[b-ixv6bm9yg8] {
  display: flex;
  flex-direction: row;
  margin: 0 12px 0 8px;
  width: auto;
}
.goods__item-image[b-ixv6bm9yg8] {
  display: flex;
  margin: 0 12px 0 0;
  height: 100px;
  position: relative;
  width: 100px;
}
.goods__item-image[b-ixv6bm9yg8]:before {
  content: "";
  left: 0;
  padding-top: 100%;
  position: absolute;
  top: 0;
}
.goods__item-title[b-ixv6bm9yg8] {
  color: var(--clr-on-surface);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.28;
  margin: 0 0 4px 0;
}
.goods__item-label[b-ixv6bm9yg8] {
  color: var(--clr-alt-on-surface);
  font-size: 0.85rem;
  font-weight: 400;
  line-height: 1.33;
  padding: 0 0 12px 0;
}
.goods__item-footer[b-ixv6bm9yg8] {
  border-top: 1px solid var(--clr-background);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 8px 0 0 0;
  padding: 12px 12px 0 12px;
  width: 100%;
}
.goods__item-price[b-ixv6bm9yg8] {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.28;
  margin: auto 0 8px 0;
}
.goods__item-remove[b-ixv6bm9yg8] {
  margin: 0 0 0 4px;
  height: 36px;
  width: 36px;
}
.goods__item .price__label[b-ixv6bm9yg8] {
  color: var(--clr-alt-on-surface);
}
.goods__item .price__value[b-ixv6bm9yg8] {
  color: var(--clr-on-surface);
  margin: 0 0 0 4px;
}
/* _content/BlazorWebApp/Modules/OrderModule/Templates/Cart/Cart02.razor.rz.scp.css */
.items__gifts[b-7rw4wiodfk] {
  padding: 0 0 24px 0;
}
.items__gifts-subheader[b-7rw4wiodfk] {
  padding: 0 0 4px 0;
}

.item[b-7rw4wiodfk] {
  display: flex;
  padding: 0;
  overflow: hidden;
  margin-top: 4px;
}
.item__image[b-7rw4wiodfk] {
  width: 128px;
  height: 128px;
  flex-shrink: 0;
  display: flex;
}
.item__image[b-7rw4wiodfk]::before {
  content: "";
  padding-top: 100%;
  float: left;
}
.item__image img[b-7rw4wiodfk] {
  display: block;
  max-width: 100%;
}
.item__params[b-7rw4wiodfk] {
  flex: 1 1 auto;
  margin: 12px;
  position: relative;
}
.item__quantity[b-7rw4wiodfk] {
  display: flex;
  position: absolute;
  left: 0;
  bottom: 0;
}
.item__delete-button[b-7rw4wiodfk] {
  margin-left: 12px;
  height: 36px;
  width: 36px;
}
.item__change-button[b-7rw4wiodfk] {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 36px;
  width: 36px;
}
.item__price[b-7rw4wiodfk] {
  position: absolute;
  right: 0;
  bottom: 0;
  font-weight: 500;
}

.subheader[b-7rw4wiodfk] {
  font-size: 1.14rem;
  font-weight: 500;
}

@media (max-width: 576px) {
  .items[b-7rw4wiodfk] {
    padding: 0 4px;
  }
  .items__gifts[b-7rw4wiodfk] {
    margin-top: 0;
    margin-bottom: 16px;
  }
  .items__products[b-7rw4wiodfk] {
    margin-top: 0;
  }
  .item__counter[b-7rw4wiodfk] {
    width: 100px;
  }
}
/* _content/BlazorWebApp/Modules/OrderModule/Templates/Cart/Cart04.razor.rz.scp.css */
.items__gifts[b-a9ryay54z0] {
  display: flex;
  flex-direction: column;
  padding: 0 0 24px 0;
}
.items__gifts-chose[b-a9ryay54z0] {
  border-radius: 8px;
  order: 1;
}

.subheader[b-a9ryay54z0] {
  font-size: 1.14rem;
  font-weight: 500;
  margin: 0 0 8px 0;
  order: 0;
}

.item[b-a9ryay54z0] {
  display: flex;
  padding: 0;
  overflow: hidden;
}
.item:not(:first-child)[b-a9ryay54z0] {
  margin-top: 4px;
}
.item__image[b-a9ryay54z0] {
  width: 160px;
  height: 160px;
  flex-shrink: 0;
  display: flex;
}
.item__image[b-a9ryay54z0]::before {
  content: "";
  padding-top: 100%;
  float: left;
}
.item__image img[b-a9ryay54z0] {
  display: block;
  max-width: 100%;
}
.item__params[b-a9ryay54z0] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1 1 auto;
  margin: 8px;
}
.item__params-inner[b-a9ryay54z0] {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}
.item__title[b-a9ryay54z0] {
  font-size: 1.28rem;
  line-height: 1.33;
}
.item__quantity[b-a9ryay54z0] {
  display: flex;
}
.item__delete-button[b-a9ryay54z0] {
  margin-left: 8px;
  height: 36px;
  width: 36px;
}
.item__price[b-a9ryay54z0] {
  display: flex;
  font-size: 1.14rem;
  line-height: 1.125;
  align-self: flex-end;
}
.item__price-label[b-a9ryay54z0] {
  color: var(--clr-alt-on-surface);
}
.item__price-value[b-a9ryay54z0] {
  margin-left: 12px;
  font-weight: 500;
}

.item-gift[b-a9ryay54z0] {
  display: flex;
  padding: 0;
  overflow: hidden;
  order: 2;
  margin-top: 4px;
}
.item-gift__image[b-a9ryay54z0] {
  width: 80px;
  height: 80px;
  flex-shrink: 0;
  display: flex;
}
.item-gift__image[b-a9ryay54z0]::before {
  content: "";
  padding-top: 100%;
  float: left;
}
.item-gift__image img[b-a9ryay54z0] {
  display: block;
  max-width: 100%;
}
.item-gift__params[b-a9ryay54z0] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1 1 auto;
  margin: 8px;
}
.item-gift__params-inner[b-a9ryay54z0] {
  display: flex;
  justify-content: space-between;
}
.item-gift__quantity[b-a9ryay54z0] {
  display: flex;
  align-self: center;
  align-self: flex-end;
  color: var(--clr-alt-on-surface);
}
.item-gift__change-button[b-a9ryay54z0] {
  height: 36px;
  width: 36px;
}

@media (max-width: 576px) {
  .items[b-a9ryay54z0] {
    padding: 0 4px;
  }
  .items__gifts[b-a9ryay54z0] {
    margin-top: 0;
    margin-bottom: 16px;
  }
  .items__products[b-a9ryay54z0] {
    margin-top: 0;
  }
  .item__counter[b-a9ryay54z0] {
    width: 100%;
  }
  .item__params-inner[b-a9ryay54z0] {
    flex-direction: column;
  }
  .item__delete-button[b-a9ryay54z0] {
    display: none;
  }
  .item__quantity[b-a9ryay54z0] {
    order: 1;
    margin-top: 8px;
  }
  .item__price[b-a9ryay54z0] {
    justify-content: space-between;
    width: 100%;
  }
}
/* _content/BlazorWebApp/Modules/OrderModule/Templates/Cart/Cart05.razor.rz.scp.css */
.subheader[b-kx4gabophu] {
  color: var(--clr-on-background);
  font-weight: 500;
  font-size: 1.14rem;
  margin: 0 0 8px 8px;
}

.gifts__container[b-kx4gabophu] {
  display: flex;
  flex-direction: column;
  padding: 0 0 20px 0;
}
.gifts__subheader[b-kx4gabophu] {
  order: 0;
}
.gifts__item[b-kx4gabophu] {
  background: var(--clr-surface);
  border-radius: 2px;
  cursor: pointer;
  display: flex;
  margin: 0 0 4px 0;
  order: 2;
  padding: 0 8px 0 0;
  transition: 0.3s all ease;
}
.gifts__item-choose[b-kx4gabophu] {
  order: 1;
}
.gifts__item-image[b-kx4gabophu] {
  flex-shrink: 0;
  height: 56px;
  width: 56px;
}
.gifts__item-title[b-kx4gabophu] {
  color: var(--clr-on-surface);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.28;
  margin: auto auto auto 8px;
  transition: 0.3s all ease;
  width: auto;
}
.gifts__item-quantity[b-kx4gabophu] {
  color: var(--clr-alt-on-surface);
  font-size: 1rem;
  font-weight: 400;
  flex-shrink: 0;
  line-height: 1.28;
  margin: auto 0 auto 8px;
}
.gifts__item-icon[b-kx4gabophu] {
  color: var(--clr-extra);
  margin: auto 0 auto 8px;
}
.gifts__item:hover[b-kx4gabophu] {
  color: var(--clr-primary);
  filter: brightness(0.9);
}
.gifts__item:hover .gifts__item-title[b-kx4gabophu] {
  filter: brightness(0.9);
}
.gifts__item:hover .gifts__item-icon[b-kx4gabophu] {
  filter: brightness(0.9);
}
.gifts__item:active[b-kx4gabophu] {
  color: var(--clr-primary);
  filter: brightness(0.8);
}
.gifts__item:active .gifts__item-title[b-kx4gabophu] {
  filter: brightness(0.8);
}
.gifts__item:active .gifts__item-icon[b-kx4gabophu] {
  filter: brightness(0.8);
}

.goods__item[b-kx4gabophu] {
  border-radius: 2px;
  display: flex;
  margin: 0 0 4px 0;
  padding: 0;
}
.goods__item-inner[b-kx4gabophu] {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  position: relative;
  width: 126px;
}
.goods__item-image[b-kx4gabophu] {
  display: block;
  height: 144px;
  margin: 0 0 18px 0;
  object-fit: cover;
  width: 100%;
}
.goods__item-content[b-kx4gabophu] {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.goods__item-counter[b-kx4gabophu] {
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%;
}
.goods__item-title[b-kx4gabophu] {
  color: var(--clr-on-surface);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.28;
  margin: 12px;
}
.goods__item-price[b-kx4gabophu] {
  display: flex;
  flex-direction: column;
  margin: 0 0 12px 12px;
}
.goods__item .price[b-kx4gabophu] {
  text-align: left;
}
.goods__item .price__label[b-kx4gabophu] {
  color: var(--clr-alt-on-surface);
  font-size: 0.85rem;
  font-weight: 400;
  line-height: 1.5;
  margin: 0 0 6px 0;
}
.goods__item .price__value[b-kx4gabophu] {
  color: var(--clr-on-surface);
  font-size: 1.42rem;
  font-weight: 400;
  line-height: 0.9;
}
.goods__item-remove[b-kx4gabophu] {
  height: 36px;
  margin: auto 12px 12px 0;
  width: 36px;
}
/* _content/BlazorWebApp/Modules/OrderModule/Templates/Dialog/Dialog01.razor.rz.scp.css */
.item[b-gddo6a5z7e] {
  display: flex;
  flex-direction: column;
  margin: 0 0 4px 0;
  padding: 8px 0 12px 0;
}
.item__image-wrapper[b-gddo6a5z7e] {
  display: block;
  margin: 0 12px 8px 8px;
  height: 100px;
  width: 100px;
}
.item__image-wrapper[b-gddo6a5z7e]:before {
  content: "";
  padding-top: 100%;
}
.item__image[b-gddo6a5z7e] {
  height: 100%;
  width: 100%;
}
.item__params[b-gddo6a5z7e] {
  margin: auto 12px auto 0;
  width: auto;
  word-break: break-word;
}
.item__title[b-gddo6a5z7e] {
  color: var(--clr-on-surface);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.28;
  margin: 0 0 4px 0;
}
.item__label[b-gddo6a5z7e] {
  color: var(--clr-alt-on-surface);
  font-size: 0.85rem;
  font-weight: 400;
  line-height: 1.33;
}
.item__footer[b-gddo6a5z7e] {
  border-top: 1px solid var(--clr-background);
  display: flex;
  justify-content: space-between;
  padding: 12px 12px 0 12px;
}
.item__quantity[b-gddo6a5z7e] {
  color: var(--clr-on-surface);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.28;
  margin: auto 0 0 0;
  padding: 0 0 8px 0;
}
/* _content/BlazorWebApp/Modules/OrderModule/Templates/Dialog/Dialog02.razor.rz.scp.css */
.item[b-7utcf5my69] {
  display: flex;
  flex-direction: row;
  overflow: hidden;
  border-radius: 8px;
  padding: 0;
}
.item:not(:first-child)[b-7utcf5my69] {
  margin-top: 4px;
}
.item__image[b-7utcf5my69] {
  flex-shrink: 0;
  width: 128px;
  height: 128px;
  background: var(--clr-background);
}
.item__image[b-7utcf5my69]::before {
  content: "";
  padding-top: 100%;
  float: left;
}
.item__image img[b-7utcf5my69] {
  display: block;
  width: 100%;
}
.item__params[b-7utcf5my69] {
  padding: 12px;
  position: relative;
  width: 100%;
}
.item__add[b-7utcf5my69] {
  position: absolute;
  bottom: 12px;
}
/* _content/BlazorWebApp/Modules/OrderModule/Templates/Dialog/Dialog04.razor.rz.scp.css */
.item[b-fq7fsyq10n] {
  display: flex;
  flex-direction: row;
  overflow: hidden;
  border-radius: 0;
  padding: 0;
}
.item:not(:first-child)[b-fq7fsyq10n] {
  margin-top: 4px;
}
.item__image[b-fq7fsyq10n] {
  flex-shrink: 0;
  width: 160px;
  height: 160px;
  background: var(--clr-background);
}
.item__image[b-fq7fsyq10n]::before {
  content: "";
  padding-top: 100%;
  float: left;
}
.item__image img[b-fq7fsyq10n] {
  display: block;
  width: 100%;
}
.item__params[b-fq7fsyq10n] {
  padding: 8px;
  position: relative;
  width: 100%;
}
.item__add[b-fq7fsyq10n] {
  position: absolute;
  bottom: 12px;
}
/* _content/BlazorWebApp/Modules/OrderModule/Templates/Dialog/Dialog05.razor.rz.scp.css */
.item[b-sgbmfmaxry] {
  border-radius: 2px;
  display: flex;
  margin: 0 0 4px 0;
  overflow: hidden;
}
.item__image[b-sgbmfmaxry] {
  flex-shrink: 0;
  height: 144px;
  object-fit: cover;
  width: 126px;
}
.item__content[b-sgbmfmaxry] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 12px;
  width: 100%;
  word-break: break-word;
}
.item__title[b-sgbmfmaxry] {
  color: var(--clr-on-surface);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.28;
}
.item__quantity[b-sgbmfmaxry] {
  color: var(--clr-alt-on-surface);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.28;
  margin: auto 0 auto 16px;
}
/* _content/BlazorWebApp/Modules/PaymentBankcardModule/ChoisePaymentBankcardListPage.razor.rz.scp.css */
@media (max-width: 567px) {
  .content[b-wpcs0owji1] {
    padding: 0 4px;
  }
  .header[b-wpcs0owji1] {
    padding: 0 4px;
  }
}
.item__radio[b-wpcs0owji1] {
  margin: auto 8px;
}
.item__radio-button[b-wpcs0owji1] {
  top: -4px;
}

.amount[b-wpcs0owji1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 16px 0;
}
.amount__value[b-wpcs0owji1] {
  font-size: 1.71rem;
  color: var(--clr-on-surface);
  font-weight: 500;
  line-height: 0.83;
  margin-bottom: 2px;
}
.amount__label[b-wpcs0owji1] {
  color: var(--clr-alt-on-background);
}

.card-add[b-wpcs0owji1] {
  border-radius: 8px;
  border: 1px solid var(--clr-extra-light);
  margin-bottom: 12px;
  padding: 20px 12px;
}

[b-wpcs0owji1] .plug {
  margin: 0 auto !important;
}
/* _content/BlazorWebApp/Modules/PaymentBankcardModule/PaymentBankcardListPage.razor.rz.scp.css */
@media (max-width: 567px) {
  .content[b-w9n5ga4c3a] {
    padding: 0 4px;
  }
  .header[b-w9n5ga4c3a] {
    padding: 0 4px;
  }
}
/* _content/BlazorWebApp/Modules/ProductCatalogModule/ProductPage.razor.rz.scp.css */
.product[b-inrybsksfy] {
  display: inline-flex;
}
.product-image[b-inrybsksfy] {
  padding: 0;
  overflow: hidden;
  border-radius: 8px;
  width: 100%;
  height: max-content;
  display: block;
}
.product-data[b-inrybsksfy] {
  padding: 24px 12px 12px 12px;
  height: max-content;
  margin-left: 16px;
}
.product-data__unavailable[b-inrybsksfy] {
  font-size: 1.42rem;
  text-align: center;
}
.product-data--price[b-inrybsksfy] {
  margin-top: 16px;
}
.product-data--price-default[b-inrybsksfy] {
  display: inline-block;
  color: var(--clr-on-surface);
  line-height: 1;
  font-size: 2rem;
}
.product-data--price-old[b-inrybsksfy] {
  display: inline-block;
  margin-left: 12px;
  text-decoration: line-through;
  color: var(--clr-alt-on-surface);
  line-height: 1.2;
  font-size: 1.428rem;
}
.product-data--desc[b-inrybsksfy] {
  margin-top: 16px;
  font-size: 1rem;
  line-height: 1.28;
  word-break: break-word;
}

@media (max-width: 767px) {
  .product[b-inrybsksfy] {
    margin-top: 8px;
    display: block;
    padding: 0 4px;
  }
  .product-image[b-inrybsksfy] {
    border-radius: 0;
  }
  .product-data[b-inrybsksfy] {
    padding: 16px 12px;
    margin: 4px 0 0 0;
  }
}
/* _content/BlazorWebApp/Modules/ProductCatalogModule/SectionListPage.razor.rz.scp.css */
@charset "UTF-8";
.subsections[b-ppr3pen6u5] {
  flex-wrap: wrap;
  margin: 0 0 8px 0;
  overflow: hidden;
  padding: 4px 0 0 0;
  width: 100%;
  white-space: nowrap;
}
.subsections__inner[b-ppr3pen6u5] {
  margin: 0 4px 4px 0;
}

.mobile-search[b-ppr3pen6u5] {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.mobile-search-form[b-ppr3pen6u5] {
  width: 100%;
}

.mini-search[b-ppr3pen6u5] {
  display: inline-block;
  padding: 4px;
  width: 36px;
  height: 36px;
  padding-left: 30px;
  line-height: 0;
  float: right;
}
.mini-search-icon[b-ppr3pen6u5] {
  position: absolute;
  right: 5px;
  top: 7px;
  cursor: text;
}
.mini-search-input:focus[b-ppr3pen6u5] {
  border: 1px solid var(--clr-primary);
  padding: 9px 40px 10px 10px;
  width: 100%;
}

.search[b-ppr3pen6u5] {
  display: flex;
  padding: 9px 40px 10px 40px;
  margin-bottom: 12px;
  width: 100%;
  line-height: 0;
}
.search-icon[b-ppr3pen6u5] {
  position: absolute;
  left: 17px;
  top: 7px;
  cursor: text;
}
.search-input:focus[b-ppr3pen6u5] {
  border: 1px solid var(--clr-primary);
  padding: 9px 40px 10px 40px;
}
.search-clear[b-ppr3pen6u5] {
  float: right;
  top: -37px;
  right: 10px;
}
.search-clear[b-ppr3pen6u5]:before, .search-clear[b-ppr3pen6u5]:after {
  background: var(--clr-extra);
}
.search-clear:hover[b-ppr3pen6u5]:before, .search-clear:hover[b-ppr3pen6u5]:after {
  background: var(--clr-primary);
}

.arrow[b-ppr3pen6u5] {
  width: 24px;
  height: 24px;
  padding: 6px 8px 6px 8.6px;
  position: absolute;
  right: 8px;
  top: 14px;
}
.arrow-right[b-ppr3pen6u5] {
  border-style: solid;
  border-width: 0.15em 0.15em 0 0;
  content: "";
  display: inline-block;
  height: 0.55em;
  position: relative;
  transform: rotate(45deg);
  vertical-align: top;
  width: 0.55em;
  color: var(--clr-extra);
}

.sort[b-ppr3pen6u5] {
  /*Временные отступы*/
  /*margin: 52px 0 16px 0;*/
}

.subsection[b-ppr3pen6u5] {
  display: block;
  background: var(--clr-surface);
  transition: 0.2s all ease;
}
.subsection:active[b-ppr3pen6u5] {
  filter: brightness(0.9);
  color: var(--clr-primary);
}

.subsection[b-ppr3pen6u5] {
  padding: 15px 8px 14px 16px;
  display: flex;
  justify-content: space-between;
}
.subsection-title[b-ppr3pen6u5] {
  margin: auto 0;
}

.pagination[b-ppr3pen6u5] {
  margin-top: -8px;
}

@media (max-width: 576px) {
  .pagination[b-ppr3pen6u5] {
    margin-top: -4px;
  }
}
/* _content/BlazorWebApp/Modules/ProductCatalogModule/SectionsTree.razor.rz.scp.css */
.nav[b-dec2wqb0gf] {
  z-index: 2;
  display: block;
  padding: 0;
  width: 100%;
  list-style-type: none;
  border-radius: 8px;
  background-color: var(--clr-surface);
}
.nav li[b-dec2wqb0gf] {
  border-radius: 8px;
  display: block;
  width: 100%;
  position: relative;
  cursor: pointer;
  z-index: 3;
}
.nav li:first-child > a[b-dec2wqb0gf]:after {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.nav li:last-child > a[b-dec2wqb0gf]:after {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.nav li > a[b-dec2wqb0gf] {
  display: flex;
  justify-content: space-between;
  padding: 12px 8px 12px 16px;
  width: 100%;
  height: 100%;
  font-size: 1.2rem;
  line-height: 1.16;
  word-break: break-word;
}
.nav li > a[b-dec2wqb0gf]:after {
  background: var(--clr-primary);
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  top: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease-out;
  position: absolute;
  width: 100%;
}
.nav li > a div[b-dec2wqb0gf] {
  margin: auto 0;
}
.nav li .nav[b-dec2wqb0gf] {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
  border: solid 1px var(--clr-background);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.24);
}
.nav li:hover > a[b-dec2wqb0gf], .nav li :active > a[b-dec2wqb0gf] {
  color: var(--clr-primary);
}
.nav li:hover > a[b-dec2wqb0gf]:after, .nav li :active > a[b-dec2wqb0gf]:after {
  opacity: 0.1;
}
.nav li:hover > .nav[b-dec2wqb0gf], .nav li :active > .nav[b-dec2wqb0gf] {
  border: none;
  display: block;
}
.nav li:active > a[b-dec2wqb0gf]:after {
  opacity: 0.2;
}
/* _content/BlazorWebApp/Modules/ProductCatalogModule/Templates/Products/Products01.razor.rz.scp.css */
.products[b-usbl22z2hk] {
  margin: 0 -8px;
}

.product-wrapper[b-usbl22z2hk] {
  margin: 0 0 12px 0;
}

.product[b-usbl22z2hk] {
  background: var(--clr-surface);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 0;
  transition: 0.2s all ease;
}
.product__image-wrapper[b-usbl22z2hk] {
  display: block;
  margin: 0 0 4px 0;
  overflow: hidden;
  width: 100%;
}
.product__image[b-usbl22z2hk] {
  border-radius: 8px;
  height: 100%;
  object-fit: contain;
  padding: 4px;
  width: 100%;
}
.product__image[b-usbl22z2hk]:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.product__image--normal[b-usbl22z2hk] {
  max-width: 100%;
}
.product__badge-wrapper[b-usbl22z2hk] {
  display: flex;
  margin: 0 0 8px 8px;
}
.product__title[b-usbl22z2hk] {
  color: var(--clr-on-surface);
  font-size: 1.28rem;
  line-height: 1.25;
  margin: 0 12px 8px 12px;
  min-height: 2.5em;
  transition: 0.3s all ease;
}
.product__unavailable[b-usbl22z2hk] {
  font-weight: 400;
  font-size: 1.28rem;
  text-align: center;
}
.product__price[b-usbl22z2hk] {
  font-size: 1.28rem;
  line-height: 1.25;
  margin: 0 12px 8px 12px;
}
.product__price-default[b-usbl22z2hk] {
  color: var(--clr-on-surface);
  display: inline-block;
  font-weight: 700;
}
.product__price-old[b-usbl22z2hk] {
  color: var(--clr-alt-on-background);
  display: inline-block;
  margin-left: 8px;
}
.product__button-wrapper[b-usbl22z2hk] {
  color: var(--clr-on-surface);
  height: 36px;
}
.product:hover[b-usbl22z2hk] {
  filter: brightness(0.9);
}
.product:active[b-usbl22z2hk] {
  filter: brightness(0.8);
}

@media (max-width: 576px) {
  .product-wrapper[b-usbl22z2hk] {
    margin: 2px 0;
    padding: 0 2px;
    width: 50%;
  }
}
/* _content/BlazorWebApp/Modules/ProductCatalogModule/Templates/Products/Products02.razor.rz.scp.css */
.products[b-irrtg152jp] {
  margin: 0 -8px;
}

.product-wrapper[b-irrtg152jp] {
  margin: 0 0 12px 0;
}

.product[b-irrtg152jp] {
  background: var(--clr-surface);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 0;
  transition: 0.2s all ease;
}
.product__image-wrapper[b-irrtg152jp] {
  display: block;
  margin: 0 0 8px 0;
  overflow: hidden;
  width: 100%;
}
.product__image[b-irrtg152jp] {
  border-radius: 8px;
  height: 100%;
  object-fit: contain;
  padding: 4px 4px 0 4px;
  width: 100%;
}
.product__image[b-irrtg152jp]:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.product__image--normal[b-irrtg152jp] {
  max-width: 100%;
}
.product__button-wrapper[b-irrtg152jp] {
  display: flex;
  height: 40px;
  justify-content: flex-end;
  margin: 0 0 4px 0;
  padding: 0 4px 0 0;
}
.product__badge-wrapper[b-irrtg152jp] {
  display: flex;
  margin: 0 12px 8px 8px;
}
.product__title[b-irrtg152jp] {
  color: var(--clr-on-surface);
  font-size: 1.14rem;
  line-height: 1.25;
  margin: 0 12px 4px 12px;
  min-height: 2.5em;
  transition: 0.3s all ease;
}
.product__unavailable[b-irrtg152jp] {
  font-size: 1.14rem;
  font-weight: 400;
  margin: 0 0 12px 12px;
}
.product__price[b-irrtg152jp] {
  font-size: 1rem;
  line-height: 1.28;
  margin: 0 0 12px 12px;
}
.product__price-old[b-irrtg152jp] {
  color: var(--clr-alt-on-background);
  display: inline-block;
  margin: 0 0 4px 0;
}
.product__price-default[b-irrtg152jp] {
  color: var(--clr-on-surface);
  display: block;
  font-weight: 700;
}
.product:hover[b-irrtg152jp] {
  filter: brightness(0.9);
}
.product:active[b-irrtg152jp] {
  filter: brightness(0.8);
}

@media (max-width: 576px) {
  .products[b-irrtg152jp] {
    margin: 0 -4px;
  }
  .product-wrapper[b-irrtg152jp] {
    margin: 4px 0;
    padding: 0 4px;
    width: 50%;
  }
  .product__badge-wrapper[b-irrtg152jp] {
    margin: 0 8px 8px 4px;
  }
  .product__title[b-irrtg152jp] {
    font-size: 1rem;
    line-height: 1.28;
    margin: 0 8px 4px 8px;
  }
  .product__price[b-irrtg152jp] {
    margin: 0 0 8px 8px;
  }
  .product__unavailable[b-irrtg152jp] {
    font-size: 1rem;
  }
}
/* _content/BlazorWebApp/Modules/ProductCatalogModule/Templates/Products/Products04.razor.rz.scp.css */
.products[b-ymepbgrajw] {
  margin: 0 -8px -14px -8px;
}

.product-wrapper[b-ymepbgrajw] {
  margin: 0 0 16px 0;
}

.product[b-ymepbgrajw] {
  border-radius: 2px;
  background: var(--clr-surface);
  display: block;
  height: 100%;
  overflow: hidden;
  transition: 0.3s all ease;
  width: 100%;
}
.product__image-wrapper[b-ymepbgrajw] {
  display: block;
  padding-top: 66.66%;
  position: relative;
}
.product__image[b-ymepbgrajw] {
  bottom: 0;
  display: block;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.product__button-wrapper[b-ymepbgrajw] {
  bottom: 26px;
  position: absolute;
  right: 20px;
}
.product__badge-wrapper[b-ymepbgrajw] {
  bottom: 4px;
  position: relative;
  right: 4px;
}
.product__title[b-ymepbgrajw] {
  color: var(--clr-on-surface);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.28;
  transition: 0.3s all ease;
}
.product__price[b-ymepbgrajw] {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  font-size: 1.28rem;
  line-height: 1;
  margin: 0 0 0 auto;
  text-align: right;
  width: max-content;
}
.product__price-default[b-ymepbgrajw] {
  color: var(--clr-on-surface);
  font-weight: 500;
  margin: 0 0 5px auto;
}
.product__price-old[b-ymepbgrajw] {
  color: var(--clr-alt-on-background);
  font-weight: 400;
  margin: 0 0 0 auto;
  width: max-content;
}
.product__price-old[b-ymepbgrajw]:before {
  background: var(--clr-alt-on-background);
  transform: none;
}
.product:hover[b-ymepbgrajw] {
  filter: brightness(0.9);
}
.product:active[b-ymepbgrajw] {
  filter: brightness(0.8);
}

@media (max-width: 576px) {
  .product-wrapper[b-ymepbgrajw] {
    margin: 0 0 8px 0;
  }
}
/* _content/BlazorWebApp/Modules/ProductCatalogModule/Templates/Products/Products05.razor.rz.scp.css */
.products[b-hl1xj9bmoi] {
  margin: 0 -8px;
}

.product-wrapper[b-hl1xj9bmoi] {
  margin: 0 0 12px 0;
}

.product[b-hl1xj9bmoi] {
  background: var(--clr-surface);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 0;
  transition: 0.2s all ease;
}
.product__inner[b-hl1xj9bmoi] {
  display: flex;
  border-bottom: 1px solid var(--clr-background);
  flex-direction: row;
}
.product__image-wrapper[b-hl1xj9bmoi] {
  display: block;
  flex-shrink: 0;
  height: 160px;
  margin: 0 0 4px 0;
  overflow: hidden;
  width: 160px;
}
.product__image[b-hl1xj9bmoi] {
  border-radius: 8px;
  height: 100%;
  object-fit: contain;
  padding: 4px;
  width: 100%;
}
.product__image[b-hl1xj9bmoi]:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.product__image--normal[b-hl1xj9bmoi] {
  max-width: 100%;
}
.product__info[b-hl1xj9bmoi] {
  display: flex;
  word-break: break-word;
  height: 100%;
  padding: 20px 8px 20px 4px;
  flex-direction: column;
  width: 100%;
}
.product__badge-wrapper[b-hl1xj9bmoi] {
  display: flex;
  margin: 0 0 8px -4px;
}
.product__title[b-hl1xj9bmoi] {
  color: var(--clr-on-surface);
  font-size: 1.28rem;
  line-height: 1.3;
  margin: 0 0 25px 0;
  min-height: 2.5em;
  transition: 0.3s all ease;
}
.product__unavailable[b-hl1xj9bmoi] {
  font-size: 1.28rem;
  text-align: center;
}
.product__price[b-hl1xj9bmoi] {
  font-size: 1rem;
  line-height: 1.12;
  margin: auto 0 0 0;
}
.product__price-default[b-hl1xj9bmoi] {
  color: var(--clr-on-surface);
  display: inline-block;
  font-weight: 700;
}
.product__price-old[b-hl1xj9bmoi] {
  color: var(--clr-alt-on-background);
  display: inline-block;
  margin-left: 8px;
}
.product__button-wrapper[b-hl1xj9bmoi] {
  color: var(--clr-on-surface);
  display: flex;
  margin: 8px auto;
  width: 168px;
}
.product:hover[b-hl1xj9bmoi] {
  filter: brightness(0.9);
}
.product:active[b-hl1xj9bmoi] {
  filter: brightness(0.8);
}

@media (max-width: 1199px) {
  .product__image-wrapper[b-hl1xj9bmoi] {
    height: 120px;
    width: 120px;
    margin: 0;
  }
  .product__info[b-hl1xj9bmoi] {
    padding: 8px;
  }
  .product__title[b-hl1xj9bmoi] {
    font-size: 1.14rem;
    line-height: 1.25;
  }
  .product__unavailable[b-hl1xj9bmoi] {
    font-size: 1.14rem;
    line-height: 1.25;
  }
}
@media (max-width: 767px) {
  .product__image-wrapper[b-hl1xj9bmoi] {
    height: 160px;
    width: 160px;
  }
}
@media (max-width: 576px) {
  .product-wrapper[b-hl1xj9bmoi] {
    margin: 2px 0;
    padding: 0 2px;
    width: 50%;
  }
  .product__image-wrapper[b-hl1xj9bmoi] {
    height: 160px;
    width: 160px;
  }
  .product__info[b-hl1xj9bmoi] {
    padding: 20px 8px 20px 4px;
  }
  .product__badge-wrapper[b-hl1xj9bmoi] {
    margin: 0 0 4px -4px;
  }
  .product__title[b-hl1xj9bmoi] {
    font-size: 1rem;
    line-height: 1.28;
  }
  .product__unavailable[b-hl1xj9bmoi] {
    font-size: 1rem;
    line-height: 1.28;
  }
  .product__price[b-hl1xj9bmoi] {
    font-size: 1rem;
    line-height: 1.28;
  }
}
/* _content/BlazorWebApp/Modules/ProductCatalogModule/Templates/Products/Products06.razor.rz.scp.css */
.products[b-qxys3t4shg] {
  margin: 0 -8px;
}

.product-wrapper[b-qxys3t4shg] {
  margin: 0 0 12px 0;
}

.product[b-qxys3t4shg] {
  background: var(--clr-background);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  overflow: hidden;
  position: relative;
  transition: 0.2s all ease;
}
.product:hover[b-qxys3t4shg] {
  filter: brightness(0.9);
}
.product:active[b-qxys3t4shg] {
  filter: brightness(0.8);
}
.product__image-wrapper[b-qxys3t4shg] {
  margin: 0 0 16px 0;
  max-height: 376px;
  position: relative;
  width: 100%;
}
.product__image-wrapper[b-qxys3t4shg]:before {
  content: "";
  display: block;
  padding-top: 133.807%;
}
.product__image[b-qxys3t4shg] {
  border-radius: 8px;
  /*border: 2px solid var(--clr-frame);*/
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}
.product__title[b-qxys3t4shg] {
  color: var(--clr-on-surface);
  font-size: 1.14rem;
  line-height: 1.25;
  min-height: 2.5em;
  margin: 0 12px;
}
.product__unavailable[b-qxys3t4shg] {
  font-size: 1.14rem;
  margin: 0 0 16px 0;
  text-align: center;
}
.product__price[b-qxys3t4shg] {
  display: flex;
  flex-direction: row;
  font-size: 1.14rem;
  height: 19px;
  margin: 16px 12px 16px 12px;
}
.product__price--default[b-qxys3t4shg] {
  color: var(--clr-on-surface);
  font-weight: 700;
  line-height: 1.18;
}
.product__price--old[b-qxys3t4shg] {
  color: var(--clr-alt-on-surface);
  line-height: 1.18;
  margin: 0 0 0 8px;
  text-decoration: line-through;
}
.product__button-wrapper[b-qxys3t4shg] {
  height: 36px;
  margin: 0 12px 12px 12px;
}

@media (max-width: 576px) {
  .products[b-qxys3t4shg] {
    margin: 0 -6px;
  }
  .product-wrapper[b-qxys3t4shg] {
    padding: 0 2px;
    margin: 0 0 4px 0;
  }
  .product__image-wrapper[b-qxys3t4shg] {
    margin: 0 0 8px 0;
  }
  .product__title[b-qxys3t4shg] {
    font-size: 1rem;
    line-height: 1.28;
    margin: 0 8px;
  }
  .product__unavailable[b-qxys3t4shg] {
    text-align: left;
    margin: 0 0 0 8px;
  }
  .product__price[b-qxys3t4shg] {
    font-size: 1rem;
    margin: 8px;
  }
  .product__price--default[b-qxys3t4shg] {
    line-height: 1.28;
  }
  .product__price--old[b-qxys3t4shg] {
    line-height: 1.28;
  }
  .product__button-wrapper[b-qxys3t4shg] {
    margin: 0 4px 4px 4px;
  }
}
/* _content/BlazorWebApp/Modules/ProductCatalogModule/Templates/Products/Products07.razor.rz.scp.css */
.product-wrapper[b-73utet9c1a] {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

.product[b-73utet9c1a] {
  -webkit-box-shadow: inset 0 -120px 100px -100px var(--clr-shadow-16);
  -moz-box-shadow: inset 0 -120px 100px -100px var(--clr-shadow-16);
  box-shadow: inset 0 -120px 100px -100px var(--clr-shadow-16);
  border-radius: 2px;
  border: 1px solid var(--clr-background);
  display: flex;
  height: 100%;
  position: relative;
  transition: 0.2s all ease;
  background-repeat: no-repeat;
  background-size: cover;
}
.product[b-73utet9c1a]:before {
  content: "";
  padding-top: 150%;
}
.product:hover[b-73utet9c1a] {
  -webkit-box-shadow: inset 0 -120px 100px -100px var(--clr-shadow-16-hover);
  -moz-box-shadow: inset 0 -120px 100px -100px var(--clr-shadow-16-hover);
  box-shadow: inset 0 -120px 100px -100px var(--clr-shadow-16-hover);
}
.product:active[b-73utet9c1a] {
  -webkit-box-shadow: inset 0 -120px 100px -100px var(--clr-shadow-16-active);
  -moz-box-shadow: inset 0 -120px 100px -100px var(--clr-shadow-16-active);
  box-shadow: inset 0 -120px 100px -100px var(--clr-shadow-16-active);
}
.product__inner[b-73utet9c1a] {
  color: #ffffff;
  margin-top: auto;
  padding: 0 4px 4px 4px;
  width: 100%;
  z-index: 3;
  background: linear-gradient(to top, black, 20%, transparent);
}
.product__badge-wrapper[b-73utet9c1a] {
  position: relative;
  right: 4px;
  min-height: 20px;
}
.product__title[b-73utet9c1a] {
  font-size: 1.14rem;
  font-weight: 400;
  line-height: 1.25;
  min-height: 2.507em;
  margin: 2px 0 0 0;
}
.product__price[b-73utet9c1a] {
  display: flex;
  font-size: 1rem;
  line-height: 1.28;
  margin: 2px 0 0 0;
}
.product__price-old[b-73utet9c1a] {
  font-weight: 400;
}
.product__price-old[b-73utet9c1a]:before {
  background: var(--clr-surface);
  transform: none;
}
.product__price-default[b-73utet9c1a] {
  font-weight: 700;
}

@media (max-width: 576px) {
  .product-wrapper[b-73utet9c1a] {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .product__title[b-73utet9c1a] {
    font-size: 1rem;
    line-height: 1.25;
  }
}
/* _content/BlazorWebApp/Modules/ProductCatalogModule/Templates/Products/Products08.razor.rz.scp.css */
.products[b-vxeqy7td0t] {
  margin: 0;
  padding: 0 0 8px 0;
}

.product-wrapper[b-vxeqy7td0t] {
  padding: 0;
  margin: 0 0 -1px 0;
}

.product[b-vxeqy7td0t] {
  border: 1px solid var(--clr-background);
  border-radius: 2px;
  background: var(--clr-surface);
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  margin: 0 0 0 -1px;
  overflow: hidden;
  position: relative;
  transition: 0.2s all ease;
}
.product__inner[b-vxeqy7td0t] {
  margin: 0 0 28px 0;
  position: relative;
  padding: 4px 4px 0 4px;
}
.product__image-wrapper[b-vxeqy7td0t] {
  display: block;
  position: relative;
  width: 100%;
}
.product__image-wrapper[b-vxeqy7td0t]:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.product__image[b-vxeqy7td0t] {
  border-radius: 2px;
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}
.product__button-wrapper[b-vxeqy7td0t] {
  bottom: -20px;
  height: 40px;
  position: absolute;
  right: 12px;
}
.product__title[b-vxeqy7td0t] {
  color: var(--clr-on-surface);
  font-size: 1.14rem;
  line-height: 1.25;
  min-height: 2.5em;
  margin: 0 11px;
  transition: 0.3s all ease;
}
.product__unavailable[b-vxeqy7td0t] {
  font-size: 1.14rem;
  height: 18px;
  margin: 8px 11px 12px 11px;
}
.product__price[b-vxeqy7td0t] {
  display: flex;
  flex-direction: row;
  font-size: 1rem;
  height: 18px;
  margin: 8px 11px 12px 11px;
}
.product__price--default[b-vxeqy7td0t] {
  color: var(--clr-on-surface);
  font-weight: 700;
  line-height: 1.28;
}
.product__price--old[b-vxeqy7td0t] {
  color: var(--clr-alt-on-surface);
  line-height: 1.28;
  margin: 0 0 0 12px;
  text-decoration: line-through;
}
.product:hover[b-vxeqy7td0t] {
  filter: brightness(0.9);
}
.product:active[b-vxeqy7td0t] {
  filter: brightness(0.8);
}

@media (max-width: 576px) {
  .products[b-vxeqy7td0t] {
    margin: 0 -8px;
  }
  .product-wrapper[b-vxeqy7td0t] {
    width: 50%;
  }
  .product__inner[b-vxeqy7td0t] {
    margin: 0 0 24px 0;
  }
  .product__button-wrapper[b-vxeqy7td0t] {
    right: 8px;
  }
  .product__title[b-vxeqy7td0t] {
    font-size: 1rem;
    line-height: 1.28;
    margin: 0 8px;
  }
  .product__unavailable[b-vxeqy7td0t] {
    font-size: 1rem;
    margin: 4px 8px 8px 8px;
  }
  .product__price[b-vxeqy7td0t] {
    margin: 4px 8px 8px 8px;
  }
}
/* _content/BlazorWebApp/Modules/ProductCatalogModule/Templates/Products/Products09.razor.rz.scp.css */
.product-wrapper[b-nyii5mo3iy] {
  margin: 0 0 12px 0;
}

.product[b-nyii5mo3iy] {
  display: flex;
  height: 100%;
  padding: 20px 12px 44px 0;
  width: 100%;
}
.product[b-nyii5mo3iy]:after {
  background: var(--clr-surface);
  border-radius: 10px;
  bottom: 18px;
  content: "";
  display: block;
  left: 22%;
  position: absolute;
  transition: 0.3s all ease;
  right: 8px;
  top: 0;
  z-index: 0;
}
.product:hover[b-nyii5mo3iy]:after {
  filter: brightness(0.9);
}
.product:active[b-nyii5mo3iy]:after {
  filter: brightness(0.8);
}
.product__image-wrapper[b-nyii5mo3iy] {
  border-radius: 10px;
  display: flow-root;
  overflow: hidden;
  max-width: 200px;
  position: relative;
  width: 46.5%;
  z-index: 1;
}
.product__image-wrapper[b-nyii5mo3iy]::before {
  content: "";
  float: left;
  padding-top: 100%;
}
.product__image[b-nyii5mo3iy] {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.product__badge[b-nyii5mo3iy] {
  position: absolute;
  right: 8px;
  top: 0;
}
.product__inner[b-nyii5mo3iy] {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 0 0 8px;
  word-break: break-word;
  width: 53.5%;
  z-index: 1;
}
.product__title[b-nyii5mo3iy] {
  color: var(--clr-on-surface);
  font-size: 1.28rem;
  font-weight: 700;
  line-height: 1.33;
  margin: 12px 0 0 0;
  transition: 0.3s all ease;
}
.product__unavailable[b-nyii5mo3iy] {
  font-size: 1.28rem;
  font-weight: 500;
  line-height: 1.33;
  margin: 0 0 12px 0;
}
.product__price[b-nyii5mo3iy] {
  margin: 0 0 12px 0;
}
.product__price-old[b-nyii5mo3iy] {
  color: var(--clr-alt-on-background);
  font-size: 0.85rem;
  font-weight: 400;
  margin: 0 0 4px 0;
  width: max-content;
}
.product__price-old[b-nyii5mo3iy]:before {
  background: var(--clr-alt-on-background);
  transform: none;
  top: 8px;
}
.product__price-default[b-nyii5mo3iy] {
  color: var(--clr-on-surface);
  font-size: 1.42rem;
  font-weight: 500;
  line-height: 0.9;
}
.product__button-wrapper[b-nyii5mo3iy] {
  color: var(--clr-on-surface);
  bottom: 0;
  left: 50%;
  position: absolute;
  transform: translate(-50%, 0);
  width: 140px;
  z-index: 1;
}

@media (max-width: 576px) {
  .product-wrapper[b-nyii5mo3iy] {
    padding: 0 4px;
  }
  .product[b-nyii5mo3iy]:after {
    right: 4px;
  }
  .product__title[b-nyii5mo3iy] {
    font-size: 1rem;
    line-height: 1.28;
  }
  .product__unavailable[b-nyii5mo3iy] {
    font-size: 1rem;
    line-height: 1.28;
  }
}
/* _content/BlazorWebApp/Modules/ProductCatalogModule/Templates/Sections/Sections01.razor.rz.scp.css */
.section[b-ibzimxuiuk] {
  display: block;
  background: var(--clr-surface);
  transition: 0.2s all ease;
  padding: 8px;
  border-radius: 4px;
}
.section__image[b-ibzimxuiuk] {
  flex-shrink: 0;
  width: 80px;
  height: 80px;
}
.section__image img[b-ibzimxuiuk] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.section__title[b-ibzimxuiuk] {
  margin: auto 0 auto 12px;
  font-size: 1.14rem;
  line-height: 1.18;
}
.section__icon[b-ibzimxuiuk] {
  margin: auto 0;
}
.section:active[b-ibzimxuiuk] {
  color: var(--clr-primary);
  filter: brightness(0.9);
}
.section:not(:first-child)[b-ibzimxuiuk] {
  margin-top: 8px;
}
/* _content/BlazorWebApp/Modules/ProductCatalogModule/Templates/Sections/Sections03.razor.rz.scp.css */
.sections-wrapper[b-066pfkrrok] {
  margin: 0 4px;
}

.section-wrapper[b-066pfkrrok] {
  margin: 0 0 8px 0;
  padding: 0 4px;
}

.section[b-066pfkrrok] {
  align-items: center;
  background: var(--clr-surface);
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  transition: 0.2s all ease;
  width: 100%;
}
.section__image-wrapper[b-066pfkrrok] {
  display: flex;
  flex-shrink: 0;
  padding: 16px 20px 8px 20px;
  width: 100%;
}
.section__image[b-066pfkrrok] {
  margin: 0 auto;
  max-width: 200px;
  max-height: 200px;
  min-width: 112px;
  min-height: 112px;
  object-fit: cover;
  width: 100%;
}
.section__title[b-066pfkrrok] {
  color: var(--clr-on-surface);
  font-size: 1.14rem;
  line-height: 1.25;
  text-align: center;
  padding: 0 20px 8px 20px;
}
.section:active[b-066pfkrrok] {
  filter: brightness(0.9);
}
.section:active .section__title[b-066pfkrrok] {
  color: var(--clr-primary);
}
/* _content/BlazorWebApp/Modules/ProductCatalogModule/Templates/Sections/Sections04.razor.rz.scp.css */
.sections-wrapper[b-39c4qr0asq] {
  margin: 0 8px;
}

.section[b-39c4qr0asq] {
  align-items: center;
  border: 1px solid var(--clr-background);
  background: var(--clr-surface);
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 8px;
  transition: 0.2s all ease;
  width: 25%;
}
.section__image[b-39c4qr0asq] {
  flex-shrink: 0;
  margin: 24px 50px 0 50px;
  width: auto;
}
.section__image img[b-39c4qr0asq] {
  display: block;
  object-fit: cover;
  max-width: 80px;
}
.section__title[b-39c4qr0asq] {
  color: var(--clr-on-surface);
  font-size: 1.14rem;
  font-weight: 500;
  margin: 12px 8px auto 8px;
  line-height: 1.25;
  text-align: center;
}
.section:active[b-39c4qr0asq] {
  filter: brightness(0.9);
}
.section:active .section__title[b-39c4qr0asq] {
  color: var(--clr-primary);
}

@media (max-width: 768px) {
  .section[b-39c4qr0asq] {
    width: 33.3%;
  }
}
@media (max-width: 576px) {
  .sections-wrapper[b-39c4qr0asq] {
    margin: 0;
  }
  .section[b-39c4qr0asq] {
    width: 50%;
  }
}
/* _content/BlazorWebApp/Modules/ProductCatalogModule/Templates/Sections/Sections05.razor.rz.scp.css */
.sections-wrapper[b-2frpy5y9vl] {
  margin: 0 8px;
}

.section-wrapper[b-2frpy5y9vl] {
  margin: 0;
  padding: 0;
}

.section[b-2frpy5y9vl] {
  align-items: center;
  background: var(--clr-surface);
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  position: relative;
  width: 100%;
}
.section:active[b-2frpy5y9vl] {
  background-color: rgba(var(--clr-surface), 0.15);
}
.section[b-2frpy5y9vl]:before {
  background: var(--clr-shadow-30);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  transition: 0.2s all ease;
  top: 0;
  right: 0;
  width: 100%;
  z-index: 2;
}
.section:active[b-2frpy5y9vl]:before {
  background: var(--clr-shadow-30-active);
}
.section__image-wrapper[b-2frpy5y9vl] {
  width: 100%;
}
.section__image[b-2frpy5y9vl] {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.section__title[b-2frpy5y9vl] {
  color: #FFFFFF;
  font-size: 1.28rem;
  font-weight: 500;
  line-height: 1.22;
  margin: 0 8px;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
}

@media (max-width: 576px) {
  .sections-wrapper[b-2frpy5y9vl] {
    margin: 0;
    width: 100%;
  }
}
/* _content/BlazorWebApp/Modules/ProductCatalogModule/Templates/Sections/Sections06.razor.rz.scp.css */
.section[b-3uax87kt8n] {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.section[b-3uax87kt8n]:before {
  background: var(--clr-shadow-30);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  transition: 0.2s all ease;
  top: 0;
  right: 0;
  width: 100%;
  z-index: 2;
}
.section:active[b-3uax87kt8n]:before {
  background: var(--clr-shadow-30-active);
}
.section__image-wrapper[b-3uax87kt8n] {
  padding-top: 29.16%;
  display: block;
  position: relative;
}
.section__image[b-3uax87kt8n] {
  bottom: 0;
  display: block;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.section__inner[b-3uax87kt8n] {
  bottom: 0;
  color: #FFFFFF;
  margin: auto 8px auto 16px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
}
.section__info[b-3uax87kt8n] {
  display: flex;
  flex-direction: column;
}
.section__title[b-3uax87kt8n] {
  bottom: 8px;
  font-size: 1rem;
  font-weight: 500;
  left: 8px;
  line-height: 1.14;
  margin: auto 0 0 0;
}
.section__count[b-3uax87kt8n] {
  font-size: 1rem;
  line-height: 1.21;
  margin: 2px 0 auto 0;
}

@media (max-width: 576px) {
  .sections-wrapper[b-3uax87kt8n] {
    padding: 0;
  }
}
/* _content/BlazorWebApp/Modules/ProductCatalogModule/Templates/Sections/Sections07.razor.rz.scp.css */
.section[b-gi0k7r1qiw] {
  align-items: center;
  border: 1px solid var(--clr-background);
  background: var(--clr-surface);
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 8px;
  transition: 0.2s all ease;
  width: 33.3%;
}
.section__image[b-gi0k7r1qiw] {
  flex-shrink: 0;
  margin: 16px 32px 0 32px;
  width: auto;
}
.section__image img[b-gi0k7r1qiw] {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.section__title[b-gi0k7r1qiw] {
  color: var(--clr-on-surface);
  font-size: 0.85rem;
  margin: 8px 8px auto 8px;
  line-height: 1.16;
  text-align: center;
}
.section:active[b-gi0k7r1qiw] {
  background-color: rgba(var(--clr-primary), 0.15);
}
.section:active .section__title[b-gi0k7r1qiw] {
  color: var(--clr-primary);
}
/* _content/BlazorWebApp/Modules/ProductCatalogModule/Templates/Sections/Sections08.razor.rz.scp.css */
.section[b-7pqhx4hxp7] {
  background: var(--clr-surface);
  border: 1px solid var(--clr-background);
  display: flex;
  flex-direction: column;
  left: -1px;
  position: relative;
  top: -1px;
  transition: 0.2s all ease;
  width: 33.3%;
}
.section__image-wrapper[b-7pqhx4hxp7] {
  display: block;
  height: auto;
  position: relative;
  padding: 100% 0 0 0;
  width: 100%;
}
.section__image[b-7pqhx4hxp7] {
  bottom: 0;
  display: block;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.section__title[b-7pqhx4hxp7] {
  color: var(--clr-on-surface);
  font-size: 0.85rem;
  font-weight: 400;
  line-height: 1.16;
  margin: 4px 0 8px 0;
  text-align: center;
}
.section:active[b-7pqhx4hxp7] {
  background-color: rgba(var(--clr-primary), 0.15);
}
.section:active .section__title[b-7pqhx4hxp7] {
  color: var(--clr-primary);
}

@media (max-width: 576px) {
  .sections-wrapper[b-7pqhx4hxp7] {
    padding: 0;
  }
}
/* _content/BlazorWebApp/Modules/ProductCatalogModule/Templates/Sections/Sections09.razor.rz.scp.css */
.sections-wrapper[b-awl06zm9fy] {
  padding: 0;
  width: 100%;
}

.section-wrapper[b-awl06zm9fy] {
  margin: 0 0 8px 0;
  padding: 0 4px;
}

.section[b-awl06zm9fy] {
  display: block;
  position: relative;
  width: 100%;
}
.section[b-awl06zm9fy]:before {
  background: var(--clr-shadow-25);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  transition: 0.2s all ease;
  top: 0;
  right: 0;
  width: 100%;
  z-index: 2;
}
.section:active[b-awl06zm9fy]:before {
  background: var(--clr-shadow-25-active);
}
.section__image-wrapper[b-awl06zm9fy] {
  padding-top: 60.6%;
  display: block;
  position: relative;
}
.section__image[b-awl06zm9fy] {
  bottom: 0;
  display: block;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.section__title[b-awl06zm9fy] {
  color: #FFFFFF;
  bottom: 8px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.21;
  margin: 0 8px;
  position: absolute;
  z-index: 3;
}
/* _content/BlazorWebApp/Modules/ProductCatalogModule/Templates/Sections/Sections10.razor.rz.scp.css */
.sections-wrapper[b-rled8liyzy] {
  padding: 0 4px;
  width: 100%;
}

.section-wrapper[b-rled8liyzy] {
  margin: 0 0 8px 0;
  padding: 0 4px;
}

.section[b-rled8liyzy] {
  background: var(--clr-background);
  display: block;
  height: 100%;
  position: relative;
  transition: 0.2s all ease;
  width: 100%;
}
.section__image-wrapper[b-rled8liyzy] {
  display: block;
  height: auto;
  position: relative;
  padding: 100% 0 0 0;
  width: 100%;
}
.section__image[b-rled8liyzy] {
  bottom: 0;
  display: block;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.section__title[b-rled8liyzy] {
  color: var(--clr-on-surface);
  font-size: 1rem;
  font-weight: 500;
  margin: 8px 0 0 0;
  text-align: left;
}
.section:active[b-rled8liyzy] {
  filter: brightness(0.9);
}
.section:active .section__title[b-rled8liyzy] {
  color: var(--clr-primary);
}
/* _content/BlazorWebApp/Modules/ProductCatalogModule/Templates/Sections/Sections11.razor.rz.scp.css */
.section[b-o06i41sjsa] {
  display: flex;
  border-radius: 4px;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.section:not(:first-child)[b-o06i41sjsa] {
  margin: 8px 0 0 0;
}
.section[b-o06i41sjsa]:before {
  -webkit-box-shadow: inset 0 -60px 100px -20px var(--clr-shadow-16);
  -moz-box-shadow: inset 0 -60px 100px -20px var(--clr-shadow-16);
  box-shadow: inset 0 -60px 100px -20px var(--clr-shadow-16);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  transition: 0.2s all ease;
  top: 0;
  right: 0;
  width: 100%;
  z-index: 2;
}
.section:active[b-o06i41sjsa]:before {
  -webkit-box-shadow: inset 0 -60px 100px -20px var(--clr-shadow-16-active);
  -moz-box-shadow: inset 0 -60px 100px -20px var(--clr-shadow-16-active);
  box-shadow: inset 0 -60px 100px -20px var(--clr-shadow-16-active);
}
.section__image-wrapper[b-o06i41sjsa] {
  padding-top: 36.36%;
  display: block;
  position: relative;
}
.section__image[b-o06i41sjsa] {
  bottom: 0;
  display: block;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.section__title[b-o06i41sjsa] {
  bottom: 8px;
  color: #FFFFFF;
  font-size: 1rem;
  font-weight: 500;
  left: 8px;
  line-height: 1.14;
  position: absolute;
  z-index: 2;
}
/* _content/BlazorWebApp/Modules/ProductCatalogModule/Templates/Sections/Sections12.razor.rz.scp.css */
.sections-wrapper[b-knb56quzxf] {
  padding: 0 4px;
  width: 100%;
}

.section-wrapper[b-knb56quzxf] {
  margin: 0 0 8px 0;
  padding: 0 4px;
}

.section[b-knb56quzxf] {
  background: var(--clr-background);
  border-radius: 10px;
  display: block;
  height: 100%;
  overflow: hidden;
  position: relative;
  transition: 0.2s all ease;
  width: 100%;
}
.section__image-wrapper[b-knb56quzxf] {
  border-radius: 10px;
  display: block;
  height: auto;
  overflow: hidden;
  position: relative;
  padding: 100% 0 0 0;
  width: 100%;
}
.section__image[b-knb56quzxf] {
  bottom: 0;
  display: block;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.section__title[b-knb56quzxf] {
  color: var(--clr-on-surface);
  font-size: 1rem;
  font-weight: 500;
  margin: 8px 8px 0 8px;
  text-align: center;
}
.section:active[b-knb56quzxf] {
  filter: brightness(0.9);
}
.section:active .section__title[b-knb56quzxf] {
  color: var(--clr-primary);
}
/* _content/BlazorWebApp/Modules/SpecialOffersModule/SpecialOfferCard.razor.rz.scp.css */
.card[b-la3xb8029l] {
  display: block;
  height: 100%;
  transition: 0.2s all ease;
  cursor: pointer;
}
.card-image[b-la3xb8029l] {
  overflow: hidden;
  border: 1px solid var(--clr-frame);
  width: 100%;
  padding: 0;
  display: flex;
}
.card-image[b-la3xb8029l]:before {
  content: "";
  padding-top: 100%;
  float: left;
}
.card-image img[b-la3xb8029l] {
  display: block;
  width: 100%;
  object-fit: cover;
}
.card-data[b-la3xb8029l] {
  padding: 0;
}
.card-data--status[b-la3xb8029l] {
  margin-top: 12px;
  font-size: 0.85rem;
  text-transform: uppercase;
  color: var(--clr-success);
  line-height: 1.5;
}
.card-data--status-disabled[b-la3xb8029l] {
  color: var(--clr-attention);
}
.card-data--status-unactive[b-la3xb8029l] {
  color: var(--clr-alert);
}
.card-data--title[b-la3xb8029l] {
  margin-top: 4px;
  font-size: 1.14rem;
  font-weight: 500;
  line-height: 1.125;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  height: 2.3em;
}
.card-data--date[b-la3xb8029l] {
  margin-top: 1px;
  display: inline-block;
}
.card-data--date-start[b-la3xb8029l], .card-data--date-end[b-la3xb8029l] {
  float: left;
}
.card-data--date-end[b-la3xb8029l] {
  margin-left: 20px;
}
.card-data--date-label[b-la3xb8029l] {
  color: var(--clr-alt-on-surface);
  font-size: 0.85rem;
  line-height: 1.5;
}
.card-data--date-value[b-la3xb8029l] {
  margin-top: 4px;
  line-height: 1.28;
}
.card:hover[b-la3xb8029l] {
  filter: brightness(0.9);
}
.card:active[b-la3xb8029l] {
  filter: brightness(0.8);
}

@media (max-width: 576px) {
  .card-image[b-la3xb8029l] {
    flex-shrink: 0;
    width: 100px;
    height: 100px;
  }
  .card-image img[b-la3xb8029l] {
    max-width: 100%;
  }
  .card-data[b-la3xb8029l] {
    margin-left: 12px;
  }
  .card-data--status[b-la3xb8029l] {
    margin-top: 0;
  }
  .card-data--date[b-la3xb8029l] {
    margin-top: 0;
  }
  .card-data--date-end[b-la3xb8029l] {
    margin-left: 12px;
  }
}
/* _content/BlazorWebApp/Modules/SpecialOffersModule/SpecialOfferListPage.razor.rz.scp.css */
.content[b-vjcopiwzpb] {
  margin-top: 8px;
}

.card-wrapper[b-vjcopiwzpb] {
  margin: 0 0 16px 0;
}

@media (max-width: 576px) {
  .card-wrapper[b-vjcopiwzpb] {
    margin: 0 0 4px 0;
    padding: 0 4px;
  }
  .content[b-vjcopiwzpb] {
    padding-right: 0;
  }
}
/* _content/BlazorWebApp/Modules/SpecialOffersModule/SpecialOfferPage.razor.rz.scp.css */
.offer-image[b-8yxal1drh1] {
  overflow: hidden;
  border-radius: 8px;
  width: 100%;
  padding: 0;
  display: flex;
}
.offer-image[b-8yxal1drh1]:before {
  content: "";
  padding-top: 100%;
  float: left;
}
.offer-image img[b-8yxal1drh1] {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.offer-data[b-8yxal1drh1] {
  padding: 16px 12px;
}
.offer-data--title[b-8yxal1drh1] {
  font-size: 1.42rem;
  font-weight: 700;
  line-height: 1.71;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  height: 1.71em;
}
.offer-data--status[b-8yxal1drh1] {
  margin-top: 16px;
  font-size: 0.85rem;
  text-transform: uppercase;
  color: var(--clr-success);
  line-height: 1.5;
}
.offer-data--status-disabled[b-8yxal1drh1] {
  color: var(--clr-attention);
}
.offer-data--status-unactive[b-8yxal1drh1] {
  color: var(--clr-alert);
}
.offer-data--date[b-8yxal1drh1] {
  margin-top: 16px;
  display: inline-block;
}
.offer-data--date-start[b-8yxal1drh1], .offer-data--date-end[b-8yxal1drh1] {
  float: left;
}
.offer-data--date-end[b-8yxal1drh1] {
  margin-left: 20px;
}
.offer-data--date-label[b-8yxal1drh1] {
  color: var(--clr-alt-on-surface);
  font-size: 0.85rem;
  line-height: 1.5;
}
.offer-data--date-value[b-8yxal1drh1] {
  margin-top: 4px;
  line-height: 1.28;
}
.offer-data--description[b-8yxal1drh1] {
  margin-top: 16px;
}

@media (max-width: 767px) {
  .offer-image[b-8yxal1drh1] {
    border-radius: 0;
  }
  .offer-image--wrapper[b-8yxal1drh1] {
    padding: 0;
  }
  .offer-data[b-8yxal1drh1] {
    border-radius: 0;
    margin: 4px;
  }
  .offer-data--wrapper[b-8yxal1drh1] {
    padding: 0;
  }
  .offer-data--date-end[b-8yxal1drh1] {
    margin-left: 12px;
  }
}
/* _content/BlazorWebApp/Modules/TiptoppayBankcardModule/ChoisePaymentTiptoppayListPage.razor.rz.scp.css */
@media (max-width: 567px) {
  .content[b-u0atxn9uhk] {
    padding: 0 4px; }
  .header[b-u0atxn9uhk] {
    padding: 0 4px; } }

.item__radio[b-u0atxn9uhk] {
  margin: auto 8px; }
  .item__radio-button[b-u0atxn9uhk] {
    top: -4px; }

.amount[b-u0atxn9uhk] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 16px 0; }
  .amount__value[b-u0atxn9uhk] {
    font-size: 1.71rem;
    color: var(--clr-on-surface);
    font-weight: 500;
    line-height: 0.83;
    margin-bottom: 2px; }
  .amount__label[b-u0atxn9uhk] {
    color: var(--clr-alt-on-background); }

.card-add[b-u0atxn9uhk] {
  border-radius: 8px;
  border: 1px solid var(--clr-extra-light);
  margin-bottom: 12px;
  padding: 20px 12px; }

[b-u0atxn9uhk] .plug {
  margin: 0 auto !important; }
/* _content/BlazorWebApp/Modules/UserAddressModule/UserAddressCard.razor.rz.scp.css */
.card[b-lcqbi8fspo] {
  padding: 8px 12px 16px 12px;
  transition: 0.2s all ease;
  display: block;
}
.card__header[b-lcqbi8fspo] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}
.card__title[b-lcqbi8fspo] {
  margin: auto 0;
  font-weight: 500;
  text-transform: uppercase;
}
.card__delete-button[b-lcqbi8fspo] {
  margin-right: 4px;
}
.card__delete-button[b-lcqbi8fspo], .card__edit-button[b-lcqbi8fspo] {
  width: 36px;
  height: 36px;
}
.card__hr[b-lcqbi8fspo] {
  margin: 0 -12px;
  border-top: 1px solid var(--clr-background);
}
.card__address[b-lcqbi8fspo] {
  margin-top: 16px;
}
.card__city[b-lcqbi8fspo] {
  font-size: 0.85rem;
  color: var(--clr-alt-on-surface);
  line-height: 1.5;
}
.card__point[b-lcqbi8fspo] {
  margin-top: 4px;
}
/* _content/BlazorWebApp/Modules/UserAddressModule/UserAddressDialog.razor.rz.scp.css */
.modal .region__container[b-lvkqj1vz35] {
  margin: 0 0 12px 0;
}
.modal .house__container[b-lvkqj1vz35], .modal .entrance__container[b-lvkqj1vz35], .modal .intercom__container[b-lvkqj1vz35] {
  padding-right: 4px;
}
.modal .floor__container[b-lvkqj1vz35], .modal .apartment__container[b-lvkqj1vz35] {
  padding-left: 4px;
}
.modal .button-wrapper[b-lvkqj1vz35] {
  margin-top: 4px;
  display: flex;
  justify-content: center;
}
/* _content/BlazorWebApp/Modules/UserAddressModule/UserAddressesPage.razor.rz.scp.css */
.add-address[b-78sohxz11k] {
  margin-bottom: 8px;
  cursor: pointer;
}

.card-wrapper:not(:first-child)[b-78sohxz11k] {
  margin-top: 4px;
}

@media (max-width: 576px) {
  .content[b-78sohxz11k] {
    padding-left: 4px;
    padding-right: 4px;
  }
}
/* _content/BlazorWebApp/Modules/UserBonusesModule/UserBonusesPage.razor.rz.scp.css */
.bonuses__total[b-op87e67lht] {
  display: flex;
  flex-direction: column;
  margin-bottom: 12px;
}
.bonuses__value[b-op87e67lht] {
  margin: auto;
  line-height: 0.83;
}
.bonuses__label[b-op87e67lht] {
  margin: auto;
  color: var(--clr-alt-on-background);
}
.bonuses__date[b-op87e67lht] {
  line-height: 2;
  margin-bottom: 4px;
  margin-top: 20px;
}
.bonuses__date:first-child[b-op87e67lht] {
  margin-top: 0;
}
.bonuses__item[b-op87e67lht] {
  display: block;
  margin: 4px 0;
}
.bonuses__item-link[b-op87e67lht] {
  transition: 0.2s all ease;
  cursor: pointer;
}
.bonuses__item-link:hover[b-op87e67lht], .bonuses__item-link:active[b-op87e67lht] {
  color: var(--clr-primary);
}
.bonuses__item-link:hover[b-op87e67lht] {
  filter: brightness(0.9);
}
.bonuses__item-link:active[b-op87e67lht] {
  filter: brightness(0.8);
}

.item__bonuses[b-op87e67lht] {
  font-size: 1.14rem;
  line-height: 1.25;
  color: var(--clr-success);
}
.item__bonuses--negative[b-op87e67lht] {
  color: var(--clr-attention);
}
.item__comment[b-op87e67lht] {
  margin-top: 8px;
  word-break: break-word;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.item__order-number[b-op87e67lht] {
  margin-top: 8px;
}
.item__icon[b-op87e67lht] {
  color: var(--clr-extra);
  margin: auto 0;
}

@media (max-width: 567px) {
  .content[b-op87e67lht] {
    padding: 0 4px;
  }
  .header[b-op87e67lht] {
    padding: 0 4px;
  }
}
/* _content/BlazorWebApp/Modules/UserNavigationModule/UserNavigation.razor.rz.scp.css */
.box[b-ly95cwzhvo] {
  padding: 8px 0;
}

.nav-item[b-ly95cwzhvo]  a {
  display: block;
  width: 100%;
  padding: 16px 8px 16px 0;
  position: relative;
  line-height: 1.21;
  transition: 0.2s all ease;
}
.nav-item[b-ly95cwzhvo]  a:after {
  background: var(--clr-primary);
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  top: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease-out;
  position: absolute;
  width: 100%;
}
.nav-item[b-ly95cwzhvo]  a span {
  color: var(--clr-alt-on-surface);
  margin-left: 16px;
  margin-right: 20px;
  transition: 0.2s all ease;
}
.nav-item[b-ly95cwzhvo]  a div {
  margin: auto 0;
}
.nav-item[b-ly95cwzhvo]  a .icon-chevron_right {
  color: var(--clr-extra);
  transition: 0.2s all ease;
}

.nav-item[b-ly95cwzhvo]  a:hover {
  color: var(--clr-primary);
}
.nav-item[b-ly95cwzhvo]  a:hover:after {
  opacity: 0.1;
}
.nav-item[b-ly95cwzhvo]  a:hover span {
  color: var(--clr-primary);
}
.nav-item[b-ly95cwzhvo]  a:hover .icon-chevron_right {
  color: var(--clr-primary);
}

.nav-item[b-ly95cwzhvo]  a.active {
  color: var(--clr-primary);
  position: relative;
}
.nav-item[b-ly95cwzhvo]  a.active:before {
  content: " ";
  display: block;
  position: absolute;
  width: 4px;
  height: 100%;
  top: 0;
  background: var(--clr-primary);
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.nav-item[b-ly95cwzhvo]  a.active:after {
  opacity: 0.2;
}
.nav-item[b-ly95cwzhvo]  a.active .icon-chevron_right {
  display: none;
}
.nav-item[b-ly95cwzhvo]  a.active span {
  color: var(--clr-primary);
}

@media (max-width: 992px) {
  .content[b-ly95cwzhvo] {
    border-radius: 0;
  }
}
/* _content/BlazorWebApp/Modules/UserNavigationModule/UserNavigationPage.razor.rz.scp.css */
.navigation-page[b-aur5d26icm] {
  display: table-cell;
  margin-top: 8px;
  padding: 0 4px;
  width: 100%;
  height: 100%;
  background: var(--clr-background);
  position: fixed;
  left: 0;
  right: 0;
  z-index: 2;
}
/* _content/BlazorWebApp/Modules/UserProfileModule/ChangeProfileDialog.razor.rz.scp.css */
.profile__image[b-5p666371vj] {
  border: 4px solid var(--clr-background);
  border-radius: 50px;
  width: 64px;
  height: 64px;
  flex-shrink: 0;
  overflow: hidden;
  display: flex;
}
.profile__image[b-5p666371vj]:before {
  content: "";
  padding-top: 100%;
  float: left;
}
.profile__image-icon[b-5p666371vj] {
  margin: auto;
  color: var(--clr-extra);
}
.profile__image img[b-5p666371vj] {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.profile__image-upload[b-5p666371vj] {
  margin: auto 0 auto 16px;
}
.profile__image-delete[b-5p666371vj] {
  margin: auto 0;
  width: 36px;
  height: 36px;
  color: var(--clr-extra);
}
.profile__image-delete:active[b-5p666371vj] {
  color: var(--clr-alt-on-surface);
}
.profile__name[b-5p666371vj] {
  margin-top: 16px;
}
.profile__dob[b-5p666371vj] {
  margin-top: 12px;
}
/* _content/BlazorWebApp/Modules/UserProfileModule/ConfirmPhoneDialog.razor.rz.scp.css */
.info[b-frle3zvryp] {
  text-align: center;
  margin-top: 16px;
  line-height: 1.21;
}

.repeat[b-frle3zvryp] {
  display: flex;
}
.repeat a[b-frle3zvryp] {
  line-height: 1.21;
  color: var(--clr-primary);
  margin: 16px auto 0 auto;
  text-align: center;
  transition: 0.2s all ease;
}
.repeat a:hover[b-frle3zvryp] {
  filter: brightness(0.9);
}
.repeat a:active[b-frle3zvryp] {
  filter: brightness(0.8);
}
/* _content/BlazorWebApp/Modules/UserProfileModule/UserProfilePage.razor.rz.scp.css */
.profile__info[b-mmclt5qvlq] {
  margin-top: 50px;
  padding: 8px 20px;
}
.profile__info-main[b-mmclt5qvlq] {
  margin: -60px auto 16px auto;
  text-align: center;
}
.profile__image[b-mmclt5qvlq] {
  display: flex;
  width: 100px;
  height: 100px;
  overflow: hidden;
  border: 4px solid var(--clr-background);
  border-radius: 50px;
  margin: 0 auto;
  background-color: var(--clr-surface);
}
.profile__image[b-mmclt5qvlq]::before {
  content: "";
  padding-top: 100%;
  float: left;
}
.profile__image img[b-mmclt5qvlq] {
  display: block;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.profile__image .icon-user[b-mmclt5qvlq] {
  margin: auto;
  color: var(--clr-extra);
  width: 48px;
  height: 48px;
  font-size: 3.6rem;
}
.profile__name[b-mmclt5qvlq] {
  margin-top: 8px;
  font-size: 1.14rem;
  font-weight: 500;
  line-height: 1.18;
}
.profile__dob[b-mmclt5qvlq], .profile__phone[b-mmclt5qvlq], .profile__email[b-mmclt5qvlq] {
  padding: 12px 0;
}
.profile__phone-confirm[b-mmclt5qvlq], .profile__email-confirm[b-mmclt5qvlq] {
  margin-top: 8px;
  margin-left: 44px;
  color: var(--clr-primary);
  cursor: pointer;
}
.profile__phone-confirm:hover[b-mmclt5qvlq], .profile__email-confirm:hover[b-mmclt5qvlq] {
  filter: brightness(0.9);
}
.profile__phone-confirm:active[b-mmclt5qvlq], .profile__email-confirm:active[b-mmclt5qvlq] {
  filter: brightness(0.8);
}
.profile__label[b-mmclt5qvlq], .profile--confirmed[b-mmclt5qvlq] {
  font-size: 0.85rem;
  line-height: 1.5;
  color: var(--clr-alt-on-surface);
}
.profile__value[b-mmclt5qvlq] {
  margin-top: 4px;
}
.profile--confirmed[b-mmclt5qvlq] {
  display: inline-block;
  margin-left: 8px;
  color: var(--clr-success);
}
.profile--confirmed-false[b-mmclt5qvlq] {
  color: var(--clr-attention);
}
.profile__edit-button[b-mmclt5qvlq] {
  width: 36px;
  height: 36px;
}
.profile__logout[b-mmclt5qvlq], .profile__password[b-mmclt5qvlq] {
  margin-top: 8px;
  cursor: pointer;
  transition: 0.2s all ease;
}
.profile__logout .box[b-mmclt5qvlq], .profile__password .box[b-mmclt5qvlq] {
  padding: 12px 20px;
}
.profile__logout .icon[b-mmclt5qvlq], .profile__password .icon[b-mmclt5qvlq] {
  transition: 0.2s all ease;
}
.profile__logout .icon-chevron_right[b-mmclt5qvlq], .profile__password .icon-chevron_right[b-mmclt5qvlq] {
  color: var(--clr-extra);
  transition: 0.2s all ease;
}
.profile__logout-label[b-mmclt5qvlq], .profile__password-label[b-mmclt5qvlq] {
  margin: auto 0;
  line-height: 1.21;
}
.profile__logout:hover[b-mmclt5qvlq], .profile__password:hover[b-mmclt5qvlq] {
  color: var(--clr-primary);
}
.profile__logout:hover .icon[b-mmclt5qvlq], .profile__logout:hover .icon-chevron_right[b-mmclt5qvlq], .profile__password:hover .icon[b-mmclt5qvlq], .profile__password:hover .icon-chevron_right[b-mmclt5qvlq] {
  color: var(--clr-primary);
}

.icon[b-mmclt5qvlq] {
  margin: auto 20px auto 0;
  color: var(--clr-alt-on-surface);
}

@media (max-width: 576px) {
  .header[b-mmclt5qvlq], .profile[b-mmclt5qvlq] {
    padding: 0 4px;
  }
}
/* _content/BlazorWebApp/UI/Dialogs/Confirm.razor.rz.scp.css */
.message[b-y8kmxx8bpq] {
  margin-top: 16px;
}

.buttons[b-y8kmxx8bpq] {
  margin: 16px auto 0 auto;
}
.buttons[b-y8kmxx8bpq]  button {
  margin: 0 4px;
}
/* _content/BlazorWebApp/UI/Dialogs/LocationDialog.razor.rz.scp.css */
.locations__item[b-4spyxdk0rk] {
  padding: 15px 8px 14px 16px;
  position: relative;
  font-size: 1.14rem;
  line-height: 1.18;
  border-radius: 2px;
  cursor: pointer;
}
.locations__item[b-4spyxdk0rk]:after {
  background: var(--clr-primary);
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  top: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease-out;
  position: absolute;
  width: 100%;
}
.locations__item:hover[b-4spyxdk0rk] {
  color: var(--clr-primary);
}
.locations__item:hover[b-4spyxdk0rk]:after {
  opacity: 0.1;
}
.locations__item:active[b-4spyxdk0rk] {
  color: var(--clr-primary);
}
.locations__item:active[b-4spyxdk0rk]:after {
  opacity: 0.2;
}
.locations__item:active .locations__item-icon[b-4spyxdk0rk] {
  display: none;
}
/* _content/BlazorWebApp/UI/Dialogs/OnlinePayment.razor.rz.scp.css */
.item__radio[b-885v7zvkn6] {
  margin: auto 8px;
}
.item__radio-button[b-885v7zvkn6] {
  top: -4px;
}

.amount[b-885v7zvkn6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 16px 0;
}
.amount__value[b-885v7zvkn6] {
  font-size: 1.71rem;
  color: var(--clr-on-surface);
  font-weight: 500;
  line-height: 0.83;
  margin-bottom: 2px;
}
.amount__label[b-885v7zvkn6] {
  color: var(--clr-alt-on-background);
}

.card-add[b-885v7zvkn6] {
  border-radius: 8px;
  border: 1px solid var(--clr-extra-light);
  margin-bottom: 12px;
  padding: 20px 12px;
}

[b-885v7zvkn6] .plug {
  margin: 0 auto !important;
}
/* _content/BlazorWebApp/UI/Dialogs/RegionDialog.razor.rz.scp.css */
.regions-list[b-txlso2p4mi] {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.regions-list .parent-items[b-txlso2p4mi] {
  margin: 0 0 8px 0;
}
.regions-list__item[b-txlso2p4mi] {
  border-radius: 2px;
  cursor: pointer;
  display: flex;
  transition: 0.3s all ease;
  width: 100%;
}
.regions-list__item-name[b-txlso2p4mi] {
  font-size: 1.14rem;
  line-height: 1.18;
}
.regions-list__item-arrow[b-txlso2p4mi] {
  color: var(--clr-extra);
  margin: auto 0;
}
.regions-list__empty[b-txlso2p4mi] {
  color: var(--clr-on-surface);
  font-size: 1.14rem;
  line-height: 1.18;
  margin: 8px 0;
  text-align: center;
}
.regions-list__parent-item[b-txlso2p4mi] {
  padding: 12px 16px 12px 8px;
  position: relative;
}
.regions-list__parent-item[b-txlso2p4mi]:before {
  background: var(--clr-primary);
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  top: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease-out;
  position: absolute;
  width: 100%;
}
.regions-list__parent-item:hover[b-txlso2p4mi]:before {
  opacity: 0.1;
}
.regions-list__parent-item:active[b-txlso2p4mi]:before {
  opacity: 0.2;
}
.regions-list__parent-name[b-txlso2p4mi] {
  color: var(--clr-primary);
  margin: auto 0 auto 8px;
}
.regions-list__child-item[b-txlso2p4mi] {
  padding: 12px 8px 12px 16px;
  position: relative;
}
.regions-list__child-item[b-txlso2p4mi]:before {
  background: var(--clr-primary);
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  top: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease-out;
  position: absolute;
  width: 100%;
}
.regions-list__child-item:hover[b-txlso2p4mi]:before {
  opacity: 0.1;
}
.regions-list__child-item:active[b-txlso2p4mi]:before {
  opacity: 0.2;
}
.regions-list__child-name[b-txlso2p4mi] {
  color: var(--clr-on-surface);
  margin: auto auto auto 0;
}
/* _content/BlazorWebApp/UI/Elements/ClickableCard.razor.rz.scp.css */
.clickable-card[b-ok4vxghlls] {
  background: var(--clr-surface);
  border: 1px solid var(--clr-background);
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  transition: 0.3s all ease;
  width: 100%;
}
.clickable-card:hover[b-ok4vxghlls] {
  filter: brightness(0.9);
}
.clickable-card:active[b-ok4vxghlls] {
  filter: brightness(0.8);
}
.clickable-card__title[b-ok4vxghlls] {
  border-bottom: 1px solid var(--clr-background);
  color: var(--clr-on-surface);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.28;
  margin: 8px 0 0 0;
  padding: 0 12px 5px 12px;
  text-transform: uppercase;
  word-break: break-word;
}
.clickable-card__inner[b-ok4vxghlls] {
  display: flex;
}
.clickable-card__content[b-ok4vxghlls] {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin: 16px 0 16px 12px;
  width: 100%;
}
.clickable-card__label[b-ok4vxghlls] {
  font-size: 0.85rem;
  color: var(--clr-alt-on-surface);
  line-height: 1.5;
  margin: 0 0 4px 0;
  word-break: break-word;
}
.clickable-card__value[b-ok4vxghlls] {
  font-size: 1rem;
  color: var(--clr-on-surface);
  line-height: 1.28;
  word-break: break-word;
}
.clickable-card__icon[b-ok4vxghlls] {
  color: var(--clr-extra);
  margin: auto 12px auto 8px;
}
/* _content/BlazorWebApp/UI/Elements/Slider.razor.rz.scp.css */
.image-wrapper[b-n5n8tp0l9h]:before {
  content: "";
  padding-top: 100%;
  float: left;
}

.image[b-n5n8tp0l9h] {
  width: 100%;
  display: block;
  object-fit: cover;
}
/* _content/BlazorWebApp/UI/Elements/Templates/BadgeCorner/BadgeCorner01.razor.rz.scp.css */
.corner-container[b-k4gf54lmib] {
  position: absolute;
  overflow: hidden;
  z-index: 2;
  display: block;
  width: 56px;
  height: 56px;
}
.corner-container--top-left[b-k4gf54lmib] {
  top: 0;
  left: 0;
}
.corner-container--top-right[b-k4gf54lmib] {
  top: 0;
  right: 0;
}
.corner-container--bottom-left[b-k4gf54lmib] {
  bottom: 0;
  left: 0;
}
.corner-container--bottom-right[b-k4gf54lmib] {
  bottom: 0;
  right: 0;
}

.corner[b-k4gf54lmib] {
  position: relative;
  width: 100px;
  text-align: center;
  font-size: 0.85rem;
  padding: 2px 0;
  text-transform: uppercase;
}
.corner--hit[b-k4gf54lmib] {
  background: var(--clr-attention);
  color: var(--clr-on-attention);
}
.corner--new[b-k4gf54lmib] {
  background: var(--clr-additional-1);
  color: #fff;
}
.corner--action[b-k4gf54lmib] {
  background: var(--clr-alert);
  color: var(--clr-on-alert);
}
.corner--top-left[b-k4gf54lmib] {
  top: 12px;
  left: 16px;
  -webkit-transform: rotate(315deg);
  float: right;
}
.corner--top-right[b-k4gf54lmib] {
  top: 12px;
  right: 16px;
  -webkit-transform: rotate(45deg);
  float: left;
}
.corner--bottom-left[b-k4gf54lmib] {
  bottom: -24px;
  left: 16px;
  -webkit-transform: rotate(45deg);
  float: right;
}
.corner--bottom-right[b-k4gf54lmib] {
  bottom: -24px;
  right: 16px;
  -webkit-transform: rotate(315deg);
  float: left;
}
/* _content/BlazorWebApp/UI/Elements/Templates/Badge/Badge01.razor.rz.scp.css */
.badge[b-vp8xwun3bx] {
  display: inline-block;
  color: var(--clr-on-attention);
  border-radius: 50px;
}
.badge--hit[b-vp8xwun3bx] {
  background: var(--clr-attention);
  color: var(--clr-on-attention);
  padding: 5px 6px 5.2px 6px;
}
.badge--new[b-vp8xwun3bx] {
  background: var(--clr-additional-1);
  padding: 5px 5px 5.5px 5.5px;
}
.badge--action[b-vp8xwun3bx] {
  background: var(--clr-alert);
  color: var(--clr-on-alert);
  padding: 6.5px 6.8px 5.8px 6.8px;
}
.badge__icon[b-vp8xwun3bx] {
  display: block;
}
/* _content/BlazorWebApp/UI/Elements/Templates/Badge/Badge02.razor.rz.scp.css */
.badge[b-c3h1dl7v3f] {
  display: inline-block;
  color: var(--clr-on-attention);
  border-radius: 3px;
  padding: 2px 7px 1px 7px;
  height: 16px;
  line-height: 1.4;
  margin: 4px 0;
  font-size: 0.715rem;
  text-transform: uppercase;
}
.badge--hit[b-c3h1dl7v3f] {
  background: var(--clr-attention);
}
.badge--new[b-c3h1dl7v3f] {
  background: var(--clr-additional-1);
}
.badge--action[b-c3h1dl7v3f] {
  background: var(--clr-alert);
}
/* _content/BlazorWebApp/UI/Elements/Templates/CartButtonCircle/CartButtonCircle01.razor.rz.scp.css */
.button-circle[b-x2veqebob3] {
  width: 40px;
  height: 40px;
  padding: 0;
  border: none;
  display: flex;
  background: var(--clr-secondary);
  color: var(--clr-on-secondary);
  border-radius: 20px;
  transition: 0.3s all ease;
  cursor: pointer;
}
.button-circle:hover[b-x2veqebob3] {
  filter: brightness(0.9);
}
.button-circle:active[b-x2veqebob3] {
  filter: brightness(0.8);
}
.button-circle__icon[b-x2veqebob3] {
  width: 24px;
  height: 24px;
  display: block;
  margin: auto;
}
.button-circle--success[b-x2veqebob3] {
  background: var(--clr-surface);
  color: var(--clr-success);
}
.button-circle--success:hover[b-x2veqebob3] {
  background: var(--clr-surface);
  color: var(--clr-success);
}
.button-circle--success:active[b-x2veqebob3] {
  background: var(--clr-surface);
  color: var(--clr-success);
}
.button-circle--disabled[b-x2veqebob3] {
  background: var(--clr-disabled);
  color: var(--clr-on-disabled);
}
.button-circle--disabled:hover[b-x2veqebob3] {
  background: var(--clr-disabled);
}
.button-circle--disabled:active[b-x2veqebob3] {
  background: var(--clr-disabled);
  color: var(--clr-on-disabled);
}
/* _content/BlazorWebApp/UI/Elements/Templates/RaisedButton/RaisedButton01.razor.rz.scp.css */
.raised-button[b-xqlakx4koc] {
  height: 36px;
  padding: 10px 12px 9px 12px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  border: 1px solid var(--clr-frame);
  background-color: var(--clr-surface);
  color: var(--clr-on-background);
  text-transform: uppercase;
  transition: 0.2s all ease;
  font-weight: 500;
  font-size: 1rem;
  outline: none;
  cursor: pointer;
}
.raised-button__icon[b-xqlakx4koc] {
  margin-right: 8px;
}
.raised-button:hover[b-xqlakx4koc] {
  filter: brightness(0.9);
}
.raised-button:active[b-xqlakx4koc] {
  filter: brightness(0.8);
  color: var(--clr-alt-on-surface);
}
.raised-button:disabled[b-xqlakx4koc] {
  background: var(--clr-disabled);
  color: var(--clr-on-disabled);
  border: 1px solid var(--clr-frame);
  cursor: default;
  pointer-events: none;
}
.raised-button:disabled:hover[b-xqlakx4koc], .raised-button:disabled:active[b-xqlakx4koc] {
  background: var(--clr-disabled);
  color: var(--clr-on-disabled);
}
.raised-button--small[b-xqlakx4koc] {
  padding: 10px 6px 9px 6px;
}
.raised-button--large[b-xqlakx4koc] {
  height: 56px;
  padding-left: 16px;
  padding-right: 16px;
}
.raised-button--wide[b-xqlakx4koc] {
  width: 100%;
}
.raised-button--secondary[b-xqlakx4koc] {
  border: 1px solid var(--clr-secondary);
  background-color: var(--clr-secondary);
  color: var(--clr-on-secondary);
}
.raised-button--secondary:active[b-xqlakx4koc] {
  color: var(--clr-on-secondary);
}
.raised-button--primary[b-xqlakx4koc] {
  border: 1px solid var(--clr-primary);
  background-color: var(--clr-primary);
  color: var(--clr-on-primary);
}
.raised-button--primary:active[b-xqlakx4koc] {
  color: var(--clr-on-primary);
}
.raised-button--attention[b-xqlakx4koc] {
  border: 1px solid var(--clr-attention);
  background-color: var(--clr-attention);
  color: var(--clr-on-attention);
}
.raised-button--attention:active[b-xqlakx4koc] {
  color: var(--clr-on-attention);
}
.raised-button--outline--none[b-xqlakx4koc] {
  border: none;
}
/* _content/BlazorWebApp/UI/Elements/Templates/RaisedButton/RaisedButton02.razor.rz.scp.css */
.raised-button[b-203y1nnm0j] {
  height: 36px;
  padding: 10px 12px 9px 12px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 18px;
  border: 1px solid var(--clr-frame);
  background-color: var(--clr-surface);
  color: var(--clr-on-background);
  text-transform: uppercase;
  transition: 0.2s all ease;
  font-weight: 500;
  font-size: 1rem;
  outline: none;
  cursor: pointer;
}
.raised-button__icon[b-203y1nnm0j] {
  margin-right: 8px;
}
.raised-button:hover[b-203y1nnm0j] {
  filter: brightness(0.9);
}
.raised-button:active[b-203y1nnm0j] {
  filter: brightness(0.8);
  color: var(--clr-alt-on-surface);
}
.raised-button:disabled[b-203y1nnm0j] {
  background: var(--clr-disabled);
  color: var(--clr-on-disabled);
  border: 1px solid var(--clr-frame);
  cursor: default;
  pointer-events: none;
}
.raised-button:disabled:hover[b-203y1nnm0j], .raised-button:disabled:active[b-203y1nnm0j] {
  background: var(--clr-disabled);
  color: var(--clr-on-disabled);
}
.raised-button--small[b-203y1nnm0j] {
  padding: 10px 6px 9px 6px;
}
.raised-button--large[b-203y1nnm0j] {
  height: 56px;
  border-radius: 28px;
}
.raised-button--wide[b-203y1nnm0j] {
  width: 100%;
}
.raised-button--secondary[b-203y1nnm0j] {
  border: 1px solid var(--clr-secondary);
  background-color: var(--clr-secondary);
  color: var(--clr-on-secondary);
}
.raised-button--secondary:active[b-203y1nnm0j] {
  color: var(--clr-on-secondary);
}
.raised-button--primary[b-203y1nnm0j] {
  border: 1px solid var(--clr-primary);
  background-color: var(--clr-primary);
  color: var(--clr-on-primary);
}
.raised-button--primary:active[b-203y1nnm0j] {
  color: var(--clr-on-primary);
}
.raised-button--attention[b-203y1nnm0j] {
  border: 1px solid var(--clr-attention);
  background-color: var(--clr-attention);
  color: var(--clr-on-attention);
}
.raised-button--attention:active[b-203y1nnm0j] {
  color: var(--clr-on-attention);
}
.raised-button--outline--none[b-203y1nnm0j] {
  border: none;
}
/* _content/BlazorWebApp/UI/Elements/Templates/SwitchCounter/SwitchCounter01.razor.rz.scp.css */
.counter[b-qpgitrsa5e] {
  background: var(--clr-surface);
  border: 1px solid var(--clr-frame);
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  height: 36px;
  min-width: 126px;
  padding: 3px;
}
.counter__value-container[b-qpgitrsa5e] {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: 0.3s all ease;
  width: 100%;
}
.counter__value-container:hover[b-qpgitrsa5e] {
  color: var(--clr-alt-on-surface);
}
.counter__value[b-qpgitrsa5e] {
  font-weight: 500;
}
.counter .counter-btn[b-qpgitrsa5e] {
  border: none;
  border-radius: 4px;
  background-color: inherit;
  cursor: pointer;
  flex-shrink: 0;
  outline: none;
  padding: 0;
  transition: 0.3s all ease;
  width: 32px;
}
.counter .counter-btn:hover[b-qpgitrsa5e] {
  background: var(--clr-surface);
  filter: brightness(0.9);
}
.counter .counter-btn:active[b-qpgitrsa5e] {
  background: var(--clr-surface);
  filter: brightness(0.8);
}
.counter .counter-btn:disabled[b-qpgitrsa5e] {
  background: inherit;
}
.counter .counter-btn:disabled .counter-btn__icon--minus[b-qpgitrsa5e]:before, .counter .counter-btn:disabled .counter-btn__icon--minus[b-qpgitrsa5e]:after, .counter .counter-btn:disabled .counter-btn__icon--plus[b-qpgitrsa5e]:before, .counter .counter-btn:disabled .counter-btn__icon--plus[b-qpgitrsa5e]:after {
  background-color: var(--clr-disabled);
}
.counter .counter-btn__icon[b-qpgitrsa5e] {
  display: flex;
  height: 12px;
  margin: auto;
  position: relative;
  width: 12px;
}
.counter .counter-btn__icon--minus[b-qpgitrsa5e]::before, .counter .counter-btn__icon--minus[b-qpgitrsa5e]::after, .counter .counter-btn__icon--plus[b-qpgitrsa5e]::before, .counter .counter-btn__icon--plus[b-qpgitrsa5e]::after {
  background-color: var(--clr-alt-on-surface);
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
}
.counter .counter-btn__icon--minus[b-qpgitrsa5e]::before, .counter .counter-btn__icon--plus[b-qpgitrsa5e]::before {
  height: 2px;
  width: 100%;
}
.counter .counter-btn__icon--plus[b-qpgitrsa5e]::after {
  height: 100%;
  width: 2px;
}
.counter--large[b-qpgitrsa5e] {
  height: 56px;
}
.counter--large .counter-btn[b-qpgitrsa5e] {
  width: 60px;
}
.counter--wide[b-qpgitrsa5e] {
  width: 100%;
}
/* _content/BlazorWebApp/UI/Elements/Templates/SwitchCounter/SwitchCounter02.razor.rz.scp.css */
.counter[b-ona6aouqho] {
  background: var(--clr-surface);
  border: 1px solid var(--clr-frame);
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  height: 36px;
  min-width: 126px;
  padding: 3px;
}
.counter__value-container[b-ona6aouqho] {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: 0.3s all ease;
  width: 100%;
}
.counter__value-container:hover[b-ona6aouqho] {
  color: var(--clr-alt-on-surface);
}
.counter__value[b-ona6aouqho] {
  font-weight: 500;
}
.counter .counter-btn[b-ona6aouqho] {
  border: none;
  border-radius: 4px;
  background-color: var(--clr-extra-light);
  cursor: pointer;
  flex-shrink: 0;
  outline: none;
  padding: 0;
  transition: 0.3s all ease;
  width: 32px;
}
.counter .counter-btn:hover[b-ona6aouqho] {
  filter: brightness(0.9);
}
.counter .counter-btn:active[b-ona6aouqho] {
  filter: brightness(0.8);
}
.counter .counter-btn:disabled[b-ona6aouqho] {
  background: inherit;
}
.counter .counter-btn:disabled .counter-btn__icon--minus[b-ona6aouqho]:before, .counter .counter-btn:disabled .counter-btn__icon--minus[b-ona6aouqho]:after, .counter .counter-btn:disabled .counter-btn__icon--plus[b-ona6aouqho]:before, .counter .counter-btn:disabled .counter-btn__icon--plus[b-ona6aouqho]:after {
  background-color: var(--clr-disabled);
}
.counter .counter-btn__icon[b-ona6aouqho] {
  display: flex;
  height: 12px;
  margin: auto;
  position: relative;
  width: 12px;
}
.counter .counter-btn__icon--minus[b-ona6aouqho]::before, .counter .counter-btn__icon--minus[b-ona6aouqho]::after, .counter .counter-btn__icon--plus[b-ona6aouqho]::before, .counter .counter-btn__icon--plus[b-ona6aouqho]::after {
  background-color: var(--clr-alt-on-surface);
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
}
.counter .counter-btn__icon--minus[b-ona6aouqho]::before, .counter .counter-btn__icon--plus[b-ona6aouqho]::before {
  height: 2px;
  width: 100%;
}
.counter .counter-btn__icon--plus[b-ona6aouqho]::after {
  height: 100%;
  width: 2px;
}
.counter--large[b-ona6aouqho] {
  height: 56px;
}
.counter--large .counter-btn[b-ona6aouqho] {
  width: 60px;
}
.counter--wide[b-ona6aouqho] {
  width: 100%;
}
/* _content/BlazorWebApp/UI/Elements/Templates/SwitchCounter/SwitchCounter03.razor.rz.scp.css */
.counter[b-fixf5a07ui] {
  background: var(--clr-surface);
  border: 1px solid var(--clr-frame);
  border-radius: 18px;
  display: flex;
  justify-content: space-between;
  height: 36px;
  min-width: 126px;
  padding: 3px;
}
.counter__value-container[b-fixf5a07ui] {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: 0.3s all ease;
  width: 100%;
}
.counter__value-container:hover[b-fixf5a07ui] {
  color: var(--clr-alt-on-surface);
}
.counter__value[b-fixf5a07ui] {
  font-weight: 500;
}
.counter .counter-btn[b-fixf5a07ui] {
  border: none;
  border-radius: 16px;
  background-color: inherit;
  cursor: pointer;
  flex-shrink: 0;
  outline: none;
  padding: 0;
  transition: 0.3s all ease;
  width: 32px;
}
.counter .counter-btn:hover[b-fixf5a07ui] {
  background: var(--clr-surface);
  filter: brightness(0.9);
}
.counter .counter-btn:active[b-fixf5a07ui] {
  background: var(--clr-surface);
  filter: brightness(0.8);
}
.counter .counter-btn:disabled[b-fixf5a07ui] {
  background: inherit;
}
.counter .counter-btn:disabled .counter-btn__icon--minus[b-fixf5a07ui]:before, .counter .counter-btn:disabled .counter-btn__icon--minus[b-fixf5a07ui]:after, .counter .counter-btn:disabled .counter-btn__icon--plus[b-fixf5a07ui]:before, .counter .counter-btn:disabled .counter-btn__icon--plus[b-fixf5a07ui]:after {
  background-color: var(--clr-disabled);
}
.counter .counter-btn__icon[b-fixf5a07ui] {
  display: flex;
  height: 12px;
  margin: auto;
  position: relative;
  width: 12px;
}
.counter .counter-btn__icon--minus[b-fixf5a07ui]::before, .counter .counter-btn__icon--minus[b-fixf5a07ui]::after, .counter .counter-btn__icon--plus[b-fixf5a07ui]::before, .counter .counter-btn__icon--plus[b-fixf5a07ui]::after {
  background-color: var(--clr-alt-on-surface);
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
}
.counter .counter-btn__icon--minus[b-fixf5a07ui]::before, .counter .counter-btn__icon--plus[b-fixf5a07ui]::before {
  height: 2px;
  width: 100%;
}
.counter .counter-btn__icon--plus[b-fixf5a07ui]::after {
  height: 100%;
  width: 2px;
}
.counter--large[b-fixf5a07ui] {
  border-radius: 28px;
  height: 56px;
}
.counter--large .counter-btn[b-fixf5a07ui] {
  border-radius: 28px;
  width: 60px;
}
.counter--wide[b-fixf5a07ui] {
  width: 100%;
}
/* _content/BlazorWebApp/UI/Elements/Templates/SwitchCounter/SwitchCounter04.razor.rz.scp.css */
.counter[b-gq48xk8edc] {
  background: var(--clr-surface);
  border: 1px solid var(--clr-frame);
  border-radius: 18px;
  display: flex;
  justify-content: space-between;
  height: 36px;
  min-width: 126px;
  padding: 3px;
}
.counter__value-container[b-gq48xk8edc] {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: 0.3s all ease;
  width: 100%;
}
.counter__value-container:hover[b-gq48xk8edc] {
  color: var(--clr-alt-on-surface);
}
.counter__value[b-gq48xk8edc] {
  font-weight: 500;
}
.counter .counter-btn[b-gq48xk8edc] {
  border: none;
  border-radius: 16px;
  background-color: var(--clr-extra-light);
  cursor: pointer;
  flex-shrink: 0;
  outline: none;
  padding: 0;
  transition: 0.3s all ease;
  width: 32px;
}
.counter .counter-btn:hover[b-gq48xk8edc] {
  filter: brightness(0.9);
}
.counter .counter-btn:active[b-gq48xk8edc] {
  filter: brightness(0.8);
}
.counter .counter-btn:disabled[b-gq48xk8edc] {
  background: inherit;
}
.counter .counter-btn:disabled .counter-btn__icon--minus[b-gq48xk8edc]:before, .counter .counter-btn:disabled .counter-btn__icon--minus[b-gq48xk8edc]:after, .counter .counter-btn:disabled .counter-btn__icon--plus[b-gq48xk8edc]:before, .counter .counter-btn:disabled .counter-btn__icon--plus[b-gq48xk8edc]:after {
  background-color: var(--clr-disabled);
}
.counter .counter-btn__icon[b-gq48xk8edc] {
  display: flex;
  height: 12px;
  margin: auto;
  position: relative;
  width: 12px;
}
.counter .counter-btn__icon--minus[b-gq48xk8edc]::before, .counter .counter-btn__icon--minus[b-gq48xk8edc]::after, .counter .counter-btn__icon--plus[b-gq48xk8edc]::before, .counter .counter-btn__icon--plus[b-gq48xk8edc]::after {
  background-color: var(--clr-alt-on-surface);
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
}
.counter .counter-btn__icon--minus[b-gq48xk8edc]::before, .counter .counter-btn__icon--plus[b-gq48xk8edc]::before {
  height: 2px;
  width: 100%;
}
.counter .counter-btn__icon--plus[b-gq48xk8edc]::after {
  height: 100%;
  width: 2px;
}
.counter--large[b-gq48xk8edc] {
  border-radius: 28px;
  height: 56px;
}
.counter--large .counter-btn[b-gq48xk8edc] {
  border-radius: 28px;
  width: 60px;
}
.counter--wide[b-gq48xk8edc] {
  width: 100%;
}
/* _content/BlazorWebApp/UI/Elements/Templates/SwitchCounter/SwitchCounterModal.razor.rz.scp.css */
.counter-modal[b-8yphd1qtgf] {
  display: flex;
  flex-direction: column;
}
.counter-modal__label[b-8yphd1qtgf] {
  color: var(--clr-alt-on-surface);
  font-size: 1rem;
  line-height: 1.33;
  margin: 0 0 4px;
}
.counter-modal__button-wrapper[b-8yphd1qtgf] {
  margin: 8px auto 0 auto;
}
/* _content/BlazorWebApp/UI/Elements/Timer.razor.rz.scp.css */
.timer[b-kyf9drryyc] {
  text-align: center;
}
.timer__title[b-kyf9drryyc] {
  margin: 0 0 8px 0;
}
.timer__retry[b-kyf9drryyc] {
  display: none;
  color: var(--clr-primary);
  cursor: pointer;
  transition: 0.3s all ease;
}
.timer__retry:hover[b-kyf9drryyc] {
  filter: brightness(0.9);
}
.timer__retry:active[b-kyf9drryyc] {
  filter: brightness(0.8);
}
/* _content/BlazorWebApp/UI/Elements/ToggleSwitch.razor.rz.scp.css */
.switch[b-5qmadcm3zl] {
  display: flex;
}
.switch__inner[b-5qmadcm3zl] {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 24px;
  margin: auto 12px auto 0;
}
.switch__round[b-5qmadcm3zl] {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--clr-frame);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 18px;
  border: 1px solid var(--clr-frame);
}
.switch__round[b-5qmadcm3zl]::before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  left: 4px;
  bottom: 6px;
  background-color: var(--clr-surface);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}
.switch__title[b-5qmadcm3zl] {
  display: block;
  line-height: 2.28;
}
.switch__label[b-5qmadcm3zl] {
  display: block;
  margin-top: 4px;
  font-size: 0.86rem;
  color: var(--clr-alt-on-surface);
}
.switch__input[b-5qmadcm3zl] {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch__input:hover + .switch__round[b-5qmadcm3zl] {
  background-color: var(--clr-extra);
}
.switch__input:checked + .switch__round[b-5qmadcm3zl]:before {
  background-color: var(--clr-primary);
}
.switch__input:checked + .switch__round[b-5qmadcm3zl]:before {
  -webkit-transform: translateX(14px);
  -ms-transform: translateX(14px);
  transform: translateX(14px);
}
.switch--disabled__round[b-5qmadcm3zl] {
  background-color: var(--clr-disabled);
}
.switch--disabled__round[b-5qmadcm3zl]:before {
  background-color: var(--clr-frame);
}
/* _content/BlazorWebApp/UI/General/Breadcrumbs.razor.rz.scp.css */
ul[b-d6j5aibs3j] {
  padding: 0;
  list-style: none;
  margin: 0;
}
ul[b-d6j5aibs3j]  > li {
  display: inline;
}
ul[b-d6j5aibs3j]  > li a {
  font-size: 1rem;
  line-height: 1.21;
  color: var(--clr-alt-on-background);
}
ul[b-d6j5aibs3j]  > li:hover a {
  color: var(--clr-on-background);
}
ul[b-d6j5aibs3j]  li + li:before {
  margin: 4px 12px 6px 12.6px;
  border-style: solid;
  border-width: 0.15em 0.15em 0 0;
  content: "";
  display: inline-block;
  height: 0.55em;
  position: relative;
  transform: rotate(45deg);
  vertical-align: top;
  width: 0.55em;
  color: var(--clr-on-disabled);
}
/* _content/BlazorWebApp/UI/General/EmptyView.razor.rz.scp.css */
.plug[b-1zc4yx9unh] {
  margin: 40px auto 20px auto;
  text-align: center;
}
.plug-image[b-1zc4yx9unh] {
  margin: auto;
  max-width: 480px;
}
.plug-image[b-1zc4yx9unh]:before {
  content: "";
  padding-top: 100%;
  float: left;
}
.plug-image img[b-1zc4yx9unh] {
  width: 100%;
}
.plug-header[b-1zc4yx9unh] {
  margin-top: 20px;
}
.plug-text[b-1zc4yx9unh] {
  color: var(--clr-alt-on-background);
  margin-bottom: 16px;
}
/* _content/BlazorWebApp/UI/General/ErrorView.razor.rz.scp.css */
.plug[b-3m2h4xb38k] {
  margin: 40px auto 20px auto;
  text-align: center;
  word-break: break-word;
}
.plug-image[b-3m2h4xb38k] {
  margin: auto;
  max-width: 480px;
}
.plug-image[b-3m2h4xb38k]:before {
  content: "";
  padding-top: 100%;
  float: left;
}
.plug-image img[b-3m2h4xb38k] {
  width: 100%;
}
.plug-header[b-3m2h4xb38k] {
  margin-top: 20px;
}
.plug-text[b-3m2h4xb38k] {
  color: var(--clr-alt-on-background);
  margin-bottom: 16px;
}
/* _content/BlazorWebApp/UI/General/Loader.razor.rz.scp.css */
.loader[b-zx75gc2e2v],
.loader[b-zx75gc2e2v]:after {
  border-radius: 100%;
  width: 36px;
  height: 36px;
}

.loader[b-zx75gc2e2v] {
  margin-left: auto;
  margin-right: auto;
  font-size: 4px;
  position: relative;
  text-indent: -999999px;
  border-top: 4px solid var(--clr-on-disabled);
  border-right: 4px solid var(--clr-on-disabled);
  border-bottom: 4px solid var(--clr-on-disabled);
  border-left: 4px solid var(--clr-primary);
  transform: translateZ(0);
  animation: load8-b-zx75gc2e2v 1s infinite linear;
}
.loader--absolute[b-zx75gc2e2v] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0%);
}

@keyframes load8-b-zx75gc2e2v {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* _content/BlazorWebApp/UI/General/NotFoundView.razor.rz.scp.css */
.plug[b-8varubbhgt] {
  margin: 40px auto 20px auto;
  text-align: center;
  word-break: break-word;
}
.plug-image[b-8varubbhgt] {
  margin: auto;
  max-width: 480px;
}
.plug-image[b-8varubbhgt]:before {
  content: "";
  padding-top: 100%;
  float: left;
}
.plug-image img[b-8varubbhgt] {
  width: 100%;
}
.plug-header[b-8varubbhgt] {
  margin-top: 20px;
}
.plug-text[b-8varubbhgt] {
  color: var(--clr-alt-on-background);
  margin-bottom: 16px;
}
/* _content/BlazorWebApp/UI/General/Pagination.razor.rz.scp.css */
.pagination[b-7ile60h6xr] {
  background: var(--clr-surface);
  border: 1px solid var(--clr-frame);
  border-radius: 8px;
  color: var(--clr-on-background);
  display: flex;
  justify-content: center;
  margin: 6px 0 0 0;
  padding: 8px;
}
.pagination__item[b-7ile60h6xr] {
  border-radius: 4px;
  display: inline-flex;
  height: 36px;
  position: relative;
  text-align: center;
  transition: 0.3s all ease;
  width: 36px;
}
.pagination__link[b-7ile60h6xr] {
  cursor: pointer;
  height: 100%;
  line-height: 36px;
  transition: 0.3s all ease;
  width: 100%;
}
.pagination__link[b-7ile60h6xr]:after {
  background: var(--clr-primary);
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  top: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease-out;
  position: absolute;
  width: 100%;
}
.pagination__link:hover[b-7ile60h6xr], .pagination__link:active[b-7ile60h6xr], .pagination__link--active[b-7ile60h6xr] {
  color: var(--clr-primary);
}
.pagination__link:hover[b-7ile60h6xr]:after {
  opacity: 0.1;
}
.pagination__link:active[b-7ile60h6xr]:after {
  opacity: 0.2;
}
.pagination__link--active[b-7ile60h6xr]:after, .pagination__link--active:hover[b-7ile60h6xr]::after {
  opacity: 0.2;
}
.pagination__link--disabled[b-7ile60h6xr] {
  color: var(--clr-disabled);
  pointer-events: none;
}
.pagination__chevron[b-7ile60h6xr] {
  color: var(--clr-extra);
}
.pagination__chevron:hover[b-7ile60h6xr] {
  filter: brightness(0.9);
}
.pagination__chevron:active[b-7ile60h6xr] {
  filter: brightness(0.8);
}
.pagination__dots[b-7ile60h6xr] {
  cursor: default;
  display: inline-flex;
}
.pagination__dots-inner[b-7ile60h6xr] {
  margin: auto;
}
/* _content/BlazorWebApp/UI/MainLayout.razor.rz.scp.css */
.page[b-849sfhabzh] {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
}

.main[b-849sfhabzh] {
  flex: 1;
}

.sidebar[b-849sfhabzh] {
  background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-849sfhabzh] {
  background-color: #f7f7f7;
  border-bottom: 1px solid #d6d5d5;
  justify-content: flex-end;
  height: 3.5rem;
  display: flex;
  align-items: center;
}

.top-row[b-849sfhabzh]  a, .top-row .btn-link[b-849sfhabzh] {
  white-space: nowrap;
  margin-left: 1.5rem;
}

.top-row a:first-child[b-849sfhabzh] {
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 640.98px) {
  .top-row:not(.auth)[b-849sfhabzh] {
    display: none;
  }
  .top-row.auth[b-849sfhabzh] {
    justify-content: space-between;
  }
  .top-row a[b-849sfhabzh], .top-row .btn-link[b-849sfhabzh] {
    margin-left: 0;
  }
}
@media (min-width: 641px) {
  .page[b-849sfhabzh] {
    flex-direction: row;
  }
  .sidebar[b-849sfhabzh] {
    width: 250px;
    height: 100vh;
    position: sticky;
    top: 0;
  }
  .top-row[b-849sfhabzh] {
    position: sticky;
    top: 0;
    z-index: 1;
  }
  .main > div[b-849sfhabzh] {
    padding-left: 2rem !important;
    padding-right: 1.5rem !important;
  }
}
/* _content/BlazorWebApp/UI/NavMenu.razor.rz.scp.css */
.nav[b-b906k5l87c] {
  background: red;
}