.tldtable:has(.tldtable__tabs-list.display-block) {
   -webkit-box-shadow: unset;
   box-shadow: unset;
}


.tldCard {
   border: none;
   background: transparent;
}
.tldCard:hover {
   cursor: pointer;
}
.tldCard:hover .tldCard__container {
   border: 0.5rem solid #2e93ee;
   -webkit-transition: 0.3s;
   transition: 0.3s;
   -webkit-box-shadow: none;
   box-shadow: none;
}
.tldCard:hover .tldCard__headline {
   -webkit-transition: 0.3s;
   transition: 0.3s;
   color: #2e93ee;
}
.tldCard__container {
   background: transparent;
   text-align: left;
   width: 22.5rem;
   height: 21.3rem;
   padding: 1rem;
   position: relative;
   background: #fff;
   border: 0.5rem solid transparent;
   -webkit-box-shadow: inset -0.6rem -0.6rem 0 0 #cdd8df;
   box-shadow: inset -0.6rem -0.6rem 0 0 #cdd8df;
}
.tldCard__headline {
   font-size: 2.4rem;
   font-weight: 500;
   margin: 2.4rem 0;
   line-height: 1;
}
.tldCard__text {
   font-size: 1.5rem;
   font-weight: 500;
   margin-bottom: 0;
}
.tldCard__price {
   color: #2e93ee;
   font-size: 2.4rem;
   font-weight: 400;
   margin-bottom: 2.4rem;
}
.tldCard__subText {
   color: #3e3e3e;
   font-size: 1.5rem;
   font-weight: 200;
   margin: 3.4rem 0 0;
}
.tldSelector {
   width: 100%;
   max-width: 32rem;
   margin: 0 auto;
}
@media (min-width: 768px) {
   .tldSelector {
      max-width: 80rem;
   }
}
@media (min-width: 992px) {
   .tldSelector {
      max-width: 73.5rem;
   }
}
@media (min-width: 1200px) {
   .tldSelector {
      max-width: 98rem;
   }
}
.tldSelector__container {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   height: 78rem;
   overflow: hidden;
}
.tldSelector__container.addMargin {
   margin-bottom: 75pt;
}
.tldSelector__container.fullHeightMobile {
   height: auto;
}
@media (min-width: 768px) {
   .tldSelector__container {
      height: auto;
      overflow: visible;
   }
}
@media (min-width: 992px) {
   .tldSelector__container {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
   }
}
.tldSelector__slotContainer {
   width: 22.5rem;
   height: 21.3rem;
   margin: 2rem 1rem;
}
.tldSelector__tileModal {
   z-index: 100;
}
.tldSelector__modalContainer {
   width: 100%;
}
.tldSelector__modalHeadline {
   font-size: 7rem;
   margin-bottom: 0;
   font-weight: 500;
   line-height: 1;
   padding: 0;
}
.tldSelector__modalHeadline.mdc-dialog__title {
   color: #fff !important;
}
.tldSelector__modalText {
   font-size: 1.8rem;
   line-height: 2.4rem;
   margin: 0 0 1.8rem !important;
}
.tldSelector__modalIntro,
.tldSelector__modalText {
   color: #fff;
}
.tldSelector__modalIntro {
   font-size: 1.5rem;
   font-weight: 500;
   margin-bottom: 0.5rem;
}
.tldSelector__modalOffer {
   border: none;
   background: transparent;
   font-size: 2.4rem;
   color: #fff;
   padding: 0;
   cursor: pointer;
}
.tldSelector__mobileButtonContainer {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
}
.tldSelector__mobileButton {
   border: none;
   background-color: transparent;
   font-size: 1.8rem;
   font-weight: 300;
   color: #2e93ee;
   padding: 0;
   cursor: pointer;
}
.tldSelector__mobileButton.hideButton {
   display: none;
}
@media (min-width: 768px) {
   .tldSelector__mobileButton {
      display: none;
   }
}
.tldSelector__modalDomainSearch {
   margin: 1.5rem 0;
}

.tldSelector__closeModal {
   position: absolute;
   border-radius: 5.1rem;
   width: 5.1rem;
   height: 5.1rem;
   right: 1rem;
   top: 1rem;
   padding: 0;
   cursor: pointer;
   z-index: 100;
}
.tldSelector .bar-group {
   margin: 0 auto;
   height: 100%;
   aspect-ratio: 1/1;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   border: 0.2rem solid #fff;
   border-radius: 2.6rem;
   position: relative;
   -webkit-transition: all 0.5s;
   transition: all 0.5s;
}
.tldSelector .bar-group .icon-bar {
   position: absolute;
   left: calc(50% - 10.5px);
   top: calc(50% - 1.5px);
   background-color: #fff;
   width: 2.1rem;
   height: 0.3rem;
   border-radius: 0.1rem;
   margin: 0;
   padding: 0;
   -webkit-transition: all 0.5s;
   transition: all 0.5s;
}
.tldSelector .bar-group .icon-bar.top-bar {
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
}
.tldSelector .bar-group .icon-bar.bottom-bar {
   -webkit-transform: rotate(-45deg);
   transform: rotate(-45deg);
}
.tldSelector #tldSelector__cardModal.mdc-dialog {
   z-index: 100;
}
.tldSelector #tldSelector__cardModal.mdc-dialog .mdc-dialog__content {
   background: #1f2044;
   overflow: hidden;
}
.tldSelector #tldSelector__cardModal.mdc-dialog .mdc-dialog__container {
   width: 100%;
}
.tldSelector #tldSelector__cardModal.mdc-dialog .mdc-dialog__surface {
   width: 95%;
   max-width: 88rem;
   position: relative;
   background: #1f2044;
}
.tldSelector #tldSelector__cardModal.mdc-dialog .tldSelector__closeModal {
   background-color: transparent;
}
.tldSelector
   #tldSelector__cardModal.mdc-dialog
   .tldSelector__closeModal:hover
   .bar-group {
   background-color: #fff;
}
.tldSelector
   #tldSelector__cardModal.mdc-dialog
   .tldSelector__closeModal:hover
   .bar-group
   .bottom-bar,
