/*  FUNCTION */
/*  RESET  */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}

a {
  color: inherit;
  text-decoration: none;
}

h1,
h2,
h3,
p,
pre {
  margin: 0;
}

img {
  max-width: 100%;
  height: auto;
  display: inline-block;
}

ul[class],
ol[class] {
  margin: 0;
  padding: 0;
}

ul[class] {
  list-style: none;
}

ol[class] {
  list-style-position: inside;
}

/*  UTILITY  */
.separate > * + * {
  margin-top: 2rem;
}

.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*  BODY  */
body {
  margin: 0;
  background-color: #FFF;
  font-family: "Roboto", sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  color: #484848;
  letter-spacing: 0rem;
  -webkit-text-size-adjust: 100%;
}
body[app=true] nav.standalone {
  display: flex;
}
body[app=true] #voiceflow-chat {
  display: none !important;
}
body[app=true] footer {
  margin-bottom: 8rem;
}
body[app=true] footer .footer-info {
  display: none;
}
@media all and (display-mode: standalone) {
  body[app=false] nav.standalone {
    display: flex;
  }
  body[app=false] div#voiceflow-chat {
    display: none !important;
  }
  body[app=false] footer {
    margin-bottom: 8rem;
  }
  body[app=false] footer .footer-info {
    display: none;
  }
}
body[modal=true] {
  margin: 0 !important;
}
body[modal=true] nav.public,
body[modal=true] nav.account,
body[modal=true] nav.standalone,
body[modal=true] header,
body[modal=true] div.action-goback,
body[modal=true] footer {
  display: none !important;
}
body[snipetool=true] nav.standalone,
body[snipetool=true] footer {
  display: none;
}

select,
textarea,
input,
select,
textarea,
button {
  display: inline-block;
  margin: 0;
  border: 1px solid #C1D5E0;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  border-radius: 0;
}
select:focus,
textarea:focus,
input:focus,
select:focus,
textarea:focus,
button:focus {
  border-bottom-width: 3px;
}

input[type=button],
input[type=submit],
input[type=reset],
input[type=image],
button {
  border: 0;
}

input,
select,
textarea,
button {
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: #484848;
}

input:not([type=button]):not([type=submit]):not([type=reset]):not([type=checkbox]):not([type=radio]) {
  width: 100%;
}

input:not([type=button]):not([type=submit]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([disabled]) {
  background-color: #FFF;
}

input:disabled,
select:disabled {
  opacity: 1;
}

textarea {
  width: 100%;
  height: 18rem;
  background-color: #FFF;
}

h1,
h2,
h3 {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  line-height: 1em;
}

pre {
  font-family: inherit;
}

nav {
  position: fixed;
  display: flex;
  align-items: center;
  color: #FFF;
  z-index: 10;
}
nav .container {
  display: flex;
}
nav img {
  width: 4rem;
  height: 4rem;
}
nav .logo a {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  letter-spacing: 0;
}
nav a {
  color: #FFF;
  text-decoration: none;
}
nav [data-text]::after {
  content: attr(data-text);
  position: absolute;
  top: 50%;
  left: 6rem;
  transform: translateY(-50%);
  white-space: nowrap;
  color: #FFF;
}
nav.public [data-text]::after {
  font-size: 2.5rem;
}
nav li:has(a[href*="/search"])::after {
  content: "New";
  position: absolute;
  top: 1rem;
  left: 1.5rem;
  padding: 0.25rem;
  background-color: #F44336;
  font-size: 0.8rem;
  color: #ffffff;
  font-weight: 700;
  border-radius: 0.25rem;
  pointer-events: none;
}

.pg_account-auctions nav.account a[href*="/auctions"],
.pg_account-plan nav.account a[href*="/settings"],
.pg_account-search nav.account a[href*="/search"],
.pg_account-settings nav.account a[href*="/settings"],
.account.pg_help nav.account a[href*="/help"],
.account.pg_contact nav.account a[href*="/help"] {
  margin: 0 -0.5rem;
  padding: 0 0.5rem;
  background-color: #064685;
  color: #FA8243;
  border-radius: 1rem;
}
@media (min-width: 1200px) {
  .pg_account-auctions nav.account a[href*="/auctions"],
  .pg_account-plan nav.account a[href*="/settings"],
  .pg_account-search nav.account a[href*="/search"],
  .pg_account-settings nav.account a[href*="/settings"],
  .account.pg_help nav.account a[href*="/help"],
  .account.pg_contact nav.account a[href*="/help"] {
    font-weight: 700;
  }
}

section {
  margin: 0;
  padding: 0;
  padding-top: 4rem;
}
section.istab {
  padding-bottom: 0;
}
section.istab + section {
  padding-top: 0;
  margin-top: -1px;
}
section:last-of-type {
  padding-bottom: 4rem;
}
section.dialogue {
  padding-bottom: 0;
}

.container {
  margin: 0 auto;
  padding: 0 2rem;
  max-width: 120rem;
}
.container.restrain {
  max-width: 84rem;
}
@media (min-width: 1000px) {
  .container.restrain {
    max-width: 88rem;
  }
}
@media (min-width: 1000px) {
  .container {
    padding: 0 4rem;
  }
}

.message {
  margin-left: -2rem;
  margin-right: -2rem;
  padding: 4rem;
  color: #FFF;
  line-height: 1.4em;
}
@media (min-width: 700px) {
  .message {
    margin-left: 0rem;
    margin-right: 0rem;
  }
}
.message a {
  color: inherit !important;
}
.message.error {
  background-color: #f44336;
  border: 1px solid #f44336;
}
.message.success {
  background-color: #4caf50;
  border: 1px solid #4caf50;
}
.message.info {
  background-color: #2196f3;
  border: 1px solid #2196f3;
}
.message.warning {
  background-color: #ffd32f;
  border: 1px solid #ffd32f;
  color: #032058;
}
.message.note {
  background-color: #fffff0;
  border: 1px solid #ffd32f;
  color: #032058;
}
.message:not(.note) {
  outline: 2px solid #fff;
  outline-offset: -3px;
}
.message.message--form, .message.message--small {
  margin-left: 0;
  margin-right: 0;
  padding: 2rem 1rem;
}
.message.message--small {
  font-size: 1.4rem;
}
.message li:first-of-type {
  padding-top: 1rem;
}
.message li + li {
  padding-top: 0.75rem;
}

.dialogue {
  background-color: #E7F0F5;
}
.dialogue-extra {
  display: flex;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.2);
  margin-top: 2rem;
  padding: 2rem;
}
.dialogue-extra > * + * {
  padding-left: 2rem;
}

.systemstatus {
  display: flex;
  border-radius: 0.5rem;
  background-color: #FFF;
}
.systemstatus .systemstatus-icon {
  display: none;
  align-items: center;
  justify-content: center;
  width: 20%;
}
@media (min-width: 700px) {
  .systemstatus .systemstatus-icon {
    display: flex;
  }
}
.systemstatus .systemstatus-status {
  margin-right: 0.5rem;
}
.systemstatus .systemstatus-message {
  padding: 2rem;
  width: 100%;
}
.systemstatus .systemstatus-message a {
  color: inherit;
}
.systemstatus .systemstatus-message > strong + p {
  margin-top: 1rem;
}
.systemstatus .systemstatus-affected {
  margin-top: 1rem;
  text-align: right;
}
.systemstatus .systemstatus-affected span {
  padding: 0.25rem 0.75rem;
  margin-left: 0.5rem;
  border-radius: 0.5rem;
}

.content {
  min-height: 90vh;
  padding-bottom: 8rem;
  background-color: #E7F0F5;
}
.content #scrolltotop {
  position: fixed;
  right: 0;
  bottom: 20%;
  padding: 1rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 1rem 0 0 1rem;
  font-weight: 700;
  color: #FFF;
  transform: translateX(100%);
  opacity: 0;
  transition: transform 0.5s ease-in-out;
  cursor: pointer;
}
.content #scrolltotop.show {
  transform: translateX(0);
}

table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #484848;
}
table th {
  background-color: #D3D3D3;
}
table td {
  background-color: #EFEFEF;
  border-top: 1px solid #484848;
}
table th,
table td {
  padding: 2rem 1rem;
}

.form {
  padding: 4rem 2rem;
  background-color: #FFF;
  border: 1px solid #EFEFEF;
  border-radius: 1rem;
}
@media (min-width: 700px) {
  .form {
    padding: 4rem;
  }
}
.form.form.form--promo {
  background-color: #FA8243;
  border: 1px solid #F96111;
  color: #FFF;
}
.form.form.form--promo h3 {
  color: #FFF;
}

section.istab + section .form {
  border-radius: 0 0 1rem 1rem;
}

section.istab + section .form ~ .form {
  border-radius: 1rem;
}

.form h3 {
  font-weight: 700;
  color: #064685;
}

.form-help {
  padding: 0;
  font-size: 1.4rem;
  color: #001547;
}

.form-hidden {
  display: none;
  height: 0;
  opacity: 0;
}

.form-blank {
  padding: 2rem 1rem;
  background-color: transparent;
}

.form-checkbox {
  flex-shrink: 0;
  display: inline-block;
  width: 2rem;
  height: 2rem;
  cursor: pointer;
}
.form-checkbox input {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #FFF;
  border: 2px solid #F96111;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  pointer-events: none;
}
.form-checkbox input:checked::after {
  content: "";
  display: block;
  position: absolute;
  top: 0.1rem;
  left: 0.5rem;
  width: 0.6rem;
  height: 1.1rem;
  border: solid #064685;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

.form-display {
  display: block;
  position: relative;
}
.form-display div {
  padding: 3rem 1rem 1rem 1rem;
  background-color: #F8F8F8;
  color: #888;
  border: 1px solid #D3D3D3;
}
.form-display div + span {
  position: absolute;
  transform: translateY(-50%);
  top: 1.75rem;
  left: 1.1rem;
  font-size: 1.4rem;
  font-weight: 700;
  color: #888;
}

.form-dropdown {
  display: block;
  position: relative;
}
.form-dropdown select {
  width: 100%;
  padding: 3rem 1rem 1rem 1rem;
  cursor: pointer;
  background-color: #FFF;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="50"><polygon points="0,0 100,0 50,50" style="fill:%23888;" /></svg>');
  background-repeat: no-repeat;
  background-position: right 1rem top 50%;
  background-size: 1em auto;
}
.form-dropdown select:invalid + span {
  top: 50%;
  left: 1rem;
  font-size: 1.6rem;
  font-weight: 400;
  pointer-events: none;
}
.form-dropdown select + span, .form-dropdown select:valid + span {
  position: absolute;
  transform: translateY(-50%);
  top: 1.75rem;
  left: 1.1rem;
  font-size: 1.4rem;
  font-weight: 700;
  color: #888;
  pointer-events: none;
}
.form-dropdown select:disabled {
  background-color: #F8F8F8;
  color: #888;
  -webkit-text-fill-color: #888;
  border-color: #D3D3D3;
  background-image: none;
  cursor: default;
}

@media (min-width: 700px) {
  .form-outside {
    padding: 0 4rem 0 4rem;
  }
}

.form-plain {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #F6FAFC;
}
.form-plain strong {
  min-width: 20%;
}
.form-plain > * {
  padding: 2rem 1rem;
}
.form-plain--center {
  justify-content: center;
}

.form-switch {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem 1rem;
  background-color: #F6FAFC;
  cursor: pointer;
}
.form-switch input {
  flex-shrink: 0;
  position: relative;
  width: 50px;
  height: 30px;
  margin: 0;
  background-color: #FFF;
  border: 1px solid #D3D3D3;
  border-radius: 50px;
  box-shadow: inset -20px 0 0 0 #FFF;
  transition-duration: 0.2s;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  pointer-events: none;
}
.form-switch input::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  width: 26px;
  height: 26px;
  background-color: transparent;
  border-radius: 50%;
  box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.2);
}
.form-switch input:checked {
  border-color: #064685;
  box-shadow: inset 20px 0 0 0 #064685;
}
.form-switch input:checked::after {
  left: 20px;
  box-shadow: -2px 4px 3px rgba(0, 0, 0, 0.05);
}

.form-text,
.form-textarea {
  display: block;
  position: relative;
}
.form-text input,
.form-text textarea,
.form-textarea input,
.form-textarea textarea {
  padding: 3rem 1rem 1rem 1rem;
}
.form-text input:-moz-placeholder-shown + span, .form-text textarea:-moz-placeholder-shown + span, .form-textarea input:-moz-placeholder-shown + span, .form-textarea textarea:-moz-placeholder-shown + span {
  transform: translateY(-50%);
  top: 50%;
  left: 1rem;
  font-size: 1.6rem;
  font-weight: 400;
  pointer-events: none;
}
.form-text input:placeholder-shown + span,
.form-text textarea:placeholder-shown + span,
.form-textarea input:placeholder-shown + span,
.form-textarea textarea:placeholder-shown + span {
  transform: translateY(-50%);
  top: 50%;
  left: 1rem;
  font-size: 1.6rem;
  font-weight: 400;
  pointer-events: none;
}
.form-text input:not(:-moz-placeholder-shown) + span, .form-text textarea:not(:-moz-placeholder-shown) + span, .form-textarea input:not(:-moz-placeholder-shown) + span, .form-textarea textarea:not(:-moz-placeholder-shown) + span {
  position: absolute;
  transform: translateY(-50%);
  top: 1.75rem;
  left: 1.1rem;
  font-size: 1.4rem;
  font-weight: 700;
  color: #888;
}
.form-text input + span, .form-text input:focus + span, .form-text input:not(:placeholder-shown) + span,
.form-text textarea + span,
.form-text textarea:focus + span,
.form-text textarea:not(:placeholder-shown) + span,
.form-textarea input + span,
.form-textarea input:focus + span,
.form-textarea input:not(:placeholder-shown) + span,
.form-textarea textarea + span,
.form-textarea textarea:focus + span,
.form-textarea textarea:not(:placeholder-shown) + span {
  position: absolute;
  transform: translateY(-50%);
  top: 1.75rem;
  left: 1.1rem;
  font-size: 1.4rem;
  font-weight: 700;
  color: #888;
}
.form-text input:-moz-read-only, .form-text textarea:-moz-read-only, .form-textarea input:-moz-read-only, .form-textarea textarea:-moz-read-only {
  background-color: #F8F8F8 !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  border-color: #D3D3D3 !important;
}
.form-text input:disabled, .form-text input:read-only,
.form-text textarea:disabled,
.form-text textarea:read-only,
.form-textarea input:disabled,
.form-textarea input:read-only,
.form-textarea textarea:disabled,
.form-textarea textarea:read-only {
  background-color: #F8F8F8 !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  border-color: #D3D3D3 !important;
}
.form-text .form-text_info,
.form-textarea .form-text_info {
  margin-top: 2rem;
  display: none;
}
@media (min-width: 700px) {
  .form-text .form-text_info,
  .form-textarea .form-text_info {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 2rem 1rem;
    background-color: #EFEFEF;
    border: 1px solid #D3D3D3;
    border-top-width: 0;
    z-index: 1;
  }
}
.form-text .form-text_info.show,
.form-textarea .form-text_info.show {
  display: block;
}
.form-text .form-text_info ul.datalist li,
.form-textarea .form-text_info ul.datalist li {
  padding: 2rem 1rem;
  background-color: #E7F0F5;
}
@media (min-width: 700px) {
  .form-text .form-text_info ul.datalist li,
  .form-textarea .form-text_info ul.datalist li {
    background-color: #FFF;
  }
}
.form-text .form-text_info ul.datalist li + li,
.form-textarea .form-text_info ul.datalist li + li {
  margin-top: 1rem;
}
.form-text .form-text_info ul.datalist li:hover,
.form-textarea .form-text_info ul.datalist li:hover {
  background-color: #064685;
  color: #FFF;
  cursor: pointer;
}
@media (min-width: 700px) {
  .form-text .form-text_info ul.datalist li:hover,
  .form-textarea .form-text_info ul.datalist li:hover {
    background-color: #FFF;
    color: #484848;
    font-weight: 700;
  }
}
.form-text .form-text_info ul + div,
.form-textarea .form-text_info ul + div {
  margin-top: 2rem;
}

