{"version":3,"file":"../css/account_dashboard.css","mappings":"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ACA,gBC5BU,CKyKN,2FACE,gCAGF,6FACE,iBR9GN,wBS7DF,mBAEI,iBAIJ,6BACE,gBAEA,qDACE,qBNsCI,CMrCJ,UAEA,6DPSF,UCyBM,CMhCF,cPQJ,eACA,gBACA,gBC5BU,CMsBN,oFPJJ,UCgCM,CMzBA,qBPNN,eACA,gBACA,iBOGM,oBACA,CAIJ,kEPJF,UCyBM,CDxBN,eOOI,ePNJ,gBOKI,gBPJJ,iBOGI,qBAEA,CAGF,wEPSF,aCzCM,CMkCF,aNvCI,CD+CR,eACA,gBORI,qBPSJ,gBOTI,CAEA,+EACE,cAIJ,8EACE,qBAGF,mEAGE,mBAFA,aNpDI,CMqDJ,YAEA,cAEA,0EACE,yBACA,kBACA,kBAGF,wEACE,kBAGF,uEAEE,YADA,UACA,CAEA,sFACE,YAIJ,+EACE,aN5EI,CM+EN,mFACE,aN1EA,CM2EA,eAGF,8EACE,qBAGF,0EAGE,aN5EI,CDsCV,eACA,gBOsCM,gBPrCN,iBOmCM,gBAEA,CAEF,wEPxDJ,aCvBU,CMiFJ,WPzDN,eACA,gBACA,gBCSM,CMiDF,uFP7DJ,aCvBU,CMsFJ,UNnDA,CDXN,eACA,gBACA,iBO6DM,YAIJ,wEACE,aAEA,eADA,uBAEA,cTlCJ,wBS8BE,wEAOI,qBACA,wBAGF,wFAGE,yBP3EN,aCzCM,CMqHA,aN1GI,CD+BV,eACA,gBOwEM,YPvEN,iBO0EM,cAIJ,wEACE,WAIJ,wDAKE,sBADA,6BN/HS,CHwDX,wBSmEA,wDAEI,+BAKF,uEACE,aNrIE,CMwIJ,8EAME,kBAFA,wCPhIJ,UCgCM,CD/BN,eACA,gBO4HI,gBP3HJ,iBO4HI,kBAEA,UACA,CAGF,mEACE,aNlJE,CMmJF,eAIJ,6CPlJA,aCZQ,CDaR,eACA,gBACA,iBFgCA,wBS+GA,6CP3IA,UCgCM,CM8GF,cP7IJ,eACA,gBACA,gBCtBQ,EMsKR,0CAIE,UT3HF,wBSuHA,0CAEI,WAKJ,4CAIE,iBTlIF,wBS8HA,4CAEI,mBAKJ,kDAOE,uBADA,ePnJF,aCvBU,CM4KR,aN5LM,CDwCR,eOqJE,ePpJF,gBOgJE,gBP/IF,iBOoJE,aTjHF,wBSuGA,kDAEI,cAUF,wDACE,UAMJ,uBACE,sBACA,kBAEF,+BACE,aAEF,wBACE,gBAEF,yBACE,eAIJ,UAEE,WADA,mBACA","sources":["webpack://bidxone/./src/sass/responsive-utils.scss","webpack://bidxone/./src/sass/components/_header.scss","webpack://bidxone/./src/sass/typography.scss","webpack://bidxone/./src/sass/variables.scss","webpack://bidxone/./src/sass/components/_circle_ripple.scss","webpack://bidxone/./src/sass/components/_button.scss","webpack://bidxone/./src/sass/screens/account_dashboard/my_documents.scss","webpack://bidxone/./src/sass/screens/account_dashboard/my_favourites.scss","webpack://bidxone/./src/sass/screens/account_dashboard/payment_details.scss","webpack://bidxone/./src/sass/screens/account_dashboard/index.scss"],"sourcesContent":["$ULTRA_SMALL_MOBILE_WIDTH: 360px;\n$EXTRA_SMALL_MOBILE_WIDTH: 420px;\n$SMALL_MOBILE_WIDTH: 576px;\n$MOBILE_WIDTH: 767px;\n$DESKTOP_WIDTH: 992px;\n$WIDESCREEN_WIDTH: 1200px;\n$EXTRA_WIDESCREEN_WIDTH: 1500px;\n$ULTRA_WIDESCREEN_WIDTH: 1600px;\n\n@mixin ultra-small-mobile {\n  @media (max-width: #{$ULTRA_SMALL_MOBILE_WIDTH}) {\n    @content;\n  }\n}\n\n@mixin not-ultra-small-mobile {\n  @media (min-width: #{$ULTRA_SMALL_MOBILE_WIDTH + 1px}) {\n    @content;\n  }\n}\n\n@mixin extra-small-mobile {\n  @media (max-width: #{$EXTRA_SMALL_MOBILE_WIDTH}) {\n    @content;\n  }\n}\n\n@mixin extra-small-mobile-only {\n  @media (min-width: #{$ULTRA_SMALL_MOBILE_WIDTH + 1}) and (max-width: #{$EXTRA_SMALL_MOBILE_WIDTH}) {\n    @content;\n  }\n}\n\n@mixin small-mobile {\n  @media (max-width: #{$SMALL_MOBILE_WIDTH}) {\n    @content;\n  }\n}\n\n@mixin small-mobile-only {\n  @media (min-width: #{$EXTRA_SMALL_MOBILE_WIDTH + 1}) and (max-width: #{$SMALL_MOBILE_WIDTH}) {\n    @content;\n  }\n}\n\n@mixin not-small-mobile {\n  @media (min-width: #{$SMALL_MOBILE_WIDTH + 1px}) {\n    @content;\n  }\n}\n\n@mixin mobile {\n  @media (max-width: #{$MOBILE_WIDTH}) {\n    @content;\n  }\n}\n\n@mixin mobile-only {\n  @media (min-width: #{$SMALL_MOBILE_WIDTH + 1}) and (max-width: #{$MOBILE_WIDTH}) {\n    @content;\n  }\n}\n\n@mixin not-mobile {\n  @media (min-width: #{$MOBILE_WIDTH + 1px}) {\n    @content;\n  }\n}\n\n@mixin tablet {\n  @media (max-width: #{$DESKTOP_WIDTH - 1px}) {\n    @content;\n  }\n}\n\n@mixin tablet-only {\n  @media (min-width: #{$MOBILE_WIDTH + 1px}) and (max-width: #{$DESKTOP_WIDTH - 1px}) {\n    @content;\n  }\n}\n\n@mixin desktop {\n  @media (min-width: #{$DESKTOP_WIDTH}) {\n    @content;\n  }\n}\n\n@mixin desktop-only {\n  @media (min-width: #{$DESKTOP_WIDTH}) and (max-width:#{$WIDESCREEN_WIDTH - 1px}) {\n    @content;\n  }\n}\n\n@mixin not-widescreen {\n  @media (max-width: #{$WIDESCREEN_WIDTH - 1px}) {\n    @content;\n  }\n}\n\n@mixin widescreen {\n  @media (min-width: #{$WIDESCREEN_WIDTH}) {\n    @content;\n  }\n}\n\n@mixin extra-widescreen {\n  @media (min-width: #{$EXTRA_WIDESCREEN_WIDTH}) {\n    @content;\n  }\n}\n\n@mixin ultra-widescreen {\n  @media (min-width: #{$ULTRA_WIDESCREEN_WIDTH}) {\n    @content;\n  }\n}\n","@import '../variables';\n@import '../typography';\n@import '../responsive-utils';\n\n$HEADER_HEIGHT: 120px;\n$HEADER_HEIGHT_MOBILE: 67px;\n$MENU-WIDTH: 128px;\n\n#hamburger-container {\n  @include tablet {\n    width: 15px;\n    order: 1;\n\n    img {\n      width: 100%;\n    }\n  }\n\n  @include desktop {\n    width: $MENU-WIDTH;\n    position: absolute;\n    left: 50%;\n    transform: translateX(-50%);\n\n    img {\n      margin-right: 15px;\n      height: 13px;\n    }\n  }\n\n  &.desktop-relative {\n    @include desktop-only {\n      left: 35%;\n    }\n  }\n\n  @include tablet {\n    width: 30px;\n    order: 1;\n  }\n}\n\n#hamburger-container[aria-expanded='true'] {\n  @include desktop {\n    border-radius: 3px;\n    background-color: rgba(27, 54, 113, 0.33);\n    padding: 12px 20px;\n  }\n}\n\n.bg-grey {\n  background: $grey-background !important;\n\n  &.scrolled {\n    background-color: $background !important;\n    transition: background-color 200ms linear;\n  }\n}\n\n.bg-white {\n  background-color: $background !important;\n  transition: background-color 200ms linear;\n}\n\n.sticky-on-desktop {\n  position: sticky !important;\n  top: 0;\n  z-index: 1020;\n\n  @include mobile {\n    position: relative !important;\n  }\n}\n\n.header-light {\n  position: relative;\n  background: transparent;\n  height: $HEADER_HEIGHT;\n\n  @include tablet {\n    height: $HEADER_HEIGHT_MOBILE;\n  }\n\n  .navbar {\n    z-index: 200;\n    height: $HEADER_HEIGHT;\n\n    @include tablet {\n      height: $HEADER_HEIGHT_MOBILE;\n    }\n  }\n\n  #logo {\n    width: 115px;\n\n    @include mobile {\n      margin-left: auto;\n      margin-right: auto;\n      width: 90px;\n    }\n  }\n\n  .header-title,\n  .menu p {\n    @include navbar-text;\n  }\n\n  #login {\n    color: $accent;\n  }\n}\n\n.header-negative {\n  @extend .header-light;\n  background-color: transparent;\n\n  .menu p {\n    color: $white;\n  }\n\n  .header-title {\n    color: $white;\n    font-size: 18px;\n  }\n}\n\n#language-switcher {\n  margin-block-end: 0;\n\n  .chevron-down {\n    @include header-3;\n    height: 8px;\n    width: 24px;\n    opacity: 0.71;\n    color: lighten(#888, 13%);\n    transform: translateX(20px) rotate(90deg);\n\n    @include mobile {\n      width: 18px;\n      height: 6px;\n      font-size: 16px;\n    }\n\n    .language-switcher-negative & {\n      color: $white;\n      opacity: 1;\n    }\n  }\n\n  .language-select {\n    @include navbar-text;\n    height: 41px;\n    width: 105px;\n    border-radius: 25px;\n    padding-right: 12px;\n    background: transparent;\n    border: 2px solid darken($white, 30%);\n    color: $black;\n\n    @include mobile {\n      padding: 3px 6px;\n      width: 80px;\n      height: 30px;\n      border-radius: 20px;\n      border-width: 1px;\n    }\n\n    &:focus {\n      box-shadow: none !important;\n    }\n\n    &:hover,\n    &:focus {\n      background: transparentize($black, 0.97);\n      border: 2px solid $black;\n    }\n\n    .language-switcher-negative & {\n      color: $white;\n      border: 2px solid transparentize($white, 0.3);\n\n      @include mobile {\n        border-width: 1px;\n      }\n\n      &:hover,\n      &:focus {\n        border: 2px solid $white;\n      }\n    }\n  }\n\n  .dropdown-selected-value {\n    @include navbar-text;\n    padding: 8px 11px;\n\n    @include mobile {\n      font-size: 13px;\n      padding: 0;\n    }\n\n    .language-switcher-negative & {\n      color: $white;\n    }\n  }\n\n  .dropdown-menu {\n    margin-top: 10px;\n    border-radius: 8px;\n    border: none;\n    background-color: $white;\n    box-shadow: $dropdown-shadow;\n  }\n\n  .dropdown-item {\n    @include body-text;\n    color: $black;\n    padding: 10px 17px;\n\n    &:hover {\n      font-weight: 700;\n      background-color: transparent;\n    }\n\n    &:active {\n      border: 0;\n      background-color: rgba(200, 200, 200, 0.3);\n    }\n  }\n}\n\n@mixin header-link {\n  @include navbar-text;\n  cursor: pointer;\n\n  img,\n  span {\n    opacity: 0.7;\n  }\n\n  &:hover {\n    img,\n    span {\n      opacity: 1;\n    }\n  }\n\n  .header-negative & {\n    img,\n    span {\n      color: $white;\n    }\n  }\n}\n\n#favourites-link {\n  @include header-link;\n  img {\n    height: 42px;\n    padding-bottom: 3px;\n\n    @include mobile {\n      height: 36px;\n    }\n  }\n}\n\n#my-catalogue-link {\n  @include header-link;\n  border-radius: 5px;\n  position: relative;\n  background: transparent;\n  border: none;\n\n  &::before {\n    content: attr(data-counter);\n    background: $cherry-bomb;\n    color: $white;\n    font-size: 12px;\n    width: 16px;\n    height: 16px;\n    position: absolute;\n    right: 0;\n    top: 7px;\n    border-radius: 50%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    opacity: 0;\n    transition: all 0.2s ease;\n  }\n\n  &::after {\n    content: attr(data-popup-text);\n    position: absolute;\n    border-radius: 5px;\n    white-space: nowrap;\n    padding: 18px 25px;\n    background: $white;\n    top: 110%;\n    left: 50%;\n    transform: translateX(-50%) translateY(-10%);\n    box-shadow: $dropdown-shadow;\n    opacity: 0;\n    transition: all 0.3s ease;\n    pointer-events: none;\n  }\n\n  &.items-added {\n    &::before {\n      opacity: 1;\n    }\n  }\n\n  &.animate-counter {\n    &::before {\n      transform: scale(1.5);\n      transform-origin: center;\n      opacity: 1;\n    }\n  }\n\n  &.show-popup {\n    &::after {\n      opacity: 1;\n      transform: translateX(-50%);\n      pointer-events: none;\n    }\n  }\n\n  &.active {\n    background: transparentize($black, 0.94);\n\n    img,\n    span {\n      opacity: 1;\n    }\n  }\n\n  img {\n    height: 30px;\n    padding-bottom: 0;\n\n    @include mobile {\n      height: 25px;\n    }\n  }\n}\n\n/**\n * The work around at src/assets/node_modules/bootstrap/scss/_reboot.scss:310\n * causes the button for this id generates a weird outline because of that work around.\n * This a fix.\n */\nbutton#my-catalogue-link {\n  overflow: hidden;\n  &:focus {\n    outline: 0;\n  }\n}\n\n#user-dropdown {\n  position: relative;\n\n  .user-greeting {\n    @include navbar-text;\n    font-weight: 700;\n    display: flex;\n    justify-content: space-around;\n    align-items: center;\n    height: 41px;\n    min-width: 105px;\n    border-radius: 25px;\n    padding-right: 12px;\n    background: transparent;\n    border: 2px solid darken($white, 30%);\n    outline: 0;\n    padding: 0 20px 0 17px;\n\n    .header-negative & {\n      color: $white;\n      opacity: 1;\n      border: 2px solid transparentize($white, 0.3);\n\n      &:hover,\n      &:focus {\n        border: 2px solid $white;\n      }\n    }\n\n    &:hover,\n    &:focus {\n      background: transparentize($black, 0.97);\n      border: 2px solid $black;\n    }\n\n    .chevron-down {\n      @include header-3;\n      height: 8px;\n      width: 24px;\n      opacity: 0.71;\n      color: lighten(#888, 13%);\n      transform: translateX(20px) rotate(90deg);\n\n      .header-negative & {\n        color: $white;\n        opacity: 1;\n      }\n    }\n  }\n\n  .dropdown-menu {\n    right: 0;\n    left: unset;\n    margin-top: 10px;\n    border-radius: 8px;\n    border: none;\n    background-color: $white;\n    box-shadow: $dropdown-shadow;\n\n    ul {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n      width: fit-content;\n\n      a,\n      li form {\n        display: block;\n        width: 100%;\n      }\n\n      a,\n      li form button {\n        @include body-text;\n        display: block;\n        text-decoration: none;\n        color: $black;\n        padding: 10px 17px;\n        white-space: nowrap;\n        border: 0;\n        background: transparent;\n        cursor: pointer;\n        text-align: left;\n        width: 100%;\n\n        &:hover {\n          font-weight: 700;\n        }\n        &:before {\n          // Prevent jump on hover\n          display: block;\n          content: attr(title);\n          font-weight: 700;\n          height: 0;\n          overflow: hidden;\n          visibility: hidden;\n        }\n      }\n    }\n  }\n}\n\n.navbar-toggler {\n  border: none;\n\n  &:focus {\n    background: none;\n    outline: 0;\n  }\n\n  .hamburger-span {\n    display: block;\n    width: 30px;\n    height: 2px;\n    margin: 6px auto;\n    background: $black;\n    transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);\n  }\n\n  .hamburger-span-negative {\n    @extend .hamburger-span;\n    background: $white;\n  }\n\n  &:hover span,\n  &:focus span {\n    background: $white;\n  }\n\n  &[aria-expanded='true'] span {\n    &:first-of-type {\n      transform: rotate(45deg) translate(6px, 6px);\n    }\n\n    &:nth-of-type(2) {\n      opacity: 0;\n    }\n\n    &:last-of-type {\n      transform: rotate(-45deg) translate(5px, -5px);\n    }\n  }\n\n  &[aria-expanded='false'] span {\n    transform: none;\n    opacity: 1;\n  }\n}\n\nbody.menu-expanded {\n  @include tablet {\n    overflow-y: hidden;\n  }\n}\n\n#expandable-menu {\n  z-index: 100;\n  position: absolute;\n  top: $HEADER_HEIGHT;\n  width: 100%;\n  background-color: $primary;\n  @include tablet {\n    height: 100vh;\n  }\n\n  @include tablet {\n    background-color: $white;\n    top: $HEADER_HEIGHT_MOBILE;\n    max-height: calc(100vh - #{$HEADER_HEIGHT_MOBILE});\n    z-index: 202;\n    overflow-y: auto;\n  }\n\n  .entry-links {\n    @include navbar-text;\n    font-size: 18px;\n\n    #sign-up-link {\n      color: $cherry-bomb;\n    }\n  }\n\n  .greeting {\n    @include header-4;\n    padding-inline: 15px;\n    margin: 5px 0px 25px 0px;\n  }\n\n  .dashboard-button {\n    text-decoration: none;\n    margin: 0 10px;\n    padding: 10px 12px;\n    overflow: visible;\n\n    &.show-alert {\n      padding-right: 24px;\n    }\n\n    .red-mark {\n      width: 26px;\n      height: 26px;\n      background: $white;\n      border: 1px solid $white;\n      border-radius: 50%;\n      position: absolute;\n      top: 0;\n      right: 0;\n      transform: translate(50%, -50%);\n    }\n  }\n\n  .column-header {\n    @include tag-text;\n    font-size: 13px;\n    opacity: 0.88;\n    color: $cherry-bomb;\n    margin-bottom: 16px;\n\n    @include tablet {\n      font-size: 15px;\n      color: $primary;\n    }\n  }\n\n  .column-entry {\n    color: $white;\n    font-size: 15px;\n    line-height: 21px;\n    margin-bottom: 12px;\n    cursor: pointer;\n\n    @include tablet {\n      color: $primary;\n    }\n  }\n\n  .expandable-menu-mobile {\n    display: flex;\n    justify-content: start;\n    flex-direction: column;\n    padding-inline: 30px;\n    padding-bottom: 30px;\n    margin-top: 40px;\n    @include desktop {\n      display: none;\n    }\n    .column-header {\n      display: flex;\n      justify-content: space-between;\n      margin-bottom: 0px;\n      .menu-alert-ico {\n        display: none;\n      }\n    }\n    .column-header.collapsed {\n      svg:not(.menu-alert-ico) {\n        transform: rotate(-90deg);\n        color: $grey;\n      }\n      .menu-alert-ico {\n        color: $error;\n        display: inline;\n      }\n    }\n    .column-entry {\n      margin-top: 15px;\n      margin-bottom: 0px;\n    }\n\n    .account-button {\n      border-radius: 5px;\n      font-size: 15px;\n      font-weight: 700;\n      text-decoration: none;\n      padding-block: 10px;\n      width: 40%;\n      max-width: 160px;\n      text-align: center;\n\n      /* Reset button defaults when used as logout submit so it matches the link style */\n      &.logout-button {\n        color: #000000;\n        border: 1px solid #ececec;\n        width: 60%;\n        max-width: 180px;\n        background: transparent;\n        cursor: pointer;\n        font-family: inherit;\n        @include ultra-small-mobile {\n          width: 100%;\n        }\n      }\n      &.sign-up-button {\n        color: #ececec;\n        background-color: #273e91;\n        border: 1px solid #273e91;\n      }\n      &.sign-in-button {\n        border: 1px solid #ececec;\n      }\n    }\n    .menu-alert-ico {\n      color: $error;\n    }\n    .account-buttons-group {\n      display: flex;\n      justify-content: space-around;\n      text-align: center;\n      align-items: center;\n      @include ultra-small-mobile {\n        flex-direction: column;\n        .account-button {\n          width: 100%;\n          margin-bottom: 10px;\n        }\n      }\n    }\n  }\n\n  .expandable-menu-content {\n    justify-content: center;\n    padding-block: 3rem;\n    padding-inline: 3rem;\n    padding-bottom: 3rem;\n    @include mobile {\n      padding-block: 1.5rem;\n      padding-bottom: 5rem;\n    }\n    @include desktop {\n      padding-inline: 0rem;\n    }\n  }\n\n  .sections-divider {\n    height: 3px;\n    width: 100%;\n    margin-top: 25px;\n    margin-bottom: 25px;\n    background-color: rgba(80, 110, 175, 0.08);\n  }\n}\n","@import 'variables';\n\n@mixin main-header {\n  color: $white;\n  font-size: 77px;\n  font-weight: 700;\n  line-height: 81px;\n}\n\n@mixin header-1 {\n  color: $primary;\n  font-size: 52px;\n  font-weight: 700;\n  line-height: 73px;\n}\n\n@mixin header-2 {\n  color: $primary;\n  font-size: 27px;\n  font-weight: 700;\n  line-height: 38px;\n}\n\n@mixin header-3 {\n  color: $black;\n  font-size: 20px;\n  font-weight: 700;\n  line-height: 28px;\n}\n\n@mixin header-4 {\n  color: $black;\n  font-size: 20px;\n  font-weight: 500;\n  line-height: 28px;\n}\n\n@mixin stc-offer-header {\n  font-size: 55px;\n  font-weight: 600;\n  line-height: 77px;\n}\n\n@mixin body-text {\n  color: $body-text;\n  font-size: 16px;\n  font-weight: 500;\n  line-height: 21px;\n}\n\n@mixin link-text {\n  color: $links;\n  font-size: 15px;\n  font-weight: 700;\n  line-height: 21px;\n}\n\n@mixin tag-text {\n  color: $body-text;\n  font-size: 12px;\n  font-weight: 700;\n  line-height: 17px;\n}\n\n@mixin navbar-text {\n  color: $black;\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 25px;\n}\n\n@mixin table-header {\n  color: $black;\n  font-size: 15px;\n  font-weight: 600;\n  line-height: 21px;\n}\n\n@mixin input-error {\n  color: $error;\n  font-size: 11px;\n  font-weight: 500;\n  line-height: 15px;\n}\n\n@mixin auction-property-status-label {\n  color: $white;\n  font-size: 11px;\n  font-weight: 500;\n  line-height: 15px;\n}\n\n@mixin negative-form-input {\n  color: $white;\n  font-size: 22px;\n  font-weight: 700;\n  letter-spacing: 0.44px;\n  line-height: 31px;\n}\n\n@mixin negative-form-label {\n  color: $white;\n  font-size: 16px;\n  font-weight: 700;\n  line-height: 22px;\n}\n\n@mixin form-input {\n  color: $black;\n  font-size: 15px;\n  font-weight: 600;\n  line-height: 21px;\n}\n\n@mixin form-label {\n  color: $secondary;\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 20px;\n}\n\n@mixin controls-item {\n  color: $black;\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 18px;\n}\n\n@mixin carousel-header {\n  color: $black;\n  font-size: 44px;\n  font-weight: 700;\n  line-height: 62px;\n}\n\n@mixin address-header {\n  color: $black;\n  font-size: 30px;\n  font-weight: 600;\n  line-height: 42px;\n}\n\n@mixin notification-text {\n  color: $white;\n  font-size: 17px;\n  font-weight: 500;\n  line-height: 24px;\n}\n\n@mixin auction-header {\n  color: $black;\n  font-size: 22px;\n  font-weight: 500;\n  line-height: 31px;\n}\n\n@mixin popover-modal-header {\n  color: $primary;\n  font-size: 15px;\n  font-weight: 600;\n  line-height: 21px;\n}\n\n@mixin popover-modal-description {\n  color: $grey;\n  font-size: 11px;\n  font-weight: 500;\n  line-height: 14px;\n}\n\n@mixin notice-text {\n  color: $secondary;\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 17px;\n}\n\n@mixin stc-button {\n  color: $white;\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 22px;\n}\n\n@mixin italic-text {\n  color: $black;\n  opacity: 0.8;\n  font-size: 16px;\n  font-style: italic;\n  line-height: 22px;\n}\n","// -------------------------------\n//       GLOBAL VARIABLES\n// -------------------------------\n\n// --------- COLORS ---------\n$primary: #233c96;\n$secondary: #3a8dfb;\n$secondary-darker: #357ddd;\n$secondary-2: #39F;\n$accent: #fa7889;\n$links: #2d9bf0;\n$queenly-grey: #527896;\n$error: #f4314a;\n$warning: #f5d547;\n$background: #ffffff;\n$secondary-background: #f9fafe;\n$light-blue-background: #243c96;\n$dark-blue-background: #0a2692;\n$grey-background: #f6f6f6;\n$gentle-green: #73d77d;\n$green: #82c91e;\n$body-text: #444a57;\n$black: #000000;\n$white: #ffffff;\n$grey: #888888;\n$grey-2: #5A6373;\n$light-grey: #cccccc;\n$light-grey-2: #c8c8c8;\n$cherry-bomb: #ff596d;\n$stc-dark-grey: #252849;\n$stc-button-shadow: #1e2c62;\n$shadow: rgba(0, 0, 0, 0.5);\n$light-shadow: rgba(0, 0, 0, 0.25);\n$white-shadow: rgba(255, 255, 255, 0.5);\n$black-shadow: rgba(0, 0, 0, 0.11);\n$grey-shadow: rgba(198, 207, 220, 0.41);\n$blue-shadow: rgba(45, 155, 240, 0.28);\n$blue-shadow-transparent: rgba(51, 153, 255, 0.15);\n$blue-gradient: linear-gradient(\n  15.64deg,\n  $secondary-darker 0%,\n  $secondary 100%\n);\n$dark-blue-gradient: linear-gradient(\n  45deg,\n  $light-blue-background 0%,\n  $dark-blue-background 100%\n);\n$stc-button-gradient: linear-gradient(118.71deg, #2341b0 0%, #203a97 100%);\n// COLORS According to the styleguide (https://projects.invisionapp.com/prototype/styleguide2-ckesabylu000l1v01l0fmrao0/play/e4264193)\n$duchess-blue: #233c96;\n$august-blue: #3a83fb;\n$wellborn-blue: #2d9bf0;\n$queenly-grey: #527896;\n$swansong: #f9fafe;\n$noble-grey: #444a57;\n$black: #000000;\n$white: #ffffff;\n\n// --------- BOX SHADOWS ---------\n$image-shadow: 10px 15px 4px 0 $black-shadow;\n$label-shadow: 0 3px 4px 0 $light-shadow;\n$dropdown-shadow: 5px 5px 10px 0 $light-shadow;\n$button-shadow: 7px 7px 4px 0 $black-shadow;\n$button-blue-shadow: 2px 7px 4px 0 lighten($secondary, 23%);\n$button-hover-blue-shadow: 2px 7px 4px 0 lighten($secondary, 20%);\n$button-hover-black-shadow: 1px 3px 4px 0 $black-shadow;\n$button-bod-nav-hover: 0px 2px 4px 0 rgba(0,0,0,0.18);\n$icon-shadow: 0 2px 4px 0 $shadow;\n$widget-shadow: 7px 7px 20px 0 transparentize($secondary, 0.69);\n$modal-shadow: 7px 7px 10px 0 rgba(51, 153, 255, 0.29);\n$disclaimer-shadow: 2px 2px 10px 0 rgba(51,153,255,0.46);\n",".circle-ripple {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  background: transparent;\n\n  &__circle {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    opacity: 0;\n    width: 0;\n    height: 0;\n    border-radius: 50%;\n    background: transparentize($white, 0.75);\n  }\n  &.is-active .circle-ripple__circle {\n    animation: animate-ripple 0.4s ease-in;\n  }\n}\n\n@keyframes animate-ripple {\n  0% {\n    opacity: 0;\n  }\n  25% {\n    opacity: 1;\n  }\n  100% {\n    width: 200%;\n    padding-bottom: 200%;\n    opacity: 0;\n  }\n}\n","@import '../variables';\n@import '../typography';\n@import '../components/circle_ripple';\n\n@mixin outlined-button-mixin {\n  @include body-text;\n  position: relative;\n  background-color: transparent;\n  border-radius: 25px;\n  border: 1px solid $white;\n  padding: 5px 40px;\n  color: $white;\n  overflow: hidden;\n\n  &:before {\n    content: '';\n    background-color: $white;\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    top: 0;\n    left: 0;\n    opacity: 0;\n  }\n\n  &:hover:not(:disabled) {\n    border: 1px solid transparent;\n\n    &:before {\n      opacity: 0.12;\n    }\n  }\n}\n\n.outlined-button {\n  @include outlined-button-mixin;\n}\n\n@mixin outline-styling {\n  &,\n  &:focus {\n    outline: none;\n  }\n\n  &:focus-visible {\n    outline: 1px solid $black;\n  }\n}\n\n@mixin button-base {\n  @include link-text;\n  @include outline-styling;\n  box-sizing: border-box;\n  border-radius: 3px;\n  letter-spacing: 0.46px;\n  padding: 14px 42px; // default padding\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  &,\n  &:focus {\n    box-shadow: none;\n  }\n}\n\n.primary-button {\n  @include button-base;\n  background-color: $primary;\n  color: $white;\n  border: 1px solid $primary;\n  display: inline-block;\n\n  &:hover:not(:disabled) {\n    text-decoration: none;\n    background-color: #12266c;\n    color: $white;\n  }\n\n  &:disabled {\n    color: $body-text;\n    border: 1px solid #d5d5d5;\n    background-color: transparentize($body-text, 0.65);\n  }\n}\n\n.primary-button.disabled {\n  &:hover {\n    color: $body-text;\n    border: 1px solid #d5d5d5;\n    background-color: transparentize($body-text, 0.65);\n    pointer-events: none;\n  }\n  color: $body-text;\n  border: 1px solid #d5d5d5;\n  background-color: transparentize($body-text, 0.65);\n  pointer-events: none;\n}\n\n.primary-negative-button {\n  @include button-base;\n  background: transparent;\n  color: $white;\n  border: 1px solid $white;\n  display: inline-block;\n\n  &:hover:not(:disabled) {\n    text-decoration: none;\n    background: transparentize($white, 0.88);\n    border: 1px solid transparentize($white, 0.88);\n    color: $white;\n  }\n\n  &:disabled {\n    color: $body-text;\n    border: 1px solid transparentize($body-text, 0.82);\n    background: transparentize($body-text, 0.82);\n  }\n}\n\n.secondary-button {\n  @include button-base;\n  background-color: $white;\n  color: $secondary;\n  border: 1px solid $secondary;\n\n  &:hover:not(:disabled) {\n    cursor: pointer;\n    background-color: transparentize($secondary, 0.92);\n    color: $secondary;\n  }\n\n  &:disabled {\n    color: $body-text;\n    border: 1px solid transparentize($body-text, 0.89);\n    background: transparentize($body-text, 0.89);\n  }\n}\n\n.tertiary-button {\n  @include button-base;\n  background-color: $white;\n  color: $primary;\n  border: 1px solid $primary;\n\n  &:hover:not(:disabled) {\n    background: darken($secondary-background, 0.8%);\n    border: 1px solid darken($secondary-background, 20%);\n  }\n\n  &:disabled {\n    color: $body-text;\n    border: 1px solid transparentize($body-text, 0.89);\n    background: transparentize($body-text, 0.89);\n  }\n}\n\n.small-tertiary-button {\n  @extend .tertiary-button;\n  @include tag-text;\n  font-size: 13px;\n  color: $primary;\n}\n\n.call-to-action-button {\n  @include button-base;\n  height: 57px;\n  border-radius: 5px;\n  border: none;\n  background: linear-gradient(118.71deg, $secondary-darker 0%, $secondary 100%);\n  box-shadow: 5px 5px 10px 0 lighten($color: $blue-shadow, $amount: 0.1);\n  color: $white;\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 22px;\n  position: relative;\n  overflow: hidden;\n  transition: all cubic-bezier(0.64, 0.04, 0.35, 1);\n\n  &:disabled {\n    opacity: 0.5;\n  }\n\n  &:hover:not(:disabled) {\n    color: $white;\n    cursor: pointer;\n    background: linear-gradient(\n      118.71deg,\n      $secondary-darker 0%,\n      $secondary-darker 100%\n    );\n    box-shadow: 3px 3px 4px 0 lighten($color: $blue-shadow, $amount: 0.08);\n  }\n}\n\n.registration-pending-auction-button {\n  @extend .call-to-action-button;\n  background: linear-gradient(118.71deg, #fa9917 0%, #f78e02 100%);\n\n  &:disabled {\n    opacity: unset;\n  }\n}\n\n.payment-outstanding-auction-button {\n  @extend .call-to-action-button;\n  background: linear-gradient(118.71deg, #ff5f58 0%, #f2453e 100%);\n\n  &:disabled {\n    opacity: unset;\n  }\n\n  .ico-mark {\n    width: 22px;\n    height: 22px;\n  }\n}\n\n.registration-approved-auction-button {\n  @extend .call-to-action-button;\n  background: linear-gradient(118.71deg, #2ac940 0%, #0cca26 100%);\n\n  &:disabled {\n    opacity: unset;\n  }\n}\n\n.remove-button {\n  @include button-base;\n  color: $cherry-bomb;\n  border: 1px solid $cherry-bomb;\n  line-height: 20px;\n  padding: 0 37px;\n  height: 48px;\n  background: transparent;\n\n  &:hover,\n  &:focus,\n  &.active {\n    background: rgba(255, 89, 109, 0.1);\n    color: $cherry-bomb;\n  }\n}\n\n.remove-x-button {\n  @include outline-styling;\n  position: relative;\n  background: transparent;\n  border: none;\n  width: 30px;\n  height: 30px;\n  margin: 0;\n  padding: 0;\n\n  &::before {\n    position: absolute;\n    font-size: 30px;\n    color: $cherry-bomb;\n    content: '+';\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%) rotate(45deg);\n  }\n}\n\n.download-button {\n  @include button-base;\n  border-radius: 30px;\n  background-color: $secondary-darker;\n  border: 1px solid $secondary;\n  box-shadow: 5px 5px 10px 0 $blue-shadow;\n  color: $white;\n  transition: all cubic-bezier(0.64, 0.04, 0.35, 1);\n\n  &:hover {\n    cursor: pointer;\n    background-color: darken($color: $secondary-darker, $amount: 0.1);\n    box-shadow: 3px 3px 4px 0 darken($color: $blue-shadow, $amount: 0.04);\n  }\n}\n\n.round-button {\n  @include outline-styling;\n  height: 60px;\n  width: 60px;\n  border-radius: 30px;\n  border: none;\n  background-color: $white;\n  box-shadow: $button-blue-shadow;\n  position: relative;\n  overflow: hidden;\n\n  &:disabled {\n    opacity: 0.5;\n  }\n\n  &:hover:not(:disabled) {\n    cursor: pointer;\n    box-shadow: $button-hover-blue-shadow;\n  }\n}\n\n.small-round-button {\n  @include outline-styling;\n  height: 40px;\n  width: 40px;\n  border-radius: 20px;\n  border: none;\n  background-color: $white;\n  color: $black;\n  box-shadow: $button-shadow;\n  font-size: 20px;\n  font-weight: 700;\n  line-height: 28px;\n  transition: all 0.2s ease;\n  position: relative;\n  overflow: hidden;\n\n  &:hover:not(:disabled) {\n    cursor: pointer;\n    color: $secondary;\n    box-shadow: $button-hover-black-shadow;\n  }\n}\n\n.square-button {\n  @include outline-styling;\n  @include header-3;\n  background: $white;\n  color: $black;\n  height: 40px;\n  width: 40px;\n  border-color: transparent;\n  box-shadow: $button-shadow;\n  border-radius: 3px;\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n\n  &::before {\n    content: '>';\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n\n  &.reverse {\n    &::before {\n      content: '<';\n    }\n  }\n\n  &:hover:enabled {\n    box-shadow: 1px 3px 4px 0 $light-shadow;\n    color: $secondary;\n  }\n\n  &--faded {\n    background: transparentize($white, 0.62);\n    color: $white;\n    height: 44px;\n    width: 44px;\n    box-shadow: none;\n    border-radius: 5px;\n    font-size: 30px;\n    font-weight: 700;\n\n    &:hover:enabled {\n      background: transparentize($white, 0.41);\n      box-shadow: none;\n      color: $white;\n    }\n\n    &:disabled {\n      opacity: 0.76;\n      color: lighten($black, 31%);\n    }\n  }\n}\n\n.text-button {\n  @include outline-styling;\n  background: transparent;\n  border: none;\n  color: $secondary;\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 22px;\n}\n\n.close-button {\n  @include outline-styling;\n  position: absolute;\n  right: 20px;\n  top: 20px;\n  height: 37px;\n  width: 37px;\n  border: 0;\n  border-radius: 3px;\n  box-shadow: $button-shadow;\n  color: $black;\n  background-color: $white;\n  opacity: 1;\n\n  &:hover {\n    color: $secondary;\n    box-shadow: $button-hover-black-shadow;\n  }\n\n  .close-icon {\n    font-size: 20px;\n    font-weight: 700;\n    line-height: 28px;\n  }\n}\n\n.white-button {\n  @include button-base;\n  background-color: white;\n  color: $secondary;\n  border: 1px solid $secondary;\n  display: inline-block;\n  border-radius: 6px;\n  width: 100%;\n  text-align: center;\n  padding: 8px 5px;\n  cursor: pointer;\n  font-weight: 600;\n  font-size: 14px;\n  text-transform: capitalize;\n\n  &:hover:not(:disabled) {\n    text-decoration: none;\n    background-color: #f7f9fc;\n    color: $secondary;\n    border: 1px solid $secondary;\n  }\n\n  &:disabled {\n    color: $body-text;\n    border: 1px solid #d5d5d5;\n    background-color: transparentize($body-text, 0.65);\n  }\n  img {\n    width: 18px;\n    height: 18px;\n    margin-right: 5px;\n    margin-bottom: 2px;\n  }\n}\n","@import '../../variables';\n@import '../../typography';\n\nsection.upload-wrapper {\n  margin-top: 30px;\n}\n\n#my-documents-form #file-upload-message {\n  &.error {\n    color: $cherry-bomb;\n  }\n\n  &.success {\n    color: $gentle-green;\n  }\n}\n\n#my-documents-verify-box {\n  counter-reset: item-counter;\n  .documents-header {\n    @include header-2;\n    text-align: left !important;\n  }\n\n  .step-box {\n    width: 40px;\n    margin: 0 15px;\n\n    .step-number {\n      @include body-text;\n      color: $primary;\n      counter-increment: item-counter;\n      font-size: 16px;\n      font-weight: 600;\n      box-sizing: border-box;\n      height: 38px;\n      width: 38px;\n      opacity: 0.45;\n      border: 1px solid $primary;\n      border-radius: 50%;\n      &::before {\n        content: counter(item-counter);\n      }\n    }\n  }\n}\n\n.my-documents {\n  .header {\n    color: $primary;\n    font-size: 27px;\n    font-weight: 700;\n    letter-spacing: 1.43px;\n    line-height: 40.5px;\n  }\n\n  .content {\n    color: $body-text;\n    font-size: 16px;\n    font-weight: 500;\n    line-height: 24px;\n  }\n}\n\n.divider {\n  height: 1.5px;\n  background: #e6e6e6;\n  margin: 40px 0;\n}\n","@import '../../typography';\n@import '../../variables';\n@import '../../responsive-utils';\n\n.my-favourites-container {\n  display: flex;\n  flex-direction: column;\n\n  h2 {\n    @include header-2;\n  }\n\n  section {\n    margin-bottom: 50px;\n\n    .properties-list {\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: space-between;\n    }\n\n    h3 {\n      @include header-4;\n      color: $primary;\n      opacity: 0.45;\n      margin-bottom: 30px;\n    }\n\n    > p {\n      @include body-text;\n      color: $primary;\n      margin: 0;\n    }\n  }\n}\n\n.my-favourites-card {\n  @include tablet {\n    width: 100%;\n  }\n\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  width: calc(50% - 15px);\n\n  .card {\n    border: none;\n    box-shadow: none;\n  }\n\n  .property-card {\n    margin-bottom: 0;\n  }\n}\n","@import '../../variables';\n@import '../../typography';\n\n#account-payment-details {\n  @include mobile {\n    padding: 0;\n  }\n  .small-header-text {\n    @include body-text;\n  }\n  .header {\n    font-size: 27px;\n    font-weight: 700;\n    color: $primary;\n    padding: 2rem 0 70px 0;\n  }\n\n  .separator {\n    border-bottom: 1px solid #c5e0ff;\n    margin-block: 42px;\n  }\n\n  .subtitle {\n    font-size: 20px;\n    font-weight: 600;\n  }\n\n  #outstanding-payments-container {\n    .header {\n      .small-header-text {\n        @include italic-text;\n      }\n    }\n\n    .your-outstanding-payments {\n      padding-bottom: 25px;\n      &__header {\n        color: $secondary;\n        font-size: 25px;\n        line-height: 35px;\n        letter-spacing: 0.93px;\n        font-weight: 600;\n      }\n\n      .outstanding-payment {\n        &__description {\n          font-weight: 500;\n          font-size: 16px;\n          line-height: 24px;\n          color: $secondary;\n          opacity: 0.8;\n        }\n\n        &__button {\n          @include mobile {\n            margin-left: auto;\n            margin-right: auto;\n            width: 100%;\n          }\n          width: fit-content;\n          padding-inline: 85px;\n          padding-block: 1rem;\n          height: fit-content;\n          text-align: center;\n          text-decoration: none;\n        }\n      }\n\n      .small-header {\n        font-weight: 500;\n\n        &__italic {\n          @include italic-text;\n        }\n      }\n\n      .balance-of-deposit-due {\n        &:not(:last-of-type) {\n          border-bottom: 1px solid $light-grey-2;\n        }\n        &:last-of-type {\n          padding: 0 !important;\n        }\n\n        &__button {\n          @include extra-widescreen {\n            width: 356px;\n          }\n          @include not-widescreen {\n            width: 356px;\n            margin-left: auto;\n            margin-right: auto;\n          }\n          @include mobile {\n            width: 100%;\n            margin-left: auto;\n            margin-right: auto;\n          }\n          width: 330px;\n          height: fit-content;\n          text-align: center;\n          text-decoration: none;\n        }\n      }\n\n      .properties {\n        width: 100%;\n\n        .property-block {\n          @include not-widescreen {\n            width: 100%;\n            text-align: center;\n          }\n          @include extra-widescreen {\n            width: 356px;\n          }\n          width: 330px;\n          border: 1px solid rgba(51, 153, 255, 0.22);\n          box-shadow: 4px 4px 1px 0 $blue-shadow-transparent;\n          border-radius: 8px;\n          min-height: 180px;\n\n          &__summary {\n            font-size: 13px;\n            color: #0c0e2d;\n            letter-spacing: 0.34px;\n            line-height: 18px;\n            font-weight: 600;\n            opacity: 0.41;\n          }\n\n          &__address {\n            color: $secondary;\n            font-size: 17px;\n            font-weight: 600;\n            line-height: 24px;\n          }\n\n          &__details {\n            @include body-text;\n          }\n        }\n      }\n    }\n  }\n\n  #payment-details-container {\n    @include mobile {\n      width: 100%;\n    }\n\n    width: 80%;\n\n    .bank-detail {\n      &__name {\n        @include form-label;\n      }\n\n      &__value {\n        @include header-4;\n        color: lighten($black, 28%);\n        letter-spacing: 0.4px;\n        line-height: 28px;\n        padding: 6px 0;\n      }\n    }\n\n    .payment-details-card {\n      width: 100%;\n\n      .payment-details-header {\n        @include header-4;\n        color: $secondary;\n      }\n\n      &:not(:last-child) {\n        border-bottom: 1px solid $light-grey-2;\n      }\n\n      .notification-icon {\n        margin-right: 5px;\n      }\n    }\n  }\n}\n","@import '../../variables';\n@import '../../typography';\n@import '../../responsive-utils';\n@import '../../components/header';\n@import '../../components/button';\n@import './my_documents.scss';\n@import './my_favourites.scss';\n@import './payment_details.scss';\n\n.account-menu-open {\n  @include tablet {\n    overflow: hidden;\n  }\n}\n\n#account-dashboard-container {\n  margin-top: 30px;\n\n  #account-dashboard-menu {\n    background-color: $white;\n    padding: 0;\n\n    .header {\n      @include header-4;\n      color: $secondary;\n    }\n\n    .menu-container {\n      .logout-button {\n        @include header-3;\n        text-decoration: none;\n        display: inline-block;\n      }\n    }\n\n    .menu-header {\n      @include header-4;\n      padding: 25px 0 0 15px;\n      font-weight: 700;\n      font-size: 18px;\n    }\n\n    .menu-element-href {\n      @include link-text;\n      color: $primary;\n      letter-spacing: 0.76px;\n\n      &.active {\n        color: #4774d9;\n      }\n    }\n\n    .menu-element-href:hover {\n      text-decoration: none;\n    }\n\n    .menu-element {\n      color: $primary;\n      height: 51px;\n      align-items: center;\n      margin-left: 0;\n\n      &.active {\n        background-color: #f5f7fa;\n        margin-left: -50px;\n        padding-left: 50px;\n      }\n\n      &-icon {\n        margin-right: 15px;\n      }\n\n      &-img {\n        width: 14px;\n        height: 16px;\n\n        &.img-deactivate {\n          opacity: 0.44;\n        }\n      }\n\n      &-link-active {\n        color: $secondary;\n      }\n\n      .menu-alert-ico {\n        color: $error;\n        font-size: 23px;\n      }\n\n      &-link:hover {\n        text-decoration: none;\n      }\n\n      &-coming {\n        @include tag-text;\n        padding-left: 5px;\n        color: $body-text;\n        font-weight: 500;\n      }\n      &-text {\n        @include body-text;\n        color: $black;\n      }\n\n      .element-deactivate {\n        @include body-text;\n        color: $black;\n        opacity: 0.44;\n      }\n    }\n\n    #buttons-container {\n      display: flex;\n      justify-content: center;\n      flex-wrap: wrap;\n      margin: 50px 0;\n\n      @include desktop {\n        justify-content: left;\n        padding-left: 0.78125rem;\n      }\n\n      .contact-us-btn {\n        @include link-text;\n        height: 34px;\n        border: 1px solid #e4e4e4;\n        color: $body-text;\n        line-height: 0;\n      }\n    }\n\n    .content-container {\n      width: 100%;\n    }\n  }\n\n  #account-dashboard-content {\n    @include tablet {\n      min-height: calc(100vh - #{$HEADER_HEIGHT_MOBILE});\n    }\n    min-height: calc(80vh - #{$HEADER_HEIGHT});\n    background-color: $background;\n\n    .error-message {\n      color: $error;\n    }\n\n    .notification-message {\n      @include header-3;\n      font-weight: 600;\n      position: relative;\n      box-shadow: 4px 4px 10px $black-shadow;\n      width: 100%;\n      border-radius: 8px;\n    }\n\n    .alert-ico {\n      color: $error;\n      font-size: 23px;\n    }\n  }\n\n  .details-header {\n    @include mobile {\n      @include header-3;\n      color: $primary;\n    }\n    @include header-2;\n  }\n\n  .account-row {\n    @include mobile {\n      width: 80%;\n    }\n    width: 70%;\n  }\n\n  .update-button {\n    @include mobile {\n      text-align: center;\n    }\n    text-align: right;\n  }\n\n  #account-menu-button {\n    @include desktop {\n      display: none;\n    }\n    @include body-text;\n    font-weight: 600;\n    border-width: 0;\n    background: transparent;\n    color: $primary;\n    font-size: 18px;\n    padding: 10px;\n\n    &:focus {\n      outline: 0;\n    }\n  }\n}\n\n.dropdown {\n  .input-group {\n    background-color: white;\n    border-radius: 3px;\n  }\n  .input-group-prepend {\n    display: none;\n  }\n  .form-control {\n    margin-left: 4px;\n  }\n  .dropdown-text {\n    cursor: pointer;\n  }\n}\n\n.disabled {\n  pointer-events: none;\n  opacity: 0.4;\n}\n"],"names":[],"ignoreList":[],"sourceRoot":""}