/* destiny.gg's membership card (cdn.destiny.gg web.*.css, the .id-card rules and the badges they
   use), scoped under .dgg-idcard. Editing-only rules are left out. The markup is built by
   js/dgg-card.js from /api/dgg-card. Refresh by copying the rules again if destiny.gg restyles it. */
.dgg-idcard{color:#edeef0;font-family:Inter,system-ui,sans-serif;text-align:left;line-height:1.5}
.dgg-idcard *,.dgg-idcard *::before,.dgg-idcard *::after{box-sizing:border-box}
.dgg-idcard p{margin:0}
.dgg-idcard img{max-width:100%}
.dgg-idcard .id-card__flip svg{width:1.5rem;height:1.5rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.dgg-idcard .id-card{position:relative;perspective:100rem}
.dgg-idcard .id-card__inner{display:grid;transform-style:preserve-3d;transition:transform 600ms cubic-bezier(0.77, 0, 0.175, 1)}
.dgg-idcard .id-card--flipped .id-card__inner{transform:rotateY(180deg)}
.dgg-idcard .id-card__face{display:flex;position:relative;grid-area:1/1;flex-direction:column;backface-visibility:hidden;box-shadow:0 1.5rem 3.75rem -1.25rem rgba(0,0,0,.7);border:1px solid #363a3f;border-radius:1.125rem;background:#111113;overflow:hidden}
.dgg-idcard .id-card__face--back{transform:rotateY(180deg)}
.dgg-idcard .id-card__stripe{position:relative;flex-shrink:0;z-index:1;background:#0090ff;height:.5rem}
.dgg-idcard .id-card__header{display:flex;align-items:center;gap:.75rem;border-bottom:1px solid #363a3f;background:#18191b;padding:1rem 1.5rem}
.dgg-idcard .id-card__logo{border-radius:.5rem;width:2.125rem;height:2.125rem}
.dgg-idcard .id-card__brand{display:flex;flex-direction:column;gap:2px}
.dgg-idcard .id-card__brand-name{font:700 1rem/1 Poppins;letter-spacing:.06em}
.dgg-idcard .id-card__brand-label{color:#70b8ff;font:700 .75rem Inter;letter-spacing:.1em;text-transform:uppercase}
.dgg-idcard .id-card__tier{margin-inline-start:auto}
.dgg-idcard .id-card__body{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;padding:clamp(1.5rem,1.56vw + 0.88rem,2rem) 1.5rem}
.dgg-idcard .id-card__photo-column{display:flex;flex:0 0 13rem;flex-direction:column;gap:.75rem;max-width:100%}
.dgg-idcard .id-card__photo{display:block;border:1px solid #363a3f;border-radius:.75rem;background:#212225;aspect-ratio:1;width:100%;-o-object-fit:cover;object-fit:cover}
.dgg-idcard .id-card__team{display:flex;justify-content:center}
.dgg-idcard .id-card__team[hidden]{display:none}
.dgg-idcard .id-card__details{display:flex;flex:1 1 15rem;flex-direction:column;container-type:inline-size;min-width:0}
.dgg-idcard .id-card__label{margin-block-end:.25rem;color:#777b84;font:700 .75rem Inter}
.dgg-idcard .id-card__name{font:700 clamp(1.125rem, 7.5cqi, 2.5rem)/1.05 Poppins;letter-spacing:-0.01em;overflow-wrap:anywhere}
.dgg-idcard .id-card__since{color:#70b8ff;font:500 .88rem/1.25rem Inter,system-ui,sans-serif}
.dgg-idcard .id-card__divider{margin-block:1rem;background:#363a3f;height:1px}
.dgg-idcard .id-card__fields{display:grid;grid-template-columns:repeat(auto-fit, minmax(12.5rem, 1fr));gap:1rem 1.5rem}
.dgg-idcard .id-card__field{display:flex;flex-direction:column}
.dgg-idcard .id-card__value{font:600 1rem/1.5rem Inter,system-ui,sans-serif}
.dgg-idcard .id-card__value--banned{color:#ff9592}
.dgg-idcard .id-card--private .id-card__value--private{filter:blur(6px);-webkit-user-select:none;-moz-user-select:none;user-select:none}
.dgg-idcard .id-card__bio{padding:0 1.5rem 1.5rem}
.dgg-idcard .id-card__bio-text{margin:0;color:#afb3ba;font:400 .88rem/1.25rem Inter,system-ui,sans-serif;font-style:italic;overflow-wrap:anywhere}
.dgg-idcard .id-card__watermark{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) rotate(-12deg);opacity:.028;z-index:0;width:38.75rem;max-width:none;height:38.75rem;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.dgg-idcard .id-card__back-body{position:relative;flex:1;padding:2rem 1.5rem 0}
.dgg-idcard .id-card__signature-header{display:flex;justify-content:space-between;align-items:center;margin-block-end:.25rem;min-height:2rem}
.dgg-idcard .id-card__signature-header .id-card__label{margin:0}
.dgg-idcard .id-card__signature{display:flex;align-items:flex-end;border-bottom:2px solid #43484e;height:7.5rem}
.dgg-idcard .id-card__signature-image{fill:none;stroke:#edeef0;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5px;width:100%;height:100%;overflow:visible}
.dgg-idcard .id-card__unsigned{padding-block-end:.5rem;color:#777b84;font:400 .88rem/1.25rem Inter,system-ui,sans-serif;font-style:italic}
.dgg-idcard .id-card__fine-print{margin:1rem 0 0;color:#777b84;font-size:.68rem;line-height:1.45;letter-spacing:.01em}
.dgg-idcard .id-card__footer{display:flex;position:relative;align-items:center;gap:1.5rem;z-index:1;margin-block-start:2rem;border-top:1px solid #363a3f;background:#18191b;padding:1rem 1.5rem}
.dgg-idcard .id-card__barcode{flex:1;border-radius:4px;background:#edeef0;min-width:0;height:2.5rem}
.dgg-idcard .id-card__barcode-bars{display:block;fill:#111113;width:100%;height:100%}
.dgg-idcard .id-card__member-no{display:flex;flex-direction:column}
.dgg-idcard .id-card__member-no .id-card__label{margin-block-end:2px}
.dgg-idcard .id-card__member-no-value{font:500 1rem/1.5rem JetBrains Mono,system-ui,sans-serif;letter-spacing:.04em}
.dgg-idcard .id-card__flip{display:flex;position:absolute;top:50%;right:0;justify-content:center;align-items:center;transform:translate(50%, -50%);z-index:5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;border:none;border-radius:624.9375rem;background:rgba(90,94,102,.45);padding:0;width:3.25rem;height:3.25rem;color:#edeef0;transition:background 150ms ease 0s}
.dgg-idcard .id-card__flip:hover{background:rgba(90,94,102,.6)}
.dgg-idcard .id-card__flip:active{background:rgba(90,94,102,.35)}
@media(max-width: 34rem){.dgg-idcard .id-card__flip{top:calc(0.5rem + 1rem + 2.125rem/2);right:1rem;transform:translateY(-50%);width:2.5rem;height:2.5rem}.dgg-idcard .id-card__header{display:grid;grid-template-columns:auto 1fr;padding-inline-end:calc(1rem + 2.5rem + 0.75rem)}.dgg-idcard .id-card__tier{grid-column:1/-1;justify-self:start;margin-inline-start:0}.dgg-idcard .id-card__photo-column{flex-basis:min(13rem,100%)}.dgg-idcard .id-card__footer{flex-wrap:wrap;gap:.75rem}.dgg-idcard .id-card__barcode{flex-basis:100%}}
.dgg-idcard .badge{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:1.5rem;border-radius:624.9375rem;padding:0 .75rem;font:600 .75rem/1.125rem Inter,system-ui,sans-serif;border-width:1px;border-style:solid;background-color:#0d2847;color:#70b8ff;border-color:#104d87}
.dgg-idcard .badge--success{background-color:#0f2e22;color:#1fd8a4;border-color:#1b5745}
.dgg-idcard .badge__text{max-width:24ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}