.form-number {
  display: none;
  height: 0;
  width: 0;
}

ol.form-list,
ul.form-list {
  margin-top: 2rem;
  padding: 1rem;
  background-color: #F6FAFC;
}
ol.form-list li,
ul.form-list li {
  padding: 1rem;
}
ol.form-list li + li,
ul.form-list li + li {
  margin-top: 1rem;
}
ol.form-list + *,
ul.form-list + * {
  margin-top: 4rem;
}

.btn {
  display: inline-block;
  padding: 1.25rem 2.25rem;
  color: #FFF;
  background-color: #FA8243;
  border-radius: 0.5rem;
  text-align: center;
}
.btn:focus, .btn:hover, .btn:active {
  background-color: #F96111;
  outline: 0;
}
.btn:hover {
  cursor: pointer;
}
.btn.btn-bg--green {
  background-color: #4CAF50;
  border: 1px solid #4CAF50;
  color: #FFF;
}
.btn.btn-bg--green:focus, .btn.btn-bg--green:hover, .btn.btn-bg--green:active {
  background-color: #4CAF50;
  border-color: #368e39;
}
.btn.btn-bg--primary {
  background-color: #064685;
  color: #FFF;
}
.btn.btn-bg--primary:focus, .btn.btn-bg--primary:hover, .btn.btn-bg--primary:active {
  background-color: #032058;
}
.btn.btn-bg--secondary {
  background-color: #FA8243;
  color: #FFF;
}
.btn.btn-bg--secondary:focus, .btn.btn-bg--secondary:hover, .btn.btn-bg--secondary:active {
  background-color: #F96111;
}
.btn.btn-bg--neutral {
  background-color: #EFEFEF;
  border: 1px solid #D3D3D3;
  color: #888;
}
.btn.btn-bg--neutral:focus, .btn.btn-bg--neutral:hover, .btn.btn-bg--neutral:active {
  border-color: #888;
  color: #484848;
}
.btn.btn-bg--white {
  background-color: #FFF;
  color: #064685;
}
.btn.btn-bg--white:focus, .btn.btn-bg--white:hover, .btn.btn-bg--white:active {
  color: #F96111;
}
.btn.btn-bg--blue {
  background-color: #2196F3;
  border: 1px solid #0c7cd5;
  color: #FFF;
}
.btn.btn-bg--blue:focus, .btn.btn-bg--blue:hover, .btn.btn-bg--blue:active {
  background-color: #0c7cd5;
  border-color: #2162f3;
}
.btn.btn-bg--clear {
  padding: 1.5rem;
  background-color: inherit;
  color: inherit;
}
.btn.btn-bg--clear:focus, .btn.btn-bg--clear:hover, .btn.btn-bg--clear:active {
  background-color: inherit;
  font-weight: 700;
}
.btn.btn-bg--dark {
  padding: 1.5rem;
  background-color: #484848;
  border: 1px solid #484848;
  color: #FFF;
}
.btn.btn-bg--dark:focus, .btn.btn-bg--dark:hover, .btn.btn-bg--dark:active {
  border-color: #000;
}
.btn.btn--full {
  display: block;
  padding: 2rem 1rem;
  width: 100%;
  text-align: center;
}
.btn.btn--small {
  padding: 0.75rem 1.5rem;
  font-size: 1.4rem;
}
.btn.btn--big {
  padding: 1.75rem 2.75rem;
}
.btn.btn--square {
  padding: 0.75rem 0.75rem;
  font-size: 1.4rem;
}
.btn.btn--pill {
  border-radius: 0.5rem;
}
.btn.btn--status {
  padding: 0.25rem 0.75rem;
}
.btn.btn--disabled {
  background-color: #EFEFEF;
  border: 1px solid #EFEFEF;
  color: #888;
  pointer-events: none;
  cursor: default;
  opacity: 0.7;
}

.cards {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  margin-left: -2rem;
  padding-top: 2rem;
}
.cards .card-wrapper {
  display: flex;
  padding: 1rem 0 1rem 2rem;
}
@media (min-width: 700px) {
  .cards .card-wrapper {
    max-width: 50%;
  }
}
@media (min-width: 1000px) {
  .cards .card-wrapper {
    max-width: 33.3333%;
  }
}
.cards .card {
  display: flex;
  flex-direction: column;
  border: 1px solid #484848;
  border-radius: 1rem;
  background-color: #F8F8F8;
  text-align: center;
  overflow: hidden;
}
.cards .card_title {
  padding: 2rem 1rem;
  font-size: 2rem;
  background-color: #484848;
  color: #FFF;
  font-weight: 700;
}
.cards .card_text {
  padding: 2rem;
  text-align: justify;
  line-height: 1.5em;
}
.cards .card_action {
  margin-top: auto;
  padding: 2rem 0;
}

.column {
  display: flex;
  flex-direction: column;
}
.column > * {
  flex: 1;
  min-width: 0;
}
.column > * + * {
  margin: 2rem 0 0 0;
}
@media (min-width: 700px) {
  .column {
    flex-direction: row;
  }
  .column > * + * {
    margin: 0 0 0 2rem;
  }
}
@media (min-width: 700px) {
  .column.column--reverse {
    flex-direction: row-reverse;
  }
  .column.column--reverse > * + * {
    margin: 0 2rem 0 0;
  }
  .column .column-content + .column-image {
    margin-left: 4rem;
  }
  .column.column--reverse .column-content + .column-image {
    margin-right: 4rem;
    margin-left: 0;
  }
}
.column .column-content {
  align-self: center;
  text-align: center;
}
@media (min-width: 700px) {
  .column .column-content {
    text-align: left;
  }
}
.column .column-content_sub {
  font-size: 1.4rem;
  font-weight: 700;
  text-transform: uppercase;
}
.column .column-content_title {
  font-size: 5rem;
}
.column .column-content_text {
  font-size: 2rem;
  line-height: 1.5em;
}
.column .column-content .btn {
  margin-top: 4rem;
}
.column .column-image {
  position: relative;
  align-self: center;
  margin-top: 4rem;
  width: 100%;
  max-width: 20rem;
  text-align: center;
}
@media (min-width: 700px) {
  .column .column-image {
    margin-top: 0;
    width: auto;
    max-width: 100%;
  }
}
.column .column-image::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.column .column-image img,
.column .column-image svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
}
.column .column-image svg {
  background-color: #FFF;
  border-radius: 5rem;
  padding: 0 4rem;
  color: #064685;
}

.column .column-multi {
  display: flex;
  gap: 2rem;
}
.column .column-multi > * {
  flex: 1;
  min-width: 0;
}

.spinner-container {
  text-align: center;
}

.spinner {
  border: 0.15em solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  border-top: 0.15em solid currentColor;
  width: 0.9em;
  height: 0.9em;
  animation: spin 1s linear infinite;
  display: inline-block;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.svg-icon {
  display: inline-block;
  width: 1.25em;
  width: var(--fa-fw-width, 1.25em);
  height: 1em;
  vertical-align: -0.125em;
  overflow: visible;
  box-sizing: content-box;
  text-align: center;
}

[tooltip] {
  position: relative;
}
[tooltip]::before {
  display: none;
  content: attr(tooltip);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 100%;
  margin-left: 15px;
  width: 200px;
  padding: 1.5rem;
  border-radius: 0.5rem;
  background-color: #001547;
  font-size: 1.6rem;
  font-weight: 400;
  color: #fff;
}
[tooltip]::after {
  display: none;
  content: "";
  position: absolute;
  left: 100%;
  margin-left: -5px;
  top: 50%;
  transform: translateY(-50%);
  border: 10px solid transparent;
  border-color: transparent #001547 transparent transparent;
}
[tooltip].toolip--left::before {
  left: initial;
  margin-left: initial;
  right: 100%;
  margin-right: 15px;
}
@media (hover: hover) {
  [tooltip]:hover::before, [tooltip]:hover::after {
    display: block;
  }
}

.tabs {
  display: flex;
  border: 0;
}

.tab {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 1.5rem 0.5rem;
  background-color: #F6FAFC;
  border: 1px solid #E7F0F5;
  border-bottom-color: #EFEFEF;
  border-radius: 1rem 1rem 0 0;
  color: #484848;
  font-weight: 700;
  cursor: pointer;
}
.tab.current {
  position: relative;
  background-color: #FFF;
  border-color: #EFEFEF;
  border-bottom-width: 0;
  color: #F96111;
}
.tab svg {
  display: none;
}
@media (min-width: 700px) {
  .tab svg {
    display: inline-block;
  }
}
@media (min-width: 700px) {
  .tab svg + span {
    margin-left: 1rem;
  }
}

.stats {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: -2rem 0rem 0rem -2rem;
}
@media (min-width: 1200px) {
  .stats {
    flex-wrap: nowrap;
  }
}
.stats > * {
  margin: 2rem 0 0 2rem;
  width: calc(50% - 2rem);
  min-width: 0;
}
@media (min-width: 1200px) {
  .stats > * {
    width: 100%;
  }
}
.stats .stat {
  padding: 1.5rem 1rem;
  background-color: #efefef;
  border: 1px solid #d3d3d3;
}
.stats .stat label,
.stats .stat strong {
  display: block;
  text-align: center;
}
.stats .stat label {
  font-size: 1.4rem;
  text-transform: uppercase;
  /* color: #032058; */
}
.stats .stat strong {
  font-size: 2rem;
}

.code {
  display: flex;
  flex: 1;
}
.code > * {
  width: 100%;
}
.code > * + * {
  margin-left: 1rem;
}
.code .code_value {
  padding: 0;
  color: #484848;
  font-size: 6rem;
  text-align: center;
  text-transform: uppercase;
  border: 1px solid #064685;
  border-radius: 0.5rem;
}
.code .code_value:focus {
  border-width: 1px;
}

.image {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.image .title,
.image .sub {
  position: absolute;
  width: 100%;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.7);
  font-weight: 700;
  color: #fff;
}
.image .title {
  top: 0;
  left: 0;
}
.image .sub {
  bottom: 0;
  right: 0;
}
.image img {
  display: block;
}

.image--cover::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.image--cover img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 25%;
     object-position: 50% 25%;
}
@media (min-width: 700px) {
  .image--cover img {
    -o-object-position: 50% 50%;
       object-position: 50% 50%;
  }
}
.image--cover.image--maxheight20 {
  max-height: 20rem;
}

.image-broken {
  opacity: 0.5;
  padding: 0;
  background-color: #EFEFEF;
}

.table {
  border: 1px solid #484848;
}
.table .table_head,
.table .table_row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(1rem, 1fr));
  align-items: center;
  justify-items: center;
}
.table .table_head > *,
.table .table_row > * {
  padding: 2rem 1rem;
}
.table .table_head {
  background-color: #D3D3D3;
  font-size: 1.4rem;
  font-weight: 700;
}
.table .table_row {
  background-color: #EFEFEF;
  border-top: 1px solid #484848;
}
.table .table_row.nodata {
  grid-template-columns: 1fr;
  padding: 4rem 1rem;
  font-style: italic;
  text-align: center;
}

.pg_account-auctions .appnav a[href*="/auctions"],
.pg_account-plan .appnav a[href*="/settings"],
.pg_account-search .appnav a[href*="/search"],
.pg_account-settings .appnav a[href*="/settings"],
.account.pg_help .appnav a[href*="/help"],
.account.pg_contact .appnav a[href*="/help"] {
  color: #F96111;
  font-weight: 700;
}

footer {
  margin-top: auto;
}
footer .footer-contact {
  padding: 4rem 0;
  background-color: #EFEFEF;
  border-top: 1px solid #D3D3D3;
  font-weight: 700;
}
@media (min-width: 700px) {
  footer .footer-contact {
    padding: 2rem 0;
  }
}
footer .footer-contact .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (min-width: 700px) {
  footer .footer-contact .container {
    flex-direction: row;
    justify-content: space-between;
  }
}
footer .contact_question {
  font-size: 2.5rem;
}
footer .contact_solution {
  width: 100%;
}
@media (min-width: 700px) {
  footer .contact_solution {
    width: auto;
  }
}
footer .contact_solution a {
  display: block;
  padding: 1rem 1.5rem;
  margin-top: 2rem;
  background-color: #FFF;
  border: 1px solid;
  border-radius: 0.5rem;
  text-align: center;
  text-transform: uppercase;
}
@media (min-width: 700px) {
  footer .contact_solution a {
    display: inline-block;
    margin: 0;
  }
}
footer .contact_solution a:hover {
  color: #F96111;
}
@media (min-width: 700px) {
  footer .contact_solution a + a {
    margin-left: 0.5rem;
  }
}
footer .footer-info {
  display: flex;
  align-items: center;
  padding: 6rem 0;
  background-color: #484848;
  color: #EFEFEF;
}
footer .footer-info .container {
  display: flex;
  justify-content: space-between;
  flex-direction: column-reverse;
  width: 100%;
}
@media (min-width: 700px) {
  footer .footer-info .container {
    flex-direction: row;
  }
}
footer .footer-site {
  text-align: center;
}
@media (min-width: 700px) {
  footer .footer-site {
    text-align: left;
  }
}
footer .footer-site .language-accessibility {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 4rem;
}
@media (min-width: 700px) {
  footer .footer-site .language-accessibility {
    justify-content: left;
    margin-bottom: 2rem;
  }
}
footer .footer-site .language {
  position: relative;
  display: inline-block;
  padding: 1rem 1.5rem;
  background-color: white;
  font-size: 1.4rem;
  cursor: pointer;
  color: black;
  border: 1px solid black;
}
footer .footer-site .language span {
  padding-right: 2rem;
}
footer .footer-site .language.open .language_menu {
  display: block;
}
footer .footer-site .language.open svg {
  transform: rotate(-90deg);
}
footer .footer-site .language .language_menu {
  display: none;
  position: absolute;
  left: 0;
  bottom: 100%;
  width: 100%;
  padding: 0.5rem 1rem 1rem;
  background-color: white;
  outline: 1px solid black;
  text-align: left;
}
footer .footer-site .language .language_menu a {
  display: block;
  padding: 0.75rem 0.5rem;
  font-size: 1.4rem;
}
footer .footer-site .language .language_menu a:hover {
  font-weight: 700;
}
footer .footer-site .accessibility svg {
  margin-bottom: 0.2rem;
  margin-left: 2rem;
  width: 3.5rem;
  height: 3.5rem;
}
footer .footer-site .urls {
  margin-top: 2rem;
}
footer .footer-site .urls a {
  display: inline-block;
}
footer .footer-site .urls a + a {
  margin-left: 1rem;
}
footer .footer-site .urls img {
  width: 30px;
  filter: grayscale(100%);
  border: 0.5px solid #D3D3D3;
  cursor: pointer;
}
footer .footer-site .urls img:hover {
  filter: grayscale(50%);
}
footer .footer-site .urls img.active, footer .footer-site .urls img.active:hover {
  filter: none;
  margin-bottom: -3px;
  width: 38px;
  border-width: 0;
}
footer .footer-links {
  text-align: center;
  margin-bottom: 4rem;
}
footer .footer-links a {
  display: block;
}
@media (min-width: 700px) {
  footer .footer-links {
    text-align: right;
    margin-bottom: 0;
  }
}
footer .footer-site * + *,
footer .footer-links * + * {
  margin-top: 0.5rem;
}

