@font-face{font-family:basier_square;font-style:normal;font-weight:400;src:url(basiersquare-regular-webfont.e4ae42bcab0eaa76316f.eot);src:url(basiersquare-regular-webfont.e4ae42bcab0eaa76316f.eot?#iefix) format("embedded-opentype"),url(basiersquare-regular-webfont.f6bb0273dc0a2d006278.woff2) format("woff2"),url(basiersquare-regular-webfont.27a2bfc9b206714db947.woff) format("woff"),url(basiersquare-regular-webfont.4bc1edd1f01861133926.ttf) format("truetype")}@font-face{font-family:basier_square;font-style:normal;font-weight:700;src:url(basiersquare-bold-webfont.3b4a687afeabfc037e73.eot);src:url(basiersquare-bold-webfont.3b4a687afeabfc037e73.eot?#iefix) format("embedded-opentype"),url(basiersquare-bold-webfont.a91dbb8319f216b0fcc6.woff2) format("woff2"),url(basiersquare-bold-webfont.a541b84a518c99eb02b3.woff) format("woff"),url(basiersquare-bold-webfont.9562b7eb294d024e42ff.ttf) format("truetype")}@font-face{font-family:basier_circle;font-style:normal;font-weight:400;src:url(basiercircle-regular-webfont.60b3e1972a27e3ca2773.eot);src:url(basiercircle-regular-webfont.60b3e1972a27e3ca2773.eot?#iefix) format("embedded-opentype"),url(basiercircle-regular-webfont.75ed1573a0428232374b.woff2) format("woff2"),url(basiercircle-regular-webfont.1fe958d73cd8cf3638a5.woff) format("woff"),url(basiercircle-regular-webfont.af78d5227a539c9cfec7.ttf) format("truetype")}@font-face{font-family:Helvetica Neue Italic;font-style:italic;font-weight:400;src:url(neue-helvetica-light-italic.1270d2019b7331094df0.woff2) format("woff2"),url(neue-helvetica-light-italic.132f8bee118bd0d36708.woff) format("woff")}body{background-color:#f5f5f5;height:100vh;margin:0;overflow:hidden;padding:0}.card-details-wrapper{box-sizing:border-box;display:flex;flex-direction:column;height:98vh;padding-bottom:60px;position:relative}h2{font-family:Helvetica Neue LT W10,sans-serif;font-size:1.5rem;font-weight:700;line-height:2rem}h2,h4{margin:0}.card-area{align-items:center;display:flex;flex:1;justify-content:center;min-height:0;padding:12px 8px 0}.card{border:1px solid #d4d4d4;border-radius:16px;box-shadow:0 3px 12px rgba(0,0,0,.08);max-width:100%;overflow:hidden;position:relative}.card-bg{display:block;height:auto;width:100%}.card-overlay{bottom:0;display:flex;flex-direction:column;gap:4px;left:0;padding:8% 6%;position:absolute;right:0}.card-number{justify-content:space-between;margin-bottom:13px;width:100%}.card-number,.expiry-date-cvv{color:#000;display:flex;text-align:center}.expiry-date-cvv{font-family:Helvetica Neue LT W10,sans-serif;font-style:normal;font-weight:700;justify-content:flex-start;margin-bottom:10px}.cvv{margin-left:20px}.owner{color:#000;font-family:Helvetica Neue LT W10,sans-serif;font-style:normal;text-transform:capitalize}@media (min-width:960px){.wrap{min-width:352px;padding:0}}.buttons-block{bottom:0;color:#000;display:flex;font-family:Helvetica Neue LT W10,sans-serif;font-style:normal;font-weight:500;gap:8px;justify-content:center;left:0;position:absolute;right:0;text-align:center;width:100%}.item{box-sizing:border-box;margin:0;padding:0}.control-button{align-items:center;background-color:#fff;border:1px solid #d4d4d4;border-radius:18px;box-shadow:0 1px 4px rgba(0,0,0,.06);box-sizing:border-box;color:#000;cursor:pointer;display:inline-flex;font-family:Helvetica Neue LT W10,sans-serif;font-size:.6875rem;font-weight:500;height:32px;justify-content:center;line-height:1;outline:none;overflow:hidden;padding:0 12px;position:relative;text-align:center;transition:background-color .2s,border-color .2s,box-shadow .2s;white-space:nowrap}.control-button:hover{background-color:#f7f7f7;border-color:#d9d9d9;box-shadow:0 2px 6px rgba(0,0,0,.08)}.control-button:focus-visible{border-color:#000;box-shadow:0 0 0 2px rgba(0,0,0,.15)}.control-button:active{background-color:#f0f0f0;box-shadow:0 0 2px rgba(0,0,0,.06)}.control-button:disabled{background-color:#fafafa;border-color:#f0f0f0;box-shadow:none;color:#bfbfbf;cursor:not-allowed}.button-label{align-items:inherit;display:inherit;justify-content:inherit;width:100%}.icon-control-button{height:14px;margin-right:6px;width:14px}.ripple-container{border-radius:inherit;bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.ripple{animation:ripple-animation 1s ease-out;background-color:#cbcbcb;border-radius:50%;position:absolute;transform:scale(0)}@keyframes ripple-animation{to{opacity:0;transform:scale(4)}}.pin-details-wrapper{align-items:center;background:#f5f5f5;box-sizing:border-box;display:flex;height:100vh;justify-content:center;overflow:auto;padding:20px}.pin-details-box{animation:fadeIn .3s ease-in-out;background:#fff;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.15);max-height:90vh;overflow:hidden;padding:40px 30px;text-align:center;width:100%}.pin-details-box h4{color:#333;font-family:Helvetica Neue LT W10,sans-serif;font-size:2.2rem;font-weight:700;margin:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hidden{display:none!important}@keyframes skeleton-wave{0%{transform:translateX(-100%)}60%{transform:translateX(100%)}to{transform:translateX(100%)}}.skeleton-bone{background-color:#e0e0e0;border-radius:4px;overflow:hidden;position:relative}.skeleton-bone:after{animation:skeleton-wave 1.6s ease-in-out infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.5),transparent);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}.skeleton-bone--inline-number{height:.8em}.skeleton-bone--inline-number,.skeleton-bone--inline-sm{border-radius:4px;display:inline-block;vertical-align:middle;width:3em}.skeleton-bone--inline-sm{height:1em}.skeleton-bone--inline-name{border-radius:4px;display:inline-block;height:1em;vertical-align:middle;width:8em}.pin-skeleton{background:#fff;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.15);box-sizing:border-box;display:flex;justify-content:center;max-height:90vh;padding:40px 30px;text-align:center;width:100%}.skeleton-bone--pin{border-radius:4px;height:32px;width:100px}.change-pin{background:#fff;border-radius:12px;box-shadow:0 2px 16px rgba(0,0,0,.08);gap:18px;margin:32px auto;max-width:320px;padding:32px 24px}.change-pin,.change-pin form{align-items:stretch;display:flex;flex-direction:column}.change-pin form{flex:1;gap:0}.change-pin input{border:1px solid #ccc;border-radius:.5rem;box-sizing:border-box;font-size:1rem;margin-bottom:16px;padding:.6rem .8rem;text-align:center;transition:border-color .2s,box-shadow .2s;width:100%}.change-pin input:focus{border-color:#000;box-shadow:0 0 0 2px rgba(0,123,255,.2);outline:none}.change-pin button{align-self:stretch;background-color:#000;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:.6rem 1rem;transition:background-color .2s,transform .1s;width:100%}.change-pin button:hover{background-color:#15181b}.change-pin button:active{transform:scale(.97)}.change-pin button:disabled{background-color:#ccc;color:#666;cursor:not-allowed;opacity:.7;transform:none}.change-pin input[type=password]{border:1px solid #d1d5db;border-radius:8px;font-size:1.2rem;margin-bottom:12px;outline:none;padding:12px;transition:border-color .2s}.change-pin input[type=password]:focus{border-color:#07f}.change-pin button[type=submit]{align-self:flex-end;background:#111;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;margin-top:auto;padding:12px;transition:background .2s;width:100%}.change-pin button[type=submit]:hover{background:#333}#change-pin-status{font-family:Helvetica Neue LT W10,sans-serif;font-size:1rem;font-weight:500;margin-top:.8rem;min-height:1em}#change-pin-status.error{color:#d9534f}#change-pin-status.success{color:#28a745}@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialicons/v144/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format("woff2")}.material-icons{display:inline-block;font-family:Material Icons;font-size:24px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}body.dark{background-color:#000}body.dark .card,body.dark .card-skeleton{background:#2a2a2a;border-color:transparent;box-shadow:0 3px 12px rgba(0,0,0,.3)}body.dark .buttons-block{color:#fff}body.dark .control-button{background-color:#2a2a2a;border-color:#444;box-shadow:0 1px 4px rgba(0,0,0,.2);color:#fff}body.dark .control-button:hover{background-color:#333;border-color:#555;box-shadow:0 2px 6px rgba(0,0,0,.3)}body.dark .control-button:focus-visible{border-color:#fff;box-shadow:0 0 0 2px hsla(0,0%,100%,.25)}body.dark .control-button:active{background-color:#3a3a3a;box-shadow:0 0 2px rgba(0,0,0,.2)}body.dark .control-button:disabled{background-color:#222;border-color:#333;color:#555}body.dark .icon-control-button{filter:invert(1)}body.dark .ripple{background-color:#555}body.dark .pin-details-wrapper{background:#1a1a1a}body.dark .pin-details-box,body.dark .pin-skeleton{background:#2a2a2a;box-shadow:0 8px 24px rgba(0,0,0,.4)}body.dark .pin-details-box h4{color:#fff}body.dark .skeleton-bone{background-color:#3a3a3a}body.dark .skeleton-bone:after{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.08),transparent)}body.dark .change-pin{background:#2a2a2a;box-shadow:0 2px 16px rgba(0,0,0,.3)}body.dark .change-pin input{background-color:#1a1a1a;border-color:#444;color:#fff}body.dark .change-pin input:focus{border-color:#fff;box-shadow:0 0 0 2px hsla(0,0%,100%,.15)}body.dark .change-pin input[type=password]{background-color:#1a1a1a;border-color:#444;color:#fff}body.dark .change-pin input[type=password]:focus{border-color:#4d9fff}body.dark .change-pin button{background-color:#fff;color:#000}body.dark .change-pin button:hover{background-color:#e0e0e0}body.dark .change-pin button:disabled{background-color:#444;color:#777}body.dark .change-pin button[type=submit]{background:#fff;color:#000}body.dark .change-pin button[type=submit]:hover{background:#e0e0e0}body.dark #change-pin-status{color:#ccc}body.dark #change-pin-status.error{color:#ff6b6b}body.dark #change-pin-status.success{color:#51cf66}