.na-bankid-account{--na-bg: rgb(var(--color-background));--na-fg: rgb(var(--color-foreground));--na-muted: rgba(var(--color-foreground), .6);--na-line: rgba(var(--color-foreground), .12);--na-card: rgba(var(--color-background), .6);--na-accent: rgb(var(--color-button, var(--color-foreground)));--na-accent-fg: rgb(var(--color-button-text, var(--color-background)));display:block;max-width:88rem;margin:0 auto;padding:clamp(2.4rem,4vw,4.8rem) clamp(1.6rem,4vw,3.2rem);color:var(--na-fg);font-family:var(--font-body-family)}.na-bankid-account__shell{display:block;min-height:24rem}.na-bankid-account__skeleton{display:grid;gap:1.6rem}.na-bankid-account__skeleton-line{height:1.6rem;border-radius:.4rem;background:linear-gradient(90deg,var(--na-line),transparent,var(--na-line));background-size:200% 100%;animation:na-shimmer 1.4s linear infinite}.na-bankid-account__skeleton-line:first-child{width:40%;height:2.8rem}.na-bankid-account__skeleton-line:nth-child(2){width:70%}.na-bankid-account__skeleton-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;margin-top:1.6rem}.na-bankid-account__skeleton-grid>div{height:6.4rem;border-radius:.6rem;background:var(--na-line);animation:na-shimmer 1.4s linear infinite}@media(max-width:749px){.na-bankid-account__skeleton-grid{grid-template-columns:repeat(2,1fr)}}@keyframes na-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.na-bankid-account__cta{text-align:center;padding:clamp(3.2rem,6vw,6.4rem) 0}.na-bankid-account__kicker{margin:0 0 1.2rem;text-transform:uppercase;letter-spacing:.18rem;font-size:1.2rem;color:var(--na-muted)}.na-bankid-account__title{margin:0 0 1.2rem;font-family:var(--font-heading-family, var(--font-body-family));font-size:clamp(2.4rem,3.5vw,3.6rem);font-weight:500;line-height:1.2}.na-bankid-account__lede{margin:0 auto 2.4rem;max-width:56rem;font-size:1.5rem;line-height:1.6;color:var(--na-muted)}.na-bankid-account__button{display:inline-block;padding:1.4rem 2.8rem;font-size:1.4rem;letter-spacing:.08rem;text-transform:uppercase;background:var(--na-accent);color:var(--na-accent-fg);border:0;border-radius:.4rem;text-decoration:none;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.na-bankid-account__button:hover{transform:translateY(-1px);opacity:.92}.na-bankid-account__hero{display:flex;flex-wrap:wrap;gap:1.6rem;align-items:flex-start;justify-content:space-between;padding-bottom:2.4rem;border-bottom:1px solid var(--na-line)}.na-bankid-account__hero>div{max-width:56rem}.na-bankid-account__signout{background:transparent;border:1px solid var(--na-line);padding:.8rem 1.6rem;border-radius:.4rem;color:var(--na-muted);font-size:1.3rem;cursor:pointer}.na-bankid-account__signout:hover{color:var(--na-fg);border-color:var(--na-fg)}.na-bankid-account__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;margin:2.4rem 0}@media(max-width:749px){.na-bankid-account__stats{grid-template-columns:repeat(2,1fr)}}.na-bankid-account__stat{background:var(--na-card);border:1px solid var(--na-line);border-radius:.6rem;padding:1.6rem;display:grid;gap:.4rem}.na-bankid-account__stat strong{font-size:2rem;font-weight:500}.na-bankid-account__stat span{font-size:1.2rem;color:var(--na-muted);text-transform:uppercase;letter-spacing:.08rem}.na-bankid-account__section{margin-top:3.2rem}.na-bankid-account__section h2{margin:0 0 1.6rem;font-family:var(--font-heading-family, var(--font-body-family));font-size:1.8rem;font-weight:500}.na-bankid-account__muted{color:var(--na-muted);margin:0}.na-bankid-account__orders-list,.na-bankid-account__address-list{list-style:none;margin:0;padding:0;display:grid;gap:1.2rem}.na-bankid-account__order,.na-bankid-account__address{border:1px solid var(--na-line);border-radius:.6rem;padding:1.6rem;display:grid;gap:.8rem;background:var(--na-card)}.na-bankid-account__order>div:first-child,.na-bankid-account__order>div:last-child{display:flex;flex-wrap:wrap;gap:.8rem 1.6rem;justify-content:space-between;align-items:baseline}.na-bankid-account__order strong{font-size:1.4rem}.na-bankid-account__order span,.na-bankid-account__address div{font-size:1.3rem;color:var(--na-muted)}.na-bankid-account__address strong{font-size:1.4rem;color:var(--na-fg)}
/*# sourceMappingURL=/cdn/shop/t/16/assets/na-account-bankid.css.map */