.translate {
  position: fixed;
  display: inline-block;
  top: 40%;
  right: 0;
  transform: rotate(-90deg) translateX(50%);
  transform-origin: 100% 100%;
  padding: 0.5rem 1.5rem;
  background-color: #EFEFEF;
  border: 1px solid #D3D3D3;
  border-bottom: 0;
  border-radius: 0.5rem 0.5rem 0 0;
  font-size: 1.4rem;
  text-align: center;
}
.translate:hover {
  background-color: #FA8243;
  border-color: #F96111;
  color: #FFF;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 2rem;
  -webkit-backdrop-filter: blur(0.2rem);
          backdrop-filter: blur(0.2rem);
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 50000;
}
.modal .modal-container {
  position: absolute;
  display: flex;
  flex-direction: column;
  top: 20%;
  left: 50%;
  width: 96%;
  max-width: 40rem;
  transform: translateX(-50%);
  background-color: #FFF;
  border: 1px solid #484848;
  overflow: hidden;
}
.modal .modal_header,
.modal .modal_footer {
  display: flex;
  align-items: center;
  background-image: none;
}
.modal .modal_header {
  justify-content: space-between;
  background-color: #484848;
  padding: 1rem 2rem;
  font-weight: 700;
  color: #FFF;
}
.modal .modal_header button {
  margin-left: 2rem;
}
.modal .modal_footer {
  padding: 2rem;
}
.modal .modal_footer button {
  padding: 1rem;
}
.modal .modal_close {
  border-radius: 0.25rem;
  padding: 0.1rem 0.5rem;
}
.modal .modal_body {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 2rem;
}
.modal button + button {
  margin-left: 1rem;
}
.modal iframe {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 2px solid #D3D3D3;
}

.messagemodal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-backdrop-filter: blur(0.5rem);
          backdrop-filter: blur(0.5rem);
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 100;
}
.messagemodal .messagemodal-container {
  position: absolute;
  top: 10%;
  left: 50%;
  width: 90%;
  max-width: 69rem;
  height: 80%;
  transform: translateX(-50%);
  border: 1px solid #484848;
  border-radius: 1rem;
  overflow: hidden;
}
.messagemodal .messagemodal-head {
  padding: 2rem;
  background-color: #484848;
  color: white;
  font-weight: 700;
}
.messagemodal .messagemodal-body {
  display: flex;
  height: calc(100% - 7.2rem);
  padding: 2rem;
  background-color: #EFEFEF;
}
.messagemodal .messagemodal-scroll {
  overflow-y: auto;
  background-color: white;
  border: 2px solid #D3D3D3;
  padding: 4rem 2rem 4rem 2rem;
}
.messagemodal h3 {
  line-height: 1.5em;
}
.messagemodal .messagemodal-list {
  padding: 2rem;
  margin: 4rem auto;
  max-width: 45rem;
  background-color: #064685;
  border-radius: 1rem;
  color: white;
}
.messagemodal .messagemodal-list li {
  line-height: 1.5em;
}
.messagemodal .messagemodal-list > * + * {
  margin-top: 1rem;
}
.messagemodal .messagemodal-continue {
  background-color: white;
  padding: 2rem 0;
}
.messagemodal .messagemodal-continue > * + * {
  margin-top: 2rem;
}
.messagemodal .btn.btn--disabled {
  opacity: 1;
}

.tag--new {
  position: relative;
  overflow: hidden;
}

.tag--new::after {
  content: "New";
  position: absolute;
  right: 0;
  top: 0;
  width: 5em;
  transform: translate(1em, 0em) rotate(45deg);
  padding: 0.25rem;
  background-color: tomato;
  color: white;
  font-size: 1em;
  text-align: center;
  z-index: 5;
}

/*  PUBLIC  */
body.public header {
  padding: 10rem 2rem;
  padding-top: 15rem;
  text-align: center;
  background-color: #032058;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3Ccircle stroke='%23064685' vector-effect='non-scaling-stroke' id='a' fill='none' stroke-width='5' r='315'/%3E%3Cuse id='f' href='%23a' stroke-dasharray='100 100 100 9999'/%3E%3Cuse id='b' href='%23a' stroke-dasharray='250 250 250 250 250 9999'/%3E%3Cuse id='e' href='%23a' stroke-dasharray='1000 500 1000 500 9999'/%3E%3Cuse id='g' href='%23a' stroke-dasharray='1500 9999'/%3E%3Cuse id='h' href='%23a' stroke-dasharray='2000 500 500 9999'/%3E%3Cuse id='j' href='%23a' stroke-dasharray='800 800 800 800 800 9999'/%3E%3Cuse id='k' href='%23a' stroke-dasharray='1200 1200 1200 1200 1200 9999'/%3E%3Cuse id='l' href='%23a' stroke-dasharray='1600 1600 1600 1600 1600 9999'/%3E%3C/defs%3E%3Cg transform='translate(1000 750)' %3E%3Cg transform='rotate(0 0 0)' %3E%3Ccircle fill='%23064685' r='10'/%3E%3Cg transform='rotate(0 0 0)'%3E%3Cuse href='%23f' transform='scale(.1) rotate(50 0 0)' /%3E%3Cuse href='%23f' transform='scale(.2) rotate(100 0 0)' /%3E%3Cuse href='%23f' transform='scale(.3) rotate(150 0 0)' /%3E%3C/g%3E%3Cg transform='rotate(0 0 0)'%3E%3Cuse href='%23b' transform='scale(.4) rotate(200 0 0)' /%3E%3Cuse href='%23z' transform='scale(.5) rotate(250 0 0)' /%3E%3C/g%3E%3Cg id='z' transform='rotate(0 0 0)'%3E%3Cg transform='rotate(0 0 0)'%3E%3Cuse href='%23b'/%3E%3Cuse href='%23b' transform='scale(1.2) rotate(90 0 0)' /%3E%3Cuse href='%23b' transform='scale(1.4) rotate(60 0 0)' /%3E%3Cuse href='%23e' transform='scale(1.6) rotate(120 0 0)' /%3E%3Cuse href='%23e' transform='scale(1.8) rotate(30 0 0)' /%3E%3C/g%3E%3C/g%3E%3Cg id='y' transform='rotate(0 0 0)'%3E%3Cg transform='rotate(0 0 0)'%3E%3Cuse href='%23e' transform='scale(1.1) rotate(20 0 0)' /%3E%3Cuse href='%23g' transform='scale(1.3) rotate(-40 0 0)' /%3E%3Cuse href='%23g' transform='scale(1.5) rotate(60 0 0)' /%3E%3Cuse href='%23h' transform='scale(1.7) rotate(-80 0 0)' /%3E%3Cuse href='%23j' transform='scale(1.9) rotate(100 0 0)' /%3E%3C/g%3E%3C/g%3E%3Cg transform='rotate(0 0 0)'%3E%3Cg transform='rotate(0 0 0)'%3E%3Cg transform='rotate(0 0 0)'%3E%3Cuse href='%23h' transform='scale(2) rotate(60 0 0)'/%3E%3Cuse href='%23j' transform='scale(2.1) rotate(120 0 0)'/%3E%3Cuse href='%23j' transform='scale(2.3) rotate(180 0 0)'/%3E%3Cuse href='%23h' transform='scale(2.4) rotate(240 0 0)'/%3E%3Cuse href='%23j' transform='scale(2.5) rotate(300 0 0)'/%3E%3C/g%3E%3Cuse href='%23y' transform='scale(2) rotate(180 0 0)' /%3E%3Cuse href='%23j' transform='scale(2.7)'/%3E%3Cuse href='%23j' transform='scale(2.8) rotate(45 0 0)'/%3E%3Cuse href='%23j' transform='scale(2.9) rotate(90 0 0)'/%3E%3Cuse href='%23k' transform='scale(3.1) rotate(135 0 0)'/%3E%3Cuse href='%23k' transform='scale(3.2) rotate(180 0 0)'/%3E%3C/g%3E%3Cuse href='%23k' transform='scale(3.3) rotate(225 0 0)'/%3E%3Cuse href='%23k' transform='scale(3.5) rotate(270 0 0)'/%3E%3Cuse href='%23k' transform='scale(3.6) rotate(315 0 0)'/%3E%3Cuse href='%23k' transform='scale(3.7)'/%3E%3Cuse href='%23k' transform='scale(3.9) rotate(75 0 0)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-attachment: fixed;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  color: #FFF;
}
body.public header h1 {
  margin: 0 auto;
  font-size: 5rem;
  font-weight: 700;
  line-height: 1.2em;
}
body.public header p {
  margin-top: 2rem;
  font-size: 2rem;
  line-height: 1.5em;
}

nav.public {
  top: 0;
  left: 0;
  width: 100%;
  height: 8rem;
  background-color: #001547;
  transition: background-color 0.3s ease;
}
nav.public .container {
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
nav.public .logo {
  position: relative;
}
nav.public .menu {
  position: fixed;
  display: none;
  flex-direction: column;
  top: 8rem;
  left: 0;
  width: 100%;
  background-color: #064685;
  border-bottom: 2rem solid #001547;
}
nav.public .menu a {
  width: 100%;
  padding: 2rem 0;
  border-bottom: 1px solid #001547;
  text-align: center;
}
@media (min-width: 700px) {
  nav.public .menu {
    position: static;
    display: flex;
    flex-direction: row;
    align-items: center;
    width: auto;
    background-color: inherit;
    border: 0;
  }
  nav.public .menu a {
    width: auto;
    padding: 0.5rem 1.25rem;
    border: 0;
    text-align: left;
  }
  nav.public .menu #menu-highlight {
    margin: 0 0.75rem;
    border: 2px solid #F96111;
    border-radius: 0.5rem;
  }
}
@media (min-width: 700px) and (hover: hover) {
  nav.public .menu #menu-highlight:hover {
    background-color: #F96111;
    color: #FFF;
  }
}
nav.public #nav-toggle {
  cursor: pointer;
}
@media (min-width: 700px) {
  nav.public #nav-toggle {
    display: none;
  }
}
nav.public #nav-toggle svg {
  width: 3.5rem;
  height: 3.5rem;
}
nav.public.nav-trans {
  background-color: transparent;
}
nav.public.nav-trans.instant {
  transition: 0s;
}
nav.public.open {
  background-color: #001547;
  transition: 0s;
}
nav.public.open .menu {
  display: flex;
}

