.header-root .Modal_content--center--center--fadeIn {
  opacity: 0;
  animation: modalFadeIn .3s forwards;
}

.header-root .Modal_content--center--center--fadeInLeft {
  opacity: 0;
  animation: fadeInLeftOnCenterCenter .3s forwards;
}

.header-root .Modal_content--center--center--fadeInRight {
  opacity: 0;
  animation: fadeInRightOnCenterCenter .3s forwards;
}

.header-root .Modal_content--center--center--fadeInTop {
  opacity: 0;
  animation: fadeInTopOnCenterCenter .3s forwards;
}

.header-root .Modal_content--center--center--fadeInBottom {
  opacity: 0;
  animation: fadeInBottomOnCenterCenter .3s forwards;
}

.header-root .Modal_content--left--center--fadeIn {
  opacity: 0;
  animation: modalFadeIn .3s forwards;
}

.header-root .Modal_content--left--center--fadeInTop {
  opacity: 0;
  animation: fadeInTopOnLeftCenter .3s forwards;
}

.header-root .Modal_content--left--center--fadeInRight {
  opacity: 0;
  animation: fadeInRightOnLeftCenter .3s forwards;
}

.header-root .Modal_content--left--center--fadeInBottom {
  opacity: 0;
  animation: fadeInBottomOnLeftCenter .3s forwards;
}

.header-root .Modal_content--left--center--fadeInLeft {
  opacity: 0;
  animation: fadeInLeftOnLeftCenter .3s forwards;
}

.header-root .Modal_content--right--center--fadeIn {
  opacity: 0;
  animation: modalFadeIn .3s forwards;
}

.header-root .Modal_content--right--center--fadeInTop {
  opacity: 0;
  animation: fadeInTopOnRightCenter .3s forwards;
}

.header-root .Modal_content--right--center--fadeInRight {
  opacity: 0;
  animation: fadeInRightOnRightCenter .3s forwards;
}

.header-root .Modal_content--right--center--fadeInBottom {
  opacity: 0;
  animation: fadeInBottomOnRightCenter .3s forwards;
}

.header-root .Modal_content--right--center--fadeInLeft {
  opacity: 0;
  animation: fadeInLeftOnRightCenter .3s forwards;
}

.header-root .Modal_content--center--top--fadeIn {
  opacity: 0;
  animation: modalFadeIn .3s forwards;
}

.header-root .Modal_content--center--top--fadeInTop {
  opacity: 0;
  animation: fadeInTopOnCenterTop .3s forwards;
}

.header-root .Modal_content--center--top--fadeInRight {
  opacity: 0;
  animation: fadeInRightOnCenterTop .3s forwards;
}

.header-root .Modal_content--center--top--fadeInBottom {
  opacity: 0;
  animation: fadeInBottomOnCenterTop .3s forwards;
}

.header-root .Modal_content--center--top--fadeInLeft {
  opacity: 0;
  animation: fadeInLeftOnCenterTop .3s forwards;
}

.header-root .Modal_content--right--top--fadeIn {
  opacity: 0;
  animation: modalFadeIn .3s forwards;
}

.header-root .Modal_content--right--top--fadeInTop {
  opacity: 0;
  animation: fadeInTopOnRightTop .3s forwards;
}

.header-root .Modal_content--right--top--fadeInRight {
  opacity: 0;
  animation: fadeInRightOnRightTop .3s forwards;
}

.header-root .Modal_content--right--top--fadeInBottom {
  opacity: 0;
  animation: fadeInBottomOnRightTop .3s forwards;
}

.header-root .Modal_content--right--top--fadeInLeft {
  opacity: 0;
  animation: fadeInLeftOnRightTop .3s forwards;
}

.header-root .Modal_content--left--top--fadeIn {
  opacity: 0;
  animation: modalFadeIn .3s forwards;
}

.header-root .Modal_content--left--top--fadeInTop {
  opacity: 0;
  animation: fadeInTopOnLeftTop .3s forwards;
}

.header-root .Modal_content--left--top--fadeInRight {
  opacity: 0;
  animation: fadeInRightOnLeftTop .3s forwards;
}

.header-root .Modal_content--left--top--fadeInBottom {
  opacity: 0;
  animation: fadeInBottomOnLeftTop .3s forwards;
}

.header-root .Modal_content--left--top--fadeInLeft {
  opacity: 0;
  animation: fadeInLeftOnLeftTop .3s forwards;
}

.header-root .Modal_content--center--bottom--fadeIn {
  opacity: 0;
  animation: modalFadeIn .3s forwards;
}

.header-root .Modal_content--center--bottom--fadeInTop {
  opacity: 0;
  animation: fadeInTopOnCenterBottom .3s forwards;
}

.header-root .Modal_content--center--bottom--fadeInRight {
  opacity: 0;
  animation: fadeInRightOnCenterBottom .3s forwards;
}

.header-root .Modal_content--center--bottom--fadeInBottom {
  opacity: 0;
  animation: fadeInBottomOnCenterBottom .3s forwards;
}

.header-root .Modal_content--center--bottom--fadeInLeft {
  opacity: 0;
  animation: fadeInLeftOnCenterBottom .3s forwards;
}

.header-root .Modal_content--right--bottom--fadeIn {
  opacity: 0;
  animation: modalFadeIn .3s forwards;
}

.header-root .Modal_content--right--bottom--fadeInTop {
  opacity: 0;
  animation: fadeInTopOnRightBottom .3s forwards;
}

.header-root .Modal_content--right--bottom--fadeInRight {
  opacity: 0;
  animation: fadeInRightOnRightBottom .3s forwards;
}

.header-root .Modal_content--right--bottom--fadeInBottom {
  opacity: 0;
  animation: fadeInBottomOnRightBottom .3s forwards;
}

.header-root .Modal_content--right--bottom--fadeInLeft {
  opacity: 0;
  animation: fadeInLeftOnRightBottom .3s forwards;
}

.header-root .Modal_content--left--bottom--fadeIn {
  opacity: 0;
  animation: modalFadeIn .3s forwards;
}

.header-root .Modal_content--left--bottom--fadeInTop {
  opacity: 0;
  animation: fadeInTopOnLeftBottom .3s forwards;
}

.header-root .Modal_content--left--bottom--fadeInRight {
  opacity: 0;
  animation: fadeInRightOnLeftBottom .3s forwards;
}

.header-root .Modal_content--left--bottom--fadeInBottom {
  opacity: 0;
  animation: fadeInBottomOnLeftBottom .3s forwards;
}

.header-root .Modal_content--left--bottom--fadeInLeft {
  opacity: 0;
  animation: fadeInLeftOnLeftBottom .3s forwards;
}

@keyframes fadeInLeftOnCenterCenter {
  0% {
    opacity: 0;
    transform: translate(-100%,-50%);
  }

  to {
    opacity: 1;
    transform: translate(-50%,-50%);
  }
}

@keyframes fadeInRightOnCenterCenter {
  0% {
    opacity: 0;
    transform: translate(100%,-50%);
  }

  to {
    opacity: 1;
    transform: translate(-50%,-50%);
  }
}

@keyframes fadeInTopOnCenterCenter {
  0% {
    opacity: 0;
    transform: translate(-50%,-100%);
  }

  to {
    opacity: 1;
    transform: translate(-50%,-50%);
  }
}

@keyframes fadeInBottomOnCenterCenter {
  0% {
    opacity: 0;
    transform: translate(-50%,100%);
  }

  to {
    opacity: 1;
    transform: translate(-50%,-50%);
  }
}

@keyframes fadeInTopOnRightCenter {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }

  to {
    opacity: 1;
    transform: translateY(-50%);
  }
}

@keyframes fadeInRightOnRightCenter {
  0% {
    opacity: 0;
    transform: translate(100%,-50%);
  }

  to {
    opacity: 1;
    transform: translateY(-50%);
  }
}

@keyframes fadeInBottomOnRightCenter {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }

  to {
    opacity: 1;
    transform: translateY(-50%);
  }
}

@keyframes fadeInLeftOnRightCenter {
  0% {
    opacity: 0;
    transform: translate(-100%,-50%);
  }

  to {
    opacity: 1;
    transform: translateY(-50%);
  }
}

@keyframes fadeInRightOnLeftCenter {
  0% {
    opacity: 0;
    transform: translate(100%,-50%);
  }

  to {
    opacity: 1;
    transform: translateY(-50%);
  }
}

@keyframes fadeInBottomOnLeftCenter {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }

  to {
    opacity: 1;
    transform: translateY(-50%);
  }
}

@keyframes fadeInLeftOnLeftCenter {
  0% {
    opacity: 0;
    transform: translate(-100%,-50%);
  }

  to {
    opacity: 1;
    transform: translateY(-50%);
  }
}

@keyframes fadeInTopOnLeftCenter {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }

  to {
    opacity: 1;
    transform: translateY(-50%);
  }
}

@keyframes fadeInLeftOnCenterTop {
  0% {
    opacity: 0;
    transform: translate(-100%);
  }

  to {
    opacity: 1;
    transform: translate(-50%);
  }
}

@keyframes fadeInRightOnCenterTop {
  0% {
    opacity: 0;
    transform: translate(100%);
  }

  to {
    opacity: 1;
    transform: translate(-50%);
  }
}

