/* Official M's logo. Card colors are assigned by rank, never by preference. */
.ms-card-wrap{padding-bottom:39px}
.ms-dress-button{bottom:0;right:0;left:0;width:100%;border:0;background:transparent;display:flex;align-items:center;justify-content:space-between;padding:9px 3px;color:#94586c;font-size:11px;min-height:36px;border-radius:0}
.ms-dress-button span{font:italic 11px Georgia,serif;color:#927e83}
.ms-pass--group{--paper:#f5e1e5;--ink:#885465;--edge:#d5a5b4;height:216px;padding:18px 24px 16px;border-radius:17px;background:var(--paper);color:var(--ink);box-shadow:0 3px 0 var(--edge),0 9px 20px #72475315;border:1px solid #fff9}
.ms-pass--mslavender{--paper:#eae3f3;--ink:#706083;--edge:#b9a9cb}
.ms-pass--msmilk{--paper:#f5ecdb;--ink:#82694f;--edge:#d4bfa0}
.ms-pass--group::before{inset:5px;background:radial-gradient(circle at 3px 3px,#fff9 1px,transparent 1.5px) 0 0/13px 13px;border-radius:13px}
.ms-pass--group::after{inset:10px;width:auto;height:auto;border:1px solid #fffdf5;border-radius:10px;box-shadow:inset 0 0 0 3px var(--paper),inset 0 0 0 4px #fff9;opacity:1}
.ms-pass--group .ms-pass-rule{inset:6px;border:2px dotted #fffef8;border-radius:13px;z-index:-1}
.ms-pass--group .ms-pass-top{font-size:9px;letter-spacing:.07em}
.ms-pass--group .ms-card-ribbon{font:8px Georgia,serif;letter-spacing:1px;padding:3px 0;background:transparent;border-bottom:1px solid var(--edge);border-radius:0;white-space:nowrap}
.ms-pass--group .ms-pass-center{flex-direction:column;padding-bottom:14px}
.ms-pass--group .ms-pass-center>img{width:184px;height:147px;max-height:none;filter:brightness(0) saturate(100%) invert(37%) sepia(17%) saturate(968%) hue-rotate(290deg) brightness(95%) contrast(86%);margin-top:-9px;margin-bottom:-13px}
.ms-pass--mslavender .ms-pass-center>img{filter:brightness(0) saturate(100%) invert(39%) sepia(13%) saturate(896%) hue-rotate(226deg) brightness(92%) contrast(88%)}
.ms-pass--msmilk .ms-pass-center>img{filter:brightness(0) saturate(100%) invert(43%) sepia(20%) saturate(744%) hue-rotate(350deg) brightness(91%) contrast(87%)}
.ms-card-caption{font-size:9px;letter-spacing:.14em;white-space:nowrap}
.ms-pass--group .ms-card-flower{left:7px;top:50%;font:25px Georgia,serif;transform:rotate(-16deg);color:var(--ink);opacity:.6}
.ms-card-bow{position:absolute;right:3px;top:48%;width:28px;height:15px;border-left:1px solid var(--ink);transform:rotate(14deg);opacity:.65}
.ms-card-bow::before,.ms-card-bow::after{content:"";position:absolute;top:-9px;width:14px;height:10px;border:1px solid var(--ink);border-radius:70% 60% 0 60%;transform:rotate(22deg)}
.ms-card-bow::before{left:-14px}.ms-card-bow::after{left:0;transform:scaleX(-1) rotate(22deg)}
.ms-pass--group .ms-pass-bottom{border-top:1px solid #a2758833;padding-top:8px;min-height:26px;font-size:12px}
.ms-pass--group .ms-pass-bottom>span:last-child{font-size:8px;letter-spacing:.07em}
.ms-theme-options{gap:25px}
.ms-theme-options>button{min-width:0;text-align:center}
.ms-theme-options>button[aria-pressed="true"]>b{font-weight:700}
.ms-theme-options .ms-pass--group.ms-pass--mini{height:177px;padding:17px 21px 10px}
.ms-theme-options .ms-pass--group.ms-pass--mini .ms-pass-center>img{width:176px;height:131px}
.ms-theme-options .ms-pass--group .ms-pass-center{padding-bottom:4px}
.ms-theme-options .ms-pass--group .ms-card-caption{font-size:8px}
@media(max-width:350px){.ms-pass--group{height:203px;padding:16px 20px 13px}.ms-pass--group .ms-pass-top{font-size:8px;letter-spacing:0}.ms-pass--group .ms-card-ribbon{font-size:7px}.ms-pass--group .ms-pass-center>img{width:168px;height:137px}.ms-card-caption{font-size:8px}.ms-pass--group .ms-card-flower{left:0;font-size:20px}.ms-card-bow{right:-4px}.ms-dress-button{font-size:10px}.ms-theme-options .ms-pass--group.ms-pass--mini{height:167px;padding:16px}.ms-theme-options .ms-pass--group.ms-pass--mini .ms-pass-center>img{height:121px;width:160px}}
@media(prefers-reduced-motion:reduce){.ms-pass,.ms-dress-button{animation:none;transition:none}}
.ms-card-wrap{padding-bottom:0}
.ms-pass--royal{--paper:#f0e8e1;--ink:#74635b;--edge:#c8b9aa}
.ms-pass--sapphire{--paper:#d6e7f8;--ink:#365c84;--edge:#9bb9d8}
.ms-pass--emerald{--paper:#d6eee0;--ink:#366650;--edge:#9cbfaa}
.ms-pass--ruby{--paper:#f1d7dd;--ink:#89465b;--edge:#cea0ae}
.ms-pass--diamond{--paper:#e8e9f1;--ink:#545b75;--edge:#b2b6ca;background:linear-gradient(115deg,#e5e9f1,#faf8ff 50%,#e2e4ee)}
.ms-pass--sapphire .ms-pass-center>img{filter:brightness(0) saturate(100%) invert(34%) sepia(20%) saturate(1000%) hue-rotate(173deg)}
.ms-pass--emerald .ms-pass-center>img{filter:brightness(0) saturate(100%) invert(36%) sepia(17%) saturate(954%) hue-rotate(99deg)}
.ms-pass--royal .ms-pass-center>img{filter:brightness(0) saturate(100%) invert(39%) sepia(13%) saturate(499%) hue-rotate(334deg)}
.ms-pass--diamond .ms-pass-center>img{filter:brightness(0) saturate(100%) invert(36%) sepia(12%) saturate(839%) hue-rotate(190deg)}
.ms-pass--group .ms-card-caption{font:600 12px Georgia,serif;letter-spacing:.06em;line-height:1.4}
.ms-rank-progress{margin:15px 0 0;padding:12px 14px;background:#fffdfb;border:1px solid #eadedb;border-radius:12px;font-size:11px;color:#7b6570}
.ms-rank-progress>div{display:flex;justify-content:space-between;align-items:center;gap:8px}.ms-rank-progress b{font-size:15px;color:#684753;white-space:nowrap}.ms-rank-progress small{font-size:10px;font-weight:400}.ms-rank-progress p{margin:9px 0 7px;line-height:1.7}.ms-rank-progress strong{color:#855369}.ms-rank-progress progress{width:100%;height:5px;appearance:none;border:0;display:block;background:#f0e4e9;border-radius:8px;overflow:hidden}.ms-rank-progress progress::-webkit-progress-bar{background:#f0e4e9}.ms-rank-progress progress::-webkit-progress-value{background:#af728a}.ms-rank-progress progress::-moz-progress-bar{background:#af728a}.ms-rank-progress button{display:flex;justify-content:space-between;width:100%;padding:10px 0 0;background:none;border:0;color:#8d6073;font-size:11px}
.ms-rank-collection{display:grid;gap:24px;margin-top:20px}.ms-rank-description{padding:12px 3px 0}.ms-rank-description>b{font:600 14px Georgia,serif;display:block}.ms-rank-description>span{font-size:10px;color:#9a5872;display:block;margin-top:6px}.ms-rank-description p{font-size:12px;color:#7f6f75;margin-top:5px}.ms-rank-collection .ms-pass--mini{height:192px}.ms-rank-collection .ms-pass-center>img{height:145px;width:175px}
@media(max-width:350px){.ms-pass--group .ms-card-caption{font-size:10px;letter-spacing:.02em}.ms-rank-progress{padding:10px}.ms-rank-progress>div>span{font-size:10px}.ms-rank-collection .ms-pass--mini{height:177px}.ms-rank-collection .ms-pass-center>img{height:130px}}

/* Rank finishes: pearl, silver foil, gold foil, rose gold, platinum. */
.ms-pass--group{--foil:#b49a7c;--frame:1px;--finish:linear-gradient(120deg,#faf6f0,#e9ddd0);--texture:none;background:var(--finish);border-color:var(--edge);box-shadow:0 3px 0 var(--edge),0 10px 22px #38292e20}
.ms-pass--group::before{inset:0;border-radius:inherit;background:var(--texture);opacity:.6}
.ms-pass--group::after{inset:9px;border:var(--frame) solid var(--foil);border-radius:10px;box-shadow:none;opacity:.65}
.ms-pass--group .ms-pass-rule{inset:14px;border:0;border-radius:6px}
.ms-pass--group .ms-card-ribbon{color:var(--foil);border-color:var(--foil)}
.ms-pass--group .ms-pass-bottom{border-color:var(--foil)}
.ms-pass--group .ms-card-flower{color:var(--foil);opacity:.85;font-size:28px}
.ms-card-jewels{position:absolute;right:3px;top:38%;display:grid;grid-template-columns:repeat(2,5px);gap:5px;padding:5px}
.ms-card-jewels i{width:5px;height:5px;background:var(--foil);transform:rotate(45deg);box-shadow:inset 1px 1px 0 #fff9}
.ms-card-jewels i:last-child:nth-child(odd){grid-column:1/3;justify-self:center}
.ms-pass--royal{--paper:#eee3d7;--ink:#604f43;--edge:#c4b19a;--foil:#a78c70}
.ms-pass--sapphire{--paper:#163d77;--ink:#f3f7ff;--edge:#163565;--foil:#c6d9ef;--finish:linear-gradient(125deg,#102e60,#24518b 55%,#132c54);--texture:repeating-linear-gradient(125deg,transparent 0 8px,#bad7ff0a 9px 10px)}
.ms-pass--emerald{--paper:#124c3d;--ink:#fff8e5;--edge:#10392e;--foil:#e2c890;--frame:2px;--finish:linear-gradient(130deg,#0c342b,#1e6650 55%,#103a30);--texture:repeating-linear-gradient(45deg,transparent 0 15px,#e5d6a009 16px 17px)}
.ms-pass--emerald .ms-pass-rule{border:1px solid #e2c89055}
.ms-pass--ruby{--paper:#692139;--ink:#fff2ec;--edge:#461326;--foil:#f0bfa9;--frame:2px;--finish:radial-gradient(ellipse at 65% 10%,#a24159,transparent 70%),linear-gradient(120deg,#4d192d,#75243e);--texture:repeating-radial-gradient(ellipse at 100% 0,transparent 0 24px,#ffd7b810 25px 26px)}
.ms-pass--ruby .ms-pass-rule{border:1px solid #f0bfa96b;border-radius:18px 4px 18px 4px}
.ms-pass--ruby .ms-card-caption{color:#ffe2d5;text-shadow:0 1px 6px #20020c66}
.ms-pass--diamond{--paper:#171d2d;--ink:#f1f4ff;--edge:#333c53;--foil:#dce3f9;--frame:2px;--finish:linear-gradient(125deg,#11141e,#303b52 48%,#111521);--texture:conic-gradient(from 25deg at 75% 35%,transparent,#cceaff21,transparent 28%,#dab7ed13,transparent 65%,#d8ebff26,transparent);box-shadow:0 3px 0 #69718a,0 12px 28px #111a3830}
.ms-pass--diamond::after{border-color:#dce3f9;box-shadow:0 0 0 3px #dce3f917,inset 0 0 0 3px #dce3f912}
.ms-pass--diamond .ms-pass-rule{border:1px solid #ccd8f455}
.ms-pass--diamond .ms-card-flower{font-size:34px;text-shadow:0 0 10px #dceaff77}
.ms-pass--diamond .ms-card-jewels i{background:linear-gradient(135deg,#fff,#abc6e7 48%,#e4cdef);box-shadow:0 0 6px #d7e4ff55}
.ms-pass--sapphire .ms-pass-center>img,.ms-pass--emerald .ms-pass-center>img,.ms-pass--ruby .ms-pass-center>img,.ms-pass--diamond .ms-pass-center>img{filter:none}
.ms-pass--royal .ms-card-sheen{display:none}
.ms-pass--diamond .ms-card-sheen{background:linear-gradient(110deg,transparent 30%,#caeaff33 42%,#fff9 48%,#e4c3f733 54%,transparent 68%)}
.ms-pass--unknown{--ink:#604f43;--paper:#eee3d7;--edge:#c4b19a}