body.region-player-account-management .seo-text-container,
body.region-player-account-management footer .info-bar {
  background-color: #014B32;
}
body.dli .seo-text-container,
body.dli footer .info-bar {
  background-color: #263863;
}
body.dlo .seo-text-container,
body.dlo footer .info-bar {
  background-color: #9a0000;
}



@media all and (max-width: 767px) {
  .is-logged-in .header.standalone-header {
    transform: translateX(-100vw);
  }
  .is-logged-in .header.standalone-header:before {
    transform: translateX(15.4vw);
  }
  .is-logged-in .header.standalone-header .mobile-nav-right {
    display: block;
  }
  .is-logged-in .header.standalone-header .menu-toggle-right {
    position: relative;
    right: -100vw;
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 949px) {
  .is-logged-in .header.standalone-header {
    transform: translateX(-50vw);
  }
  .is-logged-in .header.standalone-header .brand-nav__logo {
    display: none;
  }
  .is-logged-in .header.standalone-header .mobile-user-info {
    filter: blur(2px);
  }
  .is-logged-in .header.standalone-header .mobile-user-info:after {
    display: table;
    content: ' ';
    clear: both;
  }
  .is-logged-in .header.standalone-header:before {
    transform: translateX(15.4vw);
  }
  .is-logged-in .header.standalone-header .mobile-nav-right {
    display: block;
  }
  .is-logged-in .header.standalone-header .menu-toggle-right {
    display: block;
  }
}
@media all and (min-width: 950px) {
  .is-logged-in .header.standalone-header .brand-nav {
    transform: translate3d(0px, 227px, 0);
  }
  .is-logged-in .header.standalone-header .accountmenu .sub-navigation {
    transform: translateY(100%) scaleY(1);
    z-index: 1;
  }
}



.is-logged-in.casino-theme .pam__button-container {
  justify-content: center;
}
@media (min-width: 768px) {
  .is-logged-in.casino-theme .pam__button-container {
    display: grid;
  }
}
.is-logged-in.casino-theme .pam__button-container .pam__button {
  background-color: #731E41;
  color: white;
  border: none;
  border-radius: 100px;
}
@media all and (max-width: 767px) {
  .is-logged-in.casino-theme .pam__button-container .pam__button {
    max-width: 50%;
  }
}
.is-logged-in.casino-theme .pam__button-container .pam__button:active,
.is-logged-in.casino-theme .pam__button-container .pam__button:hover {
  background-color: #551429;
}
.is-logged-in.casino-theme .navigation-header {
  display: none;
}



body.dli .pam-header-nav {
  background-color: #1c2d56;
}
body.dlo .pam-header-nav {
  background-color: #8f0b0f;
}
.pam-header-nav__container.pam-header-nav__container {
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 2rem;
  padding: 0.7rem 2rem;
  font-size: 1.4rem;
}
@media screen and (max-width: 950px) {
  .pam-header-nav__container.pam-header-nav__container {
    padding: 1rem;
    column-gap: 1rem;
    row-gap: 0.5rem;
    display: grid;
    grid-template-areas: "back-button col-2 col-4" "back-button col-3 col-4";
    grid-template-columns: minmax(5rem, 7rem) 1fr 4rem;
  }
}
.pam-header__back-button {
  display: flex;
  align-items: center;
  justify-self: left;
  flex-direction: row;
  color: #fff;
}
@media screen and (max-width: 950px) {
  .pam-header__back-button {
    grid-area: back-button;
  }
}
.pam-header__back-button-icon {
  width: 1.4rem;
  height: 1.4rem;
  margin-right: 1rem;
}
.pam-header-nav__logo-link {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  color: #ffffff;
}
.pam-header-nav__logo-link:hover {
  text-decoration: none;
}
@media screen and (max-width: 950px) {
  .pam-header-nav__logo-link {
    grid-area: col-2;
    justify-self: end;
    margin: 0;
  }
}
.pam-header-nav__logo-img {
  height: 1.6rem;
  width: 1.6rem;
  margin-right: 1rem;
}
.pam-header-nav__logo-text {
  font-weight: 700;
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .pam-account-menu__username {
    max-width: 10rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}



.pam-account-menu {
  display: flex;
  align-items: center;
  flex-direction: row;
}
@media screen and (max-width: 950px) {
  .pam-account-menu {
    grid-area: col-3;
    justify-self: end;
  }
}
.pam-account-menu__balance {
  font-weight: 700;
  color: inherit;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  padding-right: 1rem;
  margin-right: 1rem;
}
.pam-account-menu__logout-button {
  display: flex;
  align-items: center;
  justify-self: right;
  flex-direction: row;
  background-color: transparent;
  color: inherit;
  border: 1px solid #fff;
  border-radius: 100px;
  padding: 0 1.5rem;
  height: 3.2rem;
  font-size: 1.2rem;
}
@media screen and (max-width: 950px) {
  .pam-account-menu__logout-button {
    grid-area: col-4;
    padding: 0;
    height: 4rem;
    width: 4rem;
    text-indent: -9999px;
  }
}
.pam-account-menu__logout-button-icon {
  width: 1.4rem;
  height: 1.4rem;
  margin-right: 1rem;
}
@media screen and (max-width: 950px) {
  .pam-account-menu__logout-button-icon {
    margin: auto;
  }
}



.box {
  margin: 0 auto 3em;
  color: #323232;
  list-style-type: none;
  font-size: 4vw;
  border: 1px solid #dcdcdc;
  background-color: #fff;
}
.box * {
  margin: 0;
  padding: 0;
}
.box a {
  color: #323232;
}
.box a:hover {
  text-decoration: none;
}
.box a:active {
  text-decoration: none;
}
@media (min-width: 768px) {
  .box {
    font-size: 15px;
  }
}
.box h1 {
  font-size: 1.6em;
}
.box h2 {
  font-size: 1.2em;
  font-weight: 700;
}
.box h3 {
  font-size: 0.9em;
}
.box p {
  justify-content: center;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  font-size: 0.9em;
  text-align: center;
  font-weight: 400;
  color: #6e6e6e;
}
.box:first-child {
  border-radius: 1vw;
}
@media (min-width: 768px) {
  .box:first-child {
    border-radius: 6px;
  }
}
.box-tabs {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
}
.box-tabs__tab {
  float: left;
  width: 50%;
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  height: 3em;
  border-left: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
}
.box-tabs__tab:hover {
  cursor: initial;
}
.box-tabs__tab--active {
  background-color: #fff;
  border-bottom: none;
}
.box-tabs__tab:first-child {
  border-left: none;
  border-top-left-radius: 6px;
}
.box-tabs__tab:last-child {
  border-top-right-radius: 6px;
}
.box-tabs__tab:not(.box-tabs__tab--active) {
  cursor: pointer;
  background-color: #f3f3f3;
}
.box-tabs__tab:not(.box-tabs__tab--active):hover {
  background-color: #e9e9e9;
}
.box-tabs__tab:not(.box-tabs__tab--active):active {
  background-color: #e0e0e0;
}
.box-tabs__tab span {
  margin: 0;
  font-size: 0.8em;
}
@media (min-width: 768px) {
  .box-tabs__tab span {
    color: #6e6e6e;
  }
}
.box-tabs + .subscription-list__list__item {
  border-top: none;
}
.box-header {
  display: flex;
  position: relative;
  height: 4em;
  border-bottom: 1px solid #dcdcdc;
}
.box-header__left {
  float: left;
  width: 60%;
  flex-grow: 1;
  padding: 1em 0 1em 1.8em;
  text-align: left;
  display: flex;
  align-items: center;
}
.box-header__left .jackpot-info {
  cursor: pointer;
  display: inline-block;
  color: #004b32;
  width: 1em;
  height: 1em;
  margin-left: 0.5em;
}
.box-header__right {
  float: right;
  position: relative;
  text-align: left;
}
.box-header__right .mobile-select-arrow {
  pointer-events: none;
  width: 1em;
  height: 1em;
  position: absolute;
  top: 1.5em;
  right: 0.5em;
}
@media (min-width: 768px) {
  .box-header__right .mobile-select-arrow {
    right: 1.5em;
  }
}
@media (min-width: 768px) {
  .box-header__right .mobile-select-arrow {
    display: none;
  }
}
.box-header__right .dropdown {
  user-select: none;
  font-size: 4vw;
  height: 4em;
  margin: 0;
}
@media (min-width: 768px) {
  .box-header__right .dropdown {
    font-size: 15px;
    width: 15em;
  }
}
.box-header__right .dropdown select {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  height: 4em;
  border: none;
  outline: none;
  background-color: transparent;
  width: auto;
  font-size: 4vw;
  font-weight: 700;
  direction: rtl;
  appearance: none;
  padding-right: 2em;
}
@media (min-width: 768px) {
  .box-header__right .dropdown select {
    font-size: 15px;
    padding-right: 4em;
  }
}
.box-header__right .dropdown__selection {
  color: #323232;
  display: none;
  align-items: center;
  height: 4em;
}
@media (min-width: 768px) {
  .box-header__right .dropdown__selection {
    display: flex;
  }
}
.box-header__right .dropdown__selection__left {
  text-align: right;
  padding: 0;
  font-size: 1em;
  font-weight: 700;
  flex-grow: 2;
}
.box-header__right .dropdown__selection__left span {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .box-header__right .dropdown__selection__left {
    border-radius: 6px;
  }
}
.box-header__right .dropdown__selection__right {
  text-align: right;
  height: 4em;
  width: 4em;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.box-header__right .dropdown__selection__arrow {
  width: 1em;
  height: 1em;
  padding: 0;
  margin: 0;
}
.box-header__right .dropdown__selection--active .dropdown__selection__arrow {
  transform: translate3d(0, 0px, 0) rotate(180deg);
}
.box-header__right .dropdown__list {
  padding: 0;
  top: 4em;
}
.box-header__right .dropdown__list__item {
  color: #323232;
  background-color: rgba(255, 255, 255, 0.9);
  font-weight: 700;
}
.box-header__right .dropdown--disabled .dropdown__selection {
  color: #6e6e6e;
}
.box-body {
  list-style-type: none;
  position: relative;
}
@media (min-width: 768px) {
}
.box-body__collapsable-list {
  max-height: 16em;
  overflow: hidden;
  transition: max-height 1s ease;
}
@media (min-width: 768px) {
  .box-body__collapsable-list {
    max-height: 20em;
  }
}
.box-body__collapsable-list-toggle {
  position: absolute;
  pointer-events: none;
  display: flex;
  justify-content: center;
  bottom: 0;
  width: 100%;
  height: 4em;
  transition: height 1s ease;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  border-bottom: 1px solid #dcdcdc;
}
.box-body__collapsable-list-toggle .expand-arrow {
  pointer-events: all;
  cursor: pointer;
  border-radius: 20px;
  padding: 0.2em;
  position: absolute;
  bottom: 0.7em;
  height: 1.4em;
  width: 1.4em;
  transition: height 0.4s ease;
  transition: transform 0.4s ease;
}
.box-body__collapsable-list-toggle .expand-arrow:hover {
  background-color: #f3f3f3;
}
.box-body__collapsable-list.expanded {
  overflow: hidden;
}
.box-body__collapsable-list.expanded .box-body__collapsable-list-toggle {
  height: 0;
}
.box-body__collapsable-list.expanded .box-body__collapsable-list-toggle .expand-arrow {
  transform: rotate(180deg);
}
.box-body__empty-list h2 {
  margin-top: 1.4em;
}
.box-body__empty-list p {
  margin: 1.4em auto 0;
  font-size: 0.9em;
  max-width: 30em;
  text-align: center;
}
.box-link {
  display: flex;
  width: 100%;
}
.box-item {
  clear: both;
  margin: 0;
  list-style: none;
}
.box-item__selectable {
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid #dcdcdc;
  cursor: pointer;
}
.box-item__selectable:hover {
  background-color: #f3f3f3;
}
.box-item__selectable:focus {
  background-color: #f3f3f3;
}
.box-item__not-selectable {
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid #dcdcdc;
}
.box-item h3.bold {
  font-weight: 700;
}
.box-item h3.small {
  font-size: 0.8em;
}
.box-item__marking {
  width: 1.5em;
  height: 1.5em;
  color: white;
  text-align: center;
  align-self: center;
  margin-left: 1em;
  border-radius: 50%;
}
.box-item__marking--warning {
  background-color: #ffbb2a;
}
.box-item__left {
  float: left;
  width: 65%;
  white-space: nowrap;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left;
  padding: 1em 0 1em 1.8em;
  min-height: 4em;
}
.box-item__left--marking {
  padding-left: 0.8em;
}
.box-item__left h3 {
  line-height: 1em;
  font-weight: 300;
}
.box-item__left span {
  font-size: 0.7em;
  color: #6e6e6e;
}
.box-item__right {
  float: left;
  white-space: nowrap;
  flex-grow: 1;
  text-align: right;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1em 0 1em 0;
}
.box-item__right h3 {
  font-weight: 300;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 18em;
}
.box-item__right span {
  font-size: 0.7em;
  color: #6e6e6e;
}
.box-item__right span + span {
  margin-top: -0.2em;
}
.box-item__right:last-child {
  padding-right: 1.8em;
}
@media (min-width: 768px) {
  .box-item__right.extra-padding {
    padding-right: 4em;
  }
}
.box-item__arrow {
  height: 4em;
  float: right;
  flex-grow: 0;
  width: 2em;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s ease;
}
.box-item__arrow svg {
  width: 1em;
  height: 1em;
}
@media (min-width: 768px) {
  .box-item__arrow {
    width: 4em;
  }
}
.box-item--deleted h3 {
  color: #7f7f7f;
}
.box-item--deleted span {
  color: #bbbbbb;
}
.box-item__has-dropdown.dropdown-open .box-item__arrow {
  transform: translate3d(0, 0, 0) rotate(180deg);
}
.box-item__subdrop {
  clear: both;
  background-color: #ccc;
  height: 0px;
  overflow: hidden;
  transition: all 0.4s ease;
  transform-origin: 0 0;
  transform: rotateX(90deg);
  perspective: 10000px;
}
.box-item__subdrop.subdrop-open {
  transform-origin: 0 0;
  background-color: #fff;
  border-bottom: 1px solid #dcdcdc;
  transform: rotateX(0deg);
  perspective: 500px;
}
.box-item__subdrop .box-item {
  border-left: 0.5em solid #f3f3f3;
}
.box-footer {
  z-index: 10;
  display: flex;
  flex-direction: row;
  padding: 1em 0;
  justify-content: flex-start;
}
.box-footer__left {
  float: left;
  flex-grow: 1;
  text-align: left;
  padding-left: 1.8em;
}
.box-footer__right {
  text-align: right;
  transition: padding-right 0.2s ease;
  padding-right: 2em;
}
@media (min-width: 768px) {
  .box-footer__right.extra-padding {
    padding-right: 4em;
  }
}
.box-footer__button {
  font-size: 0.9em;
  display: inline-block;
  border-radius: 0.5em;
  background-color: #004b32;
  border: 1px solid #004b32;
  font-weight: bold;
  line-height: 1.5;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  color: #ffffff;
  cursor: pointer;
  min-width: 20em;
  height: 3em;
  margin: 0 auto;
}
.box-footer__button:hover {
  background-color: #003825;
  text-decoration: none;
}



.pam__button-container {
  text-align: center;
  margin-top: 4vw;
  margin-bottom: 0;
  display: flex;
}
.pam-page__content .pam__button-container {
  margin-left: -6vw;
  margin-right: -6vw;
}
.pam-page__content .pam__button-container .pam__button {
  width: calc(100% + 12vw);
}
@media (min-width: 768px) {
  .pam__button-container {
    display: block;
    margin: 2rem 0;
  }
  .pam-page__content .pam__button-container {
    margin-left: 0;
    margin-right: 0;
  }
  .pam-page__content .pam__button-container .pam__button {
    width: auto;
  }
}
@media (min-width: 768px) {
  .pam__button + .pam__button {
    margin-left: 2rem;
  }
}
.pam__button {
  display: block;
  background-color: #feb700;
  border: 1px solid #feb700;
  color: #323232;
  font-weight: bold;
  font-size: 3.8vw;
  line-height: 1.5;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  text-align: center;
  padding: 4vw 3vw;
  box-sizing: border-box;
  flex: 1;
  transition: opacity 0.4s ease;
  position: relative;
  /**
   * A click on a button only happens if mousedown and mouseup hits the same element.
   * When an input field blurs the help or error text is hidden and the UI is rerendered.
   * The result is that the button moves and the triggered click does not happen.
   * This hack/fix allows for the user to click on the element when actually clicking below the element.
   * The :before is only shown when the button:active is available which means when the user clicks the element,
   * so this does not interfer with other elements
   * (disabled in modals, because this gives a scrollbar)
   */
}
.pam__button:focus {
  outline: 0;
  border: 1px solid #666;
}
.pam__button:hover {
  text-decoration: none;
}
.pam__button:active:before:not('.ds-modal-frame') {
  content: '';
  display: block;
  position: absolute;
  height: 300%;
  width: 100%;
  left: 0;
  bottom: -300%;
}
@media (min-width: 768px) {
  .pam__button {
    display: inline-block;
    border-radius: 0.4rem;
    padding: 0.4rem 2rem 0.5rem;
    font-size: 1.6rem;
    line-height: 1.8;
    width: auto;
    min-width: 16rem;
    margin-right: 2rem;
  }
  .pam__button:nth-last-child(1) {
    margin-right: 0;
  }
}
.pam__button:not(.pam__button--disabled):hover {
  background-color: #eaa900;
  border: 1px solid #eaa900;
}
.pam__button:not(.pam__button--disabled):active {
  border: 1px solid #dcdcdc;
  background-color: #ffffff;
  color: #323232;
}
.pam__button--grey,
.pam__button--secondary {
  background-color: #6e6e6e;
  border: 1px solid #6e6e6e;
  color: #ffffff;
}
.pam__button--grey:not(.pam__button--disabled):hover,
.pam__button--secondary:not(.pam__button--disabled):hover {
  background-color: #a0a0a0;
  border: 1px solid #a0a0a0;
  color: #ffffff;
}
.pam__button--transparent {
  background-color: transparent;
  border: 1px solid transparent;
  color: #4a90e2;
  text-transform: none;
}
.pam__button--transparent:not(.pam__button--disabled):hover {
  background-color: transparent;
  border: 1px solid transparent;
}
.pam__button--white {
  background-color: #fff;
  border: 1px solid #fff;
  color: #323232;
}
.pam__button--white:not(.pam__button--disabled):hover {
  background-color: #a0a0a0;
  border: 1px solid #a0a0a0;
  color: #ffffff;
}
.pam__button--primary {
  background-color: #feb700;
  border: 1px solid #feb700;
  color: #323232;
}
.pam__button--primary:not(.pam__button--disabled):hover {
  background-color: #eaa900;
  border: 1px solid #eaa900;
}
.pam__button--link {
  background-color: transparent;
  color: #005be0;
  border: none;
}
.pam__button--link:not(.pam__button--disabled):hover {
  background-color: transparent;
  border: none;
}
.pam__button--border {
  border: 1px solid #6e6e6e;
}
.pam__button--small {
  font-size: 3vw;
  padding: 1.5vw 1.5vw 0.5vw;
}
@media (min-width: 768px) {
  .pam__button--small {
    padding: 0.4rem 1.5rem;
    font-size: 1.2rem;
  }
}
.pam__button--medium {
  padding: 3vw 3vw 2vw;
  font-size: 3.5vw;
}
@media (min-width: 768px) {
  .pam__button--medium {
    padding: 0.7rem 2rem;
    font-size: 1.4rem;
  }
}
.pam__button--large {
  padding: 4vw 4vw 3vw;
  font-size: 3.8vw;
}
@media (min-width: 768px) {
  .pam__button--large {
    padding: 1rem 2rem;
    font-size: 1.6rem;
  }
}
.pam__button--wide {
  width: 50vw;
}
@media (min-width: 768px) {
  .pam__button--wide {
    max-width: 25rem;
  }
}
button.pam__button--disabled,
button.pam__button--loading,
button.pam__button[disabled="disabled"] {
  cursor: not-allowed;
}
button.pam__button--disabled,
button.pam__button[disabled="disabled"] {
  opacity: 0.75;
}
.pam__button__loader-text {
  display: inline-block;
}
.pam__button__loader-animation {
  margin-left: 0.5rem;
  display: inline-block;
}
@keyframes loader-dot-animation {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-100%);
  }
}
.pam__button__loader-dot {
  width: 1.2vw;
  height: 1.2vw;
  margin-left: 0.3rem;
  border-radius: 50%;
  background-color: #000;
  display: inline-block;
  animation: loader-dot-animation 0.5s ease-in-out infinite;
}
@media (min-width: 768px) {
  .pam__button__loader-dot {
    width: 0.8rem;
    height: 0.8rem;
  }
}
.pam__button__loader-dot:nth-child(1n) {
  animation-delay: 0.66s;
}
.pam__button__loader-dot:nth-child(2n) {
  animation-delay: 0.33s;
}
.pam__button__loader-dot:nth-child(3n) {
  animation-delay: 1s;
}
/**
 * This will probably go into deprecation mode once we've converted all buttons to use the Button.js template function
 */
.button {
  display: inline-block;
  border-radius: 1vw;
  background-color: #323232;
  border: 1px solid #323232;
  font-weight: bold;
  line-height: 1.5;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  color: #ffffff;
  cursor: pointer;
  text-align: center;
}
@media (min-width: 768px) {
  .button {
    border-radius: 0.4rem;
  }
}
.button.button--yellow {
  background-color: #feb700;
  border: 1px solid #feb700;
  color: #323232;
}
.button.button--yellow:hover {
  background-color: #eaa900;
  border: 1px solid #eaa900;
}
.button.button--yellow:active {
  border: 1px solid #dcdcdc;
  background-color: #ffffff;
  color: #323232;
}
.button.button--white {
  background-color: #fff;
  border: 1px solid #fff;
  color: #323232;
}
.button.button--white:hover {
  background-color: #fff;
  border: 1px solid #fff;
}
.button.button--white:active {
  border: 1px solid #dcdcdc;
  background-color: #ffffff;
  color: #323232;
}
.button.button--grey {
  background-color: #6e6e6e;
  border: 1px solid #6e6e6e;
}
.button.button--grey:hover {
  background-color: #a0a0a0;
  border: 1px solid #a0a0a0;
}
.button.button--grey:active {
  border: 1px solid #dcdcdc;
  background-color: #ffffff;
  color: #323232;
}
.button:active,
.button:hover {
  border: 1px solid #dcdcdc;
  background-color: #ffffff;
  color: #323232;
}
.button.button--disabled,
.button[disabled="disabled"] {
  background-color: #dcdcdc;
  border: 1px solid #dcdcdc;
  color: #a0a0a0;
  cursor: not-allowed;
}
.button.button--small {
  font-size: 3vw;
  padding: 1.5vw 1.5vw 0.5vw;
}
@media (min-width: 768px) {
  .button.button--small {
    padding: 0.4rem 1.5rem;
    font-size: 1.2rem;
  }
}
.button.button--medium {
  padding: 3vw 3vw 2vw;
  font-size: 3.5vw;
}
@media (min-width: 768px) {
  .button.button--medium {
    padding: 0.7rem 2rem;
    font-size: 1.4rem;
  }
}
.button.button--large {
  padding: 4vw 4vw 3vw;
  font-size: 3.8vw;
}
@media (min-width: 768px) {
  .button.button--large {
    padding: 11px 20px;
    padding: 1rem 2rem;
    font-size: 1.6rem;
  }
}
.button.button--wide {
  width: 50vw;
}
@media (min-width: 768px) {
  .button.button--wide {
    max-width: 25rem;
  }
}
.button + .button {
  margin-left: 4vw;
}
@media (min-width: 768px) {
  .button + .button {
    margin-left: 2rem;
  }
}
.button-pair {
  display: flex;
  flex-direction: row;
}
.button-pair .button {
  flex-grow: 1;
}
.button-full-width {
  position: relative;
  display: block;
  width: 100%;
  text-transform: uppercase;
  text-decoration: none;
  background-color: #feb700;
  border: none;
  color: #323232;
  cursor: pointer;
  font-weight: bold;
  font-size: 3.8vw;
  padding: 5.5vw 3vw 4vw;
  border-radius: 0;
}
.button-full-width:hover {
  background-color: #eaa900;
  border: none;
}
.button-full-width:active {
  background-color: #ffffff;
  color: #323232;
  border: none;
}
.button-full-width.button-full-width--disabled,
.button-full-width.button-full-width--disabled:hover,
.button-full-width[disabled="disabled"] {
  background-color: #dcdcdc;
  color: #a0a0a0;
  cursor: not-allowed;
}
.button-full-width .sprite-symbol {
  display: block;
  right: 4vw;
  width: 3.2vw;
  height: 3.2vw;
  position: absolute;
}
.button-full-width__arrow {
  display: inline-block;
  float: right;
  width: 0;
}
@media (min-width: 768px) {
  .button-full-width__arrow {
    float: initial;
  }
}
@media (min-width: 768px) {
  .button-full-width {
    padding: 2.7rem 3.3rem 2.2rem;
    font-size: 1.6rem;
  }
  .button-full-width .sprite-symbol {
    right: initial;
    width: 1.6rem;
    height: 1.6rem;
    transform: translateX(1.6rem) translateY(-1.4rem);
    display: inline-block;
  }
}
.button-bar {
  background-color: #f0f0f2;
}
@media (min-width: 768px) {
  .button-bar .button-full-width {
    max-width: 96rem;
    width: 100%;
    margin: 0 auto;
  }
}
.button-bar--double-buttons {
  text-align: center;
}
.button-bar--double-buttons .button-full-width {
  display: inline;
  max-width: 48rem;
  width: 50%;
  margin: 0;
}
.button-bar--double-buttons .button-full-width:nth-child(odd) {
  color: #ffffff;
  background-color: #6e6e6e;
}
.button-bar--double-buttons .button-full-width:nth-child(odd):hover {
  background-color: #a0a0a0;
}
.button-bar--double-buttons .button-full-width:nth-child(odd):active {
  background-color: #ffffff;
  color: #323232;
}
.button-bar--double-buttons .button-full-width:nth-child(even) {
  margin-left: -5px;
}
.button-bar--sticky {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
}
.button-full-width-panel {
  display: block;
}
.button-full-width-panel .button-full-width {
  width: 50%;
  float: left;
}
.button-full-width-panel .button-full-width:nth-child(odd) {
  background-color: #6e6e6e;
  color: #ffffff;
}
.button-full-width-panel .button-full-width:nth-child(odd):hover {
  background-color: #a0a0a0;
}
.button-full-width-panel .button-full-width:nth-child(odd):active {
  background-color: #ffffff;
  color: #323232;
}
.bottom-buttons {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  /*
    @media (min-width: @breakpoint-tablet) {
        position: relative;
        margin-top:200px;
    }*/
}
/**
 * Button loader state - aligned/borrowed from Talspil
 */
.button__loader-text {
  display: inline-block;
}
.button__loader-animation {
  margin-left: 0.5rem;
  display: inline-block;
}
@keyframes loader-dot-animation {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-100%);
  }
}
.button__loader-dot {
  width: 1.2vw;
  height: 1.2vw;
  margin-left: 0.3rem;
  border-radius: 50%;
  background-color: #000;
  display: inline-block;
  animation: loader-dot-animation 0.5s ease-in-out infinite;
}
@media (min-width: 768px) {
  .button__loader-dot {
    width: 0.8rem;
    height: 0.8rem;
  }
}
.button__loader-dot:nth-child(1n) {
  animation-delay: 0.66s;
}
.button__loader-dot:nth-child(2n) {
  animation-delay: 0.33s;
}
.button__loader-dot:nth-child(3n) {
  animation-delay: 1s;
}



@charset "UTF-8";
/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */
.pika-single {
  z-index: 9999;
  display: block;
  position: relative;
  color: #333;
  background: #fff;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
.pika-single:before,
.pika-single:after {
  content: " ";
  display: table;
}
.pika-single:after {
  clear: both;
}
.pika-single.is-hidden {
  display: none;
}
.pika-single.is-bound {
  position: absolute;
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
}
.pika-lendar {
  float: left;
  width: 240px;
  margin: 8px;
}
.pika-title {
  position: relative;
  text-align: center;
}
.pika-label {
  display: inline-block;
  position: relative;
  z-index: 9999;
  overflow: hidden;
  margin: 0;
  padding: 5px 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  background-color: #fff;
}
.pika-title select {
  cursor: pointer;
  position: absolute;
  z-index: 9998;
  margin: 0;
  left: 0;
  top: 5px;
  filter: alpha(opacity=0);
  opacity: 0;
}
.pika-prev,
.pika-next {
  display: block;
  cursor: pointer;
  position: relative;
  outline: none;
  border: 0;
  padding: 0;
  width: 20px;
  height: 30px;
  /* hide text using text-indent trick, using width value (it's enough) */
  text-indent: 20px;
  white-space: nowrap;
  overflow: hidden;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 75% 75%;
  opacity: 0.5;
}
.pika-prev:hover,
.pika-next:hover {
  opacity: 1;
}
.pika-prev,
.is-rtl .pika-next {
  float: left;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
}
.pika-next,
.is-rtl .pika-prev {
  float: right;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
}
.pika-prev.is-disabled,
.pika-next.is-disabled {
  cursor: default;
  opacity: 0.2;
}
.pika-select {
  display: inline-block;
}
.pika-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
}
.pika-table th,
.pika-table td {
  width: 14.28571429%;
  padding: 0;
}
.pika-table th {
  color: #999;
  font-size: 12px;
  line-height: 25px;
  font-weight: bold;
  text-align: center;
}
.pika-button {
  cursor: pointer;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: none;
  border: 0;
  margin: 0;
  width: 100%;
  padding: 5px;
  color: #666;
  font-size: 12px;
  line-height: 15px;
  text-align: right;
  background: #f5f5f5;
}
.pika-week {
  font-size: 11px;
  color: #999;
}
.is-today .pika-button {
  color: #33aaff;
  font-weight: bold;
}
.is-selected .pika-button,
.has-event .pika-button {
  color: #fff;
  font-weight: bold;
  background: #33aaff;
  box-shadow: inset 0 1px 3px #178fe5;
  border-radius: 3px;
}
.has-event .pika-button {
  background: #005da9;
  box-shadow: inset 0 1px 3px #0076c9;
}
.is-disabled .pika-button,
.is-inrange .pika-button {
  background: #D5E9F7;
}
.is-startrange .pika-button {
  color: #fff;
  background: #6CB31D;
  box-shadow: none;
  border-radius: 3px;
}
.is-endrange .pika-button {
  color: #fff;
  background: #33aaff;
  box-shadow: none;
  border-radius: 3px;
}
.is-disabled .pika-button {
  pointer-events: none;
  cursor: default;
  color: #999;
  opacity: 0.3;
}
.is-outside-current-month .pika-button {
  color: #999;
  opacity: 0.3;
}
.is-selection-disabled {
  pointer-events: none;
  cursor: default;
}
.pika-button:hover,
.pika-row.pick-whole-week:hover .pika-button {
  color: #fff;
  background: #ff8000;
  box-shadow: none;
  border-radius: 3px;
}
/* styling for abbr */
.pika-table abbr {
  border-bottom: none;
  cursor: help;
}
.calendar {
  position: relative;
  width: 100%;
}
.calendar * {
  font-family: inherit;
}
.calendar .pika-single {
  box-shadow: none;
  font-weight: bold;
  background-color: transparent;
  border: none;
}
.calendar .pika-lendar {
  float: none;
  margin: 0 auto;
  width: 100%;
  padding: 1rem calc(( 100% - 30.8rem) / 2) 2rem;
  border: 1px solid #e2e2e2;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
  z-index: 1;
  position: absolute;
  background: white;
}
.calendar .pika-lendar .pika-button {
  background: none;
  color: black;
  width: 3.1rem;
  padding: 1rem 0 0.6rem;
  margin: 0 auto;
  text-align: center;
  font-size: 1.5rem;
  font-weight: bold;
}
.calendar .pika-lendar thead {
  margin-bottom: 1rem;
}
.calendar .pika-lendar thead tr {
  color: #f00;
}
.calendar .pika-lendar thead abbr {
  cursor: default;
  border-bottom: none;
}
.calendar .pika-lendar thead abbr:after {
  content: '';
  border-top: 1px solid #e2e2e2;
  width: 100%;
  height: 0.6rem;
  display: block;
  margin-top: 0.3rem;
}
.calendar .pika-lendar td:nth-child(n+6) .pika-button {
  color: black;
}
.calendar .pika-lendar td.is-selected .pika-button {
  box-shadow: none;
  border-radius: 50%;
  background-color: #6e6e6e;
  color: white;
}
.calendar .pika-label {
  padding: 0 0.3rem;
  line-height: 2.6rem;
}
.calendar .pika-prev,
.calendar .pika-next {
  text-indent: 1.2rem;
  color: white;
  background-image: url('#mobile_arrow_small_right');
  position: relative;
}
.calendar .pika-prev:after,
.calendar .pika-next:after {
  content: '';
  position: absolute;
  top: 0.7rem;
  left: 0;
  border-top: 0.8rem solid transparent;
  border-bottom: 0.8rem solid transparent;
  border-right: 0.8rem solid black;
}
.calendar .pika-prev:before,
.calendar .pika-next:before {
  content: '';
  position: absolute;
  top: 0.9rem;
  left: 0.2rem;
  border-top: 0.6rem solid transparent;
  border-bottom: 0.6rem solid transparent;
  border-right: 0.6rem solid white;
  z-index: 1;
}
.calendar .pika-next:after {
  border-right: none;
  border-left: 8px solid black;
  right: 0;
  left: auto;
}
.calendar .pika-next:before {
  right: 2px;
  left: auto;
  border-right: none;
  border-left: 6px solid white;
}
.calendar__text {
  width: 100%;
  display: inline-block;
  text-align: center;
  background: none;
  border: none;
  border-bottom: 2px solid #5B8A7B;
  color: #0c533b;
  font-size: 5.9vw;
  line-height: 1.2;
  font-weight: normal;
}
@media (min-width: 768px) {
  .calendar__text {
    font-size: 2.8rem;
  }
}
.calendar__text:focus {
  outline: 0;
}
.calendar__text:hover {
  cursor: pointer;
}
.calendar__date {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: all;
  opacity: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-size: 2rem;
}
@media (min-width: 768px) {
  .calendar__date {
    z-index: -1;
    opacity: 0;
  }
}
.is-desktop-detected .calendar__date {
  display: none;
}
.calendar .is-outside-current-month:not(.is-disabled) .pika-button.pika-day {
  opacity: 1;
}