@keyframes fadeInTopOnCenterTop {
  0% {
    opacity: 0;
    transform: translate(-50%,-100%);
  }

  to {
    opacity: 1;
    transform: translate(-50%);
  }
}

@keyframes fadeInBottomOnCenterTop {
  0% {
    opacity: 0;
    transform: translate(-50%,100%);
  }

  to {
    opacity: 1;
    transform: translate(-50%);
  }
}

@keyframes fadeInTopOnRightTop {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }

  to {
    opacity: 1;
    transform: translate(0);
  }
}

@keyframes fadeInRightOnRightTop {
  0% {
    opacity: 0;
    transform: translate(100%);
  }

  to {
    opacity: 1;
    transform: translate(0);
  }
}

@keyframes fadeInBottomOnRightTop {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }

  to {
    opacity: 1;
    transform: translate(0);
  }
}

@keyframes fadeInLeftOnRightTop {
  0% {
    opacity: 0;
    transform: translate(-100%);
  }

  to {
    opacity: 1;
    transform: translate(0);
  }
}

@keyframes fadeInTopOnLeftTop {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }

  to {
    opacity: 1;
    transform: translate(0);
  }
}

@keyframes fadeInRightOnLeftTop {
  0% {
    opacity: 0;
    transform: translate(100%);
  }

  to {
    opacity: 1;
    transform: translate(0);
  }
}

@keyframes fadeInLeftOnLeftTop {
  0% {
    opacity: 0;
    transform: translate(-100%);
  }

  to {
    opacity: 1;
    transform: translate(0);
  }
}

@keyframes fadeInBottomOnLeftTop {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }

  to {
    opacity: 1;
    transform: translate(0);
  }
}

@keyframes fadeInTopOnCenterBottom {
  0% {
    opacity: 0;
    transform: translate(-50%,-100%);
  }

  to {
    opacity: 1;
    transform: translate(-50%);
  }
}

@keyframes fadeInRightOnCenterBottom {
  0% {
    opacity: 0;
    transform: translate(100%);
  }

  to {
    opacity: 1;
    transform: translate(-50%);
  }
}

@keyframes fadeInBottomOnCenterBottom {
  0% {
    opacity: 0;
    transform: translate(-50%,100%);
  }

  to {
    opacity: 1;
    transform: translate(-50%);
  }
}

@keyframes fadeInLeftOnCenterBottom {
  0% {
    opacity: 0;
    transform: translate(-100%);
  }

  to {
    opacity: 1;
    transform: translate(-50%);
  }
}

@keyframes fadeInTopOnRightBottom {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }

  to {
    opacity: 1;
    transform: translate(0);
  }
}

@keyframes fadeInRightOnRightBottom {
  0% {
    opacity: 0;
    transform: translate(100%);
  }

  to {
    opacity: 1;
    transform: translate(0);
  }
}

@keyframes fadeInBottomOnRightBottom {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }

  to {
    opacity: 1;
    transform: translate(0);
  }
}

@keyframes fadeInLeftOnRightBottom {
  0% {
    opacity: 0;
    transform: translate(-100%);
  }

  to {
    opacity: 1;
    transform: translate(0);
  }
}

@keyframes fadeInTopOnLeftBottom {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }

  to {
    opacity: 1;
    transform: translate(0);
  }
}

@keyframes fadeInRightOnLeftBottom {
  0% {
    opacity: 0;
    transform: translate(100%);
  }

  to {
    opacity: 1;
    transform: translate(0);
  }
}

@keyframes fadeInLeftOnLeftBottom {
  0% {
    opacity: 0;
    transform: translate(-100%);
  }

  to {
    opacity: 1;
    transform: translate(0);
  }
}

@keyframes fadeInBottomOnLeftBottom {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }

  to {
    opacity: 1;
    transform: translate(0);
  }
}

.header-root .Modal_content--center--center--fadeOut {
  opacity: 1;
  animation: modalFadeOut .3s forwards;
}

.header-root .Modal_content--center--center--fadeOutTop {
  opacity: 0;
  animation: fadeOutTopOnCenterCenter .3s forwards;
}

.header-root .Modal_content--center--center--fadeOutRight {
  opacity: 0;
  animation: fadeOutRightOnCenterCenter .3s forwards;
}

.header-root .Modal_content--center--center--fadeOutBottom {
  opacity: 0;
  animation: fadeOutBottomOnCenterCenter .3s forwards;
}

.header-root .Modal_content--center--center--fadeOutLeft {
  opacity: 0;
  animation: fadeOutLeftOnCenterCenter .3s forwards;
}

.header-root .Modal_content--right--center--fadeOut {
  opacity: 1;
  animation: modalFadeOut .3s forwards;
}

.header-root .Modal_content--right--center--fadeOutTop {
  opacity: 0;
  animation: fadeOutTopOnRightCenter .3s forwards;
}

.header-root .Modal_content--right--center--fadeOutRight {
  opacity: 0;
  animation: fadeOutRightOnRightCenter .3s forwards;
}

.header-root .Modal_content--right--center--fadeOutBottom {
  opacity: 0;
  animation: fadeOutBottomOnRightCenter .3s forwards;
}

.header-root .Modal_content--right--center--fadeOutLeft {
  opacity: 0;
  animation: fadeOutLeftOnRightCenter .3s forwards;
}

.header-root .Modal_content--left--center--fadeOut {
  opacity: 1;
  animation: modalFadeOut .3s forwards;
}

.header-root .Modal_content--left--center--fadeOutTop {
  opacity: 0;
  animation: fadeOutTopOnLeftCenter .3s forwards;
}

.header-root .Modal_content--left--center--fadeOutRight {
  opacity: 0;
  animation: fadeOutRightOnLeftCenter .3s forwards;
}

.header-root .Modal_content--left--center--fadeOutBottom {
  opacity: 0;
  animation: fadeOutBottomOnLeftCenter .3s forwards;
}

.header-root .Modal_content--left--center--fadeOutLeft {
  opacity: 0;
  animation: fadeOutLeftOnLeftCenter .3s forwards;
}

.header-root .Modal_content--center--top--fadeOut {
  opacity: 1;
  animation: modalFadeOut .3s forwards;
}

.header-root .Modal_content--center--top--fadeOutTop {
  opacity: 0;
  animation: fadeOutTopOnCenterTop .3s forwards;
}

.header-root .Modal_content--center--top--fadeOutRight {
  opacity: 0;
  animation: fadeOutRightOnCenterTop .3s forwards;
}

.header-root .Modal_content--center--top--fadeOutBottom {
  opacity: 0;
  animation: fadeOutBottomOnCenterTop .3s forwards;
}

.header-root .Modal_content--center--top--fadeOutLeft {
  opacity: 0;
  animation: fadeOutLeftOnCenterTop .3s forwards;
}

.header-root .Modal_content--right--top--fadeOut {
  opacity: 1;
  animation: modalFadeOut .3s forwards;
}

.header-root .Modal_content--right--top--fadeOutTop {
  opacity: 0;
  animation: fadeOutTopOnRightTop .3s forwards;
}

.header-root .Modal_content--right--top--fadeOutRight {
  opacity: 0;
  animation: fadeOutRightOnRightTop .3s forwards;
}

.header-root .Modal_content--right--top--fadeOutBottom {
  opacity: 0;
  animation: fadeOutBottomtOnRightTop .3s forwards;
}

.header-root .Modal_content--right--top--fadeOutLeft {
  opacity: 0;
  animation: fadeOutLeftOnRightTop .3s forwards;
}

.header-root .Modal_content--left--top--fadeOut {
  opacity: 1;
  animation: modalFadeOut .3s forwards;
}

.header-root .Modal_content--left--top--fadeOutTop {
  opacity: 0;
  animation: fadeOutTopOnLeftTop .3s forwards;
}

.header-root .Modal_content--left--top--fadeOutRight {
  opacity: 0;
  animation: fadeOutRightOnLeftTop .3s forwards;
}

.header-root .Modal_content--left--top--fadeOutBottom {
  opacity: 0;
  animation: fadeOutBottomOnLeftTop .3s forwards;
}

.header-root .Modal_content--left--top--fadeOutLeft {
  opacity: 0;
  animation: fadeOutLeftOnLeftTop .3s forwards;
}

.header-root .Modal_content--center--bottom--fadeOut {
  opacity: 1;
  animation: modalFadeOut .3s forwards;
}

.header-root .Modal_content--center--bottom--fadeOutTop {
  opacity: 0;
  animation: fadeOutTopOnCenterBottom .3s forwards;
}

.header-root .Modal_content--center--bottom--fadeOutRight {
  opacity: 0;
  animation: fadeOutRightOnCenterBottom .3s forwards;
}

.header-root .Modal_content--center--bottom--fadeOutBottom {
  opacity: 0;
  animation: fadeOutBottomOnCenterBottom .3s forwards;
}

.header-root .Modal_content--center--bottom--fadeOutLeft {
  opacity: 0;
  animation: fadeOutLeftOnCenterBottom .3s forwards;
}

.header-root .Modal_content--right--bottom--fadeOut {
  opacity: 1;
  animation: modalFadeOut .3s forwards;
}

