/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/simple-keyboard/build/css/index.css ***!
  \******************************************************************************************************************************************************************************************************************************************/
/*!
 * 
 *   simple-keyboard v3.7.81
 *   https://github.com/hodgef/simple-keyboard
 *
 *   Copyright (c) Francisco Hodge (https://github.com/hodgef) and project contributors.
 *
 *   This source code is licensed under the MIT license found in the
 *   LICENSE file in the root directory of this source tree.
 *
 */.hg-theme-default{background-color:#ececec;border-radius:5px;box-sizing:border-box;font-family:HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;overflow:hidden;padding:5px;touch-action:manipulation;-webkit-user-select:none;user-select:none;width:100%}.hg-theme-default .hg-button span{pointer-events:none}.hg-theme-default button.hg-button{border-width:0;font-size:inherit;outline:0}.hg-theme-default .hg-button{display:inline-block;flex-grow:1}.hg-theme-default .hg-row{display:flex}.hg-theme-default .hg-row:not(:last-child){margin-bottom:5px}.hg-theme-default .hg-row .hg-button-container,.hg-theme-default .hg-row .hg-button:not(:last-child){margin-right:5px}.hg-theme-default .hg-row>div:last-child{margin-right:0}.hg-theme-default .hg-row .hg-button-container{display:flex}.hg-theme-default .hg-button{align-items:center;background:#fff;border-bottom:1px solid #b5b5b5;border-radius:5px;box-shadow:0 0 3px -1px rgba(0,0,0,.3);box-sizing:border-box;cursor:pointer;display:flex;height:40px;justify-content:center;padding:5px;-webkit-tap-highlight-color:rgba(0,0,0,0)}.hg-theme-default .hg-button.hg-standardBtn{width:20px}.hg-theme-default .hg-button.hg-activeButton{background:#efefef}.hg-theme-default.hg-layout-numeric .hg-button{align-items:center;display:flex;height:60px;justify-content:center;width:33.3%}.hg-theme-default .hg-button.hg-button-numpadadd,.hg-theme-default .hg-button.hg-button-numpadenter{height:85px}.hg-theme-default .hg-button.hg-button-numpad0{width:105px}.hg-theme-default .hg-button.hg-button-com{max-width:85px}.hg-theme-default .hg-button.hg-standardBtn.hg-button-at{max-width:45px}.hg-theme-default .hg-button.hg-selectedButton{background:rgba(5,25,70,.53);color:#fff}.hg-theme-default .hg-button.hg-standardBtn[data-skbtn=".com"]{max-width:82px}.hg-theme-default .hg-button.hg-standardBtn[data-skbtn="@"]{max-width:60px}.hg-candidate-box{background:#ececec;border-bottom:2px solid #b5b5b5;border-radius:5px;display:inline-flex;margin-top:-10px;position:absolute;transform:translateY(-100%);-webkit-user-select:none;user-select:none}ul.hg-candidate-box-list{display:flex;flex:1;list-style:none;margin:0;padding:0}li.hg-candidate-box-list-item{align-items:center;display:flex;height:40px;justify-content:center;width:40px}li.hg-candidate-box-list-item:hover{background:rgba(0,0,0,.03);cursor:pointer}li.hg-candidate-box-list-item:active{background:rgba(0,0,0,.1)}.hg-candidate-box-prev:before{content:"◄"}.hg-candidate-box-next:before{content:"►"}.hg-candidate-box-next,.hg-candidate-box-prev{align-items:center;color:#969696;cursor:pointer;display:flex;padding:0 10px}.hg-candidate-box-next{border-bottom-right-radius:5px;border-top-right-radius:5px}.hg-candidate-box-prev{border-bottom-left-radius:5px;border-top-left-radius:5px}.hg-candidate-box-btn-active{color:#444}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.show-md,
.show-sm,
.show-lg {
  display: none;
}

@font-face {
  font-family: "inter";
  src: url('Inter-Bold.f6dbe2ddb99bb60f.woff') format("woff");
  font-display: auto;
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
}
@font-face {
  font-family: "inter";
  src: url('Inter-Regular.732fbb004fed9144.woff') format("woff");
  font-display: auto;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
}
@font-face {
  font-family: "kiosko";
  src: url('kiosko.8f88d746a8174f12.woff?in57d3') format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "kiosko" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

i[class^=icon-].icon--xs {
  font-size: 1.5rem;
}
i[class^=icon-].icon--sm {
  font-size: 2.5rem;
}
i[class^=icon-].icon--md {
  font-size: 4rem;
}
i[class^=icon-].icon--lg {
  font-size: 8rem;
}

.icon-passport:before {
  content: "\e920";
}

.icon-dni:before {
  content: "\e921";
}

.icon-gb:before {
  content: "\e91f";
}

.icon-file:before {
  content: "\e91e";
}

.icon-mobile:before {
  content: "\e922";
}

.icon-present:before {
  content: "\e923";
}

.icon-triangle-down:before {
  content: "\e924";
}

.icon-triangle-up:before {
  content: "\e925";
}

.icon-card:before {
  content: "\e900";
}

.icon-roaming:before {
  content: "\e901";
}

.icon-e-sim:before {
  content: "\e902";
}

.icon-esim-1:before {
  content: "\e903";
}

.icon-sim-2:before {
  content: "\e904";
}

.icon-euro:before {
  content: "\e905";
}

.icon-printer:before {
  content: "\e906";
}

.icon-top-up-euro:before {
  content: "\e907";
}

.icon-esim:before {
  content: "\e908";
}

.icon-sim:before {
  content: "\e909";
}

.icon-chevron-left:before {
  content: "\e90a";
}

.icon-check:before {
  content: "\e90b";
}

.icon-mail:before {
  content: "\e90c";
}

.icon-enter:before {
  content: "\e90d";
}

.icon-chevron-down:before {
  content: "\e90e";
}

.icon-chevron-up:before {
  content: "\e90f";
}

.icon-less:before {
  content: "\e910";
}

.icon-add:before {
  content: "\e911";
}

.icon-log-out:before {
  content: "\e912";
}

.icon-internet:before {
  content: "\e913";
}

.icon-call:before {
  content: "\e914";
}

.icon-close:before {
  content: "\e915";
}

.icon-language-2:before {
  content: "\e916";
}

.icon-help:before {
  content: "\e917";
}

.icon-info:before {
  content: "\e918";
}

.icon-check-rounded:before {
  content: "\e919";
}

.icon-erase:before {
  content: "\e91a";
}

.icon-arrow-right:before {
  content: "\e91b";
}

.icon-arrow-left:before {
  content: "\e91c";
}

.icon-accessibility:before {
  content: "\e91d";
}

/*
  1. Use a more-intuitive box-sizing model.
*/
*,
*::before,
*::after {
  box-sizing: border-box;
}

/*
  2. Remove default margin
*/
* {
  margin: 0;
}

/*
  3. Allow percentage-based heights in the application
*/
html,
body {
  height: 100%;
}

/*
  Typographic tweaks!
  4. Add accessible line-height
  5. Improve text rendering
*/
body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

/*
  6. Improve media defaults
*/
img,
picture,
video,
canvas,
svg {
  max-width: 100%;
  height: auto;
}

video {
  display: block;
}

/*
  7. Remove built-in form typography styles
*/
input,
button,
textarea,
select {
  font: inherit;
}

/*
  8. Avoid text overflows
*/
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}

/*
  9. Create a root stacking context
*/
#root,
#__next {
  isolation: isolate;
}