.cards-container {
  margin: auto;
  width: 100%;
  max-width: 48rem;
}
.cards-container .cards {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: wrap;
  text-align: center;
}
@media (min-width: 768px) {
  .cards-container .cards {
    flex-direction: row;
    justify-content: flex-start;
    margin: 0 auto;
  }
}
.cards-container .cards .manage-stored-cards {
  margin: 0 auto 1.5rem;
}
.cards-container .cards .manage-stored-cards a {
  font-size: 1.2rem;
  text-decoration: underline;
  line-height: 1.6;
  font-weight: 400;
  color: #828282;
}
.cards-container .cards .card {
  height: 5.4rem;
  flex-grow: 1;
  background-color: #ffffff;
  color: #6e6e6e;
  width: 100%;
  border-radius: 0.6rem;
  margin-bottom: 2rem;
  position: relative;
  display: flex;
  flex-direction: row;
  text-align: left;
  align-items: center;
}
.cards-container .cards .card--clickable {
  cursor: pointer;
}
.cards-container .cards .card--selected {
  border: 0.1rem solid #537166;
  background: #e5efe8;
}
.cards-container .cards .card--expired {
  cursor: not-allowed;
  border: 0.1rem solid #9F2633;
  background: #ffffff;
  color: #c8c8c8;
}
.cards-container .cards .card--empty {
  justify-content: center;
  background: #ffffff url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='5' ry='5' stroke='%23333' stroke-width='1' stroke-dasharray='10' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
  border-radius: 5px;
  height: 6rem;
}
.cards-container .cards .card--new-wrapper {
  width: 100%;
  position: relative;
}
.cards-container .cards .card__new {
  cursor: pointer;
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.cards-container .cards .card__new-icon {
  height: 2.4rem;
  width: 2.4rem;
  background: #6e6e6e;
  padding: 0.5rem;
  border-radius: 50%;
  fill: #ffffff;
}
.cards-container .cards .card__new-text {
  color: #6e6e6e;
  margin-left: 0.5rem;
  font-size: 1.2rem;
  font-weight: bold;
  text-transform: uppercase;
}
.cards-container .cards .payment__cards {
  width: 13rem;
  height: 2.4rem;
  margin-left: 1rem;
}
.cards-container .cards .card__dropdown-header {
  position: absolute;
  z-index: 2;
  font-size: 1.4rem;
  padding: 1.6rem;
}
.cards-container .cards .card__details {
  display: flex;
  flex-direction: column;
}
.cards-container .cards .card__details--payment-app {
  justify-content: space-between;
  flex: 1;
  margin-right: 4.4rem;
  margin-left: 1.4rem;
  flex-direction: row;
  align-items: center;
}
@media (min-width: 768px) {
  .cards-container .cards .card__details {
    flex-direction: row;
    align-items: center;
  }
}
.cards-container .cards .card__details .card__title {
  font-size: 3.8vw;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 1.4;
  margin-right: 1rem;
}
@media (min-width: 768px) {
  .cards-container .cards .card__details .card__title {
    font-size: 1.5rem;
  }
}
.is-desktop-detected .cards-container .cards .card__details .card__title {
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  .cards-container .cards .card__details .card__title {
    font-size: 3.8vw;
    line-height: 1.4;
    font-weight: bold;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .cards-container .cards .card__details .card__title {
    font-size: 1.5rem;
  }
}
.cards-container .cards .card__details .card__number {
  letter-spacing: 0.1rem;
  font-size: 3.8vw;
  line-height: 1.4;
  font-weight: normal;
  font-size: 1.1rem;
}
@media (min-width: 768px) {
  .cards-container .cards .card__details .card__number {
    font-size: 1.8rem;
  }
}
@media (min-width: 768px) {
  .cards-container .cards .card__details .card__number {
    margin: 1rem 0 1rem;
    font-size: 1.5rem;
  }
}
.cards-container .cards .card__logo {
  display: flex;
  width: 5rem;
  height: 3.1rem;
  position: relative;
  border-radius: 0.3rem;
  background: linear-gradient(90deg, #dcdcdc 40%, #a9a9a9 192%);
  justify-content: center;
  align-items: center;
  margin-left: 1.5rem;
}
.cards-container .cards .card__logo svg {
  width: 3rem;
  height: 2rem;
}
.cards-container .cards .card__app-logo {
  display: flex;
  position: relative;
}
.cards-container .cards .card__app-logo svg {
  width: 10rem;
  height: 3rem;
}
.cards-container .cards .card__date {
  font-size: 3.8vw;
  line-height: 1.4;
  font-weight: normal;
  font-size: 1.1rem;
  margin: 0 5rem 0 auto;
}
@media (min-width: 768px) {
  .cards-container .cards .card__date {
    font-size: 1.8rem;
  }
}
@media (min-width: 768px) {
  .cards-container .cards .card__date {
    font-size: 1.5rem;
    display: block;
    position: absolute;
    right: 4.5rem;
    margin-right: unset;
  }
}
.cards-container .cards .card__delete {
  content: '';
  display: block;
  width: 8vw;
  height: 8vw;
  background-color: transparent;
  border: 0;
  position: absolute;
  right: -10vw;
  bottom: 50%;
  transform: translateY(50%);
}
@media (min-width: 768px) {
  .cards-container .cards .card__delete {
    right: 1rem;
    top: 0.5rem;
    width: 2rem;
    height: 2rem;
  }
}
.cards-container .cards .card__delete span {
  border: 0;
  clip: rect(0 0 0 0);
  height: 0.1rem;
  margin: -0.1rem;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 0.1rem;
}
.cards-container .cards .card__delete svg {
  fill: #3f3f3f;
  width: 2.3rem;
  height: 2rem;
  position: relative;
  top: -0.4rem;
  left: -0.5rem;
}
@media (min-width: 768px) {
  .cards-container .cards .card__delete svg {
    width: 2rem;
    height: 2rem;
    position: relative;
    top: -0.4rem;
    left: -0.5rem;
  }
}
.cards-container .cards .card__expired {
  letter-spacing: 0;
  display: inline-block;
  font-size: 1.1rem;
  color: #9F2633;
}
@media (min-width: 768px) {
  .cards-container .cards .card__expired {
    font-size: 1.3rem;
    line-height: 1.8;
  }
}
.cards-container .cards .card__select {
  position: absolute;
  left: 0;
  bottom: -2.4rem;
}
@media (min-width: 768px) {
  .cards-container .cards .card__select {
    bottom: -3rem;
  }
}
.cards-container .cards .card__radio {
  position: absolute;
  right: 1.5rem;
}
.cards-container .cards input[type=radio] {
  display: none;
}
.cards-container .cards input[type=radio] + label {
  border: 0.1rem solid #828282;
  background-color: #ffffff;
  border-radius: 50%;
  display: block;
  height: 1.8rem;
  width: 1.8rem;
  pointer-events: none;
}
.cards-container .cards input[type=radio]:checked + label {
  pointer-events: none;
  background-color: #219653;
  border: 0.2rem solid #219653;
  box-shadow: inset 0 0 0 0.3rem #ffffff, 0 0 0.4rem 0.2rem rgba(33, 150, 83, 0.25);
}



.custom-checkbox {
  margin-bottom: 8vw;
}
@media (min-width: 768px) {
  .custom-checkbox {
    margin-bottom: 2rem;
  }
}
.custom-checkbox--align-right {
  text-align: right;
}
.custom-checkbox--align-center {
  text-align: center;
}
.custom-checkbox--align-left {
  text-align: left;
}
.custom-checkbox--color-grey {
  color: #6e6e6e;
}
.custom-checkbox input[type="checkbox"] {
  height: 0px;
  position: absolute;
  width: 0px;
  left: -20px;
}
.custom-checkbox input[type="checkbox"] + label {
  display: block;
  position: relative;
  padding-top: 0.5vw;
  padding-left: 10vw;
  padding-right: 6vw;
  line-height: 1.3;
  text-align: left;
  font-size: 3.8vw;
  line-height: 1.4;
  font-weight: normal;
}
@media (min-width: 768px) {
  .custom-checkbox input[type="checkbox"] + label {
    padding-top: 0;
    padding-left: 3rem;
    padding-right: 2.4rem;
  }
}
@media (min-width: 768px) {
  .custom-checkbox input[type="checkbox"] + label {
    font-size: 1.5rem;
  }
}
.is-desktop-detected .custom-checkbox input[type="checkbox"] + label {
  font-size: 1.5rem;
}
.custom-checkbox input[type="checkbox"] + label a {
  padding-bottom: 2px;
  color: #323232;
  text-decoration: none;
  border-bottom: 0.1rem solid #dcdcdc;
}
.custom-checkbox input[type="checkbox"] + label:before {
  content: '';
  display: inline-block;
  vertical-align: text-top;
  width: 7vw;
  height: 7vw;
  top: 0;
  left: 0;
  background: white;
  border: 0.1rem solid #a0a0a0;
  position: absolute;
  border-radius: 1vw;
}
@media (min-width: 768px) {
  .custom-checkbox input[type="checkbox"] + label:before {
    width: 2rem;
    height: 2rem;
    left: 0;
    border-radius: 0.4rem;
  }
}
.custom-checkbox input[type="checkbox"]:focus + label:before {
  border: 0.2rem solid #feb700;
}
.custom-checkbox input[type="checkbox"]:checked + label:before {
  background: white;
}
.custom-checkbox input[type="checkbox"]:checked + label:after {
  content: '';
  position: absolute;
  left: 2.6vw;
  top: 1.3vw;
  width: 2vw;
  height: 3.6vw;
  border: 0.8vw solid #323232;
  border-left: 0;
  border-top: 0;
  transform: rotate(45deg);
}
@media (min-width: 768px) {
  .custom-checkbox input[type="checkbox"]:checked + label:after {
    left: 0.7rem;
    top: 0.3rem;
    width: 0.6rem;
    height: 1rem;
    border: 0.2rem solid #323232;
    border-left: 0;
    border-top: 0;
  }
}
.custom-checkbox__error {
  width: 100%;
  color: #c50005;
  font-size: 3vw;
  margin-top: 2rem;
}
@media (min-width: 768px) {
  .custom-checkbox__error {
    font-size: 1.2rem;
  }
}
.custom-checkbox .sub-label {
  display: block;
  margin-top: 1vw;
  text-align: left;
  font-size: 2.9vw;
  line-height: 1.4;
  font-weight: bold;
  font-weight: normal;
}
@media (min-width: 768px) {
  .custom-checkbox .sub-label {
    font-size: 1.2rem;
  }
}
@media (min-width: 768px) {
  .custom-checkbox .sub-label {
    margin-top: 1rem;
  }
}
.custom-checkbox--highlight input[type="checkbox"] + label {
  font-weight: 600;
  color: #004b34;
}
.custom-checkbox--highlight input[type="checkbox"] + label::before {
  border-color: #004b34;
  box-shadow: 0 0.05rem 0.5rem #195c46;
}



.custom-input {
  vertical-align: top;
  position: relative;
  transition: all 250ms;
  margin: 8vw auto 2vw;
  align-items: baseline;
  font-size: 4vw;
}
@media (min-width: 768px) {
  .custom-input {
    font-size: 1.8rem;
    margin: 4.5rem auto 0;
  }
}
.ios-device .custom-input {
  font-size: 16px;
}
.custom-input--compact:not(input) {
  margin: 3vw auto 8vw;
}
@media (min-width: 768px) {
  .custom-input--compact:not(input) {
    margin: 1rem auto 5rem;
  }
}
.custom-input--compact:not(input).custom-input--transform-label label {
  top: -11vw;
}
@media (min-width: 768px) {
  .custom-input--compact:not(input).custom-input--transform-label label {
    top: -4.5rem;
  }
}
.custom-input--compact:not(input) .custom-input__error {
  top: -3vw;
}
@media (min-width: 768px) {
  .custom-input--compact:not(input) .custom-input__error {
    top: -1.5rem;
  }
}
.custom-input input {
  padding: 1.5vw 0;
  border: solid #dcdcdc;
  border-radius: 0;
  border-width: 0 0 1px 0;
  display: block;
  width: 100%;
  font-size: inherit;
  color: #004b32;
  background: transparent;
  float: none;
  position: relative;
  z-index: 0;
  outline: none;
  transition: all 0.4s ease;
}
@media (max-width: 768px) {
  .custom-input input {
    line-height: 1.3;
  }
}
.custom-input input::placeholder {
  opacity: 1;
  color: #a0a0a0;
  transition: all 0ms;
  transition-delay: 0.2s;
}
.custom-input input[disabled] {
  padding-bottom: 1vw;
  padding-top: 1vw;
  color: #a0a0a0;
  -webkit-text-fill-color: #a0a0a0;
  background-color: #dcdcdc;
  text-shadow: 0 0 0 #a0a0a0;
}
.custom-input input[disabled] ~ .custom-input--postfix {
  color: #a0a0a0;
}
@media (min-width: 768px) {
  .custom-input input {
    padding: 0.6rem 0;
  }
}
@media (min-width: 1024px) {
  .custom-input input {
    font-size: inherit;
  }
}
.custom-input label {
  position: relative;
  left: 0;
  top: -3.2rem;
  font-size: 100%;
  cursor: text;
  visibility: hidden;
  opacity: 0.5;
  transition: all 0.2s cubic-bezier(0.47, 0.11, 0.39, 0.96), visibility 0s;
}
.custom-input--transform-label label {
  visibility: visible;
  opacity: 1;
  top: -14vw;
  font-size: 3vw;
  color: #999;
}
@media (min-width: 768px) {
  .custom-input--transform-label label {
    top: -6rem;
    font-size: 1.4rem;
  }
}
.custom-input--transform-label input::placeholder {
  opacity: 0;
}
.custom-input--last {
  margin-bottom: initial;
  /* @media (min-width: @breakpoint-tablet) {
      margin: 4.5rem auto 4.5rem;
    }*/
}
.custom-input [type="number"] {
  appearance: none;
}
.custom-input input[type=number]::-webkit-inner-spin-button,
.custom-input input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.custom-input .blink {
  display: none;
}
.custom-input__wrapper {
  position: relative;
}
.custom-input__postfix,
.custom-input__prefix {
  transition: all 300ms;
  padding: 1.5vw 1.5vw 1.5vw 0;
  color: #004b32;
  flex-shrink: 0;
  font-size: inherit;
}
@media (min-width: 768px) {
  .custom-input__postfix,
  .custom-input__prefix {
    padding: 0.5rem 0.5rem 0.5rem 0;
  }
}
.custom-input__prefix {
  font-size: 4vw;
  position: absolute;
  left: 0;
  line-height: 1.3;
}
@media (min-width: 768px) {
  .custom-input__prefix {
    padding: 0.6rem 0.6rem 0.6rem 0;
    font-size: 1.8rem;
    line-height: normal;
    top: 0;
  }
}
.custom-input__prefix--smaller {
  font-size: 1.4rem;
  padding-top: 1rem;
  bottom: initial;
}
@media (max-width: 768px) {
  .custom-input__prefix--smaller {
    font-size: 3vw;
    margin-top: 1.85vw;
    padding-bottom: 1px;
  }
}
@media (max-width: 768px) {
  .custom-input__postfix {
    line-height: 1.3;
  }
}
.custom-input--align-center .custom-input__postfix {
  position: absolute;
  right: 0;
  top: 0;
  height: calc(100% - 2px);
}
.custom-input--align-right .custom-input__postfix {
  position: absolute;
  right: 0;
  top: 0;
  height: calc(100% - 2px);
}
.custom-input--transform-label .custom-input__prefix {
  opacity: 0;
}
.custom-input--transform-label .custom-input__prefix--permanent {
  opacity: 1;
}
.custom-input__helper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  color: transparent;
}
.custom-input__icon {
  position: absolute;
  top: 50%;
  right: -2rem;
  transform: translateY(-50%);
  width: 1.5rem;
  height: 1.5rem;
  color: black;
}
.custom-input__icon.check {
  color: #004b32;
}
.custom-input__icon.info {
  color: #004b32;
  cursor: pointer;
}
.custom-input__icon.close {
  color: #c50005;
}
.custom-input__icon.load svg {
  animation: rotate 2.5s infinite linear;
}
.custom-input__icon svg {
  color: inherit;
  width: 100%;
  height: 100%;
  display: block;
}
.custom-input.has--focus input {
  border-bottom: 1px solid #666;
}
.custom-input.has--error input {
  color: #c50005;
}
.custom-input.has--error input::placeholder {
  color: #f8c0c1;
}
.custom-input.has--error label {
  color: #c50005;
}
.custom-input--transform-label .custom-input.has--error label {
  color: #c50005;
}
.custom-input.has--error .blink {
  color: #c50005;
}
.custom-input--rightpad input {
  padding-right: 2em;
}
.custom-input--align-left {
  text-align: left;
}
.custom-input--align-left input {
  text-align: left;
}
.custom-input--align-center {
  text-align: center;
}
.custom-input--align-center input {
  text-align: center;
}
.custom-input--align-right {
  text-align: right;
}
.custom-input--align-right input {
  text-align: right;
}
.custom-input--bigger {
  font-size: 5.9vw;
  line-height: 1.2;
  font-weight: normal;
}
@media (min-width: 768px) {
  .custom-input--bigger {
    font-size: 2.8rem;
  }
}
.custom-input--bigger .blink {
  font-size: 2.2rem;
}
.custom-input--bigger .custom-input--postfix {
  font-size: 2rem;
  line-height: 1;
}
.custom-input--bigger.custom-input--transform-label label {
  top: -16vw;
}
@media (min-width: 768px) {
  .custom-input--bigger.custom-input--transform-label label {
    top: -7.5rem;
  }
}
.custom-input--smaller {
  font-size: 3.8vw;
  line-height: 1.4;
  font-weight: normal;
}
@media (min-width: 768px) {
  .custom-input--smaller {
    font-size: 1.5rem;
  }
}
.is-desktop-detected .custom-input--smaller {
  font-size: 1.5rem;
}
.custom-input__error {
  width: 100%;
  color: #c50005;
  font-size: 3vw;
  position: relative;
  top: -5vw;
  transition: 1s all;
}
.custom-input--align-right .custom-input__error {
  top: 0;
}
@media (min-width: 768px) {
  .custom-input__error {
    font-size: 1.2rem;
    top: -2rem;
  }
}
.custom-input__help {
  width: 100%;
  color: #323232;
  font-size: 3vw;
  position: relative;
  top: -5vw;
  transition: 1s all;
}
.custom-input--align-right .custom-input__help {
  top: 0;
}
@media (min-width: 768px) {
  .custom-input__help {
    top: -2rem;
    font-size: 1.2rem;
  }
}
.custom-input__autocomplete {
  position: relative;
}
.custom-input__autocomplete .autocomplete-items {
  position: absolute;
  border: 0.1rem solid #d4d4d4;
  border-top: none;
  font-size: 4vw;
  z-index: 10;
  top: 3.7rem;
  left: 0;
  min-width: 100%;
  max-height: 25.3rem;
  overflow-y: auto;
  scroll-behavior: smooth;
}
@media all and (min-width: 768px) {
  .custom-input__autocomplete .autocomplete-items {
    font-size: 1.5rem;
  }
}
.custom-input__autocomplete .autocomplete-items li {
  background-color: #ffffff;
  color: #a0a0a0;
  list-style: none;
  margin: 0;
  border-bottom: 0.1rem solid #e2e2e2;
  transition: color 0.4s ease;
  cursor: pointer;
  padding: 1.5vw;
  white-space: nowrap;
}
@media all and (min-width: 768px) {
  .custom-input__autocomplete .autocomplete-items li {
    padding: 2rem;
  }
}
.custom-input__autocomplete .autocomplete-items li:hover {
  color: #323232;
}
.custom-input__autocomplete .autocomplete-items li.autocomplete-active {
  color: #323232;
}
.custom-input.custom-input--classic {
  margin: 0;
  font-size: 1.6rem;
  display: block;
}
.custom-input.custom-input--classic .custom-input__error {
  width: 34.5rem;
  margin: 0 auto;
  position: relative;
  top: 0.4rem;
  left: 1.6rem;
}
.custom-input.custom-input--classic input {
  background-color: #ffffff;
  border: #828282 solid 0.1rem;
  border-radius: 0.8rem;
  width: 100%;
  margin: 0 auto;
  padding: 1.6rem;
  font-size: 1.6rem;
}
@media (min-width: 768px) {
  .custom-input.custom-input--classic input {
    width: 34.5rem;
  }
}
.custom-input.custom-input--classic input ~ label {
  display: none;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .custom-input {
    z-index: 1;
  }
  .custom-input input:not(:focus) + label {
    visibility: hidden;
  }
  .custom-input label {
    visibility: visible;
    z-index: -1;
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}



.custom-radio--align-right {
  text-align: right;
}
.custom-radio--align-center {
  text-align: center;
}
.custom-radio--align-left {
  text-align: left;
}
.custom-radio--color-grey {
  color: #6e6e6e;
}
.custom-radio__pair {
  text-align: left;
}
.custom-radio__pair .custom-radio {
  display: inline-block;
}
.custom-radio__pair label:first-of-type {
  margin-right: 5rem;
}
@media (min-width: 768px) {
  .custom-radio__pair {
    text-align: center;
  }
}
.custom-radio__error {
  width: 100%;
  color: #c50005;
  font-size: 3vw;
  margin: 2rem 0 1rem 0;
  text-align: left;
}
@media (min-width: 768px) {
  .custom-radio__error {
    font-size: 1.2rem;
  }
}
.custom-radio input[type="radio"] {
  height: 1px;
  position: absolute;
  opacity: 0;
  width: 1px;
}
.custom-radio input[type="radio"] + label {
  display: inline-block;
  cursor: pointer;
  margin-bottom: 5.333vw;
  position: relative;
  padding-left: 8vw;
  padding-right: 6.4vw;
  padding-top: 0.6vw;
  font-size: 3.8vw;
  line-height: 1.4;
  font-weight: normal;
}
@media (min-width: 768px) {
  .custom-radio input[type="radio"] + label {
    font-size: 1.5rem;
  }
}
.is-desktop-detected .custom-radio input[type="radio"] + label {
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  .custom-radio input[type="radio"] + label {
    margin-bottom: 2rem;
    position: relative;
    padding-left: 3rem;
    padding-right: 2.4rem;
    padding-top: 0;
  }
}
.custom-radio input[type="radio"] + label a {
  padding-bottom: 0.5vw;
  color: #323232;
  text-decoration: none;
  border-bottom: 1px solid #d0d0d0;
}
@media (min-width: 768px) {
  .custom-radio input[type="radio"] + label a {
    padding-bottom: 0.2rem;
  }
}
@media (min-width: 768px) {
}
.custom-radio input[type="radio"] + label:before,
.custom-radio input[type="radio"]:checked + label:after {
  content: "";
  border-radius: 50%;
  position: absolute;
}
.custom-radio input[type="radio"] + label:before {
  width: 6.666vw;
  height: 6.666vw;
  left: 0;
  top: 0.5vw;
  border: 0.25vw solid #a0a0a0;
  background-color: white;
}
@media (min-width: 768px) {
  .custom-radio input[type="radio"] + label:before {
    width: 2rem;
    height: 2rem;
    top: 0.2rem;
    border-width: 1px;
  }
}
.custom-radio input[type="radio"]:focus + label:before {
  border: 0.5vw solid #feb700;
  border-color: #feb700 !important;
}
@media (min-width: 768px) {
  .custom-radio input[type="radio"]:focus + label:before {
    border: 0.2rem solid #feb700 !important;
  }
}
.custom-radio input[type="radio"]:checked + label:before {
  border: 0.25vw solid #a0a0a0;
}
@media (min-width: 768px) {
  .custom-radio input[type="radio"]:checked + label:before {
    border-width: 1px;
    border: 0.1rem solid #a0a0a0;
  }
}
.custom-radio input[type="radio"]:checked + label:after {
  width: 2.666vw;
  height: 2.666vw;
  left: 2vw;
  top: 2.6vw;
  background: #323232;
}
@media (min-width: 768px) {
  .custom-radio input[type="radio"]:checked + label:after {
    width: 0.8rem;
    height: 0.8rem;
    left: 0.6rem;
    top: 0.8rem;
  }
}



.pam-custom-upload {
  display: inline-block;
  vertical-align: top;
  flex-grow: 1;
}
.pam-custom-upload__files {
  display: none;
}
.pam-custom-upload__button {
  white-space: normal;
  max-width: 16rem;
}
@media (min-width: 768px) {
  .pam-custom-upload__button {
    max-width: inherit;
    white-space: nowrap;
  }
}
.pam-custom-upload + .button {
  margin-left: 4vw;
}
@media (min-width: 768px) {
  .pam-custom-upload + .button {
    margin-left: 2rem;
  }
}
.pam-custom-upload__loader {
  text-align: center;
  margin: 4rem 0;
}
.pam-custom-upload__loader svg.progress-fill {
  position: absolute;
  width: 17rem;
  height: 17rem;
  transform: rotateZ(-90deg);
}
.pam-custom-upload__loader svg.progress-fill circle {
  stroke: #4a90e2;
  stroke-dasharray: 1000;
  transition: all 1s ease;
}
.pam-custom-upload__loader svg.progress-icon {
  width: 17rem;
  height: 17rem;
  border-radius: 50%;
  background-color: white;
  border: 2px solid #4a90e2;
  box-shadow: 0px 0px 1.5rem rgba(39, 54, 97, 0.5);
}
.pam-custom-upload__wrapper {
  line-height: 1rem;
}



.dropdown {
  color: #323232;
  margin: 8vw auto 10vw;
  position: relative;
  text-align: center;
  text-align: left;
  font-size: 4vw;
}
@media all and (min-width: 768px) {
  .dropdown {
    margin: 3rem auto 3rem;
    font-size: 1.8rem;
  }
}
.dropdown.dropdown--disabled {
  cursor: not-allowed;
  color: #a0a0a0 !important;
}
.dropdown.dropdown--disabled .dropdown__selection {
  cursor: not-allowed;
}
.dropdown.dropdown--unselected {
  color: #a9a9a9 !important;
  text-shadow: 0 0 0 #323232;
}
@-moz-document url-prefix() {
  .dropdown.dropdown--unselected {
    color: #a0a0a0 !important;
  }
}
.dropdown.dropdown--unselected:focus {
  color: #323232 !important;
}
.dropdown.dropdown--unselected.dropdown--error {
  color: #c50005 !important;
}
.dropdown.dropdown--unselected:before {
  position: absolute;
  content: attr(placeholder);
  padding: 1.5vw 0;
  pointer-events: none;
}
@media all and (min-width: 768px) {
  .dropdown.dropdown--unselected:before {
    display: none;
  }
}
@media (min-width: 1024px) {
  .dropdown {
    font-size: 1.8rem;
  }
}
.dropdown select {
  width: 100%;
  padding: 1.5vw 0;
  box-sizing: border-box;
  color: #323232;
  font-size: 4vw;
  background-color: transparent;
  outline: 0;
  border: none;
  border-bottom: 0.1rem solid #dcdcdc;
  appearance: none;
  text-align: center;
  background: url('/Components/DanskeSpil/Framework/PlayerAccountManagement/Graphics/SpriteSheets/PamUiKit/arrow_small_down.svg');
  background-size: 4vw 2.5vw;
  background-repeat: no-repeat;
  background-position: 96% 50%;
  border-radius: 0;
}
@media (min-width: 768px) {
  .dropdown select {
    font-size: 1.8rem;
  }
}
.ios-device .dropdown select {
  font-size: 16px;
}
@media all and (min-width: 768px) {
  .dropdown select {
    position: absolute;
    z-index: -1000;
    opacity: 0;
  }
}
.dropdown select::-ms-expand {
  display: none;
}
.dropdown select:focus + label {
  border-bottom: 0.1rem solid #000;
}
.dropdown__selection {
  display: none;
  border-bottom: 0.1rem solid #dcdcdc;
  cursor: pointer;
  transition: border 0.4s ease;
  outline: none;
}
@media all and (min-width: 768px) {
  .dropdown__selection {
    display: flex;
    padding: 1rem 0;
  }
}
.dropdown__selection--active {
  border-bottom-color: currentColor;
}
.dropdown__selection--active .dropdown__selection__arrow {
  transform: translate3d(0, 0.4rem, 0) rotate(-180deg);
}
@media all and (min-width: 768px) {
  .dropdown__selection--active .dropdown__selection__arrow {
    transform: translate3d(0, 0.4rem, 0) rotate(-180deg);
  }
}
.dropdown__selection__centered {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dropdown__selection__centered .dropdown__selection__arrow {
  position: absolute;
  right: 0;
}
@media all and (min-width: 768px) {
  .dropdown__selection__left,
  .dropdown__selection__right {
    flex: 1;
  }
}
.dropdown__selection__right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.dropdown__selection__arrow {
  fill: currentColor;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 1.5vw;
  width: 1.2rem;
  height: 1.2rem;
  box-sizing: content-box;
  transition: all 0.4s ease;
  transform: translate3d(0, 0.4rem, 0) rotate(0deg);
  transform-origin: center;
}
@media all and (min-width: 768px) {
  .dropdown__selection__arrow {
    width: 1.8rem;
    height: 1.8rem;
    margin: 0 0 0 2rem;
  }
}
.dropdown__list {
  margin: 0;
  padding: 0;
  transition: all 0.4s ease;
  border: 0 solid #e2e2e2;
  position: absolute;
  top: 100%;
  left: 0;
  display: block;
  width: 100%;
  z-index: -2;
  opacity: 0;
  text-align: left;
  font-size: 3.8vw;
  line-height: 1.4;
  font-weight: normal;
  transform: translate3d(0, -0.8rem, 0);
  transform-origin: center;
  pointer-events: none;
  max-height: 25.3rem;
  overflow-x: hidden;
  overflow-y: auto;
  scroll-behavior: smooth;
}
@media (min-width: 768px) {
  .dropdown__list {
    font-size: 1.5rem;
  }
}
.is-desktop-detected .dropdown__list {
  font-size: 1.5rem;
}
@media all and (max-width: 768px) {
  .dropdown__list {
    display: none !important;
  }
}
.dropdown__list--active {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transform-origin: center;
  border-bottom-width: 0.1rem;
  border-left-width: 0.1rem;
  border-right-width: 0.1rem;
  pointer-events: all;
  z-index: 10;
}
.dropdown__list__item {
  background-color: #ffffff;
  color: #a0a0a0;
  list-style: none;
  margin: 0;
  border-bottom: 0.1rem solid #e2e2e2;
  transition: color 0.4s ease;
  cursor: pointer;
}
.dropdown__list__item span {
  display: inline-block;
  padding: 1.5vw;
}
@media all and (min-width: 768px) {
  .dropdown__list__item span {
    padding: 2rem;
  }
  .dropdown__list__item span.dropdown__selection__centered {
    width: 100%;
  }
}
.dropdown__list__item:hover {
  color: #323232;
}
.dropdown__list__item__right {
  float: right;
}
.dropdown__list__item--disabled {
  cursor: not-allowed;
}
.dropdown__list__item--disabled:hover {
  color: #a0a0a0;
}
.dropdown__list__item--hidden {
  display: none;
}
.dropdown__list__item.sub-dropdown {
  position: relative;
}
.dropdown__list__item.sub-dropdown > span {
  display: block;
}
.dropdown__list__item.sub-dropdown > span.active {
  color: #323232;
}
.dropdown__list__item.sub-dropdown > span.active .sub-dropdown__arrow {
  transform: translate3d(-0.4rem, 0.2rem, 0) rotate(-90deg);
}
.dropdown__list__item.sub-dropdown .sub-dropdown__arrow {
  padding-top: 0.4rem;
  width: 1.2rem;
  height: 1.2rem;
  box-sizing: content-box;
  float: right;
  transform-origin: center;
  transform: rotate(0deg);
  transition: transform 0.4s ease;
}
@media all and (min-width: 768px) {
  .dropdown__list__item.sub-dropdown .sub-dropdown__arrow {
    width: 1.8rem;
    height: 1.8rem;
  }
}
.dropdown__list__item .dropdown__list__item {
  background-color: transparent;
}
.dropdown__list .dropdown__list {
  width: 100%;
  top: 3.9rem;
  left: 0;
  z-index: 11;
  background-color: #f5f5f5;
  border-width: 0;
  border: 0.1rem solid #dcdcdc;
  box-sizing: border-box;
  overflow-y: hidden;
  max-height: 0;
}
@media all and (min-width: 768px) {
  .dropdown__list .dropdown__list {
    top: 6.2rem;
  }
}
.dropdown__list .dropdown__list--active {
  max-height: none;
  overflow-y: visible;
}
.dropdown.has--error {
  border-bottom: 0.1rem solid #c50005;
}
.dropdown.has--error label {
  color: #c50005;
}
.dropdown.has--error label::placeholder {
  color: #f8c0c1;
}
.dropdown__error {
  position: absolute;
  left: 0;
  width: 100%;
  color: #c50005;
  font-size: 3vw;
}
@media (min-width: 768px) {
  .dropdown__error {
    top: 5rem;
    font-size: 1.2rem;
  }
}
.dropdown__error + .dropdown__error {
  top: 5.5rem;
}
.dropdown__help {
  position: absolute;
  top: 5rem;
  left: 0;
  width: 100%;
  color: #323232;
  font-size: 12px;
}



.expand__list {
  position: relative;
  max-height: 16em;
  overflow: hidden;
  transition: max-height 1s ease;
}
@media (min-width: 768px) {
  .expand__list {
    max-height: 20em;
  }
}
.expand__list.expand__list--is-expanded {
  overflow: hidden;
}
.expand__list-toggle {
  position: absolute;
  pointer-events: none;
  display: flex;
  justify-content: center;
  bottom: 0;
  width: 100%;
  height: 4em;
  transition: height 1s ease;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  border-bottom: 1px solid #dcdcdc;
}
.expand__list--is-expanded .expand__list-toggle {
  height: 0;
}
.expand__arrow {
  pointer-events: all;
  cursor: pointer;
  border-radius: 20px;
  padding: 0.2em;
  position: absolute;
  bottom: 0.7em;
  height: 1.4em;
  width: 1.4em;
  transition: height 0.4s ease;
  transition: transform 0.4s ease;
}
.expand__arrow:hover {
  background-color: #f3f3f3;
}
.expand__list--is-expanded .expand__arrow {
  transform: rotate(180deg);
}



.info-ribbon {
  padding: 6vw;
  text-align: center;
}
@media (min-width: 768px) {
  .info-ribbon {
    padding: 3rem;
  }
}
.info-ribbon .sprite-symbol {
  width: 3rem;
  height: 3rem;
  float: left;
}
.info-ribbon .sprite-symbol.icon-color-yellow path#ba_ {
  fill: yellow !important;
}
.info-ribbon .info-ribbon--sizer {
  display: flex;
  align-items: center;
}
.info-ribbon .info-ribbon--sizer svg {
  margin: 0 1rem;
}
.info-ribbon--error {
  color: #c50005;
  background: #f0bfc0;
  border-top: 0.1rem solid #e19294;
  border-bottom: 0.1rem solid #e19294;
}
.info-ribbon--subtle-error {
  border-radius: 0.4rem;
  background: #fff;
  max-width: 52rem;
  margin: 2rem auto;
}
.info-ribbon--info {
  color: #6A6D80;
  background: #DCDCDC;
  margin: 4vw;
  border-radius: 0.5rem;
}
@media (min-width: 768px) {
  .info-ribbon--info {
    margin: 2rem auto;
    width: 52rem;
  }
}
.info-ribbon--popup {
  background-color: #fff8e6;
  color: #000;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 4;
  margin: 3rem 0;
  width: 90vw;
  border-radius: 0.4rem;
}
.info-ribbon--popup .info-ribbon__text {
  margin: 0 !important;
  text-align: left;
}
.info-ribbon--popup h3 {
  margin: 0 0 1rem 0;
}
.info-ribbon--popup .info-ribbon__primary-link {
  font-weight: bold;
  color: #0081f1;
  padding: 2rem 0;
  display: block;
}
.info-ribbon--popup .info-ribbon__secondary-link {
  font-weight: normal;
  color: #004b32;
  display: block;
  text-decoration: underline;
}
@media (min-width: 768px) {
  .info-ribbon--popup {
    margin: 3rem 0;
    padding: 6rem;
    width: 52rem;
  }
}
.info-ribbon--notice {
  color: #323232;
  background: #dcdcdc;
}
.info-ribbon--plain {
  background: white;
}
.info-ribbon__text {
  font-size: 3.8vw;
  line-height: 1.4;
  font-weight: normal;
}
@media (min-width: 768px) {
  .info-ribbon__text {
    font-size: 1.5rem;
  }
}
.is-desktop-detected .info-ribbon__text {
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  .info-ribbon__text {
    max-width: 96rem;
    margin: 2rem auto 2.5rem;
  }
}



html {
  font-style: normal;
}
.region-player-account-management {
  background-color: #f5f5f5;
  font-size: 62.5%;
}
.region-player-account-management.quick-deposit.dlo {
  background-color: #ffffff;
}
.region-player-account-management .register-view select {
  text-align: left;
}
.pam-page {
  height: 100%;
  background-color: #f5f5f5;
}
.pam-page__icon {
  width: 17vw;
  height: 17vw;
}
.pam-page__fullwrap--white {
  background-color: #fff;
}
.pam-page__content {
  padding: 6vw;
  text-align: center;
}
@media (min-width: 768px) {
  .pam-page__content {
    padding: 2rem;
  }
}
.pam-page__content.overlay {
  position: relative;
}
.pam-page__content.overlay:after {
  content: " ";
  z-index: 1;
  display: block;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.8);
}
.pam-page__content h1 {
  margin: 0 0 0;
  font-size: 5.9vw;
  line-height: 1.2;
  font-weight: bold;
  color: #000000;
}
@media (min-width: 768px) {
  .pam-page__content h1 {
    font-size: 2.8rem;
  }
}
.pam-page__content h2 {
  margin: 5rem 0 0;
  font-size: 4.6vw;
  line-height: 1.3;
  font-weight: bold;
  color: #000000;
}
@media (min-width: 768px) {
  .pam-page__content h2 {
    font-size: 2rem;
  }
}
.pam-page__content p {
  font-size: 3.8vw;
  line-height: 1.4;
  font-weight: normal;
}
@media (min-width: 768px) {
  .pam-page__content p {
    font-size: 1.5rem;
  }
}
.is-desktop-detected .pam-page__content p {
  font-size: 1.5rem;
}
.pam-page__content p.abstract {
  margin: 0 0 4vw;
  color: #000000;
}
@media (min-width: 768px) {
  .pam-page__content p.abstract {
    margin: 0 0 2rem;
  }
}
.pam-page__content p.text-align-left {
  text-align: left;
}
.pam-page__content p.text-align-center {
  text-align: center;
}
.pam-page__content button + p.abstract {
  margin-top: 4vw;
}
@media (min-width: 768px) {
  .pam-page__content button + p.abstract {
    margin-top: 2rem;
  }
}
.pam-page__content button + p.abstract a {
  padding-bottom: 0.2rem;
  color: #323232;
  text-decoration: none;
  border-bottom: 0.1rem solid #d0d0d0;
}
.pam-page__content__head {
  margin: 0 auto;
  padding-bottom: 10vw;
}
@media (min-width: 768px) {
  .pam-page__content__head {
    padding-bottom: 4rem;
    max-width: 47rem;
  }
}
.pam-page__content__head p {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .pam-page__inner-content {
    max-width: 52rem;
    margin: 4rem auto 0;
  }
}
.pam-page__error {
  height: 36vw;
  border: 0.1rem solid #e19294;
  border-width: 0.1rem 0;
  background-color: #f0bfc0;
}
@media (min-width: 768px) {
  .pam-page__error {
    height: 17rem;
    border: none;
  }
}
.pam-page__action-panel {
  background-color: #e6e6e6;
}
.pam-page__action-panel .button-full-width {
  max-width: 96rem;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .pam-page__icon {
    width: 6.8rem;
    height: 6.8rem;
  }
  .pam-page__content {
    padding: 0 7rem 4rem;
  }
}



.pam-page__link {
  color: #5f5f5f;
  text-decoration: underline;
  cursor: pointer;
}
.pam-page__link:link {
  color: #5f5f5f;
}
.pam-page__link:visited {
  color: #5f5f5f;
}
.pam-page__link:hover {
  color: #323232;
}
.pam-page__link:active {
  color: #5f5f5f;
}



.loaddots {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  /* Fallbacks to display: block if flex is not recognized, align symbol center */
  width: 100%;
}
.loaddots--half-height {
  min-height: 50vh;
}
.loaddots--full-height {
  min-height: 100vh;
}
.loaddots__text {
  font-size: 2rem;
  color: #555555;
}
.loaddots--with-dark-background .loaddots__text {
  color: #ffffff;
}



.dot-1 {
  fill: #d8d8d8;
  animation: hideshow 1.5s ease infinite;
  transform: translateY(10px);
  animation-delay: 0s;
}
.dot-2 {
  fill: #b2b2b2;
  animation: hideshow 1.5s ease infinite;
  transform: translateY(10px);
  animation-delay: 0.2s;
}
.dot-3 {
  fill: #858585;
  animation: hideshow 1.5s ease infinite;
  transform: translateY(10px);
  animation-delay: 0.4s;
}
.loaddots--with-dark-background .dot-1 {
  fill: #feb700;
  animation: hideshowyellow 1.5s ease infinite;
  transform: translateY(10px);
  animation-delay: 0s;
}
.loaddots--with-dark-background .dot-2 {
  fill: #feb700;
  animation: hideshowyellow 1.5s ease infinite;
  transform: translateY(10px);
  animation-delay: 0.2s;
}
.loaddots--with-dark-background .dot-3 {
  fill: #feb700;
  animation: hideshowyellow 1.5s ease infinite;
  transform: translateY(10px);
  animation-delay: 0.4s;
}
@keyframes hideshow {
  0% {
    opacity: 1;
    transform: translateY(10px);
    fill: #d8d8d8;
  }
  35% {
    opacity: 1;
    transform: translateY(10px);
    fill: #d8d8d8;
  }
  50% {
    opacity: 1;
    transform: translateY(5px);
    fill: #858585;
  }
  65% {
    opacity: 1;
    transform: translateY(11px);
    fill: #b2b2b2;
  }
  100% {
    opacity: 1;
    transform: translateY(10px);
    fill: #d8d8d8;
  }
}
@keyframes hideshowyellow {
  0% {
    transform: translateY(10px);
  }
  35% {
    transform: translateY(10px);
  }
  50% {
    transform: translateY(5px);
  }
  65% {
    transform: translateY(11px);
  }
  100% {
    transform: translateY(10px);
  }
}



.message-container {
  text-align: center;
}
.message-container__message {
  top: 0;
}



.modal-wrapper {
  transition: all 0.3s;
  overflow: hidden;
}
.modal-wrapper:before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 21;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #000000;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.4s ease;
}
.modal-wrapper.overlay-active {
  transition: all 0.3s;
}
.modal-wrapper.overlay-active:before {
  opacity: 0.7;
  pointer-events: all;
}
.is--hidden {
  display: none;
}
.ds-modal-frame {
  position: fixed;
  top: 50%;
  left: 50vw;
  width: 50%;
  max-width: 80vw;
  min-width: 80vw;
  height: auto;
  z-index: 2000;
  backface-visibility: hidden;
  transform: translateX(-50%) translateY(-50%) scale(1);
  transition: all 0.3s ease;
  border-radius: 0.4rem;
  animation: modalIn;
  animation-duration: 0.3s;
  overflow-y: auto;
  max-height: 90vh;
  /* Fix IE bug (https://connect.microsoft.com/IE/feedback/details/796745/mouse-events-are-not-delivered-at-all-anymore-when-inside-an-svg-a-use-is-removed-from-the-dom) */
}
.ds-modal-frame--ios-position-fix {
  position: absolute;
}
@media (min-width: 768px) {
  .ds-modal-frame {
    max-width: 63rem;
    min-width: 31rem;
  }
}
@media (orientation: landscape) {
  .ds-modal-frame {
    max-height: 80%;
  }
}
.ds-modal-frame svg use {
  pointer-events: none;
}
.ds-modal-frame.remove-overlay {
  transform: translateX(-50%) translateY(-50%) scale(0);
}
.ds-modal-frame .ds-modal-wrap {
  background: #f5f5f5;
  border-radius: 0.4rem;
  transition: all 0.3s;
  transform: translateY(-6%);
  opacity: 0;
}
.is--shown.ds-modal-frame .ds-modal-wrap {
  transform: translateY(0);
  opacity: 1;
}
.is--behind-other-modal.ds-modal-frame .ds-modal-wrap {
  pointer-events: none;
  filter: blur(2px);
}
.is--behind-other-modal.ds-modal-frame .ds-modal-wrap:before {
  background: #000000;
  content: " ";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 3;
  opacity: 0.3;
  border-radius: 0.6rem;
}
@media (min-width: 768px) {
  .ds-modal-frame {
    min-width: 52rem;
  }
}
.ds-modal-frame .ds-modal-html {
  padding-bottom: 3vw;
}
@media (min-width: 768px) {
  .ds-modal-frame .ds-modal-html {
    padding-bottom: 3rem;
  }
}
.ds-modal-frame .ds-modal-content {
  padding: 6vw 6vw 6vw;
  text-align: left;
  box-shadow: 0 0 1.3rem rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
@media (orientation: landscape) {
  .ds-modal-frame .ds-modal-content {
    max-height: 90%;
    overflow-y: auto;
  }
}
@media (min-width: 768px) {
  .ds-modal-frame .ds-modal-content {
    padding: 2rem 2rem 2rem;
  }
}
.ds-modal-frame .ds-modal-content .sprite-symbol {
  width: 12vw;
  height: 12vw;
  margin: -1rem 1rem 0 0;
}
@media (min-width: 768px) {
  .ds-modal-frame .ds-modal-content .sprite-symbol {
    width: 5rem;
    height: 5rem;
  }
}
.ds-modal-frame .ds-modal-content .sprite-symbol--center {
  display: block;
  margin: 0 auto;
}
.ds-modal-frame .ds-modal-content .modal-header-icon {
  background-color: white;
  border-radius: 50%;
  padding: 1rem;
  border: 1px solid #cfcfcf;
}
.ds-modal-frame .ds-modal-content h1 {
  display: inline;
  font-size: 5.9vw;
  line-height: 1.2;
  font-weight: bold;
  color: #323232;
}
@media (min-width: 768px) {
  .ds-modal-frame .ds-modal-content h1 {
    font-size: 2.8rem;
  }
}
.ds-modal-frame .ds-modal-content .center {
  text-align: center;
  display: block;
  margin: 2rem 0 1rem;
}
.ds-modal-frame .ds-modal-content p {
  color: #6e6e6e;
  font-size: 3.8vw;
  line-height: 1.4;
  font-weight: normal;
}
.ds-modal-frame .ds-modal-content p:not(:last-of-type) {
  margin: 0 0 4vw;
}
@media (min-width: 768px) {
  .ds-modal-frame .ds-modal-content p {
    margin: 1.5rem 0;
  }
}
@media (min-width: 768px) {
  .ds-modal-frame .ds-modal-content p {
    font-size: 1.5rem;
  }
}
.is-desktop-detected .ds-modal-frame .ds-modal-content p {
  font-size: 1.5rem;
}
.ds-modal-frame .ds-modal-content small {
  display: block;
  margin-top: 1rem;
  font-size: 2.9vw;
  line-height: 1.4;
  font-weight: bold;
  font-weight: normal;
}
@media (min-width: 768px) {
  .ds-modal-frame .ds-modal-content small {
    font-size: 1.2rem;
  }
}
@media (min-width: 768px) {
  .ds-modal-frame .ds-modal-content {
    padding: 4rem 2.4rem;
  }
}
.ds-modal-frame .ds-modal-content .button-row {
  display: flex;
  width: 100%;
  flex-direction: column-reverse;
}
.ds-modal-frame .ds-modal-content .button-row--stack {
  flex-direction: column !important;
}
.ds-modal-frame .ds-modal-content .button-row--stack .pam__button {
  width: 100%;
  margin: 0.5rem 0;
}
@media (min-width: 768px) {
  .ds-modal-frame .ds-modal-content .button-row {
    flex-direction: row;
  }
}
.ds-modal-frame .ds-modal-content .button-row .pam__button {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
  border-radius: 5rem;
  padding: 0 4vw;
  min-height: 12vw;
}
@media (min-width: 768px) {
  .ds-modal-frame .ds-modal-content .button-row .pam__button {
    border-radius: 0.4rem;
    padding: 0 3rem;
    min-height: 5rem;
  }
  .ds-modal-frame .ds-modal-content .button-row .pam__button--round {
    border-radius: 5rem !important;
  }
  .ds-modal-frame .ds-modal-content .button-row .pam__button:not(:last-child) {
    margin-right: 4rem;
  }
  .ds-modal-frame .ds-modal-content .button-row .pam__button__text {
    white-space: normal;
  }
}
.ds-modal-link {
  font-size: 3.8vw;
  color: #2f80ed;
  display: block;
  margin: 1.5rem 0 0 0;
  padding: 0.5rem;
  text-align: center;
  outline: none;
}
@media (min-width: 768px) {
  .ds-modal-link {
    font-size: 1.5rem;
  }
}
.ds-modal-link:hover,
.ds-modal-link:focus {
  text-decoration: none;
}
.ds-modal--close {
  position: absolute;
  right: 0;
  margin: 4vw;
}
@media (min-width: 768px) {
  .ds-modal--close {
    margin: 2rem;
  }
}
.ds-modal--close .sprite-symbol {
  width: 4vw;
  height: 4vw;
}
@media (min-width: 768px) {
  .ds-modal--close .sprite-symbol {
    width: 1.8rem;
    height: 1.8rem;
  }
}
.ds-modal--close:hover {
  cursor: pointer;
}
.ds-modal {
  margin: 0 auto;
}
.ds-modal-frame.is--shown ~ .ds-modal-overlay {
  opacity: 1;
  visibility: visible;
}
.ds-modal-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
  opacity: 0;
  background: rgba(0, 0, 0, 0.4);
  transition: all 0.3s;
}
@keyframes modalIn {
  0% {
    transform: translate3d(-50%, -50%, 0) scale(0);
  }
  100% {
    transform: translate3d(-50%, -50%, 0) scale(1);
  }
}



.navigation-header {
  height: 12vw;
  background-color: #ffffff;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
}
@media (min-width: 768px) {
  .navigation-header {
    height: 4.5rem;
  }
}
.navigation-header__link {
  text-decoration: none;
  color: #323232;
  padding-left: 4vw;
  flex: 1;
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  .navigation-header__link {
    padding-left: 3rem;
  }
}
.navigation-header__link-text {
  display: none;
}
@media (min-width: 768px) {
  .navigation-header__link-text {
    display: inline-block;
  }
}
.navigation-header .sprite-symbol {
  width: 4vw;
  height: 4vw;
  display: block;
}
@media (min-width: 768px) {
  .navigation-header .sprite-symbol {
    width: 1.6rem;
    height: 1.6rem;
  }
}



.recaptcha.has--error label {
  color: #c50005;
}
.custom-input--transform-label .recaptcha.has--error label {
  color: #c50005;
}
.recaptcha--align-left {
  text-align: left;
}



.pam-receipt-page {
  padding-top: 50px;
  background-color: #f5f5f5;
}
.pam-receipt-page svg {
  margin: 0 auto;
  display: block;
}
.pam-receipt-page h1,
.pam-receipt-page h3 {
  max-width: 75vw;
  margin: 0 auto;
  color: #004b32;
  text-align: center;
}
@media all and (min-width: 768px) {
  .pam-receipt-page h1,
  .pam-receipt-page h3 {
    max-width: 52rem;
  }
}
.pam-receipt-page h1 {
  margin-top: 12vw;
}
@media all and (min-width: 768px) {
  .pam-receipt-page h1 {
    margin-top: 5rem;
  }
}
.pam-receipt-page p {
  font-size: 3.8vw;
  line-height: 1.4;
  font-weight: normal;
}
@media (min-width: 768px) {
  .pam-receipt-page p {
    font-size: 1.5rem;
  }
}
.is-desktop-detected .pam-receipt-page p {
  font-size: 1.5rem;
}
.pam-receipt-page p.abstract {
  margin: 0 0 4vw;
  color: #6e6e6e;
}
@media (min-width: 768px) {
  .pam-receipt-page p.abstract {
    margin: 0 0 2rem;
  }
}
.pam-receipt-page__wait,
.pam-receipt-page__content {
  max-width: 75vw;
  margin: 10vw auto;
  text-align: center;
}
@media all and (min-width: 768px) {
  .pam-receipt-page__wait,
  .pam-receipt-page__content {
    max-width: 52rem;
    margin: 4rem auto;
  }
}
.pam-receipt-page__wait p,
.pam-receipt-page__content p {
  color: #8d8d8d;
  margin-bottom: 0;
}
.pam-receipt-page__wait .loader-animation,
.pam-receipt-page__content .loader-animation {
  width: 13vw;
  height: 13vw;
}
@media all and (min-width: 768px) {
  .pam-receipt-page__wait .loader-animation,
  .pam-receipt-page__content .loader-animation {
    width: 5rem;
    height: 5rem;
  }
}
.pam-no-receipt-button .pam-receipt-page .pam__button {
  display: none;
}
.is-loaded-in-iframe:not(.quick-deposit.dlo) .pam-receipt-page .pam__button {
  display: none;
}
.is-loaded-in-iframe:not(.quick-deposit.dlo) .pam-receipt-page .pam__button--show {
  display: block;
}
.pam-page__content .pam-receipt-page .pam__button-container {
  padding: 6vw 0;
}
@media (min-width: 768px) {
  .pam-page__content .pam-receipt-page .pam__button-container {
    padding: 0;
  }
}
.pam-receipt-page__symbol {
  width: 18vw;
  height: 18vw;
  margin-bottom: 5vw;
  margin-top: 5vw;
}
@media all and (min-width: 768px) {
  .pam-receipt-page__symbol {
    margin-bottom: 2rem;
    margin-top: 2rem;
    width: 7rem;
    height: 7rem;
  }
}
.receipt-page {
  display: none;
  position: absolute;
  z-index: 1000;
  width: 100%;
  min-height: 100%;
  overflow-x: hidden;
}
.receipt-page .sprite-symbol {
  margin-bottom: 2.5vw;
}
.receipt-page button .sprite-symbol {
  margin: 1.4vw 0 0 1vw;
}
.receipt-page.is-visible {
  display: block;
}
.pam-page__ribbon--no-countdown {
  margin-top: 10vw;
}
@media all and (min-width: 768px) {
  .pam-page__ribbon--no-countdown {
    margin-top: 4rem;
  }
}
.pocabi-iframed-deposit .payment-step1 {
  padding-bottom: 7rem;
}
.pam__button-container--with-upsell {
  padding: 2rem;
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 2rem;
}
@media all and (min-width: 480px) {
  .pam__button-container--with-upsell {
    flex-direction: row;
  }
}
.pam__button-container--with-upsell .pam__button {
  display: inline-block;
  font-size: 1.6rem;
  line-height: 1.8;
  border-radius: 0.4rem;
  padding: 0.4rem 2rem 0.5rem;
  flex: unset;
}
.pam-receipt-page__upsell {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 3rem auto;
  padding: 2rem;
}
.pam-receipt-page__upsell-image {
  height: 100%;
  width: 100%;
  object-fit: contain;
  aspect-ratio: 0.52372263;
  max-height: 54.8rem;
}
@media all and (min-width: 768px) {
  .pam-receipt-page__upsell-image {
    aspect-ratio: 1.09578544;
    max-height: 52.2rem;
  }
}



.route-slide {
  will-change: transform;
  background-color: #f5f5f5;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
}
.route-slide:before {
  z-index: 10;
  position: absolute;
  content: "";
  width: 100vw;
  height: 100vh;
  background-color: rgba(50, 50, 50, 0.5);
  top: 0;
  left: -100vw;
  pointer-events: none;
}
.route-slide.sliding-in:before {
  animation-duration: 1s;
  animation-name: slidein;
  position: fixed;
  left: -100vw;
  content: "";
  width: 100vw;
  height: 100%;
  background-color: rgba(50, 50, 50, 0);
  pointer-events: none;
}
.route-slide.sliding-out:before {
  animation-duration: 1s;
  animation-name: slideout;
  position: fixed;
  left: -100vw;
  content: "";
  width: 100vw;
  height: 100%;
  background-color: rgba(50, 50, 50, 0);
  pointer-events: none;
}
/** Make sure that the route slide is moved only from new pam pages */
.pam-main-layout .route-slide::before {
  display: none;
}
.pam-main-layout .route-slide.sliding-in,
.pam-main-layout .route-slide.sliding-out,
.pam-main-layout .route-slide.route-slide--active {
  transition-duration: 0.1ms !important;
  min-height: auto !important;
  overflow: hidden !important;
  position: relative !important;
}
.pam-main-layout .route-slide.sliding-in ~ .route-slide,
.pam-main-layout .route-slide.sliding-out ~ .route-slide,
.pam-main-layout .route-slide.route-slide--active ~ .route-slide {
  display: none;
}
.pam-main-layout .route-slide.sliding-in,
.pam-main-layout .route-slide.sliding-out {
  height: 0 !important;
  width: 0 !important;
}
.pam-main-layout .route-slide ~ .route-slide--active {
  display: none;
}
body.dlo.quick-deposit .route-slide {
  background-color: #ffffff;
}
@keyframes slidein {
  from {
    background-color: rgba(50, 50, 50, 0);
  }
  to {
    background-color: rgba(50, 50, 50, 0.5);
  }
}
@keyframes slideout {
  from {
    background-color: rgba(50, 50, 50, 0.5);
  }
  to {
    background-color: rgba(50, 50, 50, 0);
  }
}



.pageslider {
  position: fixed;
  z-index: 19;
  width: 100%;
  top: 0;
  bottom: 0;
  height: 100%;
  overflow-x: hidden;
}
.pageslider-container {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translate3d(0, 0, 0);
}
.pageslider__content {
  width: 100%;
  min-height: 100%;
  transition: transform 1s;
  background-color: #f5f5f5;
  border-left: 1px solid #dcdcdc;
}
.pageslider__content.do-slide-out {
  animation-name: animateOut;
}
.pageslider__content + div {
  min-height: 100%;
  position: fixed;
  width: 100%;
}
.pageslider__content.hidden {
  pointer-events: none;
  transform: translateX(100%);
}
.pageslider__content.visible {
  pointer-events: all;
  transform: translateX(0%);
}
.pageslider__content .is-hidden {
  display: none;
}
@keyframes animateIn {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes animateOut {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(100%, 0, 0);
  }
}



.sprite-sheet {
  position: absolute;
  z-index: -1000;
  height: 0;
  visibility: hidden;
}
.sprite-symbol {
  color: #323232;
  fill: currentColor;
  display: inline-block;
  vertical-align: middle;
}
.sprite-symbol use {
  pointer-events: none;
}
.sprite-symbol--badge {
  background: white;
  padding: 1vw;
  border-radius: 50%;
  width: 18vw;
  height: 18vw;
}
@media (min-width: 768px) {
  .sprite-symbol--badge {
    width: 7.3rem;
    height: 7.3rem;
    padding: 0.5rem;
  }
}



.step-guide {
  text-align: center;
  padding: 0;
  margin: 8vw 0 5.333vw;
  margin: 8vw 0 6vw;
  font-weight: bold;
}
@media (min-width: 768px) {
  .step-guide {
    margin: 3rem 0 2rem;
  }
}
.step-guide__step {
  color: #a9a9a9;
  font-size: 3.7vw;
  border-radius: 2.7rem;
  min-width: 7.3vw;
  min-height: 7.3vw;
  display: inline-block;
  margin-left: 7.7333vw;
  position: relative;
  background: #e6e6e6;
  background: linear-gradient(to right, #feb700 50%, #e6e6e6 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 375ms linear;
  transition-delay: 0ms;
  padding-top: 0.8vw;
}
@media (min-width: 768px) {
  .step-guide__step {
    font-size: 1.4rem;
    min-width: 2.7rem;
    min-height: 2.7rem;
    display: inline-block;
    margin-left: 2.9rem;
    padding-top: 0.2rem;
  }
}
.step-guide__step::before {
  content: " ";
  height: 1.333vw;
  width: 7.7333vw;
  display: block;
  top: 2.9835vw;
  position: absolute;
  left: -7.7333vw;
  background: #e6e6e6;
  background: linear-gradient(to right, #feb700 50%, #e6e6e6 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 375ms linear;
  transition-delay: 375ms;
}
@media (min-width: 768px) {
  .step-guide__step::before {
    height: 0.5rem;
    width: 2.9rem;
    top: 1.1rem;
    left: -2.9rem;
  }
}
.step-guide__step:first-child {
  margin-left: 0;
}
.step-guide__step:first-child:before {
  display: none;
}
.step-guide__step.is--active {
  color: #323232;
  background-position: left bottom;
  transition-delay: 375ms;
  cursor: pointer;
}
.step-guide__step.is--active.no-pointer {
  cursor: default;
}
.step-guide__step.is--active:before {
  background-position: left bottom;
  transition: all 375ms;
  transition-delay: 0ms;
}
.step-guide__step.has--label {
  padding: 0.8vw 3vw 0 3vw;
}
@media (min-width: 768px) {
  .step-guide__step.has--label {
    padding: 0.2rem 1rem 0 1rem;
  }
}



.table-header {
  display: none;
  background-color: #e6e6e6;
}
.table-header .table-row {
  background-color: #e6e6e6;
}
.pam-page div.table {
  display: block;
}
.table__header {
  display: none;
}
@media (min-width: 768px) {
  .table__header {
    background-color: #e6e6e6;
    display: flex;
  }
}
.table__row {
  background: #ffffff;
  display: flex;
  flex-basis: 100%;
  position: relative;
  text-decoration: none;
  width: 100%;
  align-items: center;
  padding: 1vw;
  box-sizing: border-box;
  justify-content: space-between;
  border-bottom: 1px solid #e6e6e6;
  line-height: 5vw;
}
.table__header .table__row {
  min-height: auto;
  background-color: #e6e6e6;
  height: 4rem;
  padding: 0.5rem 2rem;
  line-height: 2rem;
}
.table__row--arrow {
  cursor: pointer;
}
.table__row--extend {
  height: 40vw;
}
@media (min-width: 768px) {
  .table__row--extend {
    height: 20rem;
  }
}
@media (min-width: 768px) {
  .table__row {
    min-height: 6rem;
    line-height: inherit;
    max-width: 120rem;
    margin: 0 auto;
    padding: 0.5rem 2rem;
  }
}
.table__cell-color {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.4rem;
  height: 100%;
}
.table__cell-group {
  display: flex;
  width: 100%;
  padding: 2.5vw;
  justify-content: space-between;
  flex-direction: column;
}
@media (min-width: 768px) {
  .table__cell-group {
    flex-direction: row;
    padding: 0;
  }
  .table__cell-group:nth-last-of-type(2):nth-child(1) {
    color: red;
  }
  .table__cell-group .table__cell-group-cell--order-5:only-child {
    padding: 2rem 0 2rem 9rem;
  }
}
.table__cell-group--odd {
  flex-direction: column;
  flex-grow: 1;
  width: 33.33%;
}
.table__cell-group--right {
  flex-direction: column;
  width: unset;
  min-width: 17rem;
}
@media (min-width: 768px) {
  .table__cell-group--right {
    padding-left: 2rem;
    box-sizing: content-box;
  }
}
.table__cell-group-cell {
  display: flex;
  flex-grow: 1;
  width: 100%;
  line-height: 4.5vw;
  flex-direction: column;
}
.table__cell-group--right .table__cell-group-cell {
  align-items: flex-end;
  text-align: right;
  margin-right: 1.5rem;
  min-width: 15rem;
}
.table__cell-group-cell.table__text--spacer {
  width: 17rem;
  flex-shrink: 0;
  padding-left: 2rem;
  box-sizing: content-box;
}
@media (min-width: 768px) {
  .table__cell-group-cell {
    line-height: 2rem;
  }
  .table__header .table__cell-group--left .table__cell-group-cell:first-child {
    flex: 0 0 22rem;
  }
  .table__header .table__cell-group--left .table__cell-group-cell:nth-child(3) {
    min-width: 16.5rem;
  }
  .table__header .table__cell-group--left .table__cell-group-cell:nth-child(4) {
    min-width: 16.5rem;
  }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .table__header .table__cell-group--left .table__cell-group-cell:nth-child(2) {
    min-width: 16.5rem;
  }
}
@media (min-width: 768px) {
  .table__cell-group-cell--order-1 {
    order: 2;
  }
}
@media (min-width: 1024px) {
  .table__cell-group-cell--order-1 {
    min-width: 16.5rem;
  }
}
@media (min-width: 768px) {
  .table__cell-group-cell--order-2:not(.table__text--right) {
    flex: 0 0 22rem;
  }
}
@media (min-width: 768px) {
  .table__cell-group-cell--order-2 {
    order: 1;
    min-width: 16.5rem;
  }
}
.table__cell-group-cell--order-3 {
  order: 3;
}
@media (min-width: 768px) {
  .table__cell-group-cell--order-3 {
    min-width: 7rem;
  }
}
.table__cell-group-cell--order-4 {
  order: 4;
}
@media (min-width: 768px) {
  .table__cell-group-cell--order-4 {
    min-width: 12rem;
  }
}
.table__cell-group-cell .dropdown {
  margin: 0;
  width: 100%;
}
.table__cell-group-cell .dropdown select:focus + label {
  border-bottom: none;
}
.table__cell-group--empty {
  display: none;
}
@media (min-width: 768px) {
  .table__cell-group--empty {
    display: block;
  }
}
.table__cell-arrow {
  display: block;
  position: absolute;
  right: 0;
}
.table__cell-arrow svg {
  width: 5vw;
  height: 5vw;
}
@media (min-width: 768px) {
  .table__cell-arrow svg {
    width: 1.6rem;
    height: 1.6rem;
  }
}
.table__cell--empty {
  align-items: center;
  display: flex;
  width: 100%;
  line-height: initial;
}
@media (min-width: 768px) {
  .table__cell--empty {
    padding: 0;
    min-height: 5rem;
    height: auto;
  }
}
.table__cell--empty .loader-animation-container {
  width: 15vw;
}
@media (min-width: 768px) {
  .table__cell--empty .loader-animation-container {
    width: 5rem;
  }
}
.table__cell--unpadded {
  padding: 0;
}
.table__cell--child-content {
  display: none;
  font-weight: normal;
}
@media (min-width: 768px) {
  .table__cell--child-content {
    display: block;
  }
}
.table__button {
  padding-left: 1rem;
  margin: 0.5rem 0;
}
.table__button .pam__button {
  font-size: 1.5rem;
  padding: 0.4rem 1rem;
  flex: none;
  width: 100%;
}
.table__text {
  font-size: 2.8vw;
}
@media (min-width: 768px) {
  .table__text {
    font-size: 1.4rem;
  }
}
.table__text--thick {
  font-weight: 700;
}
.table__text--larger {
  font-size: 4vw;
}
@media (min-width: 768px) {
  .table__text--larger {
    font-size: 1.8rem;
  }
}
.table__text--largeronmobile {
  font-size: 4vw;
}
@media (min-width: 768px) {
  .table__text--largeronmobile {
    font-size: 1.4rem;
  }
}
.table__text--right {
  justify-content: flex-end;
  flex-direction: column;
  text-align: end;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .table__text--right {
    flex-direction: inherit;
    width: 11rem;
  }
}
.table__text--with-subtext {
  align-items: flex-start;
  flex-direction: column;
}
@media (min-width: 768px) {
  .table__text--with-subtext {
    white-space: nowrap;
    max-width: unset;
  }
}
.table__text--with-subtext.table__text--right {
  align-items: flex-end;
}
.table__text--center {
  justify-content: center;
  text-align: center;
}
.table__text--green {
  color: #2b7721;
}
.table__text--red {
  color: #c60005;
}
.table__text--grey {
  color: #a0a0a0;
}
.table__text--italic {
  font-style: italic;
}
.table__text .prize-line {
  display: block;
  white-space: normal;
}
@media (min-width: 768px) {
  .table__text .prize-line {
    white-space: nowrap;
  }
}
.table__text--hidden-on-mobile {
  display: none;
}
@media (min-width: 768px) {
  .table__text--hidden-on-mobile {
    display: flex;
  }
}
.is-mobile-detected .table--player-games .table__cell-group {
  flex-direction: row;
  flex-wrap: wrap;
}
.is-mobile-detected .table--player-games .table__cell-group .table__button {
  padding-left: 0;
}
.is-mobile-detected .table--player-games .table__cell-group-cell {
  width: unset;
  flex-shrink: 1;
}
.is-mobile-detected .table--player-games .table__cell-group-cell--order-1 {
  flex-basis: 100%;
}
.is-mobile-detected .table--player-games .table__cell-group-cell--order-2 {
  flex-basis: 100%;
  margin-top: 1rem;
  order: 5;
}
.is-mobile-detected .table--player-games .table__cell-group-cell--order-3 {
  flex-grow: 0;
  padding-right: 0.5rem;
}
.is-mobile-detected .table--player-games .table__cell-group-cell--order-3::after {
  margin-left: 0.5rem;
  content: ' - ';
}
.is-mobile-detected .table--player-games .table__cell--hidden {
  display: none;
}



.table-list-footer {
  width: 100%;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .table-list-footer {
    background-color: #f5f5f5;
    min-height: 12rem;
    max-width: 120rem;
    margin: 0 auto 2rem;
    padding: 0;
  }
}
.table-list-footer__fetch-next {
  padding: 2rem 1rem;
  display: flex;
  font-size: 1.4rem;
  justify-content: center;
  cursor: pointer;
  background-color: white;
  border-left: 0.4rem solid #a0a0a0;
}
.table-list-footer__fetch-next .dropdown__selection__arrow {
  width: 1.8rem;
  fill: #4a90e2;
  margin: 0.3rem 0 0 1rem;
}
@media (min-width: 768px) {
  .table-list-footer__fetch-next .dropdown__selection__arrow {
    margin-top: 0;
  }
}
.table-list-footer__fetch-next-label {
  color: #4a90e2;
  font-weight: bold;
}
.table-list-footer__inner {
  position: relative;
  flex: 100%;
  display: flex;
  flex-wrap: wrap;
}
.table-list-footer__pager {
  flex: 1 1 50%;
  min-height: 60px;
}
@media (min-width: 768px) {
  .table-list-footer__pager {
    order: 1;
  }
}
.table-list-footer__pager--empty {
  display: none;
}
.table-list-footer__info-dots {
  display: flex;
  flex: 100%;
  background-color: #f5f5f5;
}
@media (min-width: 768px) {
  .table-list-footer__info-dots {
    flex-direction: column;
    justify-content: center;
    position: absolute;
    flex: none;
    padding-left: 1rem;
  }
}
.table-list-footer__info-dots__dot {
  flex: 1;
  font-size: 3.5vw;
  padding: 4vw 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .table-list-footer__info-dots__dot {
    flex: none;
    font-size: 1.2rem;
    padding: 0.35rem;
    justify-content: flex-start;
  }
}
.table-list-footer__info-dots__icon {
  width: 4vw;
  height: 4vw;
  border-radius: 50%;
  margin-right: 2vw;
  display: block;
}
@media (min-width: 768px) {
  .table-list-footer__info-dots__icon {
    width: 1.2rem;
    height: 1.2rem;
    margin-right: 0.8rem;
  }
}



.table-list-header {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.table-list-header__warning {
  width: 100%;
  max-width: 120rem;
  font-size: 1.2rem;
  padding-bottom: 1rem;
  color: #6e6e6e;
}
.table-list-header__filters {
  width: 100%;
  border-top: 1px solid #dcdcdc;
}
.table-list-header__filters .table__filter-row {
  width: 100%;
  max-width: 120rem;
  margin: 0 auto;
  flex-direction: row;
  display: flex;
}
.table-list-header__filters .table__filter-selected {
  background-color: white;
  position: absolute;
  width: 100%;
  z-index: 3;
}
.table-list-header__filters .table__filter {
  display: flex;
  cursor: pointer;
  padding: 1rem 1rem 1rem 2rem;
}
.table-list-header__filters .table__filter--active {
  z-index: 3;
  background-color: white;
}
.table-list-header__filters .table__filter--hidden-on-mobile {
  display: none;
}
@media (min-width: 768px) {
  .table-list-header__filters .table__filter--hidden-on-mobile {
    display: flex;
  }
}
.table-list-header__filters .table__filter .dropdown__selection__arrow {
  width: 1.8rem;
  margin: 0.2rem 0 0 1rem;
  fill: #4a90e2;
}
@media (min-width: 768px) {
  .table-list-header__filters .table__filter .dropdown__selection__arrow {
    margin-top: 0;
  }
}
.table-list-header__filters .table__filter-blur {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.51);
  z-index: 2;
}
.table-list-header__filters .table__filter-blur--hidden {
  display: none;
}
.table-list-header__filters .table__filter-overlay {
  max-width: 120rem;
  margin: 0 auto;
  flex-direction: row;
  display: flex;
  padding: 1rem 2rem;
}
.table-list-header__filters .table__filter-header {
  font-size: 1.6rem;
  color: #4a90e2;
  font-weight: bold;
  user-select: none;
}
.table-list-header__filters .table__filter-date {
  width: 35rem;
  font-size: 1.4rem;
  user-select: none;
}
.table-list-header__filters .table__filter-date--underline {
  border-bottom: 1px solid #dcdcdc;
  padding-bottom: 1rem;
}
.table-list-header__filters .table__filter-date .calendar {
  margin-top: 1rem;
}
.table-list-header__filters .table__filter-date .calendar .pika-lendar {
  position: relative;
}
.table-list-header__filters .table__filter-date .calendar .pika-lendar td .pika-button:hover {
  background-color: #cee1f7;
  border-radius: 50%;
}
.table-list-header__filters .table__filter-date .calendar .pika-lendar td.is-selected .pika-button {
  background-color: #4a90e2;
}
.table-list-header__filters .table__filter-date--text {
  font-weight: bold;
  display: inline-block;
}
.table-list-header__filters .table__filter-date--value {
  color: #4a90e2;
  display: inline-block;
  cursor: pointer;
  margin-left: 0.5rem;
}
.table-list-header__filters .table__filter-calendar {
  width: 1.6rem;
  height: 1.6rem;
  margin-left: 1rem;
  fill: #4a90e2;
  cursor: pointer;
}
.table-list-header__filters .table__filter-description {
  font-size: 1.4rem;
  display: flex;
  margin: 1rem 2rem 1rem 0;
  font-weight: bold;
}
.table-list-header__filters .table__filter-items {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
  padding: 1rem 0 2rem 0;
}
@media (min-width: 768px) {
  .table-list-header__filters .table__filter-items {
    flex-direction: row;
  }
}
.table-list-header__filters .table__filter-item-value {
  display: inline-flex;
  cursor: pointer;
  border-radius: 1.4rem;
  margin: 0.5rem 1.5rem 1rem -1rem;
  padding: 0.5rem 1rem;
  color: #4a90e2;
  font-size: 1.5rem;
  font-weight: bold;
}
.table-list-header__filters .table__filter-item-value:hover {
  background-color: #edf4fc;
}
.table-list-header__filters .table__filter-item-value--active {
  background-color: #cee1f7;
}
.table-list-header__filters .table__filter-offset {
  display: flex;
  width: 100%;
  margin-bottom: 1rem;
}
.table-list-header__filters .table__row {
  background-color: transparent;
  border-bottom: none;
  padding: 0;
  height: 100%;
}
@media (min-width: 768px) {
  .table-list-header__filters .table__row {
    padding: 0.5rem 2rem;
    height: 7rem;
  }
}
.table-list-header__filters .table__cell-arrow {
  display: none;
}
@media (min-width: 768px) {
  .table-list-header__filters .table__cell-arrow {
    display: block;
  }
}
.table-list-header__filters .table__cell-group {
  flex-basis: 100%;
  flex-direction: row;
  padding: 0;
  height: 100%;
}
.table-list-header__filters .table__cell-group-cell {
  flex-basis: 50%;
  flex-direction: row;
  border-right: 1px solid #dcdcdc;
  align-items: center;
  border-bottom: none;
  padding: 3.8vw 1vw;
}
.table-list-header__filters .table__cell-group-cell .dropdown__select,
.table-list-header__filters .table__cell-group-cell .dropdown__selection {
  padding: 0 6.6vw 0 0;
  border: 0;
}
@media (min-width: 768px) {
  .table-list-header__filters .table__cell-group-cell .dropdown__select,
  .table-list-header__filters .table__cell-group-cell .dropdown__selection {
    padding: 0;
  }
}
.table-list-header__filters .table__cell-group-cell .dropdown__selection__arrow {
  margin: -1rem 1rem 0 1rem;
}
@media (min-width: 768px) {
  .table-list-header__filters .table__cell-group-cell {
    border-right: none;
    padding: 0;
    min-width: 16.5rem;
  }
}
.table--player-transactions .table-list-header__filters .table__cell-group-cell--data:nth-of-type(2) {
  border-right: 0;
}
.table--player-games .table-list-header__filters .table__cell-group-cell--data:nth-of-type(3) {
  border-right: 0;
}
.table-list-header__filters .table__cell-group .dropdown__list {
  min-width: 140%;
}
.table-list-header__filters .table__cell-group .dropdown__list__item {
  background-color: hsla(240, 7%, 95%, 0.9);
  font-weight: 700;
  color: #323232;
}
.table-list-header__filters .table__cell-group .dropdown__selection {
  white-space: nowrap;
  display: none;
}
.table-list-header__filters .table__cell-group .dropdown__selection__right,
.table-list-header__filters .table__cell-group .dropdown__selection__left {
  font-weight: 700;
  color: #323232;
}
.table-list-header__filters .table__cell-group .dropdown__selection__right {
  display: inline-block;
}
.table-list-header__filters .table__cell-group .dropdown__selection__left {
  flex: unset;
  display: inline-block;
}
@media (min-width: 768px) {
  .table-list-header__filters .table__cell-group .dropdown__selection {
    display: block;
    padding: 0;
  }
}
.table-list-header .table__header {
  width: 100%;
}
.table-list-header__fetch-previous-label {
  color: #4a90e2;
  font-weight: bold;
}
.table-list-header__fetch-previous {
  width: 100%;
  padding: 2rem 1rem;
  display: flex;
  font-size: 1.4rem;
  justify-content: center;
  max-width: 120rem;
  cursor: pointer;
  background-color: white;
  border-left: 0.4rem solid #a0a0a0;
  border-bottom: 0.1rem solid #e6e6e6;
}
.table-list-header__fetch-previous .dropdown__selection__arrow {
  fill: #4a90e2;
  margin-left: 1rem;
  width: 1.8rem;
}
@media (min-width: 768px) {
  .table-list-header__fetch-previous .dropdown__selection__arrow {
    margin-top: -0.3rem;
  }
}



.team-list {
  margin: 0 -6vw;
  padding: 0;
  list-style: none;
  border-bottom: 0.1rem solid #dcdcdc;
  background: #ffffff;
  overflow: hidden;
}
@media (min-width: 768px) {
  .team-list {
    margin: 0 -2rem;
    border-radius: 0.5rem;
  }
}
.team-list__header,
.team-list__item {
  border-top: 0.1rem solid #dcdcdc;
  border-right: 0.1rem solid #dcdcdc;
  border-left: 0.1rem solid #dcdcdc;
}
.team-list__header {
  color: #323232;
  font-size: 4.6vw;
  line-height: 1.3;
  font-weight: bold;
  padding: 6vw;
}
@media (min-width: 768px) {
  .team-list__header {
    border-radius: 0.5rem 0.5rem 0 0;
  }
}
@media (min-width: 768px) {
  .team-list__header {
    font-size: 2rem;
  }
}
@media (min-width: 768px) {
  .team-list__header {
    border-radius: 0.5rem 0.5rem 0 0;
    padding: 2rem;
  }
}
.team-list__item {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
  height: 18vw;
}
@media (min-width: 768px) {
  .team-list__item {
    height: 7rem;
  }
}
.team-list__item__content {
  flex: 1 0 auto;
  align-self: auto;
  text-align: left;
  padding: 3vw 6vw;
  font-size: 3.8vw;
  line-height: 1.4;
  font-weight: bold;
}
@media (min-width: 768px) {
  .team-list__item__content {
    font-size: 1.5rem;
  }
}
@media (min-width: 768px) {
  .team-list__item__content {
    padding: 1.5rem 2rem;
  }
}
.team-list__item__content--right {
  flex: 0 0 auto;
  align-self: auto;
  text-align: left;
  padding: 4.5vw 6vw;
  font-size: 3.8vw;
  line-height: 1.4;
  font-weight: normal;
}
@media (min-width: 768px) {
  .team-list__item__content--right {
    font-size: 1.5rem;
  }
}
.is-desktop-detected .team-list__item__content--right {
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  .team-list__item__content--right {
    padding: 1.5rem 2rem;
  }
}
.team-list__item__content--header {
  font-size: 4.6vw;
  line-height: 1.3;
  font-weight: bold;
  color: #323232;
  text-align: center;
}
@media (min-width: 768px) {
  .team-list__item__content--header {
    font-size: 2rem;
  }
}
.team-list__item__content--minor {
  font-size: 2.9vw;
  line-height: 1.4;
  font-weight: normal;
  color: #a0a0a0;
}
@media (min-width: 768px) {
  .team-list__item__content--minor {
    font-size: 1.2rem;
  }
}
@media (min-width: 768px) {
  .team-list__item__content--minor {
    max-width: 30rem;
  }
}
.team-list__item__content--mobile-new-line {
  display: block;
  max-width: 26vh;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (min-width: 768px) {
  .team-list__item__content--mobile-new-line {
    display: inline-block;
    vertical-align: text-bottom;
    max-width: 34rem;
  }
}
.team-list__item__icon {
  width: 4vw;
  height: 4vw;
  color: #323232;
  margin-right: 3vw;
  flex: 0 1 auto;
  padding: 0 0 0 4vw;
}
@media (min-width: 768px) {
  .team-list__item__icon {
    width: 2rem;
    height: 2rem;
    margin-right: 2rem;
    padding: 0 0 0 2rem;
  }
}
.team-list__item__icon .sprite-symbol {
  display: block;
  padding: 0;
}
.team-list__item__action {
  color: #323232;
  text-decoration: underline;
  font-size: 3.8vw;
  line-height: 1.4;
  font-weight: normal;
}
@media (min-width: 768px) {
  .team-list__item__action {
    font-size: 1.5rem;
  }
}
.is-desktop-detected .team-list__item__action {
  font-size: 1.5rem;
}
.team-list__item__action--left {
  justify-content: flex-start;
}
.team-list__item__action--center {
  justify-content: center;
}
.team-list__item__action--right {
  justify-content: flex-end;
}
.team-list__item a,
.team-list__item span {
  position: relative;
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  align-self: stretch;
  text-decoration: none;
}
@media (min-width: 768px) {
}
.team-list__item a.team-list__item__content--right,
.team-list__item span.team-list__item__content--right {
  flex: 0 1 auto;
  padding: 0 2vw 0;
}
@media (min-width: 768px) {
  .team-list__item a.team-list__item__content--right,
  .team-list__item span.team-list__item__content--right {
    padding: 0 2rem;
  }
}
.team-list__item a svg,
.team-list__item span svg {
  position: absolute;
  right: 2rem;
  height: 1.8rem;
  width: 1.8rem;
  top: 50%;
  margin-top: -0.9rem;
}
.team-list__item a,
.team-list__item a:visited {
  color: #323232;
}
.team-list__item a:hover {
  background-color: #eee;
  cursor: pointer;
}



* {
  box-sizing: border-box;
}
html {
  font-size: 10px;
}
@media screen and (min-resolution: 1.2dppx) and (min-resolution: 115dpi) and (min-device-width: 1024px) {
  html {
    font-size: 50%;
  }
}
@media screen and (min-resolution: 2dppx) and (min-device-width: 1024px) {
  html {
    font-size: 62.5%;
  }
}
.region-player-account-management {
  font-weight: normal;
  line-height: 1.5;
  color: #323232;
}
@media (min-width: 768px) {
  .region-player-account-management {
    font-size: 1.4rem;
  }
}
.pam-page .header {
  font-size: 5.9vw;
  line-height: 1.2;
  font-weight: bold;
}
@media (min-width: 768px) {
  .pam-page .header {
    font-size: 2.8rem;
  }
}
h1 {
  font-size: 5.9vw;
  line-height: 1.2;
  font-weight: bold;
}
@media (min-width: 768px) {
  h1 {
    font-size: 2.8rem;
  }
}
h2 {
  font-size: 5.9vw;
  line-height: 1.2;
  font-weight: normal;
}
@media (min-width: 768px) {
  h2 {
    font-size: 2.8rem;
  }
}
h3 {
  font-size: 4.6vw;
  line-height: 1.3;
  font-weight: bold;
}
@media (min-width: 768px) {
  h3 {
    font-size: 2rem;
  }
}
h4 {
  font-size: 3.8vw;
  line-height: 1.4;
  font-weight: normal;
}
@media (min-width: 768px) {
  h4 {
    font-size: 1.8rem;
  }
}
h5 {
  font-size: 3.8vw;
  line-height: 1.4;
  font-weight: bold;
}
@media (min-width: 768px) {
  h5 {
    font-size: 1.5rem;
  }
}
h6 {
  font-size: 3.8vw;
  line-height: 1.4;
  font-weight: normal;
}
@media (min-width: 768px) {
  h6 {
    font-size: 1.5rem;
  }
}
.is-desktop-detected h6 {
  font-size: 1.5rem;
}



.pam-page__content .margin-bottom {
  margin-bottom: 4vw;
}
@media only screen and (min-width: 768px) {
  .pam-page__content .margin-bottom {
    margin-bottom: 2rem;
  }
}



@charset "UTF-8";
/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */
.pika-single {
  z-index: 9999;
  display: block;
  position: relative;
  color: #333;
  background: #fff;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
.pika-single:before,
.pika-single:after {
  content: " ";
  display: table;
}
.pika-single:after {
  clear: both;
}
.pika-single.is-hidden {
  display: none;
}
.pika-single.is-bound {
  position: absolute;
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
}
.pika-lendar {
  float: left;
  width: 240px;
  margin: 8px;
}
.pika-title {
  position: relative;
  text-align: center;
}
.pika-label {
  display: inline-block;
  position: relative;
  z-index: 9999;
  overflow: hidden;
  margin: 0;
  padding: 5px 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  background-color: #fff;
}
.pika-title select {
  cursor: pointer;
  position: absolute;
  z-index: 9998;
  margin: 0;
  left: 0;
  top: 5px;
  filter: alpha(opacity=0);
  opacity: 0;
}
.pika-prev,
.pika-next {
  display: block;
  cursor: pointer;
  position: relative;
  outline: none;
  border: 0;
  padding: 0;
  width: 20px;
  height: 30px;
  /* hide text using text-indent trick, using width value (it's enough) */
  text-indent: 20px;
  white-space: nowrap;
  overflow: hidden;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 75% 75%;
  opacity: 0.5;
}
.pika-prev:hover,
.pika-next:hover {
  opacity: 1;
}
.pika-prev,
.is-rtl .pika-next {
  float: left;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
}
.pika-next,
.is-rtl .pika-prev {
  float: right;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
}
.pika-prev.is-disabled,
.pika-next.is-disabled {
  cursor: default;
  opacity: 0.2;
}
.pika-select {
  display: inline-block;
}
.pika-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
}
.pika-table th,
.pika-table td {
  width: 14.28571429%;
  padding: 0;
}
.pika-table th {
  color: #999;
  font-size: 12px;
  line-height: 25px;
  font-weight: bold;
  text-align: center;
}
.pika-button {
  cursor: pointer;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: none;
  border: 0;
  margin: 0;
  width: 100%;
  padding: 5px;
  color: #666;
  font-size: 12px;
  line-height: 15px;
  text-align: right;
  background: #f5f5f5;
}
.pika-week {
  font-size: 11px;
  color: #999;
}
.is-today .pika-button {
  color: #33aaff;
  font-weight: bold;
}
.is-selected .pika-button,
.has-event .pika-button {
  color: #fff;
  font-weight: bold;
  background: #33aaff;
  box-shadow: inset 0 1px 3px #178fe5;
  border-radius: 3px;
}
.has-event .pika-button {
  background: #005da9;
  box-shadow: inset 0 1px 3px #0076c9;
}
.is-disabled .pika-button,
.is-inrange .pika-button {
  background: #D5E9F7;
}
.is-startrange .pika-button {
  color: #fff;
  background: #6CB31D;
  box-shadow: none;
  border-radius: 3px;
}
.is-endrange .pika-button {
  color: #fff;
  background: #33aaff;
  box-shadow: none;
  border-radius: 3px;
}
.is-disabled .pika-button {
  pointer-events: none;
  cursor: default;
  color: #999;
  opacity: 0.3;
}
.is-outside-current-month .pika-button {
  color: #999;
  opacity: 0.3;
}
.is-selection-disabled {
  pointer-events: none;
  cursor: default;
}
.pika-button:hover,
.pika-row.pick-whole-week:hover .pika-button {
  color: #fff;
  background: #ff8000;
  box-shadow: none;
  border-radius: 3px;
}
/* styling for abbr */
.pika-table abbr {
  border-bottom: none;
  cursor: help;
}



.pam-view {
  margin: 0 auto;
}
@media (min-width: 768px) {
  .pam-view--narrow {
    max-width: 52rem;
  }
}
.pam-view__headline {
  margin: 0;
  padding-top: 1rem;
  font-size: 5.9vw;
  line-height: 1.2;
  font-weight: bold;
  color: #323232;
}
.pam-view__headline-container {
  text-align: center;
  margin: 0 auto 10vw;
}
@media (min-width: 768px) {
  .pam-view__headline-container {
    margin-bottom: 4rem;
  }
}
@media (min-width: 768px) {
  .pam-view__headline {
    font-size: 2.8rem;
  }
}
.pam-view__headline--sub {
  margin: 0.5rem 0 4rem;
  font-size: 4.6vw;
  line-height: 1.3;
  font-weight: bold;
  color: #6e6e6e;
}
@media (min-width: 768px) {
  .pam-view__headline--sub {
    font-size: 2rem;
  }
}
.pam-view__headline--sub + .pam-view__headline--sub {
  margin-top: -2.6rem;
}
.pam-view__input {
  text-align: center;
  margin-bottom: 12vw;
  position: relative;
}
@media (min-width: 768px) {
  .pam-view__input {
    margin-bottom: 4.5rem;
  }
}
.pam-view__input .custom-input {
  margin: 1rem auto;
}
.pam-view__input__info {
  font-size: 3.8vw;
  line-height: 1.4;
  font-weight: normal;
  color: #6e6e6e;
}
@media (min-width: 768px) {
  .pam-view__input__info {
    font-size: 1.5rem;
  }
}
.is-desktop-detected .pam-view__input__info {
  font-size: 1.5rem;
}
.pam-view__input__icon {
  position: absolute;
  top: 0;
  right: 0;
}
.pam__page-actions {
  background-color: #f0f0f2;
  width: 100%;
  text-align: center;
}
.pam__page-actions--no-background {
  background-color: transparent;
}
.pam__page-actions__container {
  max-width: 96rem;
  margin: 0 auto;
}
.pam__page-actions__container button {
  margin-top: 2rem;
}
.pam__alert {
  background: #f0bfc0;
  text-align: center;
  color: #c50005;
  padding: 3rem;
  display: none;
}
.pam__alert img {
  width: 6.5rem;
  padding-bottom: 2rem;
}
.pam__alert.is-visible {
  display: block;
}
.mypage-view {
  position: relative;
}
.mypage-view__infobox {
  display: none;
}
.mypage-view__infobox.is-visible {
  display: block;
  margin-top: -0.1rem;
}
.mypage-view__headline {
  margin: 0;
  padding-top: 1rem;
  font-size: 5.9vw;
  line-height: 1.2;
  font-weight: bold;
  color: #323232;
  text-align: center;
}
@media (min-width: 768px) {
  .mypage-view__headline {
    padding-top: 3vw;
  }
}
@media (min-width: 768px) {
  .mypage-view__headline {
    font-size: 2.8rem;
  }
}
.mypage-view__table-list {
  position: relative;
  text-align: left;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .mypage-view__table-list {
    max-width: 58rem;
  }
}
.mypage-view__table-header {
  font-size: 2.9vw;
  line-height: 1.4;
  font-weight: bold;
  color: #6e6e6e;
  padding: 0 0 0 8vw;
}
@media (min-width: 768px) {
  .mypage-view__table-header {
    font-size: 1.2rem;
  }
}
@media (min-width: 768px) {
  .mypage-view__table-header {
    padding: 0 0 1rem 3rem;
  }
}
.mypage-view__fieldset {
  margin: 6vw auto 12vw;
  border: 0.1rem solid #dbdbdb;
  background-color: #fff;
  position: relative;
  padding: 0;
}
@media (min-width: 768px) {
  .mypage-view__fieldset {
    margin: 2.5rem auto 5rem;
    max-width: 57.8rem;
    border-radius: 0.4rem;
  }
}
.mypage-view__fieldset__legend {
  position: absolute;
  top: -6vw;
  font-size: 2.9vw;
  line-height: 1.4;
  font-weight: bold;
  color: #6e6e6e;
  padding: 0 0 0 8vw;
}
@media (min-width: 768px) {
  .mypage-view__fieldset__legend {
    font-size: 1.2rem;
  }
}
@media (min-width: 768px) {
  .mypage-view__fieldset__legend {
    top: -2.5rem;
    padding: 0 0 0 3rem;
  }
}
.mypage-view__fieldset__row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-bottom: 0.1rem solid #dbdbdb;
  padding: 0 16vw 0 8vw;
  min-height: 6rem;
}
@media (min-width: 768px) {
  .mypage-view__fieldset__row {
    padding: 0 6rem 0 3rem;
    min-height: 6rem;
    max-width: 57.8rem;
  }
}
.mypage-view__fieldset__row:last-child {
  border-bottom: 0;
}
.mypage-view__fieldset__row a,
.mypage-view__fieldset__row a:visited {
  color: #323232;
}
.mypage-view__fieldset__row a:hover {
  background-color: #f00;
}
.mypage-view__fieldset__row.clickable {
  cursor: pointer;
}
.mypage-view__fieldset__label {
  font-size: 3.8vw;
  line-height: 1.4;
  font-weight: bold;
  padding-right: 1.5rem;
}
@media (min-width: 768px) {
  .mypage-view__fieldset__label {
    font-size: 1.5rem;
  }
}
.mypage-view__fieldset__value {
  color: #6e6e6e;
  position: relative;
  font-size: 2.9vw;
  line-height: 1.4;
  font-weight: normal;
}
@media (min-width: 768px) {
  .mypage-view__fieldset__value {
    font-size: 1.2rem;
  }
}
.mypage-view__fieldset__value__clipper {
  display: inline-block;
  max-width: 21.5rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media (min-width: 768px) {
  .mypage-view__fieldset__value__clipper {
    max-width: 31.5rem;
  }
}
.mypage-view__fieldset__value .sprite-symbol {
  width: 1.6rem;
  height: 1.6rem;
  right: -4.5rem;
  position: absolute;
  top: 0.3rem;
}
@media (min-width: 768px) {
  .mypage-view__fieldset__value .sprite-symbol {
    width: 1.6rem;
    height: 1.6rem;
    top: 0.5rem;
  }
}
.mypage-view__table-description {
  font-size: 1.2rem;
  line-height: 1.4;
  padding: 0 3rem 1rem;
}
@media (min-width: 768px) {
  .mypage-view__table-description {
    margin-top: -1rem;
  }
}
.custom-dropdown {
  width: 100%;
  max-width: 57.8rem;
  margin: 2.5rem auto 5rem;
  padding: 0 1.5rem 0 3rem;
}
.custom-dropdown ul {
  display: none;
}
.custom-dropdown select {
  position: absolute;
  bottom: 0;
  width: 0;
  appearance: none;
  border: 0;
}
.custom-dropdown span {
  display: block;
}
.custom-dropdown .is-visible {
  display: block;
}
.custom-dropdown .sprite-symbol {
  fill: currentColor;
  display: inline-block;
  vertical-align: middle;
}
.custom-dropdown .dd-icon {
  width: 1.5rem;
  height: 1.5rem;
}
.custom-dropdown .dd-label {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.custom-dropdown .dd-label.is-open .dd-icon {
  transform: rotate(180deg);
}
.cards-container {
  max-width: 60rem;
}
.cards-container p.cards-primary-header,
.cards-container p.cards-additional-header {
  text-align: left;
  margin: 0 auto 1.5rem;
  font-size: 1.1rem;
  line-height: 1.36;
  font-weight: 600;
  text-transform: uppercase;
}
.cards-container .cards {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
  text-align: center;
}
@media (min-width: 768px) {
  .cards-container .cards {
    flex-direction: row;
    justify-content: space-between;
    margin: 0 auto;
  }
}
.cards-container .cards .card {
  height: 5rem;
  flex-grow: 1;
  background-color: #ffffff;
  color: #6e6e6e;
  max-width: 30rem;
  width: 100%;
  border-radius: 0.6rem;
  position: relative;
  display: flex;
  flex-direction: row;
  text-align: left;
}
@media (min-width: 768px) {
  .cards-container .cards .card {
    flex-direction: column;
    display: inline-block;
    background-color: #dcdcdc;
    height: 16.5rem;
    border-radius: 0.6rem;
    max-width: 26rem;
    padding: 2.3rem 2rem 2.6rem;
  }
}
@media (min-width: 768px) {
  .cards-container .cards .card:nth-child(even) {
    margin-left: 2.8rem;
  }
  .cards-container .cards .card:nth-child(even).card--empty {
    margin-left: 0;
  }
}
@media (min-width: 1024px) {
  .cards-container .cards .card:nth-child(even) {
    margin-left: 4rem;
  }
  .cards-container .cards .card:nth-child(even).card--empty {
    margin-left: 0;
  }
}
.cards-container .cards .card input[type=radio] + label,
.cards-container .cards .card input[type=radio]:checked + label {
  border: 0;
  background: unset;
  display: block;
  box-shadow: unset;
  height: 1.8rem;
  width: 100%;
}
.cards-container .cards .card--secondary {
  margin-bottom: 6rem;
}
.cards-container .cards .card--empty {
  margin: 0;
  justify-content: center;
  background: #ffffff url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='5' ry='5' stroke='%23333' stroke-width='1' stroke-dasharray='10' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
  border-radius: 0.5rem;
  max-width: 100%;
}
@media (min-width: 768px) {
  .cards-container .cards .card--empty {
    height: 6rem;
  }
}
.cards-container .cards .card--delete-available {
  max-width: 30rem;
}
@media (min-width: 768px) {
  .cards-container .cards .card--delete-available {
    max-width: 26rem;
  }
}
.cards-container .cards .card__new {
  cursor: pointer;
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.cards-container .cards .card__new-icon {
  height: 2.4rem;
  width: 2.4rem;
  background: #6e6e6e;
  padding: 0.5rem;
  border-radius: 50%;
  fill: #ffffff;
}
.cards-container .cards .card__new-text {
  color: #6e6e6e;
  margin-left: 0.5rem;
  font-size: 1.2rem;
  font-weight: bold;
  text-transform: uppercase;
}
.cards-container .cards .card__info {
  width: 100%;
  margin: 0 1rem;
}
@media (min-width: 768px) {
  .cards-container .cards .card__info {
    margin: 0;
  }
}
.cards-container .cards .card__details {
  flex-direction: row;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .cards-container .cards .card__details {
    flex-direction: column;
    align-items: flex-start;
    margin-left: unset;
  }
}
.cards-container .cards .card__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 3.8vw;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .cards-container .cards .card__title {
    font-size: 1.5rem;
  }
}
.is-desktop-detected .cards-container .cards .card__title {
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  .cards-container .cards .card__title {
    font-size: 3.8vw;
    line-height: 1.4;
    font-weight: bold;
    margin-top: 3rem;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .cards-container .cards .card__title {
    font-size: 1.5rem;
  }
}
.cards-container .cards .card__logo {
  display: flex;
  width: 5rem;
  height: 3.1rem;
  position: relative;
  border-radius: 0.3rem;
  background: linear-gradient(90deg, #dcdcdc 40%, #a9a9a9 192%);
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) {
  .cards-container .cards .card__logo {
    position: absolute;
    background: unset;
    top: 0.5rem;
    left: 0;
    display: block;
  }
}
.cards-container .cards .card__logo svg {
  width: 3rem;
  height: 1.8rem;
}
@media (min-width: 768px) {
  .cards-container .cards .card__logo svg {
    width: 4rem;
    height: 4rem;
  }
}
.cards-container .cards .card__number {
  letter-spacing: 0.1rem;
  font-size: 3.8vw;
  line-height: 1.4;
  font-weight: normal;
  font-size: 1.1rem;
}
@media (min-width: 768px) {
  .cards-container .cards .card__number {
    font-size: 1.8rem;
  }
}
@media (min-width: 768px) {
  .cards-container .cards .card__number {
    margin: 1rem 0 1rem;
    font-size: 1.8rem;
  }
}
.cards-container .cards .card__date {
  font-size: 3.8vw;
  line-height: 1.4;
  font-weight: normal;
  font-size: 1.1rem;
  margin: unset;
}
@media (min-width: 768px) {
  .cards-container .cards .card__date {
    font-size: 1.8rem;
  }
}
@media (min-width: 768px) {
  .cards-container .cards .card__date {
    display: block;
    position: absolute;
    font-size: 1.8rem;
    right: 1rem;
    bottom: 1rem;
  }
}
.cards-container .cards .card__expired {
  display: inline-block;
  font-size: 1.1rem;
  color: #9F2633;
}
@media (min-width: 768px) {
  .cards-container .cards .card__expired {
    position: absolute;
    display: block;
    left: 2rem;
    bottom: 2rem;
    line-height: 2;
  }
}
.cards-container .cards .card__select {
  font-size: 1.4rem;
  position: absolute;
}
.cards-container .cards .card__select-label {
  text-align: center;
}
.cards-container .cards .card__delete {
  content: '';
  display: block;
  width: 8vw;
  height: 8vw;
  background-color: transparent;
  border: 0;
  position: absolute;
  right: -10vw;
  bottom: 50%;
  transform: translateY(50%);
}
@media (min-width: 768px) {
  .cards-container .cards .card__delete {
    right: 1rem;
    top: 0.5rem;
    width: 2rem;
    height: 2rem;
  }
}
.cards-container .cards .card__delete span {
  border: 0;
  clip: rect(0 0 0 0);
  height: 0.1rem;
  margin: -0.1rem;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 0.1rem;
}
.cards-container .cards .card__delete svg {
  fill: #3f3f3f;
  width: 2.3rem;
  height: 2rem;
  position: relative;
  top: -0.4rem;
  left: -0.5rem;
}
@media (min-width: 768px) {
  .cards-container .cards .card__delete svg {
    width: 2rem;
    height: 2rem;
    position: relative;
    top: -0.4rem;
    left: -0.5rem;
  }
}
.cards-container .cards .card__delete--disabled {
  cursor: not-allowed;
}
.cards-container .cards .card__delete--disabled svg {
  fill: #828282;
}
.cards-container .cards .card__subscription-information {
  position: absolute;
  top: -1.6rem;
  right: 0.5rem;
  color: #000000;
  font-style: italic;
  line-height: 1.2;
  font-weight: 600;
  font-size: 0.9rem;
}
@media (min-width: 768px) {
  .cards-container .cards .card__subscription-information {
    top: -2.2rem;
    margin: 0.5rem 0;
    line-height: 1.7rem;
  }
}



.pay-out-view {
  text-align: center;
  font-size: 1.6rem;
}
.pay-out-view .column {
  color: #6e6e6e;
  margin: 0 auto;
  max-width: 560px;
  padding: 20px;
  overflow: hidden;
}
.pay-out-view .alert {
  background: #323232;
  text-align: center;
  padding: 15px;
}
.pay-out-view .alert .column {
  color: white;
}
.pay-out-view .alert svg {
  margin-bottom: 20px;
}
.pay-out-view .alert .button {
  margin: 30px auto 0 auto;
  background: white;
  color: #323232;
}
.pay-out-view h1 {
  line-height: 35px;
  margin: 0;
  font-weight: bold;
  font-size: 2.2rem;
  color: #323232;
  text-align: center;
}
@media (min-width: 768px) {
  .pay-out-view h1 {
    line-height: 50px;
    padding-top: 13px;
    font-size: 2.8rem;
  }
}
.pay-out-view #amount-field {
  margin: 90px 0 20px 0;
}
.pay-out-view #amount-field #amount-input,
.pay-out-view #amount-field .blink {
  font-size: 2.4rem;
}
.pay-out-view .button {
  margin: 60px auto;
  min-width: 250px;
}
.pay-out-view .footer {
  font-size: 1.4rem;
  background: #dcdcdc;
}
#step2 .pay-out-view {
  text-align: center;
}
#step2 .pay-out-view .column {
  margin: 0 auto;
  max-width: 560px;
  padding: 20px;
  overflow: hidden;
}
#step2 .pay-out-view .exclamation {
  margin-top: 20px;
}
@media (min-width: 768px) {
  #step2 .pay-out-view .exclamation {
    margin-top: 60px;
  }
}
#step2 .pay-out-view .loader-anim {
  margin-bottom: 20px;
}
#step2 .pay-out-view .stky-btn svg {
  margin: -3px 0 0 10px;
  height: 20px;
}
@media (max-width: 560px) {
  #step2 .pay-out-view .stky-btn svg {
    margin: 10px 10px 0 10px;
    float: right;
  }
}
@media (min-width: 768px) {
  #step2 .pay-out-view .stky-btn svg {
    margin: -3px 0 0 10px;
    height: 12px;
    float: none;
  }
}
body.PayOut #step3 {
  display: none;
}
#cancel-payment-modal button {
  margin: 30px 12px 20px 12px;
}
.hidden {
  display: none;
}



