.signet-card{width:calc(300 * var(--u,1px));height:calc(199 * var(--u,1px));border:calc(.75 * var(--u,1px)) solid #3a3a40;border-radius:calc(16 * var(--u,1px));transition:border-color .4s var(--ease-out);--notch-r:calc(22.5 * var(--u,1px));--notch-x:calc(13.5 * var(--u,1px));--notch-y:calc(141 * var(--u,1px));-webkit-mask-image:radial-gradient(circle at calc(100% + var(--notch-x)) var(--notch-y), transparent calc(var(--notch-r) - calc(.25 * var(--u,1px))), #000 calc(var(--notch-r) + calc(.25 * var(--u,1px)))), linear-gradient(#000, #000), linear-gradient(#000, #000);mask-image:radial-gradient(circle at calc(100% + var(--notch-x)) var(--notch-y), transparent calc(var(--notch-r) - calc(.25 * var(--u,1px))), #000 calc(var(--notch-r) + calc(.25 * var(--u,1px)))), linear-gradient(#000, #000), linear-gradient(#000, #000);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:100% 100%, calc(100% + calc(400 * var(--u,1px))) calc(100% + calc(400 * var(--u,1px))), 100% 100%;mask-size:100% 100%, calc(100% + calc(400 * var(--u,1px))) calc(100% + calc(400 * var(--u,1px))), 100% 100%;-webkit-mask-composite:source-over,xor;background:#3a3a404d;flex:none;display:block;position:relative;overflow:hidden;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-clip:no-clip;mask-clip:no-clip;-webkit-mask-composite:source-over,xor;mask-composite:add,exclude}.signet-card:after{content:"";z-index:2;box-sizing:border-box;width:calc(var(--notch-r) * 2 + calc(1.5 * var(--u,1px)));height:calc(var(--notch-r) * 2 + calc(1.5 * var(--u,1px)));right:calc(calc(-1.5 * var(--u,1px)) - var(--notch-x) - var(--notch-r));top:calc(var(--notch-y) - var(--notch-r) - calc(1.5 * var(--u,1px)));border:calc(.75 * var(--u,1px)) solid;border-color:inherit;border-radius:50%;position:absolute}.signet-card__face{background:radial-gradient(calc(456.68 * var(--u,1px)) calc(204 * var(--u,1px)) at calc(150 * var(--u,1px)) calc(204 * var(--u,1px)), #444a50 0%, #585f67 50%, #6c757d 100%);box-shadow:inset 0 calc(1 * var(--u,1px)) calc(1 * var(--u,1px)) #ffffff1a, inset 0 calc(-1 * var(--u,1px)) 0 #ffffff1a;opacity:0;transition:opacity .4s var(--ease-out);position:absolute;inset:0}.signet-card__art{left:calc(-15.5 * var(--u,1px));top:calc(-9 * var(--u,1px));width:calc(331 * var(--u,1px));height:calc(233 * var(--u,1px));-webkit-mask-image:linear-gradient(to bottom, #000 calc(116.4 * var(--u,1px)), transparent calc(203.4 * var(--u,1px)));-webkit-mask-image:linear-gradient(to bottom, #000 calc(116.4 * var(--u,1px)), transparent calc(203.4 * var(--u,1px)));mask-image:linear-gradient(to bottom, #000 calc(116.4 * var(--u,1px)), transparent calc(203.4 * var(--u,1px)));opacity:0;transition:opacity .25s var(--ease-out);position:absolute}.signet-card__art img,.signet-card__art svg{left:calc(-93.66 * var(--u,1px));top:calc(33 * var(--u,1px));width:calc(517.82 * var(--u,1px));height:calc(391.75 * var(--u,1px));max-width:none;position:absolute}.signet-card.is-centre{border-color:#6c757d}.signet-card.is-centre .signet-card__face,.signet-card.is-centre .signet-card__art,.signet-card.is-centre .signet-card__on{opacity:1}.signet-card__mark{left:calc(11.88 * var(--u,1px));top:calc(14 * var(--u,1px));width:calc(40 * var(--u,1px));height:calc(40 * var(--u,1px));position:absolute}.signet-card__on{opacity:0;transition:opacity .3s var(--ease-out)}.signet-card__name{left:calc(20 * var(--u,1px));top:calc(163 * var(--u,1px));z-index:1;font-family:var(--font-sans);font-weight:500;font-size:calc(15 * var(--u,1px));line-height:calc(20 * var(--u,1px));white-space:nowrap;color:#fff;margin:0;transition:color .4s;position:absolute}.signet-card__dept{left:calc(20 * var(--u,1px));top:calc(147 * var(--u,1px));font-family:var(--font-sans);font-weight:400;font-size:calc(12 * var(--u,1px));line-height:calc(16 * var(--u,1px));color:#d6d8de;opacity:0;transform:translateY(calc(14 * var(--u,1px)));filter:blur(calc(4 * var(--u,1px)));transition:opacity .25s var(--ease-out), transform .25s var(--ease-out), filter .25s var(--ease-out);margin:0;position:absolute}.signet-card__dept--balance{left:auto;right:calc(20 * var(--u,1px))}.signet-card.is-named .signet-card__dept{opacity:1;filter:none;transition:opacity .45s var(--ease-out), transform .45s var(--ease-out), filter .45s var(--ease-out);transform:none}@media (prefers-reduced-motion:reduce){.signet-card__dept{filter:none;transform:none}}.signet-card__balance{right:calc(20 * var(--u,1px));top:calc(163 * var(--u,1px));z-index:1;font-family:var(--font-sans);font-weight:500;font-size:calc(15 * var(--u,1px));line-height:calc(20 * var(--u,1px));font-variant-numeric:tabular-nums;white-space:nowrap;color:#6ee7a0;opacity:0;transition:opacity .25s var(--ease-out);margin:0;position:absolute}.signet-card.is-named .signet-card__balance{opacity:1;transition-duration:.45s}.signet-card--brand{--tone-foot:#17171a;--tone-mid:#24252b;--tone-top:#444855}.signet-card--midnight{--tone-foot:#0b1020;--tone-mid:#141d38;--tone-top:#2f4274}.signet-card--forest{--tone-foot:#08140f;--tone-mid:#10291f;--tone-top:#24574a}.signet-card--black{--tone-foot:#000;--tone-mid:#000;--tone-top:#2a2a2a}.signet-card--charcoal{--tone-foot:#0f0f0f;--tone-mid:#1a1a1a;--tone-top:#3d3d3d}.signet-card--orange{--tone-foot:#000;--tone-mid:#241000;--tone-top:#803500}.signet-card--orange.is-centre,.signet-card--orange:after{border-color:#4f2100}.signet-card--orange .signet-card__face{background:radial-gradient(calc(456.68 * var(--u,1px)) calc(204 * var(--u,1px)) at calc(150 * var(--u,1px)) calc(204 * var(--u,1px)), var(--tone-foot) 0%, var(--tone-mid) 50%, var(--tone-top) 100%)}.signet-card--orange .signet-card__dept{color:#8a8a8a}:is(.signet-card--brand,.signet-card--midnight,.signet-card--forest,.signet-card--black,.signet-card--charcoal).is-centre,:is(.signet-card--brand,.signet-card--midnight,.signet-card--forest,.signet-card--black,.signet-card--charcoal):after{border-color:var(--tone-top)}:is(.signet-card--brand,.signet-card--midnight,.signet-card--forest,.signet-card--black,.signet-card--charcoal) .signet-card__face{background:radial-gradient(calc(456.68 * var(--u,1px)) calc(204 * var(--u,1px)) at calc(150 * var(--u,1px)) calc(204 * var(--u,1px)), var(--tone-foot) 0%, var(--tone-mid) 50%, var(--tone-top) 100%)}:is(.signet-card--brand,.signet-card--midnight,.signet-card--forest,.signet-card--black,.signet-card--charcoal) .signet-card__dept{color:#c9c9c9}:root{--signet-cut:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 189' preserveAspectRatio='none'%3E%3Cpath d='M7 0H257.36A10 10 0 0 1 264.43 2.93L297.07 35.57A10 10 0 0 1 300 42.64V182A7 7 0 0 1 293 189H7A7 7 0 0 1 0 182V7A7 7 0 0 1 7 0Z'/%3E%3C/svg%3E")}.signet-card--cut{--edge:#3a3a40;height:calc(189 * var(--u,1px));margin-block:calc(5 * var(--u,1px));border-radius:calc(7 * var(--u,1px));-webkit-mask-image:var(--signet-cut), linear-gradient(#000, #000), linear-gradient(#000, #000);mask-image:var(--signet-cut), linear-gradient(#000, #000), linear-gradient(#000, #000);border-color:#0000}.signet-card--cut:after{inset:calc(-.75 * var(--u,1px));background-color:var(--edge);width:auto;height:auto;transition:background-color .4s var(--ease-out);border:0;border-radius:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 189' preserveAspectRatio='none'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.5' d='M7 0H257.36A10 10 0 0 1 264.43 2.93L297.07 35.57A10 10 0 0 1 300 42.64V182A7 7 0 0 1 293 189H7A7 7 0 0 1 0 182V7A7 7 0 0 1 7 0Z'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 189' preserveAspectRatio='none'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.5' d='M7 0H257.36A10 10 0 0 1 264.43 2.93L297.07 35.57A10 10 0 0 1 300 42.64V182A7 7 0 0 1 293 189H7A7 7 0 0 1 0 182V7A7 7 0 0 1 7 0Z'/%3E%3C/svg%3E") 50%/100% 100% no-repeat}.signet-card--cut.is-centre{--edge:#6c757d}.signet-card.signet-card--cut,.signet-card.signet-card--cut.is-centre{border-color:#0000}.signet-card.signet-card--cut.is-centre{background:0 0}.signet-card--cut .signet-card__dept{top:calc(137 * var(--u,1px))}.signet-card--cut .signet-card__name,.signet-card--cut .signet-card__balance{top:calc(153 * var(--u,1px))}.agent-id-card :is(.signet-card__dept,.signet-card__name,.signet-card__balance){display:none}.agent-id-card{--id-ink:#fff;--id-dim:#ffffff80;--id-rule:#ffffff1f;--id-ok:#6ee7a0}
.card-draw__slot{opacity:0;position:absolute}.card-draw__slot:is([data-state=in],[data-state=wipe],[data-state=up]){opacity:1}.card-draw__slot[data-state=up]{z-index:1}.card-draw__slot[data-state=wipe]{z-index:2}.card-draw__face{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.card-draw .signet-card--cut:after{display:none}.card-draw__line{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.card-draw__line path{fill:none;stroke:#ffffff2e;stroke-width:1px}.card-draw__slot[data-state=in]{animation:card-draw-settle 1.9s var(--ease-out) both}.card-draw__slot:is([data-state=in],[data-state=wipe]) .card-draw__line path{animation:1.5s cubic-bezier(.5,.6,.65,.7) both card-draw-line}.card-draw__slot[data-state=in] .card-draw__face{animation:fade-in 1.4s var(--ease-in-out-cubic) .5s both}.card-draw__slot[data-state=wipe]{animation:card-draw-wipe 1.1s var(--ease-in-out-cubic) both, card-draw-settle 1.9s var(--ease-out) both;-webkit-mask-image:linear-gradient(105deg,#000 47%,#0000 53%);mask-image:linear-gradient(105deg,#000 47%,#0000 53%);-webkit-mask-size:220% 100%;mask-size:220% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@keyframes card-draw-line{0%{stroke-dasharray:0 1 0}to{stroke-dasharray:.5 0 .5}}@keyframes card-draw-settle{0%{scale:1.03}}@keyframes card-draw-wipe{0%{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0 0;mask-position:0 0}}@media (prefers-reduced-motion:reduce){.card-draw__slot:is([data-state=in],[data-state=wipe]),.card-draw__slot:is([data-state=in],[data-state=wipe]) .card-draw__line path,.card-draw__slot[data-state=in] .card-draw__face{animation:none}.card-draw__slot[data-state=wipe]{-webkit-mask-image:none;mask-image:none}.card-draw__slot{transition:opacity .4s var(--ease-out)}}