/*! Yubico Japan — see the commented source in the project repository. */:root{--yubico-white: #FFFFFF;--yubico-green: #76B93D;--nordic-navy: #003A5D;--forest-green: #014421;--pearl-white: #FBFCF8;--dark-pearl: #F3F8E6;--translucent-green: #C9E3AE;--verdant-tint: #A0CE75;--earthen-green: #4F9234;--deep-moss: #286B2A;--dark-moss: #183029;--deep-emerald: #000F00;--accent-spring-bud: #A7FC00;--accent-standby: #54BE00;--accent-websafe: #008000;--accent-azure: #007FFF;--accent-secure-blue: #0068C9;--accent-deep-blue: #005193;--accent-goldenrod: #FFAD00;--accent-bronze: #6E4C1E;--accent-earth-brown: #27231A;--color-brand: var(--yubico-green);--color-brand-ink: var(--forest-green);--color-brand-text: var(--deep-moss);--color-brand-dark: var(--deep-moss);--color-brand-light: var(--dark-pearl);--color-brand-hero: var(--forest-green);--color-ink: #06231A;--color-body: #2F4A40;--color-muted: #5C7268;--color-faint: #94A69D;--color-border: #E2E9DE;--color-neutral: #F4F5F4;--color-on-dark: #D1D5DB;--color-surface: var(--pearl-white);--color-panel: var(--dark-pearl);--color-white: var(--yubico-white);--color-dark-panel: var(--dark-moss);--color-success: var(--deep-moss);--color-warning: var(--accent-goldenrod);--color-error: #C0392B;--color-info: var(--accent-secure-blue);--color-new: var(--accent-secure-blue);--color-fips: var(--nordic-navy);--color-series-navy: var(--nordic-navy);--color-series-charcoal: var(--dark-moss);--color-series-forest: var(--forest-green);--color-series-deep: var(--deep-emerald);--overlay-light: rgba(255,255,255,.1);--overlay-dark: rgba(0,15,0,.48);--font-sans: "Instrument Sans", "Noto Sans JP", "Hiragino Sans", "Yu Gothic", "Meiryo", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Noto Sans JP", ui-monospace, "Courier New", monospace;--font-serif: "Instrument Serif", "Noto Serif JP", "Hiragino Mincho ProN", serif;--text-display: clamp(38px, 5.2vw, 64px);--text-h1: clamp(29px, 4vw, 44px);--text-h2: clamp(25px, 3.2vw, 36px);--text-h3: clamp(19px, 2.2vw, 24px);--text-h4: 20px;--text-lg: 18px;--text-base: 16px;--text-sm: 14px;--text-xs: 12px;--text-eyebrow: 14px;--leading-tight: 1.16;--leading-snug: 1.5;--leading-normal: 1.8;--leading-loose: 1.95;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .1em;--tracking-wider: .14em;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-4: 4px;--space-8: 8px;--space-12: 12px;--space-16: 16px;--space-20: 20px;--space-24: 24px;--space-32: 32px;--space-40: 40px;--space-48: 48px;--space-64: 64px;--space-80: 80px;--space-96: 96px;--space-128: 128px;--space-160: 160px;--section-pad: 80px;--heading-space-before: var(--space-64);--heading-space-after: var(--space-24);--card-pad: var(--space-24);--card-gap: var(--space-24);--grid-max: 1280px;--grid-cols: 12;--gutter-desktop: 24px;--gutter-tablet: 20px;--gutter-mobile: 16px;--page-padding-x: max(16px, calc((100vw - 1280px)/2) );--radius-sm: 4px;--radius-md: 8px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--radius-control: 8px;--shadow-xs: 0 1px 2px rgba(0,58,93,.07);--shadow-sm: 0 2px 8px rgba(0,58,93,.09);--shadow-md: 0 4px 16px rgba(0,58,93,.11);--shadow-lg: 0 10px 32px rgba(0,58,93,.13);--shadow-xl: 0 18px 56px rgba(0,58,93,.16);--state-raised: 0 1px 1px rgba(0,58,93,.1), 0 2px 4px rgba(0,58,93,.12), 0 6px 14px rgba(0,58,93,.12), inset 0 1px 0 rgba(255,255,255,.26);--state-raised-hover: 0 1px 1px rgba(0,58,93,.12), 0 3px 6px rgba(0,58,93,.14), 0 10px 22px rgba(0,58,93,.16), inset 0 1px 0 rgba(255,255,255,.32);--state-pressed: inset 0 2px 5px rgba(0,15,0,.26), 0 1px 1px rgba(0,58,93,.1);--state-raised-green: 0 1px 1px rgba(1,68,33,.16), 0 2px 4px rgba(1,68,33,.18), 0 6px 14px rgba(1,68,33,.2), inset 0 1px 0 rgba(255,255,255,.34);--state-raised-green-hover: 0 1px 1px rgba(1,68,33,.18), 0 3px 6px rgba(1,68,33,.22), 0 10px 22px rgba(1,68,33,.26), inset 0 1px 0 rgba(255,255,255,.4);--state-sheen: linear-gradient(180deg, rgba(255,255,255,.17) 0%, rgba(255,255,255,0) 55%);--state-sheen-dark: linear-gradient(180deg, rgba(255,255,255,.09) 0%, rgba(255,255,255,0) 60%);--state-hairline: inset 0 0 0 1px rgba(0,58,93,.1);--btn-fill-primary: linear-gradient(180deg, rgba(0,17,0,.18) 0%, rgba(0,17,0,.18) 100%), radial-gradient(ellipse 98% 89% at 50% 118%, rgba(166,252,0,.36) 0%, rgba(0,0,0,0) 100%), linear-gradient(180deg, rgba(0,128,0,.64) 0%, rgba(0,128,0,.64) 100%), radial-gradient(ellipse 76% 109% at 50% 109%, rgba(166,252,0,.35) 0%, rgba(83,189,0,.35) 100%), radial-gradient(ellipse 130% 60% at 50% -18%, rgba(255,255,255,.08) 0%, rgba(0,0,0,0) 62%), #003A5D;--btn-shadow-primary: 0 6px 16px rgba(0,58,93,.02), 0 1px 2px rgba(0,15,0,.02), inset 0 1px 0 rgba(255,255,255,.16), inset 0 -1px 0 rgba(0,15,0,.09);--btn-outline-primary: rgba(0,128,0,.1);--btn-ink-primary: #FBFCF8;--btn-textshadow-primary: 0 1px 1px rgba(0,15,0,.34);--btn-shadow-primary-lg: 0 10px 24px rgba(0,58,93,.08), 0 3px 8px rgba(0,15,0,.04), inset 0 1px 0 rgba(255,255,255,.26), inset 0 -1px 0 rgba(0,15,0,.18), 0 10px 26px -16px rgba(0,103,202,.34), 0 16px 42px -24px rgba(0,105,201,.48), 0 0 0 1px rgba(166,249,0,.18);--btn-fill-secondary: radial-gradient(ellipse 72.59% 157.26% at 50% 114%, rgba(0,64,38,.08) 0%, rgba(0,64,32,.03) 32%, rgba(0,0,0,0) 68%), #FBFCF8;--btn-shadow-secondary: 0 6px 16px rgba(0,58,93,.02), 0 1px 2px rgba(0,15,0,.02), inset 0 1px 0 rgba(255,255,255,.26), inset 0 -1px 0 rgba(0,0,128,.01);--btn-outline-secondary: rgba(0,69,33,.48);--btn-ink-secondary: #01422C;--btn-ink-tertiary: #01422E;--btn-sheen: linear-gradient(155deg, rgba(255,255,255,.3) 0%, rgba(0,0,0,0) 24%, rgba(255,255,255,.06) 48%, rgba(0,0,0,0) 70%, rgba(0,15,0,.06) 100%);--btn-focus-ring: 0 0 0 3px rgba(84,190,0,.5);--btn-disabled-bg: #E8EFEC;--btn-disabled-ink: #6E7F79;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.45, 0, .55, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--duration-slower: .6s;--bp-sm: 480px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px;--bp-2xl: 1536px;--announce-h: 40px;--nav-h: 76px;--logo-ink-h: 22px;--logo-safe-ratio: .4;--logo-box-h: calc(var(--logo-ink-h) / .4);--footer-logo-ink-h: 30px;--footer-logo-box-h: calc(var(--footer-logo-ink-h) / .3997);--footer-logo-lead: calc(var(--footer-logo-box-h) * -.316);--announce-bg: var(--deep-moss);--announce-ink: #FFFFFF;--mascot-utility: 44px;--mascot-context: 92px;--mascot-feature: 132px}img{--fit-t: translate(var(--fit-x, 0%), var(--fit-y, 0%)) scale(var(--fit-s, 1))}@media(min-width:769px)and (max-width:1024px){:root{--section-pad: 60px}}@media(max-width:768px){:root{--section-pad: 56px;--heading-space-before: var(--space-48);--heading-space-after: var(--space-20);--card-pad: var(--space-20);--card-gap: var(--space-20);--announce-h: 34px;--nav-h: 62px;--logo-ink-h: 19px;--footer-logo-ink-h: 17px;--mascot-utility: 38px;--mascot-context: 72px;--mascot-feature: 104px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/tokens.css.map */