.text-view {
  padding: 6vw;
}
@media (min-width: 768px) {
  .text-view {
    padding: 2rem;
  }
}
.text-view .content {
  margin: 0 auto;
}
@media (min-width: 768px) {
  .text-view .content {
    max-width: 520px;
  }
}
.text-view p {
  color: #606060;
  font-size: 3.2vw;
  margin: 1.5vw auto 3vw auto;
}
@media (min-width: 768px) {
  .text-view p {
    font-size: 1.4rem;
    margin: 0.5rem auto 1rem auto;
  }
}
.text-view h1 {
  text-align: center;
  height: 10vw;
  margin: 0;
  font-size: 5.9vw;
  line-height: 1.2;
  font-weight: bold;
  color: #323232;
}
@media (min-width: 768px) {
  .text-view h1 {
    font-size: 2.8rem;
  }
}
@media (min-width: 768px) {
  .text-view h1 {
    height: 6rem;
    padding-top: 1.3rem;
    font-size: 2.8rem;
  }
}
.text-view h2 {
  font-size: 3.2vw;
  color: #404040;
  margin: 1.5vw auto 0 auto;
  height: 4.2vw;
}
@media (min-width: 768px) {
  .text-view h2 {
    height: 2.1rem;
    font-size: 1.4rem;
  }
}
.text-view video {
  display: block;
  margin: 0 auto;
}



