.account-card{background:linear-gradient(90deg,var(--secondary-color) 75%,var(--primary-color) 100%);border-radius:.3em;position:relative;z-index:1;overflow:hidden;aspect-ratio:16 / 9;padding:1.25em 2em;font-size:1.15em;animation:glowAccountCard 10s infinite}.container-account-card{container:accountcard / inline-size;color:var(--text-color)}.account-card p{line-height:1}.account-card:before{content:"";top:0;right:0;bottom:0;left:0;position:absolute;background:radial-gradient(ellipse at 100% 50%,var(--primary-color) 20%,var(--secondary-color) 60%);transform-origin:100% 0%;transform:skew(15deg) translate(-40%);box-shadow:0 0 1em .5em #000;z-index:-1;animation:cardSlide 10s infinite}.account-card:after{content:"";top:0;right:0;bottom:0;left:0;position:absolute;background:var(--logo);background-repeat:no-repeat;background-size:auto 100%;background-position:-60% 0%;filter:grayscale(1);opacity:.25;z-index:-1}.account-icon-container{position:absolute;right:0;z-index:-2;top:5%;height:90%;opacity:.5;color:var(--text-color)}.account-avatar{height:40%;aspect-ratio:1;object-fit:cover;border-radius:100%;position:absolute;right:15%;top:50%;transform:translate(-50%,-50%);padding:.5em;background:linear-gradient(90deg,var(--primary-color) 75%,var(--secondary-color) 100%);box-shadow:.25em 0 .5em #000}.account-icon-container>*{height:100%!important;width:unset!important;aspect-ratio:1}.account-container{width:50%;height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:1.5em}.account-name{line-height:1.5!important;font-size:1.1em!important;font-weight:700!important;color:var(--accent-color);margin-bottom:.1em}.account-title{font-size:.8em!important;opacity:.8}.account-entry{font-size:.8em;display:flex;align-items:center;gap:.25em}.account-entry>*:first-child{font-size:1.5em!important;color:var(--accent-color)}.account-entry>*:last-child{flex-grow:1;text-overflow:ellipsis;width:10000000px;max-width:100%;overflow:hidden;white-space:nowrap}.account-referral{background:none;border:none;color:inherit;font-size:1em}.account-bottom-info{display:flex;justify-content:space-between;font-family:monospace;font-size:.8em}@keyframes cardSlide{0%{transform:skew(15deg) translate(-35%)}50%{transform:skew(15deg) translate(-50%)}to{transform:skew(15deg) translate(-35%)}}@keyframes glowAccountCard{0%{box-shadow:0 0 16px 0 var(--accent-color)}50%{box-shadow:0 0 16px 12px var(--accent-color)}to{box-shadow:0 0 16px 0 var(--accent-color)}}@keyframes cardSlideVertical{0%{transform:skewY(-5deg) translateY(8em)}50%{transform:skewY(-5deg) translateY(10em)}to{transform:skewY(-5deg) translateY(8em)}}@container accountcard (min-width: 700px){.account-card{font-size:1.5em}}@container accountcard (max-width: 600px){.account-card{aspect-ratio:unset;padding:1.25em}.account-card:after{background-size:20em;background-position:-10em 8em}.account-container{margin-top:12em;width:100%;text-align:center}.account-entry{text-align:left}.account-avatar{top:8em;right:50%;width:8em;height:unset;aspect-ratio:1;transform:translate(50%,-50%);box-shadow:0 -.25em .5em #000}.account-card:before{transform-origin:0% 0%;transform:skewY(-5deg) translateY(8em);animation:cardSlideVertical 10s infinite}.account-icon-container{right:0;top:0}.account-icon-container>*{width:unset!important;height:10em!important}.account-bottom-info{text-align:left;align-items:flex-end}.account-bottom-info>*:last-child{width:40%;text-align:right}}