.footer {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
  background-color: #FFFFFF;
  border-top: 1px solid #D6D6D6;
  padding: var(--size-xl) var(--size-3xl);
  gap: var(--size-md);
}
.footer .button--sm {
  min-width: inherit;
}

.nav {
  flex-shrink: 0;
  -ms-flex-shrink: 0;
  -webkit-flex-shrink: 0;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  background-color: #FFFFFF;
  padding: var(--size-xl) var(--size-3xl);
  gap: var(--size-md);
  border-top: 1px solid #D6D6D6;
}
.nav > span {
  font: 400 1.5rem/2rem inter, sans-serif;
  color: #595959;
}
.nav > span a {
  color: #595959;
}
.nav .button-group {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  gap: var(--size-md);
}
.nav .button-group button {
  flex: 1;
}
.nav .spinner {
  max-width: 9rem;
}

.card {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  gap: var(--size-xl);
  padding: var(--size-xl);
  border-radius: 4px;
  border: 1px solid #D6D6D6;
  background: #FFFFFF;
  text-align: center;
}
.card__text {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  gap: var(--size-sm);
}
.card__text > span {
  font: 400 1.5rem/2rem inter, sans-serif;
}
.card--sm {
  padding: var(--size-lg) var(--size-md);
}
.card:active {
  background: #FAFAFA;
}
.card--selected {
  border-color: #000000;
  outline: 2px solid #000000;
}
.card--pressed {
  border-color: #D6D6D6;
  outline: 2px solid #D6D6D6;
  background: #FAFAFA;
}
.card-group {
  display: flex;
  display: -webkit-flex;
  gap: var(--size-3xl);
}
.card-group app-card,
.card-group .card {
  flex: 1;
}
.card-group app-card .card,
.card-group .card .card {
  height: 100%;
}
.card[disabled] {
  background-color: #FAFAFA;
  pointer-events: none;
  color: #595959;
}
.card[disabled] h3 {
  color: #595959;
}
.card[disabled] i[class^=icon-] {
  color: #8F8F8F;
}

.keyboard {
  border-top: 1px solid #EEEEEE;
  background: #FFFFFF;
  box-shadow: 8px -8px 40px 0px rgba(0, 0, 0, 0.05);
  padding: var(--size-xl);
}
.keyboard .hg-theme-default {
  background: #FFFFFF;
  border-radius: 0;
  font: 400 2rem/2.5rem inter, sans-serif;
  font-weight: 700;
  color: #595959;
  padding: 0;
}
.keyboard .hg-theme-default .hg-row:not(:last-child) {
  margin: 0;
}
.keyboard .hg-theme-default .hg-row:last-child {
  padding-top: var(--size-2xs);
}
.keyboard .hg-theme-default .hg-row:last-child .hg-button {
  flex-grow: inherit;
  -ms-flex-grow: inherit;
  -webkit-flex-grow: inherit;
  flex-shrink: 0;
  -ms-flex-shrink: 0;
  -webkit-flex-shrink: 0;
}
.keyboard .hg-theme-default .hg-row:last-child .hg-button.hg-button-alt {
  width: -moz-fit-content;
  width: fit-content;
}
.keyboard .hg-theme-default .hg-row:last-child .hg-button.hg-button-space {
  flex-grow: 2;
  -ms-flex-grow: 2;
  -webkit-flex-grow: 2;
}
.keyboard .hg-theme-default .hg-button {
  box-shadow: none;
  padding: var(--size-md);
  border-radius: 0;
  border-bottom: none;
  width: 6.25rem;
  height: 6.25rem;
  border-radius: 16px;
}
.keyboard .hg-theme-default .hg-button.hg-activeButton:not(.hg-button-space) {
  background-color: #EEEEEE;
}
.keyboard .hg-theme-default .hg-button.hg-button-bksp:before {
  content: "\e91a";
  font-family: "kiosko" !important;
  font-size: 2.5rem;
}
.keyboard .hg-theme-default .hg-button.hg-button-bksp span {
  display: none;
}
.keyboard .hg-theme-default .hg-button.hg-button-enter:before {
  content: "\e90d";
  font-family: "kiosko" !important;
  font-size: 2.5rem;
  transform: scaleY(-1);
  filter: FlipV;
}
.keyboard .hg-theme-default .hg-button.hg-button-enter span {
  display: none;
}
.keyboard .hg-theme-default .hg-button.hg-button-space span {
  background-color: #EEEEEE;
  border-radius: 16px;
  height: 5rem;
  width: 100%;
}
.keyboard .hg-theme-default .hg-button.hg-button-space.hg-activeButton {
  background-color: transparent;
}
.keyboard .hg-theme-default .hg-button.hg-button-space.hg-activeButton span {
  background-color: #D6D6D6;
}
.keyboard .hg-theme-default .hg-button.hg-button-shiftactivated {
  background-color: #EEEEEE;
}
.keyboard .hg-theme-default .hg-row .hg-button-container,
.keyboard .hg-theme-default .hg-row .hg-button:not(:last-child) {
  margin-right: 0;
}
.keyboard .hg-theme-default.hg-layout-numeric {
  max-width: 22.5rem;
  margin: 0 auto;
}
.keyboard .hg-theme-default.hg-layout-numeric .hg-rows,
.keyboard .hg-theme-default.hg-layout-numeric .hg-row {
  gap: var(--size-md);
  justify-content: center;
}
.keyboard .hg-theme-default.hg-layout-numeric .hg-button {
  border-radius: 116px;
  border: 1px solid #D6D6D6;
  width: 5.5rem;
  height: 5.5rem;
  flex-grow: 0;
}
.keyboard .hg-theme-default.hg-layout-numeric .hg-row {
  margin-top: var(--size-md);
}
.keyboard .hg-theme-default.hg-layout-numeric .hg-row:last-child {
  padding-top: 0;
}
.keyboard .hg-theme-default.hg-layout-numeric .hg-row:last-child .hg-button {
  flex-grow: 0;
}
.keyboard .hg-theme-default.hg-layout-numeric .hg-row:last-child .hg-button:first-child {
  opacity: 0;
  pointer-events: none;
}
.keyboard .hg-theme-default.hg-layout-numeric-accessibility {
  margin: 0 auto;
}
.keyboard .hg-theme-default.hg-layout-numeric-accessibility .hg-rows,
.keyboard .hg-theme-default.hg-layout-numeric-accessibility .hg-row {
  gap: var(--size-xs);
  justify-content: center;
}
.keyboard .hg-theme-default.hg-layout-numeric-accessibility .hg-button {
  border-radius: 116px;
  border: 1px solid #D6D6D6;
  width: 5.5rem;
  height: 5.5rem;
  flex-grow: 0;
}
.keyboard .hg-theme-default.hg-layout-numeric-accessibility .hg-row {
  margin-top: var(--size-md);
}
.keyboard .hg-theme-default.hg-layout-numeric-accessibility .hg-row:last-child {
  padding-top: 0;
}
.keyboard .hg-theme-default.hg-layout-numeric-accessibility .hg-row:last-child .hg-button {
  flex-grow: 0;
}
.keyboard .hg-theme-default.hg-layout-numeric-accessibility .hg-row:last-child .hg-button:first-child {
  opacity: 0;
  pointer-events: none;
}
.keyboard.hidden {
  display: none;
}