@media print {
  .top-navigation,
  .navigation-header,
  .pam-dscontext,
  .pam-page__inner-content h1,
  .pam-page__inner-content p.abstract,
  .pam__button-container,
  .global-footer {
    display: none !important;
  }
  #wrapper {
    margin-bottom: 0 !important;
  }
  .pam-page {
    height: auto !important;
  }
}
.pam-page--player-games-details {
  background-color: #f5f5f5;
}
.PlayerGameDetails .pam-page--player-games-details {
  transform: translate(0, 0);
  transition: all 1s;
}
body.PlayerGameDetails {
  background-color: #f5f5f5;
}
.player-games-list-view .game-receipt iframe {
  min-height: 480px;
}
.player-games-list-view .game-receipt--dantoto iframe {
  width: 240px !important;
}
.player-games-list-view .game-receipt--quick iframe {
  width: 350px !important;
  min-height: 510px;
}
.player-games-list-view .game-receipt--oddset iframe {
  width: 250px !important;
}
.player-games-list-view .no-game-receipt {
  background: white;
  border: 1px solid #dcdcdc;
  border-radius: 5px;
  text-align: center;
  padding: 14vw 4vw;
  width: 80vw;
  font-size: 3.8vw;
  margin: 0 auto 10vw;
}
@media (min-width: 768px) {
  .player-games-list-view .no-game-receipt {
    padding: 10rem 3rem;
    width: 40rem;
    font-size: 1.5rem;
    margin-bottom: 2rem;
  }
}



@media print {
  .top-navigation,
  .navigation-header,
  .pam-dscontext,
  .pam-page__inner-content h1,
  .pam-page__inner-content p.abstract,
  .pam__button-container,
  .global-footer {
    display: none !important;
  }
  #wrapper {
    margin-bottom: 0 !important;
  }
  .pam-page {
    height: auto !important;
  }
}



.player-games-list-view__headline {
  height: 60px;
  margin: 0;
  padding-top: 10px;
  font-weight: bold;
  font-size: 2.2rem;
  color: #323232;
  text-align: center;
}
.player-games-list-view__bar {
  display: none;
}
.player-games-list-view__no-entries {
  padding-top: 23px;
  padding-bottom: 46px;
  background-color: #ffffff;
  border-top: 1px solid #dcdcdc;
  font-weight: normal;
  font-size: 1.4rem;
  text-align: center;
  color: #6e6e6e;
}
.player-games-list-view__list .list__item {
  cursor: pointer;
}
.player-games-list-view__container {
  display: flex;
  justify-content: space-between;
  height: 59px;
  border-left: 6px solid #a0a0a0;
  font-weight: bold;
  font-size: 1.5rem;
}
.player-games-list-view__container.is-active {
  border-color: #323232;
}
.player-games-list-view__column-one {
  align-self: center;
  width: 50%;
  padding-left: 18px;
}
.player-games-list-view__column-two {
  position: relative;
  width: 1%;
  height: 100%;
}
.player-games-list-view__column-two .button {
  position: absolute;
  top: 50%;
  left: -50px;
  transform: translateY(-50%);
}
.player-games-list-view__column-three {
  align-self: center;
  width: 40%;
  text-align: right;
}
.player-games-list-view__column-four {
  align-self: center;
  width: 23px;
  text-align: center;
}
.player-games-list-view__column-four .sprite-symbol {
  width: 14px;
  height: 14px;
}
.player-games-list-view__game-name {
  line-height: 1;
}
.player-games-list-view__channel {
  display: inline-block;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 1;
  color: #6e6e6e;
}
.player-games-list-view__created {
  display: inline-block;
  font-weight: normal;
  font-size: 1.4rem;
  color: #6e6e6e;
}
.player-games-list-view__created:before {
  content: "- ";
  padding: 0 0 0 5px;
}
.player-games-list-view__pay-link {
  position: absolute;
  top: 6px;
  right: -20px;
}
.player-games-list-view__wager {
  line-height: 1;
}
.player-games-list-view__win {
  font-weight: bold;
  font-size: 1.4rem;
  color: #323232;
  white-space: nowrap;
}
.player-games-list-view__win.is-unpayed {
  color: #6e6e6e;
}
.player-games-list-view__footer {
  height: 60px;
  margin-bottom: 60px;
  background-color: #ffffff;
}
.player-games-list-view__game-definitions {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: flex-start;
  height: 60px;
  margin: 0;
  padding: 0;
  background-color: #f5f5f5;
}
.player-games-list-view__game-definition {
  align-self: center;
  display: inline-block;
  padding: 0 0 0 24px;
  font-size: 1.4rem;
  color: #555555;
}
.player-games-list-view__game-definition:before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: -2px 6px 0 0;
  border-radius: 8px;
  background-color: #a0a0a0;
  vertical-align: middle;
}
.player-games-list-view__game-definition--active:before {
  background-color: #323232;
}
.player-games-list-view .floating-footer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  background-color: #f5f5f5;
}
@media (max-width: 340px) {
  .player-games-list-view__column-one {
    padding-left: 6px;
  }
  .player-games-list-view__column-two .button {
    left: -65px;
  }
}
@media (max-width: 768px) {
  .player-games-list-view__created {
    display: block;
  }
  .player-games-list-view__created:before {
    content: "";
    padding: 0;
  }
  .player-games-list-view__channel {
    display: block;
    margin: 3px 0 1px;
  }
}
@media (min-width: 768px) {
  .player-games-list-view__headline {
    height: 72px;
    font-size: 2.8rem;
  }
  .player-games-list-view__bar {
    display: block;
    height: 30px;
    background-color: #e6e6e6;
  }
  .player-games-list-view__list-headers {
    margin: 0;
    padding: 0 0 0 6px;
    list-style-type: none;
    display: flex;
  }
  .player-games-list-view__list-headers__header {
    display: none;
  }
  .player-games-list-view__list-headers__header:first-child {
    display: inline-block;
    padding: 4px 0 0 18px;
    font-weight: normal;
    font-size: 1.4rem;
    color: #6e6e6e;
  }
  .player-games-list-view__no-entries {
    border-top: none;
  }
  .player-games-list-view__list {
    max-width: 1200px;
    margin: 0 auto;
  }
  .player-games-list-view__column-one {
    display: flex;
    width: 75%;
    padding-left: 0;
  }
  .player-games-list-view__column-two {
    align-self: center;
    width: 1%;
  }
  .player-games-list-view__column-two .button {
    left: -80px;
  }
  .player-games-list-view__column-three {
    width: 18%;
  }
  .player-games-list-view__column-four {
    width: 6%;
  }
  .player-games-list-view__game-name {
    order: 2;
    width: 33%;
  }
  .player-games-list-view__channel {
    order: 3;
    width: 33%;
    font-weight: bold;
    font-size: 1.5rem;
    color: #323232;
  }
  .player-games-list-view__created {
    order: 1;
    width: 33%;
    padding-left: 18px;
  }
  .player-games-list-view__created:before {
    content: "";
    padding: 0;
  }
  .player-games-list-view__pay-link {
    top: -4px;
    right: 0;
  }
  .player-games-list-view .floating-footer {
    border: 1px solid #dcdcdc;
    border-width: 1px 0;
  }
}
@media (min-width: 1024px) {
  .player-games-list-view__list-headers {
    max-width: 1200px;
    margin: 0 auto;
    padding-right: 71px;
    justify-content: space-between;
  }
  .player-games-list-view__list-headers__header {
    display: inline-block;
    width: 23%;
    padding-top: 4px;
    font-weight: normal;
    font-size: 1.2rem;
    text-align: right;
    color: #6e6e6e;
  }
  .player-games-list-view__list-headers__header:first-child {
    padding-left: 50px;
    text-align: left;
  }
  .player-games-list-view__list-headers__header:nth-child(3) {
    width: 24%;
  }
  .player-games-list-view__no-entries {
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 33px;
    background-color: #ffffff;
    border-right: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    font-weight: normal;
    font-size: 1.6rem;
  }
  .player-games-list-view__created {
    padding-left: 50px;
  }
  .player-games-list-view__pay-link {
    right: 0;
  }
  .player-games-list-view__footer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    height: 70px;
    margin: 0;
    border: 1px solid #dcdcdc;
    border-width: 1px 0;
    background-color: #f5f5f5;
  }
  .player-games-list-view .pager {
    position: relative;
  }
  .player-games-list-view__game-definitions {
    position: absolute;
    top: 15px;
    display: block;
    max-width: 1200px;
    height: auto;
    margin: 0 auto;
    padding: 0;
  }
  .player-games-list-view__game-definition {
    display: block;
    padding: 0;
    font-size: 1.2rem;
    color: #555555;
  }
  .player-games-list-view__game-definition:before {
    width: 10px;
    height: 10px;
    margin: -2px 6px 0 0;
    border-radius: 5px;
  }
}



