/* Short, finite gestures. Data refreshes never replay entrance effects. */
.ms-card-sheen{position:absolute;inset:0;pointer-events:none;opacity:0;background:linear-gradient(110deg,transparent 30%,#fff5 44%,#fff9 48%,#fff3 54%,transparent 68%);transform:translateX(-110%);z-index:1}
.ms-card-flip{position:relative;perspective:1100px}
.ms-card-rotor{display:grid;transform-style:preserve-3d}
.ms-card-face{grid-area:1/1;min-width:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.ms-card-face--back{transform:rotateY(180deg)}
.ms-card-flip[data-flipped="true"] .ms-card-rotor{transform:rotateY(180deg)}
.ms-card-toggle{position:absolute;inset:0 0 -30px;width:100%;border:0;border-radius:17px;background:transparent!important;color:#895469;font:inherit;cursor:pointer;transform:none!important}
.ms-card-toggle>span{position:absolute;bottom:0;right:3px;font-size:11px;line-height:24px}
.ms-card-toggle:focus-visible{outline:3px solid #9d5571;outline-offset:4px}
.ms-card-back{align-items:flex-start;justify-content:center;gap:10px}
.ms-card-back-title{font-size:12px;font-weight:700;letter-spacing:.03em}
.ms-card-back-label{font-size:11px}
.ms-card-back-points{font-size:29px;line-height:1.1;font-variant-numeric:tabular-nums}
.ms-card-back-points>small{font-size:12px}
.ms-card-back-next{font-size:11px;line-height:1.8}.ms-card-back-next>b{font-size:15px}
.ms-card-back>small{font-size:10px}
@media(prefers-reduced-motion:no-preference){
  .ms-card-rotor{transition:transform 560ms cubic-bezier(.2,.7,.2,1)}
  #memberExperience[data-entering="true"] .ms-page-content> *{animation:ms-view-arrive 240ms cubic-bezier(.2,.7,.25,1) both}
  #memberExperience[data-entering="true"][data-page="wallet"] .ms-card-wrap{animation-duration:380ms}
  #memberExperience[data-entering="true"][data-page="wallet"] .ms-points{animation-delay:60ms}
  #memberExperience[data-entering="true"][data-page="wallet"] .ms-shop-menu{animation-delay:100ms}
  #memberExperience[data-entering="true"][data-page="wallet"] .ms-card-sheen{animation:ms-card-light 1100ms 220ms ease-out both}
  #memberExperience[data-entering="true"] .ms-nav [aria-current="page"] svg{animation:ms-nav-settle 280ms ease-out}
  #memberExperience button,#memberExperience .ms-shop-highlights a,#memberExperience .ms-shop-menu a{transition:transform 140ms ease,background-color 160ms ease,box-shadow 160ms ease}
  #memberExperience button:active:not(:disabled),#memberExperience .ms-shop-highlights a:active,#memberExperience .ms-shop-menu a:active{transform:scale(.98)}
  .ms-dialog[open]{animation:ms-dialog-appear 170ms ease-out}
  .ms-dialog[open]::backdrop{animation:ms-dialog-appear 170ms ease-out}
  @media(hover:hover) and (pointer:fine){
    #memberExperience .ms-store-categories a:hover,#memberExperience .ms-code-button:hover{transform:translateY(-2px);box-shadow:0 5px 12px #6335481a}
  }
}
@keyframes ms-view-arrive{from{opacity:.55;transform:translateY(7px)}to{opacity:1;transform:none}}
@keyframes ms-card-light{0%{opacity:0;transform:translateX(-110%)}18%{opacity:.7}75%{opacity:.5}100%{opacity:0;transform:translateX(110%)}}
@keyframes ms-nav-settle{0%{transform:scale(.88)}60%{transform:scale(1.08)}100%{transform:none}}
@keyframes ms-dialog-appear{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){
  #memberExperience *,#memberExperience *::before,#memberExperience *::after,.ms-dialog,.ms-dialog::backdrop{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .ms-card-sheen{display:none}
}