.header__title {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  gap: var(--size-xl);
  padding: var(--size-3xl);
}
.header__title__logo {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  max-width: 4.5rem;
}

.carousel {
  position: relative;
  height: 100%;
}
.carousel__item {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.carousel__item.show {
  opacity: 1;
  transition: all 0.3s ease-in-out;
}

.item {
  border: 1px solid #D6D6D6;
  width: 100%;
}
.item__tarifa {
  padding: var(--size-2xs);
  background-color: #4BB4E6;
  min-width: 17.75rem;
  width: -moz-fit-content;
  width: fit-content;
}
.item__tarifa--green {
  background-color: #50BE87;
}
.item__tarifa--purple {
  background-color: #A885D8;
}
.item__body {
  display: flex;
  display: -webkit-flex;
  gap: var(--size-md);
  padding: var(--size-sm) var(--size-md);
}
.item__body__title {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  gap: var(--size-md);
  flex-grow: 2;
  -ms-flex-grow: 2;
  -webkit-flex-grow: 2;
}
.item__body__title .title__content {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  gap: var(--size-xl);
}
.item__body__title .title__content__info {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
}
.item__body__title .title__content__info h3 {
  color: #FF7900;
  margin-bottom: var(--size-md);
}
.item__body__title .title__content__info .alert {
  width: 100%;
  font: 400 0.875rem/1.5rem inter, sans-serif;
  line-height: 1.125rem;
  color: #000000;
  gap: var(--size-2xs);
  padding: var(--size-3xs) var(--size-2xs);
  margin-top: var(--size-3xs);
}
.item__body__title .title__content__info .alert i {
  color: #000000;
}
.item__body__title .title__content__quantity {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  gap: var(--size-2xs);
}
.item__body__title .title__content__quantity h4 {
  padding: 2.5rem;
}
.item__body__details {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  flex-shrink: 0;
  -ms-flex-shrink: 0;
  -webkit-flex-shrink: 0;
  gap: var(--size-xl);
  max-width: 60%;
  width: 100%;
}
.item__body__details .details__info {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  gap: var(--size-md);
}
.item__body__details .details__buttons {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  flex-shrink: 0;
  -ms-flex-shrink: 0;
  -webkit-flex-shrink: 0;
  gap: var(--size-md);
}
.item__body .alert {
  width: 100%;
}
.item-group {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  gap: var(--size-3xl);
}
.item-group--sm {
  gap: var(--size-sm);
}
.item--sm {
  border: 1px solid #000000;
}
.item--sm .item__body {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  gap: var(--size-2xs);
}
.item--sm .item__body__title {
  color: #595959;
}
.item--sm .item__body__text {
  font: 400 1.125rem/1.625rem inter, sans-serif;
  color: #000000;
}

.divider {
  border-left: 1px solid #D6D6D6;
}

.price {
  display: flex;
  display: -webkit-flex;
  align-items: flex-end;
  -ms-align-items: flex-end;
  -webkit-align-items: flex-end;
}
.price h5 {
  padding: var(--size-xs) 0;
}

.info-group {
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  -ms-align-items: flex-start;
  -webkit-align-items: flex-start;
  gap: var(--size-sm);
}
.info-group__text {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  font: 400 1.125rem/1.625rem inter, sans-serif;
}
.info-group__text label {
  font-weight: 700;
}
.info-group__text span {
  color: #8F8F8F;
}

.accessibility-block {
  height: 0;
  flex-shrink: 0;
  -ms-flex-shrink: 0;
  -webkit-flex-shrink: 0;
  padding: 0 var(--size-2xs);
  background-color: #000000;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  transition: all 0.5s ease-in-out;
}
.accessibility-block img {
  max-width: 9.5rem;
  opacity: 0;
  transition: all 0.15s ease-in-out;
}

.list__item {
  padding: var(--size-md);
  border-bottom: 1px solid #D6D6D6;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  gap: var(--size-2xs);
}
.list__item__product {
  font: 400 1.125rem/1.625rem inter, sans-serif;
  color: #595959;
}
.list__item__details {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  gap: var(--size-md);
}
.list__item__details .details__name {
  font: 400 2rem/2.5rem inter, sans-serif;
}
.list__item__details .details__name__image img {
  max-height: 3.625rem;
  width: 100%;
}
.list__item__details .details__info {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  gap: var(--size-md);
  font: 400 1.5rem/2rem inter, sans-serif;
  color: #595959;
}
.list__item__details .details__info h5 {
  width: 7.5rem;
  text-align: center;
  padding: var(--size-2xs) var(--size-sm);
}
.list__item__details .details__info .button--xs {
  color: #595959;
}
.list--documents {
  border-top: 1px solid #D6D6D6;
}
.list--documents .list__item {
  padding: 1.5rem 0.5rem;
  gap: 1rem;
}

.animate-check {
  display: inline-block;
  vertical-align: top;
  height: 8.4375rem;
  width: 8.4375rem;
  opacity: 1;
  overflow: visible;
}
@keyframes success-tick {
  0% {
    stroke-dashoffset: 16px;
    opacity: 1;
  }
  100% {
    stroke-dashoffset: 31px;
    opacity: 1;
  }
}
@keyframes success-circle-outline {
  0% {
    stroke-dashoffset: 72px;
    opacity: 1;
  }
  100% {
    stroke-dashoffset: 0px;
    opacity: 1;
  }
}
@keyframes success-circle-fill {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.animate-check .success-tick {
  fill: none;
  stroke-width: 2px;
  stroke: #FFFFFF;
  stroke-dasharray: 15px, 15px;
  stroke-dashoffset: -14px;
  animation: success-tick 450ms ease 1400ms forwards;
  opacity: 0;
}
.animate-check .success-circle-outline {
  fill: none;
  stroke-width: 1px;
  stroke: #228722;
  stroke-dasharray: 72px, 72px;
  stroke-dashoffset: 72px;
  animation: success-circle-outline 300ms ease-in-out 800ms forwards;
  opacity: 0;
}
.animate-check .success-circle-fill {
  fill: #228722;
  stroke: none;
  opacity: 0;
  animation: success-circle-fill 300ms ease-out 1100ms forwards;
}

.loader {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  flex-grow: 2;
  -ms-flex-grow: 2;
  -webkit-flex-grow: 2;
  gap: var(--size-4xl);
  font: 400 2rem/2.5rem inter, sans-serif;
  text-align: center;
  max-width: 48rem;
  margin: auto;
}
.loader ng-lottie {
  min-height: 32.5rem;
}
.loader .spinner {
  animation: rotateSpinner 1.5s linear infinite;
}
@keyframes rotateSpinner {
  to {
    transform: rotate(360deg);
  }
}
.loader__text {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  gap: var(--size-md);
}
.loader__text__description {
  color: #8F8F8F;
  font: 400 1.5rem/2rem inter, sans-serif;
}

.progress__bar {
  position: relative;
  height: 1rem;
  background-color: #EEEEEE;
  width: 100%;
}
.progress__bar__color {
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: #FF7900;
  transition: all 1s ease-in-out;
}
.progress--sucess .progress__bar__color {
  background-color: #228722;
}
.progress--error .progress__bar__color {
  background-color: #CD3C14;
}
.progress--sm .progress__bar {
  height: 0.25rem;
}
.progress--lg .progress__bar {
  height: 1rem;
}

.alert {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  gap: var(--size-2xs);
  background-color: #FFFBE5;
  padding: var(--size-2xs) var(--size-sm);
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
.alert i[class^=icon-] {
  color: #FFD200;
  font-size: 1.5rem;
  flex-shrink: 0;
  -ms-flex-shrink: 0;
  -webkit-flex-shrink: 0;
}
.alert svg {
  flex-shrink: 0;
  -ms-flex-shrink: 0;
  -webkit-flex-shrink: 0;
}
.alert--sm {
  padding: 0;
  background-color: transparent;
  font: 400 1.5rem/2rem inter, sans-serif;
}
.alert--sm.success i[class^=icon-] {
  color: #228722;
}
.alert--md {
  padding: var(--size-sm) var(--size-md);
  font: 400 1.5rem/2rem inter, sans-serif;
  gap: 1.5rem;
}
.alert--info {
  background-color: #B5E8F7;
  padding: var(--size-sm) var(--size-md);
  width: 100%;
  font: 400 1.125rem/1.625rem inter, sans-serif;
}
.alert--info i[class^=icon-] {
  font-size: 2.5rem;
  color: #000000;
}
.alert--animated {
  opacity: 0;
  transform: translateY(5px);
  transition: all 0.15s ease-in-out;
}
.alert--animated.show {
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.15s ease-in-out;
}
.alert-container {
  max-width: 50rem;
  width: 100%;
  margin: 0 auto;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  gap: 1.5rem;
}
.alert-container .alert {
  width: 100%;
}

.cart {
  border: 1px solid #D6D6D6;
  padding: var(--size-lg);
  box-shadow: 4px 8px 16px 0px rgba(0, 0, 0, 0.05);
  font: 400 1.5rem/2rem inter, sans-serif;
}
.cart__item {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
  gap: var(--size-4xl);
}
.cart--xl {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  gap: var(--size-3xl);
}
.cart--xl .cart__summary__item {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
  color: #595959;
}
.cart--xl .cart__summary__total {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
  padding-top: var(--size-md);
  margin-top: var(--size-md);
  border-top: 1px solid #D6D6D6;
}
.cart--xl .cart__summary__total .total__text {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  align-items: flex-start;
  -ms-align-items: flex-start;
  -webkit-align-items: flex-start;
}
.cart--xl .cart__summary__total .total__text span {
  font: 400 1.125rem/1.625rem inter, sans-serif;
  color: #595959;
}
.cart--xl .cart__actions .button {
  width: 100%;
}
.cart-operation {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  gap: var(--size-md);
  border: 1px solid #D6D6D6;
  padding: var(--size-md) var(--size-xl);
  box-shadow: 4px 8px 16px 0px rgba(0, 0, 0, 0.05);
  font: 400 2rem/2.5rem inter, sans-serif;
}
.cart-operation__values {
  display: flex;
  display: -webkit-flex;
  gap: var(--size-4xl);
}
.cart-operation__values__total, .cart-operation__values__miss {
  flex: 1;
  text-align: center;
}
.cart-operation .alert {
  align-self: center;
}

.image-group {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  gap: 1.5rem;
}
.image-group__text {
  text-align: center;
  color: #595959;
  font: 400 0.875rem/1.5rem inter, sans-serif;
}
.image-group-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.5rem;
  padding: 1rem 2.5rem;
}

.input-quantity {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  border: 2px solid #D6D6D6;
  background-color: #FFFFFF;
  width: -moz-fit-content;
  width: fit-content;
}
.input-quantity .input {
  border: none;
  min-width: 2rem;
  max-width: 2.5rem;
  padding: var(--size-2xs);
  text-align: center;
  transition: none;
  font: 400 1.125rem/1.625rem inter, sans-serif;
  font-weight: 700;
  color: #000000;
}
.input-quantity .input[type=number] {
  appearance: textfield;
}
.input-quantity .input::-webkit-outer-spin-button, .input-quantity .input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.input-quantity .button-icon {
  background-color: transparent;
  border: none;
}
.input-quantity .button-icon i[class^=icon-] {
  font-size: 1.5rem;
}
.input-quantity .button-icon[disabled] {
  background-color: var(--color-neutral-02);
}
.input-quantity .button-icon[disabled] i[class^=icon-] {
  color: var(--color-neutral-04);
}
.input-quantity--sm .button-icon {
  padding: var(--size-2xs);
}

.input {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  width: 100%;
  font-family: "inter", sans-serif;
  background-color: #FFFFFF;
  border: 3px solid #D6D6D6;
  background-clip: padding-box;
  color: #000000;
  padding: var(--size-sm) var(--size-md);
  font: 400 1.5rem/2rem inter, sans-serif;
  font-weight: 700;
  appearance: none;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  resize: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 2rem;
}
.input::-webkit-outer-spin-button, .input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.input:disabled, .input.disabled {
  pointer-events: none;
  background-color: #EEEEEE;
  border-color: #D6D6D6;
  color: #8F8F8F;
}
.input::placeholder {
  color: #D6D6D6;
  opacity: 1;
}
.input:focus {
  outline: none;
  transition: border-color 0.15s ease-in-out;
  border-color: #000000;
}
.input--error, .input--error:focus {
  transition: border-color 0.15s ease-in-out;
  border-color: #CD3C14;
}

.collapse {
  border-bottom: 1px solid #D6D6D6;
}
.collapse:first-child {
  border-top: 1px solid #D6D6D6;
}
.collapse__header {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  gap: var(--size-sm);
  padding: var(--size-sm) var(--size-2xs);
  cursor: pointer;
}
.collapse__header__title {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  flex-grow: 2;
  -ms-flex-grow: 2;
  -webkit-flex-grow: 2;
  gap: var(--size-sm);
}
.collapse__header__title .title__text {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  gap: var(--size-3xs);
}
.collapse__header > i[class^=icon-] {
  flex-shrink: 0;
  -ms-flex-shrink: 0;
  -webkit-flex-shrink: 0;
  transition: transform 0.5s ease-in-out;
}
.collapse__body {
  max-height: 0;
  transition: max-height 0.35s ease-in-out, padding 0.35s ease-in-out;
  overflow: hidden;
  padding: 0 var(--size-2xs);
  color: #595959;
}
.collapse--expanded {
  position: relative;
}
.collapse--expanded .collapse__header > i[class^=icon-] {
  transform: rotate(-180deg);
  transition: transform 0.5s ease-in-out;
}
.collapse--expanded .collapse__body {
  max-height: 17.5rem;
  padding: 0 var(--size-2xs) var(--size-sm) var(--size-2xs);
  transition: max-height 0.35s ease-in-out, padding 0.35s ease-in-out;
  overflow: auto;
}
.collapse--expanded:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 3.25rem;
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 32%, rgba(255, 255, 255, 0.7287289916) 76%, rgba(255, 255, 255, 0) 100%);
  border-bottom: 1px solid #D6D6D6;
  opacity: 0;
  transition: opacity 0.15s ease-in-out;
}
.collapse--expanded.not-end:before {
  opacity: 1;
  transition: opacity 0.15s ease-in-out;
}
.collapse-group {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
}
.collapse--lg .collapse__header {
  padding: var(--size-md) var(--size-2xs);
}
.collapse--lg .collapse__header__title .title__text h5 {
  font: 700 1.5rem/2rem inter, sans-serif;
}
.collapse--lg .collapse__body {
  font: 400 1.125rem/1.625rem inter, sans-serif;
}
.collapse--lg .collapse__body ul {
  padding-left: 1.25rem;
}
.collapse--lg.collapse--expanded .collapse__body {
  padding-bottom: var(--size-md);
}
.collapse-carousel {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  gap: 2.5rem;
}
.collapse-carousel .collapse {
  opacity: 0;
  height: 0;
  visibility: hidden;
  transition: opacity 0.15s ease-in-out;
}
.collapse-carousel .collapse-group {
  border-top: 1px solid #D6D6D6;
}
.collapse-carousel .collapse__body {
  max-height: 100vh;
  padding: 0 var(--size-2xs) var(--size-sm) var(--size-2xs);
  transition: max-height 0.35s ease-in-out, padding 0.35s ease-in-out;
}
.collapse-carousel .collapse.show {
  opacity: 1;
  transition: opacity 0.15s ease-in-out;
  height: auto;
  visibility: visible;
}
.collapse-carousel__pagination {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  gap: 1.5rem;
}
.collapse-carousel__pagination span {
  font: 400 1.5rem/2rem inter, sans-serif;
}