.player-games-selector {
  display: flex;
  justify-content: center;
}
.player-games-selector__container {
  display: none;
  flex-direction: row;
  border: 0.2rem solid #feb700;
  border-radius: 0.4rem;
  overflow: hidden;
  margin: 0 0 5rem 0;
}
@media (min-width: 480px) {
  .player-games-selector__container {
    display: flex;
  }
}
.player-games-selector__dropdown {
  position: relative;
  width: 20rem;
  display: flex;
  font-size: 1.6rem;
  border: 0.2rem solid #feb700;
  border-radius: 1rem;
  font-weight: bold;
  margin: 0 0 3rem 0;
}
@media (min-width: 480px) {
  .player-games-selector__dropdown {
    display: none;
  }
}
.player-games-selector__dropdown:after {
  content: "";
  position: absolute;
  z-index: 1;
  border: 0.3rem solid #feb700;
  border-top: none;
  border-left: none;
  transform: rotate(45deg);
  height: 1.4rem;
  width: 1.4rem;
  right: 1rem;
  top: 1rem;
}
.player-games-selector__dropdown select {
  background: transparent;
}
.player-games-selector__dropdown .dropdown__select {
  padding: 1rem 2rem;
  border: 0;
  font-weight: bold;
}
.player-games-selector__option {
  padding: 0.6rem 2rem;
  font-weight: bold;
  min-width: 12rem;
  text-align: center;
  text-transform: uppercase;
}
.player-games-selector__option:hover {
  cursor: pointer;
  background-color: #eaa900;
}
.player-games-selector__option--selected {
  background-color: #feb700;
}



.acknowledgements {
  font-size: 1.4rem;
}
.acknowledgements .pam__button {
  font-size: 1.4rem;
  padding: 1rem;
  min-width: 100%;
  margin-bottom: 2rem;
}
@media (min-width: 480px) {
  .acknowledgements .pam__button {
    border-radius: 0.4rem;
    min-width: auto;
    padding: 0.7rem 2rem;
  }
}
@media (min-width: 1024px) {
  .acknowledgements {
    min-height: 50rem;
  }
}
.acknowledgements .acknowledgements__container {
  padding: 2rem;
  max-width: 104rem;
  margin: auto;
}
@media (min-width: 1024px) {
  .acknowledgements .acknowledgements__container .acknowledgements__content {
    max-width: 70rem;
  }
}
@media (min-width: 1024px) {
  .acknowledgements .acknowledgements__container {
    padding: 3rem 0;
  }
}
.acknowledgements .acknowledgements__container .acknowledgements__header {
  margin-top: 0;
}
.acknowledgements .acknowledgements__container .acknowledgement__error {
  color: #c60005;
  margin-bottom: 2rem;
}
.acknowledgements .acknowledgement__element {
  border-bottom: 1px solid #a9a9a9;
  margin-bottom: 2rem;
}
.acknowledgements .acknowledgement__element .acknowledgement__checkbox {
  padding: 1rem 0 2rem 0;
  display: inline-flex;
  flex-direction: row;
  text-align: left;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.acknowledgements .acknowledgement__element .acknowledgement__checkbox .acknowledgement__checkbox-input {
  flex: 0 1 auto;
  margin: 0.2rem 1rem 0 0;
  width: 2rem;
  height: 2rem;
  cursor: pointer;
}
.acknowledgements .acknowledgement__element .acknowledgement__checkbox .acknowledgement__checkbox-text {
  flex: 1;
  font-weight: 600;
  color: #585858;
}
.acknowledgements .acknowledgement__element .acknowledgement__link {
  font-weight: 600;
  color: #4a90e2;
}
.acknowledgements .acknowledgement__element:last-child {
  border-bottom: 0px;
}



.amount-limit-input__field {
  flex: 1 1 auto;
  width: 12rem;
  height: 5rem;
  border: solid 1px #9a9a9a;
  background-color: white;
  border-radius: 3px;
  padding: 1rem 3.5rem 1rem 1rem;
  text-align: right;
  font-size: 1.7rem;
  font-weight: bold;
  color: #1d5f48;
}
@media (min-width: 1024px) {
  .amount-limit-input__field {
    min-width: 20rem;
  }
}
.amount-limit-input__field:focus {
  border-color: #1d5f48;
  outline: none;
}
.amount-limit-input__field--disabled {
  background-color: #dde4e2;
  pointer-events: none;
}
.amount-limit-input__field--error {
  border-color: #e41d27;
  border-width: 1px;
  outline: none;
  color: #e41d27;
}
.amount-limit-input__field--currency {
  margin: 0.1rem 1rem 0rem -3rem;
  font-weight: normal;
  color: #004b32;
  pointer-events: none;
  z-index: 2;
}



.amount-limit-confirm__content {
  padding: 2rem;
  max-width: 108rem;
  margin: auto;
}
@media (min-width: 1024px) {
  .amount-limit-confirm__content {
    min-height: 45rem;
  }
}
.amount-limit-confirm__content h1 {
  font-size: 2.2rem;
  text-align: left;
  padding: 0 0 2rem 0;
  margin: 0;
  line-height: 2.2rem;
}
@media (min-width: 1024px) {
  .amount-limit-confirm__content h1 {
    font-size: 2.8rem;
    line-height: 2.8rem;
  }
}
.amount-limit-confirm__content-inner {
  max-width: 70rem;
}
@media (min-width: 1024px) {
  .amount-limit-confirm__content-inner {
    padding: 6rem 0 0 0;
  }
}
.amount-limit-confirm__content .pam__button-container {
  flex-wrap: wrap;
  flex-direction: column;
  display: flex;
  margin-top: 5rem;
}
@media (min-width: 1024px) {
  .amount-limit-confirm__content .pam__button-container {
    text-align: left;
  }
}
.amount-limit-confirm__content .pam__button-container .pam__button {
  flex: 1 0 100%;
  text-transform: none;
  animation-delay: 500ms;
  animation: shadow-pulse-mobile 3s infinite;
}
@media (min-width: 1024px) {
  .amount-limit-confirm__content .pam__button-container .pam__button {
    animation: shadow-pulse 3s infinite;
    max-width: 25rem;
  }
}
.amount-limit-confirm__content .pam__button-container .pam__button--blue {
  animation: unset;
  background: unset;
  border: 0;
  font-weight: normal;
  color: #2f80ed;
}
@media (min-width: 1024px) {
  .amount-limit-confirm__content .pam__button-container .pam__button--blue {
    text-align: left;
    padding: 2rem 0;
  }
}
.amount-limit-confirm__content .pam__button-container .pam__button + .pam__button {
  margin: 0;
}
.amount-limit-confirm__content .step-guide {
  text-align: center;
  margin: 0 0 12vw;
}
@media (min-width: 1024px) {
  .amount-limit-confirm__content .step-guide {
    text-align: left;
    margin: 3rem 0 2rem;
  }
  .amount-limit-confirm__content .step-guide + .amount-limit-confirm__content-inner {
    padding: 3rem 0 14rem 0;
  }
}
.amount-limit-confirm__content .step-guide__step {
  text-align: center;
}
.amount-limit-confirm__content .step-guide__step.is--active,
.amount-limit-confirm__content .step-guide__step:before {
  background: #dce4e1;
}
.amount-limit-confirm__content.route-slide {
  min-height: unset!important;
}
.amount-limit-confirm__abstract,
.amount-limit-confirm__limit-warning {
  font-size: 1.4rem;
}
.amount-limit-confirm__option {
  border-top: 1px solid #cccccc;
}
.amount-limit-confirm__option:last-child {
  border-bottom: 1px solid #cccccc;
}
.amount-limit-confirm__item {
  display: flex;
  font-size: 1.6rem;
  flex-wrap: wrap;
  align-items: center;
  padding: 1.5rem 0;
}
.amount-limit-confirm__item-current {
  display: flex;
  width: 100%;
  flex: 1 1 auto;
  align-items: center;
  padding-bottom: 1rem;
}
.amount-limit-confirm__item-notify {
  flex: 1 0 auto;
  color: #1d5f48;
  width: 100%;
  font-size: 1.4rem;
  font-weight: bold;
  padding-bottom: 0.5rem;
}
.amount-limit-confirm__item-notify:before {
  content: '!';
  background-color: #ebebeb;
  border-radius: 50%;
  display: inline-flex;
  width: 2rem;
  height: 2rem;
  font-size: 1.8rem;
  justify-content: center;
  align-items: center;
  margin-right: 1rem;
  position: relative;
  top: 0.2rem;
}
.amount-limit-confirm__item-value {
  color: #1d5f48;
  font-weight: bold;
}
.amount-limit-confirm__item-value--removed {
  color: #808080;
  font-style: italic;
  font-size: 1.4rem;
}
.amount-limit-confirm__item-value--currency:after {
  font-weight: normal;
  content: ' kr.';
}
.amount-limit-confirm__item-label {
  flex: 1 1 auto;
  font-size: 1.5rem;
  font-weight: bold;
  text-transform: uppercase;
}
@media (min-width: 1024px) {
  .amount-limit-confirm__item-label {
    flex: 0 1 auto;
    min-width: 30rem;
  }
}
.amount-limit-confirm__item-input {
  flex: 0 1 auto;
  width: 12rem;
  height: 5rem;
  border: solid 0.5px #9a9a9a;
  background-color: white;
  border-radius: 3px;
  padding: 1rem 3.5rem 1rem 1rem;
  text-align: right;
  font-size: 1.7rem;
  font-weight: bold;
  color: #004b32;
}
.amount-limit-confirm__label {
  display: flex;
  color: #2f80ed;
  font-size: 1.6rem;
  line-height: 2.2rem;
  padding: 2.6rem 0;
}
.amount-limit-confirm__label--optional {
  color: black;
  font-weight: normal;
  margin-left: 1rem;
  font-size: 1.2rem;
  font-style: italic;
  line-height: 2.5rem;
  vertical-align: top;
}
.amount-limit-confirm__label--addition {
  padding: 0 0 2.6rem 0;
}
.amount-limit-confirm__label--prefix:before {
  content: '+';
  font-size: 3rem;
  vertical-align: middle;
  padding-right: 1rem;
}
.amount-limit-confirm__label:hover {
  cursor: pointer;
}
.amount-limit-confirm__verification {
  display: flex;
  align-items: center;
}
.amount-limit-confirm__verification svg {
  width: 10rem;
  margin-top: -2rem;
}
.amount-limit-confirm__verification h1 {
  color: #004b32;
}
.amount-limit-confirm__verification .path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
}
.amount-limit-confirm__verification .path.check {
  stroke-dashoffset: -100;
  animation: dash-check 0.9s 0.35s ease-in-out forwards;
  animation-delay: 1s;
}
@media (min-width: 1024px) {
  .amount-limit-confirm__verification .path.check {
    animation-delay: 100ms;
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@keyframes shadow-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 186, 0, 0.35);
  }
  30% {
    box-shadow: 0 0 0 3.5rem rgba(0, 0, 0, 0);
  }
}
@keyframes shadow-pulse-mobile {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 186, 0, 0.35);
  }
  30% {
    box-shadow: 0 0 0 1.5rem rgba(0, 0, 0, 0);
  }
}



.amount-limits__content {
  padding: 2rem;
  max-width: 104rem;
  margin: auto;
  touch-action: manipulation;
}
.amount-limits__content .pam__button-container {
  display: flex;
}
.amount-limits__content .pam__button-container .pam__button {
  display: flex;
  flex: 1 0 100%;
  text-transform: none;
  justify-content: center;
}
@media (min-width: 1024px) {
  .amount-limits__content .pam__button-container .pam__button {
    flex: 0 0 25rem;
  }
}
@media (min-width: 1024px) {
  .amount-limits__content .pam__button-container {
    width: 25rem;
    margin-top: 5rem;
  }
}
@media (min-width: 1024px) {
  .amount-limits__content {
    padding: 5rem 2rem;
  }
}
@media (min-width: 1400px) {
  .amount-limits__content {
    padding: 6rem 0;
  }
}
.amount-limits__content input[type='number'] {
  -moz-appearance: textfield;
}
.amount-limits__content input::-webkit-outer-spin-button,
.amount-limits__content input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
@media (min-width: 1024px) {
  .amount-limits__inner-content {
    max-width: 70rem;
  }
}
.amount-limits__inner-content h1 {
  font-size: 2.2rem;
  text-align: left;
  padding: 0 0 1rem 0;
  margin: 0;
  line-height: 2.2rem;
  display: inline-flex;
}
@media (min-width: 1024px) {
  .amount-limits__inner-content h1 {
    font-size: 2.8rem;
    line-height: 2.8rem;
  }
}
.amount-limits__inner-content .abstract {
  font-size: 1.4rem;
  margin: 0;
  padding-bottom: 1.6rem;
}
.amount-limits__option {
  border-top: 1px solid #cccccc;
}
.amount-limits__option:last-child {
  border-bottom: 1px solid #cccccc;
}
.amount-limits__tooltip {
  background-color: #dce4e1;
  color: #1d5f48;
  border-radius: 50%;
  display: inline-flex;
  width: 2.5rem;
  height: 2.5rem;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-left: 1rem;
  position: relative;
}
.amount-limits__tooltip:hover {
  cursor: pointer;
}
.amount-limits__item {
  display: flex;
  font-size: 1.6rem;
  flex-wrap: wrap;
  align-items: center;
  padding: 1.5rem 0;
}
.amount-limits__item-header {
  flex: 1 1 100%;
  font-size: 1.7rem;
  font-weight: bold;
  padding-bottom: 1rem;
}
.amount-limits__item-header--period {
  font-weight: normal;
  margin-left: 1rem;
  font-size: 1.2rem;
  font-style: italic;
  line-height: 2.5rem;
  vertical-align: top;
}
.amount-limits__item-current,
.amount-limits__item-pending,
.amount-limits__item-new {
  display: flex;
  width: 100%;
  flex: 1 1 auto;
  align-items: center;
  padding-bottom: 2rem;
}
.amount-limits__item-expiry,
.amount-limits__item-activation {
  flex: 1 0 auto;
  width: 100%;
  font-size: 1.2rem;
  font-weight: normal;
  font-style: italic;
}
.amount-limits__item-expiry {
  color: #e41d27;
}
.amount-limits__item-activation {
  color: #1d5f48;
}
.amount-limits__item-label {
  font-size: 1.5rem;
  font-weight: bold;
}
.amount-limits__item-status {
  flex: 1 1 auto;
}
@media (min-width: 768px) {
  .amount-limits__item-status {
    flex: 0 1 auto;
    width: 20rem;
  }
}
@media (min-width: 1024px) {
  .amount-limits__item-status {
    min-width: 25rem;
    margin-right: 0;
  }
}
.amount-limits__item-input {
  flex: 0 1 auto;
  width: 12rem;
  height: 5rem;
  border: solid 0.5px #9a9a9a;
  background-color: white;
  border-radius: 3px;
  padding: 1rem 3.5rem 1rem 1rem;
  text-align: right;
  font-size: 1.7rem;
  font-weight: bold;
  color: #1d5f48;
}
@media (min-width: 1024px) {
  .amount-limits__item-input {
    min-width: 20rem;
  }
}
.amount-limits__item-input:focus {
  border-color: #1d5f48;
  border-width: 1px;
  outline: none;
}
.amount-limits__item-input--disabled {
  background-color: #dde4e2;
  pointer-events: none;
}
.amount-limits__item-input--error {
  border-color: #e41d27;
  border-width: 1px;
  outline: none;
  color: #e41d27;
}
.amount-limits__item-input--currency {
  margin: 0.1rem 1rem 0rem -3rem;
  font-weight: normal;
  color: #004b32;
  pointer-events: none;
  z-index: 2;
}
.amount-limits__item-clear {
  flex: 0 0 auto;
  width: 4rem;
  padding-left: 1rem;
  margin-top: 0.2rem;
  font-style: italic;
  color: #2f80ed;
  cursor: pointer;
}
.amount-limits__item .deposit-input__error {
  color: red;
}
.amount-limits__operator-notice {
  font-size: 1.2rem;
  font-style: italic;
}
.amount-limits__label {
  display: flex;
  color: #2f80ed;
  font-size: 1.6rem;
  line-height: 2.2rem;
  padding: 2.6rem 0;
}
.amount-limits__label--optional {
  color: black;
  font-weight: normal;
  margin-left: 1rem;
  font-size: 1.2rem;
  font-style: italic;
  line-height: 2.5rem;
  vertical-align: top;
}
.amount-limits__label--addition {
  padding: 0 0 2.6rem 0;
}
.amount-limits__label--prefix:before {
  content: '+';
  font-size: 3rem;
  vertical-align: middle;
  padding-right: 1rem;
}
.amount-limits__label:hover {
  cursor: pointer;
}
[errorMessage] {
  position: relative;
  display: inline-block;
}
[errorMessage]::before {
  content: "";
  position: absolute;
  top: -1.2rem;
  left: 50%;
  transform: translateX(-50%);
  border-width: 1.2rem 1rem 0 1rem;
  border-style: solid;
  border-color: #f9d5d5 transparent transparent transparent;
  z-index: 2;
  opacity: 1;
}
[errorMessage]::after {
  content: attr(errorMessage);
  position: absolute;
  left: 0;
  top: -1.2rem;
  transform: translateX(-50%) translateY(-100%);
  background: #f9d5d5;
  text-align: center;
  color: #cc0000;
  font-size: 1.3rem;
  min-width: 90vw;
  border-radius: 0.3rem;
  pointer-events: none;
  padding: 1.5rem 1.1rem;
  z-index: 2;
  opacity: 1;
}
@media (min-width: 768px) {
  [errorMessage]::after {
    min-width: 30rem;
    left: 50%;
  }
}
.deposit-limits__item [errorMessage]::after {
  left: 0;
}
@media (min-width: 601px) {
  .deposit-limits__item [errorMessage]::after {
    left: 50%;
  }
}
[statusMessage] {
  position: relative;
  display: inline-block;
}
[statusMessage]::before {
  content: "";
  position: absolute;
  top: -1.2rem;
  left: 50%;
  transform: translateX(-50%);
  border-width: 1.2rem 1rem 0 1rem;
  border-style: solid;
  border-color: #dde4e2 transparent transparent transparent;
  z-index: 2;
  opacity: 0;
}
[statusMessage]::after {
  content: attr(statusMessage);
  position: absolute;
  left: 50%;
  top: -1.2rem;
  transform: translateX(-50%) translateY(-100%);
  background: #dde4e2;
  text-align: center;
  color: #004b32;
  font-size: 1.3rem;
  min-width: 30rem;
  border-radius: 0.3rem;
  pointer-events: none;
  padding: 1.5rem 1.1rem;
  z-index: 2;
  opacity: 0;
}
.deposit-limits__item [statusMessage]::after {
  left: 0;
}
@media (min-width: 601px) {
  .deposit-limits__item [statusMessage]::after {
    left: 50%;
  }
}
[statusMessage]:hover::after,
[statusMessage]:hover::before {
  opacity: 1;
}
[tooltip] {
  position: relative;
  display: inline-block;
}
[tooltip]::before {
  content: "";
  position: absolute;
  top: 1.3rem;
  left: 50%;
  transform: translateX(-50%) translateY(100%) rotate(180deg);
  border-width: 1.2rem 1rem 0 1rem;
  border-style: solid;
  border-color: #dce4e1 transparent transparent transparent;
  z-index: 6;
  opacity: 0;
}
@media (min-width: 768px) {
  [tooltip]::before {
    top: 2.3rem;
  }
}
[tooltip]::after {
  content: attr(tooltip);
  position: fixed;
  left: 2.5vw;
  top: 5.6rem;
  background: #dce4e1;
  text-align: left;
  color: black;
  font-weight: normal;
  font-size: 1.5rem;
  width: 95vw;
  border-radius: 0.3rem;
  pointer-events: none;
  padding: 1.5rem;
  z-index: 5;
  opacity: 0;
  box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.25);
}
@media (min-width: 768px) {
  [tooltip]::after {
    position: absolute;
    top: 4.6rem;
    width: 35rem;
    left: 50%;
    transform: translateX(-50%);
  }
}
[tooltip]:hover::after,
[tooltip]:hover::before {
  opacity: 1;
}



.verify .nemid-iframe {
  min-height: 26rem;
  width: 100%;
}
.verify .custom-input {
  margin-bottom: 0;
}



.dslogin-page {
  /* Created to avoid clashing and overriding pam-view__headline--sub */
}
.dslogin-page .container--small {
  width: 100%;
  max-width: 45rem;
  padding: 1rem 0;
  position: relative;
}
.dslogin-page .pam-profile-permission-page .logo,
.dslogin-page .pam-profile-warning-page .logo {
  width: 6rem;
  height: 6rem;
  background-size: contain;
  margin: 0 auto 1rem;
}
.dslogin-page .pam-profile-permission-page .logo {
  background-image: url(/dlo/Components/DanskeSpil/Domain/PlayerAccountManagement/Graphics/Images/permission-icon.png);
}
.dslogin-page .pam-profile-warning-page .logo {
  background-image: url(/dlo/Components/DanskeSpil/Domain/PlayerAccountManagement/Graphics/Images/warning-icon.svg);
}
.dslogin-page .pam-profile-warning-page .logo--large {
  width: 10rem;
  height: 10rem;
}
.dslogin-page .dslogin__content,
.dslogin-page .pam-permission-receipt {
  min-height: calc(100vh - 1rem);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 1rem 1rem;
}
@media (min-width: 768px) {
  .dslogin-page .dslogin__content,
  .dslogin-page .pam-permission-receipt {
    justify-content: center;
  }
}
.dslogin-page .route-slide {
  will-change: auto;
}
.dslogin-page .box,
.dslogin-page .pam-receipt-page {
  background-color: #fff;
  border-color: #fff;
  border-radius: 9px;
  padding: 3rem 3rem;
}
@media (min-width: 768px) {
  .dslogin-page .box,
  .dslogin-page .pam-receipt-page {
    padding: 3rem 5rem;
  }
}
.dslogin-page .button {
  line-height: normal;
  box-sizing: border-box;
  outline: 0;
  border: 2px solid #feb700;
  background-color: #feb700;
  color: #000;
  display: inline-flex;
  padding: 1.3rem;
  align-items: center;
  justify-content: center;
  border-radius: 1000px;
  position: relative;
  overflow: hidden;
  font-size: inherit;
  font-weight: 600;
  transition: bottom 1s;
  min-width: 20rem;
  cursor: pointer;
  text-decoration: none;
}
.dslogin-page .button--secondary {
  background-color: #fff;
  border-color: currentColor;
}
.dslogin-page .button--full-width {
  width: 100%;
}
.dslogin-page .spacing-top {
  margin-top: 1.3rem;
}
.dslogin-page .pam-view__headline {
  font-size: 1.95rem;
  margin-bottom: 2rem;
  margin-block-start: auto;
}
.dslogin-page .pam-view__headline--subtitle,
.dslogin-page .pam-view__headline--description {
  color: #000;
  text-align: left;
}
.dslogin-page .pam-view__headline--subtitle > *,
.dslogin-page .pam-view__headline--description > * {
  text-align: left;
}
.dslogin-page .pam-view__headline--subtitle {
  margin-bottom: 2.5rem;
}
.dslogin-page .pam-view__headline--description {
  margin-bottom: 4rem;
}
.dslogin-page .pam-view__headline--description p {
  display: inline-block;
}
.dslogin-page .pam__button__text {
  font-size: 1.3rem;
  line-height: 1.5rem;
}



.pam-view__account {
  display: flex;
  width: 100%;
  max-width: 41rem;
  margin: 0 auto;
  justify-content: space-between;
  background-color: #c4cfdd;
  padding: 1.6rem;
  color: #7D96B4;
  cursor: default;
  user-select: none;
}
.pam-view__account > p {
  margin: 0;
}
.pam-view__sub {
  font-size: 1.2rem;
  margin-top: 0.8rem;
  line-height: 1.2;
}
.pam-view__blocker-wrapper {
  width: 100%;
  max-width: 41rem;
  background-color: #ffffff;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  padding: 1.6rem;
  align-items: center;
}
.pam-view__blocker-wrapper--small-padding {
  padding: 1rem 0.7rem;
}
@media (min-width: 480px) {
  .pam-view__blocker-wrapper--small-padding {
    padding: 1rem 1.6rem;
  }
}
.pam-view__blocker-wrapper .pam-view__blocker-text-wrapper {
  text-align: left;
}
.pam-view__blocker-wrapper .pam-view__blocker-text-wrapper .pam-view__blocker-text {
  margin: 0;
}
.pam-view__blocker-wrapper .pam-view__blocker-text-wrapper .pam-view__blocker-sub-text {
  margin: 0;
  font-size: 1.2rem;
  font-weight: 600;
  color: #7D96B4;
}
.pam-view__blocker-wrapper .pam-view__blocker-radio-wrapper .pam-view__blocker-radio-slider {
  background-color: #7D96B4;
  width: 4rem;
  height: 2.4rem;
  border-radius: 1.2rem;
  position: relative;
  transition-duration: 0.1s;
  cursor: pointer;
}
.pam-view__blocker-wrapper .pam-view__blocker-radio-wrapper .pam-view__blocker-radio-slider .pam-view__blocker-radio-knob {
  border-radius: 50%;
  width: 2.4rem;
  height: 2.4rem;
  position: absolute;
  background-color: white;
  border: #7D96B4 solid 0.1rem;
  pointer-events: none;
  left: 0;
  transition-duration: 0.1s;
}
.pam-view__blocker-wrapper .pam-view__blocker-radio-wrapper .pam-view__blocker-radio-slider--on {
  background-color: #feb700;
}
.pam-view__blocker-wrapper .pam-view__blocker-radio-wrapper .pam-view__blocker-radio-slider--on .pam-view__blocker-radio-knob {
  left: 1.6rem;
  border-color: #feb700;
}
.pam-view__blocker-wrapper .pam-view__blocker-radio-wrapper .pam-view__blocker-radio-slider--disabled {
  background-color: #c4cfdd;
  pointer-events: none;
  cursor: default;
}
.pam-view__blocker-wrapper .pam-view__blocker-radio-wrapper .pam-view__blocker-radio-slider--disabled .pam-view__blocker-radio-knob {
  background-color: #7D96B4;
  border-color: #7D96B4;
}
.pam-view__block-explanation-wrapper {
  max-width: 41rem;
  display: flex;
  background-color: #fbdada;
  border-radius: 0.8rem;
  padding: 1.6rem;
  margin: 1.6rem auto 0;
}
.pam-view__block-explanation-wrapper .pam-view__block-explanation-text {
  text-align: left;
  margin: 0 0 0 1.6rem;
  max-width: 33rem;
}
.pam-view__block-explanation-wrapper .pam-view__block-explanation-mark {
  min-width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  background-color: #EA4747;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 2.4rem;
}
.pam-view__block-explanation-wrapper .pam-view__block-explanation-mark::before {
  content: '!';
}
.pam-view__block-explanation-wrapper--wide {
  max-width: 100%;
}
.pam-view__block-explanation-wrapper--wide .pam-view__block-explanation-text {
  max-width: 100%;
}



.restrict-account-page__head {
  margin: 0 auto;
  padding-bottom: 5rem;
  border-bottom: 0.1rem solid #ddd;
}
@media (min-width: 768px) {
  .restrict-account-page__head {
    max-width: 47rem;
  }
}
.restrict-account-page__head p {
  margin-bottom: 0;
}
.restrict-account-page__time {
  margin: 0 auto;
}
@media (min-width: 768px) {
  .restrict-account-page__time {
    max-width: 52rem;
  }
}
.restrict-account-page__time form label:first-of-type {
  margin-right: 13vw;
}
@media (min-width: 768px) {
  .restrict-account-page__time form label:first-of-type {
    margin-right: 5rem;
  }
}
.restrict-account-page__time form.custom-radio__pair {
  text-align: left;
}
.restrict-account-page__time form .custom-radio {
  display: block;
}
.restrict-account-page__time form .custom-radio input[type="radio"]:checked + label {
  font-weight: bold;
}
.restrict-account-page__time form .custom-radio input[type="radio"]:checked + label::after {
  background-color: #feb700;
}
.restrict-account-page__time form .custom-radio label {
  margin: 1rem 0;
}
.restrict-account-page__time form .custom-radio__abstract {
  font-size: 1.5rem;
}
.restrict-account-page__rofus {
  max-width: 100rem;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
}
@media (min-width: 768px) {
  .restrict-account-page__rofus {
    max-width: 47rem;
  }
}
.restrict-account-page__rofus p {
  font-size: 2.9vw;
  line-height: 1.4;
  font-weight: bold;
  font-weight: normal;
  margin-bottom: 8vw;
}
@media (min-width: 768px) {
  .restrict-account-page__rofus p {
    font-size: 1.2rem;
  }
}
@media (min-width: 768px) {
  .restrict-account-page__rofus p {
    max-width: 47rem;
    margin-bottom: 2rem;
  }
}
.restrict-account-page__rofus a {
  color: #6e6e6e;
  font-size: 3.8vw;
  line-height: 1.4;
  font-weight: normal;
  padding-bottom: 0.2rem;
  border-bottom: 1px solid #a0a0a0;
  margin: 0 0.8rem;
}
@media (min-width: 768px) {
  .restrict-account-page__rofus a {
    font-size: 1.5rem;
  }
}
.is-desktop-detected .restrict-account-page__rofus a {
  font-size: 1.5rem;
}
.restrict-account-page__rofus a:visited,
.restrict-account-page__rofus a:hover {
  color: #3f3f3f;
}
.restrict-account-page__calendar-container {
  min-height: 35rem;
}
.restrict-account-page__calendar-container.is-collapsed {
  min-height: 0;
}
.restrict-account-page__control {
  padding-top: 0;
}
.restrict-account-page .pam-page__content {
  text-align: left;
}
.restrict-account-page .pam-page__content .abstract {
  margin-top: 2rem;
}



.restrict-or-close-account-page__content-box {
  max-width: 47rem;
  margin: 0 auto 2rem;
  background: white;
  border: 0.1rem solid #ddd;
  border-radius: 0.3rem;
  text-align: center;
  padding: 3.5rem;
}
.restrict-or-close-account-page__rofus {
  max-width: 100rem;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
}
@media (min-width: 768px) {
  .restrict-or-close-account-page__rofus {
    max-width: 47rem;
  }
}
.restrict-or-close-account-page__rofus p {
  font-size: 2.9vw;
  line-height: 1.4;
  font-weight: bold;
  font-weight: normal;
  margin-bottom: 8vw;
}
@media (min-width: 768px) {
  .restrict-or-close-account-page__rofus p {
    font-size: 1.2rem;
  }
}
@media (min-width: 768px) {
  .restrict-or-close-account-page__rofus p {
    max-width: 47rem;
    margin-bottom: 2rem;
  }
}
.restrict-or-close-account-page__rofus a {
  color: #6e6e6e;
  font-size: 3.8vw;
  line-height: 1.4;
  font-weight: normal;
  padding-bottom: 0.2rem;
  border-bottom: 1px solid #a0a0a0;
  margin: 0 0.8rem;
}
@media (min-width: 768px) {
  .restrict-or-close-account-page__rofus a {
    font-size: 1.5rem;
  }
}
.is-desktop-detected .restrict-or-close-account-page__rofus a {
  font-size: 1.5rem;
}
.restrict-or-close-account-page__rofus a:visited,
.restrict-or-close-account-page__rofus a:hover {
  color: #3f3f3f;
}



.select-limit .select-limit__content {
  padding: 2rem;
  max-width: 108rem;
  margin: auto;
}
@media (min-width: 1024px) {
  .select-limit .select-limit__content {
    min-height: 45rem;
    padding: 2rem 2rem 16rem 2rem;
  }
}
.select-limit .select-limit__content h1 {
  font-size: 2.2rem;
  text-align: left;
  padding: 0 0 1rem 0;
  margin: 0;
  line-height: 2.2rem;
  display: inline-flex;
}
@media (min-width: 1024px) {
  .select-limit .select-limit__content h1 {
    font-size: 2.8rem;
  }
}
.select-limit .select-limit__content .abstract {
  font-size: 1.4rem;
  margin: 0;
  padding-bottom: 1.6rem;
}
.select-limit .select-limit__content .pam__button-container {
  flex-wrap: wrap;
  flex-direction: column;
  display: flex;
  margin-top: 5rem;
}
@media (min-width: 1024px) {
  .select-limit .select-limit__content .pam__button-container {
    text-align: left;
  }
}
.select-limit .select-limit__content .pam__button {
  flex: 1 0 100%;
  text-transform: none;
  animation-delay: 500ms;
  animation: shadow-pulse-mobile 3s infinite;
}
@media (min-width: 1024px) {
  .select-limit .select-limit__content .pam__button {
    animation: shadow-pulse 3s infinite;
    max-width: 25rem;
  }
}
.select-limit .select-limit__content .pam__button--blue {
  animation: unset;
  background: unset;
  border: 0;
  font-weight: normal;
  color: #2f80ed;
}
@media (min-width: 1024px) {
  .select-limit .select-limit__content .pam__button--blue {
    text-align: left;
    padding: 2rem 0;
  }
}
.select-limit .select-limit__content .pam__button + .pam__button {
  margin: 0;
}
.select-limit .select-limit__content .step-guide {
  text-align: center;
  margin: 0 0 12vw;
}
@media (min-width: 1024px) {
  .select-limit .select-limit__content .step-guide {
    margin: 3rem 0 2rem;
    text-align: left;
  }
}
.select-limit .select-limit__content .step-guide__step {
  text-align: center;
}
.select-limit .select-limit__content .step-guide__step.is--active,
.select-limit .select-limit__content .step-guide__step:before {
  background: #dce4e1;
}
.select-limit .select-limit__content .deposit-input__wrapper {
  display: flex;
  flex: 1 1 auto;
}
@media (min-width: 1024px) {
  .select-limit .select-limit__content .deposit-input__wrapper {
    flex: 0 1 auto;
  }
}
.select-limit .select-limit__content input[type='number'] {
  -moz-appearance: textfield;
}
.select-limit .select-limit__content input::-webkit-outer-spin-button,
.select-limit .select-limit__content input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
@media (min-width: 1024px) {
  .select-limit .select-limit__content-inner {
    padding: 3rem 0 0 0;
  }
}
@media (min-width: 768px) {
  .select-limit .select-limit__content-inner [tooltip] {
    top: -0.3rem;
  }
}
.select-limit .select-limit__content-inner [tooltip]::after {
  top: 12.8rem;
}
@media (min-width: 768px) {
  .select-limit .select-limit__content-inner [tooltip]::after {
    top: 4.6rem;
  }
}
.select-limit .select-limit__content-inner [errorMessage]::after {
  transform: translateX(-80%) translateY(-100%);
}
@media (min-width: 768px) {
  .select-limit .select-limit__content-inner [errorMessage]::after {
    transform: translateX(-50%) translateY(-100%);
  }
}
.select-limit .select-limit__options {
  display: flex;
  flex-direction: column;
  margin-top: 2rem;
}
@media (min-width: 1024px) {
  .select-limit .select-limit__options {
    flex-direction: row;
  }
}
.select-limit .select-limit__option {
  flex: 1 1 100%;
  padding: 3rem;
  margin: 0 0 2rem 0;
  border: 1px solid #cccccc;
  background-color: white;
}
@media (min-width: 1024px) {
  .select-limit .select-limit__option {
    padding: 6rem 3rem;
    margin: 0 2rem 0 0;
  }
  .select-limit .select-limit__option:last-child {
    margin: 0;
  }
}
.select-limit .select-limit__option:hover {
  cursor: pointer;
}
.select-limit .select-limit__option-label {
  font-size: 1.6rem;
  font-weight: bold;
  color: #2f80ed;
  text-align: center;
}
.select-limit .select-limit__tooltip {
  background-color: #dce4e1;
  color: #1d5f48;
  border-radius: 50%;
  display: inline-flex;
  width: 2.5rem;
  height: 2.5rem;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-left: 1rem;
  position: relative;
}
.select-limit .select-limit__tooltip:hover {
  cursor: pointer;
}
.select-limit .select-limit__item {
  display: flex;
  font-size: 1.6rem;
  flex-wrap: wrap;
  align-items: center;
  padding: 1.5rem 0;
}
.select-limit .select-limit__item--currency {
  margin: 0.1rem 1rem 0rem -3rem;
  font-weight: normal;
  color: #004b32;
  pointer-events: none;
  z-index: 2;
}
.select-limit .select-limit__item--clear {
  flex: 0 0 auto;
  width: 4rem;
  padding-left: 1rem;
  margin-top: 0.2rem;
  font-style: italic;
  color: #2f80ed;
  cursor: pointer;
}
.select-limit .select-limit__item-header {
  flex: 0 0 100%;
  font-size: 1.5rem;
  font-weight: bold;
  text-transform: uppercase;
}
.select-limit .select-limit__item-label {
  flex: 1 1 auto;
  font-size: 1.4rem;
}
@media (min-width: 1024px) {
  .select-limit .select-limit__item-label {
    flex: 0 1 auto;
    min-width: 17rem;
  }
}
.select-limit .select-limit__label {
  display: flex;
  color: #2f80ed;
  font-size: 1.6rem;
  line-height: 2.2rem;
  padding: 2.6rem 0;
}
.select-limit .select-limit__label--optional {
  color: black;
  font-weight: normal;
  margin-left: 1rem;
  font-size: 1.2rem;
  font-style: italic;
  line-height: 2.5rem;
  vertical-align: top;
}
.select-limit .select-limit__label--addition {
  padding: 0 0 2.6rem 0;
}
.select-limit .select-limit__label--prefix:before {
  content: '+';
  font-size: 3rem;
  vertical-align: middle;
  padding-right: 1rem;
}
.select-limit .select-limit__label:hover {
  cursor: pointer;
}
.select-limit.route-slide {
  min-height: unset!important;
}