/*  ACCOUNT  */
body.account {
  margin: 0;
  background-color: #FFF;
}
@media (min-width: 700px) {
  body.account {
    margin: 0 0 0 8rem;
  }
}
@media (min-width: 1200px) {
  body.account {
    margin: 0 0 0 24rem;
  }
}
body.account header {
  background-color: #FFF;
  border-bottom: 1px solid #D3D3D3;
}
body.account header .titlebar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 0 1.5rem 0;
}
body.account header .titlebar svg {
  margin-right: 1rem;
}
body.account header .titlebar_title {
  font-size: 2.5rem;
  font-weight: 700;
  white-space: nowrap;
}
body.account header .titlebar_other {
  padding-left: 2rem;
  font-weight: 700;
}
body.account .navbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem 0;
}
body.account .navbar .navbar_actions {
  flex-shrink: 0;
  width: 4rem;
}
body.account .navbar .navbar_actions img {
  display: none;
  width: 4rem;
}
body.account .navbar .navbar_search {
  width: 100%;
  max-width: 50rem;
  padding: 0 2rem;
}
body.account .navbar .search_additem {
  position: relative;
  display: flex;
  border: 1px solid #001547;
  font-size: 1.6rem;
}
body.account .navbar .search_additem > div:first-of-type {
  flex: 1;
}
body.account .navbar .search_additem input {
  border: 0;
  padding: 1rem;
}
body.account .navbar .search_additem button {
  border: 0;
  padding: 1rem;
  border-radius: 0;
}
body.account .navbar .search_additem button span {
  display: none;
}
@media (min-width: 700px) {
  body.account .navbar .search_additem button span {
    display: inline;
  }
}
body.account .navbar .search_additem button svg {
  padding: 0 0.5rem;
}
@media (min-width: 700px) {
  body.account .navbar .search_additem button svg {
    padding: 0;
    padding-left: 0.5rem;
  }
}
body.account .navbar .search_additem a {
  display: none;
  position: absolute;
  top: 100%;
  left: 1.1rem;
  padding: 0.75rem 2rem;
  background-color: #001547;
  min-width: 50%;
  border-radius: 0 0 0.5rem 0.5rem;
  font-size: 1.2rem;
  color: #FFF;
  text-align: center;
}
body.account .navbar .search_additem:hover a, body.account .navbar .search_additem:focus-within a,
body.account .navbar .search_additem a:hover,
body.account .navbar .search_additem a:active {
  display: inline-block;
}
body.account .navbar .user_name {
  display: none;
}
@media (min-width: 700px) {
  body.account .navbar .user_name {
    display: block;
    padding-right: 1rem;
    white-space: nowrap;
  }
}
body.account .navbar .user_name,
body.account .navbar .user_icon {
  pointer-events: none;
}
body.account[snipetool=true] .navbar {
  display: none;
}
body.account[snipetool=true] header .titlebar {
  padding-top: 2.5rem;
}
body.account[snipetool=true] header .titlebar_name {
  display: block;
}
body.account[app=true] {
  margin-left: 0;
}
body.account[app=true] nav.account,
body.account[app=true] .navbar_actions svg {
  display: none;
}
body.account[app=true] .navbar_actions img {
  display: block;
}
@media all and (display-mode: standalone) {
  body.account[app=false] {
    margin-left: 0;
  }
  body.account[app=false] nav.account,
  body.account[app=false] .navbar_actions svg {
    display: none;
  }
  body.account[app=false] .navbar_actions img {
    display: block;
  }
}
body.account .vfrc-widget--launcher {
  bottom: 4rem !important;
}
body.account .navbar_actions,
body.account .navbar_user {
  display: flex;
  align-items: center;
  color: #032058;
}
body.account .navbar_actions > a,
body.account .navbar_user > a {
  color: #032058;
}
body.account .navbar_actions > a + a,
body.account .navbar_user > a + a {
  margin-left: 1rem;
}
body.account .navbar_actions svg {
  cursor: pointer;
  width: 3.5rem;
  height: 3.5rem;
}
@media (min-width: 1200px) {
  body.account .navbar_actions svg {
    display: none;
  }
}
body.account .navbar_user {
  position: relative;
  cursor: pointer;
}
body.account .navbar_user .user_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 4.5rem;
  width: 4.5rem;
  background-color: #D3D3D3;
  color: #032058;
  border-radius: 50%;
  font-size: 2rem;
  cursor: pointer;
}
body.account .navbar_user .user_menu {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 1.5rem;
  padding: 1rem;
  padding-top: 0;
  width: 24rem;
  background-color: #EFEFEF;
  border: 1px solid #D3D3D3;
  z-index: 5;
}
body.account .navbar_user .user_menu::before {
  content: "";
  position: absolute;
  bottom: 100%;
  right: 0;
  height: 6rem;
  width: 25%;
}
@media (min-width: 700px) {
  body.account .navbar_user .user_menu::before {
    width: 70%;
  }
}
@media (min-width: 1000px) {
  body.account .navbar_user .user_menu::before {
    width: 100%;
  }
}
body.account .navbar_user .user_menu::after {
  content: "";
  position: absolute;
  bottom: 100%;
  right: 2.2rem;
  transform: translateX(50%);
  border: 1rem solid transparent;
  border-color: transparent transparent #D3D3D3 transparent;
}
body.account .navbar_user .user_menu .plan {
  background-color: #FFF;
  padding-bottom: 1rem;
  border: 1px solid #032058;
}
body.account .navbar_user .user_menu .plan .plan_name {
  display: block;
  background-color: #001547;
  padding: 1rem;
  color: #FFF;
  font-weight: 700;
}
body.account .navbar_user .user_menu .plan .plan_desc {
  padding: 1rem;
  font-size: 1.4rem;
  color: #484848;
}
body.account .navbar_user .user_menu .plan .plan_option {
  color: #FFF;
  text-align: center;
  margin-top: 1rem;
}
body.account .navbar_user .user_menu li > a {
  display: block;
  background-color: #FFF;
  padding: 1rem;
  margin-top: 1rem;
}
body.account .navbar_user .user_menu li > a:hover {
  font-weight: 700;
}
body.account .navbar_user .user_menu li > a svg {
  margin-right: 0.5rem;
}
body.account .navbar_user .user_menu.open {
  display: inline-block;
  cursor: auto;
}
body.account .navbar_user:hover .user_menu {
  display: block;
}

nav.account {
  display: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 8rem;
  background-color: #032058;
  transition: width 0.3s ease;
}
nav.account [data-text]::after {
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s ease;
}
@media (min-width: 700px) {
  nav.account {
    display: block;
  }
}
@media (min-width: 1200px) {
  nav.account {
    width: 24rem;
  }
  nav.account [data-text]::after {
    opacity: 1;
    visibility: visible;
  }
}
nav.account .container {
  flex-direction: column;
  padding: 2rem;
  height: 100%;
}
nav.account .logo,
nav.account .menu > *,
nav.account #nav-settings > *,
nav.account #nav-toggle > * {
  position: relative;
}
nav.account .logo + .menu {
  margin-top: 6rem;
}
nav.account .menu svg,
nav.account #nav-settings svg,
nav.account #nav-toggle svg {
  width: 3rem;
  height: 3rem;
  padding: 0.5rem;
  margin-top: 0.2rem;
}
nav.account .menu li {
  min-height: 2rem;
}
nav.account .menu li + li {
  margin-top: 1.5rem;
}
nav.account .menu li:last-of-type {
  margin-bottom: 1.5rem;
}
nav.account .menu span {
  display: none;
}
nav.account #nav-toggle {
  display: none;
}
nav.account #nav-toggle svg {
  cursor: pointer;
}
nav.account a {
  display: block;
  min-height: 4.5rem;
}
nav.account .nav-bottom {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

nav.account.open {
  display: block;
  width: 24rem;
}
nav.account.open [data-text]::after {
  opacity: 1;
  visibility: visible;
}
nav.account.open #nav-toggle {
  position: absolute;
  top: 20%;
  left: 100%;
  display: block;
  background-color: #032058;
  padding: 2rem 0.5rem 2rem 0;
  border-radius: 0 0.5rem 0.5rem 0;
}
@media (min-width: 1200px) {
  nav.account.open #nav-toggle {
    display: none;
  }
}
nav.account.open #nav-toggle::before {
  content: "";
  position: fixed;
  display: block;
  top: 0;
  left: 24rem;
  width: 100%;
  height: 100%;
  background-color: transparent;
}

nav.standalone {
  position: fixed;
  display: none;
  align-items: center;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 8rem;
  background-color: #484848;
  border-top: 1px solid #888;
}
nav.standalone .container {
  display: flex;
  justify-content: space-evenly;
  gap: 1rem;
  width: 100%;
  padding-bottom: 1rem;
}
nav.standalone svg {
  height: 3rem;
}
nav.standalone a {
  flex: 1;
  text-align: center;
  padding: 0.5rem;
  color: #FFF;
}
nav.standalone a:hover {
  font-weight: 700;
}
nav.standalone span {
  display: block;
  font-size: 1.2rem;
  text-transform: uppercase;
}

@media (max-width: 1200px) and (hover: hover) {
  nav.account:not(.open) .menu [data-text]:hover::before,
  nav.account:not(.open) #nav-settings [data-text]:hover::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translateY(-50%);
    margin-left: 2rem;
    border: 1rem solid;
    border-color: transparent #484848 transparent transparent;
    z-index: 2;
  }
  nav.account:not(.open) .menu [data-text]:hover::after,
  nav.account:not(.open) #nav-settings [data-text]:hover::after {
    opacity: 1;
    visibility: visible;
    left: 8rem;
    background-color: #484848;
    padding: 1rem;
    font-size: 1.6rem;
    transition: all 0s;
  }
}
.action-goback {
  margin-top: 0;
  padding: 2.5rem 0;
  background-color: #EFEFEF;
  border-bottom: 1px solid #D3D3D3;
}
.action-goback a:hover span {
  font-weight: 700;
}

/*  PAGE SPECIFIC  */
.pg_contact input[type=radio],
.pg_contact .display-recent,
.pg_contact .display-new {
  display: none;
}
.pg_contact #display-recent:checked ~ section .tab_recent,
.pg_contact #display-new:checked ~ section .tab_new {
  background-color: #FFF;
  border: 1px solid #EFEFEF;
  border-bottom-width: 0;
  color: #F96111;
}
.pg_contact #display-recent:checked ~ section .display-recent,
.pg_contact #display-new:checked ~ section .display-new {
  display: block;
}
.pg_contact .table_head,
.pg_contact .table_row {
  grid-template-columns: 5rem 1fr 10rem;
}
@media (min-width: 700px) {
  .pg_contact .table_head,
  .pg_contact .table_row {
    grid-template-columns: 5rem 2fr 1fr 10rem;
  }
}
.pg_contact .head_title,
.pg_contact .row_title {
  justify-self: start;
}
.pg_contact .head_date,
.pg_contact .row_date {
  display: none;
}
@media (min-width: 700px) {
  .pg_contact .head_date,
  .pg_contact .row_date {
    display: block;
  }
}
.pg_contact .row_action a {
  white-space: nowrap;
}

body.pg_error {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #E7F0F5;
}
body.pg_error.notfound {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900'%3E%3Cpolygon fill='%23001547' points='957 450 539 900 1396 900'/%3E%3Cpolygon fill='%23032058' points='957 450 872.9 900 1396 900'/%3E%3Cpolygon fill='%23011d54' points='-60 900 398 662 816 900'/%3E%3Cpolygon fill='%2305327b' points='337 900 398 662 816 900'/%3E%3Cpolygon fill='%23022661' points='1203 546 1552 900 876 900'/%3E%3Cpolygon fill='%2307489e' points='1203 546 1552 900 1162 900'/%3E%3Cpolygon fill='%23032f6d' points='641 695 886 900 367 900'/%3E%3Cpolygon fill='%230960c1' points='587 900 641 695 886 900'/%3E%3Cpolygon fill='%23043a79' points='1710 900 1401 632 1096 900'/%3E%3Cpolygon fill='%230b7be4' points='1710 900 1401 632 1365 900'/%3E%3Cpolygon fill='%23064685' points='1210 900 971 687 725 900'/%3E%3Cpolygon fill='%232196f3' points='943 900 1210 900 971 687'/%3E%3C/svg%3E");
  background-attachment: fixed;
  background-size: cover;
}
body.pg_error img {
  width: 20rem;
  height: 20rem;
  margin-bottom: 2rem;
}
body.pg_error .error_container {
  background-color: #FFF;
  border: 1px solid #D3D3D3;
  width: 80%;
  max-width: 80rem;
  padding: 5rem;
  margin: 5rem 0rem;
  text-align: center;
}
body.pg_error h1 {
  display: block;
}