.modal {
  background-color: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  padding: var(--size-lg);
  opacity: 0;
  visibility: hidden;
}
.modal__content {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  gap: var(--size-4xl);
  flex-grow: 2;
  -ms-flex-grow: 2;
  -webkit-flex-grow: 2;
  flex-shrink: 0;
  -ms-flex-shrink: 0;
  -webkit-flex-shrink: 0;
  background-color: #FFFFFF;
  max-width: 55rem;
  padding: var(--size-4xl);
  width: 100%;
}
.modal__content__body {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  gap: var(--size-xl);
}
.modal__content__body .button-toggle-group {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.modal__content__body .body__header {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  gap: var(--size-2xs);
}
.modal__content__body .body__header span {
  font: 400 1.5rem/2rem inter, sans-serif;
  color: #8F8F8F;
}
.modal__content__body > span {
  color: #8F8F8F;
}
.modal__content__buttons {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  gap: var(--size-md);
}
.modal.show {
  opacity: 1;
  visibility: visible;
  z-index: 10;
}

.mat-mdc-dialog-container .mdc-dialog__container {
  transition: none !important;
}

.modal-accessibility .modal {
  display: flex;
  display: -webkit-flex;
  align-items: flex-end;
  -ms-align-items: flex-end;
  -webkit-align-items: flex-end;
}

.button-icon {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  position: relative;
  background-color: #FFFFFF;
  border: 2px solid #000000;
  color: #000000;
  padding: var(--size-sm);
  transition: all 0.15s ease-in-out;
  cursor: pointer;
}
.button-icon i[class^=icon-] {
  font-size: 1.5rem;
  transition: all 0.15s ease-in-out;
}
.button-icon[disabled] {
  border-color: #D6D6D6;
  color: #D6D6D6;
}
.button-icon--xs {
  padding: var(--size-2xs);
}

.form-group {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  width: 100%;
  gap: var(--size-sm);
  color: #000000;
}
.form-group__text {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  gap: var(--size-4xs);
}
.form-group__text label {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  gap: var(--size-2xs);
  font: 400 1.5rem/2rem inter, sans-serif;
  font-weight: 700;
  color: #000000;
}
.form-group__input {
  position: relative;
}
.form-group__input > .button-icon {
  position: absolute;
  top: 50%;
  right: 3px;
  transform: translateY(-50%);
  border: none;
}
.form-group__error-message {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  gap: var(--size-2xs);
  font: 400 1.125rem/1.625rem inter, sans-serif;
  text-align: left;
}
.form-group__error-message i[class^=icon-] {
  color: #CD3C14;
}

.button-toggle {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  background-color: #FFFFFF;
  border: 2px solid #8F8F8F;
  color: #000000;
  font: 400 1.5rem/2rem inter, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  transition: all 0.15s ease-in-out;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  cursor: pointer;
  padding: var(--size-md);
}
.button-toggle--selected {
  background-color: #000000;
  border-color: #000000;
  color: #FFFFFF;
}
.button-toggle-group {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  gap: var(--size-md);
}
.button-toggle-group .button-toggle {
  flex: 1;
  padding: var(--size-md) 0;
}

.tile {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  border: 1px solid #D6D6D6;
  gap: var(--size-md);
  padding: var(--size-md);
  background-color: #FFFFFF;
}
.tile--banner {
  padding: var(--size-md) var(--size-lg);
  background-color: #B5E8F7;
}
.tile--banner .tile {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  gap: var(--size-md);
}
.tile--banner .tile__header {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  gap: var(--size-2xs);
}
.tile--banner .tile__header i[class^=icon-] {
  font-size: 2.5rem;
}
.tile--banner .tile__header span {
  font: 400 1.125rem/1.625rem inter, sans-serif;
}
.tile--banner .tile__actions {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  gap: var(--size-md);
}
.tile--banner .tile__actions__summary {
  display: flex;
  display: -webkit-flex;
  gap: var(--size-sm);
  background-color: #FFFFFF;
  padding: var(--size-sm);
  border: 1px solid #8F8F8F;
  font: 400 1.125rem/1.625rem inter, sans-serif;
  color: #595959;
}
.tile--banner .tile__actions .button {
  min-width: inherit;
}

.button {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  background-color: #FFFFFF;
  color: #000000;
  border: 2px solid #000000;
  padding: var(--size-md) var(--size-xl);
  gap: var(--size-sm);
  font: 400 2rem/2.5rem inter, sans-serif;
  font-weight: 700;
  transition: all 0.15s ease-in-out;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  cursor: pointer;
}
.button i[class^=icon-] {
  font-size: 2.5rem;
}
.button:focus-visible {
  outline: none;
}
.button[disabled] {
  border-color: #D6D6D6;
  color: #D6D6D6;
  pointer-events: none;
}
.button--sm {
  min-width: 13rem;
  padding: var(--size-sm);
  gap: var(--size-2xs);
  font: 400 1.125rem/1.625rem inter, sans-serif;
  font-weight: 400;
}
.button--sm i[class^=icon-] {
  font-size: 1.5rem;
}
.button--xs {
  padding: var(--size-2xs);
  gap: var(--size-2xs);
  font: 400 1.125rem/1.625rem inter, sans-serif;
  font-weight: 400;
  border-color: #D6D6D6;
}
.button--filled {
  background-color: #000000;
  color: #FFFFFF;
  border: 2px solid #000000;
}
.button--filled.button--sm {
  min-width: inherit;
  font-weight: 700;
}
.button--filled[disabled] {
  background-color: #D6D6D6;
  border-color: #D6D6D6;
  color: #FAFAFA;
}
.button--important {
  background-color: #FF7900;
  color: #000000;
  border: 2px solid #FF7900;
}
.button--important.button--sm {
  min-width: inherit;
  font-weight: 700;
}
.button--important[disabled] {
  background-color: #D6D6D6;
  border-color: #D6D6D6;
  color: #FAFAFA;
}
.button--negative {
  background-color: #CD3C14;
  color: #FFFFFF;
  border: 2px solid #CD3C14;
}
.button--negative[disabled] {
  background-color: #D6D6D6;
  border-color: #D6D6D6;
  color: #FAFAFA;
}
.button--ghost {
  background-color: #000000;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
}
.button--ghost[disabled] {
  border-color: #8F8F8F;
  color: #8F8F8F;
}
.button--loader {
  position: relative;
  color: #FF7900;
}
.button--loader:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 2rem;
  height: 2rem;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><path fill="%23000" d="M43.935,25.145c0-10.318-8.364-18.688-18.681-18.688c-10.317,0-18.681,8.37-18.681,18.688h4.068c0-8.072,6.542-14.62,14.613-14.62c8.07,0,14.613,6.548,14.613,14.62H43.935z" transform="rotate(292.281 25 25)"><animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 25 25" to="360 25 25" dur="1s" repeatCount="indefinite"/></path></svg>');
  background-size: contain;
  background-repeat: no-repeat;
}
.button-group {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  gap: var(--size-md);
}