.tldSelector
   #tldSelector__cardModal.mdc-dialog
   .tldSelector__closeModal:hover
   .bar-group
   .top-bar {
   background-color: #1f2044;
}
.tldSelector #tldSelector__priceModal.mdc-dialog {
   height: 100vh;
   width: 100vw;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   z-index: 201;
}
.tldSelector #tldSelector__priceModal.mdc-dialog .mdc-dialog__surface {
   position: relative;
   padding: 4rem;
   border-radius: 0 !important;
   -webkit-box-shadow: 0 0.2rem 0.9rem 0 rgba(0, 0, 0, 0.5019607843137255);
   box-shadow: 0 0.2rem 0.9rem 0 rgba(0, 0, 0, 0.5019607843137255);
   width: 90%;
}
@media screen and (min-width: 769px) {
   .tldSelector #tldSelector__priceModal.mdc-dialog .mdc-dialog__surface {
      max-width: 73.8rem !important;
   }
}
@media screen and (max-width: 768px) {
   .tldSelector #tldSelector__priceModal.mdc-dialog .mdc-dialog__surface {
      max-width: calc(100vw - 3.2rem) !important;
      padding: 2rem 0 2rem 2rem;
   }
}
.tldSelector #tldSelector__priceModal.mdc-dialog .mdc-dialog__container {
   -webkit-transform: none;
   transform: none;
   width: 100%;
}
.tldSelector #tldSelector__priceModal.mdc-dialog .mdc-dialog__head {
   color: #1f2044;
}
.tldSelector #tldSelector__priceModal.mdc-dialog .mdc-dialog__title {
   font-size: 2.4rem;
   font-weight: 500;
   line-height: 3.2rem;
   margin: 0 6.5rem 1.8rem 0;
   padding: 0;
   color: #1f2044 !important;
}
.tldSelector #tldSelector__priceModal.mdc-dialog .mdc-dialog__title:before {
   content: unset;
}
.tldSelector #tldSelector__priceModal.mdc-dialog .mdc-dialog__title.priceModal {
   max-width: 100%;
}
.tldSelector #tldSelector__priceModal.mdc-dialog .mdc-dialog__content {
   padding: 0;
   font-size: 1.5rem;
   line-height: 3.2rem;
   color: #363636;
}
@media screen and (max-width: 768px) {
   .tldSelector #tldSelector__priceModal.mdc-dialog .mdc-dialog__content {
      padding-right: 2rem;
   }
}
.tldSelector #tldSelector__priceModal.mdc-dialog .mdc-button {
   position: absolute;
   height: 5.1rem;
   min-width: 5.1rem;
   right: 1rem;
   top: 1rem;
   padding: 0;
   background-color: #fff;
   border: none;
   cursor: pointer;
   z-index: 100;
}
.tldSelector
   #tldSelector__priceModal.mdc-dialog
   .mdc-button:hover
   .modal__barGroup {
   background-color: #1f2044;
}
.tldSelector
   #tldSelector__priceModal.mdc-dialog
   .mdc-button:hover
   .modal__barGroup
   .modal__barItem {
   background-color: #fff;
}
.tldSelector #tldSelector__priceModal.mdc-dialog .mdc-button .modal__barGroup {
   position: relative;
   margin: 0 auto;
   height: 100%;
   width: 100%;
   border: 0.2rem solid #1f2044;
   border-radius: 2.6rem;
   -webkit-transition: all 0.5s;
   transition: all 0.5s;
}
.tldSelector
   #tldSelector__priceModal.mdc-dialog
   .mdc-button
   .modal__barGroup
   .modal__barItem {
   position: absolute;
   left: calc(50% - 10.5px);
   top: calc(50% - 1.5px);
   background-color: #1f2044;
   width: 2.1rem;
   height: 0.3rem;
   border-radius: 0.1rem;
   -webkit-transition: all 0.5s;
   transition: all 0.5s;
}
.tldSelector
   #tldSelector__priceModal.mdc-dialog
   .mdc-button
   .modal__barGroup
   .modal__barItem.topBar {
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
}
.tldSelector
   #tldSelector__priceModal.mdc-dialog
   .mdc-button
   .modal__barGroup
   .modal__barItem.bottomBar {
   -webkit-transform: rotate(-45deg);
   transform: rotate(-45deg);
}