.pg_help .content {
  background-color: #FFF;
}
.pg_help .dialogue {
  background-color: #ffffff;
}
.pg_help .form-text .fa-magnifying-glass {
  position: absolute;
  right: 2rem;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.pg_help .form-text .fa-magnifying-glass:hover {
  color: black;
}
.pg_help .section {
  display: flex;
  flex-wrap: wrap;
  margin: -3rem 0 0 -3rem;
}
.pg_help .section > * {
  flex-basis: 100%;
}
@media (min-width: 700px) {
  .pg_help .section > * {
    flex-basis: calc(50% - 3rem);
  }
}
@media (min-width: 1000px) {
  .pg_help .section > * {
    flex-basis: calc(33.333% - 3rem);
  }
}
@media (min-width: 1400px) {
  .pg_help .section > * {
    flex-basis: calc(25% - 3rem);
  }
}
.pg_help .section .topic-news {
  flex-basis: 100%;
  order: 1;
}
@media (min-width: 700px) {
  .pg_help .section .topic-news .topic_articles {
    display: flex;
    flex-wrap: wrap;
    margin: -3rem 0 0 -3rem;
  }
  .pg_help .section .topic-news .topic_articles > * {
    flex-basis: calc(50% - 3rem);
    margin: 3rem 0 0 3rem;
  }
}
@media (min-width: 700px) and (min-width: 1000px) {
  .pg_help .section .topic-news .topic_articles > * {
    flex-basis: calc(33.333% - 3rem);
  }
}
@media (min-width: 700px) and (min-width: 1400px) {
  .pg_help .section .topic-news .topic_articles > * {
    flex-basis: calc(25% - 3rem);
  }
}
.pg_help [class^=topic-] {
  padding: 2rem 0;
  margin: 3rem 0 0 3rem;
}
.pg_help .topic_title {
  padding-bottom: 2rem;
  font-size: 2rem;
  font-weight: 700;
  color: #032058;
}
.pg_help .topic_articles a {
  display: block;
  position: relative;
  padding: 1rem 0;
  padding-right: 2.5rem;
}
.pg_help .topic_articles a::after {
  content: ">";
  position: absolute;
  top: 0;
  right: 0;
  transform: translateY(50%);
  font-weight: 700;
  color: #F96111;
}
@media (min-width: 700px) {
  .pg_help .topic_articles a::after {
    display: none;
  }
}
.pg_help .topic_articles a:hover {
  color: #F96111;
}
.pg_help .topic_articles .new {
  padding-left: 3rem;
}
.pg_help .topic_articles .new::before {
  content: "New";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  padding: 0.25rem;
  background-color: #f44336;
  font-size: 0.8rem;
  color: #ffffff;
  font-weight: 700;
  border-radius: 0.25rem;
  pointer-events: none;
}
.pg_help .topic-quick a::after {
  display: block;
}
.pg_help .article_title {
  margin-bottom: 4rem;
  font-weight: 700;
  font-size: 3rem;
  color: #032058;
}
.pg_help .article_body {
  line-height: 2rem;
}
.pg_help .article_body h2,
.pg_help .article_body h3 {
  margin-top: 4rem;
  font-weight: 700;
  color: #484848;
}
.pg_help .article_body p,
.pg_help .article_body pre {
  line-height: 1.5em;
}
.pg_help .article_body pre {
  width: 100%;
  max-width: 60rem;
  padding: 4rem 2rem;
  margin-top: 4rem;
  background-color: #E7F0F5;
  white-space: normal;
}
.pg_help .article_body li + li {
  margin-top: 1rem;
}
.pg_help .article_body table {
  width: 100%;
  max-width: 60rem;
}
.pg_help .article_body table th,
.pg_help .article_body table td {
  border: 1px solid #484848;
}
.pg_help .article_body img {
  width: 100%;
  max-width: 80rem;
  border: 1rem solid #efefef;
}
.pg_help .article_related {
  margin-top: 8rem;
}
.pg_help .article_related h1,
.pg_help .article_related h2,
.pg_help .article_related h3 {
  font-weight: 700;
  margin-bottom: 2rem;
}
.pg_help .article_related ul {
  margin-left: 0.2rem;
  padding-left: 2rem;
  border-left: 1rem solid #D3D3D3;
}
.pg_help .article_related li {
  padding: 1rem 0;
}
.pg_help .article_body a:not(.btn),
.pg_help .article_related a:not(.btn) {
  color: #F96111;
}
.pg_help .article_body a:not(.btn):hover,
.pg_help .article_related a:not(.btn):hover {
  text-decoration: underline;
}

.pg_features section {
  padding: 4rem 0;
  background-color: #E7F0F5;
}
.pg_features section:first-of-type {
  padding-top: 8rem;
}
.pg_features section:last-of-type, .pg_features section.features-big_last {
  padding-bottom: 8rem;
}
.pg_features section h2 {
  font-size: 3.5rem;
  line-height: 1.5em;
  color: #064685;
}
@media (min-width: 700px) {
  .pg_features section .column-image {
    max-width: 20rem;
  }
}
.pg_features section svg {
  width: 12rem !important;
  display: block;
  --fa-secondary-opacity: 1;
  --fa-secondary-color: #FA8243;
}
.pg_features .features-expert {
  background-color: #FFF;
}
.pg_features .features-expert h2 {
  color: #484848;
  margin: 4rem 0;
  padding-bottom: 4rem;
}
.pg_features .features-expert .expert_list {
  font-size: 1.5em;
}
.pg_features .features-expert .expert_list div {
  display: flex;
  align-items: center;
  padding: 2rem;
  background-color: #F6FAFC;
  border-left: 1rem solid #E7F0F5;
}
.pg_features .content {
  background-color: #FFF;
}

.pg_about .content {
  background-color: #FFF;
}
.pg_about .content img {
  margin: 2rem 4rem;
  width: 14rem;
}
@media (min-width: 700px) {
  .pg_about .content img {
    width: 20rem;
  }
}
.pg_about .content img.img--right {
  float: right;
  margin-right: 0;
}
.pg_about .content img.img--left {
  float: left;
  margin-left: 0;
  shape-outside: circle(50%);
}
.pg_about .content h2 {
  font-size: 3.5rem;
}
.pg_about .content div.form {
  font-size: 2rem;
  margin-bottom: 4rem;
}

.pg_index .column-content img {
  width: 15rem;
  margin: 1rem 0 2rem 0;
}
.pg_index header .column-content a + a {
  margin-left: 2rem;
}
.pg_index header .column-image img {
  background-color: #064685;
  border-radius: 50%;
}
.pg_index section {
  padding: 8rem 0;
}
.pg_index section .column-image img.image-bg--secondary {
  background-color: #FA8243;
}
.pg_index section .column-image img.image-bg--neutral {
  background-color: #FFF;
}
.pg_index section h2 {
  font-size: 3.5rem;
  line-height: 1.25em;
  color: #064685;
  margin-bottom: 1rem;
}
.pg_index section img {
  border-radius: 0 0 50% 50%;
}
.pg_index section:last-of-type img {
  background-color: #FA8243;
  border-radius: 50%;
}

.pg_about .stats_head,
.pg_index .stats_head {
  margin-bottom: 4rem;
  text-align: center;
  font-weight: 700;
  color: #484848;
}
.pg_about .stats_foot,
.pg_index .stats_foot {
  font-size: 1.4rem;
  text-align: center;
  color: #d3d3d3;
}

body.pg_index header {
  background-image: none;
}
body.pg_index .content {
  background-color: #F6FAFC;
}

.pg_login .content {
  background-color: #E7F0F5;
}
.pg_login div.form h3 {
  margin-bottom: 3rem;
}
.pg_login .form-display a.switch-account {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  color: #FFF;
  z-index: 5;
}
.pg_login .form-switch {
  justify-content: flex-start;
  padding: 0;
  background-color: transparent;
  border: 0;
  color: #001547;
}

.public.pg_contact .container.restrain,
.pg_forgot .container.restrain,
.pg_free .container.restrain,
.pg_login .container.restrain,
.pg_loginhelp .container.restrain,
.pg_password .container.restrain,
.pg_signup .container.restrain {
  max-width: 60rem;
}

body.pg_login nav.public {
  display: none;
}
body.pg_login header {
  padding-top: 6rem;
  padding-bottom: 0;
  background-color: #E7F0F5;
  background-image: none;
  color: #001547;
}
body.pg_login header img {
  height: 10rem;
  margin-bottom: 2rem;
}
body.pg_login header h1 {
  display: none;
}

.pg_free .email .email_badge,
.pg_signup .email .email_badge {
  text-align: center;
  padding-top: 1.5rem;
}
@media (min-width: 700px) {
  .pg_free .email,
  .pg_signup .email {
    display: flex;
    align-items: center;
  }
  .pg_free .email .email_badge,
  .pg_signup .email .email_badge {
    padding-left: 1rem;
    padding-top: 0;
  }
}

.pg_snipetool header h1 {
  max-width: 50rem;
}
.pg_snipetool input[type=radio],
.pg_snipetool .display-info,
.pg_snipetool .display-chrome,
.pg_snipetool .display-firefox,
.pg_snipetool .display-edge,
.pg_snipetool .display-opera,
.pg_snipetool .display-ios,
.pg_snipetool .display-all {
  display: none;
}
.pg_snipetool #display-info:checked ~ section .tab_info,
.pg_snipetool #display-chrome:checked ~ section .tab_chrome,
.pg_snipetool #display-firefox:checked ~ section .tab_firefox,
.pg_snipetool #display-edge:checked ~ section .tab_edge,
.pg_snipetool #display-opera:checked ~ section .tab_opera,
.pg_snipetool #display-ios:checked ~ section .tab_ios,
.pg_snipetool #display-all:checked ~ section .tab_all {
  background-color: #FFF;
  border: 1px solid #EFEFEF;
  border-bottom-width: 0;
  color: #F96111;
}
.pg_snipetool #display-info:checked ~ section .display-info,
.pg_snipetool #display-chrome:checked ~ section .display-chrome,
.pg_snipetool #display-firefox:checked ~ section .display-firefox,
.pg_snipetool #display-edge:checked ~ section .display-edge,
.pg_snipetool #display-opera:checked ~ section .display-opera,
.pg_snipetool #display-ios:checked ~ section .display-ios,
.pg_snipetool #display-all:checked ~ section .display-all {
  display: block;
}
.pg_snipetool label.tab a {
  pointer-events: none;
}
.pg_snipetool .image .title,
.pg_snipetool .image .sub {
  margin: 1rem;
  width: calc(100% - 2rem);
}
.pg_snipetool .image .title {
  font-size: 1.4em;
}
@media (min-width: 700px) {
  .pg_snipetool .image .title {
    font-size: 1.8em;
  }
}
.pg_snipetool .image .sub {
  text-align: right;
  font-size: 0.8em;
}
@media (min-width: 700px) {
  .pg_snipetool .image .sub {
    font-size: 1em;
  }
}
.pg_snipetool .image img {
  border: 1rem solid #888;
}

.pg_free .cf-turnstile iframe,
.pg_signup .cf-turnstile iframe,
.pg_contact .cf-turnstile iframe {
  width: 100% !important;
}

.pg_staff-account .account-info {
  margin-top: 4rem;
}
.pg_staff-account table {
  border-color: #032058;
  table-layout: fixed;
}
.pg_staff-account table.removed th {
  background-color: #F96111;
}
.pg_staff-account table th {
  background-color: #064685;
  color: #fff;
  text-align: left;
}
.pg_staff-account table tr {
  background-color: #FFF;
}
.pg_staff-account table tr.hover:hover {
  background-color: #F6FAFC;
  cursor: pointer;
}
.pg_staff-account table td {
  background-color: transparent;
  border-color: #032058;
}
.pg_staff-account input[name=show-hidden] {
  display: none;
}
.pg_staff-account input[name=show-hidden]:checked ~ table .show-hide {
  color: #FA8243;
}
.pg_staff-account input[name=show-hidden]:checked ~ table .hide-row {
  display: table-row;
}
.pg_staff-account .show-hide {
  float: right;
  cursor: pointer;
}
.pg_staff-account .hide-row {
  display: none;
}
.pg_staff-account [class^=contain_] + [class^=contain_] {
  margin-top: 2rem;
}
.pg_staff-account [class^=contain_] input[type=submit] {
  position: absolute;
  height: 0;
  width: 0;
  padding: 0;
  margin: 0;
  visibility: hidden;
}
.pg_staff-account .contain_profile tr td:first-of-type,
.pg_staff-account .contain_login tr td:first-of-type,
.pg_staff-account .contain_pricing tr td:first-of-type {
  background-color: #EFEFEF;
  font-weight: 700;
}
.pg_staff-account .contain_profile tr td:last-of-type,
.pg_staff-account .contain_login tr td:last-of-type,
.pg_staff-account .contain_pricing tr td:last-of-type {
  overflow-wrap: break-word;
}
.pg_staff-account .contain_pricing td {
  padding: 1rem;
}
.pg_staff-account .profile_plan {
  float: right;
  margin: -0.5rem 0;
  color: #FA8243;
}
.pg_staff-account .profile_plan,
.pg_staff-account .profile_notify span,
.pg_staff-account .profile_link span,
.pg_staff-account .note_staff,
.pg_staff-account .item_status,
.pg_staff-account .email_status {
  background-color: #EFEFEF;
  padding: 0.5rem 1rem;
}
.pg_staff-account .profile_plan {
  background-color: #FFF;
}
.pg_staff-account .profile_notify,
.pg_staff-account .profile_link {
  margin-top: -0.5rem;
}
.pg_staff-account .profile_notify span,
.pg_staff-account .profile_link span {
  display: inline-block;
  margin-top: 0.5rem;
}
.pg_staff-account .contain_winpoints form td {
  background-color: #EFEFEF;
}
.pg_staff-account .contain_winpoints .winpoints_refund {
  display: none;
}
.pg_staff-account .contain_winpoints .refundable:hover .winpoints_desc {
  position: relative;
}
.pg_staff-account .contain_winpoints .refundable:hover .winpoints_refund {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
}
.pg_staff-account .contain_winpoints .stat,
.pg_staff-account .contain_rewards .stat {
  padding: 1rem;
  background-color: #F6FAFC;
  border-color: #E7F0F5;
}
.pg_staff-account .contain_items .item {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "title  title" "dates  prices" "other  other";
  grid-gap: 1rem;
  gap: 1rem;
  row-gap: 2rem;
  align-items: center;
}
.pg_staff-account .contain_items .item .item_title {
  grid-area: title;
}
.pg_staff-account .contain_items .item .item-dates {
  grid-area: dates;
}
.pg_staff-account .contain_items .item .item-prices {
  grid-area: prices;
}
.pg_staff-account .contain_items .item .item-other {
  grid-area: other;
}
.pg_staff-account .contain_items .item_title {
  line-height: 2.5rem;
}
.pg_staff-account .contain_items .item-dates > * + *,
.pg_staff-account .contain_items .item-prices > * + * {
  margin-top: 1rem;
}
.pg_staff-account .contain_items .item-other {
  display: flex;
  gap: 1rem;
}
.pg_staff-account .contain_items .item-other > * {
  flex: 1;
}
.pg_staff-account .contain_email .email_title {
  margin-bottom: 2rem;
}