:root {
  --size-4xs: 0.125rem;
  --size-3xs: 0.25rem;
  --size-2xs: 0.5rem;
  --size-xs: 0.75rem;
  --size-sm: 1rem;
  --size-md: 1.5rem;
  --size-lg: 2rem;
  --size-xl: 2.5rem;
  --size-2xl: 3rem;
  --size-3xl: 4rem;
  --size-4xl: 5rem;
  --size-5xl: 7.25rem;
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: 100vh;
  scroll-behavior: smooth;
  -webkit-tap-highlight-color: transparent;
}
html *::selection {
  color: #000000;
  background: #D6D6D6;
}
html body {
  font: 400 1rem/1.5rem inter, sans-serif;
  color: #000000;
}
html body app-root {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  font: 400 1rem/1.5rem inter, sans-serif;
  margin: 0;
  height: 100vh;
  color: #000000;
  overflow: hidden;
}
html body app-root.welcome .main {
  padding: 0;
  overflow: hidden;
  height: auto;
}
html body app-root.welcome .nav {
  min-height: 13.75rem;
}
html body app-root.end .main {
  background-color: #000000;
  padding: var(--size-4xl) var(--size-4xl) 7.5rem var(--size-4xl);
}
html body app-root.end .main__container {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  flex-grow: 2;
  -ms-flex-grow: 2;
  -webkit-flex-grow: 2;
  gap: 8.5rem;
  text-align: center;
}
html body app-root.end .main__container__logo img {
  max-width: 4.5rem;
}
html body app-root.end .main__container__title {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  gap: var(--size-xl);
  max-width: 46rem;
}
html body app-root.end .main__container__title span {
  font: 400 2rem/2.5rem inter, sans-serif;
}
html body app-root.end .main__container__title span,
html body app-root.end .main__container__title h2 {
  color: #FFFFFF;
}
html body app-root.end .main .button {
  max-width: 48rem;
  width: 100%;
  margin: auto;
}
html body *,
html body *::before,
html body *::after {
  box-sizing: border-box;
}
html body h5,
html body .h5,
html body h4,
html body .h4,
html body h3,
html body .h3,
html body h2,
html body .h2,
html body h1,
html body .h1 {
  margin-top: 0;
  margin-bottom: 0;
  color: #000000;
}
html body h1,
html body .h1 {
  font: 700 3.5rem/4.5rem inter, sans-serif;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  gap: var(--size-lg);
}
html body h2,
html body .h2 {
  font: 700 3rem/4rem inter, sans-serif;
}
html body h3,
html body .h3 {
  font: 700 2rem/2.5rem inter, sans-serif;
}
html body h4,
html body .h4 {
  font: 700 1.5rem/2rem inter, sans-serif;
}
html body h5,
html body .h5 {
  font: 700 1.125rem/1.625rem inter, sans-serif;
}
html body a {
  color: #000000;
  text-decoration: underline;
  transition: color 0.15s ease-in-out;
  cursor: pointer;
}
html body a:hover {
  color: #000000;
}
html body .main {
  flex-grow: 2;
  -ms-flex-grow: 2;
  -webkit-flex-grow: 2;
  padding: var(--size-5xl) var(--size-3xl) var(--size-3xl) var(--size-3xl);
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: flex-start;
  -ms-justify-content: flex-start;
  -webkit-justify-content: flex-start;
  gap: 6.625rem;
  height: calc(100vh - 37.5rem);
  overflow: auto;
}
html body .main__header {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  gap: var(--size-md);
  flex-shrink: 0;
  -ms-flex-shrink: 0;
  -webkit-flex-shrink: 0;
}
html body .main__header > span {
  font: 400 2rem/2.5rem inter, sans-serif;
  color: #8F8F8F;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
}
html body .main__header > span a {
  font: 400 1rem/1.5rem inter, sans-serif;
}
html body .main__content {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  gap: var(--size-3xl);
  flex-grow: 2;
  -ms-flex-grow: 2;
  -webkit-flex-grow: 2;
}
html body .main__content__section .section__title {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  gap: var(--size-sm);
}
html body .main__content__section .section__title span {
  font: 400 1.5rem/2rem inter, sans-serif;
  color: #8F8F8F;
}
html body .main__content__section + .main__content__section {
  border-top: 1px solid #D6D6D6;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  gap: var(--size-xl);
  padding-top: var(--size-3xl);
}
html body .main__content .keyboard {
  width: 24.5rem;
  padding: var(--size-sm);
  border: 1px solid #D6D6D6;
  box-shadow: 4px 8px 8px 0px rgba(0, 0, 0, 0.05);
}
html body .main__content .keyboard .hg-theme-default .hg-row {
  margin-top: var(--size-2xs);
}
html body .main__content .keyboard .hg-theme-default .hg-row + .hg-row {
  padding: 0;
}
html body .main__content .keyboard .hg-theme-default.hg-layout-numeric .hg-button {
  border-radius: 4px;
  height: var(--size-2xl);
}
html body .main__link {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
}
html body .main--loader {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
}
html body .document {
  margin: auto;
  border-radius: var(--size-2xs);
  border: 1px solid #D6D6D6;
  overflow: hidden;
}

