.bd-PinLogin{line-height:normal;font-size:16px}:where(.bd-PinLogin,.bd-PinLogin *,.bd-PinLogin :before,.bd-PinLogin :after){box-sizing:content-box}:where(.bd-PinLogin) :where(img,svg,video,canvas,iframe){display:inline;vertical-align:baseline}:where(.bd-PinLogin) :where(h1){font-size:2em;font-weight:700;margin:.67em 0}:where(.bd-PinLogin) :where(h2){font-size:1.5em;font-weight:700;margin:.83em 0}:where(.bd-PinLogin) :where(h3){font-size:1.17em;font-weight:700;margin:1em 0}:where(.bd-PinLogin) :where(h4,h5,h6){font-weight:700;margin:1.33em 0}:where(.bd-PinLogin) :where(p){margin:1em 0}:where(.bd-PinLogin) :where(figure){margin:1em 40px}:where(.bd-PinLogin) :where(ul,ol){margin:1em 0;padding-left:40px}:where(.bd-PinLogin) :where(ul){list-style:disc}:where(.bd-PinLogin) :where(ol){list-style:decimal}:where(.bd-PinLogin) :where(table){border-collapse:separate;border-spacing:2px}:where(.bd-PinLogin) :where(th){font-weight:700}:where(.bd-PinLogin) :where(td,th){padding:1px}:where(.bd-PinLogin) :where(blockquote){margin:1em 40px}:where(.bd-PinLogin) :where(fieldset){margin:0 2px;padding:.35em .75em .625em;border:2px groove}.bd-PinLogin{--plum-950:#8E1050;--plum-900:#B3166A;--plum-800:#9E1360;--plum-700:#6A3A92;--plum-200:#FBD9EA;--bg:#FCEAF3;--surface-2:#FBEFF5;--surface-3:#F6E1EC;--line:#F2DCE8;--line-2:#E7C9D9;--ink:#2B2129;--ink-2:#5E4F59;--ink-3:#725F6C;--pink:#DE2185;--pink-600:#C2186F;--pink-100:#F9CFE3;--pink-50:#FCE7F1;--cyan-50:#DDF3FB;--cyan-ink:#076B8E;--sun-50:#FEF4D8;--sun-ink:#7A5600;--tang-50:#FEEBDC;--tang-ink:#9A4A0C;--lilac-50:#EBDDF6;--lilac-ink:#6A3A92;--ok:#23704A;--ok-50:#DDF2E6;--warn:#955700;--warn-50:#FFF1D9;--bad:#BD2B2B;margin:0;background:var(--bg);font-family:Figtree,system-ui,sans-serif}.bd-PinLogin ::-moz-selection{background:#F9CFE3;color:#2B2129}.bd-PinLogin ::selection{background:#F9CFE3;color:#2B2129}.bd-PinLogin a{color:var(--pink-600)}.bd-PinLogin a:hover{color:var(--plum-700)}.bd-PinLogin .disp{font-family:Bricolage Grotesque,Figtree,sans-serif}.bd-PinLogin .num{font-variant-numeric:tabular-nums}.bd-PinLogin svg.i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.bd-PinLogin .who{display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 8px 12px;border-radius:20px;border:2px solid transparent;background:#fff;cursor:pointer;font:inherit;color:var(--ink);transition:border-color .16s cubic-bezier(.23,1,.32,1),transform .12s cubic-bezier(.23,1,.32,1),box-shadow .16s}.bd-PinLogin .who:active{transform:scale(.97)}.bd-PinLogin .key:focus-visible,.bd-PinLogin .who:focus-visible{outline:2px solid var(--pink);outline-offset:3px}.bd-PinLogin .key{height:72px;border-radius:20px;border:1px solid var(--line);background:#fff;font:600 26px Figtree,sans-serif;color:var(--ink);cursor:pointer;box-shadow:0 1px 1px rgba(43,33,41,.05),0 6px 14px -10px rgba(43,33,41,.3);transition:background-color .14s cubic-bezier(.23,1,.32,1),transform .1s cubic-bezier(.23,1,.32,1);display:flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums}.bd-PinLogin .key:active{transform:scale(.95);background:var(--surface-2)}@media (hover:hover){.bd-PinLogin .key:hover{background:var(--surface-2)}.bd-PinLogin .who:hover{box-shadow:0 10px 24px -16px rgba(43,33,41,.45)}}.bd-PinLogin{font-family:var(--font-figtree),"Figtree",system-ui,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}.bd-PinLogin .pin-error{animation:bdPinLogin-shake .24s cubic-bezier(.23,1,.32,1)}@keyframes bdPinLogin-shake{0%,to{transform:none}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}@media (prefers-reduced-motion:reduce){.bd-PinLogin .pin-error{animation:none}}