.pg_migrate .form-outside {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.pg_stats h1 {
  text-transform: uppercase;
  padding-bottom: 2rem;
}
.pg_stats .content {
  background-color: #FFF;
}
.pg_stats .container.restrain {
  max-width: 50rem;
}
.pg_stats .stats-menu {
  position: relative;
  cursor: pointer;
  text-transform: none;
}
.pg_stats .stats-menu_dropdown {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  width: 20rem;
  margin-top: 1.5rem;
  background-color: #484848;
  border: 1px solid #484848;
  border-radius: 0.5rem;
  color: #FFF;
  z-index: 5;
}
.pg_stats .stats-menu_dropdown::before {
  content: "";
  position: absolute;
  background-color: transparent;
  width: 10rem;
  height: 5rem;
  top: -5rem;
  right: 0;
}
.pg_stats .stats-menu_dropdown::after {
  content: "";
  position: absolute;
  bottom: 100%;
  right: 1.4rem;
  transform: translateX(50%);
  border: 1rem solid transparent;
  border-color: transparent transparent #484848 transparent;
}
.pg_stats .stats-menu_dropdown a {
  display: block;
  padding: 1.5rem 3rem;
}
.pg_stats .stats-menu:hover .stats-menu_dropdown {
  display: block;
}
.pg_stats .stats-menu_dropdown a:hover {
  color: #FFF;
  background-color: #888;
}
.pg_stats ul.summary {
  display: flex;
}
.pg_stats ul.summary li {
  flex: 1;
  background-color: #EFEFEF;
  padding: 2rem 1rem;
  text-align: center;
}
.pg_stats ul.summary li + li {
  margin-left: 1rem;
}
.pg_stats .form-switch {
  justify-content: flex-end;
  flex-direction: row-reverse;
  background-color: transparent;
  padding: 0 1rem;
}
.pg_stats .form-switch span {
  padding-left: 2rem;
}
.pg_stats table {
  border-color: #064685;
}
.pg_stats table th {
  background-color: #064685;
  color: #FFF;
  text-transform: uppercase;
}
.pg_stats table td {
  background-color: #F6FAFC;
}
.pg_stats .stat__refreshed {
  color: #D3D3D3;
}

.pg_account-auctions.vw_active .tabs a[href$="auctions:active"], .pg_account-auctions.vw_ended .tabs a[href$="auctions:ended"], .pg_account-auctions.vw_won .tabs a[href$="auctions:won"], .pg_account-auctions.vw_lost .tabs a[href$="auctions:lost"], .pg_account-auctions.vw_all .tabs a[href$="auctions:all"] {
  background-color: #FFF;
  border: 1px solid #EFEFEF;
  border-bottom-width: 0;
  color: #F96111;
}
@media (min-width: 700px) {
  .pg_account-auctions .show-menu-tip {
    display: none;
  }
}
.pg_account-auctions .auctions-plan svg {
  width: 2rem;
  margin-right: 2rem;
  margin-bottom: -0.5rem;
}
.pg_account-auctions .plan-container {
  display: flex;
  justify-content: space-between;
  gap: 2rem;
  background-color: #032058;
  padding: 1rem 2rem;
  border-radius: 0.5rem;
  color: #FFF;
}
.pg_account-auctions .plan-container .plan-group {
  flex: 1;
  display: flex;
  gap: 2rem;
}
.pg_account-auctions .plan-container a {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  background-color: #064685;
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  text-align: center;
}
@media (min-width: 700px) {
  .pg_account-auctions .plan-container a {
    max-width: 50%;
  }
}
@media (min-width: 1000px) {
  .pg_account-auctions .plan-container a {
    max-width: 40%;
  }
}
.pg_account-auctions .plan-container span,
.pg_account-auctions .plan-container strong {
  display: block;
  text-transform: uppercase;
}
.pg_account-auctions .plan-container .plan-main {
  background-color: #FFF;
}
.pg_account-auctions .plan-container .plan-main strong {
  font-size: 2.5rem;
}
.pg_account-auctions .plan-container .plan-main p {
  margin-top: -0.2rem;
  color: #888888;
  font-size: 1.2rem;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  line-height: 1em;
}
.pg_account-auctions .plan-container .plan-main::after {
  background-color: #064685;
  color: #FFF;
}
.pg_account-auctions .plan-container .plan-data {
  display: none;
}
@media (min-width: 400px) {
  .pg_account-auctions .plan-container .plan-data:nth-child(-n+2) {
    display: block;
  }
}
@media (min-width: 700px) {
  .pg_account-auctions .plan-container .plan-data:nth-child(-n+3) {
    display: block;
  }
}
@media (min-width: 1000px) {
  .pg_account-auctions .plan-container .plan-data:nth-child(-n+4) {
    display: block;
  }
}
@media (min-width: 1200px) {
  .pg_account-auctions .plan-container .plan-data:nth-child(n) {
    display: block;
  }
}
.pg_account-auctions .plan-container .plan-data::after {
  background-color: #FFF;
  color: #064685;
}
.pg_account-auctions .plan-container .plan-main,
.pg_account-auctions .plan-container .plan-data {
  position: relative;
}
.pg_account-auctions .plan-container .plan-main::after,
.pg_account-auctions .plan-container .plan-data::after {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  content: "?";
  right: 4px;
  bottom: 4px;
  border-radius: 50%;
  width: 1.2rem;
  height: 1.2rem;
  font-size: 1rem;
  font-weight: 700;
  opacity: 0.5;
}
.pg_account-auctions .plan-container .plan-main:hover::after,
.pg_account-auctions .plan-container .plan-data:hover::after {
  opacity: 1;
}
.pg_account-auctions .plan-container .plan-buy {
  flex: initial;
  background-color: #4CAF50;
  max-width: 40%;
}
@media (min-width: 700px) {
  .pg_account-auctions .plan-container .plan-buy span, .pg_account-auctions .plan-container .plan-buy strong {
    display: inline-block;
  }
  .pg_account-auctions .plan-container .plan-buy span {
    font-size: inherit;
  }
}
.pg_account-auctions .plan-container a span {
  font-size: 1.2rem;
}
.pg_account-auctions .auctions-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2rem;
  background-color: #FFF;
  border: 1px solid #EFEFEF;
}
.pg_account-auctions .auctions-nav > * {
  display: flex;
  align-items: center;
}
.pg_account-auctions .auctions-nav > * + * {
  margin-left: 1rem;
}
.pg_account-auctions .auctions-nav > * > * + * {
  margin-left: 1rem;
}
.pg_account-auctions .auctions-nav .form-checkbox + * {
  margin-left: 2rem;
}
.pg_account-auctions .auctions-nav .auctions-nav_action .btn span {
  padding-left: 1rem;
}
.pg_account-auctions .auctions-nav .auctions-nav_action .btn + .btn span {
  display: none;
}
@media (min-width: 700px) {
  .pg_account-auctions .auctions-nav .auctions-nav_action .btn + .btn span {
    display: inline;
    padding-left: 1rem;
  }
}
.pg_account-auctions .auctions-nav button.active {
  background-color: #064685;
  border-color: #064685;
  color: #FFF;
}
.pg_account-auctions .auctions-nav button[savelayout] {
  display: none;
}
.pg_account-auctions .auctions-nav input:not([type=checkbox]),
.pg_account-auctions .auctions-nav select {
  display: inline-block;
  padding: 0.6rem 0.75rem;
  border-color: #D3D3D3;
  font-size: 1.6rem;
}
.pg_account-auctions .auctions-nav input:not([type=checkbox]):focus,
.pg_account-auctions .auctions-nav select:focus {
  border-bottom-width: 1px;
}
.pg_account-auctions .auctions-nav select {
  background-color: #EFEFEF;
  padding-right: 2rem;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="50"><polygon points="0,0 100,0 50,50" style="fill:%23888888;" /></svg>');
  background-repeat: no-repeat;
  background-position: right 0.75rem top 50%;
  background-size: 0.5em auto;
  color: #888;
  border-radius: 0.5rem;
  cursor: pointer;
}
.pg_account-auctions .auctions-nav select:hover {
  border-color: #888;
  color: #484848;
}
.pg_account-auctions .auctions-nav .auctions-nav_filter {
  display: none;
}
@media (min-width: 700px) {
  .pg_account-auctions .auctions-nav .auctions-nav_filter {
    display: flex;
  }
}
.pg_account-auctions .auctions-nav .auctions-nav_filter button {
  display: none;
}
@media (min-width: 1000px) {
  .pg_account-auctions .auctions-nav .auctions-nav_filter button {
    display: inline-block;
  }
}
.pg_account-auctions .auctions-nav .auctions-nav_layout select {
  display: none;
}
@media (min-width: 700px) {
  .pg_account-auctions .auctions-nav .auctions-nav_layout select {
    display: inline-block;
  }
}
.pg_account-auctions .auctions-nav button[savelayout=true] {
  display: inline-block;
}
.pg_account-auctions .auctions-nav .form-switch {
  background-color: transparent;
  color: #888;
  padding: 0;
}
.pg_account-auctions .auctions-nav .form-switch span {
  padding-right: 1rem;
}
.pg_account-auctions .items h3 {
  padding: 2rem;
  padding-top: 0;
  font-weight: 700;
  color: #001547;
}
.pg_account-auctions .items h3 svg {
  width: 2rem;
  margin-right: 2rem;
}
.pg_account-auctions .items .item + h3 {
  padding: 2rem;
}
.pg_account-auctions .items[layout=tile] h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  background-color: #F9FCFE;
}
.pg_account-auctions .item {
  position: relative;
  padding: 2rem;
  background-color: #FFF;
  border: 1px solid #EFEFEF;
}
.pg_account-auctions .item.highlight--cancelled {
  background-color: #fffff0;
}
.pg_account-auctions .item.highlight--updated {
  background-color: #eef8ee;
}
.pg_account-auctions div[totalitems] .noitems-title {
  font-size: 2rem;
}
.pg_account-auctions div[totalitems]:not([totalitems="0"]) {
  display: none;
}
.pg_account-auctions .item_checkbox {
  display: flex;
}
.pg_account-auctions .item_title a {
  font-weight: 700;
  color: #032058;
}
.pg_account-auctions .item-detail {
  padding: 0 1rem;
}
.pg_account-auctions .item-detail .item_status {
  font-weight: 700;
}
.pg_account-auctions .item-detail > * {
  text-align: center;
}
.pg_account-auctions .item-detail > * + * {
  margin-top: 2rem;
}
.pg_account-auctions .item-listing,
.pg_account-auctions .item-snipe {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(5rem, 1fr));
  grid-gap: 1rem;
  gap: 1rem;
}
@media (min-width: 1000px) {
  .pg_account-auctions .item-listing,
  .pg_account-auctions .item-snipe {
    grid-gap: 2rem;
    gap: 2rem;
  }
}
.pg_account-auctions .item-listing > *,
.pg_account-auctions .item-snipe > * {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  text-align: center;
  font-size: 1.4rem;
}
@media (min-width: 700px) {
  .pg_account-auctions .item-listing > *,
  .pg_account-auctions .item-snipe > * {
    font-size: inherit;
  }
}
.pg_account-auctions .item-listing span,
.pg_account-auctions .item-snipe span {
  flex: 1;
  min-width: 0;
}
.pg_account-auctions .item-listing label,
.pg_account-auctions .item-snipe label {
  font-size: 1.4rem;
  font-weight: 700;
}
.pg_account-auctions .item_price:not(.W):not(.T),
.pg_account-auctions .item_max:not(.Q):not(.L):not(.U):not(.O) {
  border: 1px solid #C1D5E0;
}
.pg_account-auctions .item-listing,
.pg_account-auctions .item_bids {
  border: 1px solid #C1D5E0;
}
.pg_account-auctions .fa-circle-x {
  font-weight: 700;
}
.pg_account-auctions .items .item-actions .item_menu > * {
  white-space: nowrap;
}
.pg_account-auctions .items .item-actions .item_menu [confirm=itemcancel] svg {
  margin-right: 0.5rem;
  margin-bottom: -0.05rem;
}
.pg_account-auctions .items[layout=list] .item-actions > svg {
  display: none;
}
.pg_account-auctions .items[layout=list] .item {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-areas: "checkbox   title" "image      image" "listing    listing" "snipe      snipe" "detail     detail" "info       info" "actions    actions";
  grid-gap: 2rem;
  gap: 2rem;
}
@media (min-width: 700px) {
  .pg_account-auctions .items[layout=list] .item {
    grid-template-columns: 2rem 10rem 1fr;
    grid-template-areas: "checkbox title  title" "image image  listing" "image image  snipe" "detail detail info" "detail detail actions";
  }
}
.pg_account-auctions .items[layout=list] .item .item_checkbox {
  grid-area: checkbox;
}
.pg_account-auctions .items[layout=list] .item .item_title {
  grid-area: title;
}
.pg_account-auctions .items[layout=list] .item .item_image {
  grid-area: image;
}
.pg_account-auctions .items[layout=list] .item .item-detail {
  grid-area: detail;
}
.pg_account-auctions .items[layout=list] .item .item-listing {
  grid-area: listing;
}
.pg_account-auctions .items[layout=list] .item .item-snipe {
  grid-area: snipe;
}
.pg_account-auctions .items[layout=list] .item .item-info {
  grid-area: info;
}
.pg_account-auctions .items[layout=list] .item .item-actions {
  grid-area: actions;
}
.pg_account-auctions .items[layout=list] .item + .item {
  margin-top: 2rem;
}
.pg_account-auctions .items[layout=list] .item_checkbox,
.pg_account-auctions .items[layout=list] .item_title,
.pg_account-auctions .items[layout=list] .item-detail {
  align-self: center;
}
.pg_account-auctions .items[layout=list] .item_checkbox.false ~ .item_title {
  margin-left: -2rem;
}
.pg_account-auctions .items[layout=list] .item_status.callout::before {
  content: "";
  position: absolute;
  border: 1.5px solid;
  bottom: 0;
  left: 0;
  right: 0;
}
.pg_account-auctions .items[layout=list] .item-info_messages > div {
  margin-bottom: 2rem;
}
.pg_account-auctions .items[layout=list] .item-info_messages > * svg,
.pg_account-auctions .items[layout=list] .item-info_details > * svg {
  margin-right: 1rem;
}
@media (min-width: 700px) {
  .pg_account-auctions .items[layout=list] .item-info_messages > * svg,
  .pg_account-auctions .items[layout=list] .item-info_details > * svg {
    margin-right: 2rem;
  }
}
@media (min-width: 700px) {
  .pg_account-auctions .items[layout=list] .item-info_messages > *,
  .pg_account-auctions .items[layout=list] .item-info_details > * {
    display: flex;
    align-items: center;
  }
}
.pg_account-auctions .items[layout=list] .item-info_details {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: -2rem;
  margin-left: -2rem;
}
@media (min-width: 700px) {
  .pg_account-auctions .items[layout=list] .item-info_details {
    justify-content: flex-start;
  }
}
.pg_account-auctions .items[layout=list] .item-info_details > * {
  margin-top: 2rem;
  margin-left: 2rem;
}
.pg_account-auctions .items[layout=list] .item-info_details .item_winpointsrewards a {
  background-color: #484848;
  color: #FFF;
  font-size: 1.4rem;
  padding: 0.75rem 0.75rem;
  border-radius: 0.5rem;
  margin-top: -0.75rem;
}
@media (min-width: 700px) {
  .pg_account-auctions .items[layout=list] .item-info_details .item_winpointsrewards a {
    margin-top: 0;
  }
}
.pg_account-auctions .items[layout=list] .item-actions .item_menu {
  display: flex;
}
@media (min-width: 700px) {
  .pg_account-auctions .items[layout=list] .item-actions .item_menu {
    justify-content: flex-end;
  }
}
.pg_account-auctions .items[layout=list] .item-actions .item_menu > * {
  flex: 1;
  text-align: center;
}
@media (min-width: 700px) {
  .pg_account-auctions .items[layout=list] .item-actions .item_menu > * {
    flex: 0 1 auto;
  }
}
.pg_account-auctions .items[layout=list] .item-actions .item_menu > * + * {
  margin-left: 1rem;
}
.pg_account-auctions .items[layout=tile] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(30rem, 1fr));
  grid-gap: 1rem;
  gap: 1rem;
}
.pg_account-auctions .items[layout=tile] .item_title,
.pg_account-auctions .items[layout=tile] .item-detail,
.pg_account-auctions .items[layout=tile] .item_seller,
.pg_account-auctions .items[layout=tile] .item_bin,
.pg_account-auctions .items[layout=tile] .item_date p:last-of-type,
.pg_account-auctions .items[layout=tile] .item_bids,
.pg_account-auctions .items[layout=tile] .item-actions .item_menu {
  display: none;
}
.pg_account-auctions .items[layout=tile] .item {
  display: grid;
  grid-template-columns: auto auto 1fr auto;
  grid-template-areas: "checkbox   info    date    actions" "image      image   image   image" "snipe      snipe   snipe   snipe";
  grid-gap: 1rem;
  gap: 1rem;
}
.pg_account-auctions .items[layout=tile] .item .item_checkbox {
  grid-area: checkbox;
}
.pg_account-auctions .items[layout=tile] .item .item_date {
  grid-area: date;
}
.pg_account-auctions .items[layout=tile] .item .item-actions {
  grid-area: actions;
}
.pg_account-auctions .items[layout=tile] .item .item_image {
  grid-area: image;
}
.pg_account-auctions .items[layout=tile] .item .item-snipe {
  grid-area: snipe;
}
.pg_account-auctions .items[layout=tile] .item .item-info {
  grid-area: info;
}
.pg_account-auctions .items[layout=tile] .item_checkbox.false ~ .item-info {
  margin-left: -1.2rem;
}
.pg_account-auctions .items[layout=tile] .item-listing {
  display: block;
  min-width: 1rem;
  border: none;
}
.pg_account-auctions .items[layout=tile] .item-listing .item_date {
  padding: 0;
  text-align: right;
}
.pg_account-auctions .items[layout=tile] .item_image[text]::before {
  opacity: 0;
  content: attr(text);
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  right: 1rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.7);
  color: #FFF;
  pointer-events: none;
  z-index: 1;
}
.pg_account-auctions .items[layout=tile] .item:hover .item_image[text]::before {
  opacity: 1;
  transition: 0.5s ease-in-out;
}
@media (min-width: 700px) {
  .pg_account-auctions .items[layout=tile] .item_seller-return,
  .pg_account-auctions .items[layout=tile] .item_lastbid {
    display: none;
  }
}
.pg_account-auctions .items[layout=compact] .item_image,
.pg_account-auctions .items[layout=compact] .item_number,
.pg_account-auctions .items[layout=compact] .item-listing,
.pg_account-auctions .items[layout=compact] .item_bids,
.pg_account-auctions .items[layout=compact] .item-actions .item_menu {
  display: none;
}
.pg_account-auctions .items[layout=compact] .item {
  display: grid;
  grid-template-columns: 2rem auto 1fr auto auto;
  grid-template-areas: "checkbox   title   title   info   actions" "detail     detail  snipe   snipe  snipe";
  grid-gap: 1rem;
  gap: 1rem;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  align-items: center;
  padding: 1rem 2rem;
}
.pg_account-auctions .items[layout=compact] .item .item_checkbox {
  grid-area: checkbox;
}
.pg_account-auctions .items[layout=compact] .item .item_title {
  grid-area: title;
}
.pg_account-auctions .items[layout=compact] .item .item-actions {
  grid-area: actions;
}
.pg_account-auctions .items[layout=compact] .item .item-listing {
  grid-area: listing;
}
.pg_account-auctions .items[layout=compact] .item .item-snipe {
  grid-area: snipe;
}
.pg_account-auctions .items[layout=compact] .item .item-info {
  grid-area: info;
}
.pg_account-auctions .items[layout=compact] .item .item-detail {
  grid-area: detail;
  width: 10rem;
}
@media (min-width: 700px) {
  .pg_account-auctions .items[layout=compact] .item {
    grid-template-columns: 2rem auto auto 1fr auto auto;
    grid-template-areas: "checkbox   title   title   title   info   actions" "detail     detail  listing   snipe   snipe  snipe";
  }
  .pg_account-auctions .items[layout=compact] .item .item-listing {
    display: grid;
    align-items: center;
    justify-items: center;
    border: none;
  }
  .pg_account-auctions .items[layout=compact] .item .item_seller,
  .pg_account-auctions .items[layout=compact] .item .item_bin {
    display: none;
  }
}
@media (min-width: 1000px) {
  .pg_account-auctions .items[layout=compact] .item {
    grid-template-columns: 2rem auto 20% 20% 1fr auto auto;
    grid-template-areas: "checkbox   title   title   title   title   info    actions" "detail     detail  listing listing snipe   snipe   snipe";
  }
  .pg_account-auctions .items[layout=compact] .item .item_seller,
  .pg_account-auctions .items[layout=compact] .item .item_bids {
    display: block;
  }
}
@media (min-width: 1200px) {
  .pg_account-auctions .items[layout=compact] .item {
    grid-template-columns: 2rem 8.5rem auto 30% 1fr auto auto;
    grid-template-areas: "checkbox   image   title   title   title   info    actions" ".          image   detail  listing snipe   snipe   snipe";
  }
  .pg_account-auctions .items[layout=compact] .item .item_image {
    display: block;
    grid-area: image;
  }
}
.pg_account-auctions .items[layout=compact] .item + .item {
  margin-top: 0.2rem;
}
.pg_account-auctions .items[layout=compact] .item_checkbox.false ~ .item_title {
  margin-left: -4rem;
}
@media (min-width: 1200px) {
  .pg_account-auctions .items[layout=compact] .item_checkbox.false ~ .item_title {
    margin-left: 0;
  }
}
.pg_account-auctions .items[layout=compact] .item_status.callout::before {
  content: "";
  position: absolute;
  border: 1.5px solid;
  top: 0;
  right: 0;
  bottom: 0;
}
.pg_account-auctions .items[layout=compact] .item_seller-return,
.pg_account-auctions .items[layout=compact] .item_lastbid {
  display: none;
}
@media (min-width: 700px) {
  .pg_account-auctions .items[layout=compact] .item_seller-return,
  .pg_account-auctions .items[layout=compact] .item_lastbid {
    display: block;
  }
}
.pg_account-auctions .items[layout=tile] .item-info,
.pg_account-auctions .items[layout=compact] .item-info {
  display: flex;
}
.pg_account-auctions .items[layout=tile] .item-info_messages,
.pg_account-auctions .items[layout=tile] .item-info_details,
.pg_account-auctions .items[layout=compact] .item-info_messages,
.pg_account-auctions .items[layout=compact] .item-info_details {
  display: flex;
}
.pg_account-auctions .items[layout=tile] .item-info_messages svg,
.pg_account-auctions .items[layout=tile] .item-info_details svg,
.pg_account-auctions .items[layout=compact] .item-info_messages svg,
.pg_account-auctions .items[layout=compact] .item-info_details svg {
  pointer-events: none;
}
.pg_account-auctions .items[layout=tile] .item-info_messages span,
.pg_account-auctions .items[layout=tile] .item-info_details span,
.pg_account-auctions .items[layout=compact] .item-info_messages span,
.pg_account-auctions .items[layout=compact] .item-info_details span {
  display: none;
}
.pg_account-auctions .items[layout=tile] .item-info_messages > *,
.pg_account-auctions .items[layout=tile] .item-info_details > *,
.pg_account-auctions .items[layout=compact] .item-info_messages > *,
.pg_account-auctions .items[layout=compact] .item-info_details > * {
  position: relative;
}
.pg_account-auctions .items[layout=tile] .item-info_messages div:hover > span,
.pg_account-auctions .items[layout=tile] .item-info_details div:hover > span,
.pg_account-auctions .items[layout=compact] .item-info_messages div:hover > span,
.pg_account-auctions .items[layout=compact] .item-info_details div:hover > span {
  display: block;
  position: absolute;
  top: 100%;
  margin-top: 1rem;
  padding: 1rem;
  background-color: #EFEFEF;
  border: 1px solid #D3D3D3;
  width: 20rem;
  z-index: 5;
}
.pg_account-auctions .items[layout=tile] .item-info_messages div:hover > span::before,
.pg_account-auctions .items[layout=tile] .item-info_details div:hover > span::before,
.pg_account-auctions .items[layout=compact] .item-info_messages div:hover > span::before,
.pg_account-auctions .items[layout=compact] .item-info_details div:hover > span::before {
  content: "";
  position: absolute;
  bottom: 100%;
  background-color: transparent;
  width: 50%;
  height: 1.5rem;
}
.pg_account-auctions .items[layout=tile] .item-info_messages div:hover > span::after,
.pg_account-auctions .items[layout=tile] .item-info_details div:hover > span::after,
.pg_account-auctions .items[layout=compact] .item-info_messages div:hover > span::after,
.pg_account-auctions .items[layout=compact] .item-info_details div:hover > span::after {
  content: "";
  position: absolute;
  bottom: 100%;
  transform: translateX(50%);
  border: 1.1rem solid transparent;
  border-color: transparent transparent #D3D3D3 transparent;
}
.pg_account-auctions .items[layout=tile] .item-info_messages div:hover > span span,
.pg_account-auctions .items[layout=tile] .item-info_details div:hover > span span,
.pg_account-auctions .items[layout=compact] .item-info_messages div:hover > span span,
.pg_account-auctions .items[layout=compact] .item-info_details div:hover > span span {
  display: inline-block;
}
.pg_account-auctions .items[layout=tile] .item-info_messages > *,
.pg_account-auctions .items[layout=compact] .item-info_messages > * {
  margin-right: 0.5rem;
}
.pg_account-auctions .items[layout=tile] .item-info_details > * + *,
.pg_account-auctions .items[layout=compact] .item-info_details > * + * {
  margin-left: 0.5rem;
}
.pg_account-auctions .items[layout=tile] .item-actions,
.pg_account-auctions .items[layout=compact] .item-actions {
  position: relative;
  padding: 0 1rem;
  margin-right: -1rem;
  cursor: pointer;
}
.pg_account-auctions .items[layout=tile] .item-actions:hover .item_menu,
.pg_account-auctions .items[layout=compact] .item-actions:hover .item_menu {
  display: flex;
  flex-direction: column-reverse;
  position: absolute;
  top: 100%;
  right: 0.9rem;
  margin-top: 1rem;
  background-color: #D3D3D3;
  border: 1px solid #D3D3D3;
  cursor: pointer;
  z-index: 2;
}
.pg_account-auctions .items[layout=tile] .item-actions:hover .item_menu a,
.pg_account-auctions .items[layout=compact] .item-actions:hover .item_menu a {
  text-align: center;
  background-color: #EFEFEF;
  font-size: 1.4rem;
  color: #484848;
  border-radius: 0;
}
.pg_account-auctions .items[layout=tile] .item-actions:hover .item_menu a:hover,
.pg_account-auctions .items[layout=compact] .item-actions:hover .item_menu a:hover {
  background-color: #D3D3D3;
}
.pg_account-auctions .items[layout=tile] .item-actions:hover .item_menu a + a,
.pg_account-auctions .items[layout=compact] .item-actions:hover .item_menu a + a {
  margin-bottom: 1px;
}
.pg_account-auctions .items[layout=tile] .item-actions:hover .item_menu::before,
.pg_account-auctions .items[layout=compact] .item-actions:hover .item_menu::before {
  content: "";
  position: absolute;
  bottom: 100%;
  right: 0;
  background-color: transparent;
  width: 50%;
  height: 1.5rem;
}
.pg_account-auctions .items[layout=tile] .item-actions:hover .item_menu::after,
.pg_account-auctions .items[layout=compact] .item-actions:hover .item_menu::after {
  content: "";
  position: absolute;
  bottom: 100%;
  right: 0;
  border: 1rem solid transparent;
  border-color: transparent transparent #D3D3D3 transparent;
}
.pg_account-auctions .items[layout=tile] .item-listing,
.pg_account-auctions .items[layout=tile] .item-snipe,
.pg_account-auctions .items[layout=compact] .item-listing,
.pg_account-auctions .items[layout=compact] .item-snipe {
  grid-gap: 1rem;
  gap: 1rem;
}
.pg_account-auctions .items[layout=tile] .item-info div:hover span {
  left: -2rem;
}
.pg_account-auctions .items[layout=tile] .item-info div:hover span::after {
  left: 0.9rem;
}
.pg_account-auctions .items[layout=compact] .item-info div:hover span {
  right: -2rem;
}
.pg_account-auctions .items[layout=compact] .item-info div:hover span::before {
  right: 1rem;
}
.pg_account-auctions .items[layout=compact] .item-info div:hover span::after {
  right: 2.75rem;
}
.pg_account-auctions .items[layout=sheet] {
  display: table;
  border-collapse: collapse;
  width: 100%;
}
.pg_account-auctions .items[layout=sheet] .item {
  display: table-row;
  border: 1px solid #EFEFEF;
}
.pg_account-auctions .items[layout=sheet] .item_checkbox,
.pg_account-auctions .items[layout=sheet] .item_title,
.pg_account-auctions .items[layout=sheet] .item-detail,
.pg_account-auctions .items[layout=sheet] .item-listing,
.pg_account-auctions .items[layout=sheet] .item-snipe {
  display: table-cell;
  vertical-align: middle;
  padding: 1rem 0.5rem;
}
.pg_account-auctions .items[layout=sheet] .item_checkbox {
  padding-left: 2rem;
  padding-right: 1.5rem;
  width: 5%;
}
.pg_account-auctions .items[layout=sheet] .item_title {
  width: 45%;
}
.pg_account-auctions .items[layout=sheet] .item-detail {
  width: 15%;
}
.pg_account-auctions .items[layout=sheet] .item-detail > * + * {
  margin-top: 0.5rem;
}
.pg_account-auctions .items[layout=sheet] .item-detail .item_number {
  display: none;
}
.pg_account-auctions .items[layout=sheet] .item-listing {
  width: 10%;
  border: 0;
}
.pg_account-auctions .items[layout=sheet] .item-listing > * {
  padding: 0;
}
.pg_account-auctions .items[layout=sheet] .item-listing > * + * {
  margin-top: 0.5rem;
}
.pg_account-auctions .items[layout=sheet] .item-listing .item_date p:last-of-type {
  display: none;
}
.pg_account-auctions .items[layout=sheet] .item-snipe {
  padding-right: 1rem;
  width: 25%;
}
.pg_account-auctions .items[layout=sheet] .item-snipe > * {
  display: inline-block;
  width: calc(50% - 0.5rem);
  padding: 0;
}
.pg_account-auctions .items[layout=sheet] .item-snipe div:last-of-type {
  margin-left: 0.5rem;
}
.pg_account-auctions .items[layout=sheet] .item-snipe label {
  display: block;
}
.pg_account-auctions .items[layout=sheet] .item_image,
.pg_account-auctions .items[layout=sheet] .item-snipe .item_bids,
.pg_account-auctions .items[layout=sheet] .item-info,
.pg_account-auctions .items[layout=sheet] .item-actions {
  display: none;
}
.pg_account-auctions .stat {
  background-color: #F9FCFE;
  border-color: #C1D5E0;
}