.accesibility-mode {
  --size-xs: 0.4rem;
  --size-sm: 0.5rem;
  --size-md: 1rem;
  --size-xl: 1.5rem;
  --size-5xl: 10.5rem;
}
.accesibility-mode .accessibility-block {
  height: 43.5rem;
  transition: all 0.5s ease-in-out;
}
.accesibility-mode .accessibility-block img {
  opacity: 1;
  transition: all 0.3s ease-in-out 0.5s;
}
.accesibility-mode .header__title {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
}
.accesibility-mode .header__title__logo {
  display: none;
}
.accesibility-mode .main {
  padding: var(--size-5xl) var(--size-3xl) var(--size-3xl) var(--size-3xl);
}
.accesibility-mode .main + app-footer {
  box-shadow: 0px -43px 56px rgba(255, 255, 255, 0.8);
}
.accesibility-mode .main.form-page {
  padding: var(--size-3xl) var(--size-3xl);
  gap: var(--size-md);
  display: flex;
  display: -webkit-flex;
  justify-content: flex-end;
  -ms-justify-content: flex-end;
  -webkit-justify-content: flex-end;
}
.accesibility-mode .main.form-page .main__content {
  flex-grow: 0;
  -ms-flex-grow: 0;
  -webkit-flex-grow: 0;
}
.accesibility-mode .main.form-page--numbers {
  padding: var(--size-3xl);
  display: flex;
  display: -webkit-flex;
  justify-content: flex-end;
  -ms-justify-content: flex-end;
  -webkit-justify-content: flex-end;
  gap: 2.5rem;
}
.accesibility-mode .main.form-page--numbers .main__content {
  flex-grow: 0;
  -ms-flex-grow: 0;
  -webkit-flex-grow: 0;
}
.accesibility-mode .card {
  padding: var(--size-4xl) var(--size-xl);
}
.accesibility-mode .card--sm {
  padding: var(--size-xl) var(--size-md);
}
.accesibility-mode .nav {
  padding: var(--size-xl) var(--size-3xl);
  box-shadow: 0px -43px 56px rgba(255, 255, 255, 0.8);
}
.accesibility-mode .nav .button {
  font: 400 1.5rem/2rem inter, sans-serif;
  font-weight: 700;
}
.accesibility-mode .nav > span {
  font: 400 1.125rem/1.625rem inter, sans-serif;
}
.accesibility-mode .footer {
  padding: var(--size-xl) var(--size-3xl);
}
.accesibility-mode .footer .button-language .button {
  gap: 0;
}
.accesibility-mode .footer .button-language *:not(.icon-language-2) {
  font-size: 0;
}
.accesibility-mode .keyboard {
  padding: var(--size-md) var(--size-3xl);
}
.accesibility-mode .keyboard .hg-theme-default.hg-layout-numeric {
  max-width: inherit;
}
.accesibility-mode .keyboard .hg-theme-default.hg-layout-numeric .hg-rows {
  display: flex;
  display: -webkit-flex;
}
.accesibility-mode .keyboard .hg-theme-default.hg-layout-numeric .hg-rows .hg-row {
  margin-top: 0;
}
.accesibility-mode .keyboard .hg-theme-default.hg-layout-numeric .hg-rows .hg-row + .hg-row {
  padding-top: 0;
}
.accesibility-mode .keyboard .hg-theme-default.hg-layout-numeric .hg-rows .hg-row:last-child .hg-button:first-child {
  display: none;
}
.accesibility-mode .keyboard .hg-theme-default .hg-button {
  width: var(--size-3xl);
  height: var(--size-3xl);
  padding: var(--size-2xs) var(--size-sm);
  font: 400 1.5rem/2rem inter, sans-serif;
  font-weight: 700;
}
.accesibility-mode .keyboard .hg-theme-default .hg-button.hg-button-space span {
  height: var(--size-2xl);
}
.accesibility-mode .keyboard .hg-theme-default .hg-row + .hg-row {
  padding-top: var(--size-2xs);
}
.accesibility-mode .keyboard + .nav {
  box-shadow: none;
}
.accesibility-mode .modal {
  display: flex;
  display: -webkit-flex;
  align-items: flex-end;
  -ms-align-items: flex-end;
  -webkit-align-items: flex-end;
}
.accesibility-mode .loader {
  font: 400 1.5rem/2rem inter, sans-serif;
  gap: 4rem;
}
.accesibility-mode .loader__text__description {
  font: 400 1.125rem/1.625rem inter, sans-serif;
}
.accesibility-mode .loader ng-lottie {
  min-height: 29.5rem;
  max-height: 29.5rem;
}

