/* USAGE
@include when-xxxs  {background:#09f} (0 to 339px)
@include when-xxs   {background:#09f} (0 to 419px)
@include when-xs    {background:#09f} (0 to 599px)
@include when-gt-xs {background:#09f} (600px to screen size)
@include when-sm    {background:#f00} (0 to 959px)
@include when-gt-sm {background:#363} (960px to screen size)
*/
@keyframes aniGradientBG {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }
/* Usage
   parent container applies: position:relative;
   child add: @include centerer;
*/
.serif, .studentSilverApplicationFormDialog md-toolbar div h2 {
  font-family: 'All Round Gothic', 'Hiragino Maru Gothic Pro', 'Microsoft YaHei', 'Hiragino Sans GB', sans-serif; }

.dialogInputContainer .md-dialog-content {
  padding-bottom: 10px; }
.dialogInputContainer md-input-container {
  padding: 2px 0; }
.dialogInputContainer md-input-container .md-placeholder, .dialogInputContainer md-input-container label:not(.md-no-float):not(.md-container-ignore) {
  padding-left: 0; }
.dialogInputContainer .alert a {
  white-space: nowrap; }
.dialogInputContainer .alert-success {
  border-top: none;
  padding: 0;
  background: none; }
.dialogInputContainer md-checkbox {
  margin-bottom: 0; }
  .dialogInputContainer md-checkbox .md-label {
    padding-top: 4px;
    padding-bottom: 4px; }
.dialogInputContainer.writeAReviewDialog {
  overflow: hidden; }

.ysphoto .progressWrapper {
  min-height: 240px; }

md-input-container.reviewInputContainer {
  width: 100%;
  margin-bottom: 22px; }

.getPhoto {
  position: relative;
  margin-top: 12px;
  margin-bottom: 3px;
  background-color: #f1f2f6;
  border-radius: 4px; }
  .getPhoto .instagramImage {
    position: relative;
    width: 104px;
    height: 104px;
    background-color: #f1f2f6;
    text-align: center;
    border-radius: 4px 0 0 4px; }
    .getPhoto .instagramImage:before {
      position: absolute;
      top: 50%;
      left: 50%;
      display: block;
      width: 38px;
      height: 38px;
      margin-top: -19px;
      margin-left: -19px;
      line-height: 45px;
      font-size: 44px;
      color: #babecf; }
    .getPhoto .instagramImage.active + .flex-grow {
      border-color: #f1f2f6; }
  .getPhoto .cover {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    border-radius: 4px;
    overflow: hidden;
    -webkit-transform: scale(0);
    transform: scale(0); }
    .getPhoto .cover.active {
      -webkit-transform: scale(1);
      transform: scale(1); }
  .getPhoto .flex-grow {
    padding: 12px 10px 10px;
    border-left: 1px solid #dcdee7; }
  .getPhoto .md-button {
    margin: 9px 0 0; }
  .getPhoto input {
    width: 100%;
    height: 35px;
    line-height: 35px;
    padding: 0 11px;
    color: rgba(0, 0, 0, 0.87);
    border: none;
    border-radius: 3px;
    box-sizing: border-box;
    box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.15), 0 1px 1px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.15), 0 1px 1px 0 rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.15), 0 1px 1px 0 rgba(0, 0, 0, 0.05); }

.border-top {
  border-top: 1px solid #e0e0e0; }

.reviewPhotoContainer {
  margin: 3px 0 22px; }
  .reviewPhotoContainer.reviewForm {
    margin-left: -8px;
    margin-right: -8px; }
    .reviewPhotoContainer.reviewForm .remark, .reviewPhotoContainer.reviewForm .getPhoto, .reviewPhotoContainer.reviewForm .errorMessage {
      margin-left: 8px;
      margin-right: 8px; }
  .reviewPhotoContainer .remark span {
    font-size: 12px; }
  .reviewPhotoContainer .thumbnail:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 1px solid #e4e6ed;
    border-radius: 4px; }

.guidelines {
  margin: 4px 0 4px 29px; }