.pg_account-download .head_file,
.pg_account-download .row_file {
  justify-self: start;
}
.pg_account-download .table .table_head,
.pg_account-download .table .table_row {
  grid-template-columns: 4fr 1fr;
}
.pg_account-download .head_date,
.pg_account-download .row_date {
  display: none;
}
@media (min-width: 700px) {
  .pg_account-download .table .table_head,
  .pg_account-download .table .table_row {
    grid-template-columns: 2fr 5fr 1fr;
  }
  .pg_account-download .head_date,
  .pg_account-download .row_date {
    display: block;
  }
}

.pg_account-history .history {
  padding: 2rem 1rem;
  background-color: #F6FAFC;
}
.pg_account-history .history_date {
  padding-bottom: 1rem;
  font-size: 1.4rem;
  font-weight: 700;
}
@media (min-width: 500px) {
  .pg_account-history .history-info {
    display: flex;
    align-items: center;
  }
}
.pg_account-history .history_action {
  padding: 1rem;
  margin-bottom: 1rem;
}
@media (min-width: 500px) {
  .pg_account-history .history_action {
    margin: 0;
    flex: 1;
  }
}
.pg_account-history .history_desc {
  text-align: justify;
}
@media (min-width: 500px) {
  .pg_account-history .history_desc {
    flex: 3;
    padding-left: 2rem;
  }
}