.file-upload__item {
  display: flex;
  flex-direction: column;
  background-color: white;
  border: 1px solid #6e6e6e;
  padding: 1.5rem;
  margin-bottom: 2rem;
}
.file-upload__item--has-error {
  border: 1px solid #9F2633;
}
.file-upload__item .file-upload__details {
  position: relative;
}
.file-upload__item .file-upload__content {
  flex: 1;
  text-align: left;
  margin-left: 4rem;
  position: relative;
}
.file-upload__item .file-upload__content .file-upload__cta {
  color: #4a90e2;
  font-size: 1.2rem;
  font-weight: bold;
  margin-top: 1rem;
  cursor: pointer;
}
.file-upload__item .file-upload__content .file-upload__cta:before {
  content: '+';
  margin-right: 0.2rem;
}
.file-upload__item .file-upload__content .file-upload__description {
  font-style: italic;
  font-size: 1.2rem;
  color: #828282;
}
.file-upload__item .file-upload__content .file-upload__header {
  font-weight: bold;
  line-height: 1.2rem;
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
  color: #828282;
}
.file-upload__item .file-upload__content .file-upload__close {
  height: 1.6rem;
  width: 1.6rem;
  fill: #828282;
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0.5;
  cursor: pointer;
}
.file-upload__item .file-upload__content .file-upload__close:hover {
  opacity: 0.8;
}
.file-upload__item .file-upload__icon {
  position: absolute;
}
.file-upload__item .file-upload__icon--svg {
  filter: grayscale(1);
  flex: 0 1 auto;
  width: 3rem;
  height: 3rem;
}
.file-upload__item .file-upload__file {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  background-color: #e6e6e6;
  position: relative;
  text-align: left;
  animation-name: appear;
  animation-duration: 150ms;
  min-height: 8rem;
  padding: 1rem;
}
.file-upload__item .file-upload__file .file-upload__file-name {
  font-size: 1.4rem;
  color: #6e6e6e;
  text-transform: capitalize;
  padding: 0 2rem 0.5rem 0;
  margin: 0;
  box-sizing: border-box;
  width: 100%;
  border-bottom: 1px solid #c8c8c8;
}
.file-upload__item .file-upload__file .file-upload__file-name--truncated {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  max-width: 50vw;
}
@media (min-width: 768px) {
  .file-upload__item .file-upload__file .file-upload__file-name--truncated {
    max-width: 35rem;
  }
}
.file-upload__item .file-upload__file .file-upload__file-details {
  width: 100%;
  margin-left: 7rem;
}
.file-upload__item .file-upload__file .file-upload__file-preview {
  position: absolute;
}
.file-upload__item .file-upload__file .file-upload__file-preview img {
  width: 6rem;
  height: 6rem;
  object-fit: cover;
}
.file-upload__item .file-upload__file .file-upload__file-preview .file-item__svg {
  width: 6rem;
  height: 6rem;
}
.file-upload__item .file-upload__file .file-upload__file-info {
  font-size: 1.2rem;
  color: #6e6e6e;
  text-transform: uppercase;
  display: flex;
  margin-top: 0.5rem;
}
.file-upload__item .file-upload__file .file-upload__file-info .file-upload__file-type {
  display: flex;
  flex: 1;
  margin-right: 1rem;
}
.file-upload__item .file-upload__file .file-upload__file-info .file-upload__file-type .file-upload__file-type-label {
  font-weight: bold;
  margin-right: 0.5rem;
}
.file-upload__item .file-upload__file .file-upload__file-info .file-upload__file-size {
  display: flex;
  flex: 5;
}
.file-upload__item .file-upload__file .file-upload__file-info .file-upload__file-size .file-upload__file-size-label {
  font-weight: bold;
  margin-right: 0.5rem;
}
.file-upload__item .file-upload__file .file-upload__delete {
  height: 1.6rem;
  width: 1.6rem;
  fill: #828282;
  position: absolute;
  top: 1.2rem;
  right: 1rem;
  opacity: 0.8;
  cursor: pointer;
}
.file-upload__item .file-upload__file .file-upload__delete:hover {
  opacity: 1;
}
.file-upload__item .file-upload__file .file-upload__file-svg {
  width: 100%;
  height: 32vw;
  object-fit: cover;
}
@media (min-width: 768px) {
  .file-upload__item .file-upload__file .file-upload__file-svg {
    height: 10rem;
  }
}
.file-upload__item .file-upload__file .file-upload__file-delete {
  position: absolute;
  top: 3vw;
  right: 3vw;
  height: 3vw;
  width: 3vw;
  cursor: pointer;
}
@media (min-width: 768px) {
  .file-upload__item .file-upload__file .file-upload__file-delete {
    top: 1.5rem;
    right: 1.5rem;
    height: 1.2rem;
    width: 1.2rem;
  }
}
.file-upload__dropdown {
  border: 1px solid #ccc;
  font-size: 1.4rem;
  width: 100%;
  max-width: 35rem;
  height: 5rem;
  border-radius: 0.5rem;
  padding-left: 1rem;
  overflow: hidden;
  color: #3f3f3f;
}
.file-upload__dropdown:focus {
  outline: none;
}
.file-upload__list {
  margin-bottom: 2rem;
}
.file-upload__list .file-upload__add-more {
  font-size: 1.2rem;
  font-weight: 600;
  color: #828282;
  text-decoration: underline;
  cursor: pointer;
}



.pam-page__wrapper.register-view .amount-limit {
  margin-bottom: 6rem;
}
.pam-page__wrapper.register-view .amount-limit h1 {
  display: inline;
}
.pam-page__wrapper.register-view .amount-limit h5 {
  margin: 2rem 0 1rem 0;
}
.pam-page__wrapper.register-view .amount-limit .custom-input--align-right .custom-input__postfix {
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  .pam-page__wrapper.register-view .amount-limit .custom-input__postfix {
    padding: 0.7rem 0.5rem 0.5rem 0;
  }
}
.pam-page__wrapper.register-view .amount-limit .amount-limit__input {
  margin-top: 1rem;
  background: white;
  height: 6rem;
}
.pam-page__wrapper.register-view .amount-limit .amount-limit__input.has--error input {
  border: 1px solid #9F2633;
}
.pam-page__wrapper.register-view .amount-limit .amount-limit__input input {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border: 1px solid #a9a9a9;
}
.pam-page__wrapper.register-view .amount-limit .amount-limit__period-amount {
  margin-top: 2rem;
}
.pam-page__wrapper.register-view .amount-limit .amount-limit__periods {
  display: flex;
}
.pam-page__wrapper.register-view .amount-limit .amount-limit__period {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  height: 6rem;
  font-weight: bold;
  font-size: 1.4rem;
  color: #666666;
  border: 1px solid #a9a9a9;
  margin: 0 0.7rem;
  user-select: none;
}
@media (min-width: 768px) {
  .pam-page__wrapper.register-view .amount-limit .amount-limit__period {
    margin: 0 1.5rem;
  }
}
.pam-page__wrapper.register-view .amount-limit .amount-limit__period:hover {
  cursor: pointer;
}
.pam-page__wrapper.register-view .amount-limit .amount-limit__period:first-child {
  margin-left: 0;
}
.pam-page__wrapper.register-view .amount-limit .amount-limit__period:last-child {
  margin-right: 0;
}
.pam-page__wrapper.register-view .amount-limit .amount-limit__period--selected {
  color: #4a90e2;
  border: 1px solid #4a90e2;
}
.pam-page__wrapper.register-view .amount-limit .amount-limit__period--error {
  border: 1px solid #9F2633;
}
.pam-page__wrapper.register-view .amount-limit .amount-limit__period-header {
  font-size: 3.8vw;
  font-weight: bold;
  margin-right: 0.3rem;
  display: inline;
}
@media (min-width: 768px) {
  .pam-page__wrapper.register-view .amount-limit .amount-limit__period-header {
    font-size: 1.5rem;
  }
}
.pam-page__wrapper.register-view .amount-limit .amount-limit__period-suffix {
  display: inline;
  font-style: italic;
  font-size: 3.8vw;
}
@media (min-width: 768px) {
  .pam-page__wrapper.register-view .amount-limit .amount-limit__period-suffix {
    font-size: 1.5rem;
  }
}
.pam-page__wrapper.register-view .amount-limit .amount-limit__period-error {
  color: #9F2633;
  font-size: 3vw;
  margin-top: 0.5rem;
}
@media (min-width: 768px) {
  .pam-page__wrapper.register-view .amount-limit .amount-limit__period-error {
    font-size: 1.2rem;
  }
}
@media (min-width: 768px) {
  .pam-page__wrapper.register-view .amount-limit [tooltip] {
    top: -0.3rem;
  }
}
.pam-page__wrapper.register-view .amount-limit [tooltip]::after {
  top: 25rem;
}
@media (min-width: 768px) {
  .pam-page__wrapper.register-view .amount-limit [tooltip]::after {
    top: 4.6rem;
  }
}
.pam-page__wrapper.register-view .amount-limit .amount-limit__tooltip {
  background-color: #dce4e1;
  color: #1d5f48;
  border-radius: 50%;
  display: inline-flex;
  width: 2.5rem;
  height: 2.5rem;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-left: 1rem;
  position: relative;
}
.pam-page__wrapper.register-view .amount-limit .amount-limit__tooltip:hover {
  cursor: pointer;
}



@media (min-width: 768px) {
  .pam-page__wrapper.register-view .custom-input--house-number,
  .pam-page__wrapper.register-view .custom-input--street,
  .pam-page__wrapper.register-view .custom-input--post-number,
  .pam-page__wrapper.register-view .custom-input--city {
    display: inline-block;
  }
  .pam-page__wrapper.register-view .custom-input--street {
    width: calc(66.6666% - 1rem);
    margin-right: 3rem;
  }
  .pam-page__wrapper.register-view .custom-input--house-number {
    width: calc(33.3333% - 2rem);
  }
  .pam-page__wrapper.register-view .custom-input--post-number {
    margin-bottom: 0;
    width: calc(33.3333% - 2rem);
  }
  .pam-page__wrapper.register-view .custom-input--city {
    margin-bottom: 0;
    width: calc(66.6666% - 1rem);
    margin-left: 3rem;
  }
}
.pam-page__wrapper.register-view .custom-checkbox span.consent-popover {
  cursor: pointer;
  color: #323232;
  text-decoration: none;
  border-bottom: 0.1rem solid #dcdcdc;
}



.pam-page__wrapper.register-view #nemID-widget {
  width: 20rem;
  margin: 2rem auto 2rem auto;
}
.pam-page__wrapper.register-view #nemIDHelp {
  text-align: center;
  font-size: 3vw;
}
@media (min-width: 768px) {
  .pam-page__wrapper.register-view #nemIDHelp {
    font-size: 1.2rem;
  }
}
.pam-page__wrapper.register-view .customer-signup-wrapper .flow-area .dtNemIDLoginErrorMessages {
  /* this is just a copy of the old error message styling */
  display: block;
  position: relative;
  clear: both;
  padding: 0.6rem 1rem 0.6rem 3rem;
  width: 100%;
  min-height: 100%;
  border: 0.1rem solid #C50005;
  background-color: #F3CCCD;
  color: #333333;
  font-size: 1.2rem;
  line-height: 1.4rem;
  border-radius: 0.3rem;
  background-clip: padding-box;
}



.step5 {
  margin: 12vw -6vw 0;
  padding: 0 6vw 12vw;
  background-color: #ffffff;
  border: 1px solid #dcdcdc;
  border-radius: 0.4rem;
}
@media (min-width: 768px) {
  .step5 {
    margin: 4rem -3rem 0;
    padding: 0 3rem 4.5rem;
  }
}
.step5 .field-title {
  margin-top: 12vw;
  font-size: 4.6vw;
  line-height: 1.3;
  font-weight: bold;
  color: #323232;
}
@media (min-width: 768px) {
  .step5 .field-title {
    font-size: 2rem;
  }
}
.step5 .field-title:first-child {
  margin-top: 3.3rem;
}
@media (min-width: 768px) {
  .step5 .field-title {
    margin-top: 11rem;
  }
  .step5 .field-title:first-child {
    margin-top: 5rem;
  }
}



@keyframes appear {
  from {
    opacity: 0;
    transform: scale(0.3, 0.3);
  }
  to {
    opacity: 1;
    transform: scale(1, 1);
  }
}
@keyframes click {
  from {
    transform: scale(0.95);
  }
  to {
    transform: scale(1);
  }
}
@keyframes shake {
  0% {
    transform: translate(5px);
  }
  20% {
    transform: translate(-5px);
  }
  40% {
    transform: translate(2px);
  }
  60% {
    transform: translate(-2px);
  }
  80% {
    transform: translate(3px);
  }
  100% {
    transform: translate(0px);
  }
}
@keyframes spinner-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.error-upload {
  animation: shake 200ms cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}
.click-upload {
  animation-name: click;
  animation-duration: 300ms;
}
.upload-document-container {
  overflow: hidden;
}
.upload-document__spinner {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 3;
  background-color: rgba(0, 0, 0, 0.75);
}
.upload-document__spinner-elements {
  position: relative;
  top: 25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.upload-document__spinner-ring {
  display: inline-block;
  position: relative;
  width: 10rem;
  height: 10rem;
}
.upload-document__spinner-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 10rem;
  height: 10rem;
  border: 0.8rem solid white;
  border-radius: 50%;
  animation: spinner-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: white transparent transparent transparent;
}
.upload-document__spinner-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.upload-document__spinner-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.upload-document__spinner-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
.upload-document__spinner-text {
  color: white;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  margin-top: 2rem;
}
.upload .file-purpose__selector,
.step4b .file-purpose__selector {
  display: block;
  width: 100%;
  font-size: 3.8vw;
  background-color: #edf4fc;
  border-color: white;
  outline: none;
  padding: 0.75rem 0;
}
.upload .file-purpose__selector option,
.step4b .file-purpose__selector option {
  background-color: white;
}
.upload .file-purpose__selector option:first-child:disabled,
.step4b .file-purpose__selector option:first-child:disabled {
  display: none;
}
@media (min-width: 768px) {
  .upload .file-purpose__selector,
  .step4b .file-purpose__selector {
    font-size: 1.5rem;
  }
}
.upload .info-ribbon--pending-upload,
.step4b .info-ribbon--pending-upload {
  padding: 2rem;
  margin-bottom: 1rem;
  color: #2c2c2c;
  background-color: white;
}
.upload .info-ribbon--pending-upload .info-ribbon__text,
.step4b .info-ribbon--pending-upload .info-ribbon__text {
  margin: 0;
}
.upload .custom-input__error,
.step4b .custom-input__error {
  top: 0;
}
.upload .file-upload__buttons,
.step4b .file-upload__buttons {
  display: flex;
  margin-bottom: 3rem;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 480px) {
  .upload .file-upload__buttons,
  .step4b .file-upload__buttons {
    flex-direction: row;
  }
}
.upload .pam__button--proof,
.step4b .pam__button--proof {
  order: 2;
}
@media (min-width: 480px) {
  .upload .pam__button--proof,
  .step4b .pam__button--proof {
    order: 0;
  }
}
.upload .pam__button--save,
.step4b .pam__button--save {
  order: 1;
}
.upload .pam__button,
.step4b .pam__button {
  margin: 1rem;
}
.upload .additional-information__abstract,
.step4b .additional-information__abstract {
  margin-top: 4rem;
}



.payment-app-receipt {
  padding: 2rem;
  text-align: center;
  max-width: 28.4rem;
  margin: 0 auto;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.payment-app-receipt .title {
  font-weight: 700;
  font-size: 2.2rem;
  margin: 0;
}
.payment-app-receipt .rich-text {
  font-size: 1.4rem;
}
.payment-app-receipt .pam__button {
  font-weight: 600;
  margin-top: 3.4rem;
  padding: 0.6rem 3rem;
  font-size: 1.6rem;
  border-radius: 0.4rem;
  flex: none;
}



.payment-receipt-view {
  text-align: center;
}
.payment-receipt-view .alert {
  background: #f0bfc0;
  text-align: center;
  color: #c50005;
  padding: 30px;
  display: none;
}
.payment-receipt-view .alert img {
  width: 65px;
  padding-bottom: 20px;
}
.payment-receipt-view .alert #predefined {
  display: none;
}
.payment-receipt-view .column {
  margin: 0 auto;
  max-width: 560px;
  padding: 20px;
  overflow: hidden;
}
.payment-receipt-view .exclamation {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .payment-receipt-view .exclamation {
    margin-top: 60px;
  }
}
.payment-receipt-view h1 {
  line-height: 35px;
  margin: 0;
  font-weight: bold;
  font-size: 2.2rem;
  color: #323232;
  text-align: center;
}
@media (min-width: 768px) {
  .payment-receipt-view h1 {
    line-height: 50px;
    padding-top: 13px;
    font-size: 2.8rem;
  }
}
.payment-receipt-view .subhead {
  font-size: 1.5rem;
  color: #606060;
  margin-top: 40px;
}
.payment-receipt-view .loader-anim {
  margin-bottom: 20px;
}
.payment-receipt-view .table-block {
  font-size: 1.5rem;
  background-color: #e6e6e6;
}
.payment-receipt-view .table-block .column {
  padding: 40px 20px;
  overflow: hidden;
}
.payment-receipt-view .table-block .column .label {
  float: left;
}
.payment-receipt-view .table-block .column .amount {
  float: right;
}
.payment-receipt-view .table-block .column div {
  clear: both;
  padding: 5px 0;
}
.payment-receipt-view .table-block .column .total {
  color: #000;
  font-weight: bold;
}
.payment-receipt-view .table-block .column .line {
  border-bottom: 1px solid #dcdcdc;
}
.payment-receipt-view .stky-btn svg {
  margin: -3px 0 0 10px;
  height: 20px;
}
@media (max-width: 560px) {
  .payment-receipt-view .stky-btn svg {
    margin: 10px 10px 0 10px;
    float: right;
  }
}
@media (min-width: 768px) {
  .payment-receipt-view .stky-btn svg {
    margin: -3px 0 0 10px;
    height: 12px;
    float: none;
  }
}



