#m31-vip.m31profile{--m31p-line:rgba(210,210,221,.19);--m31p-bg:#0b0b0e;color:#f7f6f3;padding:42px 0 90px;background:radial-gradient(ellipse at 78% -2%,rgba(83,54,118,.13),transparent 44%),linear-gradient(170deg,#101013,#060608 75%);min-height:80vh}.m31profile__container{max-width:1350px;margin:0 auto;padding:0 clamp(16px,3.5vw,40px)}.m31profile__heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:0 0 31px}.m31profile__eyebrow,.m31profile__section-head,.m31profile__choice-top,.m31profile__display{font:750 10px/1.5 Oxanium,sans-serif;letter-spacing:.13em;color:#b0afb6}.m31profile__heading h1{font:850 clamp(39px,5.5vw,74px)/.94 "Barlow Condensed",Impact,sans-serif;margin:10px 0 14px;letter-spacing:.008em}.m31profile__heading p,.m31profile__panel p,.m31profile__collection p,.m31profile__badges p{font:500 16px/1.5 Barlow Condensed,Arial,sans-serif;color:#b8b7be;margin:0}.m31profile__back,.m31profile__signedout a{padding:13px 18px;border:1px solid #8c8c99;color:#f3f2f5;text-decoration:none;font:750 11px Oxanium,sans-serif;white-space:nowrap}.m31profile__back:hover,.m31profile__signedout a:hover{background:#eee;color:#0a0a0d}.m31profile__section-head{display:flex;align-items:center;justify-content:space-between;gap:13px;padding-bottom:15px;border-bottom:1px solid var(--m31p-line);margin-bottom:22px}.m31profile__section-head strong{color:#eeeef0;font-size:10px}.m31profile__workspace{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.85fr);gap:21px;align-items:stretch}.m31profile__identity,.m31profile__panel,.m31profile__collection,.m31profile__badges{min-width:0;padding:22px;position:relative;border:1px solid rgba(168,169,184,.25);background:linear-gradient(156deg,#1f1f27,#101014 74%);box-shadow:0 19px 45px #00000042,inset 0 1px #ffffff0b}.m31profile__identity{overflow:hidden}#m31-vip .m31profile__banner{position:relative;overflow:hidden;width:100%;aspect-ratio:3.18/1;border:1px solid rgba(194,180,218,.35);background:radial-gradient(ellipse at 72% 30%,rgba(151,64,135,.45),transparent 42%),radial-gradient(ellipse at 24% 65%,rgba(78,92,139,.36),transparent 55%),linear-gradient(113deg,#211b30,#0b111c 65%,#1a101c)}.m31profile__banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,rgba(10,10,13,.32),transparent 75%)}.m31profile__banner img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.m31profile__banner img[hidden]{display:none!important}.m31profile__banner-brand{position:absolute;left:23px;top:21px;z-index:1;font:850 clamp(14px,2vw,23px) "Barlow Condensed",sans-serif;letter-spacing:.19em;color:#f8f3ff;text-shadow:0 3px 18px #000}.m31profile__banner-controls{position:absolute;right:15px;bottom:14px;z-index:2;display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}.m31profile__button,.m31profile__actions button,.m31profile__banner-controls button{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;gap:6px;border:1px solid rgba(243,241,245,.55);padding:11px 13px;background:#171820ee;color:#eeeef2;font:750 10px Oxanium,sans-serif;letter-spacing:.03em;text-align:center}.m31profile__button--light{background:#f4f2f2;color:#121217;border-color:#f4f2f2}.m31profile__button:hover,.m31profile__actions button:hover,.m31profile__banner-controls button:hover{border-color:#fff;background:#33333d;color:#fff}.m31profile__button--light:hover{color:#15151b;background:#dad9e2}.m31profile__identity-bottom{display:flex;align-items:center;gap:27px;position:relative;z-index:3;margin:-52px 0 0;padding:0 9px 12px}#m31-vip .m31hub__avatar.m31profile__portrait{width:194px!important;height:231px!important;flex:0 0 194px!important;min-height:231px!important;position:relative;overflow:visible;border:0!important;box-shadow:0 18px 35px #0000007a!important;background:#14151b}#m31-vip .m31profile__portrait>.m31hub__avatar-fallback{position:absolute!important;top:16px!important;right:16px!important;bottom:18px!important;left:16px!important;display:flex;flex-direction:column;align-items:center;justify-content:center;width:calc(100% - 32px)!important;height:calc(100% - 34px)!important;background:radial-gradient(circle at 50% 35%,#393340,#141318)!important;transform:none;z-index:1}#m31-vip .m31profile__portrait>.m31hub__avatar-fallback[hidden]{display:none!important}#m31-vip .m31profile__portrait>img[data-profile-original]{position:absolute!important;top:16px!important;right:16px!important;bottom:18px!important;left:16px!important;width:calc(100% - 32px)!important;height:calc(100% - 34px)!important;object-fit:cover;object-position:50% 30%;filter:none!important;z-index:2;display:block;border:0;max-width:none}#m31-vip .m31profile__portrait>img[hidden]{display:none!important}#m31-vip .m31profile__portrait .m31hub__live-frame{z-index:8!important;display:block!important}#m31-vip .m31profile__portrait .m31prestige__ornament{pointer-events:none}#m31-vip .m31profile__portrait.has-custom-avatar>.m31hub__live-frame{display:block!important}.m31profile__identity-text{display:grid;gap:9px;min-width:0;margin-top:43px}.m31profile__identity-text h2{font:850 clamp(29px,3.5vw,46px)/1 "Barlow Condensed",sans-serif;margin:0;overflow-wrap:anywhere}.m31profile__current-tier{font:800 12px Oxanium,sans-serif;color:#eacdfd;letter-spacing:.08em}.m31profile__identity-text>span:last-of-type{font:650 15px Barlow Condensed,sans-serif;color:#dad7e1}.m31profile__identity-text p{font:500 12px/1.45 Oxanium,sans-serif;color:#b7b4be}.m31profile__save-note{padding:13px 2px 0;border-top:1px solid var(--m31p-line);margin:8px 0 0;color:#aaa8b4;font:500 12px/1.5 Oxanium,sans-serif}.m31profile__save-note strong{color:#f4dfaa}.m31profile__panel h2,.m31profile__collection h2,.m31profile__badges h2{margin:2px 0 13px;font:850 clamp(26px,2.8vw,36px)/1 "Barlow Condensed",sans-serif}.m31profile__panel h3{font:800 18px Barlow Condensed,sans-serif;letter-spacing:.03em;margin:27px 0 10px}.m31profile__actions{display:flex;flex-wrap:wrap;gap:8px;margin:21px 0 15px}.m31profile__actions [disabled],.m31profile__frame-choice[disabled]{cursor:not-allowed;opacity:.52}.m31profile__message{min-height:22px;font-size:13px!important;margin:12px 0 0!important}.m31profile__display{display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--m31p-line);margin-top:24px;padding-top:15px}.m31profile__collection,.m31profile__badges{margin-top:22px}.m31profile__collection-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.m31profile__collection-head h2{margin:0 0 9px}.m31profile__saved{font:700 10px/1.5 Oxanium,sans-serif;letter-spacing:.06em;color:#e3c4eb}.m31profile__frame-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}#m31-vip .m31profile__frame-choice{--m31-pick:#9f9fae;--m31-pick-rgb:156,153,170;position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;gap:9px;min-height:230px;padding:12px 9px 14px;background:radial-gradient(ellipse at 50% 33%,rgba(var(--m31-pick-rgb),.12),transparent 62%),#101117;border:1px solid rgba(var(--m31-pick-rgb),.34);border-top:2px solid var(--m31-pick);box-shadow:inset 0 1px #ffffff08;color:#fff;cursor:pointer;text-align:center;transition:transform .2s,border-color .2s,box-shadow .2s}#m31-vip .m31profile__frame-choice[data-preview-tier=member]{--m31-pick:#85868f;--m31-pick-rgb:142,143,153}#m31-vip .m31profile__frame-choice[data-preview-tier=silver]{--m31-pick:#d5e3f5;--m31-pick-rgb:195,216,238}#m31-vip .m31profile__frame-choice[data-preview-tier=gold]{--m31-pick:#edbd64;--m31-pick-rgb:238,179,83}#m31-vip .m31profile__frame-choice[data-preview-tier=platinum]{--m31-pick:#8ad9f0;--m31-pick-rgb:115,217,243}#m31-vip .m31profile__frame-choice[data-preview-tier=elite]{--m31-pick:#e576c1;--m31-pick-rgb:234,107,186}#m31-vip .m31profile__frame-choice:not([disabled]):hover{transform:translateY(-4px);border-color:var(--m31-pick);box-shadow:0 0 22px rgba(var(--m31-pick-rgb),.19),0 18px 32px #0006}#m31-vip .m31profile__frame-choice[aria-pressed=true]{border:2px solid var(--m31-pick);box-shadow:0 0 0 2px rgba(var(--m31-pick-rgb),.17),0 0 24px rgba(var(--m31-pick-rgb),.24)}#m31-vip .m31profile__frame-choice[disabled]{opacity:.67;filter:saturate(.55)}.m31profile__choice-top{display:flex;justify-content:space-between;width:100%;font-size:8px;letter-spacing:.05em}#m31-vip .m31hub__rank-avatar.m31profile__choice-avatar{width:99px!important;height:120px!important;flex:0 0 120px!important;max-width:100%;border:0!important;overflow:visible;position:relative;margin:2px auto 4px}#m31-vip .m31profile__choice-avatar>img{position:absolute!important;top:11px!important;right:11px!important;bottom:13px!important;left:11px!important;width:calc(100% - 22px)!important;height:calc(100% - 24px)!important;max-width:none;object-fit:cover!important;object-position:50% 24%!important;filter:none!important;z-index:1}#m31-vip .m31profile__choice-avatar .m31prestige__ornament{z-index:6!important}.m31profile__frame-choice strong{font:850 20px/1 Barlow Condensed,sans-serif}.m31profile__frame-choice small{font:650 9px/1.4 Oxanium,sans-serif;color:#b5b4ba}.m31profile__collection-foot{border-top:1px solid var(--m31p-line);padding-top:16px;margin-top:20px!important;font-size:13px!important}.m31profile__badge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.m31profile__badge{--badge-hue:#9ea0a9;display:flex;align-items:center;gap:12px;border:1px solid #383841;background:#13131b;min-height:87px;padding:14px;opacity:.56}.m31profile__badge[data-profile-badge=silver]{--badge-hue:#d4e5f9}.m31profile__badge[data-profile-badge=gold]{--badge-hue:#f0c874}.m31profile__badge[data-profile-badge=platinum]{--badge-hue:#95e8f4}.m31profile__badge[data-profile-badge=elite]{--badge-hue:#e87ec6}.m31profile__badge.is-unlocked{opacity:1;border-color:var(--badge-hue);box-shadow:inset 0 1px #ffffff12,0 0 17px #ffffff06}.m31profile__badge-coin{flex:0 0 43px;width:43px;height:43px;display:grid;place-items:center;background:linear-gradient(145deg,#34323c,#0c0c12);border:2px solid var(--badge-hue);border-radius:50%;color:var(--badge-hue);font:900 24px Barlow Condensed,sans-serif;box-shadow:0 0 11px #ffffff14}.m31profile__badge strong{font:800 15px Barlow Condensed,sans-serif;letter-spacing:.025em}.m31profile__badge small{font:700 9px Oxanium,sans-serif;letter-spacing:.045em;color:#a7a7b2}.m31profile__badge.is-unlocked small{color:#bcf1d0}.m31profile__badge{flex-wrap:wrap}.m31profile__badge strong{flex:1 1 calc(100% - 60px)}.m31profile__badge small{margin-left:55px;margin-top:-18px;flex:1 1 100%}.m31profile__signedout{padding:45px 25px;background:#17171e;border:1px solid #4c4b59;text-align:center}.m31profile__signedout h2{font:850 45px Barlow Condensed,sans-serif;margin:10px 0}.m31profile__signedout p{color:#c5c4c9;margin-bottom:26px}@media(max-width:1090px){.m31profile__workspace{grid-template-columns:1fr}.m31profile__frame-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:730px){#m31-vip.m31profile{padding:28px 0 55px}.m31profile__heading{display:block}.m31profile__back{display:inline-flex;margin-top:18px}.m31profile__identity,.m31profile__panel,.m31profile__collection,.m31profile__badges{padding:16px}.m31profile__frame-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.m31profile__badge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.m31profile__identity-bottom{gap:17px}#m31-vip .m31hub__avatar.m31profile__portrait{width:145px!important;height:178px!important;min-height:178px!important;flex-basis:145px!important}.m31profile__identity-text{margin-top:35px}}@media(max-width:430px){.m31profile__banner-brand{font-size:13px;left:12px;top:12px}.m31profile__banner-controls{right:7px;bottom:7px;gap:4px}.m31profile__banner-controls .m31profile__button,.m31profile__banner-controls button{font-size:8px;padding:7px}.m31profile__identity-bottom{margin-top:-30px;gap:14px}#m31-vip .m31hub__avatar.m31profile__portrait{width:126px!important;height:152px!important;min-height:152px!important;flex-basis:126px!important}.m31profile__identity-text{margin-top:25px}.m31profile__identity-text h2{font-size:27px}.m31profile__badge-grid{grid-template-columns:1fr}.m31profile__frame-choice strong{font-size:18px}.m31profile__badge{min-height:72px}}@media(prefers-reduced-motion:reduce){#m31-vip .m31profile__frame-choice{transition:none!important}#m31-vip .m31profile__frame-choice:hover{transform:none!important}}#m31-vip .m31hub__avatar.m31profile__portrait.has-custom-avatar>img[data-profile-original]:not([hidden]){display:block!important;opacity:1!important;visibility:visible!important;z-index:2!important}#m31-vip .m31hub__avatar.m31profile__portrait.has-custom-avatar>.m31hub__live-frame{display:block!important;visibility:visible!important;z-index:9!important}#m31-vip .m31profile__name-form{margin:18px 0 20px;padding:17px;background:linear-gradient(145deg,#292936a1,#0e0e15a8);border:1px solid rgba(208,199,225,.24)}#m31-vip .m31profile__name-form>label{display:block;margin-bottom:10px;font:750 10px/1.4 Oxanium,sans-serif;letter-spacing:.11em;color:#e0d9e6}#m31-vip .m31profile__name-controls{display:flex;gap:9px}#m31-vip .m31profile__name-controls input{flex:1 1 auto;min-width:0;min-height:44px;padding:12px;border:1px solid #71707b;background:#0c0c13;color:#fff;border-radius:2px;font:650 15px/1.4 Barlow Condensed,Arial,sans-serif;letter-spacing:.03em}#m31-vip .m31profile__name-controls input:focus-visible{outline:2px solid #d7b4eb;outline-offset:2px}#m31-vip .m31profile__name-controls input[aria-invalid=true]{border-color:#ff9eaa}#m31-vip .m31profile__name-form .m31profile__name-hint{color:#b2acbc;font-size:12px;margin:10px 0 0}#m31-vip .m31profile__name-form .m31profile__message{color:#dfc7eb;font-size:12px!important;margin:10px 0 0!important;min-height:0}#m31-vip .m31profile__name-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(218,212,227,.28),transparent);margin:26px 0 21px}#m31-vip .m31profile__panel .m31profile__name-divider+h3{margin:0 0 10px}@media(max-width:430px){#m31-vip .m31profile__name-form{padding:12px}#m31-vip .m31profile__name-controls{flex-direction:column}#m31-vip .m31profile__name-controls .m31profile__button{width:100%;min-height:42px}}#m31-vip.m31profile .m31profile__banner-controls{z-index:20!important;pointer-events:auto!important}#m31-vip.m31profile .m31profile__banner-controls button{position:relative;z-index:21;pointer-events:auto;cursor:pointer;min-height:39px}#m31-vip.m31profile .m31profile__banner-controls button:focus-visible{outline:2px solid #fff;outline-offset:3px}#m31-vip.m31profile .m31profile__identity{border-color:#bdb8cd57;background:linear-gradient(155deg,#1c1b24,#0e0e12 78%)}#m31-vip.m31profile .m31profile__identity-bottom{align-items:flex-start!important;margin-top:-43px!important;gap:clamp(17px,2.5vw,29px)!important;padding:0 10px 14px!important}#m31-vip.m31profile .m31profile__identity-text{min-width:0!important;margin-top:75px!important;gap:10px!important;position:relative;z-index:1}#m31-vip.m31profile .m31profile__identity-text .m31profile__eyebrow{color:#ded7e4;line-height:1.6}#m31-vip.m31profile .m31profile__identity-text h2{font-size:clamp(28px,3.7vw,43px);line-height:1.04!important;letter-spacing:.012em;text-wrap:balance}#m31-vip.m31profile .m31profile__banner{border-color:#beb3d687!important;box-shadow:inset 0 0 0 1px #ffffff0f}#m31-vip.m31profile .m31profile__banner img{object-position:50% 50%;transition:opacity .32s ease}#m31-vip.m31profile .m31profile__banner-controls{isolation:isolate;z-index:30!important;gap:8px}#m31-vip.m31profile .m31profile__banner-controls button{min-height:42px;padding:10px 14px;border-radius:3px;background:#101018e8;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);box-shadow:0 3px 13px #00000040;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}#m31-vip.m31profile .m31profile__banner-controls .m31profile__button--light{color:#111116;background:#f2f1ef}#m31-vip.m31profile .m31profile__banner-controls button:hover{transform:translateY(-2px);border-color:#f6f5f7}#m31-vip.m31profile .m31profile__banner-controls .m31profile__button--light:hover{color:#0c0c12;background:#dedce2}#m31-vip.m31profile .m31profile__frame-choice{transition:transform .3s cubic-bezier(.22,1,.36,1),border-color .25s ease,box-shadow .3s ease,background-color .25s ease!important}#m31-vip.m31profile .m31profile__button,#m31-vip.m31profile .m31profile__actions button,#m31-vip.m31profile .m31profile__back{transition:background-color .22s ease,border-color .22s ease,box-shadow .24s ease,transform .22s ease}#m31-vip.m31profile :is(button,a,input):focus-visible{outline:2px solid #e7d6f6;outline-offset:3px}#m31-vip.m31profile .m31profile__panel .m31profile__message{overflow-wrap:anywhere}@media(max-width:730px){#m31-vip.m31profile .m31profile__identity-bottom{gap:14px!important;margin-top:-24px!important;align-items:flex-start!important}#m31-vip.m31profile .m31profile__identity-text{margin-top:47px!important;gap:7px!important}#m31-vip.m31profile .m31profile__identity-text h2{font-size:clamp(25px,5.6vw,33px)}}@media(max-width:430px){#m31-vip.m31profile .m31profile__banner{aspect-ratio:2.45/1}#m31-vip.m31profile .m31profile__banner-brand{top:auto!important;bottom:12px!important;left:11px!important;font-size:12px}#m31-vip.m31profile .m31profile__banner-controls{top:9px!important;bottom:auto!important;right:8px!important;max-width:95%}#m31-vip.m31profile .m31profile__banner-controls button{min-height:34px;padding:7px 8px;font-size:9px}#m31-vip.m31profile .m31profile__identity-bottom{margin-top:-15px!important;flex-wrap:wrap;gap:9px 13px!important;padding:0 2px 14px!important}#m31-vip.m31profile .m31profile__identity-text{margin-top:26px!important;flex:1 1 130px}#m31-vip.m31profile .m31profile__identity-text h2{font-size:clamp(25px,7vw,31px)}#m31-vip.m31profile .m31profile__identity-text .m31profile__eyebrow{font-size:9px;overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){#m31-vip.m31profile .m31profile__frame-choice,#m31-vip.m31profile .m31profile__banner-controls button,#m31-vip.m31profile .m31profile__banner img,#m31-vip.m31profile .m31profile__button,#m31-vip.m31profile .m31profile__actions button,#m31-vip.m31profile .m31profile__back{transition:none!important;animation:none!important;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/m31-profile-studio.css.map */