.pg_account-plan input[type=radio],
.pg_account-plan .display-top-summary,
.pg_account-plan .display-top-winpoints,
.pg_account-plan .display-top-payments {
  display: none;
}
.pg_account-plan #display-top-summary:checked ~ section .tab_top_summary,
.pg_account-plan #display-top-winpoints:checked ~ section .tab_top_winpoints,
.pg_account-plan #display-top-payments:checked ~ section .tab_top_payments {
  background-color: #FFF;
  border: 1px solid #EFEFEF;
  border-bottom-width: 0;
  color: #F96111;
}
.pg_account-plan #display-top-summary:checked ~ section .display-top-summary,
.pg_account-plan #display-top-winpoints:checked ~ section .display-top-winpoints,
.pg_account-plan #display-top-payments:checked ~ section .display-top-payments {
  display: block;
  border-radius: 0 0 1rem 1rem;
}
.pg_account-plan section .container > h3 {
  font-weight: 700;
  padding-bottom: 2rem;
  padding-left: 2rem;
  color: #064685;
}
@media (min-width: 700px) {
  .pg_account-plan section .container > h3 {
    padding-left: 4rem;
  }
}
.pg_account-plan .plan-actions a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: 700;
  padding-left: 1rem;
  padding-right: 1rem;
}
.pg_account-plan .plan-actions svg {
  margin-right: 0.5rem;
}
.pg_account-plan table th:first-of-type {
  text-align: left;
}
.pg_account-plan [plan=free] .table_head,
.pg_account-plan [plan=free] .table_row:not(.nodata) {
  grid-template-columns: 6rem 1fr 12rem;
}
.pg_account-plan [plan=free] .head_item,
.pg_account-plan [plan=free] .row_item {
  justify-self: start;
  padding: 2rem 0;
}
.pg_account-plan [plan=winpoints] .table_head,
.pg_account-plan [plan=winpoints] .table_row:not(.nodata) {
  grid-template-columns: 1fr 12rem 12rem;
}
@media (min-width: 700px) {
  .pg_account-plan [plan=winpoints] .table_head,
  .pg_account-plan [plan=winpoints] .table_row:not(.nodata) {
    grid-template-columns: 12rem 1fr 12rem 12rem;
  }
}
.pg_account-plan [plan=winpoints] .head_date,
.pg_account-plan [plan=winpoints] .row_date {
  display: none;
}
@media (min-width: 700px) {
  .pg_account-plan [plan=winpoints] .head_date,
  .pg_account-plan [plan=winpoints] .row_date {
    display: block;
  }
}
.pg_account-plan [plan=winpoints] .head_desc,
.pg_account-plan [plan=winpoints] .row_desc {
  justify-self: start;
}
.pg_account-plan pre {
  white-space: normal;
}
.pg_account-plan .payment-methods {
  max-width: 30rem;
}

.pg_account-search {
  /* 
     .search_item:hover .search_arrow {
         background-color: #fa8243;
         border: 1px solid #e65d13;
         border: 1px solid #f96111;
         color: #ffffff; 
     }

     .search_item:last-of-type {
         border-bottom-width: 1px;
     }

     .search_image {
         height: 100%;
     } 
     */
  /* .search_arrow:hover {
         background-color: #f96111 !important;
     } */
}
.pg_account-search .search > * + * {
  margin-top: 2rem;
}
.pg_account-search .search_item {
  display: grid;
  grid-template-columns: 10rem 1fr auto;
  grid-template-areas: "image detail arrow";
  grid-gap: 2rem;
  padding: 2rem;
  border: 1px solid #c8c8c8;
}
.pg_account-search .search_image {
  grid-area: image;
}
.pg_account-search .search_detail {
  grid-area: detail;
}
.pg_account-search .search_arrow {
  grid-area: arrow;
}
.pg_account-search .search_item:hover {
  background-color: #F6FAFC;
  cursor: pointer;
}
.pg_account-search .search_item:hover .search_detail > *:not(.search_detail-title) {
  background-color: #ffffff;
}
@media (min-width: 700px) {
  .pg_account-search .search_detail {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    margin-right: -1rem;
  }
}
.pg_account-search .search_detail > *:not(.search_detail-title) {
  padding: 0.5rem 1rem;
}
@media (min-width: 700px) {
  .pg_account-search .search_detail > *:not(.search_detail-title) {
    padding: 1rem;
    width: calc(50% - 1rem);
    border: 1px solid #C1D5E0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media (min-width: 700px) {
  .pg_account-search .search_detail label {
    display: block;
    font-size: 1.4rem;
    font-weight: 700;
  }
}
.pg_account-search .search_detail-title {
  padding: 0 1rem;
  margin-bottom: 1rem;
  font-weight: 700;
  word-break: break-word;
}
@media (min-width: 700px) {
  .pg_account-search .search_detail-title {
    margin-bottom: 0;
    width: calc(100% - 1rem);
  }
}
.pg_account-search .search_arrow {
  align-self: center;
  display: flex;
  align-items: center;
  /* padding: 0 0.5rem; */
  /* height: 100%; */
  /* border-radius: 0.5rem; */
}

.pg_account-settings .auction-account {
  padding: 2rem 1rem;
  border: 1px solid #C1D5E0;
}
.pg_account-settings .auction-account h3 {
  background-color: #064685;
  margin: 0 -1rem;
  margin-top: -2rem;
  padding: 2rem 1rem;
  color: #FFF;
}
.pg_account-settings .auction-account h3 .snipe-count {
  background-color: #FFF;
  padding: 0.25rem 0.75rem;
  font-size: 1.2rem;
  color: #064685;
}
.pg_account-settings .auction-account_options {
  display: flex;
}
@media (min-width: 700px) {
  .pg_account-settings .auction-account_options {
    justify-content: flex-end;
  }
}
.pg_account-settings .auction-account_options > * {
  flex: 1;
  text-align: center;
}
@media (min-width: 700px) {
  .pg_account-settings .auction-account_options > * {
    flex: 0 1 auto;
  }
}
.pg_account-settings .auction-account_options > * + * {
  margin-left: 1rem;
}
.pg_account-settings .auction-account + .auction-account {
  margin-top: 4rem;
}

.pg_account-snipe .titlebar_other {
  color: #F96111;
}
.pg_account-snipe input[type=number]::-webkit-inner-spin-button,
.pg_account-snipe input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.pg_account-snipe input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}
.pg_account-snipe input[type=radio],
.pg_account-snipe #protect,
.pg_account-snipe .display-snipe,
.pg_account-snipe .display-watch,
.pg_account-snipe .info-snipe,
.pg_account-snipe .info-detail {
  display: none;
}
.pg_account-snipe #type-snipe:checked ~ section .tab_snipe,
.pg_account-snipe #type-watch:checked ~ section .tab_watch,
.pg_account-snipe #type-detail:checked ~ section .tab_detail {
  background-color: #FFF;
  border: 1px solid #EFEFEF;
  border-bottom-width: 0;
  color: #F96111;
}
.pg_account-snipe #type-snipe:checked ~ section .display-snipe,
.pg_account-snipe #type-watch:checked ~ section .display-watch,
.pg_account-snipe #type-detail:checked ~ section .display-detail {
  display: block;
}
.pg_account-snipe #type-snipe:checked ~ section .info-snipe,
.pg_account-snipe #type-watch:checked ~ section .info-snipe,
.pg_account-snipe #type-detail:checked ~ section .info-detail {
  display: block;
}
.pg_account-snipe #type-watch:checked ~ section .watch-nomargin--separate,
.pg_account-snipe #type-watch:checked ~ section .watch-nomargin--elements > * + * {
  margin: 0;
}
.pg_account-snipe .buffer-tip,
.pg_account-snipe .snipe-tip {
  display: none;
  margin-top: 2rem;
}
.pg_account-snipe .protect-container {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
}
.pg_account-snipe .protect-toggle {
  display: flex;
  align-items: center;
  font-size: 2rem;
  cursor: pointer;
  padding: 0.3rem;
  border: 2px solid;
  border-radius: 0.5rem;
}
.pg_account-snipe .protect-toggle span {
  padding-left: 0.3rem;
  font-size: 1.2rem;
  line-height: 100%;
}
.pg_account-snipe #protect ~ section .protect-toggle {
  color: #F44336;
}
.pg_account-snipe #protect ~ section .protect-toggle strong::after {
  content: "Off";
}
.pg_account-snipe #protect:checked ~ section .protect-toggle {
  color: #4CAF50;
}
.pg_account-snipe #protect:checked ~ section .protect-toggle strong::after {
  content: "On";
}
.pg_account-snipe #protect:checked ~ section .protect-help {
  display: none;
}
.pg_account-snipe .protect-help {
  padding: 0;
  font-size: 1rem;
  line-height: 1.2rem;
}
.pg_account-snipe .form-switch > * + * {
  margin-left: 4rem;
}
@media (min-width: 700px) {
  .pg_account-snipe .image--cover {
    max-height: none;
  }
}
.pg_account-snipe .btn + .btn {
  margin-left: 1rem;
}
.pg_account-snipe .plan-cost {
  padding: 0.75rem 1rem;
  margin-right: 2rem;
  background-color: #4CAF50;
  max-width: 22rem;
  color: #FFF;
  outline: 2px solid #fff;
  outline-offset: -3px;
}
.pg_account-snipe .plan-cost svg {
  margin-right: 1rem;
  font-size: 1.5em;
}
.pg_account-snipe .image-header,
.pg_account-snipe .image-footer {
  position: absolute;
  width: 100%;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.4);
  color: white;
  font-weight: 700;
  text-align: left;
}
.pg_account-snipe .image-header {
  top: 0;
  left: 0;
}
.pg_account-snipe .image-header p {
  font-size: 3rem;
}
.pg_account-snipe .image-footer {
  bottom: 0;
  right: 0;
}
.pg_account-snipe .detail-buttons .btn + .btn {
  margin: 0;
}
.pg_account-snipe .detail-actions .btn + .btn {
  margin: 2rem 0 0 0;
}
@media (min-width: 700px) {
  .pg_account-snipe .detail-actions .btn + .btn {
    margin: 0 0 0 2rem;
  }
}

.pg_plans section {
  padding-top: 8rem;
}
.pg_plans section .container {
  padding: 0;
}
@media (min-width: 1000px) {
  .pg_plans section .container {
    padding: 0 2rem;
  }
}
.pg_plans .content {
  background-color: #FFF;
}

.pg_pricing pre {
  white-space: normal;
}
.pg_pricing .payment-methods {
  max-width: 30rem;
}
.pg_pricing section .btn {
  text-align: center;
  display: block;
}
@media (min-width: 700px) {
  .pg_pricing section .btn {
    display: inline-block;
  }
}
.pg_pricing .fa-times {
  color: #F44336;
  font-weight: 700;
}
.pg_pricing .fa-check-circle {
  color: #4CAF50;
  font-weight: 700;
}

.pg_account-watchlist .watchlist {
  margin-top: 2rem;
}
.pg_account-watchlist .watchlist-image {
  padding-left: 1rem;
}
.pg_account-watchlist .watchlist-total {
  padding: 1rem;
  background-color: #064685;
  border: 1px solid #001547;
  color: #FFF;
}
.pg_account-watchlist .watchlist-total > * {
  display: block;
}
.pg_account-watchlist .watchlist-total label {
  font-size: 1.2rem;
  text-transform: uppercase;
}
.pg_account-watchlist table {
  border-width: 0;
}
.pg_account-watchlist table tr {
  border: 1px solid #EFEFEF;
}
.pg_account-watchlist table td {
  border-width: 0;
  background-color: transparent;
}
.pg_account-watchlist table td > * + * {
  margin-top: 1rem;
}

.pg_privacy :target::before,
.pg_terms :target::before {
  content: "";
  display: block;
  height: 10rem;
  margin-top: -10rem;
}
.pg_privacy section,
.pg_terms section {
  background-color: #FFF;
}
.pg_privacy section h3,
.pg_terms section h3 {
  font-weight: 700;
  line-height: 1.5em;
  color: #064685;
}
.pg_privacy section p,
.pg_privacy section li,
.pg_terms section p,
.pg_terms section li {
  line-height: 1.5em;
}
.pg_privacy .content,
.pg_terms .content {
  background-color: #FFF;
}

/*  MODIFIERS  */
.bg-color--clear {
  background-color: transparent;
}

.bg-color--lightblue {
  background-color: #F6FAFC;
}

.bg-color--white {
  background-color: #FFF;
}

.bg-color--trans {
  background-color: transparent;
}

.bg-color--status {
  background-color: rgba(211, 211, 211, 0.3);
}
.bg-color--status.solid {
  background-color: lightgray;
}
.bg-color--status.Q, .bg-color--status.S, .bg-color--status.W, .bg-color--status.green {
  background-color: rgba(76, 175, 80, 0.4);
}
.bg-color--status.Q.solid, .bg-color--status.S.solid, .bg-color--status.W.solid, .bg-color--status.green.solid {
  background-color: #4caf50;
}
.bg-color--status.T, .bg-color--status.blue {
  background-color: rgba(33, 150, 243, 0.4);
}
.bg-color--status.T.solid, .bg-color--status.blue.solid {
  background-color: #2196f3;
}
.bg-color--status.L, .bg-color--status.U, .bg-color--status.O, .bg-color--status.yellow {
  background-color: rgba(249, 172, 49, 0.4);
}
.bg-color--status.L.solid, .bg-color--status.U.solid, .bg-color--status.O.solid, .bg-color--status.yellow.solid {
  background-color: #f9ac31;
}
.bg-color--status.A, .bg-color--status.D, .bg-color--status.red {
  background-color: rgba(244, 67, 54, 0.4);
}
.bg-color--status.A.solid, .bg-color--status.D.solid, .bg-color--status.red.solid {
  background-color: #f44336;
}

.border-color--status {
  border: 2px solid #D3D3D3;
}
.border-color--status.Q, .border-color--status.S, .border-color--status.W, .border-color--status.green {
  border-color: #4CAF50;
}
.border-color--status.T, .border-color--status.blue {
  border-color: #2196F3;
}
.border-color--status.L, .border-color--status.U, .border-color--status.O, .border-color--status.yellow {
  border-color: #F9AC31;
}
.border-color--status.A, .border-color--status.D, .border-color--status.red {
  border-color: #F44336;
}

.font-size--medium {
  font-size: 1.4rem;
}

.text-align--right {
  text-align: right;
}

.text-align--center {
  text-align: center;
}

.text-color--primary {
  color: #032058;
}

.text-color--white {
  color: #FFF;
}

.text-color--grey {
  color: #484848;
}

.text-color--blue {
  color: #2196F3;
}

.text-color--green {
  color: #4CAF50;
}

.text-color--orange,
.text-color--secondary {
  color: #F96111;
}

.text-color--red {
  color: #F44336;
}

.text-color--yellow {
  color: #F9AC31;
}

.text-color--status.Q, .text-color--status.S, .text-color--status.W, .text-color--status.Y {
  color: #4CAF50;
}
.text-color--status.T {
  color: #2196F3;
}
.text-color--status.L, .text-color--status.U, .text-color--status.O {
  color: #F9AC31;
}
.text-color--status.A, .text-color--status.D {
  color: #F44336;
}

.margin-bottom--2x {
  margin-bottom: 4rem;
}

.padding-bottom--none {
  padding-bottom: 0;
}

.padding-top--2x {
  padding-top: 4rem;
}

.padding-top--4x {
  padding-top: 8rem;
}

.padding-topbottom--2x {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.padding-topbottom--4x {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.spaced-apart {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.spaced-apart--start {
  align-items: start;
}

.text-underline {
  text-decoration: underline !important;
}

.text-bold {
  font-weight: 700;
}