.header-root .Modal_content--right--bottom--fadeOutTop {
  opacity: 0;
  animation: fadeOutTopOnRightBottom .3s forwards;
}

.header-root .Modal_content--right--bottom--fadeOutRight {
  opacity: 0;
  animation: fadeOutRightOnRightBottom .3s forwards;
}

.header-root .Modal_content--right--bottom--fadeOutBottom {
  opacity: 0;
  animation: fadeOutBottomOnRightBottom .3s forwards;
}

.header-root .Modal_content--right--bottom--fadeOutLeft {
  opacity: 0;
  animation: fadeOutLeftOnRightBottom .3s forwards;
}

.header-root .Modal_content--left--bottom--fadeOut {
  opacity: 1;
  animation: modalFadeOut .3s forwards;
}

.header-root .Modal_content--left--bottom--fadeOutTop {
  opacity: 0;
  animation: fadeOutTopOnLeftBottom .3s forwards;
}

.header-root .Modal_content--left--bottom--fadeOutRight {
  opacity: 0;
  animation: fadeOutRightOnLeftBottom .3s forwards;
}

.header-root .Modal_content--left--bottom--fadeOutBottom {
  opacity: 0;
  animation: fadeOutBottomOnLeftBottom .3s forwards;
}

.header-root .Modal_content--left--bottom--fadeOutLeft {
  opacity: 0;
  animation: fadeOutLeftOnLeftBottom .3s forwards;
}

@keyframes fadeOutTopOnCenterCenter {
  0% {
    opacity: 1;
    transform: translate(-50%,-50%);
  }

  to {
    opacity: 0;
    transform: translate(-50%,-100%);
  }
}

@keyframes fadeOutRightOnCenterCenter {
  0% {
    opacity: 1;
    transform: translate(-50%,-50%);
  }

  to {
    opacity: 0;
    transform: translate(100%,-50%);
  }
}

@keyframes fadeOutBottomOnCenterCenter {
  0% {
    opacity: 1;
    transform: translate(-50%,-50%);
  }

  to {
    opacity: 0;
    transform: translate(-50%,100%);
  }
}

@keyframes fadeOutLeftOnCenterCenter {
  0% {
    opacity: 1;
    transform: translate(-50%,-50%);
  }

  to {
    opacity: 0;
    transform: translate(-100%,-50%);
  }
}

@keyframes fadeOutTopOnRightCenter {
  0% {
    opacity: 1;
    transform: translateY(-50%);
  }

  to {
    opacity: 0;
    transform: translateY(-100%);
  }
}

@keyframes fadeOutRightOnRightCenter {
  0% {
    opacity: 1;
    transform: translateY(-50%);
  }

  to {
    opacity: 0;
    transform: translate(100%,-50%);
  }
}

@keyframes fadeOutBottomOnRightCenter {
  0% {
    opacity: 1;
    transform: translateY(-50%);
  }

  to {
    opacity: 0;
    transform: translateY(100%);
  }
}

@keyframes fadeOutLeftOnRightCenter {
  0% {
    opacity: 1;
    transform: translateY(-50%);
  }

  to {
    opacity: 0;
    transform: translate(-100%,-50%);
  }
}

@keyframes fadeOutTopOnLeftCenter {
  0% {
    opacity: 1;
    transform: translateY(-50%);
  }

  to {
    opacity: 0;
    transform: translateY(-100%);
  }
}

@keyframes fadeOutRightOnLeftCenter {
  0% {
    opacity: 1;
    transform: translateY(-50%);
  }

  to {
    opacity: 0;
    transform: translate(100%,-50%);
  }
}

@keyframes fadeOutBottomOnLeftCenter {
  0% {
    opacity: 1;
    transform: translateY(-50%);
  }

  to {
    opacity: 0;
    transform: translateY(100%);
  }
}

@keyframes fadeOutLeftOnLeftCenter {
  0% {
    opacity: 1;
    transform: translateY(-50%);
  }

  to {
    opacity: 0;
    transform: translate(-100%,-50%);
  }
}

@keyframes fadeOutTopOnCenterTop {
  0% {
    opacity: 1;
    transform: translate(-50%);
  }

  to {
    opacity: 0;
    transform: translate(-50%,-100%);
  }
}

@keyframes fadeOutRightOnCenterTop {
  0% {
    opacity: 1;
    transform: translate(-50%);
  }

  to {
    opacity: 0;
    transform: translate(100%);
  }
}

@keyframes fadeOutBottomOnCenterTop {
  0% {
    opacity: 1;
    transform: translate(-50%);
  }

  to {
    opacity: 0;
    transform: translate(-50%,100%);
  }
}

@keyframes fadeOutLeftOnCenterTop {
  0% {
    opacity: 1;
    transform: translate(-50%);
  }

  to {
    opacity: 0;
    transform: translate(-100%);
  }
}

@keyframes fadeOutTopOnRightTop {
  0% {
    opacity: 1;
    transform: translate(0);
  }

  to {
    opacity: 0;
    transform: translateY(-100%);
  }
}

@keyframes fadeOutRightOnRightTop {
  0% {
    opacity: 1;
    transform: translate(0);
  }

  to {
    opacity: 0;
    transform: translate(100%);
  }
}

@keyframes fadeOutBottomtOnRightTop {
  0% {
    opacity: 1;
    transform: translate(0);
  }

  to {
    opacity: 0;
    transform: translateY(100%);
  }
}

@keyframes fadeOutLeftOnRightTop {
  0% {
    opacity: 1;
    transform: translate(0);
  }

  to {
    opacity: 0;
    transform: translate(-100%);
  }
}

@keyframes fadeOutTopOnLeftTop {
  0% {
    opacity: 1;
    transform: translate(0);
  }

  to {
    opacity: 0;
    transform: translateY(-100%);
  }
}

@keyframes fadeOutRightOnLeftTop {
  0% {
    opacity: 1;
    transform: translate(0);
  }

  to {
    opacity: 0;
    transform: translate(100%);
  }
}

@keyframes fadeOutBottomOnLeftTop {
  0% {
    opacity: 1;
    transform: translate(0);
  }

  to {
    opacity: 0;
    transform: translateY(100%);
  }
}

@keyframes fadeOutLeftOnLeftTop {
  0% {
    opacity: 1;
    transform: translate(0);
  }

  to {
    opacity: 0;
    transform: translate(-100%);
  }
}

@keyframes fadeOutTopOnCenterBottom {
  0% {
    opacity: 1;
    transform: translate(-50%);
  }

  to {
    opacity: 0;
    transform: translate(-50%,-100%);
  }
}

@keyframes fadeOutRightOnCenterBottom {
  0% {
    opacity: 1;
    transform: translate(0);
  }

  to {
    opacity: 0;
    transform: translate(100%);
  }
}

@keyframes fadeOutBottomOnCenterBottom {
  0% {
    opacity: 1;
    transform: translate(-50%);
  }

  to {
    opacity: 0;
    transform: translate(-50%,100%);
  }
}

@keyframes fadeOutLeftOnCenterBottom {
  0% {
    opacity: 1;
    transform: translate(-50%);
  }

  to {
    opacity: 0;
    transform: translate(-100%);
  }
}

@keyframes fadeOutTopOnRightBottom {
  0% {
    opacity: 1;
    transform: translate(0);
  }

  to {
    opacity: 0;
    transform: translateY(-100%);
  }
}

@keyframes fadeOutRightOnRightBottom {
  0% {
    opacity: 1;
    transform: translate(0);
  }

  to {
    opacity: 0;
    transform: translate(100%);
  }
}

@keyframes fadeOutBottomOnRightBottom {
  0% {
    opacity: 1;
    transform: translate(0);
  }

  to {
    opacity: 0;
    transform: translateY(100%);
  }
}

@keyframes fadeOutLeftOnRightBottom {
  0% {
    opacity: 1;
    transform: translate(0);
  }

  to {
    opacity: 0;
    transform: translate(-100%);
  }
}

@keyframes fadeOutTopOnLeftBottom {
  0% {
    opacity: 1;
    transform: translate(0);
  }

  to {
    opacity: 0;
    transform: translateY(-100%);
  }
}

@keyframes fadeOutRightOnLeftBottom {
  0% {
    opacity: 1;
    transform: translate(0);
  }

  to {
    opacity: 0;
    transform: translate(100%);
  }
}

@keyframes fadeOutBottomOnLeftBottom {
  0% {
    opacity: 1;
    transform: translate(0);
  }

  to {
    opacity: 0;
    transform: translateY(100%);
  }
}

@keyframes fadeOutLeftOnLeftBottom {
  0% {
    opacity: 1;
    transform: translate(0);
  }

  to {
    opacity: 0;
    transform: translate(-100%);
  }
}

.header-root#modal-root,
.header-root .modal-root {
  z-index: 30;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  display: none;
}

.header-root#modal-root.visible,
.header-root .modal-root.visible {
  display: block;
}

.header-root#modal-root .xux .container,
.header-root .modal-root .xux .container {
  height: 100vh;
  width: 100%;
}

.header-root .Single_Modal {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}

.header-root .Single_Modal.opacity_layout {
  z-index: 25;
}

.header-root .Single_Modal.opacity_layout--black {
  background-color: rgba(0,0,0,.8);
}