.grid {
  display: grid;
}
.grid-e2 {
  grid-template-columns: repeat(2, 1fr);
  row-gap: var(--size-sm);
  column-gap: var(--size-lg);
}
@media (max-width: 992px) {
  .grid-e2 {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 768px) {
  .grid-e2 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--size-sm);
  }
}
@media (max-width: 576px) {
  .grid-e2 {
    grid-template-columns: 1fr;
  }
}
.grid-e2-sm {
  grid-template-columns: repeat(2, 1fr);
  gap: var(--size-sm);
}
@media (max-width: 576px) {
  .grid-e2-sm {
    grid-template-columns: 1fr;
  }
}
.grid-e3 {
  grid-template-columns: repeat(3, 1fr);
  gap: var(--size-lg);
}
@media (max-width: 992px) {
  .grid-e3 {
    grid-template-columns: 1fr;
    justify-items: center;
  }
}
.grid-e3-sm {
  grid-template-columns: repeat(3, 1fr);
  gap: var(--size-sm);
}
@media (max-width: 576px) {
  .grid-e3-sm {
    grid-template-columns: 1fr;
  }
}
.grid-e4 {
  grid-template-columns: repeat(4, 1fr);
  gap: var(--size-lg);
}
@media (max-width: 1200px) {
  .grid-e4 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .grid-e4 {
    grid-template-columns: 1fr;
  }
}
.grid-e4-sm {
  grid-template-columns: repeat(4, 1fr);
  gap: var(--size-sm);
}
@media (max-width: 1200px) {
  .grid-e4-sm {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .grid-e4-sm {
    grid-template-columns: 1fr;
  }
}
.grid-e5 {
  grid-template-columns: repeat(5, 1fr);
  gap: var(--size-sm);
}
@media (max-width: 768px) {
  .grid-e5 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 576px) {
  .grid-e5 {
    grid-template-columns: repeat(2, 1fr);
  }
}
.grid-d3 {
  grid-template-columns: repeat(3, 1fr);
  gap: var(--size-sm);
}
@media (max-width: 992px) {
  .grid-d3 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .grid-d3 {
    grid-template-columns: 1fr;
  }
}
.grid-d4 {
  grid-template-columns: repeat(4, 1fr);
  gap: var(--size-xl);
}
@media (max-width: 992px) {
  .grid-d4 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .grid-d4 {
    grid-template-columns: 1fr;
  }
}
.grid-i2 {
  grid-template-columns: repeat(2, 1fr);
  gap: var(--size-3xl);
}
@media (max-width: 576px) {
  .grid-i2 {
    grid-template-columns: 1fr;
  }
}
.grid-i3 {
  grid-template-columns: repeat(3, 1fr);
  gap: var(--size-md);
}
.grid-i3__2 {
  grid-column-start: span 2;
}
@media (max-width: 768px) {
  .grid-i3 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .grid-i3 {
    grid-template-columns: 1fr;
  }
}

html,
body {
  overscroll-behavior-x: none !important;
  overflow-x: hidden;
}

/*# sourceMappingURL=styles.874bd0a656d81a23.css.map*/