{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,qEACE,6BAA8B,CAC9B,oEACF,CACA,iFACE,8BACF,CACA,kFACE,gCACF,CACA,iFACE,gCACF,CACA,kFACE,gCACF,CACA,mFACE,8BACF,CACA,gFACE,gCACF,CACA,oCACE,iFACE,8BACF,CACA,kFACE,8BACF,CACA,mFACE,gCACF,CACA,gFACE,8BACF,CACF,CACA,oCACE,iFACE,8BACF,CACA,kFACE,8BACF,CACA,mFACE,8BACF,CACA,gFACE,8BACF,CACF,CACA,MACE,eAAgB,CAChB,iBAAkB,CAElB,uBAAwB,CACxB,0BAA2B,CAF3B,sBAGF,CACA,aACE,gBACF,CAIA,2BACE,kBACF,CACA,cACE,kBACF,CACA,eACE,gBACF,CACA,YACE,kBACF,CACA,oCACE,aACE,gBACF,CACA,cACE,gBACF,CACA,eACE,kBACF,CACA,YACE,gBACF,CACF,CACA,oCACE,aACE,gBACF,CACA,cACE,gBACF,CACA,eACE,gBACF,CACA,YACE,gBACF,CACF,CACA,YACE,mCACF,CACA,eACE,gCACF,CACA,eACE,+BACF,CACA,cACE,gCACF,CACA,cACE,6BACF,CACA,6BACE,gBACF,CACA,8BACE,kBACF,CACA,6BACE,gBACF,CACA,8BACE,gBACF,CACA,+BACE,gBACF,CACA,4BACE,gBACF,CACA,kBACE,aACF,CAIA,uHACE,YACF,CAIA,+HACE,aACF,CACA,2BACE,YACF,CACA,qBACE,0BACF,CACA,iCACE,6EACF,CACA,IACE,mBACF,CACF","file":"style.css","sourcesContent":["@layer components {\n  :where(p, div, li, span, a, label):has(> .icon--with-text-end:first-child) {\n    --icon-with-text-end-size: 1em;\n    padding-inline-start: calc(var(--icon-with-text-end-size) + 0.3125rem);\n  }\n  :where(p, div, li, span, a, label):has(> .icon--with-text-end.icon--small:first-child) {\n    --icon-with-text-end-size: 1rem;\n  }\n  :where(p, div, li, span, a, label):has(> .icon--with-text-end.icon--medium:first-child) {\n    --icon-with-text-end-size: 1.5rem;\n  }\n  :where(p, div, li, span, a, label):has(> .icon--with-text-end.icon--large:first-child) {\n    --icon-with-text-end-size: 1.5rem;\n  }\n  :where(p, div, li, span, a, label):has(> .icon--with-text-end.icon--xlarge:first-child) {\n    --icon-with-text-end-size: 2.5rem;\n  }\n  :where(p, div, li, span, a, label):has(> .icon--with-text-end.icon--xxlarge:first-child) {\n    --icon-with-text-end-size: 3rem;\n  }\n  :where(p, div, li, span, a, label):has(> .icon--with-text-end.icon--huge:first-child) {\n    --icon-with-text-end-size: 3.5rem;\n  }\n  @media screen and (min-width: 768px) {\n    :where(p, div, li, span, a, label):has(> .icon--with-text-end.icon--large:first-child) {\n      --icon-with-text-end-size: 2rem;\n    }\n    :where(p, div, li, span, a, label):has(> .icon--with-text-end.icon--xlarge:first-child) {\n      --icon-with-text-end-size: 3rem;\n    }\n    :where(p, div, li, span, a, label):has(> .icon--with-text-end.icon--xxlarge:first-child) {\n      --icon-with-text-end-size: 3.5rem;\n    }\n    :where(p, div, li, span, a, label):has(> .icon--with-text-end.icon--huge:first-child) {\n      --icon-with-text-end-size: 4rem;\n    }\n  }\n  @media screen and (min-width: 992px) {\n    :where(p, div, li, span, a, label):has(> .icon--with-text-end.icon--large:first-child) {\n      --icon-with-text-end-size: 2rem;\n    }\n    :where(p, div, li, span, a, label):has(> .icon--with-text-end.icon--xlarge:first-child) {\n      --icon-with-text-end-size: 3rem;\n    }\n    :where(p, div, li, span, a, label):has(> .icon--with-text-end.icon--xxlarge:first-child) {\n      --icon-with-text-end-size: 4rem;\n    }\n    :where(p, div, li, span, a, label):has(> .icon--with-text-end.icon--huge:first-child) {\n      --icon-with-text-end-size: 5rem;\n    }\n  }\n  .icon {\n    --icon-size: 1em;\n    fill: currentColor;\n    width: var(--icon-size);\n    height: var(--icon-size);\n    vertical-align: text-bottom;\n  }\n  .icon--small {\n    --icon-size: 1rem;\n  }\n  .icon--medium {\n    --icon-size: 1.5rem;\n  }\n  .icon--large {\n    --icon-size: 1.5rem;\n  }\n  .icon--xlarge {\n    --icon-size: 2.5rem;\n  }\n  .icon--xxlarge {\n    --icon-size: 3rem;\n  }\n  .icon--huge {\n    --icon-size: 3.5rem;\n  }\n  @media screen and (min-width: 768px) {\n    .icon--large {\n      --icon-size: 2rem;\n    }\n    .icon--xlarge {\n      --icon-size: 3rem;\n    }\n    .icon--xxlarge {\n      --icon-size: 3.5rem;\n    }\n    .icon--huge {\n      --icon-size: 4rem;\n    }\n  }\n  @media screen and (min-width: 992px) {\n    .icon--large {\n      --icon-size: 2rem;\n    }\n    .icon--xlarge {\n      --icon-size: 3rem;\n    }\n    .icon--xxlarge {\n      --icon-size: 4rem;\n    }\n    .icon--huge {\n      --icon-size: 5rem;\n    }\n  }\n  .icon--info {\n    color: var(--color-icon-information);\n  }\n  .icon--success {\n    color: var(--color-icon-positive);\n  }\n  .icon--warning {\n    color: var(--color-icon-warning);\n  }\n  .icon--danger {\n    color: var(--color-icon-negative);\n  }\n  .icon--orange {\n    color: var(--color-icon-brand);\n  }\n  .icon--pictogram.icon--small {\n    --icon-size: 1rem;\n  }\n  .icon--pictogram.icon--medium {\n    --icon-size: 1.5rem;\n  }\n  .icon--pictogram.icon--large {\n    --icon-size: 2rem;\n  }\n  .icon--pictogram.icon--xlarge {\n    --icon-size: 3rem;\n  }\n  .icon--pictogram.icon--xxlarge {\n    --icon-size: 4rem;\n  }\n  .icon--pictogram.icon--huge {\n    --icon-size: 5rem;\n  }\n  .icon__use--light {\n    display: block;\n  }\n  .icon__use--dark {\n    display: none;\n  }\n  .is-dark .icon__use--light, .background-contrast .icon__use--light, .surface-contrast .icon__use--light {\n    display: none;\n  }\n  .is-dark .icon__use--dark, .background-contrast .icon__use--dark, .surface-contrast .icon__use--dark {\n    display: block;\n  }\n  .is-light .icon__use--light {\n    display: block;\n  }\n  .is-light .icon__use--dark {\n    display: none;\n  }\n  .icon--with-text-end {\n    margin-inline-end: 0.3125rem;\n  }\n  .icon--with-text-end:first-child {\n    margin-inline-start: calc((var(--icon-with-text-end-size, 1em) + 0.3125rem) * -1);\n  }\n  use {\n    pointer-events: none;\n  }\n}"]}