.header-root .Single_Modal.opacity_layout--white {
  background: hsla(0,0%,100%,.98);
}

.header-root .Single_Modal.opacity_layout--black05 {
  background-color: rgba(0,0,0,.5);
}

.header-root .Single_Modal.opacity_layout--transparent {
  background-color: transparent;
}

.header-root .Single_Modal--fadeIn {
  animation: modalFadeIn .3s forwards;
}

.header-root .Single_Modal--fadeOut {
  animation: modalFadeOut .3s .3s forwards;
}

.header-root .Modal_content {
  position: absolute;
  z-index: 26;
  overflow-x: hidden;
  overflow-y: auto;
}

.header-root .Modal_content--center--center {
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.header-root .Modal_content--left--center {
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.header-root .Modal_content--right--center {
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.header-root .Modal_content--center--top {
  top: 0;
  left: 50%;
  transform: translate(-50%);
}

.header-root .Modal_content--right--top {
  right: 0;
  top: 0;
}

.header-root .Modal_content--left--top {
  left: 0;
  top: 0;
}

.header-root .Modal_content--center--bottom {
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
}

.header-root .Modal_content--right--bottom {
  bottom: 0;
  right: 0;
}

.header-root .Modal_content--left--bottom {
  bottom: 0;
  left: 0;
}

@keyframes modalFadeIn {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes modalFadeOut {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.header-root .CustomLink {
  position: relative;
  display: inline;
  border: none;
}

.header-root .CustomLink,
.header-root .CustomLink.linkoverbox {
  cursor: pointer;
  background-color: transparent;
}

.header-root .CustomLink.linkoverbox {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.header-root .CustomLink.hideacc {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

.header-root .CustomLink.ButtonCL {
  display: inline-block;
}

.header-root .CustomLink:focus {
  outline-color: #00a9e0;
}

.header-root .SvgIcon_color--black,
.header-root .SvgIcon_color--black path {
  fill: #000;
}

.header-root .SvgIcon_color--white,
.header-root .SvgIcon_color--white path {
  fill: #fff;
}

.header-root .SvgIcon_color--green,
.header-root .SvgIcon_color--green path {
  fill: #5cb615;
}

.header-root .SvgIcon_color--green-light,
.header-root .SvgIcon_color--green-light path {
  fill: #bde4a4;
}

.header-root .SvgIcon_color--green-dark,
.header-root .SvgIcon_color--green-dark path {
  fill: #499010;
}

.header-root .SvgIcon_color--cool-grey,
.header-root .SvgIcon_color--cool-grey path {
  fill: #2a2a3c;
}

.header-root .SvgIcon_color--grey7,
.header-root .SvgIcon_color--grey7 path {
  fill: #50535a;
}

.header-root .SvgIcon_color--grey6,
.header-root .SvgIcon_color--grey6 path {
  fill: #313235;
}

.header-root .SvgIcon_color--grey5,
.header-root .SvgIcon_color--grey5 path {
  fill: #86888c;
}

.header-root .SvgIcon_color--grey5b,
.header-root .SvgIcon_color--grey5b path {
  fill: #747474;
}

.header-root .SvgIcon_color--grey4,
.header-root .SvgIcon_color--grey4 path,
.header-root .SvgIcon_color--grey4a,
.header-root .SvgIcon_color--grey4a path {
  fill: #999;
}

.header-root .SvgIcon_color--grey3,
.header-root .SvgIcon_color--grey3 path {
  fill: #ddd;
}

.header-root .SvgIcon_color--grey2,
.header-root .SvgIcon_color--grey2 path {
  fill: #eee;
}

.header-root .SvgIcon_color--grey1,
.header-root .SvgIcon_color--grey1 path {
  fill: #f5f5f5;
}

.header-root .SvgIcon_color--grey1a,
.header-root .SvgIcon_color--grey1a path {
  fill: #ededed;
}

.header-root .SvgIcon_color--greya,
.header-root .SvgIcon_color--greya path {
  fill: #666;
}

.header-root .SvgIcon_color--grey0,
.header-root .SvgIcon_color--grey0 path {
  fill: #f4f4f4;
}

.header-root .SvgIcon_color--orange,
.header-root .SvgIcon_color--orange path {
  fill: #ec624b;
}

.header-root .SvgIcon_color--orange-light,
.header-root .SvgIcon_color--orange-light path {
  fill: #f8cccc;
}

.header-root .SvgIcon_color--orange-dark,
.header-root .SvgIcon_color--orange-dark path {
  fill: #983230;
}

.header-root .SvgIcon_color--blue,
.header-root .SvgIcon_color--blue path {
  fill: #019df4;
}

.header-root .SvgIcon_color--blue-a,
.header-root .SvgIcon_color--blue-a path {
  fill: #00a9e0;
}

.header-root .SvgIcon_color--purple,
.header-root .SvgIcon_color--purple path {
  fill: #a13ea1;
}

.header-root .SvgIcon_color--purple-light,
.header-root .SvgIcon_color--purple-light path {
  fill: #debce4;
}

.header-root .SvgIcon_color--purple-dark,
.header-root .SvgIcon_color--purple-dark path {
  fill: #642a72;
}

.header-root .SvgIcon_color--pink,
.header-root .SvgIcon_color--pink path {
  fill: #e63780;
}

.header-root .SvgIcon_color--pink-light,
.header-root .SvgIcon_color--pink-light path {
  fill: #fbc7de;
}

.header-root .SvgIcon_color--pink-dark,
.header-root .SvgIcon_color--pink-dark path {
  fill: #922859;
}

.header-root .SvgIcon_color--pipper,
.header-root .SvgIcon_color--pipper path {
  fill: #ff374a;
}

.header-root .SvgIcon_color--pipper-light,
.header-root .SvgIcon_color--pipper-light path {
  fill: #ffc3c8;
}

.header-root .SvgIcon_color--pipper-dark,
.header-root .SvgIcon_color--pipper-dark path {
  fill: #d73241;
}

.header-root .SvgIcon_color--red,
.header-root .SvgIcon_color--red path {
  fill: #ff374a;
}

.header-root .SvgIcon_color--red-light,
.header-root .SvgIcon_color--red-light path {
  fill: #ffc3c8;
}

.header-root .SvgIcon_color--red-dark,
.header-root .SvgIcon_color--red-dark path {
  fill: #d73241;
}

.header-root .SvgIcon_color--inherit,
.header-root .SvgIcon_color--inherit path {
  fill: inherit;
}

.header-root .SvgIcon_size {
  height: inherit;
  width: inherit;
}

.header-root .svgIL {
  position: relative;
  display: block;
  width: auto;
  height: auto;
  display: inline-flex;
  align-items: center;
}

.header-root .svgIL_column-direction {
  flex-direction: column;
}

.header-root .svgIL_column-direction--reverse svg {
  order: 2;
}

.header-root .svgIL_column-direction--reverse .svgIL_label {
  order: 1;
}

.header-root .svgIL_row-direction {
  flex-direction: row;
}

.header-root .svgIL_row-direction--reverse svg {
  order: 2;
}

.header-root .svgIL_row-direction--reverse .svgIL_label {
  order: 1;
}

.header-root .svgIL_labelColor--black {
  color: #000;
}

.header-root .svgIL_labelColor--white {
  color: #fff;
}

.header-root .svgIL_labelColor--green {
  color: #5cb615;
}

.header-root .svgIL_labelColor--orange {
  color: #ec624b;
}

.header-root .svgIL_labelColor--blue {
  color: #019df4;
}

.header-root .svgIL_labelColor--pipper {
  color: #ff374a;
}

.header-root .svgIL_labelColor--grey5 {
  color: #86888c;
}

.header-root .svgIL_labelColor--inherit {
  color: inherit;
}

.header-root .heading_display01 {
  font-size: 4.375rem;
}

.header-root .heading_display01,
.header-root .heading_display02 {
  font-family: TelefonicaThin,Arial,Helvetica;
}

.header-root .heading_display02 {
  font-size: 3.75rem;
}

.header-root .heading_display03 {
  font-size: 3.125rem;
  font-family: TelefonicaThin,Arial,Helvetica;
}

.header-root .heading_title01 {
  font-size: 2.25rem;
}

.header-root .heading_title01,
.header-root .heading_title02 {
  font-family: TelefonicaLight,Arial,Helvetica;
}

.header-root .heading_title02 {
  font-size: 1.875rem;
}

.header-root .heading_title03 {
  font-size: 1.5rem;
}

.header-root .heading_title03,
.header-root .heading_title04 {
  font-family: TelefonicaLight,Arial,Helvetica;
}

.header-root .heading_title04 {
  font-size: 1.375rem;
}

.header-root .heading_title05 {
  font-size: 1.25rem;
}

.header-root .heading_title05,
.header-root .heading_title06 {
  font-family: TelefonicaLight,Arial,Helvetica;
}

.header-root .heading_title06 {
  font-size: 1.125rem;
}

.header-root .heading_caption01 {
  font-size: 1.125rem;
}

.header-root .heading_caption01,
.header-root .heading_caption02 {
  font-family: TelefonicaRegular,Arial,Helvetica;
}

.header-root .heading_caption02 {
  font-size: 1rem;
}

.header-root .heading--center {
  text-align: center;
}

.header-root .heading--left {
  text-align: left;
}

.header-root .heading--right {
  text-align: right;
}

.header-root .heading--black {
  color: #000;
}

.header-root .heading--white {
  color: #fff;
}

.header-root .heading--green {
  color: #5cb615;
}

.header-root .heading--font-regular,
.header-root .paragraph--font-regular,
.header-root .span--font-regular {
  font-family: TelefonicaRegular,Arial,Helvetica;
}

.header-root .heading--font-light,
.header-root .paragraph--font-light,
.header-root .span--font-light {
  font-family: TelefonicaLight,Arial,Helvetica;
}

.header-root .heading--font-thin,
.header-root .paragraph--font-thin,
.header-root .span--font-thin {
  font-family: TelefonicaThin,Arial,Helvetica;
}

.header-root .heading--font-bold,
.header-root .paragraph--font-bold,
.header-root .span--font-bold {
  font-family: TelefonicaBold,Arial,Helvetica;
}

.header-root .heading--font-hand,
.header-root .paragraph--font-hand,
.header-root .span--font-hand {
  font-family: TelefonicaHand,Arial,Helvetica;
}

.header-root .heading--display01,
.header-root .paragraph--display01,
.header-root .span--display01 {
  font-size: 4.375rem;
}

.header-root .heading--display02,
.header-root .paragraph--display02,
.header-root .span--display02 {
  font-size: 3.75rem;
}

.header-root .heading--display03,
.header-root .paragraph--display03,
.header-root .span--display03 {
  font-size: 3.125rem;
}

.header-root .heading--title01,
.header-root .paragraph--title01,
.header-root .span--title01 {
  font-size: 2.25rem;
}

.header-root .heading--title02,
.header-root .paragraph--title02,
.header-root .span--title02 {
  font-size: 1.875rem;
}

.header-root .heading--title03,
.header-root .paragraph--title03,
.header-root .span--title03 {
  font-size: 1.5rem;
}

.header-root .heading--title04,
.header-root .paragraph--title04,
.header-root .span--title04 {
  font-size: 1.375rem;
}

.header-root .heading--title05,
.header-root .paragraph--title05,
.header-root .span--title05 {
  font-size: 1.25rem;
}

.header-root .heading--caption01,
.header-root .heading--title06,
.header-root .paragraph--caption01,
.header-root .paragraph--title06,
.header-root .span--caption01,
.header-root .span--title06 {
  font-size: 1.125rem;
}

.header-root .heading--caption02,
.header-root .paragraph--caption02,
.header-root .span--caption02 {
  font-size: 1rem;
}

.header-root .heading--caption03,
.header-root .paragraph--caption03,
.header-root .span--caption03 {
  font-size: .875rem;
}

.header-root .heading--center,
.header-root .paragraph--center,
.header-root .span--center {
  text-align: center;
}

.header-root .heading--left,
.header-root .paragraph--left,
.header-root .span--left {
  text-align: left;
}

.header-root .heading--right,
.header-root .paragraph--right,
.header-root .span--right {
  text-align: right;
}

.header-root .heading--justify,
.header-root .paragraph--justify,
.header-root .span--justify {
  text-align: justify;
}

.header-root .heading--black,
.header-root .paragraph--black,
.header-root .span--black {
  color: #000;
}

.header-root .heading--white,
.header-root .paragraph--white,
.header-root .span--white {
  color: #fff;
}

.header-root .heading--green,
.header-root .paragraph--green,
.header-root .span--green {
  color: #5cb615;
}

.header-root .heading--green-light,
.header-root .paragraph--green-light,
.header-root .span--green-light {
  color: #bde4a4;
}

.header-root .heading--green-dark,
.header-root .paragraph--green-dark,
.header-root .span--green-dark {
  color: #499010;
}

.header-root .heading--cool-grey,
.header-root .paragraph--cool-grey,
.header-root .span--cool-grey {
  color: #2a2a3c;
}

.header-root .heading--grey6,
.header-root .paragraph--grey6,
.header-root .span--grey6 {
  color: #313235;
}

.header-root .heading--grey5,
.header-root .paragraph--grey5,
.header-root .span--grey5 {
  color: #86888c;
}

.header-root .heading--grey5b,
.header-root .paragraph--grey5b,
.header-root .span--grey5b {
  color: #747474;
}

.header-root .heading--grey4,
.header-root .heading--grey4a,
.header-root .paragraph--grey4,
.header-root .paragraph--grey4a,
.header-root .span--grey4,
.header-root .span--grey4a {
  color: #999;
}

.header-root .heading--grey3,
.header-root .paragraph--grey3,
.header-root .span--grey3 {
  color: #ddd;
}

.header-root .heading--grey2,
.header-root .paragraph--grey2,
.header-root .span--grey2 {
  color: #eee;
}

.header-root .heading--grey1,
.header-root .paragraph--grey1,
.header-root .span--grey1 {
  color: #f5f5f5;
}

.header-root .heading--grey1a,
.header-root .paragraph--grey1a,
.header-root .span--grey1a {
  color: #ededed;
}

.header-root .heading--greya,
.header-root .paragraph--greya,
.header-root .span--greya {
  color: #666;
}

.header-root .heading--grey0,
.header-root .paragraph--grey0,
.header-root .span--grey0 {
  color: #f4f4f4;
}

.header-root .heading--orange,
.header-root .paragraph--orange,
.header-root .span--orange {
  color: #ec624b;
}

.header-root .heading--orange-light,
.header-root .paragraph--orange-light,
.header-root .span--orange-light {
  color: #f8cccc;
}

.header-root .heading--orange-dark,
.header-root .paragraph--orange-dark,
.header-root .span--orange-dark {
  color: #983230;
}

.header-root .heading--egg,
.header-root .paragraph--egg,
.header-root .span--egg {
  color: #f28d15;
}

.header-root .heading--egg-light,
.header-root .paragraph--egg-light,
.header-root .span--egg-light {
  color: #f8d2b3;
}

.header-root .heading--egg-dark,
.header-root .paragraph--egg-dark,
.header-root .span--egg-dark {
  color: #9f591f;
}

.header-root .heading--blue,
.header-root .paragraph--blue,
.header-root .span--blue {
  color: #019df4;
}

.header-root .heading--blue-a,
.header-root .paragraph--blue-a,
.header-root .span--blue-a {
  color: #00a9e0;
}

.header-root .heading--purple,
.header-root .paragraph--purple,
.header-root .span--purple {
  color: #a13ea1;
}

.header-root .heading--purple-light,
.header-root .paragraph--purple-light,
.header-root .span--purple-light {
  color: #debce4;
}

.header-root .heading--purple-dark,
.header-root .paragraph--purple-dark,
.header-root .span--purple-dark {
  color: #642a72;
}

.header-root .heading--pink,
.header-root .paragraph--pink,
.header-root .span--pink {
  color: #e63780;
}

.header-root .heading--pink-light,
.header-root .paragraph--pink-light,
.header-root .span--pink-light {
  color: #fbc7de;
}

.header-root .heading--pink-dark,
.header-root .paragraph--pink-dark,
.header-root .span--pink-dark {
  color: #922859;
}

.header-root .heading--pipper,
.header-root .paragraph--pipper,
.header-root .span--pipper {
  color: #ff374a;
}

.header-root .heading--pipper-light,
.header-root .paragraph--pipper-light,
.header-root .span--pipper-light {
  color: #ffc3c8;
}

.header-root .heading--pipper-dark,
.header-root .paragraph--pipper-dark,
.header-root .span--pipper-dark {
  color: #d73241;
}

.header-root .heading--red,
.header-root .paragraph--red,
.header-root .span--red {
  color: #ff374a;
}

.header-root .heading--red-light,
.header-root .paragraph--red-light,
.header-root .span--red-light {
  color: #ffc3c8;
}

.header-root .heading--red-dark,
.header-root .paragraph--red-dark,
.header-root .span--red-dark {
  color: #d73241;
}

.header-root .heading--inline,
.header-root .paragraph--inline,
.header-root .span--inline {
  display: inline;
}

.header-root .heading--block,
.header-root .paragraph--block,
.header-root .span--block {
  display: block;
}

.header-root .buttongap {
  position: relative;
  width: auto;
  height: auto;
}

.header-root .buttongap_width--short {
  min-width: 80px;
  width: 80px;
}

.header-root .buttongap_width--medium {
  min-width: 178px;
  width: 178px;
}

.header-root .buttongap_width--large {
  min-width: 356px;
  width: 356px;
}

.header-root .buttongap_width--liquid {
  min-width: 0;
  width: 0;
}

.header-root .buttongap_width--full {
  min-width: 100%;
  width: 100%;
}

.header-root .button {
  position: relative;
  cursor: pointer;
  font-family: TelefonicaRegular,Arial,Helvetica;
  transition: all .3s;
  border-radius: 4px;
  display: inline-block;
}

.header-root .button .globalContent {
  text-align: center;
}

.header-root .button .iesvg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  display: none;
}

.header-root .button .operationSVG {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  stroke: #fff;
  overflow: visible;
  display: blck;
}

.header-root .button .operationSVG.loadder {
  animation: rotating 1s linear infinite;
}

.header-root .button .operationSVG.operationSVG {
  transform: translate(-50%,-50%);
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
}

.header-root .button .operationSVG.operationSVG .circle {
  stroke-dashoffset: 1000;
  -webkit-animation: dashAndFadeOut 9s ease-in-out .35s;
  animation: dashAndFadeOut .9s ease-in-out .35s;
}

.header-root .button .operationSVG.operationSVG .line {
  stroke-dashoffset: 1000;
  -webkit-animation: dashAndFadeOut .9s ease-in-out .35s forwards;
  animation: dashAndFadeOut .9s ease-in-out .35s forwards;
}

.header-root .button .operationSVG.operationSVG .check {
  stroke-dashoffset: -100;
  -webkit-animation: dash-check .9s ease-in-out .35s forwards;
  animation: dash-check .9s ease-in-out .35s forwards;
}

.header-root .button a {
  color: inherit;
}

.header-root .button a:hover {
  text-decoration: none;
}

.header-root .button .CustomLink.linkoverbox {
  position: relative;
  width: 100%;
  height: 100%;
}

.header-root .button_label {
  position: relative;
  opacity: 1;
  display: block;
  white-space: nowrap;
  margin: 0!important;
  padding: 0 10px;
}

.header-root .button_label.fade {
  opacity: 0;
  -webkit-animation: labelFadeIn 1.2s ease-in-out 1.35s forwards;
  animation: labelFadeIn 1.2s ease-in-out 1.35s forwards;
}

.header-root .button_label.hidden {
  opacity: 0;
}

.header-root .button_label.show {
  opacity: 1;
}

.header-root .button_label--regular {
  font-size: 1.125rem;
}

.header-root .button_label--small {
  font-size: .875rem;
}

.header-root .button--green {
  background-color: #5cb615!important;
  border: 1px solid #5cb615!important;
  color: #fff;
}

.header-root .button--green .iesvg {
  stroke: #fff;
}

.header-root .button--green .iesvg path {
  fill: #fff;
}

.header-root .button--green .iesvg circle {
  stroke: #fff;
}

.header-root .button--green .operationSVG {
  stroke: #fff;
  fill: #fff;
}

.header-root .button--green .operationSVG .circle,
.header-root .button--green .operationSVG polyline {
  stroke: #fff;
}

.header-root .button--green .operationSVG path {
  stroke: #fff;
  fill: #fff;
}

.header-root .button--green .operationSVG .line {
  stroke: #fff;
}

.header-root .button--green .operationSVG .line path {
  stroke: #fff;
  fill: #fff;
}

.header-root .button--green .button_label,
.header-root .button--green a {
  color: #fff;
}

.header-root .button--green--disable {
  background-color: rgba(92,182,21,.7)!important;
  border: 1px solid transparent!important;
  cursor: default;
}

.header-root .button--green_reverse {
  background-color: transparent!important;
  color: #5cb615;
  border: 1px solid #5cb615!important;
}

.header-root .button--green_reverse .iesvg {
  stroke: #5cb615;
}

.header-root .button--green_reverse .iesvg path {
  fill: #5cb615;
}

.header-root .button--green_reverse .iesvg circle {
  stroke: #5cb615;
}

.header-root .button--green_reverse .operationSVG {
  stroke: #5cb615;
  fill: #5cb615;
}

.header-root .button--green_reverse .operationSVG .circle,
.header-root .button--green_reverse .operationSVG polyline {
  stroke: #5cb615;
}

.header-root .button--green_reverse .operationSVG path {
  stroke: #5cb615;
  fill: #5cb615;
}

.header-root .button--green_reverse .operationSVG .line {
  stroke: #5cb615;
}

.header-root .button--green_reverse .operationSVG .line path {
  stroke: #5cb615;
  fill: #5cb615;
}

.header-root .button--green_reverse .button_label,
.header-root .button--green_reverse a {
  color: #5cb615;
}

.header-root .button--green_reverse--disable {
  opacity: .7;
  cursor: default;
}

.header-root .button--blue {
  color: #fff;
  background-color: #019df4!important;
  border: 1px solid #019df4!important;
}

.header-root .button--blue .iesvg {
  stroke: #fff;
}

.header-root .button--blue .iesvg path {
  fill: #fff;
}

.header-root .button--blue .iesvg circle {
  stroke: #fff;
}

.header-root .button--blue .operationSVG {
  stroke: #fff;
  fill: #fff;
}

.header-root .button--blue .operationSVG .circle,
.header-root .button--blue .operationSVG polyline {
  stroke: #fff;
}

.header-root .button--blue .operationSVG path {
  stroke: #fff;
  fill: #fff;
}

.header-root .button--blue .operationSVG .line {
  stroke: #fff;
}

.header-root .button--blue .operationSVG .line path {
  stroke: #fff;
  fill: #fff;
}

.header-root .button--blue .button_label,
.header-root .button--blue a {
  color: #fff;
}

.header-root .button--blue--disable {
  background-color: rgba(1,157,244,.7)!important;
  border: 1px solid transparent!important;
  cursor: default;
}

.header-root .button--blue_reverse {
  background-color: transparent!important;
  color: #019df4;
  border: 1px solid #019df4!important;
}

.header-root .button--blue_reverse .iesvg {
  stroke: #019df4;
}

.header-root .button--blue_reverse .iesvg path {
  fill: #019df4;
}

.header-root .button--blue_reverse .iesvg circle {
  stroke: #019df4;
}

.header-root .button--blue_reverse .operationSVG {
  stroke: #019df4;
  fill: #019df4;
}

.header-root .button--blue_reverse .operationSVG .circle,
.header-root .button--blue_reverse .operationSVG polyline {
  stroke: #019df4;
}

.header-root .button--blue_reverse .operationSVG path {
  stroke: #019df4;
  fill: #019df4;
}

.header-root .button--blue_reverse .operationSVG .line {
  stroke: #fff;
}

.header-root .button--blue_reverse .operationSVG .line path {
  stroke: #019df4;
  fill: #019df4;
}

.header-root .button--blue_reverse .button_label,
.header-root .button--blue_reverse a {
  color: #019df4;
}

.header-root .button--blue_reverse--disable {
  opacity: .7;
  cursor: default;
}

.header-root .button--red {
  color: #fff;
  background-color: #ed4b51!important;
  border: 1px solid #ed4b51!important;
}

.header-root .button--red .iesvg {
  stroke: #fff;
}

.header-root .button--red .iesvg path {
  fill: #fff;
}

.header-root .button--red .iesvg circle {
  stroke: #fff;
}

.header-root .button--red .operationSVG {
  stroke: #fff;
  fill: #fff;
}

.header-root .button--red .operationSVG .circle,
.header-root .button--red .operationSVG polyline {
  stroke: #fff;
}

.header-root .button--red .operationSVG path {
  stroke: #fff;
  fill: #fff;
}

.header-root .button--red .operationSVG .line {
  stroke: #fff;
}

.header-root .button--red .operationSVG .line path {
  stroke: #fff;
  fill: #fff;
}

.header-root .button--red .button_label,
.header-root .button--red a {
  color: #fff;
}

.header-root .button--red--disable {
  background-color: rgba(237,75,81,.7)!important;
  border: 1px solid transparent!important;
  cursor: default;
}

.header-root .button--red_reverse {
  background-color: transparent!important;
  color: #ed4b51;
  border: 1px solid #ed4b51!important;
}

.header-root .button--red_reverse .iesvg {
  stroke: #ed4b51;
}

.header-root .button--red_reverse .iesvg path {
  fill: #ed4b51;
}

.header-root .button--red_reverse .iesvg circle {
  stroke: #ed4b51;
}

.header-root .button--red_reverse .operationSVG {
  stroke: #ed4b51;
  fill: #ed4b51;
}

.header-root .button--red_reverse .operationSVG .circle,
.header-root .button--red_reverse .operationSVG polyline {
  stroke: #ed4b51;
}

.header-root .button--red_reverse .operationSVG path {
  stroke: #ed4b51;
  fill: #ed4b51;
}

.header-root .button--red_reverse .operationSVG .line {
  stroke: #ed4b51;
}

.header-root .button--red_reverse .operationSVG .line path {
  stroke: #ed4b51;
  fill: #ed4b51;
}

.header-root .button--red_reverse .button_label,
.header-root .button--red_reverse a {
  color: #ed4b51;
}

.header-root .button--red_reverse--disable {
  opacity: .7;
  cursor: default;
}

.header-root .button--grey {
  color: #313235;
  background-color: #f5f5f5!important;
  border: 1px solid #f5f5f5!important;
}

.header-root .button--grey .iesvg {
  stroke: #313235;
}

.header-root .button--grey .iesvg path {
  fill: #313235;
}

.header-root .button--grey .iesvg circle {
  stroke: #313235;
}

.header-root .button--grey .operationSVG {
  stroke: #313235;
  fill: #313235;
}

.header-root .button--grey .operationSVG .circle,
.header-root .button--grey .operationSVG polyline {
  stroke: #313235;
}

.header-root .button--grey .operationSVG path {
  stroke: #313235;
  fill: #313235;
}

.header-root .button--grey .operationSVG .line {
  stroke: #313235;
}

.header-root .button--grey .operationSVG .line path {
  stroke: #313235;
  fill: #313235;
}

.header-root .button--grey .button_label,
.header-root .button--grey a {
  color: #313235;
}

.header-root .button--grey--disable {
  border: 1px solid transparent!important;
  background-color: hsla(0,0%,96.1%,.7)!important;
  cursor: default;
}

.header-root .button--grey_reverse {
  background-color: transparent!important;
  color: #f5f5f5;
  border: 1px solid #f5f5f5!important;
}

.header-root .button--grey_reverse .iesvg {
  stroke: #f5f5f5;
}

.header-root .button--grey_reverse .iesvg path {
  fill: #f5f5f5;
}

.header-root .button--grey_reverse .iesvg circle {
  stroke: #f5f5f5;
}

.header-root .button--grey_reverse .operationSVG {
  stroke: #f5f5f5;
  fill: #f5f5f5;
}

.header-root .button--grey_reverse .operationSVG .circle,
.header-root .button--grey_reverse .operationSVG polyline {
  stroke: #f5f5f5;
}

.header-root .button--grey_reverse .operationSVG path {
  stroke: #f5f5f5;
  fill: #f5f5f5;
}

.header-root .button--grey_reverse .operationSVG .line {
  stroke: #f5f5f5;
}

.header-root .button--grey_reverse .operationSVG .line path {
  stroke: #f5f5f5;
  fill: #f5f5f5;
}

.header-root .button--grey_reverse .button_label,
.header-root .button--grey_reverse a {
  color: #f5f5f5;
}

.header-root .button--grey_reverse--disable {
  opacity: .7;
  cursor: default;
}

.header-root .button--grey5 {
  color: #f5f5f5;
  background-color: #86888c!important;
  border: 1px solid #86888c!important;
}

.header-root .button--grey5 .iesvg {
  stroke: #f5f5f5;
}

.header-root .button--grey5 .iesvg path {
  fill: #f5f5f5;
}

.header-root .button--grey5 .iesvg circle {
  stroke: #f5f5f5;
}

.header-root .button--grey5 .operationSVG {
  stroke: #f5f5f5;
  fill: #f5f5f5;
}

.header-root .button--grey5 .operationSVG .circle,
.header-root .button--grey5 .operationSVG polyline {
  stroke: #f5f5f5;
}

.header-root .button--grey5 .operationSVG path {
  stroke: #f5f5f5;
  fill: #f5f5f5;
}

.header-root .button--grey5 .operationSVG .line {
  stroke: #f5f5f5;
}

.header-root .button--grey5 .operationSVG .line path {
  stroke: #f5f5f5;
  fill: #f5f5f5;
}

.header-root .button--grey5 .button_label,
.header-root .button--grey5 a {
  color: #f5f5f5;
}

.header-root .button--grey5--disable {
  border: 1px solid transparent!important;
  background-color: rgba(134,136,140,.7)!important;
  cursor: default;
}

.header-root .button--grey_reverse5 {
  background-color: transparent!important;
  color: #86888c;
  border: 1px solid #86888c!important;
}

.header-root .button--grey_reverse5 .iesvg {
  stroke: #86888c;
}

.header-root .button--grey_reverse5 .iesvg path {
  fill: #86888c;
}

.header-root .button--grey_reverse5 .iesvg circle {
  stroke: #86888c;
}

.header-root .button--grey_reverse5 .operationSVG {
  stroke: #86888c;
  fill: #86888c;
}

.header-root .button--grey_reverse5 .operationSVG .circle,
.header-root .button--grey_reverse5 .operationSVG polyline {
  stroke: #86888c;
}

.header-root .button--grey_reverse5 .operationSVG path {
  stroke: #86888c;
  fill: #86888c;
}

.header-root .button--grey_reverse5 .operationSVG .line {
  stroke: #86888c;
}

.header-root .button--grey_reverse5 .operationSVG .line path {
  stroke: #86888c;
  fill: #86888c;
}

.header-root .button--grey_reverse5 .button_label,
.header-root .button--grey_reverse5 a {
  color: #86888c;
}

.header-root .button--grey_reverse5--disable {
  opacity: .7;
  cursor: default;
}

.header-root .button--header {
  background-color: rgba(49,50,53,.3)!important;
  color: #fff;
  border: 1px solid rgba(49,50,53,.3)!important;
}

.header-root .button--header .iesvg {
  stroke: #fff;
}

.header-root .button--header .iesvg path {
  fill: #fff;
}

.header-root .button--header .iesvg circle {
  stroke: #fff;
}

.header-root .button--header .operationSVG {
  stroke: #fff;
  fill: #fff;
}

.header-root .button--header .operationSVG .circle,
.header-root .button--header .operationSVG polyline {
  stroke: #fff;
}

.header-root .button--header .operationSVG path {
  stroke: #fff;
  fill: #fff;
}

.header-root .button--header .operationSVG .line {
  stroke: #fff;
}

.header-root .button--header .operationSVG .line path {
  stroke: #fff;
  fill: #fff;
}

.header-root .button--header .button_label,
.header-root .button--header a {
  color: #fff;
}

.header-root .button--header--disable {
  border: 1px solid transparent!important;
  background-color: rgba(49,50,53,.7)!important;
  cursor: default;
}

.header-root .button--header--enable:hover {
  border: 1px solid transparent!important;
  opacity: .7!important;
}

@media screen and (min-width:768px) {
  .header-root .button--header {
    background-color: #019df4!important;
    border: 1px solid #019df4!important;
    color: #fff;
  }

  .header-root .button--header .iesvg {
    stroke: #fff;
  }

  .header-root .button--header .iesvg path {
    fill: #fff;
  }

  .header-root .button--header .iesvg circle {
    stroke: #fff;
  }

  .header-root .button--header .operationSVG {
    stroke: #fff;
    fill: #fff;
  }

  .header-root .button--header .operationSVG .circle,
  .header-root .button--header .operationSVG polyline {
    stroke: #fff;
  }

  .header-root .button--header .operationSVG path {
    stroke: #fff;
    fill: #fff;
  }

  .header-root .button--header .operationSVG .line {
    stroke: #fff;
  }

  .header-root .button--header .operationSVG .line path {
    stroke: #fff;
    fill: #fff;
  }

  .header-root .button--header .button_label,
  .header-root .button--header a {
    color: #fff;
  }

  .header-root .button--header--disable {
    border: 1px solid transparent;
    background-color: rgba(42,42,60,.7);
    cursor: default;
  }

  .header-root .button--header--enable:hover {
    border: 1px solid transparent;
    opacity: .7;
  }
}

.header-root .button--header_reverse {
  background-color: transparent!important;
  color: #fff;
  border: 1px solid #fff!important;
}

.header-root .button--header_reverse .iesvg {
  stroke: #fff;
}

.header-root .button--header_reverse .iesvg path {
  fill: #fff;
}

.header-root .button--header_reverse .iesvg circle {
  stroke: #fff;
}

.header-root .button--header_reverse .operationSVG {
  stroke: #fff;
  fill: #fff;
}

.header-root .button--header_reverse .operationSVG .circle,
.header-root .button--header_reverse .operationSVG polyline {
  stroke: #fff;
}

.header-root .button--header_reverse .operationSVG path {
  stroke: #fff;
  fill: #fff;
}

.header-root .button--header_reverse .operationSVG .line {
  stroke: #fff;
}

.header-root .button--header_reverse .operationSVG .line path {
  stroke: #fff;
  fill: #fff;
}

.header-root .button--header_reverse .button_label,
.header-root .button--header_reverse a {
  color: #fff;
}

.header-root .button--header_reverse--disable {
  opacity: .7;
  cursor: default;
}

@media screen and (min-width:768px) {
  .header-root .button--header_reverse {
    background-color: transparent!important;
    color: #019df4;
    border: 1px solid #019df4!important;
  }

  .header-root .button--header_reverse .iesvg {
    stroke: #2a2a3c;
  }

  .header-root .button--header_reverse .iesvg path {
    fill: #2a2a3c;
  }

  .header-root .button--header_reverse .iesvg circle {
    stroke: #2a2a3c;
  }

  .header-root .button--header_reverse .operationSVG {
    stroke: #2a2a3c;
    fill: #2a2a3c;
  }

  .header-root .button--header_reverse .operationSVG .circle,
  .header-root .button--header_reverse .operationSVG polyline {
    stroke: #2a2a3c;
  }

  .header-root .button--header_reverse .operationSVG path {
    stroke: #2a2a3c;
    fill: #2a2a3c;
  }

  .header-root .button--header_reverse .operationSVG .line {
    stroke: #2a2a3c;
  }

  .header-root .button--header_reverse .operationSVG .line path {
    stroke: #2a2a3c;
    fill: #2a2a3c;
  }

  .header-root .button--header_reverse .button_label,
  .header-root .button--header_reverse a {
    color: #019df4;
  }

  .header-root .button--header_reverse--disable {
    opacity: .7;
    cursor: default;
  }

  .header-root .button--header_reverse--enable:hover {
    opacity: .7;
  }
}

.header-root .button--header_differentiated {
  background-color: #fff!important;
  color: #019df4;
  border: 1px solid #fff!important;
}

.header-root .button--header_differentiated .iesvg {
  stroke: #019df4;
}

.header-root .button--header_differentiated .iesvg path {
  fill: #019df4;
}

.header-root .button--header_differentiated .iesvg circle {
  stroke: #019df4;
}

.header-root .button--header_differentiated .operationSVG {
  stroke: #019df4;
  fill: #019df4;
}

.header-root .button--header_differentiated .operationSVG .circle,
.header-root .button--header_differentiated .operationSVG polyline {
  stroke: #019df4;
}

.header-root .button--header_differentiated .operationSVG path {
  stroke: #0b2739;
  fill: #019df4;
}

.header-root .button--header_differentiated .operationSVG .line {
  stroke: #019df4;
}

.header-root .button--header_differentiated .operationSVG .line path {
  stroke: #019df4;
  fill: #019df4;
}

.header-root .button--header_differentiated .button_label,
.header-root .button--header_differentiated a {
  color: #019df4;
}

.header-root .button--header_differentiated--disable {
  opacity: .7;
  cursor: default;
}

.header-root .button--header_differentiated--enable:hover {
  opacity: .7;
}

@media screen and (min-width:768px) {
  .header-root .button--header_differentiated {
    background-color: transparent!important;
    color: #5cb615;
    border: 1px solid #5cb615!important;
  }

  .header-root .button--header_differentiated .iesvg {
    stroke: #5cb615;
  }

  .header-root .button--header_differentiated .iesvg path {
    fill: #5cb615;
  }

  .header-root .button--header_differentiated .iesvg circle {
    stroke: #5cb615;
  }

  .header-root .button--header_differentiated .operationSVG {
    stroke: #5cb615;
    fill: #5cb615;
  }

  .header-root .button--header_differentiated .operationSVG .circle,
  .header-root .button--header_differentiated .operationSVG polyline {
    stroke: #5cb615;
  }

  .header-root .button--header_differentiated .operationSVG path {
    stroke: #5cb615;
    fill: #5cb615;
  }

  .header-root .button--header_differentiated .operationSVG .line {
    stroke: #5cb615;
  }

  .header-root .button--header_differentiated .operationSVG .line path {
    stroke: #5cb615;
    fill: #5cb615;
  }

  .header-root .button--header_differentiated .button_label,
  .header-root .button--header_differentiated a {
    color: #5cb615;
  }

  .header-root .button--header_differentiated--disable {
    opacity: .7;
    cursor: default;
  }

  .header-root .button--header_differentiated--enable:hover {
    opacity: .7;
  }
}

.header-root .button_height--regular {
  height: 43px;
}

.header-root .button_height--regular .button_label {
  line-height: 43px;
}

.header-root .button_height--regular .button_label_svg {
  padding-left: .3125rem;
  padding-right: 1.4375rem;
  height: 43px;
}

.header-root .button_height--regular .button_label_svg svg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 1.4375rem;
  width: 1.4375rem;
}

.header-root .button_height--small {
  height: 30px;
}

.header-root .button_height--small .button_label {
  line-height: 30px;
}

.header-root .button_height--small .button_label_svg {
  padding-left: 5px;
  padding-right: 18px;
  height: 30px;
}

.header-root .button_height--small .button_label_svg svg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 1.125rem!important;
  width: 1.125rem!important;
}

.header-root .button_width--short {
  min-width: 80px;
  width: 80px;
}

.header-root .button_width--medium {
  min-width: 178px;
  width: 178px;
}

.header-root .button_width--large {
  min-width: 356px;
  width: 356px;
}

.header-root .button_width--liquid {
  min-width: 0;
  width: auto;
}

.header-root .button_width--full {
  min-width: 100%;
  width: 100%;
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
  .header-root .button .iesvg {
    opacity: 0;
    animation: ieSvgAn 1.3s ease-in-out 0s forwards;
    display: block;
  }

  .header-root .button .operationSVG .failure,
  .header-root .button .operationSVG .success {
    animation: none;
    display: block;
  }
}

@media screen and (min-width:1260px) {
  .header-root .button--green--enable:hover {
    background-color: #509f12!important;
  }

  .header-root .button--green--enable:hover,
  .header-root .button--green_reverse--enable:hover {
    border: 1px solid #509f12!important;
  }

  .header-root .button--green_reverse--enable:hover .button_label {
    color: #458810!important;
  }

  .header-root .button--blue--enable:hover {
    background-color: #018ddb!important;
  }

  .header-root .button--blue--enable:hover,
  .header-root .button--blue_reverse--enable:hover {
    border: 1px solid #018ddb!important;
  }

  .header-root .button--blue_reverse--enable:hover .button_label {
    color: #017cc1!important;
  }

  .header-root .button--grey--enable:hover {
    background-color: #ebebeb!important;
    border: 1px solid #e8e8e8!important;
  }

  .header-root .button--grey5--enable:hover {
    background-color: #797b7f!important;
    color: #74767a;
  }

  .header-root .button--grey_reverse--enable:hover {
    border: 1px solid #e8e8e8!important;
    color: #dcdcdc!important;
  }

  .header-root .button--grey_reverse--enable:hover .button_label {
    color: #dcdcdc!important;
  }

  .header-root .button--grey_reverse5--enable:hover {
    border: 1px solid #797b7f!important;
  }

  .header-root .button--grey_reverse5--enable:hover .button_label {
    color: #6d6f72!important;
  }

  .header-root .button--red--enable:hover {
    background-color: #eb343b!important;
  }

  .header-root .button--red--enable:hover,
  .header-root .button--red_reverse--enable:hover {
    border: 1px solid #eb343b!important;
  }

  .header-root .button--red_reverse--enable:hover .button_label {
    color: #e81d24!important;
  }
}

@keyframes ieSvgAn {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@-webkit-keyframes ieSvgAn {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes labelFadeIn {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes labelFadeIn {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes dashAndFadeOut {
  0% {
    stroke-dashoffset: 1000;
    opacity: 1;
  }

  99% {
    opacity: 1;
    stroke-dashoffset: 0;
  }

  to {
    stroke-dashoffset: 0;
    opacity: 0;
  }
}

@-webkit-keyframes dashAndFadeOut {
  0% {
    stroke-dashoffset: 1000;
    opacity: 1;
  }

  99% {
    opacity: 1;
    stroke-dashoffset: 0;
  }

  to {
    stroke-dashoffset: 0;
    opacity: 0;
  }
}

@keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
    opacity: 1;
  }

  99% {
    stroke-dashoffset: 900;
    opacity: 1;
  }

  to {
    stroke-dashoffset: 900;
    opacity: 0;
  }
}

@-webkit-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
    opacity: 1;
  }

  99% {
    stroke-dashoffset: 900;
    opacity: 1;
  }

  to {
    stroke-dashoffset: 900;
    opacity: 0;
  }
}

@-webkit-keyframes rotating {
  0% {
    -ms-transform: translate(-50%,-50%) rotate(0deg);
    -moz-transform: translate(-50%,-50%) rotate(0deg);
    -webkit-transform: translate(-50%,-50%) rotate(0deg);
    -o-transform: translate(-50%,-50%) rotate(0deg);
    transform: translate(-50%,-50%) rotate(0deg);
  }

  to {
    -ms-transform: translate(-50%,-50%) rotate(1turn);
    -moz-transform: translate(-50%,-50%) rotate(1turn);
    -webkit-transform: translate(-50%,-50%) rotate(1turn);
    -o-transform: translate(-50%,-50%) rotate(1turn);
    transform: translate(-50%,-50%) rotate(1turn);
  }
}

@keyframes rotating {
  0% {
    -ms-transform: translate(-50%,-50%) rotate(0deg);
    -moz-transform: translate(-50%,-50%) rotate(0deg);
    -webkit-transform: translate(-50%,-50%) rotate(0deg);
    -o-transform: translate(-50%,-50%) rotate(0deg);
    transform: translate(-50%,-50%) rotate(0deg);
  }

  to {
    -ms-transform: translate(-50%,-50%) rotate(1turn);
    -moz-transform: translate(-50%,-50%) rotate(1turn);
    -webkit-transform: translate(-50%,-50%) rotate(1turn);
    -o-transform: translate(-50%,-50%) rotate(1turn);
    transform: translate(-50%,-50%) rotate(1turn);
  }
}

.header-root .regular {
  font-family: TelefonicaRegular,Arial,Helvetica;
}

.header-root .bold {
  font-family: TelefonicaBold,Arial,Helvetica;
}

.header-root .light {
  font-family: TelefonicaThin,Arial,Helvetica;
}

.header-root .hand {
  font-family: TelefonicaHand,Arial,Helvetica;
}

.header-root .button.pill {
  padding-top: 0;
  padding-bottom: 0;
  display: block;
}

.header-root .button.pill.pill--regular,
.header-root .button.pill.pill--regular .CustomLink.invisibleButton {
  border-radius: 43px;
}

.header-root .button.pill.pill--regular--claim,
.header-root .button.pill.pill--regular--claim .CustomLink.invisibleButton {
  border-radius: 0 4px 4px 4px;
}

.header-root .button.pill.pill--small,
.header-root .button.pill.pill--small .CustomLink.invisibleButton {
  border-radius: 30px;
}

.header-root .button.pill.pill--small--claim,
.header-root .button.pill.pill--small--claim .CustomLink.invisibleButton {
  border-radius: 0 4px 4px 4px;
}