/*css!/common/withme/js/dialog/unfollowDialog/unfollowDialog.css*/
/*
Note: This is not part of any standard, but is supported in all browsers we care
about except Firefox. Until Firefox has a native solution for multi-line
wrapping, please do not try to hack it to make it work. It is not worth the
maintenance cost.
*/
.unfollow-dialog .dialog-header {
  height: 50px; }

.unfollow-dialog .icon-container {
  margin-bottom: 20px; }
  .unfollow-dialog .icon-container .profile-icon {
    margin-left: auto;
    margin-right: auto; }

.unfollow-dialog .unfollow-txt {
  text-align: center;
  font-size: 16px; }

.unfollow-dialog .btn {
  background: none;
  color: #404040; }

.unfollow-dialog .btn-primary {
  background: #404040;
  color: #fff; }
/*css!/common/waf/js/widget/profileIcon/ProfileIcon.css*/
/*
Note: This is not part of any standard, but is supported in all browsers we care
about except Firefox. Until Firefox has a native solution for multi-line
wrapping, please do not try to hack it to make it work. It is not worth the
maintenance cost.
*/
.profile-icon {
  position: relative;
  display: block;
  width: 30px;
  height: 30px;
  min-width: 30px;
  border-radius: 50%;
  overflow: hidden;
  background: #a8a8a8; }
  .profile-icon > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top; }
  .profile-icon.ignore-clicks {
    cursor: auto; }
    .profile-icon.ignore-clicks:hover {
      opacity: 1; }
  .profile-icon.new-profile-icon {
    border-radius: 0;
    background: none; }
  .profile-icon .profile-icon-image {
    position: relative;
    display: block;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    overflow: hidden;
    background: #a8a8a8; }
    .profile-icon .profile-icon-image > img {
      display: block;
      height: 100%;
      object-fit: cover;
      object-position: 50% 0;
      opacity: 1;
      width: 100%; }
      .profile-icon .profile-icon-image > img.is-loading {
        opacity: 0; }
  .profile-icon .online-status.is-online {
    box-sizing: border-box;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 10px;
    height: 10px;
    background-color: #00FF9C;
    border-radius: 50%;
    border: 1px solid #fff; }
  .profile-icon .number-actor {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    opacity: 1;
    color: #fff;
    text-align: center;
    line-height: 30px;
    font-size: 18px;
    font-family: "Gotham SSm 4r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: normal;
    font-style: normal; }
  .profile-icon .number-actor-mask {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    background-color: #404040;
    opacity: 0.5;
    color: #fff;
    border-radius: 50%; }

.large-profile.profile-icon {
  width: 50px;
  height: 50px;
  min-width: 50px; }
  .large-profile.profile-icon .profile-icon-image {
    width: 50px;
    height: 50px; }
  .large-profile.profile-icon .online-status.is-online {
    width: 16px;
    height: 16px;
    border: 2px solid #fff; }
  .large-profile.profile-icon .number-actor {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    opacity: 1;
    color: #fff;
    text-align: center;
    line-height: 50px;
    font-size: 18px;
    font-family: "Gotham SSm 4r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: normal;
    font-style: normal; }
  .large-profile.profile-icon .number-actor-mask {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    background-color: #404040;
    opacity: 0.5;
    color: #fff;
    border-radius: 50%; }

.small-profile.profile-icon {
  width: 16px;
  height: 16px;
  min-width: 16px; }
  .small-profile.profile-icon .profile-icon-image {
    width: 16px;
    height: 16px; }

.extra-large-profile.profile-icon {
  width: 80px;
  height: 80px;
  min-width: 80px; }
  .extra-large-profile.profile-icon .profile-icon-image {
    width: 80px;
    height: 80px; }
/*css!/common/withme/js/widget/followButton/FollowButton.css*/
/*
Note: This is not part of any standard, but is supported in all browsers we care
about except Firefox. Until Firefox has a native solution for multi-line
wrapping, please do not try to hack it to make it work. It is not worth the
maintenance cost.
*/
.follow-button {
  width: 110px;
  max-width: 100%;
  height: 30px;
  margin-top: auto;
  margin-bottom: auto;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
  font-family: "Gotham SSm 5r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 500;
  font-style: normal; }
  .follow-button.follow-button {
    padding: 0; }
  .follow-button .follow-txt {
    display: inline; }
  .follow-button .following-txt {
    display: none; }
  .follow-button.following {
    border: 0; }
    .follow-button.following .follow-txt {
      display: none; }
    .follow-button.following .following-txt {
      display: inline; }
/*css!/unicorns_sections/welcome/js/mixins/InputMixin.css*/
/*
Note: This is not part of any standard, but is supported in all browsers we care
about except Firefox. Until Firefox has a native solution for multi-line
wrapping, please do not try to hack it to make it work. It is not worth the
maintenance cost.
*/
.holder-label {
  display: flex;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
  justify-content: space-between; }
  .holder-label > .info {
    transition: top 250ms;
    position: relative;
    top: 20px;
    right: 0;
    bottom: 0;
    left: 0;
    visibility: hidden;
    color: #a8a8a8;
    text-align: left; }
    .holder-label > .info.show-label {
      visibility: visible;
      top: 0px; }
  .holder-label > .content {
    flex-grow: 0;
    flex-shrink: 0; }

.error > .holder-label {
  text-transform: initial;
  letter-spacing: 0px; }
  .error > .holder-label > .info {
    color: #ff374d; }
/*css!/unicorns_sections/welcome/js/mode/landing/LoginDialog.css*/
/*
Note: This is not part of any standard, but is supported in all browsers we care
about except Firefox. Until Firefox has a native solution for multi-line
wrapping, please do not try to hack it to make it work. It is not worth the
maintenance cost.
*/
div[data-ui-role="modal-dialog"].login-dialog .dialog-container {
  background-color: #e5e5e5 !important; }
  div[data-ui-role="modal-dialog"].login-dialog .dialog-container .dialog-body {
    padding-bottom: 0;
    height: auto; }
    div[data-ui-role="modal-dialog"].login-dialog .dialog-container .dialog-body .message {
      text-align: center;
      padding: 30px 0 10px 0; }
    div[data-ui-role="modal-dialog"].login-dialog .dialog-container .dialog-body form {
      padding: 20px 0 20px 0; }
      div[data-ui-role="modal-dialog"].login-dialog .dialog-container .dialog-body form:not(.can-signup) .signup {
        display: none; }
      div[data-ui-role="modal-dialog"].login-dialog .dialog-container .dialog-body form p {
        margin: 0; }
      div[data-ui-role="modal-dialog"].login-dialog .dialog-container .dialog-body form .label {
        position: relative;
        padding: 0 100px 5px; }
      div[data-ui-role="modal-dialog"].login-dialog .dialog-container .dialog-body form .languages {
        padding: 5px 0 12px; }
        div[data-ui-role="modal-dialog"].login-dialog .dialog-container .dialog-body form .languages a.language {
          color: #404040; }
        div[data-ui-role="modal-dialog"].login-dialog .dialog-container .dialog-body form .languages a.language.current_language {
          font-weight: bold;
          color: #404040; }
        div[data-ui-role="modal-dialog"].login-dialog .dialog-container .dialog-body form .languages .more-locales {
          background: transparent;
          min-height: 18px;
          transform: scale(1.6); }
      div[data-ui-role="modal-dialog"].login-dialog .dialog-container .dialog-body form .label-first .holder-label {
        cursor: default; }
      div[data-ui-role="modal-dialog"].login-dialog .dialog-container .dialog-body form .label-second {
        padding-bottom: 0;
        margin-bottom: 2px; }
        div[data-ui-role="modal-dialog"].login-dialog .dialog-container .dialog-body form .label-second .holder-label {
          display: none; }
      div[data-ui-role="modal-dialog"].login-dialog .dialog-container .dialog-body form .label-forgot {
        margin-bottom: 30px; }
        div[data-ui-role="modal-dialog"].login-dialog .dialog-container .dialog-body form .label-forgot .forgot-password-link {
          text-transform: initial;
          display: inline-block; }
      div[data-ui-role="modal-dialog"].login-dialog .dialog-container .dialog-body form .label-log-in {
        padding-bottom: 0;
        margin-bottom: 7px; }
        div[data-ui-role="modal-dialog"].login-dialog .dialog-container .dialog-body form .label-log-in .btn-primary {
          width: 100%; }
      div[data-ui-role="modal-dialog"].login-dialog .dialog-container .dialog-body form .label-or {
        color: #404040;
        font-family: "Gotham SSm 5r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size: 15px;
        line-height: 22px;
        text-align: center;
        margin-bottom: 2px; }
      div[data-ui-role="modal-dialog"].login-dialog .dialog-container .dialog-body form .label-apple {
        margin-bottom: 3px; }
        div[data-ui-role="modal-dialog"].login-dialog .dialog-container .dialog-body form .label-apple .btn-apple {
          width: 100%;
          background-color: #000;
          color: #fff; }
      div[data-ui-role="modal-dialog"].login-dialog .dialog-container .dialog-body form .label-fb .btn-fb {
        width: 100%; }
      div[data-ui-role="modal-dialog"].login-dialog .dialog-container .dialog-body form input {
        display: block;
        width: 100%;
        margin: 2px auto;
        height: 40px;
        line-height: normal;
        font-size: 12px;
        padding: 10px; }
        div[data-ui-role="modal-dialog"].login-dialog .dialog-container .dialog-body form input[name="avatarname"] {
          margin-top: 2px; }
      div[data-ui-role="modal-dialog"].login-dialog .dialog-container .dialog-body form .signup {
        display: block;
        width: 100%;
        text-align: center;
        color: #404040;
        cursor: default;
        height: 16px;
        line-height: 16px;
        margin: 30px 0 0 0; }
        div[data-ui-role="modal-dialog"].login-dialog .dialog-container .dialog-body form .signup .id-signup {
          cursor: pointer; }
      div[data-ui-role="modal-dialog"].login-dialog .dialog-container .dialog-body form .need-help {
        display: block;
        width: 100%;
        text-align: center;
        height: 16px;
        line-height: 16px;
        bottom: 15px;
        margin-top: 16px; }
      div[data-ui-role="modal-dialog"].login-dialog .dialog-container .dialog-body form .submit button {
        display: block;
        width: 235px;
        margin: 0 auto;
        margin-top: 40px;
        margin-bottom: 15px; }
      div[data-ui-role="modal-dialog"].login-dialog .dialog-container .dialog-body form .submit .error-message {
        display: block !important;
        color: #ff374d;
        opacity: 1;
        transition: all 0.8s ease;
        height: auto;
        overflow: hidden;
        text-align: left;
        padding-left: 100px;
        padding-right: 100px; }
      div[data-ui-role="modal-dialog"].login-dialog .dialog-container .dialog-body form .submit .error-message:not(.active) {
        height: 0px;
        opacity: 0; }
      div[data-ui-role="modal-dialog"].login-dialog .dialog-container .dialog-body form .submit .error-message.active {
        margin-bottom: 10px; }
      div[data-ui-role="modal-dialog"].login-dialog .dialog-container .dialog-body form .text-spacing {
        padding-top: 10px; }
      div[data-ui-role="modal-dialog"].login-dialog .dialog-container .dialog-body form .toggle-password-visibility {
        font-size: 20px;
        color: #404040;
        position: absolute;
        right: 0;
        top: calc(50% - 15px);
        line-height: 30px;
        height: 30px;
        width: 30px;
        text-align: center;
        cursor: pointer;
        display: none; }
      div[data-ui-role="modal-dialog"].login-dialog .dialog-container .dialog-body form .login_password input:focus + .toggle-password-visibility, div[data-ui-role="modal-dialog"].login-dialog .dialog-container .dialog-body form .toggle-password-visibility:hover {
        display: block; }
      div[data-ui-role="modal-dialog"].login-dialog .dialog-container .dialog-body form .privacy-agreements {
        font-size: 10px;
        width: 275px;
        margin: 10px auto;
        display: block;
        margin-top: 20px; }

.mobile div[data-ui-role="modal-dialog"].login-dialog .dialog-container .dialog-body form .label {
  padding: 0 60px 5px; }

.mobile div[data-ui-role="modal-dialog"].login-dialog .dialog-container .dialog-body form .label-log-in {
  margin-bottom: 0px; }

.mobile div[data-ui-role="modal-dialog"].login-dialog .dialog-container .dialog-body form .label-or {
  margin-bottom: 0px; }

.mobile div[data-ui-role="modal-dialog"].login-dialog .dialog-container .dialog-body form .label-apple {
  margin-bottom: 5px; }

.mobile div[data-ui-role="modal-dialog"].login-dialog .dialog-container .dialog-body form .signup {
  height: 32px; }

@media only screen and (max-width: 320px) {
  .mobile div[data-ui-role="modal-dialog"].login-dialog .dialog-container .dialog-body form .label-fb .btn-fb {
    font-size: 10px; } }
/*css!/unicorns_sections/welcome/js/dialog/privacy_policy/PrivacyPolicyMinorsPendingDialog.css*/
/*
Note: This is not part of any standard, but is supported in all browsers we care
about except Firefox. Until Firefox has a native solution for multi-line
wrapping, please do not try to hack it to make it work. It is not worth the
maintenance cost.
*/
.privacy-policy-minors-pending-dialog .copy-body {
  text-align: center;
  margin: 40px;
  font-family: "Gotham SSm 5r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 500;
  font-style: normal; }

.privacy-policy-minors-pending-dialog .privacy-policy-link {
  text-transform: capitalize;
  text-align: center;
  margin-bottom: 15px; }
/*css!/common/waf/js/widget/tooltip/Tooltip.css*/
/*
Note: This is not part of any standard, but is supported in all browsers we care
about except Firefox. Until Firefox has a native solution for multi-line
wrapping, please do not try to hack it to make it work. It is not worth the
maintenance cost.
*/
.tooltip {
  transition: opacity .07s;
  position: absolute;
  width: 300px;
  padding: 15px;
  background: rgba(255, 255, 255, 0.95);
  text-transform: none;
  pointer-events: none;
  opacity: 0;
  left: 0;
  /* XXXcrr: UiContext will trigger:
       "Tried to trigger a "hidden" event on a *visible* element." if we only
       use opacity here, when clicking Username instead of VIP Badge in the
       account drawer. So, tooltips will not have the brief opacity fade until
       we figure out what's going on there. */
  display: none;
  box-shadow: inset 0 0 0 1px #eaeaea;
  overflow: hidden; }
  .tooltip.tooltip-snug {
    width: auto;
    white-space: nowrap;
    padding: 10px; }
  .tooltip .tooltip-header {
    font-family: "Gotham SSm 5r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 500;
    font-style: normal;
    text-transform: capitalize; }
  .tooltip .tooltip-body > div {
    margin: 10px 0; }
  .tooltip .tooltip-body ul {
    margin-left: 25px; }
    .tooltip .tooltip-body ul li {
      list-style-type: disc;
      padding-left: 5px; }
  .tooltip .tooltip-body .icon-payment-csc {
    font-size: 30px; }
  .tooltip .tooltip-body .icon-ppc-tooltip {
    font-size: 50px; }
  .tooltip .tooltip-body span.or {
    font-family: "Gotham SSm 5r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 500;
    font-style: normal; }
  .tooltip .tooltip-body .note {
    color: #a8a8a8;
    font-size: 10px; }
  .tooltip.tooltip-wide {
    width: 400px; }
  .tooltip .cookie-tooltip {
    height: 400px;
    overflow-y: scroll; }
  .tooltip .scene-mode-tooltip .icon {
    font-size: 40px;
    text-align: center; }
/*css!/common/waf/js/dialog/tooltip/TooltipDialog.css*/
/*
Note: This is not part of any standard, but is supported in all browsers we care
about except Firefox. Until Firefox has a native solution for multi-line
wrapping, please do not try to hack it to make it work. It is not worth the
maintenance cost.
*/
.mobile .tooltip-dialog .dialog-header .dialog-title {
  text-overflow: ellipsis;
  max-width: calc(100% - 140px);
  overflow: hidden; }

.mobile .tooltip-dialog .dialog-body {
  justify-content: flex-start;
  padding: 0 15px;
  overflow-y: auto; }
  .mobile .tooltip-dialog .dialog-body .tooltip-header {
    font-family: "Gotham SSm 5r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 500;
    font-style: normal;
    margin: 15px 0 0 0; }
  .mobile .tooltip-dialog .dialog-body .tooltip-body > div {
    margin: 10px 0; }
  .mobile .tooltip-dialog .dialog-body .tooltip-body ul {
    margin-left: 25px; }
    .mobile .tooltip-dialog .dialog-body .tooltip-body ul li {
      list-style-type: disc;
      padding-left: 5px; }
  .mobile .tooltip-dialog .dialog-body .tooltip-body .icon-payment-csc {
    font-size: 30px; }
  .mobile .tooltip-dialog .dialog-body .tooltip-body .icon-ppc-tooltip {
    font-size: 50px; }
  .mobile .tooltip-dialog .dialog-body .tooltip-body span.or {
    font-family: "Gotham SSm 5r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 500;
    font-style: normal; }
  .mobile .tooltip-dialog .dialog-body .tooltip-body .note {
    color: #a8a8a8;
    font-size: 10px; }

.mobile .tooltip-dialog .creator-badge-tooltip-cta,
.mobile .tooltip-dialog .vip-badge-tooltip-cta {
  font-family: "Gotham SSm 5r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  margin-top: 15px; }
/*css!/unicorns_sections/welcome/js/dialog/privacy_policy/PrivacyPolicyAdultDialog.css*/
/*
Note: This is not part of any standard, but is supported in all browsers we care
about except Firefox. Until Firefox has a native solution for multi-line
wrapping, please do not try to hack it to make it work. It is not worth the
maintenance cost.
*/
.privacy-policy-adult-dialog .copy-body {
  text-align: center;
  margin: 40px;
  font-family: "Gotham SSm 5r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 500;
  font-style: normal; }

.privacy-policy-adult-dialog .privacy-policy-link {
  text-transform: capitalize;
  text-align: center;
  margin-bottom: 15px; }

.privacy-policy-adult-dialog .accept-button {
  margin-top: 80px;
  width: 100%;
  text-align: center; }
/*css!/unicorns_sections/welcome/js/dialog/privacy_policy/PrivacyPolicyMinorsDialog.css*/
/*
Note: This is not part of any standard, but is supported in all browsers we care
about except Firefox. Until Firefox has a native solution for multi-line
wrapping, please do not try to hack it to make it work. It is not worth the
maintenance cost.
*/
.privacy-policy-minors-dialog .dialog-body {
  justify-content: flex-start; }

.privacy-policy-minors-dialog .privacy-policy-minors-body {
  text-align: center;
  margin: 20px;
  font-family: "Gotham SSm 5r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 500;
  font-style: normal; }

.privacy-policy-minors-dialog .privacy-policy-minors-form {
  margin: 0 10px; }

.privacy-policy-minors-dialog .privacy-policy-minors-form-title {
  text-align: center; }

.privacy-policy-minors-dialog .fieldset {
  margin: 10px 0; }
  .privacy-policy-minors-dialog .fieldset label {
    margin: 15px 0 5px;
    display: block;
    text-transform: uppercase;
    font-family: "Gotham SSm 5r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 500;
    font-style: normal;
    cursor: none; }
    .privacy-policy-minors-dialog .fieldset label span {
      text-transform: lowercase;
      font-family: "Gotham SSm 4r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      font-weight: normal;
      font-style: normal; }
  .privacy-policy-minors-dialog .fieldset .input-note {
    margin-top: 5px;
    text-align: center; }
  .privacy-policy-minors-dialog .fieldset .input-error {
    margin-top: 5px;
    text-align: center;
    color: #ff374d; }

.privacy-policy-minors-dialog .privacy-policy-link {
  text-transform: capitalize;
  text-align: center;
  margin-bottom: 15px; }
/*css!/unicorns_sections/welcome/js/dialog/privacy_policy/PrivacyPolicyMinorsGuardianDialog.css*/
/*
Note: This is not part of any standard, but is supported in all browsers we care
about except Firefox. Until Firefox has a native solution for multi-line
wrapping, please do not try to hack it to make it work. It is not worth the
maintenance cost.
*/
.privacy-policy-minors-guardian-dialog .dialog-body {
  padding: 40px; }

.privacy-policy-minors-guardian-dialog div {
  text-align: center;
  margin: 15px 0;
  font-family: "Gotham SSm 5r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 500;
  font-style: normal; }

.privacy-policy-minors-guardian-dialog .privacy-policy-link {
  text-transform: capitalize;
  text-align: center;
  margin-bottom: 15px; }
/*css!/common/withme/js/dialog/modal/AlloyAlertDialog.css*/
/*
Note: This is not part of any standard, but is supported in all browsers we care
about except Firefox. Until Firefox has a native solution for multi-line
wrapping, please do not try to hack it to make it work. It is not worth the
maintenance cost.
*/
[data-ui-role="modal-dialog"].alert-dialog-alloy {
  background-color: #fff;
  padding-top: 0;
  padding-bottom: 0; }
  [data-ui-role="modal-dialog"].alert-dialog-alloy .dialog-container {
    padding: 0 30px 30px 30px; }
  [data-ui-role="modal-dialog"].alert-dialog-alloy.dark-text a {
    font-family: "Gotham SSm 5r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #404040; }
/*css!/common/waf/js/Dropdown.css*/
@charset "UTF-8";
/*
Note: This is not part of any standard, but is supported in all browsers we care
about except Firefox. Until Firefox has a native solution for multi-line
wrapping, please do not try to hack it to make it work. It is not worth the
maintenance cost.
*/
.dropdown {
  outline: none;
  box-shadow: inset 0 0 0 1px #d4d4d4;
  position: relative;
  background: #fff;
  height: 40px;
  color: #404040;
  line-height: 40px;
  height: 40px; }
  .dropdown.is-open {
    pointer-events: all;
    position: absolute; }
    .dropdown.is-open .dropdown-option-list-container {
      display: block; }
  .dropdown.dim-no-value .dropdown-label span.no-value,
  .dropdown.dim-no-value .dropdown-option[data-value=""] {
    color: #a8a8a8; }
  .dropdown.hide-arrow .dropdown-label {
    padding-right: 10px; }
    .dropdown.hide-arrow .dropdown-label::before {
      display: none; }
  .dropdown.light-text .dropdown-label span {
    color: #a8a8a8; }
  .dropdown .dropdown-label {
    display: block;
    min-height: 40px;
    padding: 0 10px;
    padding-right: 40px;
    text-align: initial; }
    .dropdown .dropdown-label::before {
      font-family: 'icomoon';
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    .dropdown .dropdown-label::before {
      content: "";
      position: absolute;
      top: 1px;
      right: 0;
      width: 40px;
      height: 40px;
      text-align: center;
      line-height: 40px;
      font-size: 6px;
      font-weight: bold;
      color: #404040; }
  .dropdown .dropdown-option-list-container {
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
    display: none;
    width: 100%;
    background: rgba(255, 255, 255, 0.95);
    overflow: hidden;
    z-index: 1; }
  .dropdown .dropdown-scroll-up,
  .dropdown .dropdown-scroll-down {
    transition: opacity 0.15s;
    z-index: 2;
    width: 100%;
    height: 40px;
    background: rgba(255, 255, 255, 0.95);
    opacity: 0;
    pointer-events: none; }
    .dropdown .dropdown-scroll-up::before,
    .dropdown .dropdown-scroll-down::before {
      position: absolute;
      left: calc(50% - 20px);
      transform: rotate(90deg);
      width: 40px;
      height: 40px;
      text-align: center;
      line-height: 40px;
      font-size: 10px;
      font-weight: bold;
      color: #404040; }
    .dropdown .dropdown-scroll-up:hover::before,
    .dropdown .dropdown-scroll-down:hover::before {
      opacity: 0.75; }
    .dropdown .dropdown-scroll-up:active::before,
    .dropdown .dropdown-scroll-down:active::before {
      opacity: 0.5625; }
  .dropdown .dropdown-scroll-up {
    position: absolute;
    top: 0;
    right: 0;
    left: 0; }
    .dropdown .dropdown-scroll-up::before {
      font-family: 'icomoon';
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    .dropdown .dropdown-scroll-up::before {
      content: ""; }
  .dropdown .dropdown-scroll-down {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0; }
    .dropdown .dropdown-scroll-down::before {
      font-family: 'icomoon';
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    .dropdown .dropdown-scroll-down::before {
      content: ""; }
  .dropdown .dropdown-option-list {
    width: calc(100% + 20px);
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; }
  .dropdown .dropdown-option {
    height: 40px;
    line-height: 40px;
    padding: 0 10px; }
  .dropdown.testing-middle {
    margin-top: 160px; }
  .dropdown.testing-bottom {
    margin-top: 470px; }

body.desktop .dropdown.can-scroll-up .dropdown-scroll-up {
  opacity: 1;
  pointer-events: all; }

body.desktop .dropdown.can-scroll-down .dropdown-scroll-down {
  opacity: 1;
  pointer-events: all; }

.dropdown .dropdown-option.is-selected,
.dropdown.is-open .dropdown-label:hover,
.dropdown.is-open .dropdown-label:hover::before {
  background: #404040;
  color: #fff; }

.dropdown .dropdown-label {
  transition: opacity 0.15s;
  opacity: 0; }

.dropdown.is-ready .dropdown-label {
  opacity: 1; }
/*css!/common/withme/js/dialog/modal/AlloyModalDialog.css*/
/*
Note: This is not part of any standard, but is supported in all browsers we care
about except Firefox. Until Firefox has a native solution for multi-line
wrapping, please do not try to hack it to make it work. It is not worth the
maintenance cost.
*/
.transparent-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex; }

@media screen and (min-width: 470px) {
  .transparent-overlay {
    right: -20px;
    left: -20px;
    overflow-y: scroll; } }

[data-ui-role="modal-dialog"] {
  margin: auto;
  align-self: center;
  position: relative; }
  [data-ui-role="modal-dialog"].confirm-dialog-alloy .dialog-x,
  [data-ui-role="modal-dialog"].alert-dialog-alloy .dialog-x,
  [data-ui-role="modal-dialog"]:not(.can-dismiss) .dialog-x {
    display: none; }
  [data-ui-role="modal-dialog"].is-tall {
    height: 80%; }
    [data-ui-role="modal-dialog"].is-tall .dialog-container {
      min-height: 470px;
      max-height: 687px; }
  [data-ui-role="modal-dialog"] .dialog-container {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
    position: relative;
    height: 100%;
    min-height: 240px;
    padding: 30px;
    padding-top: 0;
    background: rgba(255, 255, 255, 0.95); }
    [data-ui-role="modal-dialog"] .dialog-container .cta-link {
      order: 3;
      flex-grow: 0;
      flex-shrink: 0;
      letter-spacing: 0.0833em;
      line-height: 133%;
      font-family: "Gotham SSm 4r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      font-weight: normal;
      font-style: normal;
      color: #deb359;
      text-transform: uppercase;
      padding-bottom: 15px;
      cursor: pointer; }
  [data-ui-role="modal-dialog"] .dialog-checkbox-container {
    margin: 0 auto 10px; }
  [data-ui-role="modal-dialog"] .dialog-dropdown-container {
    margin: 0 auto 10px;
    width: 100%; }
  [data-ui-role="modal-dialog"] .overflowed {
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 80px;
    margin-right: 15px;
    width: 100%;
    text-align: left; }
  [data-ui-role="modal-dialog"] h3 {
    font-size: 15px;
    font-family: "Gotham SSm 5r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 500;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 70px;
    height: 70px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    margin: 0; }
  [data-ui-role="modal-dialog"] footer.dialog-footer {
    z-index: 300;
    display: flex;
    flex-shrink: 0; }
    [data-ui-role="modal-dialog"] footer.dialog-footer > button {
      flex-grow: 1; }
  [data-ui-role="modal-dialog"].userpicker-dialog .dialog-footer {
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 60px; }
  [data-ui-role="modal-dialog"].gift-thanking-message-dialog .dialog-footer,
  [data-ui-role="modal-dialog"].vcoin-withdrawal-dialog .dialog-footer,
  [data-ui-role="modal-dialog"].rest-web-gifting-dialog .dialog-footer,
  [data-ui-role="modal-dialog"].userpicker-dialog .dialog-footer,
  [data-ui-role="modal-dialog"].vcoin-conversion-dialog .dialog-footer {
    height: auto;
    background: #fff;
    padding: 15px; }
  [data-ui-role="modal-dialog"] .dialog-body {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
    flex-grow: 1;
    z-index: 100;
    height: 100%;
    overflow: hidden; }
  [data-ui-role="modal-dialog"]:not(.dialog-type-B):not(.dialog-type-B-flexible) .dialog-body > p,
  [data-ui-role="modal-dialog"]:not(.dialog-type-B):not(.dialog-type-B-flexible) .dialog-body > .id-body-contents {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow: 1;
    text-align: center;
    margin-bottom: 30px; }
  [data-ui-role="modal-dialog"] .dialog-header {
    z-index: 200; }
    [data-ui-role="modal-dialog"] .dialog-header .dialog-back-button {
      cursor: pointer;
      position: absolute;
      left: 15px;
      width: 40px;
      height: 100%;
      display: flex;
      align-items: center; }
  [data-ui-role="modal-dialog"] .dialog-container.no-header .dialog-header {
    display: none; }
  [data-ui-role="modal-dialog"] .dialog-x {
    z-index: 500; }
  [data-ui-role="modal-dialog"]:not(.confirm-dialog) .dialog-x {
    position: absolute;
    bottom: 100%;
    left: 0;
    padding-bottom: 10px;
    font-size: 20px;
    line-height: 20px;
    color: #fff;
    text-decoration: none; }
  [data-ui-role="modal-dialog"]:not(.dialog-type-B):not(.dialog-type-B-flexible) > p {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    min-height: 120px;
    margin: 0 0 5px 0;
    font-size: 15px; }

.dialog-type-B .dialog-container, .dialog-type-B-flexible .dialog-container {
  min-width: 470px;
  padding: 0; }
  .dialog-type-B .dialog-container .dialog-header, .dialog-type-B-flexible .dialog-container .dialog-header {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    width: 100%;
    height: 50px;
    font-size: 12px;
    line-height: 50px;
    font-family: "Gotham SSm 5r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 500;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 1px; }
    .dialog-type-B .dialog-container .dialog-header .dialog-title, .dialog-type-B-flexible .dialog-container .dialog-header .dialog-title {
      font-size: 15px; }
  .dialog-type-B .dialog-container .aux-header, .dialog-type-B-flexible .dialog-container .aux-header {
    position: absolute;
    top: 0;
    right: 0;
    font-family: "Gotham SSm 5r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 500;
    font-style: normal;
    z-index: 600;
    height: 50px;
    line-height: 50px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-right: 10px; }
  .dialog-type-B .dialog-container .dialog-body, .dialog-type-B-flexible .dialog-container .dialog-body {
    margin-top: 50px;
    padding-bottom: 0px; }
  .dialog-type-B .dialog-container.no-header .dialog-body, .dialog-type-B-flexible .dialog-container.no-header .dialog-body {
    margin-top: 0;
    height: 100%; }

.dialog-type-B p, .dialog-type-B-flexible p {
  margin: 0 0 15px 0;
  text-align: center; }

.dialog-type-B .section-title, .dialog-type-B-flexible .section-title {
  text-align: left;
  margin-bottom: 10px; }

.dialog-type-B footer button, .dialog-type-B-flexible footer button {
  width: 100%; }

[data-ui-role="modal-dialog"].is-padded .dialog-container, .dialog-type-B.is-padded .dialog-container, .dialog-type-B-flexible.is-padded .dialog-container {
  padding: 0 15px; }

[data-ui-role="modal-dialog"].is-padded .dialog-footer, .dialog-type-B.is-padded .dialog-footer, .dialog-type-B-flexible.is-padded .dialog-footer {
  padding: 0 15px 15px 15px;
  background-image: linear-gradient(top, transparent 0%, transparent 60%, #fff 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%; }

[data-ui-role="modal-dialog"].dialog-type-grid .dialog-container, .dialog-type-B.dialog-type-grid .dialog-container, .dialog-type-B-flexible.dialog-type-grid .dialog-container {
  height: 100%;
  position: relative;
  display: grid;
  grid-template-columns: 470px;
  grid-template-rows: 50px 1fr 70px;
  grid-template-areas: "dialog-header" "dialog-body" "dialog-footer"; }

[data-ui-role="modal-dialog"].dialog-type-grid .dialog-header, .dialog-type-B.dialog-type-grid .dialog-header, .dialog-type-B-flexible.dialog-type-grid .dialog-header {
  grid-row: 1 / 2;
  grid-area: dialog-header; }

[data-ui-role="modal-dialog"].dialog-type-grid .dialog-body, .dialog-type-B.dialog-type-grid .dialog-body, .dialog-type-B-flexible.dialog-type-grid .dialog-body {
  grid-area: dialog-body;
  grid-row: 2 / 4;
  width: 100%;
  position: absolute;
  text-align: left;
  margin-top: 0; }

[data-ui-role="modal-dialog"].dialog-type-grid .dialog-footer, .dialog-type-B.dialog-type-grid .dialog-footer, .dialog-type-B-flexible.dialog-type-grid .dialog-footer {
  grid-area: drawer-footer;
  grid-row: 3 / 4;
  width: 100%;
  position: absolute;
  background: rgba(255, 255, 255, 0.9); }
  [data-ui-role="modal-dialog"].dialog-type-grid .dialog-footer button, .dialog-type-B.dialog-type-grid .dialog-footer button, .dialog-type-B-flexible.dialog-type-grid .dialog-footer button {
    width: 100%;
    margin: 15px;
    border: none; }

.dialog-type-B-flexible .dialog-container .dialog-body {
  height: auto; }

@media screen and (min-width: 470px) {
  .dialog-type-B > .dialog-container {
    height: 550px;
    min-height: 550px;
    max-height: 550px; }
  [data-ui-role="modal-dialog"] {
    min-width: 470px;
    max-width: 470px;
    word-wrap: break-word;
    padding: 45px 0; }
    [data-ui-role="modal-dialog"].no-padding {
      padding: 0; }
    [data-ui-role="modal-dialog"].is-tall {
      height: calc(80% + 90px);
      min-height: 560px;
      max-height: 777px; }
  .userpicker-dialog .user-picker {
    padding: 10px 15px; }
  .userpicker-dialog.gifting-recipient-picker .user-picker {
    padding: 10px 15px 60px 10px; } }

@media screen and (max-width: 469px) {
  .mobile .dialog-type-B-flexible .dialog-container .dialog-body {
    height: calc(100% - 50px); }
  .mobile .dialog-type-B-flexible .dialog-container.no-header .dialog-body {
    height: 100%; } }

@media screen and (max-width: 469px) {
  .mobile [data-ui-role="modal-dialog"] {
    min-width: calc(100% - 30px);
    max-width: calc(100% - 30px); }
    .mobile [data-ui-role="modal-dialog"].dialog-type-B, .mobile [data-ui-role="modal-dialog"].dialog-type-B-flexible {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      max-height: 100%;
      min-width: 100%; }
      .mobile [data-ui-role="modal-dialog"].dialog-type-B .dialog-container, .mobile [data-ui-role="modal-dialog"].dialog-type-B-flexible .dialog-container {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        min-width: 100%;
        min-height: 100%; }
      .mobile [data-ui-role="modal-dialog"].dialog-type-B .dialog-x, .mobile [data-ui-role="modal-dialog"].dialog-type-B-flexible .dialog-x {
        position: absolute;
        top: 0;
        left: 15px;
        color: #a8a8a8;
        font-size: 12px;
        height: 50px;
        line-height: 50px;
        text-transform: uppercase; }
        .mobile [data-ui-role="modal-dialog"].dialog-type-B .dialog-x::before, .mobile [data-ui-role="modal-dialog"].dialog-type-B-flexible .dialog-x::before {
          display: none; }
      .mobile [data-ui-role="modal-dialog"].dialog-type-B footer.dialog-footer, .mobile [data-ui-role="modal-dialog"].dialog-type-B-flexible footer.dialog-footer {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%; } }

@media screen and (max-width: 469px) {
  .mobile [data-ui-role="modal-dialog"].dialog-type-grid .dialog-container, .mobile .dialog-type-B.dialog-type-grid .dialog-container, .mobile .dialog-type-B-flexible.dialog-type-grid .dialog-container {
    grid-template-columns: auto;
    grid-template-rows: 50px 1fr 40px; }
  .mobile [data-ui-role="modal-dialog"].dialog-type-grid .dialog-body, .mobile .dialog-type-B.dialog-type-grid .dialog-body, .mobile .dialog-type-B-flexible.dialog-type-grid .dialog-body {
    width: 100%;
    position: relative;
    text-align: left; }
  .mobile [data-ui-role="modal-dialog"].dialog-type-grid .dialog-footer button, .mobile .dialog-type-B.dialog-type-grid .dialog-footer button, .mobile .dialog-type-B-flexible.dialog-type-grid .dialog-footer button {
    margin: 0px; } }

@media screen and (max-width: 320px) {
  [data-ui-role="modal-dialog"] h3.dialog-title.long-title {
    margin: 0 -15px; } }

.mobile [data-ui-role="modal-dialog"] .dialog-header .dialog-back-button {
  display: none; }

.mobile [data-ui-role="modal-dialog"].gift-thanking-dialog .dialog-footer,
.mobile [data-ui-role="modal-dialog"].vcoin-withdrawal-dialog .dialog-footer,
.mobile [data-ui-role="modal-dialog"].rest-web-gifting-dialog .dialog-footer,
.mobile [data-ui-role="modal-dialog"].userpicker-dialog .dialog-footer {
  padding: 0; }
/*css!/common/withme/js/widget/loadingPlaceholder/LoadingPlaceholderList.css*/
/*
Note: This is not part of any standard, but is supported in all browsers we care
about except Firefox. Until Firefox has a native solution for multi-line
wrapping, please do not try to hack it to make it work. It is not worth the
maintenance cost.
*/
.loading-placeholder-list {
  padding: 0 10px; }
/*css!/common/withme/js/widget/loadingPlaceholder/LoadingPlaceholderListItem.css*/
/*
Note: This is not part of any standard, but is supported in all browsers we care
about except Firefox. Until Firefox has a native solution for multi-line
wrapping, please do not try to hack it to make it work. It is not worth the
maintenance cost.
*/
.loading-placeholder-list-item {
  display: flex;
  border-bottom: solid 1px #d4d4d4; }
  .loading-placeholder-list-item:hover {
    opacity: 1; }
  .loading-placeholder-list-item .thumbnail-wrap {
    height: 70px;
    width: 60px;
    padding: 10px 10px 10px 0; }
    .loading-placeholder-list-item .thumbnail-wrap .thumbnail {
      position: relative;
      height: 100%;
      width: 100%;
      z-index: 1;
      background: none;
      cursor: default;
      overflow: hidden; }
      .loading-placeholder-list-item .thumbnail-wrap .thumbnail:not(.square) {
        border-radius: 50%; }
      .loading-placeholder-list-item .thumbnail-wrap .thumbnail.square {
        border-radius: 0; }
      .loading-placeholder-list-item .thumbnail-wrap .thumbnail::before {
        background: linear-gradient(-45deg, #d4d4d4 0%, #d4d4d4 20%, #bbbbbb 40%, #d4d4d4 60%);
        animation: shimmer 1s forwards infinite linear, opacity 0.15s;
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        content: '';
        width: 800px;
        height: 150px;
        box-shadow: none;
        z-index: 1; }
      .loading-placeholder-list-item .thumbnail-wrap .thumbnail::before {
        height: 100%; }
  .loading-placeholder-list-item .text .text-line {
    position: relative;
    height: 7px;
    margin-bottom: 7px;
    background: none;
    cursor: default;
    overflow: hidden; }
    .loading-placeholder-list-item .text .text-line::before {
      background: linear-gradient(-45deg, #d4d4d4 0%, #d4d4d4 20%, #bbbbbb 40%, #d4d4d4 60%);
      animation: shimmer 1s forwards infinite linear, opacity 0.15s;
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      content: '';
      width: 800px;
      height: 150px;
      box-shadow: none;
      z-index: 1; }
    .loading-placeholder-list-item .text .text-line::before {
      height: 7px; }
    .loading-placeholder-list-item .text .text-line.line-1 {
      margin-top: 13px;
      width: 70px; }
    .loading-placeholder-list-item .text .text-line.line-2 {
      width: 150px; }
    .loading-placeholder-list-item .text .text-line.line-3 {
      width: 200px; }
    .loading-placeholder-list-item .text .text-line.line-4 {
      width: 100px; }

html[dir="rtl"]
.loading-placeholder-list-item .thumbnail-wrap {
  padding: 10px 0 10px 10px; }
/*css!/common/withme/js/widget/profileIconGrid/ProfileIconGrid.css*/
/*
Note: This is not part of any standard, but is supported in all browsers we care
about except Firefox. Until Firefox has a native solution for multi-line
wrapping, please do not try to hack it to make it work. It is not worth the
maintenance cost.
*/
.profile-icon-grid {
  display: grid;
  grid: 30px/repeat(8, 30px);
  grid-gap: 10px; }
  .profile-icon-grid .profile-icon-grid-slot {
    width: 30px;
    height: 30px; }
    .profile-icon-grid .profile-icon-grid-slot svg {
      width: 30px;
      height: 30px; }
    .profile-icon-grid .profile-icon-grid-slot .icon-chat-occupancy {
      fill: transparent; }
  .profile-icon-grid.logged-out .profile-icon-grid-slot {
    background: #d4d4d4;
    border-radius: 50%;
    opacity: 0.5; }
    .profile-icon-grid.logged-out .profile-icon-grid-slot svg {
      display: none; }
/*css!/common/withme/js/widget/timestamp/MessageHeaderTimestamp.css*/
/*
Note: This is not part of any standard, but is supported in all browsers we care
about except Firefox. Until Firefox has a native solution for multi-line
wrapping, please do not try to hack it to make it work. It is not worth the
maintenance cost.
*/
timestamp.timestamp-widget.message-header-timestamp {
  display: block; }
  timestamp.timestamp-widget.message-header-timestamp .header {
    display: inline-block; }
    timestamp.timestamp-widget.message-header-timestamp .header .date {
      font-weight: 500; }
/*css!/common/withme/js/widget/timestamp/Timestamp.css*/
/*
Note: This is not part of any standard, but is supported in all browsers we care
about except Firefox. Until Firefox has a native solution for multi-line
wrapping, please do not try to hack it to make it work. It is not worth the
maintenance cost.
*/
timestamp.timestamp-widget {
  display: inline;
  font-size: 10px;
  font-weight: normal;
  color: #a8a8a8;
  direction: ltr; }
/*css!/common/withme/js/widget/socialShare/SocialShare.css*/
/*
Note: This is not part of any standard, but is supported in all browsers we care
about except Firefox. Until Firefox has a native solution for multi-line
wrapping, please do not try to hack it to make it work. It is not worth the
maintenance cost.
*/
.social-share {
  position: relative; }
  .social-share .share-button {
    margin-top: -2px;
    background: transparent; }
    .social-share .share-button svg {
      width: 32px;
      height: 32px;
      cursor: pointer; }
/*css!/common/withme/js/widget/socialShare/LayerAbovePage.css*/
/*
Note: This is not part of any standard, but is supported in all browsers we care
about except Firefox. Until Firefox has a native solution for multi-line
wrapping, please do not try to hack it to make it work. It is not worth the
maintenance cost.
*/
.layer-above-page {
  z-index: 199;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none; }
/*css!/common/withme/js/widget/socialShare/SharePanel.css*/
/*
Note: This is not part of any standard, but is supported in all browsers we care
about except Firefox. Until Firefox has a native solution for multi-line
wrapping, please do not try to hack it to make it work. It is not worth the
maintenance cost.
*/
.share-panel {
  position: absolute;
  border: 1px solid #000;
  background: #fff;
  padding: 15px 10px;
  margin: 15px;
  text-align: left;
  line-height: 1.4;
  pointer-events: all;
  width: 300px; }
  .share-panel .share-title {
    text-transform: capitalize;
    font-family: "Gotham SSm 5r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #404040; }
  .share-panel .share-text {
    margin-bottom: 10px;
    color: #a8a8a8;
    word-wrap: break-word; }
  .share-panel .share-icons {
    display: flex;
    justify-content: flex-end; }
    .share-panel .share-icons .clipboard-tooltip {
      position: relative;
      display: inline-block; }
    .share-panel .share-icons .clipboard-tooltip .tooltiptext {
      color: #404040;
      background: #fff;
      border: 1px solid #000;
      padding: 15px 10px;
      position: absolute;
      z-index: 1;
      bottom: -165%;
      right: 0; }
/*css!/common/withme/js/widget/socialShare/LayerAboveDialog.css*/
/*
Note: This is not part of any standard, but is supported in all browsers we care
about except Firefox. Until Firefox has a native solution for multi-line
wrapping, please do not try to hack it to make it work. It is not worth the
maintenance cost.
*/
.layer-above-dialog {
  z-index: 1000;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none; }
/*css!/common/withme/js/dialog/sharePanel/SharePanelDialog.css*/
/*
Note: This is not part of any standard, but is supported in all browsers we care
about except Firefox. Until Firefox has a native solution for multi-line
wrapping, please do not try to hack it to make it work. It is not worth the
maintenance cost.
*/
.mobile .share-panel-dialog .copy-to-clipboard {
  display: flex;
  height: 60px;
  align-items: center;
  padding: 0 20px;
  position: relative; }

.mobile .share-panel-dialog .share-text {
  word-wrap: break-word; }

.mobile .share-panel-dialog input {
  position: absolute;
  top: -1000px;
  left: -1000px; }
/*css!/common/withme/js/widget/timestamp/ActivityHeaderTimestamp.css*/
/*
Note: This is not part of any standard, but is supported in all browsers we care
about except Firefox. Until Firefox has a native solution for multi-line
wrapping, please do not try to hack it to make it work. It is not worth the
maintenance cost.
*/
datedivider.activity-header-timestamp {
  display: block;
  font-size: 10px;
  font-weight: normal;
  color: #a8a8a8;
  margin: 10px 0; }
/*css!/common/withme/js/widget/timestamp/ChatDrawerTimestamp.css*/
/*
Note: This is not part of any standard, but is supported in all browsers we care
about except Firefox. Until Firefox has a native solution for multi-line
wrapping, please do not try to hack it to make it work. It is not worth the
maintenance cost.
*/
timestamp.timestamp-widget.chat-drawer-timestamp {
  display: block;
  font-size: 12px;
  margin-left: 10px;
  white-space: nowrap;
  position: relative;
  right: 3px; }
/*css!/common/withme/js/widget/giftingOptionsGrid/GiftingOptionsGrid.css*/
/*
Note: This is not part of any standard, but is supported in all browsers we care
about except Firefox. Until Firefox has a native solution for multi-line
wrapping, please do not try to hack it to make it work. It is not worth the
maintenance cost.
*/
.gifting-options-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px; }
/*css!/common/withme/js/widget/giftingOption/GiftingOption.css*/
/*
Note: This is not part of any standard, but is supported in all browsers we care
about except Firefox. Until Firefox has a native solution for multi-line
wrapping, please do not try to hack it to make it work. It is not worth the
maintenance cost.
*/
.gifting-option {
  background-color: #fff;
  text-align: center;
  padding: 18px;
  cursor: pointer;
  font-size: 15px; }
  .gifting-option .option-icon {
    margin-top: 8px; }
    .gifting-option .option-icon svg {
      width: 25px;
      height: 25px; }
      .gifting-option .option-icon svg.icon-credits {
        fill: #deb359; }
  .gifting-option .option-value {
    font-family: "Gotham SSm 5r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 500;
    font-style: normal;
    margin-top: 8px; }
  .gifting-option.selected {
    background-color: #404040;
    color: #fff; }
/*css!/common/withme/js/widget/timestamp/ActivityDetailTimestamp.css*/
/*
Note: This is not part of any standard, but is supported in all browsers we care
about except Firefox. Until Firefox has a native solution for multi-line
wrapping, please do not try to hack it to make it work. It is not worth the
maintenance cost.
*/
timestamp.timestamp-widget.activity-detail-timestamp {
  display: block;
  font-size: 12px; }
/*css!/common/withme/js/widget/availableBalance/AvailableBalance.css*/
/*
Note: This is not part of any standard, but is supported in all browsers we care
about except Firefox. Until Firefox has a native solution for multi-line
wrapping, please do not try to hack it to make it work. It is not worth the
maintenance cost.
*/
.available-balance {
  display: flex;
  font-size: 12px;
  line-height: 133%;
  background-color: #404040;
  color: #fff;
  border-radius: 25px;
  height: 25px;
  letter-spacing: 0; }
  .available-balance .balance-wrapper,
  .available-balance .btn-open-upsell-dialog {
    display: flex;
    align-items: center;
    justify-content: center; }
  .available-balance .balance-wrapper {
    border-right: 1px solid #fff;
    padding: 0 5px 0 4px;
    font-family: "Gotham SSm 5r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 500;
    font-style: normal; }
    .available-balance .balance-wrapper svg {
      width: 17px;
      height: 17px;
      margin-right: 5px; }
  .available-balance .btn-open-upsell-dialog {
    padding: 3px 2px;
    cursor: pointer; }
    .available-balance .btn-open-upsell-dialog svg {
      fill: #fff;
      width: 18px;
      height: 18px; }
  .available-balance.credits {
    color: #deb359; }
/*css!/common/withme/js/dialog/store/MultiCartUpsellDialog.css*/
@charset "UTF-8";
/*
Note: This is not part of any standard, but is supported in all browsers we care
about except Firefox. Until Firefox has a native solution for multi-line
wrapping, please do not try to hack it to make it work. It is not worth the
maintenance cost.
*/
[data-ui-role="modal-dialog"].multicart-upsell-dialog {
  width: 100%; }
  [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container {
    height: 100%;
    position: relative;
    display: grid;
    grid-template: "dialog-header" 50px "dialog-body" minmax(0, 1fr) "dialog-footer" 70px/1fr; }
    [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container.dlg_vip, [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container.dlg_credits, [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container.dlg_host_subscription, [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container.vcoin {
      height: 565px;
      max-height: 565px; }
    [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container.dlg_tiered_vip {
      height: 800px;
      max-height: 800px; }
      [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container.dlg_tiered_vip .scroll-wrapper > .scroll-content {
        padding-bottom: 150px; }
    [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container.upsell_after_gift_product, [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container.upsell_after_gift_credits, [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container.upsell_after_gift_vcoin {
      height: 650px;
      max-height: 650px; }
  [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-header {
    grid-area: dialog-header; }
  [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container .dialog-body {
    grid-area: dialog-body / 1 / span 2 / 1;
    margin-top: 0;
    position: relative;
    text-align: left;
    z-index: 0; }
    [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container .dialog-body.vcoin-logged-out .multicart-upsell-panel {
      background: url("https://static-akm.imvu.com/imvufiles/vcoin_intro_dialog_background_tm.png") no-repeat 50% 0; }
    [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container .dialog-body.vcoin-logged-out .product-ad {
      display: none; }
    [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container .dialog-body.vcoin-logged-out .multicart-upsell-panel .title {
      margin-top: 250px; }
    [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container .dialog-body.vcoin-logged-out .vcoin-bullet-wrapper {
      margin: 0 15px;
      order: 5; }
      [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container .dialog-body.vcoin-logged-out .vcoin-bullet-wrapper ul {
        margin: 10px 0; }
        [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container .dialog-body.vcoin-logged-out .vcoin-bullet-wrapper ul li {
          list-style-type: disc;
          margin-left: 15px; }
    [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container .dialog-body p {
      margin: 0;
      text-align: left; }
      [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container .dialog-body p ~ p {
        margin: 15px 0 0 0; }
      [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container .dialog-body p ~ ul {
        margin: 10px 0 0 0; }
    [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container .dialog-body ul ~ p {
      margin: 15px 0 0 0; }
    [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container .dialog-body .multicart-upsell-panel {
      display: flex;
      flex-direction: column;
      height: 100%;
      user-select: none; }
      [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container .dialog-body .multicart-upsell-panel > * {
        flex: 0 0 auto; }
        [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container .dialog-body .multicart-upsell-panel > *:last-child {
          margin-bottom: 15px; }
      [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container .dialog-body .multicart-upsell-panel .product-ad {
        order: 1;
        height: initial;
        width: 100%;
        margin: 0 auto; }
      [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container .dialog-body .multicart-upsell-panel .upsell_after_gift_product-ad {
        order: 1;
        height: initial;
        margin: 0 auto; }
      [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container .dialog-body .multicart-upsell-panel > .title {
        font-family: "Gotham SSm 5r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-weight: 500;
        font-style: normal;
        text-transform: uppercase;
        order: 2;
        margin: 16px 15px 15px;
        letter-spacing: 0.07em; }
      [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container .dialog-body .multicart-upsell-panel > .upsell_after_gift_recipient_received {
        font-family: "Gotham SSm 5r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-weight: 500;
        font-style: normal;
        text-transform: none;
        order: 2;
        margin: -8px 15px 15px;
        letter-spacing: 0.07em;
        text-align: center;
        font-size: 12px;
        font-style: normal;
        font-weight: 600; }
      [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container .dialog-body .multicart-upsell-panel > .upsell_after_gift_title {
        font-family: "Gotham SSm 5r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-weight: 500;
        font-style: normal;
        text-transform: none;
        order: 2;
        margin: -8px 15px 15px;
        letter-spacing: 0.07em;
        text-align: center;
        font-size: 12px;
        font-style: normal;
        font-weight: 325; }
      [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container .dialog-body .multicart-upsell-panel > .description, [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container .dialog-body .multicart-upsell-panel .description-2 {
        margin-left: 15px;
        margin-right: 15px;
        order: 4;
        text-align: left;
        white-space: normal; }
        [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container .dialog-body .multicart-upsell-panel > .description .learn, [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container .dialog-body .multicart-upsell-panel .description-2 .learn {
          color: #deb359;
          font-size: 10px;
          text-transform: uppercase;
          cursor: pointer; }
        [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container .dialog-body .multicart-upsell-panel > .description .half-spacer, [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container .dialog-body .multicart-upsell-panel .description-2 .half-spacer {
          height: 5px; }
        [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container .dialog-body .multicart-upsell-panel > .description .spacer, [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container .dialog-body .multicart-upsell-panel .description-2 .spacer {
          height: 10px; }
        [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container .dialog-body .multicart-upsell-panel > .description ul, [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container .dialog-body .multicart-upsell-panel .description-2 ul {
          margin-left: 5px; }
          [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container .dialog-body .multicart-upsell-panel > .description ul li, [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container .dialog-body .multicart-upsell-panel .description-2 ul li {
            font-family: "Gotham SSm 5r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
            font-weight: 500;
            font-style: normal;
            list-style-type: disc;
            margin: 0px 0px 5px 15px; }
      [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container .dialog-body .multicart-upsell-panel .vip_web_tier_1-description,
      [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container .dialog-body .multicart-upsell-panel .vip_web_tier_2-description,
      [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container .dialog-body .multicart-upsell-panel .vip_web_tier_3-description {
        display: none;
        white-space: normal; }
        [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container .dialog-body .multicart-upsell-panel .vip_web_tier_1-description:only-child, [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container .dialog-body .multicart-upsell-panel .vip_web_tier_1-description.active,
        [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container .dialog-body .multicart-upsell-panel .vip_web_tier_2-description:only-child,
        [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container .dialog-body .multicart-upsell-panel .vip_web_tier_2-description.active,
        [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container .dialog-body .multicart-upsell-panel .vip_web_tier_3-description:only-child,
        [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container .dialog-body .multicart-upsell-panel .vip_web_tier_3-description.active {
          display: block; }
        [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container .dialog-body .multicart-upsell-panel .vip_web_tier_1-description ul,
        [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container .dialog-body .multicart-upsell-panel .vip_web_tier_2-description ul,
        [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container .dialog-body .multicart-upsell-panel .vip_web_tier_3-description ul {
          margin-top: 15px; }
          [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container .dialog-body .multicart-upsell-panel .vip_web_tier_1-description ul li,
          [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container .dialog-body .multicart-upsell-panel .vip_web_tier_2-description ul li,
          [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container .dialog-body .multicart-upsell-panel .vip_web_tier_3-description ul li {
            font-family: "Gotham SSm 4r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
            font-weight: normal;
            font-style: normal;
            line-height: 1.2;
            white-space: normal; }
      [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container .dialog-body .multicart-upsell-panel .product-selectors {
        margin: 0 0 5px 15px;
        order: 3; }
        [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container .dialog-body .multicart-upsell-panel .product-selectors .multi-product-list .system-info-header {
          font-family: "Gotham SSm 4r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
          font-weight: normal;
          font-style: normal;
          width: calc(100% - 15px);
          line-height: 12px;
          padding-bottom: 5px; }
        [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container .dialog-body .multicart-upsell-panel .product-selectors .multi-product-list .multi-product-item,
        [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container .dialog-body .multicart-upsell-panel .product-selectors .multi-product-list .multi-product-vipitem {
          margin-right: 10px; }
  [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container.dlg_tiered_vip .dialog-body .multicart-upsell-panel > .description {
    white-space: normal; }
  [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-body-scroller::after {
    content: '';
    display: block;
    height: 85px; }
  [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-header .back-button {
    position: absolute;
    top: 25px;
    left: 25px;
    transform: translateX(-50%) translateY(-50%);
    width: 50px;
    height: 50px;
    text-align: center;
    font-family: "Gotham SSm 5r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 15px;
    cursor: pointer; }
    [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-header .back-button::before {
      font-family: 'icomoon';
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-header .back-button::before {
      content: ""; }
  [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-footer {
    background: rgba(255, 255, 255, 0.9);
    grid-area: dialog-footer;
    z-index: 1; }
    [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-footer button {
      line-height: 35px;
      width: 100%;
      margin: 15px;
      border: none; }
      [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-footer button.checkout-cta:not(.disabled) {
        background: #deb359; }
  [data-ui-role="modal-dialog"].multicart-upsell-dialog.product-credits .multi-product-list .multi-product-item:not(.category-credits),
  [data-ui-role="modal-dialog"].multicart-upsell-dialog.product-vip .multi-product-list .multi-product-item:not(.category-vip) {
    display: none;
    margin: 0 !important; }

.mobile [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container {
  grid-template-columns: auto;
  grid-template-rows: 50px 1fr 40px; }
  .mobile [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container.dlg_vip, .mobile [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container.dlg_credits, .mobile [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container.dlg_host_subscription, .mobile [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container.vcoin, .mobile [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container.dlg_tiered_vip {
    height: 100%;
    max-height: -webkit-fill-available; }
  .mobile [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-container .dialog-body.vcoin-logged-out .multicart-upsell-panel {
    background-size: 100% auto; }

.mobile [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-body {
  width: 100%;
  position: relative;
  text-align: left; }
  .mobile [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-body .multicart-upsell-panel .product-ad {
    min-height: initial; }
  .mobile [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-body .multicart-upsell-panel .product-selectors {
    margin-right: 15px; }
    .mobile [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-body .multicart-upsell-panel .product-selectors .multi-product-list .system-info-header {
      width: 100%; }
    .mobile [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-body .multicart-upsell-panel .product-selectors .multi-product-list .multi-product-item {
      height: 70px;
      background-image: none; }
      .mobile [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-body .multicart-upsell-panel .product-selectors .multi-product-list .multi-product-item .promo-banner {
        height: 17px;
        width: 85px;
        line-height: 17px;
        font-size: 8px;
        white-space: nowrap;
        top: 5px;
        padding-left: 8px; }
        .mobile [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-body .multicart-upsell-panel .product-selectors .multi-product-list .multi-product-item .promo-banner span {
          color: white;
          position: relative;
          z-index: 5; }
        .mobile [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-body .multicart-upsell-panel .product-selectors .multi-product-list .multi-product-item .promo-banner .triangle {
          top: 7px; }
        .mobile [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-body .multicart-upsell-panel .product-selectors .multi-product-list .multi-product-item .promo-banner::after {
          background-color: #404040; }
      .mobile [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-body .multicart-upsell-panel .product-selectors .multi-product-list .multi-product-item.is-selected .promo-banner span {
        color: #404040; }
      .mobile [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-body .multicart-upsell-panel .product-selectors .multi-product-list .multi-product-item.is-selected .promo-banner::after {
        background-color: white; }
  .mobile [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-body .multicart-upsell-panel > div:last-child {
    padding-bottom: 50px; }
    .mobile [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-body .multicart-upsell-panel > div:last-child.product-selectors {
      padding-bottom: 25px; }

.mobile [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-footer button {
  margin: 0px; }

html[dir="rtl"] [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-body .multicart-upsell-panel .product-selectors {
  margin-left: 5px;
  margin-right: 15px; }
  html[dir="rtl"] [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-body .multicart-upsell-panel .product-selectors .system-info-header {
    width: calc(100% - 10px); }
  html[dir="rtl"] [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-body .multicart-upsell-panel .product-selectors .multi-product-list .multi-product-item {
    margin-right: 0px;
    margin-left: 10px; }

html[dir="rtl"] .mobile [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-body .multicart-upsell-panel .product-selectors {
  margin-left: 0; }
  html[dir="rtl"] .mobile [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-body .multicart-upsell-panel .product-selectors .multi-product-list {
    margin-left: 15px;
    margin-right: 0px; }
  html[dir="rtl"] .mobile [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-body .multicart-upsell-panel .product-selectors .system-info-header {
    width: 100%; }
  html[dir="rtl"] .mobile [data-ui-role="modal-dialog"].multicart-upsell-dialog .dialog-body .multicart-upsell-panel .product-selectors .multi-product-item.upsell .wrapper .middle {
    text-align: right; }
/*css!/common/withme/js/widget/store/MultiProductList.css*/
/*
Note: This is not part of any standard, but is supported in all browsers we care
about except Firefox. Until Firefox has a native solution for multi-line
wrapping, please do not try to hack it to make it work. It is not worth the
maintenance cost.
*/
.multi-product-list {
  user-select: none; }
  .multi-product-list .system-info-header {
    margin-bottom: 10px; }
    .multi-product-list .system-info-header .more-items {
      float: right;
      cursor: pointer; }

html[dir="rtl"] .multi-product-list .system-info-header .more-items {
  float: left; }

.product-selectors {
  margin-top: 15px; }

body:not(.mobile) .product-selectors.go-link .multi-product-list .multi-product-item,
body:not(.mobile) .product-selectors.go-link .multi-product-list .multi-product-vipitem,
body:not(.mobile) .product-selectors.go-link .multi-product-list .wrapper,
body:not(.mobile) .product-selectors.go-link .multi-product-list .item-info,
body:not(.mobile) .multicart-vipupgrade-panel .vip-container .multi-product-list .multi-product-item,
body:not(.mobile) .multicart-vipupgrade-panel .vip-container .multi-product-list .multi-product-vipitem,
body:not(.mobile) .multicart-vipupgrade-panel .vip-container .multi-product-list .wrapper,
body:not(.mobile) .multicart-vipupgrade-panel .vip-container .multi-product-list .item-info {
  width: 140px; }

body:not(.mobile) .product-selectors.go-link .multi-product-list .multi-product-item .image-container,
body:not(.mobile) .multicart-vipupgrade-panel .vip-container .multi-product-list .multi-product-item .image-container {
  padding-left: 28px;
  padding-right: 28px; }
/*css!/common/withme/js/widget/store/MultiProductItem.css*/
/*
Note: This is not part of any standard, but is supported in all browsers we care
about except Firefox. Until Firefox has a native solution for multi-line
wrapping, please do not try to hack it to make it work. It is not worth the
maintenance cost.
*/
.multi-product-item {
  position: relative;
  background: #fff;
  user-select: none;
  margin: 0 10px 10px 0;
  font-size: 12px;
  text-align: center;
  width: 150px;
  height: 190px;
  display: inline-block;
  padding-right: 0; }
  .multi-product-item:nth-child(3n+1) {
    margin-right: 0; }
  .multi-product-item:hover {
    cursor: pointer;
    opacity: 0.75; }
  .multi-product-item .item-info {
    height: 150px;
    width: 150px;
    line-height: 1.4;
    box-sizing: border-box;
    color: #a8a8a8;
    border: 2px solid transparent; }
    .multi-product-item .item-info .image-container {
      width: 100%;
      padding: 15px 33px 10px 33px; }
      .multi-product-item .item-info .image-container .helper {
        display: inline-block;
        vertical-align: middle;
        height: 100%; }
      .multi-product-item .item-info .image-container img {
        vertical-align: middle;
        width: 80px; }
      .multi-product-item .item-info .image-container svg.icon-vcoin {
        padding-top: 25px;
        width: 60px;
        height: 70px; }
      .multi-product-item .item-info .image-container svg.icon-host_subscriptions {
        width: 55px;
        padding: 5px; }
    .multi-product-item .item-info .icon {
      display: none;
      position: absolute;
      right: 5px;
      bottom: 38px;
      line-height: 30px;
      font-size: 20px;
      color: #404040; }
    .multi-product-item .item-info .title {
      font-family: "Gotham SSm 5r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      font-weight: 500;
      font-style: normal;
      color: #a8a8a8;
      font-size: 12px;
      margin-top: 5px;
      line-height: 14px;
      text-transform: uppercase;
      text-align: center; }
    .multi-product-item .item-info .title2 {
      font-family: "Gotham SSm 5r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      font-weight: 500;
      font-style: normal;
      color: #a8a8a8;
      font-size: 10px;
      line-height: 12px;
      text-align: center; }
    .multi-product-item .item-info .title3 {
      font-family: "Gotham SSm 5r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      font-weight: 500;
      font-style: normal;
      color: #a8a8a8;
      font-size: 10px;
      line-height: 12px;
      text-align: center; }
  .multi-product-item .item-price {
    background: #deb359;
    color: #fff;
    height: 40px;
    line-height: 40px;
    font-family: "Gotham SSm 5r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 500;
    font-style: normal; }
    .multi-product-item .item-price span.original-price {
      text-decoration: line-through; }
    .multi-product-item .item-price .title {
      text-transform: uppercase; }
  .multi-product-item.is-selected .item-info {
    border-color: #404040; }
  .multi-product-item.is-selected .item-price {
    background: #404040 !important; }
  .multi-product-item.is-selected .icon {
    display: block; }
  .multi-product-item.is-active .item-price {
    background: #d4d4d4 !important;
    color: #fff; }
  .multi-product-item.is-active:hover {
    cursor: default;
    opacity: initial; }
  .multi-product-item .promo-banner.best-value, .multi-product-item .promo-banner.most-popular {
    position: absolute;
    top: 10px;
    left: -5px;
    height: 25px;
    width: 120px;
    color: #fff;
    font-family: "Gotham SSm 5r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 10px;
    padding-left: 10px;
    text-align: left;
    line-height: 25px;
    background: #404040; }
    .multi-product-item .promo-banner.best-value .triangle, .multi-product-item .promo-banner.most-popular .triangle {
      position: absolute;
      top: 15px;
      left: 0px;
      z-index: -1;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 10px 5px 10px 0;
      border-color: transparent #0d0d0d transparent transparent; }
  .multi-product-item .promo-banner.sale {
    position: absolute;
    top: 10px;
    left: -5px;
    height: 25px;
    width: 58px;
    color: #fff;
    font-family: "Gotham SSm 5r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 10px;
    padding-left: 10px;
    text-align: left;
    line-height: 25px;
    background: #ff374d; }
    .multi-product-item .promo-banner.sale .triangle {
      position: absolute;
      top: 15px;
      left: 0px;
      z-index: -1;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 10px 5px 10px 0;
      border-color: transparent #d00017 transparent transparent; }
  .multicart-upsell-dialog .dlg_tiered_vip .multi-product-item.category-vip {
    background-size: cover;
    height: 170px; }
    .multicart-upsell-dialog .dlg_tiered_vip .multi-product-item.category-vip .promo-banner.most-popular {
      position: absolute;
      top: 10px;
      left: -5px;
      height: 25px;
      width: 120px;
      color: #404040;
      font-family: "Gotham SSm 5r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      font-weight: 500;
      font-style: normal;
      font-size: 10px;
      padding-left: 10px;
      text-align: left;
      line-height: 25px;
      background: #fff;
      background-color: transparent;
      z-index: 3; }
      .multicart-upsell-dialog .dlg_tiered_vip .multi-product-item.category-vip .promo-banner.most-popular .triangle {
        position: absolute;
        top: 15px;
        left: 0px;
        z-index: -1;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 5px 10px 0;
        border-color: transparent #cccccc transparent transparent; }
      .multicart-upsell-dialog .dlg_tiered_vip .multi-product-item.category-vip .promo-banner.most-popular .triangle {
        z-index: 4; }
      .multicart-upsell-dialog .dlg_tiered_vip .multi-product-item.category-vip .promo-banner.most-popular span {
        position: relative;
        z-index: 5; }
      .multicart-upsell-dialog .dlg_tiered_vip .multi-product-item.category-vip .promo-banner.most-popular::after {
        content: '';
        width: 100%;
        height: 100%;
        background-color: #fff;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 4;
        pointer-events: none; }
    .multicart-upsell-dialog .dlg_tiered_vip .multi-product-item.category-vip .item-info {
      border-width: 0;
      height: 130px; }
      .multicart-upsell-dialog .dlg_tiered_vip .multi-product-item.category-vip .item-info .image-container img {
        padding: 10px; }
    .multicart-upsell-dialog .dlg_tiered_vip .multi-product-item.category-vip .multi-product-list {
      display: flex; }
    .multicart-upsell-dialog .dlg_tiered_vip .multi-product-item.category-vip .wrapper {
      vertical-align: middle; }
      .multicart-upsell-dialog .dlg_tiered_vip .multi-product-item.category-vip .wrapper .title {
        color: #fff; }
      .multicart-upsell-dialog .dlg_tiered_vip .multi-product-item.category-vip .wrapper .item-info .image-container img {
        display: none; }
      .multicart-upsell-dialog .dlg_tiered_vip .multi-product-item.category-vip .wrapper .item-info .image-container::after {
        width: 60px;
        height: 60px;
        display: inline-block;
        vertical-align: middle;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        position: relative;
        content: '';
        margin-top: 10px; }
      .multicart-upsell-dialog .dlg_tiered_vip .multi-product-item.category-vip .wrapper .item-price {
        background-color: transparent !important; }
    .multicart-upsell-dialog .dlg_tiered_vip .multi-product-item.category-vip.vip_web_tier_1 {
      background-image: url(https://static-akm.imvu.com/imvufiles/vip/products/vip_upsell_background_gold.png); }
      .multicart-upsell-dialog .dlg_tiered_vip .multi-product-item.category-vip.vip_web_tier_1 .item-info .image-container::after {
        background-image: url(https://static-akm.imvu.com/imvufiles/vip/products/vip_icon_crown_overlay.png); }
    .multicart-upsell-dialog .dlg_tiered_vip .multi-product-item.category-vip.vip_web_tier_2 {
      background-image: url(https://static-akm.imvu.com/imvufiles/vip/products/vip_upsell_background_platinum.png); }
      .multicart-upsell-dialog .dlg_tiered_vip .multi-product-item.category-vip.vip_web_tier_2 .item-info .image-container::after {
        background-image: url(https://static-akm.imvu.com/imvufiles/vip/products/vip_icon_crown_overlay.png); }
    .multicart-upsell-dialog .dlg_tiered_vip .multi-product-item.category-vip.vip_web_tier_3 {
      background-image: url(https://static-akm.imvu.com/imvufiles/vip/products/vip_upsell_background_diamond.png); }
      .multicart-upsell-dialog .dlg_tiered_vip .multi-product-item.category-vip.vip_web_tier_3 .item-info .image-container::after {
        background-image: url(https://static-akm.imvu.com/imvufiles/vip/products/vip_icon_diamond_overlay.png); }
    .multicart-upsell-dialog .dlg_tiered_vip .multi-product-item.category-vip .icon {
      color: #fff;
      bottom: 0; }
    .multicart-upsell-dialog .dlg_tiered_vip .multi-product-item.category-vip.is-selected .item-info {
      border-width: 0; }
    .multicart-upsell-dialog .dlg_tiered_vip .multi-product-item.category-vip.is-selected .item-info::after {
      content: '';
      width: calc(100% - 4px);
      height: calc(100% - 4px);
      position: absolute;
      top: 0;
      left: 0;
      border: 2px solid #404040;
      z-index: 1; }
  .multi-product-item.is-collapsed {
    height: 0 !important;
    width: 0 !important;
    margin: 0 !important; }
    .multi-product-item.is-collapsed .wrapper {
      display: none; }
  .multi-product-item .multiplier[cart-count]:not([cart-count='0']):not([cart-count='1'])::after {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    content: "x" attr(cart-count);
    color: #fff;
    background-color: #a8a8a8;
    border-radius: 40px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-size: 10px;
    letter-spacing: 0; }
  .multi-product-item .multiplier[cart-count]:not([cart-count='0']):not([cart-count='1']):not([cart-count='2']):not([cart-count='3']):not([cart-count='4']):not([cart-count='5']):not([cart-count='6']):not([cart-count='7']):not([cart-count='8']):not([cart-count='9'])::after {
    padding: 0 2px; }
  .multi-product-item .multiplier[cart-count]:not([cart-count='0']):not([cart-count='1'])[cart-count='99+']::after {
    padding: 0 5px 0 4px !important; }
  .multi-product-item .pend-multiplier[pend-count]:not([pend-count='0'])::after {
    display: block;
    position: absolute;
    top: 10px;
    right: 50px;
    content: "x" attr(pend-count);
    color: #404040;
    background-color: #ffcc00;
    border-radius: 40px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-size: 10px;
    letter-spacing: 0; }
  .multi-product-item .pend-multiplier[pend-count]:not([pend-count='0']):not([pend-count='1']):not([pend-count='2']):not([pend-count='3']):not([pend-count='4']):not([pend-count='5']):not([pend-count='6']):not([pend-count='7']):not([pend-count='8']):not([pend-count='9'])::after {
    padding: 0 2px; }
  .multi-product-item .pend-multiplier[pend-count]:not([pend-count='0'])[pend-count='99+']::after {
    padding: 0 5px 0 4px !important; }
  .multi-product-item.host-sub .item-info .image-container {
    height: 80px;
    width: 100%;
    padding: 17.5px 45.5px 12.5px 45.5px; }
    .multi-product-item.host-sub .item-info .image-container img {
      width: 55px;
      height: 55px; }
  .multi-product-item.host-sub .item-info .title {
    margin-top: 0; }
  .multi-product-item.host-sub .item-info .title2 {
    margin-top: 3px; }
  .multi-product-item.host-sub .item-info .title3 {
    margin-top: 3px; }
  .vip-container .multi-product-item .item-info .image-container img {
    padding: 10px; }

html[dir="rtl"] .multi-product-item {
  margin: 0 0 10px 10px; }
  html[dir="rtl"] .multi-product-item:nth-child(3n+1) {
    margin-left: 0; }

@media screen and (max-width: 550px) {
  .mode[data-layout=c3] .multi-product-list .multi-product-item {
    margin-right: 0; }
    .mode[data-layout=c3] .multi-product-list .multi-product-item:nth-child(even) {
      margin-right: 10px; } }

@media screen and (max-width: 320px) {
  .submode-store .multi-product-list .multi-product-item, .submode-multicart-methods .multi-product-list .multi-product-item {
    width: 140px; }
    .submode-store .multi-product-list .multi-product-item .item-price, .submode-store .multi-product-list .multi-product-item .item-info, .submode-multicart-methods .multi-product-list .multi-product-item .item-price, .submode-multicart-methods .multi-product-list .multi-product-item .item-info {
      width: 140px; }
    .submode-store .multi-product-list .multi-product-item .item-info .image-container, .submode-multicart-methods .multi-product-list .multi-product-item .item-info .image-container {
      padding: 25px 30px 10px; } }

.mobile .multi-product-item.upsell {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 70px;
  width: 100%;
  height: 70px;
  background: #fff;
  margin: 0; }
  .mobile .multi-product-item.upsell.is-selected {
    background: #404040; }
    .mobile .multi-product-item.upsell.is-selected .wrapper .middle .line1 {
      color: #fff; }
    .mobile .multi-product-item.upsell.is-selected .wrapper .middle .line2 {
      color: #fff; }
    .mobile .multi-product-item.upsell.is-selected .wrapper .middle .line3 {
      color: #fff; }
    .mobile .multi-product-item.upsell.is-selected .wrapper .right .inner {
      color: #fff; }
    .mobile .multi-product-item.upsell.is-selected .separator {
      display: none; }
  .mobile .multi-product-item.upsell.is-active {
    opacity: 0.5; }
  .mobile .multi-product-item.upsell .wrapper {
    width: 100%;
    height: calc(100% - 1px);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start; }
    .mobile .multi-product-item.upsell .wrapper .left {
      order: 1;
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 80px;
      height: 100%;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: center;
      align-items: center;
      align-content: center; }
      .mobile .multi-product-item.upsell .wrapper .left .icon {
        height: 37.5px;
        width: 37.5px; }
        .mobile .multi-product-item.upsell .wrapper .left .icon img {
          height: 37.5px;
          width: 37.5px; }
    .mobile .multi-product-item.upsell .wrapper .middle {
      order: 2;
      flex-grow: 1;
      flex-shrink: 1;
      height: 100%;
      text-align: left;
      display: flex;
      flex-direction: column;
      flex-wrap: nowrap;
      justify-content: center;
      align-items: flex-start;
      align-content: flex-start; }
      .mobile .multi-product-item.upsell .wrapper .middle .line1 {
        order: 1;
        flex-grow: 0;
        flex-shrink: 0;
        width: 100%;
        margin-bottom: 1px;
        font-family: "Gotham SSm 5r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-weight: 500;
        font-style: normal;
        font-style: normal;
        font-size: 12px;
        line-height: 133%;
        text-transform: capitalize;
        color: #404040; }
      .mobile .multi-product-item.upsell .wrapper .middle .line2 {
        order: 2;
        flex-grow: 0;
        flex-shrink: 0;
        width: 100%;
        margin-bottom: 1px;
        font-family: "Gotham SSm 4r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-weight: normal;
        font-style: normal;
        font-style: normal;
        font-size: 10px;
        line-height: 133%;
        text-transform: capitalize;
        color: #404040; }
      .mobile .multi-product-item.upsell .wrapper .middle .line3 {
        order: 3;
        flex-grow: 0;
        flex-shrink: 0;
        width: 100%;
        font-family: "Gotham SSm 4r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-weight: normal;
        font-style: normal;
        font-style: normal;
        font-size: 10px;
        line-height: 133%;
        text-transform: capitalize;
        color: #404040; }
    .mobile .multi-product-item.upsell .wrapper .right {
      order: 3;
      flex-grow: 0;
      flex-shrink: 1;
      height: 100%;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: center;
      align-items: center;
      align-content: center; }
      .mobile .multi-product-item.upsell .wrapper .right .inner .label-active {
        padding-left: 15px;
        padding-right: 15px;
        font-family: "Gotham SSm 4r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-weight: normal;
        font-style: normal;
        font-size: 10px;
        color: #a8a8a8;
        line-height: 133%;
        letter-spacing: 0.0833em;
        text-transform: uppercase; }
    .mobile .multi-product-item.upsell .wrapper .promo-banner {
      top: 5px;
      width: auto;
      height: 14px;
      font-size: 8px;
      padding: 0 4px;
      line-height: 14px; }
      .mobile .multi-product-item.upsell .wrapper .promo-banner .triangle {
        top: 5px; }
  .mobile .multi-product-item.upsell .separator {
    z-index: 100;
    transform: translateX(1px);
    display: block;
    height: 0;
    width: calc(100% - 30px);
    margin-left: auto;
    margin-right: auto;
    border-bottom-color: #eaeaea;
    border-bottom-style: solid;
    border-bottom-width: 1px; }
  .mobile .multi-product-item.upsell:last-child .separator {
    display: none; }
  .mobile .multi-product-item.upsell .vcoin .multi-product-item.upsell .wrapper .left .icon.icon-wrapper {
    height: 40px;
    width: 40px; }
/*css!/common/withme/js/dialog/modal/AlloyConfirmDialog.css*/
/*
Note: This is not part of any standard, but is supported in all browsers we care
about except Firefox. Until Firefox has a native solution for multi-line
wrapping, please do not try to hack it to make it work. It is not worth the
maintenance cost.
*/
.confirm-dialog-alloy footer.dialog-footer,
[data-ui-role="modal-dialog"][data-type="confirm"] footer.dialog-footer {
  display: grid;
  grid: 1fr / 1fr 1fr;
  grid-gap: 10px; }

.confirm-dialog-alloy.dark-text a,
[data-ui-role="modal-dialog"][data-type="confirm"].dark-text a {
  font-family: "Gotham SSm 5r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #404040; }
/*css!/common/withme/js/dialog/store/MultiCartUpgrade.css*/
@charset "UTF-8";
/*
Note: This is not part of any standard, but is supported in all browsers we care
about except Firefox. Until Firefox has a native solution for multi-line
wrapping, please do not try to hack it to make it work. It is not worth the
maintenance cost.
*/
[data-ui-role="modal-dialog"].multicart-upgrade-dialog {
  width: 100%; }
  [data-ui-role="modal-dialog"].multicart-upgrade-dialog .dialog-container.dlg_host_subscription {
    height: 580px !important;
    max-height: 580px !important; }
  [data-ui-role="modal-dialog"].multicart-upgrade-dialog .dialog-body {
    display: flex;
    flex-direction: column;
    font-weight: normal;
    width: 100%;
    position: relative;
    text-align: left;
    margin-top: 50px;
    background-color: #f2f2f2;
    padding-bottom: 0;
    overflow-y: auto; }
    [data-ui-role="modal-dialog"].multicart-upgrade-dialog .dialog-body p {
      margin: 0;
      text-align: left; }
      [data-ui-role="modal-dialog"].multicart-upgrade-dialog .dialog-body p ~ p {
        margin: 15px 0 0 0; }
      [data-ui-role="modal-dialog"].multicart-upgrade-dialog .dialog-body p ~ ul {
        margin: 10px 0 0 0; }
    [data-ui-role="modal-dialog"].multicart-upgrade-dialog .dialog-body ul ~ p {
      margin: 15px 0 0 0; }
    [data-ui-role="modal-dialog"].multicart-upgrade-dialog .dialog-body .multicart-upgrade-panel {
      display: flex;
      flex-direction: column;
      flex-grow: 1;
      height: 100%;
      user-select: none; }
      [data-ui-role="modal-dialog"].multicart-upgrade-dialog .dialog-body .multicart-upgrade-panel img {
        max-height: 200px;
        max-width: 470px;
        width: 100%; }
      [data-ui-role="modal-dialog"].multicart-upgrade-dialog .dialog-body .multicart-upgrade-panel > .title {
        text-transform: uppercase;
        font-size: 12px;
        font-weight: bold;
        margin: 16px 15px 0px 15px; }
      [data-ui-role="modal-dialog"].multicart-upgrade-dialog .dialog-body .multicart-upgrade-panel > .description {
        margin: 20px 15px 0px 15px;
        text-align: left; }
        [data-ui-role="modal-dialog"].multicart-upgrade-dialog .dialog-body .multicart-upgrade-panel > .description ul {
          margin-left: 5px; }
          [data-ui-role="modal-dialog"].multicart-upgrade-dialog .dialog-body .multicart-upgrade-panel > .description ul li {
            list-style-type: disc;
            font-weight: bold;
            margin: 0px 0px 5px 20px;
            padding: 0px 0px 0px 5px; }
        [data-ui-role="modal-dialog"].multicart-upgrade-dialog .dialog-body .multicart-upgrade-panel > .description .half-spacer {
          height: 5px; }
        [data-ui-role="modal-dialog"].multicart-upgrade-dialog .dialog-body .multicart-upgrade-panel > .description .spacer {
          height: 10px; }
        [data-ui-role="modal-dialog"].multicart-upgrade-dialog .dialog-body .multicart-upgrade-panel > .description .vip_web_tier_1-description,
        [data-ui-role="modal-dialog"].multicart-upgrade-dialog .dialog-body .multicart-upgrade-panel > .description .vip_web_tier_2-description,
        [data-ui-role="modal-dialog"].multicart-upgrade-dialog .dialog-body .multicart-upgrade-panel > .description .vip_web_tier_3-description {
          line-height: 1.2em; }
          [data-ui-role="modal-dialog"].multicart-upgrade-dialog .dialog-body .multicart-upgrade-panel > .description .vip_web_tier_1-description ul,
          [data-ui-role="modal-dialog"].multicart-upgrade-dialog .dialog-body .multicart-upgrade-panel > .description .vip_web_tier_2-description ul,
          [data-ui-role="modal-dialog"].multicart-upgrade-dialog .dialog-body .multicart-upgrade-panel > .description .vip_web_tier_3-description ul {
            white-space: normal;
            margin-top: 10px; }
            [data-ui-role="modal-dialog"].multicart-upgrade-dialog .dialog-body .multicart-upgrade-panel > .description .vip_web_tier_1-description ul li,
            [data-ui-role="modal-dialog"].multicart-upgrade-dialog .dialog-body .multicart-upgrade-panel > .description .vip_web_tier_2-description ul li,
            [data-ui-role="modal-dialog"].multicart-upgrade-dialog .dialog-body .multicart-upgrade-panel > .description .vip_web_tier_3-description ul li {
              font-weight: normal; }
  [data-ui-role="modal-dialog"].multicart-upgrade-dialog .dialog-header .back-button {
    position: absolute;
    top: 25px;
    left: 25px;
    transform: translateX(-50%) translateY(-50%);
    width: 50px;
    height: 50px;
    text-align: center;
    font-family: "Gotham SSm 5r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 15px;
    cursor: pointer; }
    [data-ui-role="modal-dialog"].multicart-upgrade-dialog .dialog-header .back-button::before {
      font-family: 'icomoon';
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    [data-ui-role="modal-dialog"].multicart-upgrade-dialog .dialog-header .back-button::before {
      content: ""; }
  [data-ui-role="modal-dialog"].multicart-upgrade-dialog .dialog-footer {
    margin: 10px 15px 15px 15px;
    position: relative !important; }
    [data-ui-role="modal-dialog"].multicart-upgrade-dialog .dialog-footer button {
      line-height: 35px;
      width: 100%; }

.mobile [data-ui-role="modal-dialog"].multicart-upgrade-dialog .dialog-footer {
  margin: 0px; }
/*css!/common/withme/js/dialog/2fa/TwoFactorEnrollment.css*/
/*
Note: This is not part of any standard, but is supported in all browsers we care
about except Firefox. Until Firefox has a native solution for multi-line
wrapping, please do not try to hack it to make it work. It is not worth the
maintenance cost.
*/
[data-ui-role="modal-dialog"].two-factor-enrollment-dialog .dialog-body {
  display: flex;
  flex-direction: column;
  font-weight: normal;
  width: 100%;
  position: relative;
  margin-top: 50px;
  overflow-y: auto; }
  [data-ui-role="modal-dialog"].two-factor-enrollment-dialog .dialog-body .content-block {
    margin-top: 30px; }
    [data-ui-role="modal-dialog"].two-factor-enrollment-dialog .dialog-body .content-block p.desc {
      margin-bottom: 30px; }
    [data-ui-role="modal-dialog"].two-factor-enrollment-dialog .dialog-body .content-block .input-panel {
      margin-bottom: 30px;
      display: flex;
      flex-direction: column;
      align-items: center; }
      [data-ui-role="modal-dialog"].two-factor-enrollment-dialog .dialog-body .content-block .input-panel .two-factor-code {
        height: 40px;
        width: 250px;
        line-height: 20px;
        text-align: center;
        font-weight: bold;
        letter-spacing: 0.2em;
        color: #404040;
        border: 0;
        box-shadow: inset 0 0 0 1px #d4d4d4; }
        [data-ui-role="modal-dialog"].two-factor-enrollment-dialog .dialog-body .content-block .input-panel .two-factor-code::placeholder {
          font-weight: normal;
          font-size: 12px;
          letter-spacing: 0em; }
        [data-ui-role="modal-dialog"].two-factor-enrollment-dialog .dialog-body .content-block .input-panel .two-factor-code:focus {
          box-shadow: inset 0 0 0 1px #404040; }
        [data-ui-role="modal-dialog"].two-factor-enrollment-dialog .dialog-body .content-block .input-panel .two-factor-code.error-visible {
          box-shadow: inset 0 0 0 1px #ff374d; }
      [data-ui-role="modal-dialog"].two-factor-enrollment-dialog .dialog-body .content-block .input-panel .enrollment-error {
        text-align: center;
        width: 250px;
        padding: 5px 0px 0px 0px;
        color: #ff374d;
        display: none; }
        [data-ui-role="modal-dialog"].two-factor-enrollment-dialog .dialog-body .content-block .input-panel .enrollment-error.error-visible {
          display: block; }
    [data-ui-role="modal-dialog"].two-factor-enrollment-dialog .dialog-body .content-block .link-panel {
      text-align: center; }
      [data-ui-role="modal-dialog"].two-factor-enrollment-dialog .dialog-body .content-block .link-panel p {
        margin-bottom: 10px; }
        [data-ui-role="modal-dialog"].two-factor-enrollment-dialog .dialog-body .content-block .link-panel p span {
          cursor: pointer;
          color: #deb359;
          font-weight: bold; }

[data-ui-role="modal-dialog"].two-factor-enrollment-dialog .dialog-footer {
  padding: 15px 15px 0px 15px;
  position: relative !important;
  background: white; }
  [data-ui-role="modal-dialog"].two-factor-enrollment-dialog .dialog-footer button {
    line-height: 35px;
    width: 100%;
    background: #404040; }
    [data-ui-role="modal-dialog"].two-factor-enrollment-dialog .dialog-footer button.disabled {
      background: #d4d4d4; }

@media screen and (min-width: 470px) {
  [data-ui-role="modal-dialog"].two-factor-enrollment-dialog .dialog-container {
    min-height: 354px !important;
    height: auto !important; } }
/*css!/common/withme/js/dialog/2fa/TwoFactorChangeEmail.css*/
@charset "UTF-8";
/*
Note: This is not part of any standard, but is supported in all browsers we care
about except Firefox. Until Firefox has a native solution for multi-line
wrapping, please do not try to hack it to make it work. It is not worth the
maintenance cost.
*/
[data-ui-role="modal-dialog"].two-factor-change-email-dialog {
  width: 100%; }
  [data-ui-role="modal-dialog"].two-factor-change-email-dialog .dialog-header .back-button {
    position: absolute;
    left: 20px;
    top: 0;
    font-family: "Gotham SSm 5r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 15px;
    cursor: pointer; }
    [data-ui-role="modal-dialog"].two-factor-change-email-dialog .dialog-header .back-button::before {
      font-family: 'icomoon';
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    [data-ui-role="modal-dialog"].two-factor-change-email-dialog .dialog-header .back-button::before {
      content: ""; }
  [data-ui-role="modal-dialog"].two-factor-change-email-dialog .dialog-body {
    display: flex;
    flex-direction: column;
    font-weight: normal;
    width: 100%;
    position: relative;
    margin-top: 50px;
    overflow-y: auto; }
    [data-ui-role="modal-dialog"].two-factor-change-email-dialog .dialog-body .error-message {
      color: #ff374d;
      margin-top: 5px; }
    [data-ui-role="modal-dialog"].two-factor-change-email-dialog .dialog-body .content-block {
      margin: 20px 15px 0px 15px; }
      [data-ui-role="modal-dialog"].two-factor-change-email-dialog .dialog-body .content-block .system-info-header {
        margin-bottom: 10px; }
      [data-ui-role="modal-dialog"].two-factor-change-email-dialog .dialog-body .content-block .input-panel {
        text-align: left;
        margin-bottom: 30px; }
        [data-ui-role="modal-dialog"].two-factor-change-email-dialog .dialog-body .content-block .input-panel input {
          height: 40px;
          width: 100%;
          line-height: 20px;
          text-align: left;
          padding-left: 10px;
          border: 1px solid #d4d4d4; }
          [data-ui-role="modal-dialog"].two-factor-change-email-dialog .dialog-body .content-block .input-panel input.two-factor-password {
            margin-top: 10px; }
  [data-ui-role="modal-dialog"].two-factor-change-email-dialog .dialog-footer {
    padding: 15px 15px 0px 15px;
    position: relative !important;
    background: white; }
    [data-ui-role="modal-dialog"].two-factor-change-email-dialog .dialog-footer button {
      line-height: 35px;
      width: 100%;
      background: #404040; }
      [data-ui-role="modal-dialog"].two-factor-change-email-dialog .dialog-footer button.disabled {
        background: #d4d4d4; }
  [data-ui-role="modal-dialog"].two-factor-change-email-dialog .dialog-container {
    min-height: 354px !important;
    height: auto !important; }
/*css!/common/withme/js/dialog/store/MultiCartError.css*/
/*
Note: This is not part of any standard, but is supported in all browsers we care
about except Firefox. Until Firefox has a native solution for multi-line
wrapping, please do not try to hack it to make it work. It is not worth the
maintenance cost.
*/
.mobile [data-ui-role="modal-dialog"].multicart-error-dialog .dialog-body {
  position: absolute;
  top: 50px;
  right: 0;
  bottom: 40px;
  left: 0;
  height: calc(100% - 50px);
  margin: 0; }

.mobile [data-ui-role="modal-dialog"].multicart-error-dialog p.id-body-contents .content-container {
  height: 100%; }

[data-ui-role="modal-dialog"].multicart-error-dialog .dialog-body {
  padding: 0; }

[data-ui-role="modal-dialog"].multicart-error-dialog .alert-message {
  padding: 10px;
  text-align: left; }

[data-ui-role="modal-dialog"].multicart-error-dialog p.id-body-contents {
  margin: 0;
  padding: 10px 15px;
  font-weight: normal;
  width: 100%;
  height: 100%;
  text-align: left;
  background-color: #f2f2f2; }
  [data-ui-role="modal-dialog"].multicart-error-dialog p.id-body-contents .content-container {
    height: 100%; }
  [data-ui-role="modal-dialog"].multicart-error-dialog p.id-body-contents legend {
    margin-top: 15px; }
  [data-ui-role="modal-dialog"].multicart-error-dialog p.id-body-contents .info-block {
    font-family: "Gotham SSm 4r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: normal;
    font-style: normal;
    padding: 10px;
    margin: 10px 0;
    background: #fff; }
    [data-ui-role="modal-dialog"].multicart-error-dialog p.id-body-contents .info-block.message {
      text-align: center;
      margin: 0; }
      [data-ui-role="modal-dialog"].multicart-error-dialog p.id-body-contents .info-block.message .title {
        font-family: "Gotham SSm 5r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-weight: 500;
        font-style: normal; }
  [data-ui-role="modal-dialog"].multicart-error-dialog p.id-body-contents .product-name {
    font-family: "Gotham SSm 5r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 500;
    font-style: normal; }
/*css!/common/waf/js/dialog/paymentWallDialog/PaymentWallDialog.css*/
/*
Note: This is not part of any standard, but is supported in all browsers we care
about except Firefox. Until Firefox has a native solution for multi-line
wrapping, please do not try to hack it to make it work. It is not worth the
maintenance cost.
*/
.payment-wall-dialog {
  min-width: 600px; }
  .payment-wall-dialog .dialog-container .dialog-header {
    position: relative;
    display: block; }
    .payment-wall-dialog .dialog-container .dialog-header h3.overflowed {
      margin-left: 0px;
      margin-right: 0px;
      text-align: center; }
  .payment-wall-dialog.openbucks {
    min-width: 725px; }

#imvu .contextual-dialogs .transparent-overlay .dialog-type-B.payment-wall-dialog {
  width: 600px; }
/*css!/common/waf/js/dialog/iframeDialog/IframeDialog.css*/
/*
Note: This is not part of any standard, but is supported in all browsers we care
about except Firefox. Until Firefox has a native solution for multi-line
wrapping, please do not try to hack it to make it work. It is not worth the
maintenance cost.
*/
.iframe-dialog {
  padding: 0; }
  .iframe-dialog .dialog-container {
    margin: 0px;
    padding: 0px; }
    .iframe-dialog .dialog-container .hide {
      display: none;
      height: 0px; }
    .iframe-dialog .dialog-container .dialog-body {
      margin: 0px;
      padding: 0px;
      min-width: 100%;
      width: 100%;
      max-width: 100%;
      min-height: 100%;
      height: 100%;
      max-height: 100%; }
      .iframe-dialog .dialog-container .dialog-body .frame-base {
        margin: 0px;
        padding: 0px;
        min-width: 100%;
        width: 100%;
        max-width: 100%;
        min-height: 100%;
        height: 100%;
        max-height: 100%; }
        .iframe-dialog .dialog-container .dialog-body .frame-base.seamless {
          border-width: 0px; }

.mobile [data-ui-role="modal-dialog"].iframe-dialog {
  min-width: 100%;
  width: 100%;
  max-width: 100%; }
  .mobile [data-ui-role="modal-dialog"].iframe-dialog .dialog-container {
    padding: 0; }
  .mobile [data-ui-role="modal-dialog"].iframe-dialog .simple-scroller,
  .mobile [data-ui-role="modal-dialog"].iframe-dialog .simple-scroller .simple-scroller-viewport {
    height: 100%; }
  .mobile [data-ui-role="modal-dialog"].iframe-dialog .dialog-body {
    height: 100%;
    width: 100%;
    overflow: hidden; }
  .mobile [data-ui-role="modal-dialog"].iframe-dialog.has-multi-cards {
    width: 100%; }
    .mobile [data-ui-role="modal-dialog"].iframe-dialog.has-multi-cards .dialog-body:before, .mobile [data-ui-role="modal-dialog"].iframe-dialog.has-multi-cards .dialog-body:after {
      width: 25px;
      height: 100%;
      display: inline-block;
      content: ' '; }
/*css!/common/withme/js/dialog/store/MultiCartSuccess.css*/
/*
Note: This is not part of any standard, but is supported in all browsers we care
about except Firefox. Until Firefox has a native solution for multi-line
wrapping, please do not try to hack it to make it work. It is not worth the
maintenance cost.
*/
[data-ui-role="modal-dialog"].multicart-success-dialog {
  width: 100%; }
  [data-ui-role="modal-dialog"].multicart-success-dialog .dialog-body {
    display: flex;
    flex-direction: column;
    font-weight: normal;
    width: 100%;
    position: relative;
    text-align: left;
    background-color: #f2f2f2;
    padding: 10px 15px;
    overflow-y: auto; }
    [data-ui-role="modal-dialog"].multicart-success-dialog .dialog-body .payment-content-container {
      height: 100%; }
    [data-ui-role="modal-dialog"].multicart-success-dialog .dialog-body legend {
      margin-top: 15px; }
    [data-ui-role="modal-dialog"].multicart-success-dialog .dialog-body .billing-info {
      background: #fff;
      margin-top: 10px;
      padding: 10px; }
    [data-ui-role="modal-dialog"].multicart-success-dialog .dialog-body .info-block {
      font-family: "Gotham SSm 4r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      font-weight: normal;
      font-style: normal;
      padding: 10px;
      background: #fff; }
      [data-ui-role="modal-dialog"].multicart-success-dialog .dialog-body .info-block.message {
        text-align: center; }
        [data-ui-role="modal-dialog"].multicart-success-dialog .dialog-body .info-block.message .title {
          font-family: "Gotham SSm 5r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
          font-weight: 500;
          font-style: normal;
          margin-bottom: 10px; }
        [data-ui-role="modal-dialog"].multicart-success-dialog .dialog-body .info-block.message .text {
          margin: 0; }
    [data-ui-role="modal-dialog"].multicart-success-dialog .dialog-body .product-name {
      font-family: "Gotham SSm 5r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      font-weight: 500;
      font-style: normal; }
    [data-ui-role="modal-dialog"].multicart-success-dialog .dialog-body .order-row {
      display: block;
      color: #404040;
      margin: 10px 0px;
      background: #fff; }
      [data-ui-role="modal-dialog"].multicart-success-dialog .dialog-body .order-row .order-item {
        margin: 0 10px;
        display: flex; }
        [data-ui-role="modal-dialog"].multicart-success-dialog .dialog-body .order-row .order-item .image-container {
          width: 50px;
          height: 70px;
          padding: 10px 0; }
          [data-ui-role="modal-dialog"].multicart-success-dialog .dialog-body .order-row .order-item .image-container img {
            width: 50px; }
        [data-ui-role="modal-dialog"].multicart-success-dialog .dialog-body .order-row .order-item .item-info {
          padding: 20px 10px; }
          [data-ui-role="modal-dialog"].multicart-success-dialog .dialog-body .order-row .order-item .item-info .item-name {
            font-family: "Gotham SSm 5r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
            font-weight: 500;
            font-style: normal;
            text-transform: capitalize; }
          [data-ui-role="modal-dialog"].multicart-success-dialog .dialog-body .order-row .order-item .item-info .product-price {
            font-family: "Gotham SSm 4r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
            font-weight: normal;
            font-style: normal; }
          [data-ui-role="modal-dialog"].multicart-success-dialog .dialog-body .order-row .order-item .item-info .product-price .item-info-price {
            margin-left: 19px; }
          [data-ui-role="modal-dialog"].multicart-success-dialog .dialog-body .order-row .order-item .item-info .product-price img {
            position: absolute; }
    [data-ui-role="modal-dialog"].multicart-success-dialog .dialog-body .summary-block {
      background: #fff;
      padding: 10px;
      margin-bottom: 10px; }
      [data-ui-role="modal-dialog"].multicart-success-dialog .dialog-body .summary-block .order-total {
        display: inline-block;
        font-family: "Gotham SSm 5r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-weight: 500;
        font-style: normal; }
  [data-ui-role="modal-dialog"].multicart-success-dialog .dialog-footer {
    position: relative !important; }
/*css!/common/withme/js/widget/billingInfo/BillingInfo.css*/
/*
Note: This is not part of any standard, but is supported in all browsers we care
about except Firefox. Until Firefox has a native solution for multi-line
wrapping, please do not try to hack it to make it work. It is not worth the
maintenance cost.
*/
.billing-info .info-line {
  width: 100%; }

.billing-info .name-on-card,
.billing-info .card-type {
  font-family: "Gotham SSm 5r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 500;
  font-style: normal; }

.billing-info .card-type {
  padding-top: 10px; }
/*css!/common/withme/js/dialog/store/MultiCartCheckout.css*/
@charset "UTF-8";
/*
Note: This is not part of any standard, but is supported in all browsers we care
about except Firefox. Until Firefox has a native solution for multi-line
wrapping, please do not try to hack it to make it work. It is not worth the
maintenance cost.
*/
body.waiting * {
  cursor: progress !important; }

body.mobile .multicart-checkout-dialog .dialog-header .back-button {
  left: 100px; }

[data-ui-role="modal-dialog"].multicart-checkout-dialog {
  width: 100%; }
  [data-ui-role="modal-dialog"].multicart-checkout-dialog .dialog-body {
    display: flex;
    flex-direction: column;
    font-weight: normal;
    width: 100%;
    position: relative;
    text-align: left;
    margin-top: 50px;
    background-color: #f2f2f2;
    padding-bottom: 0;
    overflow-y: auto; }
    [data-ui-role="modal-dialog"].multicart-checkout-dialog .dialog-body .price-summary {
      margin: 10px 15px; }
      [data-ui-role="modal-dialog"].multicart-checkout-dialog .dialog-body .price-summary span {
        font-weight: bold; }
        [data-ui-role="modal-dialog"].multicart-checkout-dialog .dialog-body .price-summary span.price {
          float: right; }
    [data-ui-role="modal-dialog"].multicart-checkout-dialog .dialog-body .status-block {
      font-family: "Gotham SSm 5r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      font-weight: 500;
      font-style: normal;
      position: sticky;
      position: -webkit-sticky;
      /* Safari */
      top: 0px;
      z-index: 100; }
      [data-ui-role="modal-dialog"].multicart-checkout-dialog .dialog-body .status-block .error-message {
        display: none;
        padding: 10px 10px;
        background-color: #ff374d;
        color: #fff;
        width: 100%;
        text-align: center;
        overflow: hidden; }
        [data-ui-role="modal-dialog"].multicart-checkout-dialog .dialog-body .status-block .error-message.error-visible {
          display: block; }
      [data-ui-role="modal-dialog"].multicart-checkout-dialog .dialog-body .status-block .notice-message {
        padding: 10px 10px;
        background-color: #deb359;
        color: #fff;
        width: 100%;
        text-align: center;
        overflow: hidden; }
    [data-ui-role="modal-dialog"].multicart-checkout-dialog .dialog-body .terms .imvu-terms-and-conditions {
      display: block; }
    [data-ui-role="modal-dialog"].multicart-checkout-dialog .dialog-body .terms .vcoin-terms-and-conditions a {
      font-weight: bold;
      color: #404040; }
    [data-ui-role="modal-dialog"].multicart-checkout-dialog .dialog-body .terms p ~ p {
      margin-top: 1em; }
    [data-ui-role="modal-dialog"].multicart-checkout-dialog .dialog-body .checkout-container, [data-ui-role="modal-dialog"].multicart-checkout-dialog .dialog-body .other-checkout-container {
      display: flex;
      flex-direction: column;
      flex-grow: 1;
      height: 100%;
      margin: 0px 20px 20px 20px;
      user-select: none; }
      [data-ui-role="modal-dialog"].multicart-checkout-dialog .dialog-body .checkout-container p.title, [data-ui-role="modal-dialog"].multicart-checkout-dialog .dialog-body .other-checkout-container p.title {
        border-bottom: solid 1px #d4d4d4;
        margin: 10px 0px 10px 0px;
        color: #a8a8a8;
        text-align: left;
        font-size: 10px;
        letter-spacing: 1px;
        line-height: normal;
        font-weight: 500; }
        [data-ui-role="modal-dialog"].multicart-checkout-dialog .dialog-body .checkout-container p.title.payment-method, [data-ui-role="modal-dialog"].multicart-checkout-dialog .dialog-body .other-checkout-container p.title.payment-method {
          margin: 10px 0px 0px 0px; }
    [data-ui-role="modal-dialog"].multicart-checkout-dialog .dialog-body .other-checkout-container {
      max-height: 0px;
      opacity: 0;
      transition: max-height 0.5s ease; }
      [data-ui-role="modal-dialog"].multicart-checkout-dialog .dialog-body .other-checkout-container * {
        max-height: 0px; }
      [data-ui-role="modal-dialog"].multicart-checkout-dialog .dialog-body .other-checkout-container.active {
        max-height: 100%;
        opacity: 1; }
        [data-ui-role="modal-dialog"].multicart-checkout-dialog .dialog-body .other-checkout-container.active * {
          max-height: 100%; }
    [data-ui-role="modal-dialog"].multicart-checkout-dialog .dialog-body .pending-panel {
      position: absolute;
      top: 50px;
      margin: 10px; }
      [data-ui-role="modal-dialog"].multicart-checkout-dialog .dialog-body .pending-panel h2 {
        text-align: center; }
    [data-ui-role="modal-dialog"].multicart-checkout-dialog .dialog-body .payment-channel-list li, [data-ui-role="modal-dialog"].multicart-checkout-dialog .dialog-body .other-payment-channel-list li {
      cursor: pointer;
      margin: 10px 0px 10px 0px;
      padding: 0px 0px 0px 10px;
      background: #fff;
      line-height: 30px;
      text-transform: capitalize;
      font-weight: 500;
      position: relative; }
      [data-ui-role="modal-dialog"].multicart-checkout-dialog .dialog-body .payment-channel-list li.is-selected, [data-ui-role="modal-dialog"].multicart-checkout-dialog .dialog-body .other-payment-channel-list li.is-selected {
        background: #404040;
        color: #fff; }
      [data-ui-role="modal-dialog"].multicart-checkout-dialog .dialog-body .payment-channel-list li span, [data-ui-role="modal-dialog"].multicart-checkout-dialog .dialog-body .other-payment-channel-list li span {
        pointer-events: none; }
        [data-ui-role="modal-dialog"].multicart-checkout-dialog .dialog-body .payment-channel-list li span.right-arrow, [data-ui-role="modal-dialog"].multicart-checkout-dialog .dialog-body .other-payment-channel-list li span.right-arrow {
          position: absolute;
          top: 0px;
          right: 15px; }
          [data-ui-role="modal-dialog"].multicart-checkout-dialog .dialog-body .payment-channel-list li span.right-arrow::before, [data-ui-role="modal-dialog"].multicart-checkout-dialog .dialog-body .other-payment-channel-list li span.right-arrow::before {
            font-family: 'icomoon';
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            /* Better Font Rendering =========== */
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale; }
          [data-ui-role="modal-dialog"].multicart-checkout-dialog .dialog-body .payment-channel-list li span.right-arrow::before, [data-ui-role="modal-dialog"].multicart-checkout-dialog .dialog-body .other-payment-channel-list li span.right-arrow::before {
            content: ""; }
        [data-ui-role="modal-dialog"].multicart-checkout-dialog .dialog-body .payment-channel-list li span.down-arrow, [data-ui-role="modal-dialog"].multicart-checkout-dialog .dialog-body .other-payment-channel-list li span.down-arrow {
          transform: rotate(90deg);
          position: absolute;
          top: 0px;
          right: 15px; }
          [data-ui-role="modal-dialog"].multicart-checkout-dialog .dialog-body .payment-channel-list li span.down-arrow::before, [data-ui-role="modal-dialog"].multicart-checkout-dialog .dialog-body .other-payment-channel-list li span.down-arrow::before {
            font-family: 'icomoon';
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            /* Better Font Rendering =========== */
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale; }
          [data-ui-role="modal-dialog"].multicart-checkout-dialog .dialog-body .payment-channel-list li span.down-arrow::before, [data-ui-role="modal-dialog"].multicart-checkout-dialog .dialog-body .other-payment-channel-list li span.down-arrow::before {
            content: ""; }
      [data-ui-role="modal-dialog"].multicart-checkout-dialog .dialog-body .payment-channel-list li .card-info, [data-ui-role="modal-dialog"].multicart-checkout-dialog .dialog-body .other-payment-channel-list li .card-info {
        pointer-events: none;
        padding: 10px 0px; }
        [data-ui-role="modal-dialog"].multicart-checkout-dialog .dialog-body .payment-channel-list li .card-info p, [data-ui-role="modal-dialog"].multicart-checkout-dialog .dialog-body .other-payment-channel-list li .card-info p {
          margin: 0px;
          line-height: 20px;
          text-align: left; }
          [data-ui-role="modal-dialog"].multicart-checkout-dialog .dialog-body .payment-channel-list li .card-info p .card-type, [data-ui-role="modal-dialog"].multicart-checkout-dialog .dialog-body .other-payment-channel-list li .card-info p .card-type {
            font-weight: 700; }
      [data-ui-role="modal-dialog"].multicart-checkout-dialog .dialog-body .payment-channel-list li img, [data-ui-role="modal-dialog"].multicart-checkout-dialog .dialog-body .other-payment-channel-list li img {
        pointer-events: none;
        position: absolute;
        top: 4px;
        right: 5px;
        width: 60px; }
      [data-ui-role="modal-dialog"].multicart-checkout-dialog .dialog-body .payment-channel-list li[id='https://api.imvu.com/payment_channel/payment_channel-next-vcoin'] img, [data-ui-role="modal-dialog"].multicart-checkout-dialog .dialog-body .other-payment-channel-list li[id='https://api.imvu.com/payment_channel/payment_channel-next-vcoin'] img {
        pointer-events: none;
        position: absolute;
        margin-right: 20px;
        top: 4px;
        right: 5px;
        width: 20px; }
      [data-ui-role="modal-dialog"].multicart-checkout-dialog .dialog-body .payment-channel-list li[id=different_card] img, [data-ui-role="modal-dialog"].multicart-checkout-dialog .dialog-body .other-payment-channel-list li[id=different_card] img {
        top: 7px;
        width: auto; }
  [data-ui-role="modal-dialog"].multicart-checkout-dialog .dialog-header .back-button {
    position: absolute;
    top: 25px;
    left: 25px;
    transform: translateX(-50%) translateY(-50%);
    width: 50px;
    height: 50px;
    text-align: center;
    font-family: "Gotham SSm 5r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 15px;
    cursor: pointer; }
    [data-ui-role="modal-dialog"].multicart-checkout-dialog .dialog-header .back-button::before {
      font-family: 'icomoon';
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    [data-ui-role="modal-dialog"].multicart-checkout-dialog .dialog-header .back-button::before {
      content: ""; }
  [data-ui-role="modal-dialog"].multicart-checkout-dialog .dialog-footer {
    position: relative !important; }
    [data-ui-role="modal-dialog"].multicart-checkout-dialog .dialog-footer button {
      line-height: 35px;
      width: 100%; }
      [data-ui-role="modal-dialog"].multicart-checkout-dialog .dialog-footer button.processing::before, [data-ui-role="modal-dialog"].multicart-checkout-dialog .dialog-footer button.processing::after {
        opacity: 0;
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: radial-gradient(circle closest-side at center, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 37%, rgba(255, 255, 255, 0.2) 45%, rgba(255, 255, 255, 0.95) 48%, rgba(255, 255, 255, 0.95) 52%, rgba(255, 255, 255, 0.2) 55%, rgba(255, 255, 255, 0) 63%, rgba(255, 255, 255, 0) 100%);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        animation-name: spin;
        animation-duration: 1.4s;
        animation-iteration-count: infinite;
        animation-fill-mode: initial;
        animation-delay: 0s; }
      [data-ui-role="modal-dialog"].multicart-checkout-dialog .dialog-footer button.processing::after {
        animation-delay: 0.7s; }
      [data-ui-role="modal-dialog"].multicart-checkout-dialog .dialog-footer button.processing::after, [data-ui-role="modal-dialog"].multicart-checkout-dialog .dialog-footer button.processing::before {
        height: 300%;
        top: -100%;
        width: 150%;
        left: -25%; }
  [data-ui-role="modal-dialog"].multicart-checkout-dialog .checkout-bottom-container {
    flex-shrink: 0;
    margin: 10px 0px;
    background: #fff; }
    [data-ui-role="modal-dialog"].multicart-checkout-dialog .checkout-bottom-container .vip-status-widget {
      margin: 10px 15px 0 15px; }
      [data-ui-role="modal-dialog"].multicart-checkout-dialog .checkout-bottom-container .vip-status-widget p {
        margin: 0;
        text-align: left;
        font-size: 12px;
        color: #404040; }
  [data-ui-role="modal-dialog"].multicart-checkout-dialog .agreement {
    font-size: 12px;
    margin: 0px 0px 5px 0px; }
    [data-ui-role="modal-dialog"].multicart-checkout-dialog .agreement .vip-panel {
      margin: 5px 0 20px 0; }
      [data-ui-role="modal-dialog"].multicart-checkout-dialog .agreement .vip-panel label {
        display: inline; }
        [data-ui-role="modal-dialog"].multicart-checkout-dialog .agreement .vip-panel label span:nth-of-type(1) {
          margin-left: 5px; }
      [data-ui-role="modal-dialog"].multicart-checkout-dialog .agreement .vip-panel .vip-toc-tooltip {
        margin-top: 15px; }
    [data-ui-role="modal-dialog"].multicart-checkout-dialog .agreement .bold {
      font-weight: 700;
      cursor: pointer; }
    [data-ui-role="modal-dialog"].multicart-checkout-dialog .agreement p {
      text-align: left;
      margin: 0px 0px 0px 0px; }
  [data-ui-role="modal-dialog"].multicart-checkout-dialog .cart-list-container {
    flex-grow: 1;
    overflow: hidden;
    overflow-y: auto; }
/*css!/common/withme/js/dialog/store/MultiCartSavedCards.css*/
@charset "UTF-8";
/*
Note: This is not part of any standard, but is supported in all browsers we care
about except Firefox. Until Firefox has a native solution for multi-line
wrapping, please do not try to hack it to make it work. It is not worth the
maintenance cost.
*/
.desktop [data-ui-role="modal-dialog"].multicart-saved-cards-dialog .dialog-header .back-button {
  position: absolute;
  left: 20px;
  top: 0;
  font-family: "Gotham SSm 5r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 15px;
  cursor: pointer; }
  .desktop [data-ui-role="modal-dialog"].multicart-saved-cards-dialog .dialog-header .back-button::before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .desktop [data-ui-role="modal-dialog"].multicart-saved-cards-dialog .dialog-header .back-button::before {
    content: ""; }

[data-ui-role="modal-dialog"].multicart-saved-cards-dialog {
  width: 100%; }
  [data-ui-role="modal-dialog"].multicart-saved-cards-dialog .dialog-body {
    display: flex;
    flex-direction: column;
    font-weight: normal;
    width: 100%;
    position: relative;
    text-align: left;
    margin-top: 50px;
    background-color: #f2f2f2;
    padding-bottom: 0;
    overflow-y: auto; }
    [data-ui-role="modal-dialog"].multicart-saved-cards-dialog .dialog-body .credit-card-container {
      margin: 15px;
      user-select: none; }
      [data-ui-role="modal-dialog"].multicart-saved-cards-dialog .dialog-body .credit-card-container p.title {
        text-align: left;
        font-size: 10px;
        color: #a8a8a8;
        border-bottom: solid 1px #d4d4d4;
        font-family: "Gotham SSm 5r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-weight: 500;
        font-style: normal; }
      [data-ui-role="modal-dialog"].multicart-saved-cards-dialog .dialog-body .credit-card-container li.add-new-credit-card {
        cursor: pointer;
        margin: 10px 0px 10px 0px;
        padding: 0px 0px 0px 10px;
        background: #fff;
        line-height: 30px;
        position: relative; }
        [data-ui-role="modal-dialog"].multicart-saved-cards-dialog .dialog-body .credit-card-container li.add-new-credit-card img {
          top: 7px;
          right: 10px;
          width: auto;
          pointer-events: none;
          position: absolute; }
      [data-ui-role="modal-dialog"].multicart-saved-cards-dialog .dialog-body .credit-card-container li.saved-card-item {
        background: #fff;
        cursor: pointer;
        margin: 10px 0px 10px 0px;
        line-height: 30px; }
        [data-ui-role="modal-dialog"].multicart-saved-cards-dialog .dialog-body .credit-card-container li.saved-card-item .card-info {
          padding: 12px;
          pointer-events: none;
          position: relative; }
          [data-ui-role="modal-dialog"].multicart-saved-cards-dialog .dialog-body .credit-card-container li.saved-card-item .card-info p {
            margin: 0px;
            line-height: 20px;
            text-align: left; }
            [data-ui-role="modal-dialog"].multicart-saved-cards-dialog .dialog-body .credit-card-container li.saved-card-item .card-info p .card-type {
              font-weight: 700; }
          [data-ui-role="modal-dialog"].multicart-saved-cards-dialog .dialog-body .credit-card-container li.saved-card-item .card-info .primary {
            position: absolute;
            right: 12px;
            top: 14px;
            text-transform: uppercase;
            color: #a8a8a8;
            font-size: 10px;
            font-weight: 700; }
        [data-ui-role="modal-dialog"].multicart-saved-cards-dialog .dialog-body .credit-card-container li.saved-card-item.is-selected {
          background: #404040;
          color: #fff; }
  [data-ui-role="modal-dialog"].multicart-saved-cards-dialog .dialog-footer {
    position: relative !important; }
/*css!/common/withme/js/dialog/store/MultiCartReview.css*/
@charset "UTF-8";
/*
Note: This is not part of any standard, but is supported in all browsers we care
about except Firefox. Until Firefox has a native solution for multi-line
wrapping, please do not try to hack it to make it work. It is not worth the
maintenance cost.
*/
.desktop [data-ui-role="modal-dialog"].multicart-credit-card-review-dialog .dialog-header .back-button {
  position: absolute;
  left: 20px;
  top: 0;
  font-family: "Gotham SSm 5r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 15px;
  cursor: pointer; }
  .desktop [data-ui-role="modal-dialog"].multicart-credit-card-review-dialog .dialog-header .back-button::before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .desktop [data-ui-role="modal-dialog"].multicart-credit-card-review-dialog .dialog-header .back-button::before {
    content: ""; }

[data-ui-role="modal-dialog"].multicart-credit-card-review-dialog {
  width: 100%; }
  [data-ui-role="modal-dialog"].multicart-credit-card-review-dialog .dialog-body {
    display: flex;
    flex-direction: column;
    font-weight: normal;
    width: 100%;
    position: relative;
    text-align: left;
    margin-top: 50px;
    background-color: #f2f2f2;
    padding-bottom: 0;
    overflow-y: auto; }
    [data-ui-role="modal-dialog"].multicart-credit-card-review-dialog .dialog-body .content-container .content-container-content {
      padding: 10px 15px 0px 15px; }
    [data-ui-role="modal-dialog"].multicart-credit-card-review-dialog .dialog-body .info-block {
      font-family: "Gotham SSm 4r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      font-weight: normal;
      font-style: normal;
      padding: 10px;
      margin: 10px 0;
      background: #fff; }
      [data-ui-role="modal-dialog"].multicart-credit-card-review-dialog .dialog-body .info-block.message {
        text-align: center;
        margin: 0; }
        [data-ui-role="modal-dialog"].multicart-credit-card-review-dialog .dialog-body .info-block.message .title {
          font-family: "Gotham SSm 5r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
          font-weight: 500;
          font-style: normal; }
      [data-ui-role="modal-dialog"].multicart-credit-card-review-dialog .dialog-body .info-block .other-payment-channel-list img {
        float: right; }
    [data-ui-role="modal-dialog"].multicart-credit-card-review-dialog .dialog-body .multicart-order-list {
      margin: 10px 0; }
      [data-ui-role="modal-dialog"].multicart-credit-card-review-dialog .dialog-body .multicart-order-list .order-row {
        display: block;
        margin: 10px 0px 0px 0px;
        color: #404040;
        background: #fff; }
      [data-ui-role="modal-dialog"].multicart-credit-card-review-dialog .dialog-body .multicart-order-list .order-row:last-child .order-item {
        border: 0; }
      [data-ui-role="modal-dialog"].multicart-credit-card-review-dialog .dialog-body .multicart-order-list .order-item {
        margin: 0 10px;
        display: flex; }
        [data-ui-role="modal-dialog"].multicart-credit-card-review-dialog .dialog-body .multicart-order-list .order-item .image-container {
          width: 50px;
          height: 70px;
          padding: 10px 0; }
          [data-ui-role="modal-dialog"].multicart-credit-card-review-dialog .dialog-body .multicart-order-list .order-item .image-container img {
            width: 50px; }
        [data-ui-role="modal-dialog"].multicart-credit-card-review-dialog .dialog-body .multicart-order-list .order-item .item-info {
          padding: 20px 10px; }
          [data-ui-role="modal-dialog"].multicart-credit-card-review-dialog .dialog-body .multicart-order-list .order-item .item-info .item-name {
            font-family: "Gotham SSm 5r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
            font-weight: 500;
            font-style: normal;
            text-transform: capitalize; }
          [data-ui-role="modal-dialog"].multicart-credit-card-review-dialog .dialog-body .multicart-order-list .order-item .item-info .product-price {
            font-family: "Gotham SSm 4r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
            font-weight: normal;
            font-style: normal; }
            [data-ui-role="modal-dialog"].multicart-credit-card-review-dialog .dialog-body .multicart-order-list .order-item .item-info .product-price img {
              margin-right: 5px; }
            [data-ui-role="modal-dialog"].multicart-credit-card-review-dialog .dialog-body .multicart-order-list .order-item .item-info .product-price .normal-price {
              text-decoration: line-through; }
            [data-ui-role="modal-dialog"].multicart-credit-card-review-dialog .dialog-body .multicart-order-list .order-item .item-info .product-price .sale-price {
              font-family: "Gotham SSm 5r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
              font-weight: 500;
              font-style: normal;
              color: #ff374d; }
          [data-ui-role="modal-dialog"].multicart-credit-card-review-dialog .dialog-body .multicart-order-list .order-item .item-info .item-info-price {
            margin-left: 21px; }
          [data-ui-role="modal-dialog"].multicart-credit-card-review-dialog .dialog-body .multicart-order-list .order-item .item-info .img-position img {
            position: absolute; }
        [data-ui-role="modal-dialog"].multicart-credit-card-review-dialog .dialog-body .multicart-order-list .order-item .product-sale {
          flex-grow: 1; }
          [data-ui-role="modal-dialog"].multicart-credit-card-review-dialog .dialog-body .multicart-order-list .order-item .product-sale span {
            text-align: center;
            color: #fff;
            background: #ff374d;
            margin-top: 25px;
            width: 50px;
            height: 20px;
            line-height: 20px;
            float: right; }
      [data-ui-role="modal-dialog"].multicart-credit-card-review-dialog .dialog-body .multicart-order-list .supporting-text {
        display: block;
        margin: 10px 0px 0px 0px;
        color: #404040;
        font-family: "Gotham SSm 4r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-weight: normal;
        font-style: normal;
        font-size: 12px;
        line-height: 133%; }
    [data-ui-role="modal-dialog"].multicart-credit-card-review-dialog .dialog-body .order-row-amount {
      display: inline-block;
      float: right; }
    [data-ui-role="modal-dialog"].multicart-credit-card-review-dialog .dialog-body .order-total {
      display: inline-block;
      font-family: "Gotham SSm 5r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      font-weight: 500;
      font-style: normal; }
    [data-ui-role="modal-dialog"].multicart-credit-card-review-dialog .dialog-body .btn.btn-primary.buy-now.disabled {
      background: #404040;
      pointer-events: none; }
  [data-ui-role="modal-dialog"].multicart-credit-card-review-dialog .dialog-footer {
    position: relative !important; }
  [data-ui-role="modal-dialog"].multicart-credit-card-review-dialog .dialog-footer img {
    margin-top: -2px;
    position: absolute; }
  [data-ui-role="modal-dialog"].multicart-credit-card-review-dialog .dialog-footer .order-total-converted {
    margin-left: 19px; }
/*css!/common/withme/js/dialog/store/MultiCartAddCreditCard.css*/
@charset "UTF-8";
/*
Note: This is not part of any standard, but is supported in all browsers we care
about except Firefox. Until Firefox has a native solution for multi-line
wrapping, please do not try to hack it to make it work. It is not worth the
maintenance cost.
*/
.mobile [data-ui-role="modal-dialog"].multicart-add-credit-card-dialog .dialog-body {
  position: absolute;
  top: 50px;
  right: 0;
  bottom: 40px;
  left: 0; }
  .mobile [data-ui-role="modal-dialog"].multicart-add-credit-card-dialog .dialog-body .half-row {
    display: block; }

.multicart-add-credit-card-dialog .alert-message {
  padding: 10px;
  text-align: center; }

[data-ui-role="modal-dialog"].multicart-add-credit-card-dialog {
  width: 100%; }
  [data-ui-role="modal-dialog"].multicart-add-credit-card-dialog.loading {
    opacity: 0.7;
    pointer-events: none;
    touch-action: none; }
    [data-ui-role="modal-dialog"].multicart-add-credit-card-dialog.loading .dropdown {
      pointer-events: none;
      touch-action: none; }
  [data-ui-role="modal-dialog"].multicart-add-credit-card-dialog .dialog-container {
    display: block; }
    [data-ui-role="modal-dialog"].multicart-add-credit-card-dialog .dialog-container .dialog-header {
      position: static; }
      [data-ui-role="modal-dialog"].multicart-add-credit-card-dialog .dialog-container .dialog-header .back-button {
        position: absolute;
        left: 20px;
        top: 0;
        font-family: "Gotham SSm 5r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size: 15px;
        cursor: pointer; }
        [data-ui-role="modal-dialog"].multicart-add-credit-card-dialog .dialog-container .dialog-header .back-button::before {
          font-family: 'icomoon';
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          /* Better Font Rendering =========== */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale; }
        [data-ui-role="modal-dialog"].multicart-add-credit-card-dialog .dialog-container .dialog-header .back-button::before {
          content: ""; }
    [data-ui-role="modal-dialog"].multicart-add-credit-card-dialog .dialog-container .dialog-body {
      display: block;
      width: 100%;
      text-align: left;
      background-color: #f2f2f2;
      padding: 0;
      margin: 0;
      height: calc(100% - 50px); }
      [data-ui-role="modal-dialog"].multicart-add-credit-card-dialog .dialog-container .dialog-body .content-container {
        height: calc(100% - 40px); }
      [data-ui-role="modal-dialog"].multicart-add-credit-card-dialog .dialog-container .dialog-body .billing-address-block,
      [data-ui-role="modal-dialog"].multicart-add-credit-card-dialog .dialog-container .dialog-body .payment-block {
        margin: 10px 0;
        padding: 0 15px;
        width: 100%; }
        [data-ui-role="modal-dialog"].multicart-add-credit-card-dialog .dialog-container .dialog-body .billing-address-block .worldpay-eprotect-iframe,
        [data-ui-role="modal-dialog"].multicart-add-credit-card-dialog .dialog-container .dialog-body .payment-block .worldpay-eprotect-iframe {
          width: 100%; }
      [data-ui-role="modal-dialog"].multicart-add-credit-card-dialog .dialog-container .dialog-body .billing-address-block .system-info-header {
        margin-bottom: 5px; }
      [data-ui-role="modal-dialog"].multicart-add-credit-card-dialog .dialog-container .dialog-body .half-row {
        display: inline-block; }
      [data-ui-role="modal-dialog"].multicart-add-credit-card-dialog .dialog-container .dialog-body .input-container {
        display: inline-block;
        vertical-align: top;
        padding-bottom: 2px; }
        [data-ui-role="modal-dialog"].multicart-add-credit-card-dialog .dialog-container .dialog-body .input-container .security-code-row .security-code {
          width: 100px; }
        [data-ui-role="modal-dialog"].multicart-add-credit-card-dialog .dialog-container .dialog-body .input-container .security-code-row .icon-tooltip-icon {
          position: relative;
          right: -75px;
          top: -26px;
          opacity: 0.5;
          padding: 0 1px;
          width: 15px;
          height: 0px; }
          [data-ui-role="modal-dialog"].multicart-add-credit-card-dialog .dialog-container .dialog-body .input-container .security-code-row .icon-tooltip-icon:hover {
            cursor: pointer; }
        [data-ui-role="modal-dialog"].multicart-add-credit-card-dialog .dialog-container .dialog-body .input-container .security-code-row .security-code-tooltip {
          display: none; }
      [data-ui-role="modal-dialog"].multicart-add-credit-card-dialog .dialog-container .dialog-body .cardnumber {
        width: 100%; }
      [data-ui-role="modal-dialog"].multicart-add-credit-card-dialog .dialog-container .dialog-body .security-code {
        width: 60px; }
      [data-ui-role="modal-dialog"].multicart-add-credit-card-dialog .dialog-container .dialog-body .card-number-container {
        position: relative; }
        [data-ui-role="modal-dialog"].multicart-add-credit-card-dialog .dialog-container .dialog-body .card-number-container .cardimages-container {
          display: flex;
          position: absolute;
          right: 8px;
          top: 37px; }
      [data-ui-role="modal-dialog"].multicart-add-credit-card-dialog .dialog-container .dialog-body .cardimage {
        opacity: 0.5;
        font-size: 15px;
        width: 28px;
        overflow: hidden;
        padding-top: 3px; }
        [data-ui-role="modal-dialog"].multicart-add-credit-card-dialog .dialog-container .dialog-body .cardimage.card-number-present:not(.card-type-active) {
          opacity: 0;
          font-size: 0;
          width: 0; }
      [data-ui-role="modal-dialog"].multicart-add-credit-card-dialog .dialog-container .dialog-body .exp-date-container {
        display: inline-block;
        min-width: 90px;
        width: 100px;
        padding-right: 2px; }
      [data-ui-role="modal-dialog"].multicart-add-credit-card-dialog .dialog-container .dialog-body .state-province-container {
        display: inline-block;
        min-width: 36%;
        width: 36%;
        float: right;
        height: 40px; }
      [data-ui-role="modal-dialog"].multicart-add-credit-card-dialog .dialog-container .dialog-body .name-on-card,
      [data-ui-role="modal-dialog"].multicart-add-credit-card-dialog .dialog-container .dialog-body .address {
        width: 100%; }
      [data-ui-role="modal-dialog"].multicart-add-credit-card-dialog .dialog-container .dialog-body .city {
        width: 63%; }
      [data-ui-role="modal-dialog"].multicart-add-credit-card-dialog .dialog-container .dialog-body .zip,
      [data-ui-role="modal-dialog"].multicart-add-credit-card-dialog .dialog-container .dialog-body .postal {
        width: 36%;
        margin-top: 5px; }
        [data-ui-role="modal-dialog"].multicart-add-credit-card-dialog .dialog-container .dialog-body .zip.intl,
        [data-ui-role="modal-dialog"].multicart-add-credit-card-dialog .dialog-container .dialog-body .postal.intl {
          float: right;
          margin: 0; }
      [data-ui-role="modal-dialog"].multicart-add-credit-card-dialog .dialog-container .dialog-body .us-fields,
      [data-ui-role="modal-dialog"].multicart-add-credit-card-dialog .dialog-container .dialog-body .ca-fields,
      [data-ui-role="modal-dialog"].multicart-add-credit-card-dialog .dialog-container .dialog-body .non-us-fields {
        display: inline-block; }
      [data-ui-role="modal-dialog"].multicart-add-credit-card-dialog .dialog-container .dialog-body .country-container {
        float: right;
        display: inline-block;
        min-width: 100px;
        width: 100%;
        height: 40px;
        margin: 5px 0 10px 0; }
        [data-ui-role="modal-dialog"].multicart-add-credit-card-dialog .dialog-container .dialog-body .country-container.canada, [data-ui-role="modal-dialog"].multicart-add-credit-card-dialog .dialog-container .dialog-body .country-container.us {
          width: 63%;
          margin-bottom: 0; }
      [data-ui-role="modal-dialog"].multicart-add-credit-card-dialog .dialog-container .dialog-body .error-block {
        width: 100%;
        font-family: "Gotham SSm 5r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-weight: 500;
        font-style: normal; }
        [data-ui-role="modal-dialog"].multicart-add-credit-card-dialog .dialog-container .dialog-body .error-block.has-error {
          padding: 5px 0;
          background-color: #ff374d; }
        [data-ui-role="modal-dialog"].multicart-add-credit-card-dialog .dialog-container .dialog-body .error-block .error-message {
          color: #fff;
          width: 100%;
          text-align: center;
          transition: height 0.15s;
          opacity: 0;
          height: 0;
          overflow: hidden; }
        [data-ui-role="modal-dialog"].multicart-add-credit-card-dialog .dialog-container .dialog-body .error-block .error-message.error-visible {
          padding: 2px 10px;
          opacity: 1;
          height: auto; }
      [data-ui-role="modal-dialog"].multicart-add-credit-card-dialog .dialog-container .dialog-body .dropdown {
        color: #404040; }
        [data-ui-role="modal-dialog"].multicart-add-credit-card-dialog .dialog-container .dialog-body .dropdown.payment-error {
          border: 1px solid #ff374d !important; }
        [data-ui-role="modal-dialog"].multicart-add-credit-card-dialog .dialog-container .dialog-body .dropdown .dropdown-label {
          height: 40px;
          line-height: 40px; }
      [data-ui-role="modal-dialog"].multicart-add-credit-card-dialog .dialog-container .dialog-body .input-label {
        color: #404040;
        font-size: 10px;
        text-transform: uppercase;
        margin: 5px 0;
        font-family: "Gotham SSm 5r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-weight: 500;
        font-style: normal; }
      [data-ui-role="modal-dialog"].multicart-add-credit-card-dialog .dialog-container .dialog-body .input-row {
        display: block;
        padding-top: 5px;
        padding-bottom: 0; }
      [data-ui-role="modal-dialog"].multicart-add-credit-card-dialog .dialog-container .dialog-body input {
        display: inline-block;
        height: 40px;
        font-family: "Gotham SSm 4r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-weight: normal;
        font-style: normal;
        font-size: 12px;
        line-height: 1.4;
        color: #404040;
        padding-left: 10px;
        padding-right: 10px;
        border: 1px solid #d4d4d4; }
        [data-ui-role="modal-dialog"].multicart-add-credit-card-dialog .dialog-container .dialog-body input::placeholder {
          color: #a8a8a8; }
        [data-ui-role="modal-dialog"].multicart-add-credit-card-dialog .dialog-container .dialog-body input.payment-error {
          border: 1px solid #ff374d !important; }
        [data-ui-role="modal-dialog"].multicart-add-credit-card-dialog .dialog-container .dialog-body input.checkbox {
          height: auto; }
/*css!/common/withme/js/widget/store/MultiCartVipStatus.css*/
/*
Note: This is not part of any standard, but is supported in all browsers we care
about except Firefox. Until Firefox has a native solution for multi-line
wrapping, please do not try to hack it to make it work. It is not worth the
maintenance cost.
*/
.multi-cart-vip-status {
  margin: 5px 0 0 5px;
  color: #a8a8a8;
  font-size: 10px;
  font-weight: 500;
  /* text-align: left !important; */
  line-height: normal;
  letter-spacing: normal; }
  .multi-cart-vip-status span.price {
    float: right; }
/*css!/common/withme/js/dialog/store/MultiCartCheckoutItem.css*/
/*
Note: This is not part of any standard, but is supported in all browsers we care
about except Firefox. Until Firefox has a native solution for multi-line
wrapping, please do not try to hack it to make it work. It is not worth the
maintenance cost.
*/
@keyframes removed-item-anim {
  0% {
    background: #ff374d; }
  100% {
    background: none; } }

.multi-cart-checkout-item {
  display: block;
  position: relative;
  height: 70px;
  background: #fff; }
  .multi-cart-checkout-item .multi-cart-item-info {
    display: flex;
    height: 100%; }
    .multi-cart-checkout-item .multi-cart-item-info .checkbox[type="checkbox"]:checked + label::before {
      font-size: 9px;
      line-height: 16px; }
    .multi-cart-checkout-item .multi-cart-item-info .product-label {
      height: 14px;
      margin: 25px 0 0 20px; }
      .multi-cart-checkout-item .multi-cart-item-info .product-label:before {
        height: 14px;
        width: 14px;
        font-size: 10px; }
      .multi-cart-checkout-item .multi-cart-item-info .product-label.removed:before {
        animation: removed-item-anim 0.5s; }
    .multi-cart-checkout-item .multi-cart-item-info .product-img {
      height: 50px;
      width: 50px;
      margin: 0 10px 0 0;
      align-self: center; }
      .multi-cart-checkout-item .multi-cart-item-info .product-img img {
        max-width: 50px;
        max-height: 50px;
        vertical-align: middle; }
    .multi-cart-checkout-item .multi-cart-item-info .product-info {
      color: #404040;
      align-self: center;
      margin-left: 5px; }
      .multi-cart-checkout-item .multi-cart-item-info .product-info .product-name {
        font-weight: bold; }
      .multi-cart-checkout-item .multi-cart-item-info .product-info .product-price {
        font-weight: normal; }
        .multi-cart-checkout-item .multi-cart-item-info .product-info .product-price .normal-price {
          text-decoration: line-through; }
        .multi-cart-checkout-item .multi-cart-item-info .product-info .product-price .sale-price {
          font-family: "Gotham SSm 5r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
          font-weight: 500;
          font-style: normal;
          color: #ff374d; }
    .multi-cart-checkout-item .multi-cart-item-info.credits {
      /* ^^^^^^ */ }
      .multi-cart-checkout-item .multi-cart-item-info.credits .product-img img {
        position: relative;
        bottom: 10px; }
      .multi-cart-checkout-item .multi-cart-item-info.credits .product-info {
        font-family: "Gotham SSm 4r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-weight: normal;
        font-style: normal; }
    .multi-cart-checkout-item .multi-cart-item-info .product-sale {
      color: #fff;
      background: #ff374d;
      text-align: center;
      width: 50px;
      height: 20px;
      line-height: 20px;
      position: absolute;
      right: 10px;
      top: 25px; }
/*css!/common/withme/js/widget/store/MultiCartList.css*/
/*
Note: This is not part of any standard, but is supported in all browsers we care
about except Firefox. Until Firefox has a native solution for multi-line
wrapping, please do not try to hack it to make it work. It is not worth the
maintenance cost.
*/
/*css!/common/withme/js/widget/store/MultiCartItem.css*/
/*
Note: This is not part of any standard, but is supported in all browsers we care
about except Firefox. Until Firefox has a native solution for multi-line
wrapping, please do not try to hack it to make it work. It is not worth the
maintenance cost.
*/
.multi-cart-item {
  display: block;
  position: relative;
  height: 70px;
  user-select: none;
  border-bottom: solid 1px #d4d4d4; }
  .multi-cart-item .multi-cart-item-info {
    display: flex;
    padding: 0px 10px;
    height: 100%; }
    .multi-cart-item .multi-cart-item-info .product-img {
      align-self: center;
      height: 50px;
      width: 50px;
      margin: 0 5px; }
      .multi-cart-item .multi-cart-item-info .product-img img {
        max-width: 50px;
        max-height: 50px;
        vertical-align: middle; }
    .multi-cart-item .multi-cart-item-info .product-info {
      flex-basis: 165px;
      align-self: center;
      margin: auto;
      color: #404040; }
      .multi-cart-item .multi-cart-item-info .product-info .product-name {
        font-weight: bold; }
      .multi-cart-item .multi-cart-item-info .product-info .product-price {
        font-weight: normal; }
        .multi-cart-item .multi-cart-item-info .product-info .product-price .normal-price {
          text-decoration: line-through; }
        .multi-cart-item .multi-cart-item-info .product-info .product-price .sale-price {
          font-family: "Gotham SSm 5r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
          font-weight: 500;
          font-style: normal;
          color: #ff374d; }
        .multi-cart-item .multi-cart-item-info .product-info .product-price .renews-text {
          font-weight: normal; }
      .multi-cart-item .multi-cart-item-info .product-info.credits {
        font-family: "Gotham SSm 4r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-weight: normal;
        font-style: normal; }
    .multi-cart-item .multi-cart-item-info .product-remove {
      color: #a8a8a8;
      cursor: pointer;
      align-self: center;
      transition: opacity 0.15s; }
      .multi-cart-item .multi-cart-item-info .product-remove:hover {
        opacity: 0.75; }
      .multi-cart-item .multi-cart-item-info .product-remove:active {
        opacity: 0.5625; }
      .multi-cart-item .multi-cart-item-info .product-remove svg {
        width: 25px;
        height: 25px; }
/*css!/common/withme/js/widget/timestamp/MessageDrawerTimestamp.css*/
/*
Note: This is not part of any standard, but is supported in all browsers we care
about except Firefox. Until Firefox has a native solution for multi-line
wrapping, please do not try to hack it to make it work. It is not worth the
maintenance cost.
*/
timestamp.timestamp-widget.message-drawer-timestamp {
  display: block;
  font-size: 12px;
  margin-left: 10px;
  white-space: nowrap; }

html[dir="rtl"] timestamp.timestamp-widget.message-drawer-timestamp {
  margin-left: 0;
  margin-right: 10px; }
/*css!/common/withme/js/widget/filter/FilterWidget.css*/
/*
Note: This is not part of any standard, but is supported in all browsers we care
about except Firefox. Until Firefox has a native solution for multi-line
wrapping, please do not try to hack it to make it work. It is not worth the
maintenance cost.
*/
.filter-widget .system-info-header {
  position: relative;
  padding-top: 0; }
  .filter-widget .system-info-header .rating-icon {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 15px;
    height: 15px;
    margin: 3px; }
    .filter-widget .system-info-header .rating-icon svg {
      width: 15px;
      height: 15px;
      color: #a8a8a8;
      fill: #a8a8a8; }

.filter-widget .filter-pricing.disabled {
  color: #a8a8a8; }

html[dir="rtl"]
.filter-widget .system-info-header .rating-icon {
  right: auto;
  left: 0; }
/*css!/common/withme/js/widget/segmentedControl/SegmentedControl.css*/
/*
Note: This is not part of any standard, but is supported in all browsers we care
about except Firefox. Until Firefox has a native solution for multi-line
wrapping, please do not try to hack it to make it work. It is not worth the
maintenance cost.
*/
.segmented-control {
  transform: translateZ(0);
  font-family: "Gotham SSm 4r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 10px;
  text-align: center;
  text-transform: uppercase; }
  .segmented-control ul {
    display: flex; }
  .segmented-control input {
    display: none; }
  .segmented-control .segmented-control-item {
    flex: 1;
    transition: opacity 0.15s;
    display: block;
    height: 100%;
    border: solid 1px #404040;
    border-right-width: 0;
    height: 25px;
    line-height: 23px;
    white-space: nowrap;
    color: #404040;
    cursor: pointer;
    overflow: hidden; }
    .segmented-control .segmented-control-item:last-child {
      border-right-width: 1px; }
    .segmented-control .segmented-control-item.is-selected {
      background: #404040;
      color: #fff;
      cursor: default; }
      .segmented-control .segmented-control-item.is-selected:hover {
        opacity: 1; }
    .segmented-control .segmented-control-item:hover {
      opacity: 0.75; }
    .segmented-control .segmented-control-item:active {
      opacity: 0.5625; }

.dark-theme .segmented-control .segmented-control-item {
  color: #fff;
  border-color: #fff; }
  .dark-theme .segmented-control .segmented-control-item.is-selected {
    background: #fff;
    color: #404040; }

html[dir="rtl"]
.segmented-control .segmented-control-item {
  border-right-width: 1px;
  border-left-width: 0; }
  html[dir="rtl"]
.segmented-control .segmented-control-item:last-child {
    border-left-width: 1px; }
/*css!/common/withme/js/widget/simpleFilter/SimpleFilter.css*/
@charset "UTF-8";
/*
Note: This is not part of any standard, but is supported in all browsers we care
about except Firefox. Until Firefox has a native solution for multi-line
wrapping, please do not try to hack it to make it work. It is not worth the
maintenance cost.
*/
.simple-filter .segmented-control .segmented-control-item {
  height: 30px;
  line-height: 28px;
  font-size: 20px; }
  .simple-filter .segmented-control .segmented-control-item[data-value=grid]::before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .simple-filter .segmented-control .segmented-control-item[data-value=grid]::before {
    content: ""; }
  .simple-filter .segmented-control .segmented-control-item[data-value=column]::before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .simple-filter .segmented-control .segmented-control-item[data-value=column]::before {
    content: ""; }
/*css!/common/withme/js/widget/SeeDetailsButton/SeeDetailsButton.css*/
/*
Note: This is not part of any standard, but is supported in all browsers we care
about except Firefox. Until Firefox has a native solution for multi-line
wrapping, please do not try to hack it to make it work. It is not worth the
maintenance cost.
*/
.btn.see-details-button {
  min-height: 30px;
  height: 30px; }
  .btn.see-details-button.btn-ghost.btn-dark {
    padding: 0;
    min-width: 110px; }
/*css!/common/withme/js/widget/sayThanksButton/SayThanksButton.css*/
/*
Note: This is not part of any standard, but is supported in all browsers we care
about except Firefox. Until Firefox has a native solution for multi-line
wrapping, please do not try to hack it to make it work. It is not worth the
maintenance cost.
*/
.btn.say-thanks-button {
  min-height: 30px;
  height: 30px; }
  .btn.say-thanks-button.btn-ghost.btn-dark {
    padding: 0;
    min-width: 110px; }
/*css!/common/withme/js/dialog/giftThankingDialog/GiftThankingDialog.css*/
/*
Note: This is not part of any standard, but is supported in all browsers we care
about except Firefox. Until Firefox has a native solution for multi-line
wrapping, please do not try to hack it to make it work. It is not worth the
maintenance cost.
*/
.gift-thanking-dialog[data-ui-role="modal-dialog"] .dialog-body {
  text-align: center; }
  .gift-thanking-dialog[data-ui-role="modal-dialog"] .dialog-body button.send-gift {
    margin-top: 30px; }
  .gift-thanking-dialog[data-ui-role="modal-dialog"] .dialog-body button.send-message {
    margin: 10px 0; }
/*css!/common/withme/js/dialog/giftThankingMessageDialog/GiftThankingMessageDialog.css*/
/*
Note: This is not part of any standard, but is supported in all browsers we care
about except Firefox. Until Firefox has a native solution for multi-line
wrapping, please do not try to hack it to make it work. It is not worth the
maintenance cost.
*/
.gift-thanking-message-dialog[data-ui-role="modal-dialog"] .dialog-body {
  justify-content: start;
  padding: 20px 15px; }
  .gift-thanking-message-dialog[data-ui-role="modal-dialog"] .dialog-body textarea.thank-you-message {
    border-radius: 0;
    height: 100px; }
/*css!/common/withme/js/widget/cannedResponses/CannedResponses.css*/
/*
Note: This is not part of any standard, but is supported in all browsers we care
about except Firefox. Until Firefox has a native solution for multi-line
wrapping, please do not try to hack it to make it work. It is not worth the
maintenance cost.
*/
.canned-responses-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px; }
  .canned-responses-list .canned-responses-item {
    cursor: pointer;
    padding: 10px;
    background-color: #fff;
    min-width: 42px;
    border-radius: 35px;
    margin-right: 8px;
    margin-bottom: 8px;
    text-align: center; }
    .canned-responses-list .canned-responses-item.animate {
      animation: highlight 1s; }

.mobile .canned-responses {
  overflow: overlay; }
  .mobile .canned-responses .canned-responses-list {
    flex-wrap: nowrap;
    margin-top: 10px;
    width: max-content;
    overflow-x: scroll; }
    .mobile .canned-responses .canned-responses-list .canned-responses-item {
      margin-bottom: 0; }

@keyframes highlight {
  0%, 50% {
    background-color: #deb359;
    color: #fff; }
  100% {
    background-color: #fff;
    color: #404040; } }
/*css!/common/waf/js/widget/EdgeCollectionPresenter.css*/
/*
Note: This is not part of any standard, but is supported in all browsers we care
about except Firefox. Until Firefox has a native solution for multi-line
wrapping, please do not try to hack it to make it work. It is not worth the
maintenance cost.
*/
.edge-collection-init-error {
  text-align: center;
  width: 350px;
  margin: 0 auto; }
  .edge-collection-init-error svg {
    margin-top: 50px;
    width: 100px;
    height: 100px; }
  .edge-collection-init-error .error-title {
    font-family: "Gotham SSm 5r", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 12px;
    text-transform: uppercase;
    margin: 20px 0 10px; }
  .edge-collection-init-error .error-text {
    font-size: 12px; }
/*css!/common/withme/js/widget/AdsListPresenter/SmartAdSlot.css*/
.smart-ad-slot iframe {
  position: relative !important; }