.review-customerprofile-container {
  background-color: #f7f7f7;
  padding: 24px 16px;
  margin: 0 -16px 16px -16px; }
  .review-customerprofile-container md-select {
    margin: 10px 0; }
  .review-customerprofile-container .review-customerprofile-section {
    margin-bottom: 8px; }
  .review-customerprofile-container .radiogroup-width {
    margin: 0 0 22px 0; }
    .review-customerprofile-container .radiogroup-width .slider-title-margin {
      margin-top: 15px; }
    @media (min-width: 960px) {
      .review-customerprofile-container .radiogroup-width {
        max-width: 500px; } }
    @media (max-width: 599px) {
      .review-customerprofile-container .radiogroup-width {
        margin-bottom: 18px; }
        .review-customerprofile-container .radiogroup-width > div:first-child {
          margin-bottom: 10px; } }
    .review-customerprofile-container .radiogroup-width .errorMessage {
      color: #dd2c00;
      margin-top: 4px;
      font-size: 12px; }
  .review-customerprofile-container .md-block md-input-container {
    margin: 0; }
  .review-customerprofile-container .md-block .md-input {
    width: 80px; }
  .review-customerprofile-container .slash-padding {
    padding: 0 8px; }
  .review-customerprofile-container div p {
    margin-bottom: 0;
    margin-top: 8px; }
  .review-customerprofile-container md-radio-group *:focus {
    outline: none;
    border: 0; }
  .review-customerprofile-container md-radio-group md-radio-button {
    margin: 0 8px 10px 0; }
  .review-customerprofile-container md-radio-button .md-label, .review-customerprofile-container md-checkbox .md-label {
    display: inline-flex;
    vertical-align: middle; }
    .review-customerprofile-container md-radio-button .md-label span, .review-customerprofile-container md-checkbox .md-label span {
      line-height: 20px; }
    .review-customerprofile-container md-radio-button .md-label span:last-child, .review-customerprofile-container md-checkbox .md-label span:last-child {
      max-width: 70px; }
  .review-customerprofile-container md-radio-button.md-checked .md-label, .review-customerprofile-container md-checkbox.md-checked .md-label {
    color: #4caf50;
    font-weight: bold; }
  .review-customerprofile-container md-radio-button.md-checked .beautyicon, .review-customerprofile-container md-checkbox.md-checked .beautyicon {
    border-radius: 1px;
    box-shadow: 0 0 0 3px #4caf50; }

.writeMoreReview .childColumn {
  padding: 8px 0 0; }
.writeMoreReview h4 {
  margin: 0;
  color: #444;
  font-weight: normal; }
.writeMoreReview .ysColumnGrid.miniList {
  height: auto;
  margin: 2px -8px 0;
  overflow: visible; }
  .writeMoreReview .ysColumnGrid.miniList .flex-33 {
    padding: 8px; }

.appDownload {
  margin: 28px -16px -10px;
  padding: 12px 16px 24px;
  border-top: 2px solid #111;
  background-image: url(https://ddvql06zg3s2o.cloudfront.net/Assets/res/p/36616/imgs/appintro/app-download.jpg);
  background-repeat: no-repeat;
  background-position: top center; }
  .appDownload h4 {
    margin: 0 0 12px;
    padding: 0; }

.writeAReviewInfluencerBannerWrapper {
  margin-block: 24px 14px;
  padding: 19px 13px 21px;
  color: #ffffff !important;
  gap: 3px;
  border-radius: 4px;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
  text-decoration-line: none;
  text-align: center;
  background: url("https://ddvql06zg3s2o.cloudfront.net/Assets/res/imgs/app/creative/common/l_influencers_recruitment.jpg") #FF6785;
  background-size: cover;
  background-position: center; }
  .writeAReviewInfluencerBannerWrapper h3 {
    margin-block: 0;
    font-size: 16px;
    line-height: 19px; }
  .writeAReviewInfluencerBannerWrapper span {
    font-size: 14px;
    line-height: 17px;
    text-decoration-line: underline;
    text-underline-offset: 3px;
    transition: color .3s; }
  .writeAReviewInfluencerBannerWrapper + .appDownload {
    margin-block-start: 10px; }

.writeMoreReview + .writeAReviewInfluencerBannerWrapper {
  margin-block-start: 32px; }

.applyRatingRow .ratingRow {
  margin: 2px 0 0 -5px; }
.applyRatingRow:has(+ md-input-container) {
  margin-block-end: 17px; }

.required ~ .errorMessage {
  color: #dd2c00;
  margin-top: 4px;
  padding-top: 2px;
  line-height: 14px;
  border-top: 1px solid #dd2c00; }

.ratingMessage {
  color: #865f00;
  width: auto;
  margin-left: 8px;
  font-weight: bold;
  padding-top: 15px;
  overflow: hidden;
  letter-space: 2px; }
  @media (max-width: 419px) {
    .ratingMessage {
      width: 100%;
      margin-left: 0;
      padding-top: 4px; } }
  .ratingMessage span {
    display: none; }
  .ratingMessage.poor .poor, .ratingMessage.belowaverage .belowaverage, .ratingMessage.fair .fair, .ratingMessage.good .good, .ratingMessage.excellent .excellent {
    display: inline-block; }

.ratingLinkWrapper {
  position: absolute;
  top: 0;
  left: 0; }
  .ratingLinkWrapper a {
    display: block;
    width: 42px;
    height: 42px;
    background: transparent; }
    .ratingLinkWrapper a span {
      display: none; }

.influencerRecruitmentReviewWrap {
  margin: 28px -16px -28px -16px;
  color: #fff;
  min-height: 80px;
  position: relative;
  padding-right: 130px;
  background: url(https://ddvql06zg3s2o.cloudfront.net/Assets/res/p/36616/imgs/ysinfluencer/influencer_recruitment_plan_background.jpg); }
  .influencerRecruitmentReviewWrap ~ .appDownload {
    border: none; }
  .influencerRecruitmentReviewWrap h3 {
    margin: 4px 0;
    font-size: 18px; }
    @media (max-width: 419px) {
      .influencerRecruitmentReviewWrap h3 {
        padding-top: 0; } }
  .influencerRecruitmentReviewWrap a {
    color: #fff;
    text-decoration: underline;
    display: block;
    padding-top: 0px; }
  .influencerRecruitmentReviewWrap .iconWrap {
    position: absolute; }
    .influencerRecruitmentReviewWrap .iconWrap.bottom {
      right: 10px;
      top: 2px; }
      @media (max-width: 599px) {
        .influencerRecruitmentReviewWrap .iconWrap.bottom {
          right: 5px; } }
    .influencerRecruitmentReviewWrap .iconWrap.top {
      right: 60px;
      top: -30px; }
      @media (max-width: 599px) {
        .influencerRecruitmentReviewWrap .iconWrap.top {
          right: 55px; } }
  .influencerRecruitmentReviewWrap .circleGreenStamp {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: relative;
    top: -1px;
    display: inline-block;
    width: 120px;
    height: 120px;
    margin: 0 auto;
    background: #fff;
    text-algin: center;
    box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.12); }
    .influencerRecruitmentReviewWrap .circleGreenStamp + div {
      padding-top: 10px;
      font-size: 18px; }
    .influencerRecruitmentReviewWrap .circleGreenStamp, .influencerRecruitmentReviewWrap .circleGreenStamp .icon {
      border-radius: 100px; }
    .influencerRecruitmentReviewWrap .circleGreenStamp.extra {
      width: 80px;
      height: 80px; }
      .influencerRecruitmentReviewWrap .circleGreenStamp.extra .icon {
        top: 7px;
        bottom: 7px;
        left: 7px;
        right: 7px; }
    .influencerRecruitmentReviewWrap .circleGreenStamp.sponsor {
      width: 70px;
      height: 70px; }
      .influencerRecruitmentReviewWrap .circleGreenStamp.sponsor .icon {
        top: 6px;
        bottom: 6px;
        left: 6px;
        right: 6px; }
    .influencerRecruitmentReviewWrap .circleGreenStamp .icon {
      -webkit-transition: 0.3s;
      transition: 0.3s;
      position: absolute;
      color: #fff;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.12);
      top: 8px;
      bottom: 8px;
      left: 8px;
      right: 8px; }
      .influencerRecruitmentReviewWrap .circleGreenStamp .icon:before {
        font-size: 65px; }
    .influencerRecruitmentReviewWrap .circleGreenStamp .icon-influencer-extra:before {
      padding-top: 10px;
      font-size: 44px; }
    .influencerRecruitmentReviewWrap .circleGreenStamp .icon-influencer-sponsor:before {
      padding-top: 10px;
      font-size: 36px; }
  .influencerRecruitmentReviewWrap .gradientGreen, .influencerRecruitmentReviewWrap .circleGreenStamp .icon {
    background: -moz-linear-gradient(125deg, #ff4e7d 0%, #FE84A5 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #ff4e7d), color-stop(100%, #FE84A5));
    background: -webkit-linear-gradient(125deg, #ff4e7d 0%, #FE84A5 100%);
    background: -o-linear-gradient(125deg, #ff4e7d 0%, #FE84A5 100%);
    background: -ms-linear-gradient(125deg, #ff4e7d 0%, #FE84A5 100%);
    background: linear-gradient(160deg, #ff4e7d 30%, #FE84A5 100%); }

a.trustpilotBanner {
  background-color: #000032;
  color: #FFF;
  margin: 0 -16px -28px -16px;
  text-decoration: none; }

a.trustpilotBanner:hover {
  color: #f5e9f7; }

a.trustpilotBanner h3 {
  margin: 0 0 0.5em 0; }

.photoItem {
  padding: 13px 8px 3px; }

.contain, .thumbnail {
  background-size: contain; }

.contain, .thumbnail, .cover {
  padding-bottom: 100%;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #fff; }

.contain {
  position: relative; }

.thumbnail {
  border-radius: 4px; }

.cover {
  background-size: cover; }

.removePhoto {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  top: -8px;
  right: -8px;
  z-index: 1;
  width: 26px;
  height: 26px;
  color: #babecf;
  background: #fff;
  border: 1px solid #babecf;
  border-radius: 30px;
  font-size: 26px;
  line-height: 22px;
  text-align: center;
  cursor: pointer; }
  .removePhoto:hover {
    color: #f44;
    border-color: #f44; }

.addPhoto, .photoItem, .thumbnail {
  position: relative; }

.addPhoto {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  display: block;
  width: 100%;
  padding-bottom: 100%;
  background: #f1f2f6;
  border-radius: 4px;
  cursor: pointer; }
  .addPhoto:before, .addPhoto:after {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    background: #babecf; }
  .addPhoto:before {
    width: 14px;
    height: 2px;
    margin-top: -1px;
    margin-left: -7px; }
  .addPhoto:after {
    width: 2px;
    height: 14px;
    margin-top: -7px;
    margin-left: -1px; }
  .addPhoto:hover {
    background: #e7e8ef; }
    .addPhoto:hover:before, .addPhoto:hover:after {
      background: #9298b0; }

.maincontent.guest {
  margin-left: 0;
  max-width: 100%; }
@media (min-width: 600px) {
  .maincontent .whiteframe > div:not(.md-subheader) {
    padding-left: 24px;
    padding-right: 24px; } }
.maincontent .whiteframe > div:not(.md-subheader).fluidContainer {
  padding-left: 0;
  padding-right: 0; }
  @media (min-width: 960px) {
    .maincontent .whiteframe > div:not(.md-subheader).fluidContainer {
      padding-left: 24px;
      padding-right: 24px; } }
.maincontent md-toast {
  position: absolute; }

.accountLayout h2.welcomeTitle {
  margin: 16px 16px 0; }
  .accountLayout h2.welcomeTitle span.studentSilverBadge {
    margin-left: 8px;
    height: 28px;
    width: 28px; }
.accountLayout .roundCard {
  border-radius: 8px; }
  .accountLayout .roundCard.regular {
    background: linear-gradient(20deg, #ceeeca 0%, #f2faf1 50%, #ceeeca 100%); }
    .accountLayout .roundCard.regular .bigFont {
      color: #63c956; }
  .accountLayout .roundCard.bronze {
    background: linear-gradient(20deg, #fae4d6 0%, white 50%, #fae4d6 100%); }
    .accountLayout .roundCard.bronze .bigFont {
      color: #eb8b4c; }
  .accountLayout .roundCard.silver {
    background: linear-gradient(20deg, #d5e0fa 0, #f3f5fd 50%, #d5e0fa 100%); }
    .accountLayout .roundCard.silver .bigFont {
      color: #5a85b4; }
  .accountLayout .roundCard.ig-silver {
    background: linear-gradient(115deg, #ffd600 10%, #ff7a00 25%, #ff0069 45%, #d300c5 60%, #7638fa 90%); }
    .accountLayout .roundCard.ig-silver .bigFont, .accountLayout .roundCard.ig-silver .remark {
      color: #fff; }
    .accountLayout .roundCard.ig-silver .link {
      text-decoration: underline;
      color: #fff;
      margin-top: 8px;
      cursor: pointer; }
  .accountLayout .roundCard.gold {
    background: linear-gradient(20deg, #ffe495 0%, #fff1c8 50%, #ffe495 100%); }
    .accountLayout .roundCard.gold .bigFont {
      color: #fbbc00; }
  .accountLayout .roundCard.influencer {
    background: linear-gradient(20deg, #f7c2d5 0%, #fdeff4 50%, #f7c2d5 100%); }
    .accountLayout .roundCard.influencer .bigFont {
      color: #e43c77; }
    .accountLayout .roundCard.influencer .spending-chartWrapper {
      border-color: #e43c77; }
      .accountLayout .roundCard.influencer .spending-chartWrapper .cumulative {
        background: #f096b5;
        background: linear-gradient(90deg, #f096b5 0%, #9a73f3 90%, #00c1c0 100%); }
    .accountLayout .roundCard.influencer.star {
      background: linear-gradient(20deg, #c1ffff 0%, #eaffff 50%, #c1ffff 100%); }
      .accountLayout .roundCard.influencer.star .bigFont {
        color: #00c1c0; }
      .accountLayout .roundCard.influencer.star .spending-chartWrapper {
        border-color: #00c1c0; }
        .accountLayout .roundCard.influencer.star .spending-chartWrapper .cumulative {
          background: #28fffe;
          background: linear-gradient(90deg, #28fffe 0%, #f5b300 100%); }
    .accountLayout .roundCard.influencer.super {
      background: linear-gradient(20deg, #ffe18f 0%, #ffefc2 50%, #ffe18f 100%); }
      .accountLayout .roundCard.influencer.super .bigFont {
        color: #f5b300; }
      .accountLayout .roundCard.influencer.super .spending-chartWrapper {
        border-color: #f5b300; }
        .accountLayout .roundCard.influencer.super .spending-chartWrapper .cumulative {
          background: #ffd35c;
          background: linear-gradient(90deg, #ffd35c 0%, #f5b300 100%); }
  .accountLayout .roundCard .bigFont {
    font-size: 22px;
    text-transform: uppercase; }
  .accountLayout .roundCard .memberLevel {
    font-size: 28px;
    font-weight: bold; }
  .accountLayout .roundCard.welcomeDeposit {
    background-color: #f1f1f1; }
    .accountLayout .roundCard.welcomeDeposit .unlockDeposit {
      padding-bottom: 8px; }
      .accountLayout .roundCard.welcomeDeposit .unlockDeposit span {
        display: block;
        color: #077a99;
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 4px; }
    .accountLayout .roundCard.welcomeDeposit .md-button {
      min-width: 140px;
      margin-inline-start: 0;
      margin-bottom: 0; }
.accountLayout > div:nth-child(even):not(.noBorder) {
  border-inline-start: 1px solid rgba(0, 0, 0, 0.12); }
@media (min-width: 600px) {
  .accountLayout .eCert-redeem md-list-item .md-list-item-inner {
    border: 1px solid #DDD;
    border-width: 1px 0; } }
.accountLayout .eCert-redeem md-list-item .md-list-item-inner .md-list-item-text h3 {
  margin-bottom: 0.3em; }
.accountLayout .eCert-redeem md-list-item .md-list-item-inner .md-list-item-text p {
  line-height: 1.2;
  color: #666; }

.summary .whiteframe > div:not(.md-subheader) {
  padding-left: 0;
  padding-right: 0; }
.summary md-content {
  background: #FFF; }
.summary md-card-actions .md-button {
  min-width: auto; }
.summary .flex-50 {
  overflow: hidden; }
.summary .gt-xs-pr, .summary .gt-xs-pl {
  overflow: visible; }
.summary md-checkbox[disabled] .md-label {
  color: #333; }

.ssTitle {
  margin: 0;
  text-transform: uppercase;
  background: linear-gradient(to right, #fcab24 0%, #c000b6 50%, #5b51d8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

.ssApply, .ssUpdatebtn {
  margin-left: 0;
  margin-bottom: 14px; }

.ssUpdate b {
  line-height: 34px; }
.ssUpdate md-input-container {
  margin: 0 0 0 4px; }

.bottomFinePrint {
  margin: 8px 0; }
  @media (max-width: 959px) {
    .bottomFinePrint {
      margin: 8px 16px; } }

.md-card-image {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  width: 100%; }
  .md-card-image.img-loaded {
    visibility: visible;
    opacity: 1; }

@media (min-width: 600px) {
  .stylebucksStatus {
    width: 70%; } }

.cardheader {
  color: #FFF;
  position: relative;
  background: #22D20C; }

.cap {
  text-transform: capitalize; }

.listIcon {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  align-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 16px 8px;
  border-radius: 3px;
  margin: auto;
  margin-inline-start: 8px;
  text-align: center;
  line-height: 1.2;
  color: rgba(0, 0, 0, 0.8);
  background: #FC0; }
  .listIcon.balance {
    margin-block: auto;
    margin-inline: 0 8px;
    min-width: 100px;
    width: auto; }
  .listIcon.orderStatus {
    background: #ceeeca; }

.vAccordion--default.profile v-pane-header, .vAccordion--default.credit v-pane-header, .vAccordion--default.order v-pane-header {
  padding-block: 16px;
  padding-inline: 16px 32px;
  background-color: #F2F2F2;
  color: #333; }
  .vAccordion--default.profile v-pane-header:before, .vAccordion--default.profile v-pane-header:after, .vAccordion--default.credit v-pane-header:before, .vAccordion--default.credit v-pane-header:after, .vAccordion--default.order v-pane-header:before, .vAccordion--default.order v-pane-header:after {
    inset-inline-end: 16px; }
  .vAccordion--default.profile v-pane-header small.subtle, .vAccordion--default.credit v-pane-header small.subtle, .vAccordion--default.order v-pane-header small.subtle {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%; }
.vAccordion--default.profile v-pane-content > div, .vAccordion--default.credit v-pane-content > div, .vAccordion--default.order v-pane-content > div {
  margin-top: 8px;
  margin-bottom: 24px; }
.vAccordion--default.profile v-pane-content > div, .vAccordion--default.profile .remark {
  margin: 0; }
.vAccordion--default.needhelp v-pane-header {
  padding: 16px 24px 16px 0;
  color: #363; }
.vAccordion--default.needhelp v-pane-content > div {
  margin: 8px 0 24px; }
.vAccordion--default.profile v-pane-header:before, .vAccordion--default.profile v-pane-header:after {
  width: auto;
  height: auto;
  background: none; }
.vAccordion--default.profile v-pane-header:after {
  content: "\e90f";
  font-family: CustomIcon;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }
.vAccordion--default.profile .is-expanded {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); }
  .vAccordion--default.profile .is-expanded v-pane-header small.subtle {
    display: none; }
  .vAccordion--default.profile .is-expanded v-pane-content p > md-checkbox {
    margin-bottom: 0; }
.vAccordion--default.credit .hasCreditExpire v-pane-content > div {
  margin-top: 0; }
.vAccordion--default.credit .hasCreditExpire.is-expanded > v-pane-header {
  border-bottom-color: #81dcf1; }
.vAccordion--default.credit .hasCreditExpire .creditExpireMessage {
  background: #daeef7;
  color: #31708f;
  padding: 11px 16px 13px;
  margin-bottom: 9px; }
  .vAccordion--default.credit .hasCreditExpire .creditExpireMessage span {
    font-size: 12px;
    white-space: nowrap; }
  .vAccordion--default.credit .hasCreditExpire .creditExpireMessage a {
    color: #31708f;
    text-decoration: underline; }
.vAccordion--default .currencySymbol {
  background-color: #22D20C;
  color: #fff;
  display: inline-block;
  padding: 8px;
  margin-right: 8px;
  width: 40px;
  text-align: center; }

.creditExpireDialog {
  min-height: 85%; }
  @media (max-width: 475px) {
    .creditExpireDialog {
      width: 100%;
      height: 100%; } }
  @media (min-width: 600px) {
    .creditExpireDialog {
      min-width: 475px; } }
  .creditExpireDialog .creditExpireContent {
    padding-block: 4px 12px !important; }
    .creditExpireDialog .creditExpireContent ul {
      margin: 0;
      padding: 0; }
      .creditExpireDialog .creditExpireContent ul li {
        display: block;
        border-bottom: 1px solid #f1f1f1;
        padding-block: 17px 19px; }

.createNew .md-warn {
  display: none; }

.addNew {
  margin-bottom: -8px;
  min-width: 280px; }
  .addNew ~ .createNew .alert {
    margin-top: 8px; }

tr.splitted td {
  border-top-style: dashed; }
@media (max-width: 599px) {
  tr.splitted {
    border-top-style: dashed !important; }
    tr.splitted td {
      border: none; } }

tr.rosary {
  background-color: #FFFFF2; }

td[currency] {
  text-align: right;
  white-space: nowrap; }

[currency]:before {
  content: attr(currency) " "; }

td span[currency] {
  display: block; }

td a, td a:link, td a:visited {
  text-decoration: none;
  color: #363; }

table:not(.xs-break) td span[currency]:before {
  float: left; }

.snConnect md-switch {
  font-weight: bold;
  border-radius: 5px;
  width: 280px;
  border: 1px solid #CCC;
  padding-inline-start: 8px;
  height: 36px;
  box-sizing: border-box; }
  @media (max-width: 599px) {
    .snConnect md-switch {
      margin-inline-end: 0;
      width: 100%; } }
  .snConnect md-switch img {
    height: 20px;
    margin-top: -2px; }
  .snConnect md-switch:after {
    display: flex;
    flex: 1;
    content: ""; }
  .snConnect md-switch .md-container {
    margin: 0 8px;
    order: 2; }
  .snConnect md-switch span {
    margin-inline-start: 8px;
    order: 1; }

.md-3-line.balanceList {
  -webkit-justify-content: flex-start;
  justify-content: flex-start; }

md-list-item[disabled=disabled] .md-button:hover {
  background: none; }
md-list-item[disabled=disabled] .md-list-item-text h3, md-list-item[disabled=disabled] .md-list-item-text h4 {
  color: #999 !important; }

.morePointsLink {
  position: relative;
  line-height: 1.2; }

.sampleButton {
  display: inline-block;
  padding: 0 4px;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
  vertical-align: middle; }

.emailPreference {
  position: relative;
  top: -16px; }

.switchDescription {
  margin: -16px 0 0 44px; }

.md-select-menu-container.addressSelection {
  position: absolute;
  left: auto;
  top: auto;
  -ms-transform: translate(0, 30px);
  -webkit-transform: translate(0, 30px);
  transform: translate(0, 30px);
  z-index: 100; }
  .md-select-menu-container.addressSelection md-option {
    box-sizing: border-box;
    padding: 8px 16px;
    min-height: 48px;
    height: auto; }
    .md-select-menu-container.addressSelection md-option .md-text {
      white-space: normal; }

div.postgrid-auto-complete {
  position: absolute;
  -ms-transform: translate(0, 30px);
  -webkit-transform: translate(0, 30px);
  transform: translate(0, 30px);
  width: 100%;
  z-index: 100;
  max-height: 192px;
  overflow-y: scroll;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); }
  div.postgrid-auto-complete div {
    position: static;
    border-bottom: 1px solid #d4d4d4;
    width: auto;
    padding: 10px;
    cursor: pointer;
    background-color: #fff; }
    div.postgrid-auto-complete div:hover {
      background-color: lightgrey; }

@media (max-width: 419px) {
  .emailPreference md-switch {
    justify-content: space-between;
    margin-right: 0; }
    .emailPreference md-switch .md-label {
      order: -1; }

  .switchDescription {
    margin: -16px 44px 24px 0; } }
.orderTrackingAlert {
  max-width: 959px;
  margin: auto;
  list-style: none; }

.ordertracking, .memberguest {
  max-width: 599px;
  margin: auto;
  list-style: none;
  padding: 0; }
  .ordertracking .md-button.md-primary.md-raised:not([disabled]), .ordertracking li, .memberguest .md-button.md-primary.md-raised:not([disabled]), .memberguest li {
    width: 45%; }
    .ordertracking .md-button.md-primary.md-raised:not([disabled]).active, .ordertracking li.active, .memberguest .md-button.md-primary.md-raised:not([disabled]).active, .memberguest li.active {
      background: #FFF !important;
      color: #22D20C !important;
      border: 1px solid #22D20C;
      border-bottom: 0;
      border-radius: 3px 3px 0 0 !important;
      box-shadow: none;
      position: relative;
      margin-bottom: -2px;
      padding-bottom: 8px; }
      .ordertracking .md-button.md-primary.md-raised:not([disabled]).active.md-focused, .ordertracking .md-button.md-primary.md-raised:not([disabled]).active:hover, .ordertracking li.active.md-focused, .ordertracking li.active:hover, .memberguest .md-button.md-primary.md-raised:not([disabled]).active.md-focused, .memberguest .md-button.md-primary.md-raised:not([disabled]).active:hover, .memberguest li.active.md-focused, .memberguest li.active:hover {
        background: #FFF !important; }
    @media (max-width: 419px) {
      .ordertracking .md-button.md-primary.md-raised:not([disabled]), .ordertracking li, .memberguest .md-button.md-primary.md-raised:not([disabled]), .memberguest li {
        width: 100%;
        margin-left: -8px;
        margin-right: -8px; } }

.ordertrackingForm {
  max-width: 599px;
  margin: auto;
  border-top: 1px solid #22D20C; }
  @media (max-width: 419px) {
    .ordertrackingForm {
      border: 1px solid #22D20C;
      border-top: 0;
      border-radius: 0 0 3px 3px;
      padding-bottom: 16px; } }
  .ordertrackingForm form > md-input-container:first-of-type {
    margin-block-start: 17px !important; }

.helpAccordion {
  padding: 16px;
  margin: -24px 8px 16px;
  border-radius: 0 0 3px 3px; }

.createNew {
  margin-top: -24px;
  width: 100%; }

p > md-checkbox {
  margin-bottom: 0; }

td .rightMiddle {
  float: right;
  margin-right: 0 !important; }
  @media (max-width: 599px) {
    td .rightMiddle {
      top: 50%;
      -ms-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      position: absolute;
      right: 0; } }

.returnItemList .stepsTitle {
  background-color: #DDD; }
.returnItemList .steps {
  background-color: #22D20C;
  color: #FFF;
  font-weight: bold;
  width: 2em;
  text-align: center;
  margin-right: 8px;
  padding: 16px 8px; }
.returnItemList .md-button {
  min-width: 2em; }
  .returnItemList .md-button.closeButton {
    text-align: right; }
.returnItemList .item {
  padding: 16px 0;
  border-bottom: 1px solid #DDD; }
  .returnItemList .item.selected {
    background-color: #b8fab0; }
  .returnItemList .item.lessPadding {
    padding: 8px 0; }
.returnItemList .returnResultWrap {
  padding-left: 0;
  margin-left: 0;
  margin-top: 12px; }
  .returnItemList .returnResultWrap .resultHeader {
    font-size: 12px;
    color: #999;
    padding-bottom: 8px;
    border-bottom: solid 2px #d1d1d1; }
    .returnItemList .returnResultWrap .resultHeader span {
      width: 55px;
      display: inline-block; }
  .returnItemList .returnResultWrap .returnResultList {
    border-bottom: solid 1px #d1d1d1; }
    .returnItemList .returnResultWrap .returnResultList:last-child {
      border-bottom: none;
      margin-bottom: 22px; }
  @media (min-width: 600px) {
    .returnItemList .returnResultWrap {
      margin-left: 100px;
      padding-left: 2em; } }
.returnItemList md-checkbox {
  margin-bottom: 8px; }
.returnItemList.summary .item {
  padding-left: 0; }
@media (max-width: 599px) {
  .returnItemList.summary .returnItemDetail {
    margin: 8px 0 0 0; } }
@media (min-width: 600px) {
  .returnItemList .reason {
    margin-left: 11em; } }
@media (max-width: 599px) {
  .returnItemList .reason {
    margin-left: 2em; } }
.returnItemList .returnItemDetail {
  margin-left: 2em;
  margin-bottom: 8px; }
  .returnItemList .returnItemDetail > div > div {
    margin: 8px 0; }
  .returnItemList .returnItemDetail md-input-container {
    min-width: 8em; }
  .returnItemList .returnItemDetail .returnItemDesc > div {
    margin: 0; }
    .returnItemList .returnItemDetail .returnItemDesc > div .md-button {
      margin: 20px 0 0 0;
      color: #666;
      border: solid 1px #dfe0e6;
      border-radius: 5px; }
      @media (max-width: 599px) {
        .returnItemList .returnItemDetail .returnItemDesc > div .md-button {
          margin-top: 10px; } }
    .returnItemList .returnItemDetail .returnItemDesc > div .md-button[disabled] {
      background-color: #e6e6e6;
      border-color: #e6e6e6; }
  .returnItemList .returnItemDetail md-input-container {
    min-width: 8em; }

.refundOrderInfo {
  max-width: 780px;
  margin: 0 auto 1em;
  border-bottom: 1px solid #CCC; }

@media print {
  .md-button {
    display: none; } }
.favorites .chips {
  padding: 8px 0;
  margin-bottom: 8px; }
.favorites .chip {
  margin-block: 8px 0 !important;
  margin-inline: 0 8px !important;
  border-radius: 20px;
  border: 1px solid #dfe0e6;
  padding-inline: 0 8px !important;
  white-space: nowrap; }
  .favorites .chip a {
    text-decoration: none; }
  .favorites .chip:hover {
    border-color: #22D20C; }
  .favorites .chip button {
    width: 32px;
    height: 32px;
    line-height: 30px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle; }
    .favorites .chip button:before {
      vertical-align: inherit; }
    .favorites .chip button.icon-myfav {
      border: none;
      background: transparent;
      color: #999; }
      .favorites .chip button.icon-myfav.unfav {
        color: #22D20C; }
        .favorites .chip button.icon-myfav.unfav:hover {
          background-color: rgba(255, 0, 0, 0.3);
          color: #FFF; }
          .favorites .chip button.icon-myfav.unfav:hover:before {
            content: "\00D7";
            color: #000;
            display: flex;
            justify-content: center;
            align-items: center; }
    .favorites .chip button:hover {
      background-color: #8df87f;
      color: #555; }
.favorites md-chips .md-chips {
  font-family: "Noto Sans", Helvetica, Arial, tahoma, "Hiragino Maru Gothic Pro", "Microsoft YaHei", "Hiragino Sans GB", sans-serif; }
  .favorites md-chips .md-chips, .favorites md-chips .md-chips.md-focused {
    box-shadow: none; }
  .favorites md-chips .md-chips.md-removable md-chip {
    padding-left: 16px;
    padding-right: 8px; }
  .favorites md-chips .md-chips .md-chip-input-container {
    display: none; }
  .favorites md-chips .md-chips:not(.md-removable) md-chip {
    padding-left: 0; }
    .favorites md-chips .md-chips:not(.md-removable) md-chip .md-chip-content {
      padding-left: 0;
      float: none; }
  .favorites md-chips .md-chips md-chip {
    height: 34px;
    max-width: 100%;
    font-size: 14px;
    letter-spacing: .01em;
    color: #999;
    background: white;
    box-sizing: border-box;
    border-radius: 20px;
    border: 1px solid #dfe0e6;
    text-decoration: none;
    -webkit-transition: border-color 0.3s;
    transition: border-color 0.3s; }
    .favorites md-chips .md-chips md-chip:hover {
      color: #666;
      border-color: #22D20C; }
    .favorites md-chips .md-chips md-chip .md-chip-content {
      padding-left: 20px;
      float: right; }
    .favorites md-chips .md-chips md-chip .md-chip-remove-container {
      left: 0;
      right: auto; }
      .favorites md-chips .md-chips md-chip .md-chip-remove-container button {
        width: 32px;
        height: 32px;
        line-height: 32px;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        border-radius: 50%;
        text-align: center; }
        .favorites md-chips .md-chips md-chip .md-chip-remove-container button:before {
          vertical-align: inherit; }
        .favorites md-chips .md-chips md-chip .md-chip-remove-container button.unfav:hover {
          background-color: rgba(255, 0, 0, 0.3);
          color: #FFF; }
          .favorites md-chips .md-chips md-chip .md-chip-remove-container button.unfav:hover:before {
            content: "\00D7"; }
        .favorites md-chips .md-chips md-chip .md-chip-remove-container button:hover {
          background-color: #8df87f;
          color: #555; }
    .favorites md-chips .md-chips md-chip a {
      text-decoration: none; }
    .favorites md-chips .md-chips md-chip button.icon-myfav {
      border: none;
      background: transparent;
      color: #999; }
      .favorites md-chips .md-chips md-chip button.icon-myfav.unfav {
        color: #22D20C; }
      .favorites md-chips .md-chips md-chip button.icon-myfav.disabled {
        width: 32px;
        height: 32px;
        line-height: 32px;
        border-radius: 50%;
        text-align: center; }
.favorites .filter {
  margin-top: 8px;
  padding-inline-start: 0; }
  .favorites .filter md-input-container {
    margin-block-end: 0 !important; }

.md-toolbar-tools h2 {
  color: #fff; }

html[dir=rtl] .emailPreference md-switch {
  margin-left: 0; }
  html[dir=rtl] .emailPreference md-switch .md-container {
    margin-right: 0; }
html[dir=rtl] .switchDescription {
  margin: -16px 44px 0 0; }
html[dir=rtl] td .rightMiddle {
  float: left;
  margin-left: 0 !important; }
  @media (max-width: 599px) {
    html[dir=rtl] td .rightMiddle {
      top: 50%;
      -ms-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      position: absolute;
      left: 0;
      right: auto; } }
html[dir=rtl] .returnItemDetail {
  margin-left: 0;
  margin-right: 2em; }
  html[dir=rtl] .returnItemDetail .flex-offset-gt-xs-5 {
    margin-left: 0; }
html[dir=rtl] .returnItemList .reason {
  margin-left: 0;
  margin-right: 11em; }
html[dir=rtl] .vAccordion--default.needhelp v-pane-header {
  padding-left: 24px;
  padding-right: 0; }
html[dir=rtl] .favorites md-chips .md-chips.md-removable md-chip {
  padding-inline-start: 8px;
  padding-inline-end: 16px; }
  html[dir=rtl] .favorites md-chips .md-chips.md-removable md-chip .md-chip-content {
    padding-left: 0;
    padding-inline-end: 20px;
    float: left; }
  html[dir=rtl] .favorites md-chips .md-chips.md-removable md-chip .md-chip-remove-container {
    left: auto;
    right: 0; }

md-input-container.loginEmailAddress {
  position: relative; }
  md-input-container.loginEmailAddress .md-input, md-input-container.loginEmailAddress .md-input[disabled] {
    padding-right: 36px;
    background: none;
    border-color: #e3e3e3;
    color: #4caf50; }
    html.translated-rtl md-input-container.loginEmailAddress .md-input, html[dir=rtl] md-input-container.loginEmailAddress .md-input, html.translated-rtl md-input-container.loginEmailAddress .md-input[disabled], html[dir=rtl] md-input-container.loginEmailAddress .md-input[disabled] {
      padding-left: 36px;
      padding-right: 2px; }
  md-input-container.loginEmailAddress .icon-edit {
    position: absolute;
    top: -2px;
    bottom: 2px;
    inset-inline-end: 6px;
    padding: 2px 10px;
    text-align: right;
    line-height: 36px;
    font-size: 12px;
    cursor: pointer; }
    md-input-container.loginEmailAddress .icon-edit:before {
      -webkit-transition: 0.3s;
      transition: 0.3s; }
    md-input-container.loginEmailAddress .icon-edit:hover:before {
      color: #22D20C; }
  html.translated-rtl md-input-container.loginEmailAddress label.ig-font-color, html[dir=rtl] md-input-container.loginEmailAddress label.ig-font-color {
    width: auto; }

.fluidContainer {
  padding-top: 22px;
  padding-bottom: 33px;
  padding-left: 0;
  padding-right: 0; }
  .fluidContainer .needHelp {
    margin-left: 16px;
    margin-right: 16px; }
    @media (min-width: 960px) {
      .fluidContainer .needHelp {
        margin-left: 8px;
        margin-right: 8px; } }
    .fluidContainer .needHelp .md-button {
      margin-top: 0;
      margin-bottom: 0; }
  .fluidContainer .helpAccordion {
    margin: -8px 8px 0; }

.orderContainer.gradientTop:before {
  content: "";
  position: relative;
  display: block;
  height: 3px; }
.orderContainer + .browsingOption {
  margin: 25px 0 -9px;
  padding-bottom: 0; }
  @media (min-width: 960px) {
    .orderContainer + .browsingOption {
      padding-left: 0;
      padding-right: 0; } }

.switchWrapper md-switch {
  margin-block: 27px 12px;
  margin-inline: 16px !important; }
.switchWrapper.collapsed ~ .orderContainer {
  margin-top: 32px; }
.switchWrapper.collapsed + .orderContainer {
  margin-top: 0; }

.orderNo, .orderDetails {
  color: #444;
  font-weight: bold; }

.orderNo {
  font-size: 17px; }

.orderDetails {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-align: end; }
  .orderDetails .icon {
    margin-inline-start: 5px;
    font-size: 15px; }

.orderLink {
  text-decoration: none; }
  .orderLink .layout-row {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    padding: 0 16px;
    background: #edffeb;
    line-height: 44px; }
  .orderLink .orderInfo {
    padding: 1px 16px 0;
    background: #f3f3f3;
    font-size: 13px;
    line-height: 35px; }
  .orderLink .verticleLine {
    color: #bbb; }
  .orderLink:hover {
    color: #666; }
    .orderLink:hover .layout-row {
      padding-right: 13px; }
    .orderLink:hover .orderDetails {
      color: #22D20C; }
  .orderLink + .orderItem {
    padding-top: 20px; }

.orderItem {
  padding: 16px;
  border-bottom: 1px solid #e9ebf1; }
  .orderItem:last-child {
    padding-bottom: 48px;
    border: none; }
  .orderItem a {
    -webkit-transition: 0.3s;
    transition: 0.3s; }
    .orderItem a:hover {
      color: #22D20C; }
  .orderItem .OrderItemCover {
    width: 90px;
    margin-right: 16px; }
    @media (min-width: 960px) {
      .orderItem .OrderItemCover {
        margin-right: 20px; } }
    .orderItem .OrderItemCover img {
      width: 100%; }
  .orderItem .OrderItemTitle {
    display: inline-block;
    margin-bottom: 6px;
    color: #111;
    line-height: 16px;
    text-decoration: none; }
    @media (min-width: 600px) {
      .orderItem .OrderItemTitle {
        margin-bottom: 9px; } }
  .orderItem .OrderItemOption {
    color: #666; }
  .orderItem .OrderSponsorProduct {
    color: #ff4e7d;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 7px; }
  .orderItem .OrderGlowUpGiveawayProduct {
    color: #ff5c3d;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 7px; }
  .orderItem .OrderOneDollarDealProduct {
    color: #22D20C;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 7px; }
  .orderItem .OrderKBeautyFestivalExclusiveProduct {
    color: #E43273;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 7px; }
  .orderItem .round-btn-wrapper {
    color: #666;
    margin-bottom: 10px; }
    .orderItem .round-btn-wrapper > .md-button {
      margin-top: 10px;
      margin-bottom: 0;
      margin-inline-end: 8px;
      width: fit-content; }
    .orderItem .round-btn-wrapper .pink-label {
      color: #ff4e7d;
      border-color: #ff4e7d;
      margin-block: 10px 0;
      margin-inline: 0 8px; }
    .orderItem .round-btn-wrapper .stauts {
      display: inline-block;
      margin-top: 16px; }
    @media (min-width: 600px) {
      .orderItem .round-btn-wrapper {
        padding-inline-start: 10px;
        text-align: end; } }
    .orderItem .round-btn-wrapper .addToBag {
      padding: 0 20px !important;
      text-align: center; }

.rewardsheader {
  padding-block: 16px;
  padding-inline: 16px 32px;
  background-color: #F2F2F2;
  color: #333;
  font-size: 14px;
  border-bottom: 1px solid #63c956;
  margin-bottom: 8px; }

.Share {
  text-align: center;
  background-color: #4caf50;
  color: white; }

.ShareIcon {
  color: white;
  margin-inline-end: 3px; }

.RewardsBalanceTitle {
  white-space: normal !important;
  text-overflow: none !important; }

div[id^="as-container-"] {
  display: inline-block;
  height: 24px !important;
  vertical-align: middle; }

.generalTapWrapper {
  position: relative;
  box-sizing: border-box;
  z-index: 50;
  width: 100%;
  max-width: 960px; }
  @media (min-width: 960px) {
    .generalTapWrapper {
      max-width: 600px; } }
  .generalTapWrapper .header {
    text-align: center;
    font-size: medium;
    font-family: Arial, Helvetica, sans-serif; }
    .generalTapWrapper .header h2 {
      line-height: 1.25;
      position: relative;
      font-size: 28px;
      font-weight: 900;
      margin: 0;
      padding: 16px 32px;
      color: #fff;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
      background-color: #fa6997; }
      .generalTapWrapper .header h2 div {
        font-size: 16px;
        opacity: 0.9;
        text-shadow: none; }
      @media (max-width: 599px) {
        .generalTapWrapper .header h2 {
          font-size: 24px; } }
  .generalTapWrapper .returnItemDetail .returnItemDesc {
    margin-left: 16px; }
    .generalTapWrapper .returnItemDetail .returnItemDesc > div {
      margin: 0;
      line-height: 1.8em; }
  .generalTapWrapper .returnItemReason {
    padding: 0 16px; }
    .generalTapWrapper .returnItemReason div:first-child md-input-container {
      width: 95%; }
    .generalTapWrapper .returnItemReason div:last-child md-input-container {
      width: 100%; }
  .generalTapWrapper .optionContainer {
    position: relative;
    z-index: 1; }
    .generalTapWrapper .optionContainer md-select {
      margin: 0; }
    .generalTapWrapper .optionContainer .disableOthers {
      position: absolute;
      z-index: 10;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(214, 214, 214, 0.3); }
    .generalTapWrapper .optionContainer .noCheckbox {
      display: inline-block;
      margin-left: 3px; }
  .generalTapWrapper .reason {
    width: calc(100% - 30px);
    margin-top: 9px;
    margin-left: 28px; }
  .generalTapWrapper md-tabs-wrapper {
    display: none; }
  .generalTapWrapper md-list {
    padding: 0; }
    .generalTapWrapper md-list .md-button {
      cursor: default; }
    .generalTapWrapper md-list .optSelected {
      background-color: #f5fff4; }
    .generalTapWrapper md-list md-input-container {
      margin: 0; }

.returnItemAction.topBorder {
  border-top: solid 1px #EEE;
  min-height: 70px;
  padding: 0; }
.returnItemAction .md-button.icon-angle-left {
  border: solid 1px #c0c0c0;
  color: #666; }
.returnItemAction .md-button.md-raised, .returnItemAction .md-button.md-raised:not([disabled]) {
  box-shadow: none; }
.returnItemAction .icon-angle-left:before {
  margin-right: 5px;
  position: relative;
  top: -2px; }
.returnItemAction.topBorder.icon-angle-left:before {
  margin-right: 5px;
  position: relative;
  top: -1px; }

.expireRemark {
  display: inline-block;
  border: 1px solid #CCC;
  padding: 4px 8px;
  margin: 4px 0; }

.spending-chartWrapper {
  position: relative;
  height: 30px;
  border: 2px solid #eb8b4c;
  padding: 3px;
  border-radius: 15px;
  box-sizing: border-box;
  margin: -3px 0 20px; }
  .spending-chartWrapper.regular {
    border-color: #eb8b4c; }
    .spending-chartWrapper.regular .upgradedSpending {
      background: #22D20C;
      background: linear-gradient(90deg, #c3d3e4 0%, #5a85b4 100%); }
  .spending-chartWrapper.bronze {
    border-color: #5a85b4; }
    .spending-chartWrapper.bronze .totalSpending {
      background: #a0b9d4;
      background: linear-gradient(90deg, #a0b9d4 0%, #e6edf4 50%, #5a85b4 100%); }
    .spending-chartWrapper.bronze .upgradedSpending {
      background: #eb8b4c;
      background: linear-gradient(90deg, #f3b891 0%, #f0a97a 90%, #eb8b4c 100%); }
  .spending-chartWrapper.silver, .spending-chartWrapper.gold, .spending-chartWrapper.student {
    border-color: #fbbc00; }
    .spending-chartWrapper.silver .totalSpending, .spending-chartWrapper.gold .totalSpending, .spending-chartWrapper.student .totalSpending {
      background: #ffd862;
      background: linear-gradient(90deg, #ffd862 0%, #ffcb2f 90%, #fbbc00 100%); }
    .spending-chartWrapper.silver .upgradedSpending, .spending-chartWrapper.gold .upgradedSpending, .spending-chartWrapper.student .upgradedSpending {
      background: #5a85b4;
      background: linear-gradient(90deg, #c3d3e4 0%, #5a85b4 100%); }
  .spending-chartWrapper.gold .upgradedSpending, .spending-chartWrapperstudent .upgradedSpending {
    background: #fbbc00; }
  .spending-chartWrapper .overHidden {
    overflow: hidden;
    border-radius: 10px;
    height: 20px;
    position: relative; }
    .spending-chartWrapper .overHidden .targetSpending, .spending-chartWrapper .overHidden .targetCumulative {
      position: absolute;
      inset-inline-end: 8px;
      font-size: 12px;
      line-height: 20px;
      z-index: 1;
      text-shadow: 0 0 2px #FFF;
      font-weight: bold; }
    .spending-chartWrapper .overHidden .totalSpending, .spending-chartWrapper .overHidden .upgradedSpending, .spending-chartWrapper .overHidden .cumulative {
      height: 20px;
      position: relative;
      -webkit-transition: 0.9s;
      transition: 0.9s;
      max-width: 0;
      transition-timing-function: ease-out; }
    .spending-chartWrapper .overHidden .totalSpending ~ .upgradedSpending {
      margin-top: -20px; }
  .spending-chartWrapper .totalIndicator {
    display: block;
    position: absolute;
    white-space: nowrap;
    border-inline-end: 1px solid #444;
    padding-block: 30px 0;
    padding-inline: 0 4px;
    box-sizing: border-box;
    text-align: end;
    -webkit-transition: 0.9s;
    transition: 0.9s;
    max-width: 0;
    opacity: 0;
    transition-timing-function: ease-out; }
    .spending-chartWrapper .totalIndicator[style="width:0.0%"] {
      border-right: none; }
  .spending-chartWrapper.animatedChart .totalIndicator, .spending-chartWrapper.animatedChart .totalSpending, .spending-chartWrapper.animatedChart .upgradedSpending, .spending-chartWrapper.animatedChart .cumulative {
    max-width: 100%; }
  .spending-chartWrapper.animatedChart .totalIndicator {
    opacity: 1; }

.statusBlock {
  display: inline-block;
  position: relative;
  line-height: 36px;
  min-height: 36px;
  vertical-align: middle;
  align-items: center;
  text-align: center;
  border-radius: 3px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  white-space: nowrap;
  padding: 0 8px;
  margin: 8px; }
  .statusBlock:first-child {
    margin-left: 0; }

.influncerRewardWrap .referralStatus {
  text-align: center;
  white-space: nowrap; }
  .influncerRewardWrap .referralStatus div {
    vertical-align: middle;
    display: inline-block;
    height: 8px;
    background-color: #ececec;
    font-size: 1px;
    color: transparent;
    margin: 0;
    border-radius: 0;
    width: 10px; }
    .influncerRewardWrap .referralStatus div:nth-child(5n+1) {
      border-radius: 50%;
      text-align: center;
      font-size: 16px;
      line-height: 20px;
      color: #FFF;
      font-weight: bold;
      width: 30px;
      height: 30px;
      line-height: 30px; }
      @media (max-width: 599px) {
        .influncerRewardWrap .referralStatus div:nth-child(5n+1) {
          width: 26px;
          height: 26px;
          line-height: 26px;
          position: relative;
          margin: 0 -1px; } }
    .influncerRewardWrap .referralStatus div.active {
      background-color: #ff4e7d; }

.influncerRewardWrap2025 {
  padding-block: 16px;
  padding-inline: 14px 16px;
  gap: 14px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  user-select: none; }
  @media (min-width: 600px) {
    .influncerRewardWrap2025 {
      padding-block: 20px;
      padding-inline-end: 24px;
      min-height: 163px; } }
  .influncerRewardWrap2025:after {
    content: "";
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: url("https://ddvql06zg3s2o.cloudfront.net/Assets/res/imgs/influencer/IRI_background_account_summary.png") right center no-repeat, linear-gradient(to top, #ffe2ec, #ffffff); }
    html.translated-rtl .influncerRewardWrap2025:after, html[dir=rtl] .influncerRewardWrap2025:after {
      transform: scaleX(-1); }
  .influncerRewardWrap2025 > * {
    position: relative;
    z-index: 1; }
  .influncerRewardWrap2025 h2, .influncerRewardWrap2025 p {
    margin: 0; }
  .influncerRewardWrap2025 h2 {
    font-size: 16px;
    line-height: 19px;
    font-weight: bold;
    color: #FF4E7D; }
    @media (min-width: 600px) {
      .influncerRewardWrap2025 h2 {
        font-size: 20px;
        line-height: 24px; } }
  .influncerRewardWrap2025 .desc {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-block-start: 8px;
    color: #333333;
    font-size: 13px;
    line-height: 16px; }
    @media (min-width: 600px) {
      .influncerRewardWrap2025 .desc {
        gap: 3px;
        margin-block-start: 9px;
        font-size: 14px;
        line-height: 17px; } }
  .influncerRewardWrap2025 i {
    min-width: 40px;
    min-height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    background: #FF4E7D;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2); }
    .influncerRewardWrap2025 i svg {
      width: 30px;
      height: 30px; }
      .influncerRewardWrap2025 i svg path {
        fill: #ffffff; }

@media (min-width: 600px) {
  .gt-xs-pr {
    padding-inline-end: 16px; }

  .gt-xs-pl {
    padding-inline-start: 16px; }

  .gt-xs-pt {
    padding-top: 16px; } }
@media (max-width: 599px) {
  .spendingSection {
    margin-top: 24px; } }
md-dialog.ig-silver {
  max-width: 500px; }
  md-dialog.ig-silver md-toolbar {
    background: linear-gradient(135deg, #ffd600 10%, #ff7a00 25%, #ff0069 45%, #d300c5 60%, #7638fa 90%) !important; }
  md-dialog.ig-silver .closeButton {
    position: absolute;
    right: 16px; }
  md-dialog.ig-silver .md-toolbar-tools {
    min-height: 48px; }
  md-dialog.ig-silver md-dialog-content {
    padding: 16px;
    padding-top: 8px; }
    md-dialog.ig-silver md-dialog-content .heading {
      font-weight: 700;
      margin: 10px 0;
      font-size: 16px;
      text-transform: uppercase; }
    md-dialog.ig-silver md-dialog-content .ig-button {
      background: linear-gradient(135deg, #ffd600 10%, #ff7a00 25%, #ff0069 45%, #d300c5 60%, #7638fa 90%);
      color: #fff;
      margin: 14px 0; }
    md-dialog.ig-silver md-dialog-content .md-button {
      margin-left: 0; }
    md-dialog.ig-silver md-dialog-content md-input-container {
      margin: 8px 0;
      width: 100%; }
    md-dialog.ig-silver md-dialog-content .success {
      margin-top: 8px !important; }
  @media (max-width: 599px) {
    md-dialog.ig-silver {
      height: 100%;
      max-height: none; } }

md-select {
  margin: 0; }

.ig-font-color {
  background: linear-gradient(66deg, #ffb427 0%, #ff3a49 10%, #e518a1 30%, #6634e1 50%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-box-decoration-break: clone;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent; }

@-moz-document url-prefix() {
  md-input-container:not(.md-input-has-value):not(.md-input-focused) label.ig-font-color {
    -webkit-text-fill-color: unset; } }
.ig-button {
  background: linear-gradient(17deg, #ffd600 5%, #ff7a00 15%, #ff0069 30%, #d300c5 45%, #7638fa 80%);
  color: #fff !important;
  margin: 0;
  font-weight: 700;
  padding: 0 26px;
  margin-top: 16px !important; }

.ig-silver-section {
  margin-top: 16px; }
  .ig-silver-section h3, .ig-silver-section span {
    margin-bottom: 4px; }
  .ig-silver-section h3 {
    margin: 0;
    margin-inline-end: 6px; }

input.noteSpace {
  margin-bottom: 6px; }

.footnote {
  font-size: 12px;
  color: #666;
  display: inline-block;
  margin-top: 4px; }

.maincontent md-toast.bagToast {
  left: 50%;
  transform: translateX(-50%);
  width: 343px;
  max-width: calc(100vw - 32px); }
  @media (min-width: 600px) {
    .maincontent md-toast.bagToast {
      left: unset;
      right: 8px;
      transform: translateX(0); } }
  @media (max-width: 959px) {
    .maincontent md-toast.bagToast {
      top: 0; } }
  .maincontent md-toast.bagToast .md-toast-content:before {
    display: none; }
  .maincontent md-toast.bagToast .md-button {
    margin: 12px 12px 0px 0px;
    border: 0; }
    .maincontent md-toast.bagToast .md-button:last-child {
      margin-left: 0; }
    .maincontent md-toast.bagToast .md-button.round-btn {
      color: #666; }
  .maincontent md-toast.bagToast.alert-danger .md-toast-content {
    background: #fde5e5;
    color: #a94442; }
  .maincontent md-toast.bagToast .round-btn-wrapper {
    text-align: left;
    padding-left: 0;
    margin-bottom: 0; }

.studentProgramFreeUpgradeHeader {
  flex-wrap: wrap;
  margin-block: 16px 12px; }
  .studentProgramFreeUpgradeHeader h4 {
    margin-block: 0;
    margin-inline: 0 4px; }

.studentSilverApplicationFormDialog md-toolbar div {
  min-height: 0;
  height: auto;
  max-height: none;
  padding-top: 4px;
  padding-bottom: 4px; }
  .studentSilverApplicationFormDialog md-toolbar div h2 {
    line-height: 22px;
    margin: 0; }
  .studentSilverApplicationFormDialog md-toolbar div > .md-button:last-child {
    margin-right: -12px; }

form[name="acForm.personalForm"] .birthday md-input-container {
  margin-bottom: 6px; }
  form[name="acForm.personalForm"] .birthday md-input-container md-select[disabled] {
    cursor: pointer; }
    form[name="acForm.personalForm"] .birthday md-input-container md-select[disabled] label {
      color: #0000008a; }
    form[name="acForm.personalForm"] .birthday md-input-container md-select[disabled] .md-text {
      color: #000000de; }
    form[name="acForm.personalForm"] .birthday md-input-container md-select[disabled] .md-select-icon {
      visibility: hidden; }
    form[name="acForm.personalForm"] .birthday md-input-container md-select[disabled] .md-select-value {
      background-image: none;
      border-bottom-color: #0000001f; }
form[name="acForm.personalForm"] .birthday-warn {
  font-size: 12px;
  color: #8a6d3b; }
form[name="acForm.personalForm"] .birthday-error {
  font-size: 12px;
  color: #dd2c00; }

form.card-profile-edit md-input-container.readonly-name {
  min-width: 111px;
  margin-inline-end: 16px;
  padding-inline: 0; }
  form.card-profile-edit md-input-container.readonly-name label {
    padding-left: 0; }
  form.card-profile-edit md-input-container.readonly-name > span {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    order: 2;
    display: block;
    margin-top: 0;
    background: none;
    padding-block-start: 3px;
    line-height: 26px;
    height: 30px;
    -ms-flex-preferred-size: 26px;
    border-radius: 0;
    width: 100%;
    box-sizing: border-box;
    float: left; }
form.card-profile-edit .expirationDateInputContainer {
  margin-inline-start: -2px;
  min-width: 250px;
  gap: 4px; }
form.card-profile-edit .md-button.md-warn {
  margin-inline-end: 0; }

.productReviewLinkContainer {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px; }
  .productReviewLinkContainer .md-button {
    background-color: #f5b300 !important;
    color: #ffffff;
    margin: 0; }
    .productReviewLinkContainer .md-button:hover {
      background-color: #e1a400 !important; }
    .productReviewLinkContainer .md-button.boomingStar {
      background-color: #A35CFF !important; }
      .productReviewLinkContainer .md-button.boomingStar:hover {
        background-color: #9748ff !important;
        color: #ffffff !important; }
  .productReviewLinkContainer .md-button + span {
    color: #555555;
    font-size: 13px;
    line-height: 15px; }

.productReviewWrapper {
  padding-block: 0;
  margin-block-end: 8px; }

.orderContainer .productReviewLinkContainer {
  padding: 10px 16px;
  border-bottom: 1px solid #e9ebf1; }
  @media (max-width: 599px) {
    .orderContainer .productReviewLinkContainer > button.boomingStar {
      min-width: 100%;
      flex: 1; } }

.productReviewLinkDialog {
  max-width: 450px;
  width: 100%; }
  @media (max-width: 599px) {
    .productReviewLinkDialog {
      max-width: 100%;
      height: 100%;
      max-height: unset;
      border-radius: 0; }
      .productReviewLinkDialog:not(.formSubmitted) {
        height: calc(100% - 66px); } }
  .productReviewLinkDialog .md-dialog-content {
    padding-block: 16px; }
    .productReviewLinkDialog .md-dialog-content .productReviewInfoMessages {
      background-color: #def4ff;
      color: #31708f;
      padding: 10px 16px 11px;
      border-radius: 4px;
      margin-block-end: 17px; }
      .productReviewLinkDialog .md-dialog-content .productReviewInfoMessages p {
        margin: 0;
        font-size: 13px;
        line-height: 16px;
        font-weight: bold; }
      .productReviewLinkDialog .md-dialog-content .productReviewInfoMessages ul {
        margin-block: 8px 0;
        padding-inline-start: 13px; }
        .productReviewLinkDialog .md-dialog-content .productReviewInfoMessages ul li {
          font-size: 12px;
          line-height: 16px;
          list-style: none;
          position: relative;
          margin-block-start: 6px; }
          .productReviewLinkDialog .md-dialog-content .productReviewInfoMessages ul li:before {
            content: "";
            background: #31708f;
            width: 4px;
            height: 4px;
            border-radius: 100px;
            position: absolute;
            top: 6px;
            inset-inline-start: -10px; }
    .productReviewLinkDialog .md-dialog-content md-input-container {
      width: 100%;
      padding-inline: 0; }
      .productReviewLinkDialog .md-dialog-content md-input-container:first-of-type {
        margin-block-start: 28px; }
      .productReviewLinkDialog .md-dialog-content md-input-container .md-required:after {
        content: "*";
        transition: all .3s !important; }
      .productReviewLinkDialog .md-dialog-content md-input-container md-select.ng-dirty-add:not(.md-input-invalid, .md-input-focused) md-select-value > span:not(.md-select-icon):after {
        content: '';
        position: absolute;
        bottom: 0;
        right: 0;
        width: 50px;
        height: 18px;
        background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 70%); }
      .productReviewLinkDialog .md-dialog-content md-input-container md-select[disabled] {
        border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
        .productReviewLinkDialog .md-dialog-content md-input-container md-select[disabled] md-select-value {
          background-image: none !important; }
        .productReviewLinkDialog .md-dialog-content md-input-container md-select[disabled] .md-select-icon {
          display: none; }
      .productReviewLinkDialog .md-dialog-content md-input-container md-select[required]:not(.md-no-asterisk) .md-select-value span:first-child:after {
        content: none; }
    .productReviewLinkDialog .md-dialog-content p {
      margin: 0; }
    .productReviewLinkDialog .md-dialog-content .productReviewAddMoreLink {
      width: 100%;
      margin: 21px 0 0;
      min-height: 38px; }
  .productReviewLinkDialog md-dialog-actions {
    position: absolute;
    bottom: 0;
    max-height: 66px;
    padding: 11px 16px 16px !important;
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, 0.08); }
    .productReviewLinkDialog md-dialog-actions .md-button {
      width: 100%;
      margin: 0;
      flex: 1;
      min-height: 38px; }
  .productReviewLinkDialog .md-button {
    box-shadow: none !important; }
  .productReviewLinkDialog:not(.formSubmitted) {
    padding-block-end: 66px;
    min-height: calc(85% - 66px); }
    .productReviewLinkDialog:not(.formSubmitted) .md-dialog-content {
      padding-block: 20px; }

.productReviewBrandsSelector {
  max-width: 443px; }
  .productReviewBrandsSelector md-optgroup label {
    display: none; }
  .productReviewBrandsSelector md-optgroup md-option {
    color: #333333 !important; }
    .productReviewBrandsSelector md-optgroup md-option .md-icon {
      border-radius: 3px !important;
      border-color: #aaa !important; }
    .productReviewBrandsSelector md-optgroup md-option[selected="selected"] {
      font-weight: bold; }
      .productReviewBrandsSelector md-optgroup md-option[selected="selected"] .md-icon {
        background-color: #1E1E1E;
        border-color: transparent !important; }
        .productReviewBrandsSelector md-optgroup md-option[selected="selected"] .md-icon:after {
          width: 9.234px;
          height: 7.113px; }