{"version":3,"sourceRoot":"","sources":["../../src/partials/noto-sans/_jp.scss","../../src/partials/noto-sans/_cn.scss","../../src/partials/noto-sans/_latin.scss","../../src/partials/globals.scss","../../src/helpers/_mixins.scss"],"names":[],"mappings":"AAGA,WACE,kBACA,2BACA,kBACA,gBACA,uFAKF,WACE,kBACA,2BACA,kBACA,gBACA,2FAKF,WACE,kBACA,2BACA,kBACA,gBACA,uFAIF,WACE,2CACA,mBACA,iBACA,qBACA,qBACA,qBCnCF,WACE,kBACA,2BACA,kBACA,gBACA,iGAKF,WACE,kBACA,2BACA,kBACA,gBACA,qGAKF,WACE,kBACA,2BACA,kBACA,gBACA,iGAIF,WACE,2CACA,mBACA,iBACA,qBACA,qBACA,qBCnCF,WACE,kBACA,wBACA,kBACA,gBACA,8EAIF,WACE,kBACA,wBACA,kBACA,gBACA,oFAIF,WACE,kBACA,wBACA,kBACA,gBACA,kFAIF,WACE,kBACA,wBACA,kBACA,gBACA,iFAIF,WACE,kBACA,wBACA,kBACA,gBACA,8EAIF,WACE,kBACA,wBACA,kBACA,gBACA,oFAGF,WACE,2CACA,mBACA,iBACA,qBACA,qBACA,qBCxDF,eACE,KACE,kCACA,gBACA,0CACA,kCACA,mCAKE,0EAEE,6BAKN,YACE,+CACA,qCAIF,aAEE,wBAMF,eAKE,kBACA,wCAGF,QC5CA,2CACA,oCACA,2CACA,kBD6CA,GCzCA,2CACA,oCACA,2CACA,kBD0CA,GCtCA,2CACA,mCACA,2CACA,kBDuCA,GCnCA,2CACA,mCACA,0CACA,kBDoCA,GChCA,2CACA,mCACA,0CACA,kBDiCA,GC7BA,mCACA,2CACA,yCD+BA,EC3BA,mCACA,2CACA,gDD4BE,wCAGF,kBCnBA,mCACA,2CACA,gDDqBE,SACA,kBAKF,MAEE,4CACA,2DAGF,GCjDA,mCACA,2CACA,gDDkDE,wCAEA,cACE,mBAIJ,WACE,6DACA,4CACA,aACA,sBACA,2BACA,SACA,wCAEA,uBC9DF,mCACA,0CACA,iDACA,wCACA,0CD6DI,eAGF,gBC5DF,mCACA,2CACA,gDD6DI,kBAGF,sBACE,mBAIJ,OACE,cACA,yBACA,iBAEA,kBC5EF,mCACA,2CACA,gDD6EI,+CACA,oCACA,+BACA,sBACA,oBAIJ,mBAGE,2CAGF,qCAGE,cACA,eACA,SACA,yDACA,kBACA,gBACA,UAEA,2CACE,oCAIJ,EACE,qCAGF,qBAEE,aAGF,qCAEE,+BACA,6CAKF,MACE,wCACA,4GAEA,oDACA,4DACA,6CAGF,MACE,qCACA,yBACA,iBACA,iBAEA,mBACE,kBAGF,cACE,8CAGF,sBACE,kBAGF,mBACE,eAGF,cC/LF,2CACA,mCACA,0CACA,kBD+LI,iBACA,gDACA,qBAGF,eACE,8CAGF,SC7LF,mCACA,2CACA,yCD8LI,mBACA,yCACA,6BACA,iBACA,gBACA,mBAEA,wBACE,WACA,kBACA,iCACA,gBACA,wBACA,mCACA,kDACA,oBACA,kEAIJ,SChMF,mCACA,2CACA,gDDiMI,yCACA,6BACA,iBACA,mBAGF,0BACE,4DACA,sBAEA,oCAJF,0BAOI,4BAIJ,0BACE,qDAGF,yCACE,8DAGF,wCACE","file":"globals.css","sourcesContent":["@use \"../../helpers/assets\";\n\n/* noto-sans-jp-300 - japanese */\n@font-face {\n  font-display: swap;\n  font-family: \"Noto Sans JP\";\n  font-style: normal;\n  font-weight: 300;\n  src: assets.font(\"jp/noto-sans-jp-v53-japanese_latin-300.woff2\")\n    format(\"woff2\");\n}\n\n/* noto-sans-jp-regular - japanese */\n@font-face {\n  font-display: swap;\n  font-family: \"Noto Sans JP\";\n  font-style: normal;\n  font-weight: 400;\n  src: assets.font(\"jp/noto-sans-jp-v53-japanese_latin-regular.woff2\")\n    format(\"woff2\");\n}\n\n/* noto-sans-jp-700 - japanese */\n@font-face {\n  font-display: swap;\n  font-family: \"Noto Sans JP\";\n  font-style: normal;\n  font-weight: 700;\n  src: assets.font(\"jp/noto-sans-jp-v53-japanese_latin-700.woff2\")\n    format(\"woff2\");\n}\n\n@font-face {\n  font-family: \"Noto Sans JP Fallback: Arial\";\n  src: local(\"Arial\");\n  size-adjust: 110%;\n  ascent-override: 101%;\n  descent-override: 23%;\n  line-gap-override: 4%;\n}\n","@use \"../../helpers/assets\";\n\n/* noto-sans-sc-300 - chinese-simplified_latin */\n@font-face {\n  font-display: swap;\n  font-family: \"Noto Sans SC\";\n  font-style: normal;\n  font-weight: 300;\n  src: assets.font(\"sc/noto-sans-sc-v37-chinese-simplified_latin-300.woff2\")\n    format(\"woff2\");\n}\n\n/* noto-sans-sc-regular - chinese-simplified_latin */\n@font-face {\n  font-display: swap;\n  font-family: \"Noto Sans SC\";\n  font-style: normal;\n  font-weight: 400;\n  src: assets.font(\"sc/noto-sans-sc-v37-chinese-simplified_latin-regular.woff2\")\n    format(\"woff2\");\n}\n\n/* noto-sans-sc-700 - chinese-simplified_latin */\n@font-face {\n  font-display: swap;\n  font-family: \"Noto Sans SC\";\n  font-style: normal;\n  font-weight: 700;\n  src: assets.font(\"sc/noto-sans-sc-v37-chinese-simplified_latin-700.woff2\")\n    format(\"woff2\");\n}\n\n@font-face {\n  font-family: \"Noto Sans SC Fallback: Arial\";\n  src: local(\"Arial\");\n  size-adjust: 110%;\n  ascent-override: 101%;\n  descent-override: 23%;\n  line-gap-override: 4%;\n}\n","@use \"../../helpers/assets\";\n\n/* noto-sans-300 - latin */\n@font-face {\n  font-display: swap;\n  font-family: \"Noto Sans\";\n  font-style: normal;\n  font-weight: 300;\n  src: assets.font(\"latin/noto-sans-v39-latin-300.woff2\") format(\"woff2\");\n}\n\n/* noto-sans-300italic - latin */\n@font-face {\n  font-display: swap;\n  font-family: \"Noto Sans\";\n  font-style: italic;\n  font-weight: 300;\n  src: assets.font(\"latin/noto-sans-v39-latin-300italic.woff2\") format(\"woff2\");\n}\n\n/* noto-sans-regular - latin */\n@font-face {\n  font-display: swap;\n  font-family: \"Noto Sans\";\n  font-style: normal;\n  font-weight: 400;\n  src: assets.font(\"latin/noto-sans-v38-latin-regular.woff2\") format(\"woff2\");\n}\n\n/* noto-sans-italic - latin */\n@font-face {\n  font-display: swap;\n  font-family: \"Noto Sans\";\n  font-style: italic;\n  font-weight: 400;\n  src: assets.font(\"latin/noto-sans-v38-latin-italic.woff2\") format(\"woff2\");\n}\n\n/* noto-sans-700 - latin */\n@font-face {\n  font-display: swap;\n  font-family: \"Noto Sans\";\n  font-style: normal;\n  font-weight: 700;\n  src: assets.font(\"latin/noto-sans-v38-latin-700.woff2\") format(\"woff2\");\n}\n\n/* noto-sans-700italic - latin */\n@font-face {\n  font-display: swap;\n  font-family: \"Noto Sans\";\n  font-style: italic;\n  font-weight: 700;\n  src: assets.font(\"latin/noto-sans-v38-latin-700italic.woff2\") format(\"woff2\");\n}\n\n@font-face {\n  font-family: \"Noto Sans SC Fallback: Arial\";\n  src: local(\"Arial\");\n  size-adjust: 110%;\n  ascent-override: 101%;\n  descent-override: 23%;\n  line-gap-override: 4%;\n}\n","// Noto Sans\n@use \"noto-sans/jp\";\n@use \"noto-sans/cn\";\n@use \"noto-sans/latin\";\n@use \"../helpers/mixins\" as mx;\n\n@layer globals {\n  html {\n    font-family: var(--nano-font-sans);\n    font-weight: 400;\n    background-color: var(--nano-color-base-0);\n    -moz-osx-font-smoothing: grayscale;\n    -webkit-font-smoothing: antialiased;\n\n    &[lang^=\"ja-\"],\n    &[lang^=\"zh-\"] {\n      // no italics in japanese / chinese\n      em,\n      i {\n        font-style: normal !important;\n      }\n    }\n  }\n\n  ::selection {\n    background-color: var(--nano-color-primary-300);\n    color: var(--nano-color-neutral-1400);\n  }\n\n  /* Anything that has been anchored to should have extra scroll margin */\n  :target,\n  [id] {\n    scroll-margin-block: 3ex;\n  }\n\n  /* Typography */\n\n  /* Balance text wrapping on headings */\n  h1,\n  h2,\n  h3,\n  h4,\n  h5 {\n    text-wrap: balance;\n    margin-block-end: var(--nano-spacing-md);\n  }\n\n  h1.hero {\n    @include mx.hero;\n  }\n\n  h1 {\n    @include mx.h1;\n  }\n\n  h2 {\n    @include mx.h2;\n  }\n\n  h3 {\n    @include mx.h3;\n  }\n\n  h4 {\n    @include mx.h4;\n  }\n\n  h5 {\n    @include mx.h5;\n  }\n\n  p {\n    @include mx.p;\n\n    margin-block-end: var(--nano-spacing-md);\n  }\n\n  address,\n  address p {\n    @include mx.text-small;\n\n    margin: 0;\n    font-style: normal;\n  }\n\n  /* Elements */\n\n  ol,\n  ul {\n    padding-inline-start: var(--nano-spacing-md);\n    margin-block: var(--nano-spacing-sm) var(--nano-spacing-md);\n  }\n\n  li {\n    @include mx.p;\n\n    margin-block-end: var(--nano-spacing-sm);\n\n    &:last-child {\n      margin-block-end: 0;\n    }\n  }\n\n  blockquote {\n    border-inline-start: 3px solid var(--nano-color-primary-1000);\n    padding-inline-start: var(--nano-spacing-xl);\n    display: flex;\n    flex-direction: column;\n    gap: var(--nano-spacing-sm);\n    margin: 0;\n    margin-block-end: var(--nano-spacing-md);\n\n    > *:not(cite) {\n      @include mx.quote;\n\n      margin-block: 0;\n    }\n\n    cite {\n      @include mx.text-small;\n\n      font-style: normal;\n    }\n\n    &:last-child {\n      margin-block-end: 0;\n    }\n  }\n\n  figure {\n    display: table;\n    border-collapse: separate;\n    border-spacing: 0;\n\n    figcaption {\n      @include mx.text-small;\n\n      background-color: var(--nano-color-basic-black);\n      color: var(--nano-color-basic-white);\n      padding: var(--nano-spacing-md);\n      display: table-caption;\n      caption-side: bottom;\n    }\n  }\n\n  button,\n  input,\n  label {\n    line-height: var(--nano-line-height-denser);\n  }\n\n  hr,\n  .horizontal-rule,\n  .content-divider {\n    display: block;\n    block-size: 1px;\n    border: 0;\n    background-color: rgb(var(--nano-color-base-rgb-1000) / 9%);\n    margin-block: 0.5em;\n    margin-inline: 0;\n    padding: 0;\n\n    & + p {\n      margin-block: var(--nano-spacing-md);\n    }\n  }\n\n  a {\n    color: var(--nano-color-primary-1100);\n  }\n\n  a:focus,\n  button:focus {\n    outline: none;\n  }\n\n  a:focus-visible,\n  button:focus-visible {\n    outline: var(--nano-focus-ring);\n    outline-offset: var(--nano-focus-ring-offset);\n  }\n\n  /* Tables */\n\n  :root {\n    --table-padding: var(--nano-spacing-md);\n    --table-compact-padding: var(--nano-spacing-sm)\n      calc(var(--nano-spacing-md) - (var(--nano-spacing-md) / 3));\n    --table-border-color: var(--nano-color-neutral-200);\n    --table-border-color-header: var(--nano-color-primary-1000);\n    --table-background: var(--nano-color-base-0);\n  }\n\n  table {\n    color: var(--nano-color-neutral-1400);\n    border-collapse: separate;\n    border-spacing: 0;\n    text-align: start;\n\n    &:has(.raised) {\n      position: relative;\n    }\n\n    &.compact {\n      --table-padding: var(--table-compact-padding);\n    }\n\n    .content-center {\n      text-align: center;\n    }\n\n    .content-end {\n      text-align: end;\n    }\n\n    caption {\n      @include mx.h3;\n\n      text-align: start;\n      margin-block-end: var(--nano-spacing-l1-default);\n      max-inline-size: 80vw;\n    }\n\n    .lowered {\n      background-color: var(--nano-color-neutral-75);\n    }\n\n    th {\n      @include mx.h5;\n\n      white-space: nowrap;\n      background-color: var(--table-background);\n      padding: var(--table-padding);\n      text-align: start;\n      font-weight: 800;\n      vertical-align: top;\n\n      &.raised::before {\n        content: \"\";\n        position: absolute;\n        inline-size: var(--table-padding);\n        block-size: 100%;\n        inset-inline-start: auto;\n        background: var(--table-background);\n        margin-inline-start: calc(-1 * var(--table-padding));\n        inset-block-start: 0;\n        box-shadow: -2px -2px 2px rgb(var(--nano-color-base-rgb-1000) / 20%);\n      }\n    }\n\n    td {\n      @include mx.text-small;\n\n      background-color: var(--table-background);\n      padding: var(--table-padding);\n      text-align: start;\n      vertical-align: top;\n    }\n\n    thead :where(td, th) {\n      border-block-end: 2px solid var(--table-border-color-header);\n      vertical-align: bottom;\n\n      @container scroll-state(stuck: top) {\n        // this fixes a weird bug in Chrome where a sticky cell in a sticky row\n        // causes a wonky / sub-pixel gap\n        border-block-end-width: 3px;\n      }\n    }\n\n    tbody :where(td, th) {\n      border-block-end: 1px solid var(--table-border-color);\n    }\n\n    tfoot tr:first-child :where(td, th) {\n      border-block-start: 2px solid var(--table-border-color-header);\n    }\n\n    tfoot tr:last-child :where(td, th) {\n      border-block-end: 2px solid var(--table-border-color-header);\n    }\n  }\n}\n","/** Typography */\n\n@mixin hero {\n  font-weight: var(--nano-font-weight-normal);\n  font-size: var(--nano-font-size-3xl);\n  line-height: var(--nano-line-height-denser);\n  text-wrap: balance;\n}\n\n@mixin h1 {\n  font-weight: var(--nano-font-weight-normal);\n  font-size: var(--nano-font-size-2xl);\n  line-height: var(--nano-line-height-denser);\n  text-wrap: balance;\n}\n\n@mixin h2 {\n  font-weight: var(--nano-font-weight-normal);\n  font-size: var(--nano-font-size-xl);\n  line-height: var(--nano-line-height-denser);\n  text-wrap: balance;\n}\n\n@mixin h3 {\n  font-weight: var(--nano-font-weight-normal);\n  font-size: var(--nano-font-size-lg);\n  line-height: var(--nano-line-height-dense);\n  text-wrap: balance;\n}\n\n@mixin h4 {\n  font-weight: var(--nano-font-weight-normal);\n  font-size: var(--nano-font-size-md);\n  line-height: var(--nano-line-height-dense);\n  text-wrap: balance;\n}\n\n@mixin h5 {\n  font-size: var(--nano-font-size-sm);\n  line-height: var(--nano-line-height-normal);\n  font-weight: var(--nano-font-weight-bold);\n}\n\n@mixin p {\n  font-size: var(--nano-font-size-sm);\n  line-height: var(--nano-line-height-normal);\n  letter-spacing: var(--nano-letter-spacing-loose);\n}\n\n@mixin quote {\n  font-size: var(--nano-font-size-lg);\n  line-height: var(--nano-line-height-dense);\n  letter-spacing: var(--nano-letter-spacing-looser);\n  margin-block-end: var(--nano-spacing-md);\n  font-weight: var(--nano-font-weight-light);\n}\n\n@mixin text-small {\n  font-size: var(--nano-font-size-xs);\n  line-height: var(--nano-line-height-normal);\n  letter-spacing: var(--nano-letter-spacing-loose);\n}\n\n@mixin text-xs {\n  font-size: var(--nano-font-size-2xs);\n  line-height: var(--nano-line-height-normal);\n  letter-spacing: var(--nano-letter-spacing-loose);\n}\n\n@mixin surface-sunken {\n  background-color: var(--nano-color-surface-50);\n  box-shadow: var(--nano-shadow-ls);\n}\n\n@mixin surface-raised {\n  background-color: var(--nano-color-surface-100);\n  box-shadow: var(--nano-shadow-l1);\n}\n\n@mixin surface-overlay {\n  background-color: var(--nano-color-surface-200);\n  box-shadow: var(--nano-shadow-l2);\n}\n\n@mixin surface-lightbox {\n  background-color: var(--nano-color-surface-300);\n  box-shadow: var(--nano-shadow-l3);\n}\n"]}