.payment {
  text-align: center;
  padding: 0;
}
.payment .content {
  padding: 2vw 6vw;
}
@media (min-width: 768px) {
  .payment .content {
    padding: 0 2rem;
  }
}
.payment .column {
  margin: 0 auto;
}
@media (min-width: 768px) {
  .payment .column {
    max-width: 52rem;
  }
}
.payment h1 {
  font-size: 5.9vw;
  line-height: 1.2;
  font-weight: bold;
  color: #323232;
}
@media (min-width: 768px) {
  .payment h1 {
    font-size: 2.8rem;
  }
}
.iframe__desktop-no-breakpoints .payment h1 {
  display: none;
}
.payment p {
  font-size: 3.8vw;
  line-height: 1.4;
  font-weight: normal;
}
@media (min-width: 768px) {
  .payment p {
    font-size: 1.5rem;
  }
}
.is-desktop-detected .payment p {
  font-size: 1.5rem;
}
.payment p.abstract {
  margin: 0 0 4vw;
  color: #000000;
}
@media (min-width: 768px) {
  .payment p.abstract {
    margin: 0 0 2rem;
  }
}
.payment p.text-align-left {
  text-align: left;
}
.payment p.text-align-center {
  text-align: center;
}
.payment .subhead {
  font-size: 4vw;
  color: #606060;
  margin: 0 auto 4vw auto;
}
@media (min-width: 768px) {
  .payment .subhead {
    font-size: 1.5rem;
    margin: 0 auto 3rem auto;
  }
}
.payment .select-button-row {
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
}
.payment .select-button-row .button {
  width: 30%;
  margin-left: 5%;
  margin-bottom: 1.5rem;
  display: inline-block;
  visibility: visible;
  position: relative;
  height: auto;
  line-height: normal;
  padding: 2.15vw 0;
  background-color: #323232;
  border-color: #323232;
  color: #ffffff;
}
@media (min-width: 768px) {
  .payment .select-button-row .button {
    padding: 0.8rem 0;
  }
}
.payment .select-button-row .button.button--white,
.payment .select-button-row .button:not(.button--disabled):hover {
  background-color: #fff;
  border: 0.1rem solid #323232;
  color: #323232;
}
.payment .select-button-row .button:before,
.payment .select-button-row .button:after {
  display: none;
}
.payment .select-button-row .button:first-of-type {
  margin-left: 0;
}
.payment .dropdown__selection__centered .dropdown__selection__arrow {
  top: 50%;
  transform: translateY(-50%);
}
.payment .custom-checkbox {
  width: 100%;
  margin: 0 0 2rem 0.1rem;
  text-align: left;
}
.payment .select-button-row input[type=radio] {
  display: none;
}
.payment .bonus-row {
  margin: 8vw 0;
}
@media all and (min-width: 770px) {
  .payment .bonus-row {
    margin: 3rem 0;
  }
}
.payment .bonus-row a {
  color: #6c6c6c;
  font-size: 3.8vw;
  line-height: 1.4;
  font-weight: normal;
  padding-bottom: 0.2rem;
  border-bottom: 0.1rem solid #a0a0a0;
  text-decoration: none;
}
@media (min-width: 768px) {
  .payment .bonus-row a {
    font-size: 1.5rem;
  }
}
.is-desktop-detected .payment .bonus-row a {
  font-size: 1.5rem;
}
.payment .bonus-row a:visited,
.payment .bonus-row a:hover {
  color: #3f3f3f;
  border-bottom: 0.1rem solid #3f3f3f;
}
.payment .footer {
  background-color: #dcdcdc;
  padding-top: 6vw;
  z-index: 1;
  text-align: center;
}
@media (min-width: 768px) {
  .payment .footer {
    padding-top: 2rem;
  }
}
.iframe__desktop-no-breakpoints .payment .footer {
  margin-bottom: 6vw;
}
.payment .footer .links {
  padding: 0 2.7vw 2.7vw 2.7vw;
}
@media (min-width: 768px) {
  .payment .footer .links {
    padding: 0 1rem 1rem 1rem;
  }
}
.payment .footer .links a {
  margin: 0 2.7vw;
  color: #6c6c6c;
  font-size: 3.8vw;
  line-height: 1.4;
  font-weight: normal;
  padding-bottom: 0.55vw;
  border-bottom: 0.1rem solid #a0a0a0;
  text-decoration: none;
}
@media (min-width: 768px) {
  .payment .footer .links a {
    margin: 0 2rem;
  }
}
@media (min-width: 768px) {
  .payment .footer .links a {
    font-size: 1.5rem;
  }
}
.is-desktop-detected .payment .footer .links a {
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  .payment .footer .links a {
    padding-bottom: 0.2rem;
  }
}
.payment .footer .links a:visited,
.payment .footer .links a:hover {
  color: #3f3f3f;
  border-bottom: 0.1rem solid #3f3f3f;
}
.payment .custom-input__prefix {
  z-index: 1;
}
.payment .custom-input__prefix--disabled {
  background: transparent;
  color: #000;
  z-index: 1;
}
.payment .custom-input--transform-label .custom-input__prefix {
  opacity: 1;
}
.payment .custom-input.has--focus .custom-input__prefix {
  color: #000;
}
.payment .custom-input .info-icon {
  position: absolute;
  width: 1.5rem;
  right: -2rem;
  bottom: 0.2rem;
  cursor: pointer;
}
.payment .cardinfo {
  color: #323232;
  font-size: 4vw;
  display: block;
  text-align: left;
  padding-bottom: 1.1vw;
  border-bottom: 0.1rem solid #dcdcdc;
  margin-bottom: 4vw;
}
@media (min-width: 768px) {
  .payment .cardinfo {
    font-size: 1.4rem;
    padding-bottom: 0.5rem;
    border-bottom: 0.1rem solid #dcdcdc;
    margin-bottom: 4rem;
  }
}
@media all and (min-width: 770px) {
  .payment .cardinfo {
    font-size: 1.8rem;
  }
}
.payment .cardinfo__right {
  float: right;
}
.payment .cardinfo .info-icon {
  margin: 1.1vw 0 0 5vw;
  float: right;
  cursor: pointer;
}
@media (min-width: 768px) {
  .payment .cardinfo .info-icon {
    margin: 0.6rem 0 0 1.8rem;
  }
}
@media all and (min-width: 770px) {
  .payment .cardinfo .info-icon {
    margin: 1rem 0 0 2rem;
  }
}
.payment .summary {
  background: #e6e6e6;
  margin: 0 auto;
  text-align: center;
  padding: 4vw;
  font-size: 4vw;
}
@media (min-width: 768px) {
  .payment .summary {
    padding: 3.5rem;
    font-size: 1.4rem;
  }
}
@media all and (min-width: 770px) {
  .payment .summary {
    margin: 1rem 0 3rem;
  }
}
@media (min-width: 768px) {
  .payment .summary__list {
    max-width: 52rem;
    margin: 0 auto;
  }
}
.payment .summary__list .line {
  height: 0.1rem;
  width: 100%;
  background: #dcdcdc;
  clear: both;
  margin: 4.8vw 0 2.25vw 0;
}
@media (min-width: 768px) {
  .payment .summary__list .line {
    margin: 1.6rem 0 0.8rem 0;
  }
}
.payment .summary__list__row {
  clear: both;
  color: #6e6e6e;
}
.payment .summary__list__row:after {
  content: ' ';
  display: table;
  clear: both;
}
.payment .summary__list__row .amount-value:after,
.payment .summary__list__row .fee-value:after,
.payment .summary__list__row .total-value:after {
  content: ' kr.';
}
.payment .summary__list__row.total {
  color: #000;
}
.payment .summary__list__row .label {
  float: left;
}
.payment .summary__list__row .value {
  float: right;
}
.payment .bonus-save-group {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 2rem;
}
.payment .bonus-save-group :only-child {
  margin: 0 auto;
}
.payment .bonus-save-group .pam-page__link {
  font-size: 1.2rem;
  font-weight: 600;
  color: #a9a9a9;
}
.payment .pam-receipt-page {
  padding: 4vw 0;
}
@media (min-width: 768px) {
  .payment .pam-receipt-page {
    padding: 4rem 0;
  }
}
.payment .pam-receipt-page h1 {
  margin-top: 0;
  padding: 2rem 0;
}
@media all and (min-width: 768px) {
  .payment .pam-receipt-page .button-full-width {
    margin: 0;
  }
}
@media all and (min-width: 768px) {
  .payment .pam-receipt-page {
    padding: 4rem 0;
  }
}
.payment--receipt-standalone .pam-receipt-page h1 {
  padding: 2rem 0 1rem;
}
.payment--receipt-standalone .pam-receipt-page h3 {
  max-width: unset;
  font-size: 1.2rem;
  padding-bottom: 1rem;
  color: #3f3f3f;
}
.payment--receipt-standalone .pam-receipt-page .pam__button-container {
  padding: 2rem 0;
  margin-top: 0;
}
.payment-card-image {
  width: 18.5rem;
}
@media all and (min-width: 768px) {
  .payment-card-image {
    width: 26rem;
  }
}
@media all and (max-width: 767px) {
  body:not(.app-web-view) .payment-step1 .pam-page__content:not(.overlay) .pam__button-container {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 10;
  }
  body.is-desktop-detected.iframe__desktop-no-breakpoints .payment-step1 .pam-page__content:not(.overlay) {
    padding-top: 1vw;
  }
  body.is-desktop-detected.iframe__desktop-no-breakpoints .payment-step1 .pam-page__content:not(.overlay) .pam__button-container {
    position: relative;
    width: auto;
  }
}
.payment-step1 .hidden {
  display: none;
}
.payment-step1 .custom-input__error {
  top: 0.5rem;
}
.payment-step1 .custom-input.has--focus input {
  border-bottom: 0.05rem solid #dcdcdc;
}
.payment-step1 .custom-input input {
  border-width: 0.05rem;
}
.payment-step1 .custom-input__amount {
  margin: 0 auto;
  border-radius: 0.5rem;
}
.payment-step1 .custom-input__amount input {
  height: 4.5rem;
  background: #ffffff;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 700;
  color: #000000;
}
.payment-step1 .custom-input__amount .custom-input__prefix {
  font-size: 1.3rem;
  line-height: 2.5;
  font-style: italic;
  font-weight: 400;
  color: #6e6e6e;
  left: 1.6rem;
  pointer-events: none;
}
@media all and (min-width: 768px) {
  .payment-step1 .custom-input__amount .custom-input__prefix {
    line-height: 2.3;
  }
}
.payment-step1 .custom-input__amount .custom-input__postfix {
  pointer-events: none;
  height: 4.5rem;
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 700;
  color: #000000;
}
.payment-step1 .custom-input__amount .custom-input__postfix--disabled {
  -webkit-text-fill-color: #a0a0a0;
}
.payment-step1 .custom-input__amount .custom-input__error {
  margin: 0 auto;
  border: none;
  font-size: 1.2rem;
  text-align: center;
  line-height: 1.2rem;
  padding-top: 1rem;
}
@media all and (min-width: 480px) {
  .payment-step1 .custom-input__amount .custom-input__error {
    font-size: 1.3rem;
    width: calc(100% + 16rem);
    margin-left: -8rem;
  }
}
.payment-step1 p.abstract {
  font-size: 1.6rem;
  font-weight: 600;
  margin: 2rem 0 1rem;
}
.payment-step1 .help__text {
  font-size: 1.2rem;
  font-weight: 600;
  padding: 0 0 0.4rem 0;
  color: #000000;
  margin: 2rem 0 0;
}
.payment-step1 .help__text--amount {
  text-align: left;
}
.payment-step1 .stored-card__cta {
  width: 100%;
}
.payment-step1 .stored-card__cta .pam__button {
  width: unset;
}
.payment-step1 .mobile__payments {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.payment-step1 .mobile__payments input[type=radio] {
  display: none;
}
.payment-step1 .mobile__payments input[type=radio] + label {
  border: 0.1rem solid #828282;
  background-color: #ffffff;
  border-radius: 50%;
  display: block;
  height: 1.8rem;
  width: 1.8rem;
}
.payment-step1 .mobile__payments input[type=radio]:checked + label {
  background-color: #219653;
  border: 0.2rem solid #219653;
  box-shadow: inset 0 0 0 0.3rem #ffffff, 0 0 0.4rem 0.2rem rgba(33, 150, 83, 0.25);
}
.payment-step1 .mobile__payments .dropdown {
  width: 100%;
  margin: 0;
  padding: 0;
}
.payment-step1 .mobile__payments .dropdown select {
  border: 0;
}
.payment-step1 .mobile__payments .dropdown__selection {
  font-size: 1.4rem;
  font-weight: normal;
  border: 0;
  pointer-events: none;
}
.payment-step1 .mobile__payments .dropdown__selection__arrow {
  margin: 0 0 0 1.5rem;
  transform: translate3d(0, 0, 0) rotate(0deg);
}
.payment-step1 .mobile__payments .dropdown__list {
  width: 10rem;
  right: 0;
  left: unset;
}
@media all and (min-width: 768px) {
  .payment-step1 .mobile__payments .dropdown__list {
    width: 48.2rem;
    right: -1.7rem;
    top: 4.4rem;
  }
}
.payment-step1 .mobile__payments .payment__manage-stored-cards {
  display: flex;
  flex: 1;
  justify-content: center;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.6rem;
}
.payment-step1 .mobile__payments .payment__manage-stored-cards a {
  text-decoration: underline;
  color: #a9a9a9;
  margin: 0.5rem 0 1.6rem;
}
.payment-step1 .mobile__payments .payment__card-preview {
  display: flex;
  width: 5rem;
  height: 3rem;
  border-radius: 0.3rem;
  background: linear-gradient(90deg, #c8c8c8 40%, #f0f0f2 192%);
  margin-right: 1.1rem;
}
.payment-step1 .mobile__payments .payment__card-preview-icon {
  height: 2rem;
  width: 100%;
  margin: auto;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.payment-step1 .mobile__payments .payment__card-preview-text {
  display: flex;
  flex-direction: column;
  flex: 1 1 100%;
  line-height: 1.9rem;
  font-size: 1.4rem;
  text-transform: none;
  font-weight: normal;
  align-items: flex-start;
}
@media all and (min-width: 768px) {
  .payment-step1 .mobile__payments .payment__card-preview-text {
    flex-direction: row;
  }
}
.payment-step1 .mobile__payments .payment__card-preview-text .payment__card-name {
  margin-right: 1rem;
}
.payment-step1 .mobile__payments .payment__card-preview-text .payment__card-name--expired {
  color: #9F2633;
  font-weight: bold;
  margin-right: 0.4rem;
}
.payment-step1 .mobile__payments .payment__card-preview-text .payment__card-name--saved-postfix {
  margin-left: 0.4rem;
  font-style: italic;
  color: #a0a0a0;
}
.payment-step1 .mobile__payments .payment__card-preview-text .payment__card-number {
  font-size: 1.1rem;
  color: #a0a0a0;
}
@media all and (min-width: 768px) {
  .payment-step1 .mobile__payments .payment__card-preview-text .payment__card-number {
    font-size: 1.4rem;
    color: #000000;
  }
}
.payment-step1 .mobile__payments .payment__card-preview-text .payment__card-date {
  color: #a0a0a0;
}
@media all and (min-width: 768px) {
  .payment-step1 .mobile__payments .payment__card-preview-text .payment__card-date {
    margin: 0 1rem 0 auto;
  }
}
.payment-step1 .mobile__payments .payment__apps {
  width: 100%;
}
.payment-step1 .mobile__payments .payment__apps .payment__icon {
  height: 100%;
  margin-right: 1.6rem;
}
.payment-step1 .mobile__payments .payment__apps .payment__icon--wide {
  width: 13rem;
}
.payment-step1 .mobile__payments .payment__apps .payment__icon--default {
  width: 9rem;
}
.payment-step1 .mobile__payments .payment__apps .payment__icon--narrow {
  width: 6rem;
}
.payment-step1 .mobile__payments .button {
  flex: 0 0 100%;
  border: 0;
  padding: 1rem 1.6rem;
  line-height: 2rem;
  height: 5rem;
  margin: 0 0 1.8rem;
  background-color: #fff;
  box-shadow: 0 0 0 0.1rem #c8c8c8;
}
@media all and (min-width: 768px) {
  .payment-step1 .mobile__payments .button {
    flex-wrap: nowrap;
  }
  .payment-step1 .mobile__payments .button:hover {
    background-color: #f8f8f8;
  }
}
.payment-step1 .mobile__payments .button--apps,
.payment-step1 .mobile__payments .button--cards,
.payment-step1 .mobile__payments .button--stored {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #000000;
  font-size: 1.4rem;
  min-height: 6.2rem;
}
@media all and (min-width: 768px) {
  .payment-step1 .mobile__payments .button--apps,
  .payment-step1 .mobile__payments .button--cards,
  .payment-step1 .mobile__payments .button--stored {
    min-height: auto;
  }
}
.payment-step1 .mobile__payments .button--active {
  box-shadow: 0 0 0 0.1rem #62BA67;
  background-color: rgba(98, 186, 103, 0.1);
}
.payment-step1 .mobile__payments .button--expired {
  box-shadow: 0 0 0 0.1rem #9F2633;
  cursor: not-allowed;
}
.payment-step1 .mobile__payments .payment__stored {
  width: 100%;
}
.payment-step1 .mobile__payments .payment__cards {
  display: flex;
  width: 100%;
  height: 100%;
  margin-right: 1.6rem;
  flex: 0 1 65%;
}
@media all and (min-width: 768px) {
  .payment-step1 .mobile__payments .payment__cards {
    flex-basis: 50%;
  }
}
.payment-step1 .mobile__payments .payment__cards-text {
  display: flex;
  flex: 1 1 100%;
  line-height: 1.9rem;
  font-size: 1.4rem;
  text-transform: none;
}
.payment-step1 .validate__error {
  animation: shake 200ms cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}
.payment-step1 .info-ribbon {
  color: #000000;
  max-width: calc(100% - 3rem);
  width: 100%;
  margin-top: 1.5rem;
  padding: 0.6rem 1rem;
}
@media all and (min-width: 768px) {
  .payment-step1 .info-ribbon {
    margin-top: 4rem;
    max-width: 48rem;
  }
}
.payment-step1 .info-ribbon__text {
  margin: 0.5rem;
  text-align: left;
}
.payment-step1 .info-ribbon--error {
  background: #ffffff;
  border: 0;
}
@keyframes shake {
  0% {
    transform: translate(5px);
  }
  20% {
    transform: translate(-5px);
  }
  40% {
    transform: translate(2px);
  }
  60% {
    transform: translate(-2px);
  }
  80% {
    transform: translate(3px);
  }
  100% {
    transform: translate(0px);
  }
}
body.quick-deposit.dlo {
  height: 100%;
}
body.quick-deposit.dlo .payment {
  position: relative;
}
body.quick-deposit.dlo .payment .info-ribbon.info-ribbon--error {
  margin-left: auto;
  margin-right: auto;
}
body.quick-deposit.dlo .payment .info-ribbon.info-ribbon--error .info-ribbon--sizer {
  justify-content: center;
}
body.quick-deposit.dlo .payment .pam-view__headline-container--logo {
  position: relative;
  background-image: url(/Components/DanskeSpil/Framework/PlayerAccountManagement/Graphics/SpriteSheets/icon-moneystack.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 6rem;
  height: 6rem;
  margin: 0 auto 1rem auto;
  right: 0.4rem;
}
body.quick-deposit.dlo .payment .select-button-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  max-width: 40rem;
  margin: 0 auto;
}
body.quick-deposit.dlo .payment .select-button-row .button {
  width: 30%;
  display: block;
  visibility: visible;
  position: relative;
  height: auto;
  line-height: normal;
  padding: 1rem;
  border-radius: 7.2rem;
  background-color: #ffffff;
  border-color: #000000;
  color: #000000;
}
body.quick-deposit.dlo .payment .help__text--amount {
  display: none;
}
body.quick-deposit.dlo .payment div.custom-input__amount {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: min-content;
  margin-top: 4.5rem;
  margin-bottom: 5rem;
}
body.quick-deposit.dlo .payment div.custom-input__amount .custom-input__prefix {
  position: absolute;
  display: block;
  text-align: center;
  top: 6rem;
  width: 100%;
  left: 0px;
}
body.quick-deposit.dlo .payment div.custom-input__amount > div {
  position: relative;
  border-radius: 5px;
}
body.quick-deposit.dlo .payment div.custom-input__amount > div:not(.custom-input__error) {
  border: solid 0.1rem #000000;
}
body.quick-deposit.dlo .payment div.custom-input__amount > div .custom-input--align-right input {
  padding-right: auto;
}
body.quick-deposit.dlo .payment div.custom-input__amount > div input[name='input-amount'] {
  border-color: transparent;
  font-size: 3.5rem;
  padding-right: 6rem;
  margin: 0px;
  width: 23rem;
  text-align: right;
  height: 6.4rem;
}
body.quick-deposit.dlo .payment div.custom-input__amount .custom-input__postfix {
  font-size: 3.5rem;
  height: 6.4rem;
}
body.quick-deposit.dlo .payment .mobile__payments {
  max-width: 37rem;
  margin: 0 auto;
}
body.quick-deposit.dlo .payment .mobile__payments .button--stored {
  min-height: 6.2rem;
}
body.quick-deposit.dlo .payment .mobile__payments .payment__card-preview-text {
  flex-direction: column;
}
body.quick-deposit.dlo .payment .mobile__payments .payment__card-preview-text .payment__card-date {
  margin: 0;
  color: #a0a0a0;
}
body.quick-deposit.dlo .payment .mobile__payments .payment__card-preview-text .payment__card-number {
  color: #a0a0a0;
}
body.quick-deposit.dlo .payment .pam-page__content:not(.overlay) .pam__button-container {
  position: relative !important;
  bottom: auto !important;
  width: 100%;
  z-index: unset !important;
}
body.quick-deposit.dlo .payment .pam__button-container {
  margin: 2.5rem 0;
  display: block;
}
body.quick-deposit.dlo .payment .pam__button {
  border-radius: 72px;
  padding: 1.2rem 2rem 1.3rem;
  width: 26.7rem;
  font-weight: 800;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.6rem;
}
body.quick-deposit.dlo .payment .pam__button[disabled]:not([disabled='false']) {
  color: rgba(0, 0, 0, 0.3);
}
body.quick-deposit.dlo .payment .payment__manage-stored-cards a {
  font-size: 1.4rem;
  color: #000000;
  font-weight: 700;
}
body.quick-deposit.dlo .payment .payment__manage-stored-cards a:hover {
  color: #000000;
}
body.quick-deposit.dlo .payment .pam-receipt-page {
  padding: 4rem 0 2rem;
}
body.quick-deposit.dlo .payment .pam-receipt-page .pam__button {
  display: block;
}



body[class*="gvc-casino"] .payment .pam-dscontext {
  display: none;
}
body[class*="gvc-poker"] .payment .pam-dscontext {
  display: none;
}
body[class*="gvc-casino"] .payment .content {
  padding: 0;
}
body[class*="gvc-poker"] .payment .content {
  padding: 0;
}
body[class*="gvc-casino"] .payment .summary {
  margin: 0;
}
body[class*="gvc-poker"] .payment .summary {
  margin: 0;
}
body[class*="gvc-casino"] .ds-modal-frame {
  top: 5%;
  transform: translateX(-50%) translateY(0%) scale(1);
}
body[class*="gvc-poker"] .ds-modal-frame {
  top: 5%;
  transform: translateX(-50%) translateY(0%) scale(1);
}



@keyframes player-payment-reality-check-overlay-background-animation {
  0% {
    background-color: rgba(0, 0, 0, 0);
  }
  100% {
    background-color: rgba(0, 0, 0, 0.3);
  }
}
@keyframes player-payment-reality-check-overlay-panel-animation {
  0% {
    transform: translate(-50%, -50%) scale(0.85);
    filter: blur(0.3rem);
    opacity: 0;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes player-payment-reality-check-overlay-panel-reverse-animation {
  0% {
    transform: translate(-50%, -50%) scale(1);
    filter: blur(0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(0.85);
    filter: blur(0.3rem);
    opacity: 0;
  }
}
.player-payment-reality-check-overlay {
  width: 100vw;
  height: 100vh;
  font-size: 0;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  will-change: auto;
  animation: player-payment-reality-check-overlay-background-animation 0.3s linear forwards;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5);
}
@media (min-width: 767px) {
  .player-payment-reality-check-overlay {
    width: auto;
    height: auto;
  }
}
.player-payment-reality-check-overlay .panel {
  width: 80vw;
  max-height: 90vh;
  text-align: left;
  background-color: #fff;
  border-radius: 4px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow-y: auto;
  animation: player-payment-reality-check-overlay-panel-animation 0.3s linear forwards;
}
@media (min-width: 1023px) {
  .player-payment-reality-check-overlay .panel {
    width: 52rem;
  }
}
.player-payment-reality-check-overlay .panel .close-button {
  position: absolute;
  top: 0;
  right: 0;
  padding: 4vw;
}
@media (min-width: 1023px) {
  .player-payment-reality-check-overlay .panel .close-button {
    padding: 1.5rem;
    cursor: pointer;
  }
}
@media (min-width: 1023px) {
  .player-payment-reality-check-overlay .panel .close-button:hover .icon {
    transform: scale(1.2);
  }
}
.player-payment-reality-check-overlay .panel .close-button .icon {
  width: 3.5vw;
  height: 3.5vw;
  fill: #004b32;
  transition: transform 0.15s linear;
  will-change: transform;
}
@media (min-width: 1023px) {
  .player-payment-reality-check-overlay .panel .close-button .icon {
    width: 1.5rem;
    height: 1.5rem;
  }
}
.player-payment-reality-check-overlay .panel .panel-icon-box {
  width: 17.6vw;
  height: 17.6vw;
  background-color: #fff;
  border: 1px solid #cdd3d7;
  border-radius: 50%;
  position: relative;
  margin: 5.333vw auto 0;
}
@media (min-width: 1023px) {
  .player-payment-reality-check-overlay .panel .panel-icon-box {
    width: 6.6rem;
    height: 6.6rem;
    margin-top: 4rem;
  }
}
.player-payment-reality-check-overlay .panel .panel-icon-box .icon {
  width: 8.2vw;
  height: 8.2vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (min-width: 1023px) {
  .player-payment-reality-check-overlay .panel .panel-icon-box .icon {
    width: 3.2rem;
    height: 2rem;
  }
}
.player-payment-reality-check-overlay .panel .panel-header {
  background: #9a0000;
  font-size: 5.8vw;
  font-weight: bold;
  color: #fff;
  padding: 2vw 5.333vw;
}
@media (min-width: 767px) {
  .player-payment-reality-check-overlay .panel .panel-header {
    font-size: 1.8rem;
    padding: 1rem 1.5rem;
  }
}
.player-payment-reality-check-overlay .panel .panel-body {
  font-size: 3.733vw;
  color: #6e6e6e;
  padding: 0 5.333vw;
}
@media (min-width: 767px) {
  .player-payment-reality-check-overlay .panel .panel-body {
    font-size: 1.5rem;
    padding: 0 1.5rem;
  }
}
.player-payment-reality-check-overlay .panel .panel-body div.line {
  background: #6e6e6e;
  clear: both;
  height: 1px;
  margin: 1rem 0 0 0;
  opacity: 0.25;
  width: 100%;
}
.player-payment-reality-check-overlay .panel .panel-body div.description {
  margin-top: 1rem;
}
.player-payment-reality-check-overlay .panel .panel-body div.description p {
  clear: both;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 2rem;
  padding: 0;
  margin: 0;
}
.player-payment-reality-check-overlay .panel .panel-body div.description p span {
  float: right;
}
.player-payment-reality-check-overlay .panel .panel-body div.description p span strong {
  font-size: 1.4rem;
}
.player-payment-reality-check-overlay .panel .panel-body p {
  margin: 0;
  padding: 3vw 0 0 0;
}
@media (min-width: 767px) {
  .player-payment-reality-check-overlay .panel .panel-body p {
    padding: 1rem 0 0 0;
  }
}
.player-payment-reality-check-overlay .panel .panel-body p.sub-headline {
  font-weight: bold;
}
.player-payment-reality-check-overlay .panel .panel-footer {
  overflow: hidden;
  padding: 3.333vw 5.333vw;
}
@media (min-width: 767px) {
  .player-payment-reality-check-overlay .panel .panel-footer {
    margin-top: 1rem;
    padding: 0.5rem 1.5rem;
  }
}
.player-payment-reality-check-overlay .panel .panel-footer .cta-button {
  min-width: 28vw;
  font-size: 3.733vw;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  border-radius: 4px;
  padding: 3.2vw 4vw 3.068vw;
  margin: 0;
  transition: background-color 0.15s linear;
}
@media (min-width: 767px) {
  .player-payment-reality-check-overlay .panel .panel-footer .cta-button {
    cursor: pointer;
    font-size: 1.5rem;
    padding: 0.5rem;
    margin: 0;
    min-width: 10rem;
  }
}
.player-payment-reality-check-overlay .panel .panel-footer .cta-button.cta-button-dismiss {
  background-color: #4e4e44;
  color: #fff;
  float: left;
}
@media (min-width: 767px) {
  .player-payment-reality-check-overlay .panel .panel-footer .cta-button.cta-button-dismiss:hover {
    background-color: #626258;
  }
}
.player-payment-reality-check-overlay .panel .panel-footer .cta-button.cta-button-confirm {
  background-color: #fdb700;
  color: #44381e;
  float: right;
}
@media (min-width: 767px) {
  .player-payment-reality-check-overlay .panel .panel-footer .cta-button.cta-button-confirm:hover {
    background-color: #ffc221;
  }
}
.player-payment-reality-check-overlay .panel .bottom-links {
  background: #edebec;
  clear: both;
  padding: 2.333vw 5.333vw 2.633vw;
}
@media (min-width: 767px) {
  .player-payment-reality-check-overlay .panel .bottom-links {
    margin-top: 1rem;
    padding: 1rem;
  }
}
.player-payment-reality-check-overlay .panel .bottom-links a {
  color: #5c7997;
  font-size: 3vw;
  font-weight: 700;
  text-decoration: underline;
  text-shadow: 1px 1px rgba(255, 255, 255, 0.5);
}
@media (min-width: 767px) {
  .player-payment-reality-check-overlay .panel .bottom-links a {
    font-size: 1rem;
  }
}
.player-payment-reality-check-overlay .panel .bottom-links a.csr {
  float: left;
}
.player-payment-reality-check-overlay .panel .bottom-links a.account-history {
  float: right;
}
.player-payment-reality-check-overlay .panel div.clear {
  clear: both;
  height: 0;
  width: 100%;
}
.player-payment-reality-check-overlay.remove-overlay {
  animation: player-payment-reality-check-overlay-background-animationn 0.15s reverse linear;
}
.player-payment-reality-check-overlay.remove-overlay .panel {
  animation: player-payment-reality-check-overlay-panel-reverse-animation 0.15s forwards linear;
}
.dli .player-payment-reality-check-overlay .panel .panel-header {
  background: #263863;
}



.visual-limit .visual-limit__content {
  background-color: #dcdcdc;
  border-radius: 0.5rem;
  padding: 2rem;
  margin-bottom: 2rem;
  min-height: 12rem;
}
@media (min-width: 768px) {
  .visual-limit .visual-limit__content {
    margin: 0 0 2rem;
  }
}
.visual-limit .visual-limit__content-inner .abstract {
  padding: 0;
}
@media (min-width: 768px) {
  .visual-limit .visual-limit__content-inner .abstract {
    padding: 0 2rem;
  }
}
.visual-limit .visual-limit__graphical-wrapper {
  display: flex;
  position: relative;
}
.visual-limit .visual-limit__background {
  position: absolute;
  height: 2.5rem;
  width: 100%;
  background-color: #62BA67;
  border-radius: 0.8rem;
}
.visual-limit .visual-limit__link {
  font-weight: bold;
  color: #4a90e2;
}
.visual-limit .visual-limit__progression {
  position: absolute;
  height: 2.5rem;
  width: 0;
  z-index: 3;
  max-width: 100%;
  background-color: #2b7721;
  border-radius: 0.8rem 0 0 0.8rem;
  transition: width 500ms;
}
.visual-limit .visual-limit__progression--full {
  border-radius: 0.8rem;
}
.visual-limit .visual-limit__progression--breached {
  border-radius: 0.8rem;
  background-color: #9F2633;
}
.visual-limit .visual-limit__labels {
  position: relative;
  display: flex;
  margin-top: 3rem;
  width: 100%;
  font-weight: bold;
  color: #6e6e6e;
  font-size: 3.4vw;
}
@media (min-width: 768px) {
  .visual-limit .visual-limit__labels {
    font-size: 1.4rem;
  }
}
.visual-limit .visual-limit__low-bound {
  text-align: left;
  flex: 1;
}
.visual-limit .visual-limit__current {
  position: absolute;
  right: 0;
  opacity: 0;
  width: 100%;
  text-align: right;
  color: white;
  font-size: 3.4vw;
  font-weight: 600;
  line-height: 2.5rem;
  margin-right: 0.6rem;
  transition: opacity 200ms ease-in;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .visual-limit .visual-limit__current {
    font-size: 1.4rem;
  }
}
.visual-limit .visual-limit__zero-value {
  right: auto;
  left: 0;
  margin-left: 0.6rem;
}
.visual-limit .visual-limit__high-bound {
  text-align: right;
  flex: 1;
}
.visual-limit .visual-limit__text {
  margin-top: 2rem;
  font-size: 3.4vw;
  line-height: 2.5rem;
}
@media (min-width: 768px) {
  .visual-limit .visual-limit__text {
    font-size: 1.4rem;
  }
}
.visual-limit .visual-limit__payment-counter {
  border-top: 1px solid #6e6e6e;
  margin-top: 1rem;
  padding-top: 1rem;
  font-size: 3.4vw;
  line-height: 2.5rem;
}
.visual-limit .visual-limit__payment-counter--no-border {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}
@media (min-width: 768px) {
  .visual-limit .visual-limit__payment-counter {
    font-size: 1.4rem;
  }
}
.visual-limit--with-counter .visual-limit__content {
  min-height: auto;
}
.visual-limit--with-counter .visual-limit__content .abstract {
  margin-top: 0;
}
.visual-limit--with-counter .visual-limit__background {
  background-color: #a0a0a0;
}
.visual-limit--with-counter .visual-limit__progression {
  background-color: #6e6e6e;
}



.payment .dtUsernamePasswordLoginInfo {
  display: none;
}
.payment .dtUsernamePasswordInputWrapper {
  border-bottom: 1px solid #dcdcdc;
  transition: all 250ms;
  position: relative;
  margin: 30px auto 45px;
  max-width: 520px;
  display: block;
  align-items: baseline;
  font-size: 3.8vw;
  line-height: 1.4;
  font-weight: normal;
  text-align: left;
}
@media (min-width: 767px) {
  .payment .dtUsernamePasswordInputWrapper {
    font-size: 1.8rem;
  }
}
.payment .dtUsernamePasswordInputWrapper input {
  padding: 3px 0;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  border: none;
  width: 100%;
  color: #004b32;
  background: transparent;
  float: none;
  position: relative;
  z-index: 0;
  outline: none;
  transition: all 0.4s ease;
  font-size: inherit;
}
.payment .dtUsernamePasswordInputWrapper label {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 100%;
  cursor: text;
  visibility: hidden;
  opacity: 0.5;
  transition: all 0.2s cubic-bezier(0.47, 0.11, 0.39, 0.96), visibility 0s;
}
.payment .dtUsernamePasswordInputWrapper--transform-label label {
  visibility: visible;
  opacity: 1;
  top: -24px;
  font-size: 75%;
  font-weight: bold;
}
.payment .dtUsernamePasswordInputWrapper--transform-label input::placeholder {
  opacity: 0;
}
.payment .dtUsernamePasswordInputWrapper .blink {
  display: none;
}
.payment .dtUsernamePasswordInputWrapper__helper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  color: transparent;
}
.payment .dtUsernamePasswordInputWrapper--custom-caret input {
  /* Set COLOR with no caret */
  color: transparent;
  color: rgba(0, 0, 0, 0);
  text-shadow: 0 0 0 #004b32;
}
.payment .dtUsernamePasswordInputWrapper--custom-caret input[value=""] ~ .custom-input--postfix {
  display: none;
}
.payment .dtUsernamePasswordInputWrapper--custom-caret .blink {
  display: block;
  color: #feb700;
  line-height: 1;
  font-size: 17px;
  opacity: 0;
  position: absolute;
  top: -2px;
  z-index: 1;
}
.payment .dtUsernamePasswordInputWrapper.has--focus {
  border-bottom: 1px solid #004b32;
}
.payment .dtUsernamePasswordInputWrapper.has--focus .blink {
  animation: blink 400ms infinite alternate;
}
.payment .dtUsernamePasswordInputWrapper.has--error {
  border-bottom: 1px solid #c50005;
}
.payment .dtUsernamePasswordInputWrapper.has--error input {
  text-shadow: 0 0 0 #c50005;
}
.payment .dtUsernamePasswordInputWrapper.has--error input::placeholder {
  color: #f8c0c1;
}
.payment .dtUsernamePasswordInputWrapper.has--error .blink {
  color: #c50005;
}
.payment .dtUsernamePasswordInputWrapper input {
  text-align: left;
}
.payment .dtUsernamePasswordLoginSubmitButton {
  display: inline-block;
  border-radius: 4px;
  /*background-color: @color-ds-green;
		border: 1px solid @color-ds-green;*/
  line-height: 1.5;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: #feb700;
  border: 1px solid #feb700;
  color: #323232;
  /*&.button--grey {
			background-color: @color-grey-110;
			border: 1px solid @color-grey-110;
			&:hover {
				background-color: @color-grey-160;
				border: 1px solid @color-grey-160;
			}
			&:active {
				border: 1px solid @color-grey-220;
				background-color: @color-white;
				color: @color-grey-50;
			}
		}*/
  /*&:hover {
			background-color: @color-ds-green-hover;
			text-decoration: none;
		}
		&:active {
			border: 1px solid @color-grey-220;
			background-color: @color-white;
			color: @color-grey-50;
		}*/
  min-width: 122px;
  padding: 0 5px;
  font-weight: bold;
  font-size: 1.4rem;
  line-height: 1.3;
}
.payment .dtUsernamePasswordLoginSubmitButton:hover {
  background-color: #eaa900;
  border: 1px solid #eaa900;
}
.payment .dtUsernamePasswordLoginSubmitButton:active {
  border: 1px solid #dcdcdc;
  background-color: #ffffff;
  color: #323232;
}
@media (min-width: 767px) {
  .payment .dtUsernamePasswordLoginSubmitButton {
    font-size: 1.6rem;
  }
}
@media (min-width: 767px) {
  .payment .dtUsernamePasswordLoginSubmitButton {
    min-width: 160px;
    padding: 11px 20px;
  }
}
.payment .dtUsernamePasswordLoginRememberMeWrapper {
  height: 1px;
  position: absolute;
  visibility: hidden;
  width: 1px;
}
.payment .dtUsernamePasswordLoginRememberMeWrapper + label {
  display: inline-block;
  cursor: pointer;
  margin-bottom: 20px;
  position: relative;
  padding-left: 30px;
  padding-right: 24px;
  line-height: 1;
  font-size: 3.8vw;
  line-height: 1.4;
  font-weight: normal;
}
@media (min-width: 767px) {
  .payment .dtUsernamePasswordLoginRememberMeWrapper + label {
    line-height: 5px;
  }
}
@media (min-width: 767px) {
  .payment .dtUsernamePasswordLoginRememberMeWrapper + label {
    font-size: 1.5rem;
  }
}
.is-desktop-detected .payment .dtUsernamePasswordLoginRememberMeWrapper + label {
  font-size: 1.5rem;
}
.payment .dtUsernamePasswordLoginRememberMeWrapper + label a {
  padding-bottom: 2px;
  color: #323232;
  text-decoration: none;
  border-bottom: 1px solid #d0d0d0;
}
.payment .dtUsernamePasswordLoginRememberMeWrapper + label:before {
  content: '';
  display: inline-block;
  vertical-align: text-top;
  width: 25px;
  height: 25px;
  top: -5px;
  left: 0;
  background: white;
  border: 1px solid #a0a0a0;
  position: absolute;
  transition: border 0.5s ease;
  border-radius: 5px;
}
@media (min-width: 767px) {
  .payment .dtUsernamePasswordLoginRememberMeWrapper + label:before {
    width: 20px;
    height: 20px;
    top: -5px;
    left: 0;
  }
}
.payment .dtUsernamePasswordLoginRememberMeWrapper:checked + label:before {
  background: white;
}
.payment .dtUsernamePasswordLoginRememberMeWrapper:checked + label:after {
  content: '';
  position: absolute;
  left: 10px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: 2px solid #323232;
  border-left: 0;
  border-top: 0;
  transform: rotate(45deg);
}
@media (min-width: 767px) {
  .payment .dtUsernamePasswordLoginRememberMeWrapper:checked + label:after {
    left: 9px;
    top: 1px;
    width: 3px;
    height: 7px;
  }
}
.payment .dtUsernamePasswordLoginLostPasswordInfo {
  display: none;
}
.payment .dtUsernamePasswordLoginErrorMessages p {
  padding: 20px;
  text-align: center;
  color: #c50005;
  background: #f0bfc0;
}
.payment .dtUsernamePasswordLoginErrorMessages p .sprite-symbol {
  width: 65px;
  height: 65px;
}
.payment .dtUsernamePasswordLoginErrorMessages p .sprite-symbol.icon-color-yellow path#ba_ {
  fill: yellow !important;
}
.payment .dtUsernamePasswordLoginErrorMessages p__text {
  margin: 10px 0 20px;
  font-size: 3.8vw;
  line-height: 1.4;
  font-weight: normal;
}
@media (min-width: 767px) {
  .payment .dtUsernamePasswordLoginErrorMessages p__text {
    font-size: 1.5rem;
  }
}
.is-desktop-detected .payment .dtUsernamePasswordLoginErrorMessages p__text {
  font-size: 1.5rem;
}
@media (min-width: 767px) {
  .payment .dtUsernamePasswordLoginErrorMessages p {
    padding: 30px;
  }
  .payment .dtUsernamePasswordLoginErrorMessages p--error {
    border: none;
  }
  .payment .dtUsernamePasswordLoginErrorMessages p .sprite-symbol {
    width: 68px;
    height: 68px;
  }
  .payment .dtUsernamePasswordLoginErrorMessages p__text {
    max-width: 960px;
    margin: 20px auto 25px;
  }
}



.payout-view .custom-input {
  display: inline-block;
  width: 52rem;
  max-width: 100%;
}
.payout-view__abstract {
  color: #000000;
  margin-bottom: 8vw;
}
.payout-view__abstract .payout-view__text {
  margin: 0;
}
@media (min-width: 768px) {
  .payout-view__abstract {
    margin-bottom: 1.6rem;
  }
}
.payout-view__pending-payout {
  margin-top: 6.4rem;
  width: 100vw;
  position: relative;
  transform: translateX(-50%);
  left: 50%;
}
@media (min-width: 768px) {
  .payout-view__pending-payout {
    width: 77rem;
  }
}
.payout-view__pending-payout .payout-view__pending-payout-header {
  font-weight: 700;
  font-size: 1.6rem;
  margin-bottom: 1.6rem;
}
.payout-view__pending-payout .payout-view__pending-payout-wrapper .payout-view__pending-payout-titles,
.payout-view__pending-payout .payout-view__pending-payout-wrapper .payout-view__pending-payout-payout {
  position: relative;
  display: flex;
  text-align: left;
  align-items: center;
  height: 5.2rem;
}
.payout-view__pending-payout .payout-view__pending-payout-wrapper .payout-view__pending-payout-titles .payout-view__pending-payout-item,
.payout-view__pending-payout .payout-view__pending-payout-wrapper .payout-view__pending-payout-payout .payout-view__pending-payout-item {
  flex-basis: 25%;
  font-size: 1.4rem;
}
.payout-view__pending-payout .payout-view__pending-payout-wrapper .payout-view__pending-payout-titles .payout-view__pending-payout-item--date,
.payout-view__pending-payout .payout-view__pending-payout-wrapper .payout-view__pending-payout-payout .payout-view__pending-payout-item--date {
  padding-left: 2rem;
}
.payout-view__pending-payout .payout-view__pending-payout-wrapper .payout-view__pending-payout-titles .payout-view__pending-payout-item--balance-wrapper,
.payout-view__pending-payout .payout-view__pending-payout-wrapper .payout-view__pending-payout-payout .payout-view__pending-payout-item--balance-wrapper,
.payout-view__pending-payout .payout-view__pending-payout-wrapper .payout-view__pending-payout-titles .payout-view__pending-payout-item--cancel,
.payout-view__pending-payout .payout-view__pending-payout-wrapper .payout-view__pending-payout-payout .payout-view__pending-payout-item--cancel {
  text-align: right;
}
.payout-view__pending-payout .payout-view__pending-payout-wrapper .payout-view__pending-payout-titles .payout-view__pending-payout-item--balance-wrapper .payout-view__pending-payout-item--balance,
.payout-view__pending-payout .payout-view__pending-payout-wrapper .payout-view__pending-payout-payout .payout-view__pending-payout-item--balance-wrapper .payout-view__pending-payout-item--balance,
.payout-view__pending-payout .payout-view__pending-payout-wrapper .payout-view__pending-payout-titles .payout-view__pending-payout-item--cancel .payout-view__pending-payout-item--balance,
.payout-view__pending-payout .payout-view__pending-payout-wrapper .payout-view__pending-payout-payout .payout-view__pending-payout-item--cancel .payout-view__pending-payout-item--balance {
  width: min-content;
  display: inline-block;
}
.payout-view__pending-payout .payout-view__pending-payout-wrapper .payout-view__pending-payout-titles--basis .payout-view__pending-payout-item,
.payout-view__pending-payout .payout-view__pending-payout-wrapper .payout-view__pending-payout-payout--basis .payout-view__pending-payout-item {
  flex-basis: 33%;
}
.payout-view__pending-payout .payout-view__pending-payout-wrapper .payout-view__pending-payout-titles .payout-view__pending-payout-item--balance {
  font-size: 1.2rem;
}
.payout-view__pending-payout .payout-view__pending-payout-wrapper .payout-view__pending-payout-payout .payout-view__pending-payout-item--date::before {
  content: '';
  width: 0.4rem;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background-color: #42cb4d;
}
.payout-view__pending-payout .payout-view__pending-payout-wrapper .payout-view__pending-payout-payout .payout-view__pending-payout-item--type {
  font-weight: 700;
}
.payout-view__pending-payout .payout-view__pending-payout-wrapper .payout-view__pending-payout-payout .payout-view__pending-payout-item--balance-wrapper .payout-view__pending-payout-item--amount {
  font-weight: 700;
}
.payout-view__pending-payout .payout-view__pending-payout-wrapper .payout-view__pending-payout-payout .payout-view__pending-payout-item--cancel {
  text-align: center;
  color: #005be0;
  font-weight: 600;
  cursor: pointer;
}
.payout-view__pending-payout .payout-view__pending-payout-wrapper .payout-view__pending-payout-titles {
  background-color: #f0f0f2;
}
.payout-view__pending-payout .payout-view__pending-payout-wrapper .payout-view__pending-payout-payout {
  background-color: #ffffff;
}
.payout-view__confirm-dialog .payout-view__confirm-dialog-item-row {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin: 0;
  border-bottom: #c4cfdd solid 0.1rem;
  padding: 0.8rem 2rem;
}
.payout-view__confirm-dialog .payout-view__confirm-dialog-item-row::before {
  content: '';
  width: 0.4rem;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background-color: #42cb4d;
}
.payout-view__confirm-dialog .payout-view__confirm-dialog-item-row .payout-view__confirm-dialog-item {
  margin: 0 !important;
}



.player-transactions .player-transactions__fetch-more {
  display: flex;
  justify-content: center;
  padding: 2rem 0;
  cursor: pointer;
  color: #4a90e2;
  font-size: 1.4rem;
  font-weight: bold;
}



.player-transactions-balance__head {
  max-width: 470px;
  margin: 0 auto;
}
.player-transactions-balance__head h1 {
  margin-bottom: 60px;
}
.player-transactions-balance__total {
  max-width: 470px;
  margin: 0 auto 60px;
  border-bottom: 1px solid #e0e0e0;
}
@media (min-width: 768px) {
  .player-transactions-balance__total {
    margin-bottom: 35px;
  }
}
.player-transactions-balance__total .balance-text {
  margin-bottom: 0px;
  color: #9c9c9c;
}
.player-transactions-balance__total .balance {
  margin-bottom: 5px;
  font-size: 2.5rem;
}
.player-transactions-balance__details {
  background: white;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  padding: 35px 20px 35px 20px;
  text-align: center;
}
@media (min-width: 768px) {
  .player-transactions-balance__details {
    padding: 35px 0;
  }
}
.player-transactions-balance__details ul {
  padding: 0;
  margin-bottom: 35px;
}
.player-transactions-balance__details-head {
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 25px;
  margin-bottom: 25px;
}
.player-transactions-balance__details-row {
  max-width: 470px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
  color: #9c9c9c;
  position: relative;
  padding-right: 24px;
  margin-bottom: 15px;
  font-size: 3.8vw;
}
.player-transactions-balance__details-row span {
  flex-grow: 1;
  text-align: right;
  padding-right: 2rem;
}
@media (min-width: 768px) {
  .player-transactions-balance__details-row {
    font-size: 1.4rem;
    padding-right: 0;
  }
}
.player-transactions-balance__details-row .sprite-symbol {
  cursor: pointer;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 14px;
  height: 14px;
}
@media (min-width: 768px) {
  .player-transactions-balance__details-row .sprite-symbol {
    transform: translateX(calc(100% + 7px));
  }
}
.player-transactions-balance__details-row--highlight {
  font-weight: bold;
  color: black;
}



.play-card-page__card-infos {
  max-width: 52rem;
  margin: 0 auto 6rem;
}
.play-card-page__card-infos .play-card-page__card-info {
  margin-bottom: 4.5rem;
}
.play-card-page__card-infos .play-card-page__card-info:last-child {
  margin-bottom: 0;
}
.play-card-page__card-info {
  margin-bottom: 4.5rem;
  border-bottom: 0.1rem solid #dcdcdc;
  display: flex;
  justify-content: space-between;
  padding-bottom: 0.5rem;
}
.play-card-page__content {
  max-width: 52rem;
  margin: 0 auto;
}
.play-card-page__content p {
  margin-bottom: 3rem;
}
.play-card-page__app {
  border-top: 0.1rem solid #dcdcdc;
  background-color: white;
  padding: 4rem 0;
}
.play-card-page__app .pam-page__content__head {
  padding: 0;
}
.play-card-page__app .ds-dice {
  margin: 0 auto 2rem;
  width: 6rem;
}
.play-card-page__app h1 {
  margin-bottom: 0;
}
.play-card-page__app p {
  max-width: 300px;
  margin: 0 auto 3rem;
}
.play-card-page .pam__button-link {
  font-size: 3.8vw;
  margin: 0 auto 2rem;
  text-decoration: underline;
}
@media (min-width: 768px) {
  .play-card-page .pam__button-link {
    font-size: 1.5rem;
  }
}
.play-card-page .pam__button--buttom-spacing {
  margin-bottom: 10vw;
}
@media (min-width: 768px) {
  .play-card-page .pam__button--buttom-spacing {
    margin-bottom: 4rem;
  }
}



.faq {
  background-color: white;
  padding: 2rem;
}
.faq .faq__wrapper {
  max-width: 104rem;
  margin: auto;
}
@media (max-width: 1024px) {
  .faq .faq__wrapper {
    font-size: 4rem;
    margin: 0 auto;
  }
}
.faq .faq__wrapper p {
  padding: 0;
  margin: 0;
}
.faq .faq__question {
  padding-right: 3rem;
}
.faq .faq__question .faq__arrow {
  margin: 1rem;
  fill: #055731;
  transition: transform 0.2s ease-in-out;
  width: 2rem;
  height: 1.2rem;
  position: absolute;
  right: 0;
  top: 0.6rem;
}
.faq .faq__container {
  margin-bottom: 2rem;
  border-radius: 0.5rem;
  background-color: rgba(5, 87, 49, 0.1);
  padding: 1rem;
  font-weight: 400;
  line-height: 2rem;
  font-stretch: normal;
  font-style: normal;
  font-size: 1.5rem;
  letter-spacing: normal;
  color: #055731;
  position: relative;
}
.faq .faq__container .faq__spoiler {
  height: 0;
  overflow: hidden;
  color: #2c2c2c;
  transition: padding 0.3s ease-out;
}
.faq .faq__container:last-child {
  margin-bottom: 0;
}
.faq .faq__container--open .faq__spoiler {
  overflow: hidden;
  padding: 0.5rem 0;
  height: auto;
}
.faq .faq__container--open .faq__question .faq__arrow {
  transform: rotate(0.5turn);
}
.faq .faq__contact {
  background-color: #055731;
  height: 30rem;
  min-width: 27rem;
  margin: 0 0 0 3rem;
  color: white;
  text-align: center;
  padding: 2rem;
  border-radius: 0.5rem;
  font-weight: 600;
  display: none;
}
@media (min-width: 1024px) {
  .faq .faq__contact {
    display: block;
  }
}
.faq .faq__contact a {
  color: #055731;
  background-color: white;
  display: block;
  width: 100%;
  height: 4.5rem;
  border-radius: 0.5rem;
  line-height: 4.5rem;
  margin: 0.7rem 0;
}
.faq .faq__contact p:last-child {
  font-weight: 300;
}
.faq .faq__contact svg {
  fill: white;
  width: 6rem;
}
@media (min-width: 1024px) {
  .faq .faq__flex {
    display: flex;
  }
}
@media (min-width: 1024px) {
  .faq .faq__flex-questions {
    flex: 1 1 auto;
  }
}
.faq ul,
.faq ol {
  margin-left: 2rem;
}



.subscriptions-wrapper .alert,
.cards-alert-wrapper .alert {
  width: 100%;margin: 0 auto 2rem;
}
.subscriptions-wrapper .alert,
.cards-alert-wrapper .alert {
  max-width: 48rem;
}
.subscriptions-wrapper .alert,
.cards-alert-wrapper .alert {
  margin-top: 1rem !important;
}
.subscriptions-wrapper .alert,
.cards-alert-wrapper .alert {
  text-align: center;
  padding: 0 2rem;
}
.subscriptions-wrapper .alert,
.cards-alert-wrapper .alert {
  border-radius: 0.6rem;
  padding: 2rem;
  background: transparent;
  border: 0.2rem solid transparent;
}
.subscriptions-wrapper .alert--danger,
.cards-alert-wrapper .alert--danger {
  background: #f6dddd;
  border: 0.2rem solid red;
}
.subscriptions-wrapper .alert--warning,
.cards-alert-wrapper .alert--warning {
  background: #f5f0df;
  border: 0.2rem solid #F2C618;
}



.pam-main-layout .two-col,
.pam-main-layout .three-col {
  display: flex;
  gap: 2rem;
}
@media (max-width: 480px) {
  .pam-main-layout .two-col {
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  .pam-main-layout .three-col {
    flex-direction: column;
  }
}
@media (min-width: 1024px) and (max-width: 1400px) {
  .pam-main-layout .three-col {
    flex-wrap: wrap;
  }
}
.pam-main-layout .one-col__col {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.pam-main-layout .two-col__col {
  display: flex;
  flex-direction: column;
  flex: 1 0 calc(50% - 1rem);
}
.pam-main-layout .three-col__col {
  display: flex;
  flex-direction: column;
  flex: 1 1 calc(33% - 1rem);
}
.pam-main-layout .pam-two-columns-33-67 > .two-col__col--left {
  flex: 1 0 calc(33% - 1rem);
}
.pam-main-layout .pam-two-columns-33-67 > .two-col__col--right {
  flex: 1 0 calc(67% - 1rem);
}
.pam-main-layout .pam-two-columns-67-33 > .two-col__col--left {
  flex: 1 0 calc(67% - 1rem);
}
.pam-main-layout .pam-two-columns-67-33 > .two-col__col--right {
  flex: 1 0 calc(33% - 1rem);
}
.pam-main-layout .pam-two-columns-50-50 > .two-col__col--left {
  flex: 1 0 calc(50% - 1rem);
}
.pam-main-layout .pam-two-columns-50-50 > .two-col__col--right {
  flex: 1 0 calc(50% - 1rem);
}
.pam-main-layout .grid-gap-spacing {
  margin-top: 2rem;
}



.pam-main-layout {
  display: flex;
  flex-direction: column;
  font-size: 1.4rem;
}
.pam-main-layout > .main-layout__content {
  padding: 4rem 2rem;
}
@media (min-width: 1024px) {
  .pam-main-layout > .main-layout__content {
    padding: 8rem 5rem;
  }
}
.pam-main-layout > .main-layout__content {
  width: 100%;
}
.pam-main-layout--white {
  background-color: #ffffff;
}
.pam-content-area {
  max-width: 100rem;
  margin: 2rem auto 0;
}
.pam-content-area:first-child {
  margin-top: 0;
}
.pam-narrow-content-area {
  max-width: 60rem;
  margin-top: 2rem;
}
.pam-narrow-content-area:first-child {
  margin-top: 0;
}
.pam-overlay-layout .pam-overlay-layout__content {
  width: 100%;
}



.pam-quick-overlay {
  width: 100%;
  max-width: 116rem;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 5000;
}
.pam-quick-overlay--hidden {
  display: none;
}
.pam-quick-overlay__blurred-background {
  position: fixed;
  left: 0;
  top: 0;
  outline: 0;
  border: 0;
  width: 100vw;
  height: 100%;
  background-color: rgba(51, 51, 51, 0.4);
  backdrop-filter: blur(2px);
  z-index: -1;
}
.pam-quick-overlay__content {
  background-color: #f5f5f5;
  padding: 2rem;
  top: 0;
  width: 90vw;
  right: 0;
  max-width: 116rem;
  position: absolute;
  z-index: 5000;
  overflow: hidden;
}
@media (min-width: 480px) {
  .pam-quick-overlay__content {
    position: fixed;
    top: 10rem;
    width: 100%;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    max-height: calc(90vh - 5rem);
    overflow-y: auto;
  }
}
@media (min-width: 768px) {
  .pam-quick-overlay__content {
    border-radius: 5px;
    padding: 3rem 5rem 5rem;
    margin: 0 auto;
  }
}
.pam-quick-overlay__iframe {
  border: 0;
  width: 100%;
  height: 0;
  overflow: hidden;
}
.pam-quick-overlay__close-button {
  margin-bottom: 2rem;
  margin-left: auto;
  background: transparent;
  outline: none;
  border: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pam-quick-overlay__close-button svg {
  width: 2.5rem;
  height: 2.5rem;
}



.pam-box {
  flex: 1;
  background-color: #fff;
  border-radius: 5px;
  border: 2px solid #EEF1F5;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  min-height: 28rem;
}
.pam-box--no-padding {
  padding: 0;
}
.pam-box--alert {
  border-color: #EA4747;
}
.pam-box--warning {
  border-color: #F3DB00;
}
.pam-box--active {
  border-color: #000000;
}
.pam-box--fill {
  background-color: #828282;
}
.pam-box__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
}
.pam-box__header-title {
  font-size: 1.4rem;
  font-weight: 600;
  color: inherit;
  text-decoration: none;
  display: flex;
  align-items: center;
}
.pam-box__header-icon {
  margin-left: 0.5rem;
  width: 1.4rem;
  height: 1.4rem;
}
.pam-box__header-label {
  text-align: right;
  font-size: 1.2rem;
  color: #a0a0a0;
}
.pam-box__footer {
  margin-top: auto;
  padding-top: 1rem;
  display: flex;
  align-items: center;
  flex-direction: row;
  color: #838B9B;
  justify-content: space-between;
  gap: 1rem;
}
.pam-box__footer--h-center {
  justify-content: center;
}
.pam-box__footer-icon {
  max-height: 2rem;
  max-width: 2rem;
  margin-right: 1rem;
}



.pam-button {
  box-sizing: content-box;
  outline: none;
  background-color: #feb700;
  color: #000000;
  border: 2px solid #feb700;
  border-radius: 1000px;
  overflow: hidden;
  font-size: 1.3rem;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 1rem 1.3rem;
}
.pam-button__text {
  position: relative;
  visibility: hidden;
}
.pam-button__text::before,
.pam-button__text::after {
  transition: opacity 0.25s cubic-bezier(0.25, 0.1, 0.25, 1), transform 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: attr(data-text);
  visibility: visible;
}
.pam-button__text::after {
  opacity: 0;
  transform: translateY(100%);
}
.pam-button:hover .pam-button__text::before {
  opacity: 0;
  transform: translateY(-100%);
}
.pam-button:hover .pam-button__text::after {
  opacity: 1;
  transform: translateY(0%);
}
.pam-button__icon {
  height: 1.4rem;
  width: 1.4rem;
  fill: currentColor;
}
.pam-button__icon.is-stroke-icon {
  stroke: currentColor;
  stroke-width: 2px;
}
.pam-button__icon:not(:last-child) {
  margin-right: 1rem;
}
.pam-button--info {
  background-color: #4a90e2;
  border-color: #4a90e2;
  color: #ffffff;
}
.pam-button--dark-info {
  background-color: #263863;
  border-color: #263863;
  color: #ffffff;
}
.pam-button--outline {
  background-color: transparent;
  border-color: #263863;
  color: #263863;
}
.pam-button--warning {
  background-color: #F3DB00;
  border-color: #F3DB00;
  color: #000000;
}
.pam-button--full-width {
  flex: 1;
}



.pam-company-section .pam-title {
  font-size: 1.6rem;
  line-height: 1;
  font-weight: bold;
  margin-bottom: 0.5rem;
}
body.dli .pam-company-section .pam-title {
  color: #263863;
}
body.dlo .pam-company-section .pam-title {
  color: #9a0000;
}
.pam-company-section .pam-abstract {
  color: #585858;
  font-weight: 300;
  line-height: 1.4;
  font-size: 1.4rem;
}



.pam-filter-list {
  display: flex;
  align-items: center;
}
.pam-filter-list__item {
  flex: 1;
}
.pam-filter-list__label {
  color: #828282;
}
.pam-filter-list__button {
  border: 1px solid #828282;
  border-radius: 2px;
  padding: 0.5rem;
}
.pam-filter-list__button.is-active {
  background-color: #e6e6e6;
  color: #4a90e2;
}



.pam-navigation {
  margin-bottom: 5rem;
  list-style: none;
  font-size: 1.4rem;
  font-weight: 700;
}
.pam-navigation__separator {
  border-top: 1px dashed #000000;
  margin-top: 2rem;
  padding-top: 2rem;
}
.pam-navigation__item {
  margin-bottom: 1rem;
}
.pam-navigation__link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
}
.pam-navigation__link:hover {
  text-decoration: none;
}
.pam-navigation__link-text {
  font-weight: 700;
  border-bottom: 2px solid transparent;
}
.pam-navigation__link-icon {
  width: 1.6rem;
  height: 1.6rem;
}
/* Only theming */
body.dli .pam-navigation__link {
  color: #263863;
}
body.dli .pam-navigation__link:hover .pam-navigation__link-text,
body.dli .is-active .pam-navigation__link-text {
  border-color: #263863;
}
body.dli .pam-side-navigation__link-icon {
  fill: #263863;
}
body.dlo .pam-navigation__link {
  color: #9a0000;
}
body.dlo .pam-navigation__link:hover .pam-navigation__link-text,
body.dlo .is-active .pam-navigation__link-text {
  border-color: #263863;
}
body.dlo .pam-navigation__link-icon {
  fill: #9a0000;
}
.pam-navigation--is-horizontal {
  margin-bottom: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 2rem;
  padding: 1.4rem;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.pam-navigation--is-horizontal .pam-navigation__link {
  white-space: nowrap;
}
.pam-navigation--is-horizontal .pam-navigation__link-icon {
  display: none;
}
.pam-navigation--is-horizontal .pam-navigation__separator {
  display: none;
}
.pam-navigation--is-horizontal .pam-navigation__item {
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .pam-navigation--is-mobile-only {
    display: none;
  }
}



.pam-notification-box {
  border-radius: 5px;
  padding: 1rem;
  display: flex;
  flex-direction: row;
}
.pam-notification-box .pam-notification-box__cta {
  margin-left: auto;
}
.pam-notification-box--alert {
  background-color: #f59c9c;
}
.pam-notification-box--notice {
  background-color: #f7e177;
}
.pam-notification-box--info {
  background-color: #77c2f7;
}



.pam-title-section {
  text-align: center;
}
.pam-title-section .pam-h1,
.pam-title-section .pam-h2,
.pam-title-section .pam-h3,
.pam-title-section .pam-h4,
.pam-title-section .pam-h5,
.pam-title-section .pam-h6 {
  font-size: 1.6rem;
  line-height: 1;
  margin-bottom: 1rem;
}
body.dli .pam-title-section .pam-h1,
body.dli .pam-title-section .pam-h2,
body.dli .pam-title-section .pam-h3,
body.dli .pam-title-section .pam-h4,
body.dli .pam-title-section .pam-h5,
body.dli .pam-title-section .pam-h6 {
  color: #263863;
}
body.dlo .pam-title-section .pam-h1,
body.dlo .pam-title-section .pam-h2,
body.dlo .pam-title-section .pam-h3,
body.dlo .pam-title-section .pam-h4,
body.dlo .pam-title-section .pam-h5,
body.dlo .pam-title-section .pam-h6 {
  color: #9a0000;
}
.pam-title-section .pam-abstract {
  font-size: 1rem;
  line-height: 1;
  margin-bottom: 1rem;
}
.pam-title-section__h1 {
  margin: 0;
  font-weight: bold;
  font-size: 2.8rem;
  line-height: 1.2;
  color: #000000;
}
.pam-title-section__rich-text {
  font-size: 1.5rem;
  color: #000000;
  font-weight: 400;
  margin-bottom: 2rem;
}



.pam-account-information .desktop-only {
  display: none;
}
.pam-account-information .mobile-only {
  display: block;
}
@media (min-width: 768px) {
  .pam-account-information .desktop-only {
    display: block !important;
  }
  .pam-account-information .mobile-only {
    display: none !important;
  }
}
.pam-account-information__title-container {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.pam-account-information__title {
  margin: 0 1rem 0 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.pam-account-information__meta {
  display: flex;
  flex-direction: column;
  font-size: 1.4rem;
  color: #828282;
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .pam-account-information__meta {
    flex-direction: row;
    align-items: center;
  }
}
.pam-account-information__info-item {
  display: block;
  margin-bottom: 0.2rem;
}
@media (min-width: 768px) {
  .pam-account-information__info-item {
    display: inline-block;
    margin-right: 1rem;
    margin-bottom: 0;
  }
}
.pam-account-information__link {
  margin: revert;
}
@media (max-width: 768px) {
  .pam-account-information__link {
    min-height: 3.2rem;
    min-width: 8rem;
  }
}
@media (max-width: 768px) {
  .pam-detailed-account-information .pam-account-information__title-container {
    display: flex;
    flex-direction: column;
  }
}
.pam-detailed-account-information .pam-detailed-account-information__profile-information {
  margin-left: auto;
}
@media (max-width: 768px) {
  .pam-detailed-account-information .pam-detailed-account-information__profile-information {
    display: flex;
    flex-direction: row;
    margin-left: 0;
  }
}
.pam-detailed-account-information .pam-detailed-account-information__button-container {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.pam-detailed-account-information .pam-account-information__info-item {
  padding-left: 1rem;
  margin-left: 1rem;
  border-left: 1px solid #f0f0f2;
}
.pam-detailed-account-information .pam-account-information__info-item:first-of-type {
  padding-left: 0;
  margin-left: 0;
  border-left: 0;
}



.pam-action-cards {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.pam-action-cards__title {
  margin-top: 0;
  margin-bottom: 2rem;
}
.pam-action-cards__list-item {
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #f0f0f2;
  margin-bottom: 1.5rem;
}
.pam-action-cards__list-item:last-of-type {
  padding-bottom: 0;
  border-bottom: 0;
  margin-bottom: 0;
}
.pam-action-cards__link {
  display: flex;
  align-items: center;
  color: #4a90e2;
  font-weight: 600;
  font-size: 1.3rem;
  margin-top: 1rem;
}
.pam-action-cards__link-icon {
  width: 1rem;
  height: 1rem;
  margin-left: 0.6rem;
  fill: currentColor;
}



.back-link {
  padding: 0 2rem;
  height: 2.8rem;
}
.back-link__inner {
  max-width: 145rem;
  margin: 0 auto;
}
.back-link__link {
  height: 2.8rem;
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 1rem 1rem 0 2.3rem;
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 600;
  color: #000000;
}
.back-link__link::before {
  content: "";
  position: absolute;
  left: 1rem;
  z-index: 1;
  transform: rotate(135deg);
  border: solid #000000;
  border-width: 0 0.2rem 0.2rem 0;
  display: inline-block;
  padding: 0.3rem;
}



.pam-account-summary {
  display: flex;
  gap: 1rem;
}
.pam-account-summary__col {
  flex: 1;
}
.pam-account-summary__col.col-1 {
  text-align: left;
}
.pam-account-summary__col.col-2 {
  text-align: right;
}
.pam-account-summary__label {
  font-size: 1.2rem;
  color: #a0a0a0;
}
.pam-account-summary__value {
  font-weight: 700;
  font-size: 2rem;
}
.amount-range-overview {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 0.5rem;
}
.amount-range-overview__label {
  flex: 1 0 20%;
  font-size: 1.2rem;
}
.amount-range-overview__range {
  background-color: #e6e6e6;
  border-radius: 1000px;
  line-height: 0;
  width: 100%;
}
.amount-range-overview__range-fill {
  display: inline-block;
  border-radius: 1000px;
  height: 1rem;
  min-width: 0%;
  transition-property: min-width;
  transition-duration: 1s;
  transition-delay: 1s;
}
body.dli .amount-range-overview__range-fill {
  background-color: #263863;
}
body.dlo .amount-range-overview__range-fill {
  background-color: #9a0000;
}



.personal-message {
  display: grid;
  gap: 2rem;
  overflow: hidden;
  grid-template-areas: "col-1 col-2 col-3";
  grid-template-columns: auto auto minmax(33%, 1fr);
}
.personal-message .col-1 {
  display: flex;
  grid-area: col-1;
}
.personal-message .col-2 {
  grid-area: col-2;
}
.personal-message .col-3 {
  grid-area: col-3;
  display: flex;
  flex-direction: column;
  padding: 1rem;
  gap: 0.5rem;
}
@media (max-width: 768px) {
  .personal-message {
    grid-template-areas: "col-1 col-2" "col-3 col-3";
    grid-template-columns: 1fr 1fr;
  }
  .personal-message .col-1 {
    align-items: center;
  }
  .personal-message .col-2 {
    padding: 0 1rem;
  }
}
.personal-message__image {
  width: 100%;
  height: max-content;
  max-height: 60rem;
}
.personal-message__title {
  margin: 1rem 0;
}
.personal-message__rich-text > p {
  margin-bottom: 1rem;
}
.personal-message__rich-text > p:nth-last-of-type {
  margin-bottom: 0;
}
.personal-message__cta-container {
  padding: 2rem 1rem;
  text-align: center;
  font-weight: 600;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  flex: 1;
}
.personal-message__cta-container:nth-child(1) {
  border-top-right-radius: 5px;
}
.personal-message__cta-container:nth-last-child(1) {
  border-bottom-right-radius: 5px;
}
.pam-box--alert .personal-message__cta-container {
  background-color: #EA4747;
}
.pam-box--warning .personal-message__cta-container {
  background-color: rgba(243, 219, 0, 0.2);
}



.pam-rich-text {
  background-color: #f0f0f2;
  padding: 2rem;
  border-radius: 5px;
}
.pam-rich-text ol {
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: numbers;
}
.pam-rich-text ol li {
  counter-increment: numbers;
  position: relative;
  margin-bottom: 0.5rem;
}
.pam-rich-text ol li:before {
  background-color: #feb700;
  color: #000000;
  border-radius: 1000px;
  width: 2rem;
  height: 2rem;
  font-size: 1rem;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  content: counter(numbers);
  margin-right: 1rem;
}
.pam-rich-text a {
  color: #4a90e2;
  font-weight: 600;
}
.pam-rich-text__title {
  margin-top: 0;
  margin-bottom: 1rem;
}



.simple-personal-message {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
  gap: 2rem;
  padding: 0.4rem 1.5rem;
  overflow: hidden;
  min-height: auto;
}
.simple-personal-message.pam-box {
  flex-direction: row;
  min-height: auto;
}
@media (max-width: 480px) {
  .simple-personal-message .col-3 {
    display: none;
  }
}
@media (min-width: 480px) {
  .simple-personal-message .col-3 {
    margin-left: auto;
  }
}
.simple-personal-message__image {
  width: 10rem;
}
.simple-personal-message__title {
  margin: 1rem 0 1rem;
}
.simple-personal-message__rich-text {
  margin-bottom: 1rem;
}
.simple-personal-message__rich-text h1,
.simple-personal-message__rich-text h2,
.simple-personal-message__rich-text h3,
.simple-personal-message__rich-text h4,
.simple-personal-message__rich-text h5,
.simple-personal-message__rich-text h6 {
  margin: 0 0 1rem;
}
.simple-personal-message__rich-text > p {
  margin-bottom: 1rem;
}
.simple-personal-message__rich-text > p:nth-last-of-type {
  margin-bottom: 0;
}
.personal-message__cta-container {
  padding: 2rem 1rem;
  text-align: center;
  font-weight: 600;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  flex: 1;
}
.personal-message__cta-container:nth-child(1) {
  border-top-right-radius: 5px;
}
.personal-message__cta-container:nth-last-child(1) {
  border-bottom-right-radius: 5px;
}
.pam-box--alert .personal-message__cta-container {
  background-color: #EA4747;
}
.pam-box--warning .personal-message__cta-container {
  background-color: rgba(243, 219, 0, 0.2);
}



.pam-input-output-highlight__body {
  margin: auto 0;
  display: flex;
}
.pam-input-output-highlight__col {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.pam-input-output-highlight__circle {
  min-width: 4.5rem;
  min-height: 4.5rem;
  border-radius: 1000px;
  color: #000000;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.pam-input-output-highlight__circle--output {
  background-color: #D9F5DB;
}
.pam-input-output-highlight__circle--input {
  background-color: #e6e6e6;
}
.pam-input-output-highlight__circle-svg {
  width: 1.6rem;
  height: 1.6rem;
}
.pam-input-output-highlight__circle--output .pam-input-output-highlight__circle-svg {
  stroke: #2b7721;
  stroke-width: 2px;
}
body.dli .pam-input-output-highlight__circle--input .pam-input-output-highlight__circle-svg {
  stroke: #263863;
  stroke-width: 2px;
}
body.dlo .pam-input-output-highlight__circle--input .pam-input-output-highlight__circle-svg {
  stroke: #9a0000;
  stroke-width: 2px;
}
.pam-input-output-highlight__label {
  color: #a9a9a9;
  font-size: 1.1rem;
  line-height: 1;
  margin-top: 0.5rem;
}
.pam-input-output-highlight__value {
  color: #000000;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1;
  margin-top: 0.5rem;
}



.pam-calendar-highlight {
  margin: 0 auto;
  max-width: 21rem;
  width: 100%;
  text-align: center;
  font-size: 1rem;
  line-height: 1;
  border-spacing: 8px;
  border-collapse: separate;
}
.pam-calendar-highlight__header {
  color: #585858;
}
.pam-calendar-highlight__cell {
  color: #828282;
  width: 2rem;
  height: 2rem;
}
.pam-calendar-highlight__link {
  border-radius: 3px;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
}
body.dli .pam-calendar-highlight__link {
  background-color: #263863;
}
body.dlo .pam-calendar-highlight__link {
  background-color: #9a0000;
}



.margin-top-md {
  margin-top: 1rem;
}



/* ===========================================
   utility.loading-spinner
   ========================================= */
.loading-spinner {
  position: relative;
  width: 4rem;
  height: 4rem;
  background: transparent;
}
.loading-spinner:after {
  animation: loading-spinner-animation 750ms infinite linear;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIyMCIgY3k9IjQuMzc1IiByPSIzLjEyNSIgZmlsbD0id2hpdGUiLz48Y2lyY2xlIGN4PSIyNy44MTQ5IiBjeT0iNi40ODM4OSIgcj0iMy4xMjUiIGZpbGw9IndoaXRlIi8+PGNpcmNsZSBjeD0iMzMuNTI4NiIgY3k9IjEyLjIxODIiIHI9IjMuMTI1IiBmaWxsPSJ3aGl0ZSIvPjxjaXJjbGUgY3g9IjM1LjYyNSIgY3k9IjIwIiByPSIzLjEyNSIgZmlsbD0id2hpdGUiLz48L3N2Zz4=);
}
.loading-spinner--dark {
  position: relative;
  width: 4rem;
  height: 4rem;
  background: transparent;
}
.loading-spinner--dark:after {
  animation: loading-spinner-animation 750ms infinite linear;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIyMCIgY3k9IjQuMzc1IiByPSIzLjEyNSIgZmlsbD0id2hpdGUiLz48Y2lyY2xlIGN4PSIyNy44MTQ5IiBjeT0iNi40ODM4OSIgcj0iMy4xMjUiIGZpbGw9IndoaXRlIi8+PGNpcmNsZSBjeD0iMzMuNTI4NiIgY3k9IjEyLjIxODIiIHI9IjMuMTI1IiBmaWxsPSJ3aGl0ZSIvPjxjaXJjbGUgY3g9IjM1LjYyNSIgY3k9IjIwIiByPSIzLjEyNSIgZmlsbD0id2hpdGUiLz48L3N2Zz4=);
}
.loading-spinner--dark:after {
  animation: loading-spinner-animation 750ms infinite linear;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIyMCIgY3k9IjQuMzc1IiByPSIzLjEyNSIgZmlsbD0id2hpdGUiLz48Y2lyY2xlIGN4PSIyNy44MTQ5IiBjeT0iNi40ODM4OSIgcj0iMy4xMjUiIGZpbGw9IndoaXRlIi8+PGNpcmNsZSBjeD0iMzMuNTI4NiIgY3k9IjEyLjIxODIiIHI9IjMuMTI1IiBmaWxsPSJ3aGl0ZSIvPjxjaXJjbGUgY3g9IjM1LjYyNSIgY3k9IjIwIiByPSIzLjEyNSIgZmlsbD0id2hpdGUiLz48L3N2Zz4=);
}
.loading-spinner--dark:after {
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIyMCIgY3k9IjQuMzc1IiByPSIzLjEyNSIgZmlsbD0iYmxhY2siLz48Y2lyY2xlIGN4PSIyNy44MTQ5IiBjeT0iNi40ODM4OSIgcj0iMy4xMjUiIGZpbGw9ImJsYWNrIi8+PGNpcmNsZSBjeD0iMzMuNTI4NiIgY3k9IjEyLjIxODIiIHI9IjMuMTI1IiBmaWxsPSJibGFjayIvPjxjaXJjbGUgY3g9IjM1LjYyNSIgY3k9IjIwIiByPSIzLjEyNSIgZmlsbD0iYmxhY2siLz48L3N2Zz4=);
}
@keyframes loading-spinner-animation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.notifications-consents {
  padding: 2.7rem 2rem 5rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  font-family: var(--font-family-opensans);
  letter-spacing: -0.04em;
}
.notifications-consents__loading {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 30rem;
}
.notifications-consents__error {
  min-height: 30rem;
  max-width: 70rem;
}
.notifications-consents__cta {
  cursor: pointer;
  height: 4.8rem;
  border: 0.1rem solid #000000;
  border-radius: 4.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 2rem;
  color: #000000;
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 600;
  text-transform: uppercase;
  width: 24rem;
  margin: 3rem auto 0;
  background: white;
}
.notifications-consents__header {
  margin-bottom: 3rem;
  max-width: 65rem;
}
.notifications-consents__title {
  color: #000000;
  text-align: center;
  font-size: 2.2rem;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 0.7rem;
}
@media screen and (min-width: 768px) {
  .notifications-consents__title {
    font-size: 2.8rem;
  }
}
.notifications-consents__subtitle {
  color: #000000;
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: normal;
  margin-bottom: 1rem;
}
@media screen and (min-width: 768px) {
  .notifications-consents__subtitle {
    font-size: 1.5rem;
  }
}
.notifications-consents__tooltip {
  cursor: pointer;
  position: relative;
  display: inline-block;
  font-weight: bold;
}
body.dlo .notifications-consents__tooltip {
  color: #E11E00;
}
.notifications-consents__tooltip:hover::before {
  content: attr(data-label);
  position: absolute;
  bottom: 2.5rem;
  left: 50%;
  width: 20rem;
  font-size: 1.1rem;
  line-height: 1.4;
  background: #000000;
  color: white;
  padding: 0.8rem 0.8rem;
  border-radius: 0.7rem;
  transform: translateX(-50%);
}
.notifications-consents__tooltip:hover::after {
  content: "";
  position: absolute;
  bottom: 1.5rem;
  left: 50%;
  margin-left: -0.5rem;
  border-width: 0.5rem;
  border-style: solid;
  border-color: #000000 transparent transparent;
}
.notifications-consents__boxes {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 2rem;
  max-width: 38rem;
}
@media screen and (min-width: 768px) {
  .notifications-consents__boxes {
    flex-direction: row;
    max-width: 72rem;
  }
}
@media screen and (min-width: 1024px) {
  .notifications-consents__boxes {
    gap: 3rem;
  }
}
.notifications-consents__box {
  background: white;
  min-height: 5rem;
  flex: 1;
  border-radius: 1rem;
  padding: 2.5rem;
  margin-bottom: auto;
  max-width: 35rem;
}
.notifications-consents__box-title {
  color: #000000;
  position: relative;
  font-size: 2rem;
  line-height: 1.3;
  font-weight: 700;
  margin-bottom: 2.5rem;
  padding-left: 0;
}
.notifications-consents__box-title--has-icon {
  padding-left: 3rem;
}
.notifications-consents__box-title--has-icon::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 3rem;
  height: 2.5rem;
  background-image: var(--notifications-consents-box-title-icon, none);
  background-position: left center;
  background-repeat: no-repeat;
}
.notifications-consents__box-subtitle {
  color: #000000;
  position: relative;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 700;
  margin-bottom: 1.3rem;
}
.notifications-consents__box-text {
  text-align: center;
  color: #000000;
  position: relative;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: normal;
  margin-bottom: 1.5rem;
}



.pam-notifications > p,
.pam-notifications > h1 {
  max-width: 470px;
  margin-left: auto;
  margin-right: auto;
}
.pam-notifications .content-boxes {
  margin-bottom: 100px;
}
.pam-notifications__content-box {
  max-width: 470px;
  margin: 0 auto 20px;
  background: white;
  border: 1px solid #ddd;
  border-radius: 3px;
  text-align: center;
  padding: 35px;
}
.pam-notifications__content-box .sprite-symbol {
  width: 55px;
  height: 55px;
}
.pam-notifications__content-box .title {
  margin-top: 25px;
  margin-bottom: 0;
}
.pam-notifications__content-box .checkboxes {
  margin-top: 40px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.pam-notifications__content-box .checkboxes .custom-checkbox label {
  padding-right: 0;
}
.pam-notifications__content-box .checkboxes .custom-checkbox:first-child:not(:only-child) {
  margin-right: 50px;
}
.pam-notifications__content-box .checkboxes .custom-checkbox__label--disabled {
  color: #b4b4b4;
}
.pam-notifications__content-box .checkboxes--stack {
  display: inline-block;
}
.pam-notifications__content-box .checkboxes--stack .custom-checkbox:first-child {
  margin-right: 0;
}
.pam-notifications__content-box hr {
  border: solid 0.1rem #d9d9d9;
  margin-bottom: 2.5rem;
}



.toggles {
  position: relative;
  color: #000000;
}
.toggles--loading > :not(.toggles__loading) {
  pointer-events: none;
  filter: opacity(0.3);
}
.toggles__loading {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.toggles__sub-consents {
  margin-top: 1.5rem;
  padding-top: 2.5rem;
  border-top: 0.1rem solid #eeeeee;
}
.toggles--subs-unavailable .toggles__sub-consents {
  pointer-events: none;
}
.toggles__sub-consents-label {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.5rem;
  color: #000000;
  margin-bottom: 1rem;
}
.toggles--subs-unavailable .toggles__sub-consents-label {
  opacity: 0.3;
}
.toggles__description {
  font-size: 1.3rem;
  line-height: 1.5;
  font-weight: normal;
  margin: 1rem 0 1rem;
}
.toggles__description a {
  text-decoration: underline;
  color: #000000;
}
.toggles__description a:hover {
  text-decoration: none;
}
.toggle {
  position: relative;
  background: white;
  min-height: 5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 0;
  font-size: 1.4rem;
  line-height: 1.2;
  font-weight: normal;
}
.toggle__label {
  font-size: 1.4rem;
  line-height: 1.5;
  color: #000000;
  font-weight: normal;
}
.toggle--main .toggle__label {
  font-weight: 700;
}
.toggles--subs-unavailable .toggles__sub-consents .toggle__label {
  opacity: 0.3;
}
.toggle__switch {
  position: relative;
  display: inline-block;
  height: 2.9rem;
  flex: 0 0 5.4rem;
}
.toggle__switch-input {
  opacity: 0;
  width: 0;
  height: 0;
}
.toggle__switch-slider {
  display: inline;
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #bbbbbb;
  transition: 200ms;
  border-radius: 3rem;
}
.toggles--subs-unavailable .toggles__sub-consents .toggle__switch-slider {
  background-color: #eeeeee;
}
.toggle__switch-slider::before {
  position: absolute;
  content: "";
  height: 2.3rem;
  width: 2.3rem;
  left: 0.3rem;
  bottom: 0.3rem;
  background-color: white;
  transition: 200ms;
  border-radius: 50%;
}
.toggle__switch-input:checked + .toggle__switch-slider {
  background-color: #000000;
}
.toggle__switch-input:checked + .toggle__switch-slider::before {
  transform: translateX(2.5rem);
  background-color: #FEB700;
}
body.dli.Notifications .toggle__switch-input:checked + .toggle__switch-slider {
  background-color: #1D5AAF;
}
body.dli.Notifications .toggle__switch-input:checked + .toggle__switch-slider::before {
  background-color: white;
}



/* ===========================================
   imports
   ========================================= */
/* ********* Variables ********* */
/* ===========================================
   settings.global
   ========================================= */
/**
 * High-level settings and variables,
 * that are accessible in whole Avalon project
*/
/* ===========================================
   settings.breakpoints
   ========================================= */
/* ===========================================
   settings.colors
   ========================================= */
/* New theming colors (use these in future, convert old colors along the way)
   ========================================================================== */
/* Color variables used in AvalonComponents, Poker and Casino projects
/* (Old theming colors, should be slowly removed)
   ========================================================================== */
/* Corporate colors
   ========================================================================== */
/* Poker colors
   ========================================================================== */
/* Casino colors
   ========================================================================== */
/* Bingo colors
   ========================================================================== */
/* Casino colors
   ========================================================================== */
/* Oddset colors
   ========================================================================== */
/* Virtuel colors
   ========================================================================== */
/* EuroJackpot colors
   ========================================================================== */
/* Set Color Variables
   ========================================================================== */
/* Components
   ========================================================================== */
/* *********** MIXINS ********** */
/* ===========================================
   tools.mixins
   ========================================= */
.app-compliance-bar {
  display: none;
  align-items: center;
  background: var(--app-compliance-bar__background, white);
  padding: 1.3rem 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
.app-compliance-bar--show {
  display: flex;
}
.app-compliance-bar--stick-bottom {
  top: unset;
  bottom: 0;
}
.app-compliance-bar .app-compliance-bar__image-wrapper {
  position: relative;
  width: 3rem;
  height: 3rem;
  margin: 0.2rem 0.8rem;
  display: flex;
  align-items: center;
}
.app-compliance-bar .app-compliance-bar__image-wrapper::after {
  content: '';
  height: 2.6rem;
  width: 0.1rem;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  background-color: #888;
}
.app-compliance-bar .app-compliance-bar__image-wrapper:nth-child(1)::after,
.app-compliance-bar .app-compliance-bar__image-wrapper:nth-child(2)::after {
  right: -0.8rem;
}
.app-compliance-bar .app-compliance-bar__image-wrapper:last-child::after {
  left: -0.8rem;
}
.app-compliance-bar .app-compliance-bar__image-wrapper .app-compliance-bar__image {
  max-width: 100%;
}
.app-compliance-bar .app-compliance-bar__text {
  font-size: 1.2rem;
  text-decoration: none;
  color: var(--app-compliance-bar__text-color, #000000);
}
.app-compliance-bar .app-compliance-bar__text--left {
  margin-right: auto;
  margin-left: 0.5rem;
}
.app-compliance-bar .app-compliance-bar__text--right {
  margin-right: 0.5rem;
}



/* ===========================================
   imports
   ========================================= */
/* ********* Variables ********* */
/* ===========================================
   settings.global
   ========================================= */
/**
 * High-level settings and variables,
 * that are accessible in whole Avalon project
*/
/* ===========================================
   settings.breakpoints
   ========================================= */
/* ===========================================
   settings.colors
   ========================================= */
/* New theming colors (use these in future, convert old colors along the way)
   ========================================================================== */
/* Color variables used in AvalonComponents, Poker and Casino projects
/* (Old theming colors, should be slowly removed)
   ========================================================================== */
/* Corporate colors
   ========================================================================== */
/* Poker colors
   ========================================================================== */
/* Casino colors
   ========================================================================== */
/* Bingo colors
   ========================================================================== */
/* Casino colors
   ========================================================================== */
/* Oddset colors
   ========================================================================== */
/* Virtuel colors
   ========================================================================== */
/* EuroJackpot colors
   ========================================================================== */
/* Set Color Variables
   ========================================================================== */
/* Components
   ========================================================================== */
/* *********** MIXINS ********** */
/* ===========================================
   tools.mixins
   ========================================= */
.app-compliance-bar-casino {
  position: fixed;
  inset: 0;
  bottom: unset;
  height: 3.2rem;
  background: white;
}
.app-compliance-bar-casino__inner {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.app-compliance-bar-casino__counter {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  padding-left: 0.6rem;
}
.app-compliance-bar-casino__counter a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding: 0 1rem;
  gap: 0.4rem;
  font-family: 'Raleway', Helvetica, Arial, sans-serif;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2rem;
  color: #282828;
  text-decoration: none;
}
.app-compliance-bar-casino__counter .app-compliance-bar-casino__counter-clock {
  transition: transform 0.3s ease;
}
.app-compliance-bar-casino__counter .app-compliance-bar-casino__counter-clock--hidden {
  transform: translateY(-3.2rem);
}
.app-compliance-bar-casino__counter img {
  width: 1.8rem;
  height: 1.8rem;
}
.app-compliance-bar-casino__compliance-link {
  height: 100%;
}
.app-compliance-bar-casino__compliance-link a {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 1rem;
}
.app-compliance-bar-casino__compliance-link img {
  height: 2rem;
  width: auto;
}
.app-compliance-bar-casino__balance {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: flex;
  align-items: center;
  padding-right: 1.6rem;
  font-family: 'Raleway', Helvetica, Arial, sans-serif;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2rem;
  color: #282828;
  transition: transform 0.3s ease;
}
.app-compliance-bar-casino__balance--hidden {
  transform: translateY(-3.2rem);
}



/*# sourceMappingURL=region-player-account-management.css.map */