{"version":3,"sourceRoot":"","sources":["file:///vercel/path0/node_modules/@baloise/ds-tokens/dist/css/base.tokens.css","file:///vercel/path0/packages/styles/sass/tokens.scss","file:///vercel/path0/packages/styles/src/mixins/breakpoint.mixin.scss","file:///vercel/path0/packages/styles/src/mixins/general.mixin.scss","file:///vercel/path0/packages/styles/src/mixins/extends.scss","file:///vercel/path0/packages/styles/src/core/vars/structure.vars.scss","file:///vercel/path0/packages/styles/src/core/vars/form.vars.scss","file:///vercel/path0/packages/styles/src/core/vars/list.vars.scss","file:///vercel/path0/packages/styles/src/core/vars/table.vars.scss","file:///vercel/path0/packages/styles/src/core/form/shared.scss","file:///vercel/path0/packages/styles/src/core/form/input-textarea.scss","file:///vercel/path0/packages/styles/src/core/form/select.scss","file:///vercel/path0/packages/styles/src/core/form/file.scss","file:///vercel/path0/packages/styles/src/core/form/tools.scss","file:///vercel/path0/packages/styles/src/core/container.scss","file:///vercel/path0/packages/styles/src/core/grid.scss","file:///vercel/path0/packages/styles/src/core/list.scss","file:///vercel/path0/packages/styles/src/core/table.scss","file:///vercel/path0/packages/styles/src/core/_all.scss","file:///vercel/path0/node_modules/@baloise/ds-styles/src/mixins/breakpoint.mixin.scss","file:///vercel/path0/packages/core/src/vars.scss","file:///vercel/path0/packages/core/src/hybrid.scss","file:///vercel/path0/packages/core/src/components/bal-toast/bal-toast.style.scss","file:///vercel/path0/node_modules/@baloise/ds-styles/src/mixins/general.mixin.scss","file:///vercel/path0/packages/core/src/attr.scss","file:///vercel/path0/packages/core/src/components/bal-text/bal-text.style.scss","file:///vercel/path0/packages/core/src/components/bal-tag/bal-tag.style.scss","file:///vercel/path0/packages/core/src/components/bal-stack/bal-stack.style.scss","file:///vercel/path0/packages/core/src/components/bal-snackbar/bal-snackbar.style.scss","file:///vercel/path0/packages/core/src/components/bal-notification/bal-notification.style.scss","file:///vercel/path0/packages/core/src/components/bal-link/bal-link.style.scss","file:///vercel/path0/packages/core/src/components/bal-label/bal-label.style.scss","file:///vercel/path0/packages/core/src/components/bal-heading/bal-heading.style.scss","file:///vercel/path0/packages/core/src/components/bal-divider/bal-divider.style.scss","file:///vercel/path0/packages/core/src/components/bal-close/bal-close.style.scss","file:///vercel/path0/packages/core/src/components/bal-card/bal-card.style.scss","file:///vercel/path0/packages/core/src/components/bal-card/bal-card-header/bal-card-header.mixin.scss","file:///vercel/path0/packages/core/src/typography.scss","file:///vercel/path0/packages/core/src/components/bal-button/bal-button-group/bal-button-group.mixin.scss","file:///vercel/path0/packages/core/src/components/bal-button/bal-button.style.scss","file:///vercel/path0/packages/core/src/components/bal-badge/bal-badge.style.scss","file:///vercel/path0/packages/core/src/components/bal-accordion/bal-accordion.style.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAEA;EACA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;AAIF;AAEA;EACA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;AC7pCF;EACE;;;ACqFF;AAAA;AAAA;ACiEE;EACE,eAHY;;;ACnIhB;AAAA;ED0CE;EACA;;;ACxCF;ED+BE;EACA;EACA;EACA;EACA;;;AE1DF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+DA;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;;;ACxIF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AC5BF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAwBA;EACE;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;;;ACsBF;EAhEE;EACA;EACA;EACA;EACA;EACA;;AAZE;EAcA;;AAdA;EAcA;;AAdA;EAcA;;AAdA;EAcA;;ANdF;EMiBE;IAEE;IACA;;;AAGJ;EAKE;EACA;;AAEF;EAEE;EACA;EACA;EACA;;AApCA;EAsCE;;AAtCF;EAsCE;;AAtCF;EAsCE;;AAtCF;EAsCE;;;AAoCN;EA/BE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAIE;;AAEF;EAEE;;;ACvEJ;EAEE;EACA;;AACA;EACE;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;;AAMJ;EAEE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;;AAEF;EACE;;;AAGJ;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;AAAA;EACE;EACA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;EAKE;;AAGJ;AAAA;EACE;EACA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;EAKE;;AAGJ;AAAA;EACE;EACA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;EAKE;;AAGJ;AAAA;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;;;ACxFF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ERqIJ,OQnI0B;EACtB;;AAGJ;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AAEF;EAEE;;AAEF;ERoHF,eQnHqC;;AAEnC;EACE;EACA;;AACA;EACE;;AAKJ;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE;EACA;;AACA;EAKE;;AAGJ;EACE;;AAEF;EAGE;;AAIF;EACE;EACA;;AACA;EAKE;;AAGJ;EACE;;AAEF;EAGE;;AAIF;EACE;EACA;;AACA;EAKE;;AAGJ;EACE;;AAEF;EAGE;;AAGJ;EACE;;AACA;EACE;;;AC1IN;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;EACA;;AAEF;EACE;EACA;;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEE;AAAA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EoC;;AbzEpC;Ea6EE;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IZ0BF,aYzBoC;;EAElC;IZuBF,aYtBoC;;EAElC;IZoBF,aYnBoC;;EAElC;IZiBF,aYhBoC;;EAElC;IZcF,aYboC;;EAElC;IZWF,aYVoC;;EAElC;IZQF,aYPoC;;EAElC;IZKF,aYJoC;;EAElC;IZEF,aYDoC;;EAGhC;IACE;IACA;;EAEF;IZNJ,aYOsC;;EALlC;IACE;IACA;;EAEF;IZNJ,aYOsC;;EALlC;IACE;IACA;;EAEF;IZNJ,aYOsC;;EALlC;IACE;IACA;;EAEF;IZNJ,aYOsC;;EALlC;IACE;IACA;;EAEF;IZNJ,aYOsC;;EALlC;IACE;IACA;;EAEF;IZNJ,aYOsC;;EALlC;IACE;IACA;;EAEF;IZNJ,aYOsC;;EALlC;IACE;IACA;;EAEF;IZNJ,aYOsC;;EALlC;IACE;IACA;;EAEF;IZNJ,aYOsC;;EALlC;IACE;IACA;;EAEF;IZNJ,aYOsC;;EALlC;IACE;IACA;;EAEF;IZNJ,aYOsC;;EALlC;IACE;IACA;;EAEF;IZNJ,aYOsC;;EALlC;IACE;IACA;;EAEF;IZNJ,aYOsC;;;AbrJtC;Ea0JE;IAEE;IACA;;EAEF;IAEE;IACA;;EAEF;IAEE;IACA;;EAEF;IAEE;IACA;;EAEF;IAEE;IACA;;EAEF;IAEE;IACA;;EAEF;IAEE;IACA;;EAEF;IAEE;IACA;;EAEF;IAEE;IACA;;EAEF;IAEE;IACA;;EAEF;IAEE;IACA;;EAEF;IZnEF,aYqEoC;;EAElC;IZvEF,aYyEoC;;EAElC;IZ3EF,aY6EoC;;EAElC;IZ/EF,aYiFoC;;EAElC;IZnFF,aYqFoC;;EAElC;IZvFF,aYyFoC;;EAElC;IZ3FF,aY6FoC;;EAElC;IZ/FF,aYiGoC;;EAElC;IZnGF,aYqGoC;;EAGhC;IAEE;IACA;;EAEF;IZ7GJ,aY+GsC;;EAPlC;IAEE;IACA;;EAEF;IZ7GJ,aY+GsC;;EAPlC;IAEE;IACA;;EAEF;IZ7GJ,aY+GsC;;EAPlC;IAEE;IACA;;EAEF;IZ7GJ,aY+GsC;;EAPlC;IAEE;IACA;;EAEF;IZ7GJ,aY+GsC;;EAPlC;IAEE;IACA;;EAEF;IZ7GJ,aY+GsC;;EAPlC;IAEE;IACA;;EAEF;IZ7GJ,aY+GsC;;EAPlC;IAEE;IACA;;EAEF;IZ7GJ,aY+GsC;;EAPlC;IAEE;IACA;;EAEF;IZ7GJ,aY+GsC;;EAPlC;IAEE;IACA;;EAEF;IZ7GJ,aY+GsC;;EAPlC;IAEE;IACA;;EAEF;IZ7GJ,aY+GsC;;EAPlC;IAEE;IACA;;EAEF;IZ7GJ,aY+GsC;;EAPlC;IAEE;IACA;;EAEF;IZ7GJ,aY+GsC;;;AbnPtC;EawPE;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IZhKF,aYiKoC;;EAElC;IZnKF,aYoKoC;;EAElC;IZtKF,aYuKoC;;EAElC;IZzKF,aY0KoC;;EAElC;IZ5KF,aY6KoC;;EAElC;IZ/KF,aYgLoC;;EAElC;IZlLF,aYmLoC;;EAElC;IZrLF,aYsLoC;;EAElC;IZxLF,aYyLoC;;EAGhC;IACE;IACA;;EAEF;IZhMJ,aYiMsC;;EALlC;IACE;IACA;;EAEF;IZhMJ,aYiMsC;;EALlC;IACE;IACA;;EAEF;IZhMJ,aYiMsC;;EALlC;IACE;IACA;;EAEF;IZhMJ,aYiMsC;;EALlC;IACE;IACA;;EAEF;IZhMJ,aYiMsC;;EALlC;IACE;IACA;;EAEF;IZhMJ,aYiMsC;;EALlC;IACE;IACA;;EAEF;IZhMJ,aYiMsC;;EALlC;IACE;IACA;;EAEF;IZhMJ,aYiMsC;;EALlC;IACE;IACA;;EAEF;IZhMJ,aYiMsC;;EALlC;IACE;IACA;;EAEF;IZhMJ,aYiMsC;;EALlC;IACE;IACA;;EAEF;IZhMJ,aYiMsC;;EALlC;IACE;IACA;;EAEF;IZhMJ,aYiMsC;;EALlC;IACE;IACA;;EAEF;IZhMJ,aYiMsC;;;AbhUtC;EaqUE;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IZlPF,aYmPoC;;EAElC;IZrPF,aYsPoC;;EAElC;IZxPF,aYyPoC;;EAElC;IZ3PF,aY4PoC;;EAElC;IZ9PF,aY+PoC;;EAElC;IZjQF,aYkQoC;;EAElC;IZpQF,aYqQoC;;EAElC;IZvQF,aYwQoC;;EAElC;IZ1QF,aY2QoC;;EAGhC;IACE;IACA;;EAEF;IZlRJ,aYmRsC;;EALlC;IACE;IACA;;EAEF;IZlRJ,aYmRsC;;EALlC;IACE;IACA;;EAEF;IZlRJ,aYmRsC;;EALlC;IACE;IACA;;EAEF;IZlRJ,aYmRsC;;EALlC;IACE;IACA;;EAEF;IZlRJ,aYmRsC;;EALlC;IACE;IACA;;EAEF;IZlRJ,aYmRsC;;EALlC;IACE;IACA;;EAEF;IZlRJ,aYmRsC;;EALlC;IACE;IACA;;EAEF;IZlRJ,aYmRsC;;EALlC;IACE;IACA;;EAEF;IZlRJ,aYmRsC;;EALlC;IACE;IACA;;EAEF;IZlRJ,aYmRsC;;EALlC;IACE;IACA;;EAEF;IZlRJ,aYmRsC;;EALlC;IACE;IACA;;EAEF;IZlRJ,aYmRsC;;EALlC;IACE;IACA;;EAEF;IZlRJ,aYmRsC;;;AbvUtC;Ea4UE;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IZpUF,aYqUoC;;EAElC;IZvUF,aYwUoC;;EAElC;IZ1UF,aY2UoC;;EAElC;IZ7UF,aY8UoC;;EAElC;IZhVF,aYiVoC;;EAElC;IZnVF,aYoVoC;;EAElC;IZtVF,aYuVoC;;EAElC;IZzVF,aY0VoC;;EAElC;IZ5VF,aY6VoC;;EAGhC;IACE;IACA;;EAEF;IZpWJ,aYqWsC;;EALlC;IACE;IACA;;EAEF;IZpWJ,aYqWsC;;EALlC;IACE;IACA;;EAEF;IZpWJ,aYqWsC;;EALlC;IACE;IACA;;EAEF;IZpWJ,aYqWsC;;EALlC;IACE;IACA;;EAEF;IZpWJ,aYqWsC;;EALlC;IACE;IACA;;EAEF;IZpWJ,aYqWsC;;EALlC;IACE;IACA;;EAEF;IZpWJ,aYqWsC;;EALlC;IACE;IACA;;EAEF;IZpWJ,aYqWsC;;EALlC;IACE;IACA;;EAEF;IZpWJ,aYqWsC;;EALlC;IACE;IACA;;EAEF;IZpWJ,aYqWsC;;EALlC;IACE;IACA;;EAEF;IZpWJ,aYqWsC;;EALlC;IACE;IACA;;EAEF;IZpWJ,aYqWsC;;EALlC;IACE;IACA;;EAEF;IZpWJ,aYqWsC;;;Ab1YtC;Ea+YE;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IZtZF,aYuZoC;;EAElC;IZzZF,aY0ZoC;;EAElC;IZ5ZF,aY6ZoC;;EAElC;IZ/ZF,aYgaoC;;EAElC;IZlaF,aYmaoC;;EAElC;IZraF,aYsaoC;;EAElC;IZxaF,aYyaoC;;EAElC;IZ3aF,aY4aoC;;EAElC;IZ9aF,aY+aoC;;EAGhC;IACE;IACA;;EAEF;IZtbJ,aYubsC;;EALlC;IACE;IACA;;EAEF;IZtbJ,aYubsC;;EALlC;IACE;IACA;;EAEF;IZtbJ,aYubsC;;EALlC;IACE;IACA;;EAEF;IZtbJ,aYubsC;;EALlC;IACE;IACA;;EAEF;IZtbJ,aYubsC;;EALlC;IACE;IACA;;EAEF;IZtbJ,aYubsC;;EALlC;IACE;IACA;;EAEF;IZtbJ,aYubsC;;EALlC;IACE;IACA;;EAEF;IZtbJ,aYubsC;;EALlC;IACE;IACA;;EAE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qWE;AAAA;AAAA;IA3XA;;;AA2XA;AAAA;AAAA;EAlYF;;ARcA;EQoXE;AAAA;AAAA;IA/XA;;;AR0BF;EQqWE;AAAA;AAAA;IA3XA;;;AA2XA;AAAA;AAAA;EAlYF;;ARcA;EQoXE;AAAA;AAAA;IA/XA;;;AR0BF;EQqWE;AAAA;AAAA;IA3XA;;;AA2XA;AAAA;AAAA;EAlYF;;ARcA;EQoXE;AAAA;AAAA;IA/XA;;;AR0BF;EQqWE;AAAA;AAAA;IA3XA;;;AA2XA;AAAA;AAAA;EAlYF;;ARcA;EQoXE;AAAA;AAAA;IA/XA;;;AR0BF;EQqWE;AAAA;AAAA;IA3XA;;;AA2XA;AAAA;AAAA;EAlYF;;ARcA;EQoXE;AAAA;AAAA;IA/XA;;;AR0BF;EQqWE;AAAA;AAAA;IA3XA;;;AAkYA;AAAA;AAAA;AAAA;EAzYF;;ARcA;EQ2XE;AAAA;AAAA;AAAA;IAtYA;;;AR0BF;EQ4WE;AAAA;AAAA;AAAA;IAlYA;;;AAkYA;AAAA;AAAA;AAAA;EAzYF;;ARcA;EQ2XE;AAAA;AAAA;AAAA;IAtYA;;;AR0BF;EQ4WE;AAAA;AAAA;AAAA;IAlYA;;;AAkYA;AAAA;AAAA;AAAA;EAzYF;;ARcA;EQ2XE;AAAA;AAAA;AAAA;IAtYA;;;AR0BF;EQ4WE;AAAA;AAAA;AAAA;IAlYA;;;AAkYA;AAAA;AAAA;AAAA;EAzYF;;ARcA;EQ2XE;AAAA;AAAA;AAAA;IAtYA;;;AR0BF;EQ4WE;AAAA;AAAA;AAAA;IAlYA;;;AAkYA;AAAA;AAAA;AAAA;EAzYF;;ARcA;EQ2XE;AAAA;AAAA;AAAA;IAtYA;;;AR0BF;EQ4WE;AAAA;AAAA;AAAA;IAlYA;;;AAkYA;AAAA;AAAA;AAAA;EAzYF;;ARcA;EQ2XE;AAAA;AAAA;AAAA;IAtYA;;;AR0BF;EQ4WE;AAAA;AAAA;AAAA;IAlYA;;;AAkYA;AAAA;AAAA;AAAA;EAzYF;;ARcA;EQ2XE;AAAA;AAAA;AAAA;IAtYA;;;AR0BF;EQ4WE;AAAA;AAAA;AAAA;IAlYA;;;AAkYA;AAAA;AAAA;AAAA;EAzYF;;ARcA;EQ2XE;AAAA;AAAA;AAAA;IAtYA;;;AR0BF;EQ4WE;AAAA;AAAA;AAAA;IAlYA;;;AA0YA;AAAA;AAAA;AAAA;EAjZF;;ARcA;EQmYE;AAAA;AAAA;AAAA;IA9YA;;;AR0BF;EQoXE;AAAA;AAAA;AAAA;IA1YA;;;AA0YA;AAAA;AAAA;AAAA;EAjZF;;ARcA;EQmYE;AAAA;AAAA;AAAA;IA9YA;;;AR0BF;EQoXE;AAAA;AAAA;AAAA;IA1YA;;;AA0YA;AAAA;AAAA;AAAA;EAjZF;;ARcA;EQmYE;AAAA;AAAA;AAAA;IA9YA;;;AR0BF;EQoXE;AAAA;AAAA;AAAA;IA1YA;;;AA0YA;AAAA;AAAA;AAAA;EAjZF;;ARcA;EQmYE;AAAA;AAAA;AAAA;IA9YA;;;AR0BF;EQoXE;AAAA;AAAA;AAAA;IA1YA;;;AA0YA;AAAA;AAAA;AAAA;EAjZF;;ARcA;EQmYE;AAAA;AAAA;AAAA;IA9YA;;;AR0BF;EQoXE;AAAA;AAAA;AAAA;IA1YA;;;AA0YA;AAAA;AAAA;AAAA;EAjZF;;ARcA;EQmYE;AAAA;AAAA;AAAA;IA9YA;;;AR0BF;EQoXE;AAAA;AAAA;AAAA;IA1YA;;;AA0YA;AAAA;AAAA;AAAA;EAjZF;;ARcA;EQmYE;AAAA;AAAA;AAAA;IA9YA;;;AR0BF;EQoXE;AAAA;AAAA;AAAA;IA1YA;;;AA0YA;AAAA;AAAA;AAAA;EAjZF;;ARcA;EQmYE;AAAA;AAAA;AAAA;IA9YA;;;AR0BF;EQoXE;AAAA;AAAA;AAAA;IA1YA;;;;AAoZJ;EACE;;;AAKF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAkBE;;;AClbF;AAAA;AAAA;AAAA;AAAA;AAAA;AR8BI;EAxBA;EAFA;EAAA;EAAA;EAAA;EA8DF;EACA;EACA;EACA;EACA;EAhEE;EAFA;EAAA;EAAA;EAAA;EAAA;EAAA;EAoDF;EACA;EACA;EACA;EACA;EACA;EACA;EAxDE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;;AQkCJ;AAAA;AAAA;AAAA;AAAA;AP0FI;EE3FF;EACA;EAIA;EACA;EACA;EACA;EACA;EKEA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EA8BA;EACA;EACA;;AA3BA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;AAYF;EACE;;AAGF;EACE;EACA;;AAIF;EAGE;EACA,qBACE;;AAKJ;EACE;EACA,qBACE;;AAGF;EACE,qBACE;;AAON;EACE;EACA;;AAEA;EACE,qBACE;;AAMN;EACE;EACA,qBACE;;AAGF;EACE,qBACE;;AAWN;EAGE;EACA;;AAEA;EACE,qBACE;;AAMN;EACE;EACA,qBACE;;AAGF;EACE,qBACE;;AAON;EACE;EACA;;AAEA;EACE,qBACE;;AAMN;EACE;EACA,qBACE;;AAGF;EACE,qBACE;;AASN;EAGE;EACA;EACA;EACA;;AAGF;EAEE;EACA;;AAOF;EAGE;EACA;EACA;EACA;EACA;EAEA;;AAMF;AAAA;EAEE;EACA;EACA;;AAGF;AAAA;EAEE;EACA;EACA;;AAMF;AAAA;EAEE;EACA;;AAGF;EACE;EACA;;;AAIJ;AAAA;AAAA;AAAA;AAAA;AAqBI;EARF;EACA;EACA;EACA;;AAKE;EARF;EACA;EACA;EACA;;AAKE;EARF;EACA;EACA;EACA;;AAKE;EARF;EACA;EACA;EACA;;;AC/SF;AAAA;AAAA;AAAA;AAAA;AAAA;AT8BI;EAxBA;EAFA;EAAA;EAAA;EAAA;EA8DF;EACA;EACA;EACA;EACA;EAhEE;EAFA;EAAA;EAAA;EAAA;EAAA;EAAA;EAoDF;EACA;EACA;EACA;EACA;EACA;EACA;EAxDE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;;AS4CJ;AAAA;AAAA;AAAA;AAAA;ARgFI;EE3FF;EACA;EMmBA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAIA;EACA;EACA;;AAMA;EAEE;;AAGF;AAAA;EAEE;EACA;EACA;;AAMF;AAAA;AAAA;EAGE;;AAMF;EAGE;EACA;EACA;EACA;EACA;;AAMF;EAEE;EACA;EACA;EACA;EACA;;AAMF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;;AAKJ;AAAA;AAAA;AAAA;AAAA;AAMA;AAAA;AAAA;AAAA;AAAA;AAwEE;EAlEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;ENtIA;EACA;EACA;EACA;EACA;EMwIA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE,qBACE;;AAIJ;AAAA;EAEE;EACA;EACA;;AAGF;AAAA;EAEE;EACA;;AAIF;EAGE;;AAIF;EACE;;AAGF;EAGE;;;AA+GJ;AAAA;AAAA;AAAA;AAAA;AAWE;EACE;;AAEF;EACE;;;AAsCA;EARF;EACA;EACA;EACA;;AAKE;EARF;EACA;EACA;EACA;;AAKE;EARF;EACA;EACA;EACA;;AAKE;EARF;EACA;EACA;EACA;;AAKE;EARF;EACA;EACA;EACA;;AAKE;EARF;EACA;EACA;EACA;;AAKE;EARF;EACA;EACA;EACA;;AAKE;EARF;EACA;EACA;EACA;;AAKE;EARF;EACA;EACA;EACA;;;AAmCE;EATF;EACA;EACA;EACA;EACA;;AAKE;EATF;EACA;EACA;EACA;EACA;;AAKE;EATF;EACA;EACA;EACA;EACA;;;ACxaF;AAAA;AAAA;AAGA;AAAA;AAAA;EP4CE;EACA;EOxCA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;EACE;;AAEA;AAAA;AAAA;EACE;;APhCJ;EOoCI;AAAA;AAAA;AAAA;AAAA;IAEE;;EAEA;AAAA;AAAA;AAAA;AAAA;IACE;;;AAKN;AAAA;AAAA;AAAA;AAAA;EAE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EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AAMJ;EAEE;EACA;EACA;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;;AAKF;EAEE;;AASF;EACE;;AAYA;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;;AClHN;AAAA;AAAA;AAAA;AAAA;AAAA;AbmGI;Ea3FF;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;AbiHI;EEtFF;EACA;EACA;EACA;EACA;EWtBA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EAGA;;AXzDF;EW+DE;IAEE;;;AAIJ;EAEE;;AXvEF;EW4EE;IXjEA,YACE;;;;AWuEN;AAAA;AAAA;AAAA;AAAA;AASE;EACE;EACA;;AAGF;EACE;EACA;;AAKF;EACE;;AXzGF;EW4GI;IAEE;;;AAIJ;EAEE;;AAGF;EAEE;;;ACnHN;AAAA;AAAA;AAAA;AAAA;AAAA;AdgGI;EcxFF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;Ad8GI;EcvGF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIE;AAAA;EAEE;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;EACA;;AAKJ;AAAA;EAEE;EACA;EAEA;EACA;;AAGF;AAAA;EAEE;;AAGF;AAAA;EAEE;;AAIF;AAAA;EAEE;EACA;EACA;EACA;;AAIF;ECrHA;EAEA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EAGE;;ACRF;AAAA;EAEE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;AAAA;EAEE;;AAGF;EACE;;AAGF;AAAA;EAEE;;AAGF;EACE;;AFqEF;EG7HA;EACA;EAEA;EACA;EACA;EACA;;AAEA;EACE;;AnBMF;EmBFE;AAAA;IAEE;;;AnBKJ;EgByGA;IGrGE;IACA;IACA;;EANA;IACE;;;AAQJ;EACE;EACA;EACA;;AAGE;AAAA;EAEE;;AAKN;EACE;;AnBvBF;EmBsBA;IAII;;;AAKJ;EACE;;AAGF;EACE;;AnBpCF;EmByCE;IAEE;;EAIF;IAEE;;EAKF;IACE;;EAIF;IACE;;;AAKJ;EACE;EAEA;;AnBzEF;EmB6EE;IACE;;EAGF;IACE;IAEA;;;AH+BJ;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAEA;AAAA;AAAA;AAAA;EAIE;;;AAMN;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;;AZnLA;EYsLE;AAAA;AAAA;IAEE;IACA;IACA;IACA;IACA;;;AAIJ;AAAA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;;AZvMF;EY4ME;AAAA;AAAA;IZjMA,YACE;;;;AYsMN;AAAA;AAAA;AAAA;AAAA;AASI;AAAA;EAEE;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;;AAIJ;EACE;EACA;EACA;EACA;;AhB7NF;EgBkOI;IACE;IACA;IACA;;EAIA;IACE;IACA;;EAKF;IACE;IACA;;;AhBnOR;EgByOI;IACE;;;;AAMR;AAAA;EAEE;;AAEA;AAAA;EACE;;AAEF;AAAA;EACE;;AZzRF;EY4RI;AAAA;AAAA;IAEE;;;AAIJ;AAAA;AAAA;EAEE;;;AAKN;AAAA;EAEE;EAEA;EACA;EACA;EACA;;AZhTA;EYmTE;AAAA;AAAA;IAEE;IACA;IACA;IACA;IACA;;;;AASJ;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAgCA;EACE;EACA;EACA;;AAEA;EACE;;AANJ;EACE;EACA;EACA;;AAEA;EACE;;AANJ;EACE;EACA;EACA;;AAEA;EACE;;AANJ;EACE;EACA;EACA;;AAEA;EACE;;AANJ;EACE;EACA;EACA;;AAEA;EACE;;AANJ;EACE;EACA;EACA;;AAEA;EACE;;AANJ;EACE;EACA;EACA;;AAEA;EACE;;AANJ;EACE;EACA;EACA;;AAEA;EACE;;AANJ;EACE;EACA;EACA;;AAEA;EACE;;AANJ;EACE;EACA;EACA;;AAEA;EACE;;AANJ;EACE;EACA;EACA;;AAEA;EACE;;AANJ;EACE;EACA;EACA;;AAEA;EACE;;AANJ;EACE;EACA;EACA;;AAEA;EACE;;AANJ;EACE;EACA;EACA;;AAEA;EACE;;AANJ;EACE;EACA;EACA;;AAEA;EACE;;AANJ;EACE;EACA;EACA;;AAEA;EACE;;AANJ;EACE;EACA;EACA;;AAEA;EACE;;AANJ;EACE;EACA;EACA;;AAEA;EACE;;AANJ;EACE;EACA;EACA;;AAEA;EACE;;AANJ;EACE;EACA;EACA;;AAEA;EACE;;AANJ;EACE;EACA;EACA;;AAEA;EACE;;;AI5WR;AAAA;AAAA;AAAA;AAAA;AAsFA;AAAA;AAAA;AAAA;AAAA;AAAA;AnB3DI;EAxBA;EAFA;EAAA;EAAA;EAAA;EA8DF;EACA;EACA;EACA;EACA;EAhEE;EAFA;EAAA;EAAA;EAAA;EAAA;EAAA;EAoDF;EACA;EACA;EACA;EACA;EACA;EACA;EAxDE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;;AmBsHJ;AAAA;AAAA;AAAA;AAAA;AlBMI;EEtFF;EACA;EACA;EACA;EACA;EATA;EACA;EgB8FA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;;AAEA;EACE;;AAIF;EACE;;AAIF;EAEE;;AhBhMF;EgBqME;IhB1LA,YACE;;;AAZJ;EgB2ME;IAEE;IACA;IACA;;;AAIJ;EAEE;EACA;EACA;EACA;;;AAuBF;AAAA;EAEE;EACA;EACA;;;AAIJ;AAAA;AAAA;AAAA;AAAA;AA+CI;EArBF;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;;AAWE;EArBF;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;;AAWE;EArBF;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;;AAWE;EArBF;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;;AAWE;EArBF;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;;AAWE;EArBF;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;;AAWE;EArBF;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;;AAWE;EArBF;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;;AAWE;EArBF;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;;AAWE;EArBF;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;;AAWE;EArBF;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;;AAWE;EArBF;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;;AAWE;EArBF;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;;AA0BI;EApCJ;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;;AA0BI;EApCJ;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;;AA0BI;EApCJ;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;;AA0BI;EApCJ;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;;AA0BI;EApCJ;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;;AA0BI;EApCJ;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;;AA0BI;EApCJ;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;;AA0BI;EApCJ;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;;AA0BI;EApCJ;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;;AA+CE;EAzDF;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;;AA+CE;EAzDF;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;;AA+CE;EAzDF;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;;AAsEA;EAbA;EACA;EACA;EACA;;;AA6BA;EAbA;EACA;EACA;EACA;;;AAgCA;EAXA;EACA;;;AA2BA;EAVA;;;AA8CA;EA7BA;EACA;EACA;EACA;EACA;EA4BE;;AAGF;EAnCA;EACA;EACA;EACA;EACA;EAkCE;;;AAmCF;EA7BA;EACA;EACA;EACA;EACA;EA4BE;;AAGF;EAnCA;EACA;EACA;EACA;EACA;EAkCE;;;AA6BA;EACE;EAjQJ;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;AA2PI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAZJ;EACE;EAjQJ;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;AA2PI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAZJ;EACE;EAjQJ;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;AA2PI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAZJ;EACE;EAjQJ;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;AA2PI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAmGN;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA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","sourcesContent":["/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n  --bal-color-white: #FFFFFF;\n  --bal-color-black: #000000;\n  --bal-color-neutral: rgba(255, 255, 255, 0);\n  --bal-color-danger-1: #FCE8E6;\n  --bal-color-danger-2: #F7A299;\n  --bal-color-danger-3: #F05D4D;\n  --bal-color-danger-4: #EA1800;\n  --bal-color-danger-5: #CB1501;\n  --bal-color-danger-6: #A01100;\n  --bal-color-warning-1: #FFF9E8;\n  --bal-color-warning-2: #FFE5A3;\n  --bal-color-warning-3: #FFD25E;\n  --bal-color-warning-4: #FFBE19;\n  --bal-color-warning-5: #F99319;\n  --bal-color-warning-6: #C97612;\n  --bal-color-success-1: #E8F3EC;\n  --bal-color-success-2: #A1CFB3;\n  --bal-color-success-3: #5BAB7A;\n  --bal-color-success-4: #168741;\n  --bal-color-success-5: #116B34;\n  --bal-color-success-6: #0B5227;\n  --bal-color-info-1: #E8F1FB;\n  --bal-color-info-2: #A4C9ED;\n  --bal-color-info-3: #60A0E0;\n  --bal-color-info-4: #1C77D2;\n  --bal-color-info-5: #155BA3;\n  --bal-color-info-6: #0E457B;\n  --bal-color-sky-1: #E5F1FE;\n  --bal-color-sky-2: #A7D1FA;\n  --bal-color-sky-3: #56A7F5;\n  --bal-color-sky-4: #6672CC;\n  --bal-color-sky-5: #0014AA;\n  --bal-color-sky-6: #000A55;\n  --bal-color-grey-1: #FAFAFA;\n  --bal-color-grey-2: #F6F6F6;\n  --bal-color-grey-3: #E8E8E8;\n  --bal-color-grey-4: #B6B6B6;\n  --bal-color-grey-5: #747474;\n  --bal-color-grey-6: #313131;\n  --bal-color-yellow-1: #FFF9E8;\n  --bal-color-yellow-2: #FFECBC;\n  --bal-color-yellow-3: #FAE052;\n  --bal-color-yellow-4: #FFBE19;\n  --bal-color-yellow-5: #FA9319;\n  --bal-color-yellow-6: #B24A00;\n  --bal-color-red-1: #FFEEF1;\n  --bal-color-red-2: #FFD7D7;\n  --bal-color-red-3: #FFACA6;\n  --bal-color-red-4: #FF596F;\n  --bal-color-red-5: #D9304C;\n  --bal-color-red-6: #99172D;\n  --bal-color-green-1: #E9FBF7;\n  --bal-color-green-2: #CBF2EC;\n  --bal-color-green-3: #94E3D4;\n  --bal-color-green-4: #21D9AC;\n  --bal-color-green-5: #00B28F;\n  --bal-color-green-6: #1B5951;\n  --bal-color-purple-1: #F9F3FF;\n  --bal-color-purple-2: #E1D9FF;\n  --bal-color-purple-3: #B8B2FF;\n  --bal-color-purple-4: #BE82FA;\n  --bal-color-purple-5: #9F52CC;\n  --bal-color-purple-6: #6C2273;\n  --bal-color-primary-1: #E5E7F0;\n  --bal-color-primary-2: #B3B6D4;\n  --bal-color-primary-3: #656EA8;\n  --bal-color-primary-4: #293485;\n  --bal-color-primary-5: #000D6E;\n  --bal-color-primary-6: #000739;\n  --bal-elevation-shadow-0: none;\n  --bal-elevation-shadow-1: 0 2px 5px 1px rgba(0, 7, 57, 0.12);\n  --bal-elevation-shadow-2: 0 4px 4px 0 rgba(0, 7, 57, 0.15);\n  --bal-elevation-shadow-3: 0 0 10px 0 rgba(0, 7, 57, 0.15);\n  --bal-elevation-shadow-4: 0 0 30px 0 rgba(0, 7, 57, 0.15);\n  --bal-elevation-opacity-0: 0;\n  --bal-elevation-opacity-30: 0.3;\n  --bal-elevation-opacity-40: 0.4;\n  --bal-elevation-opacity-50: 0.5;\n  --bal-elevation-opacity-60: 0.6;\n  --bal-elevation-opacity-80: 0.8;\n  --bal-elevation-opacity-100: 1;\n  --bal-elevation-z-index-100: 6.25rem;\n  --bal-elevation-z-index-200: 12.5rem;\n  --bal-elevation-z-index-300: 18.75rem;\n  --bal-elevation-z-index-400: 25rem;\n  --bal-elevation-z-index-1000: 62.5rem;\n  --bal-elevation-z-index-1100: 68.75rem;\n  --bal-elevation-z-index-1200: 75rem;\n  --bal-elevation-z-index-1300: 81.25rem;\n  --bal-elevation-z-index-behind-all: -62499.9375rem;\n  --bal-font-shadow-0: none;\n  --bal-font-shadow-1: 0px 0px 4px rgba(0, 0, 0, 0.15), 0px 4px 12px rgba(0, 0, 0, 0.25), 0px 0px 80px rgba(0, 0, 0, 0.5);\n  --bal-font-size-0: 0rem;\n  --bal-font-size-12: 0.75rem;\n  --bal-font-size-14: 0.875rem;\n  --bal-font-size-16: 1rem;\n  --bal-font-size-18: 1.125rem;\n  --bal-font-size-20: 1.25rem;\n  --bal-font-size-24: 1.5rem;\n  --bal-font-size-28: 1.75rem;\n  --bal-font-size-32: 2rem;\n  --bal-font-size-40: 2.5rem;\n  --bal-font-size-48: 3rem;\n  --bal-font-size-80: 5rem;\n  --bal-font-size-176: 11rem;\n  --bal-font-family-heading: \"BaloiseCreateHeadline\", \"Arial\", \"sans-serif\";\n  --bal-font-family-body: \"BaloiseCreateText\", \"Arial\", \"sans-serif\";\n  --bal-font-weight-300: 300;\n  --bal-font-weight-400: 400;\n  --bal-font-weight-700: 700;\n  --bal-font-line-height-1: 1;\n  --bal-font-line-height-2: 1.3;\n  --bal-font-line-height-3: 1.5;\n  --bal-font-line-height-4: 2;\n  --bal-size-border-0: 0rem;\n  --bal-size-border-1: 0.0625rem;\n  --bal-size-border-2: 0.125rem;\n  --bal-size-border-3: 0.25rem;\n  --bal-size-radius-0: 0rem;\n  --bal-size-radius-1: 0.25rem;\n  --bal-size-radius-2: 0.75rem;\n  --bal-size-radius-3: 9999px;\n  --bal-size-breakpoint-1: 769px;\n  --bal-size-breakpoint-2: 1024px;\n  --bal-size-breakpoint-3: 1280px;\n  --bal-size-breakpoint-4: 1440px;\n  --bal-size-breakpoint-5: 1920px;\n  --bal-size-container-1: 320px;\n  --bal-size-container-2: 480px;\n  --bal-size-container-3: 640px;\n  --bal-size-container-4: 896px;\n  --bal-size-container-5: 1496px;\n  --bal-size-container-full: 100%;\n  --bal-size-space-0: 0rem;\n  --bal-size-space-1: 0.0625rem;\n  --bal-size-space-2: 0.125rem;\n  --bal-size-space-4: 0.25rem;\n  --bal-size-space-8: 0.5rem;\n  --bal-size-space-12: 0.75rem;\n  --bal-size-space-14: 0.875rem;\n  --bal-size-space-16: 1rem;\n  --bal-size-space-20: 1.25rem;\n  --bal-size-space-24: 1.5rem;\n  --bal-size-space-32: 2rem;\n  --bal-size-space-40: 2.5rem;\n  --bal-size-space-48: 3rem;\n  --bal-size-space-56: 3.5rem;\n  --bal-size-space-64: 4rem;\n  --bal-size-space-72: 4.5rem;\n  --bal-size-space-96: 6rem;\n  --bal-size-space-128: 8rem;\n  --bal-size-space-auto: auto;\n  --bal-interaction-focus-size-inner: 2;\n  --bal-interaction-focus-size-outer: 5;\n  --bal-interaction-focus-size-inner-inset: 3;\n  --bal-interaction-focus-size-outer-inset: 5;\n  --bal-heading-color-base: inherit;\n  --bal-close-color-background-hover: rgba(0, 7, 57, 0.10000000149011612);\n  --bal-close-color-background-active: rgba(0, 7, 57, 0.30000001192092896);\n  --bal-close-color-background-inverted-hover: rgba(255, 255, 255, 0.30000001192092896);\n  --bal-close-color-background-inverted-active: rgba(255, 255, 255, 0.5);\n  --bal-card-color-base-text: inherit;\n  --bal-card-color-white-text: inherit;\n  --bal-card-color-info-text: inherit;\n  --bal-card-color-success-text: inherit;\n  --bal-card-color-warning-text: inherit;\n  --bal-card-color-danger-text: inherit;\n  --bal-card-color-grey-light-text: inherit;\n  --bal-card-color-grey-text: inherit;\n  --bal-card-color-red-lighter-text: inherit;\n  --bal-card-color-red-light-text: inherit;\n  --bal-card-color-red-text: inherit;\n  --bal-card-color-purple-lighter-text: inherit;\n  --bal-card-color-purple-light-text: inherit;\n  --bal-card-color-purple-text: inherit;\n  --bal-card-color-green-lighter-text: inherit;\n  --bal-card-color-green-light-text: inherit;\n  --bal-card-color-green-text: inherit;\n  --bal-card-color-yellow-lighter-text: inherit;\n  --bal-card-color-yellow-light-text: inherit;\n  --bal-card-color-yellow-text: inherit;\n  --bal-notification-color-base-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z\" fill=\"black\"/></svg>');\n  --bal-notification-color-info-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z\" fill=\"black\"/></svg>');\n  --bal-notification-color-success-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z\" fill=\"black\"/></svg>');\n  --bal-notification-color-warning-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z\" fill=\"black\"/></svg>');\n  --bal-notification-color-danger-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z\" fill=\"black\"/></svg>');\n  --bal-notification-color-outline-base-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z\" fill=\"black\"/></svg>');\n  --bal-notification-color-outline-purple-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z\" fill=\"black\"/></svg>');\n  --bal-notification-color-outline-green-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z\" fill=\"black\"/></svg>');\n  --bal-notification-color-outline-yellow-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z\" fill=\"black\"/></svg>');\n  --bal-notification-color-outline-red-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z\" fill=\"black\"/></svg>');\n  --bal-link-family: inherit;\n  --bal-toast-success-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z\" fill=\"black\"/></svg>');\n  --bal-toast-info-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z\" fill=\"black\"/></svg>');\n  --bal-toast-base-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z\" fill=\"black\"/></svg>');\n  --bal-toast-warning-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z\" fill=\"black\"/></svg>');\n  --bal-toast-danger-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z\" fill=\"black\"/></svg>');\n  --bal-background-color-white: var(--bal-color-white);\n  --bal-background-color-transparent: var(--bal-color-neutral);\n  --bal-background-color-sky-light: var(--bal-color-sky-1);\n  --bal-background-color-sky: var(--bal-color-sky-2);\n  --bal-background-color-sky-dark: var(--bal-color-sky-3);\n  --bal-background-color-disabled: var(--bal-color-grey-3);\n  --bal-background-color-info: var(--bal-color-info-3);\n  --bal-background-color-info-light: var(--bal-color-info-2);\n  --bal-background-color-info-dark: var(--bal-color-info-4);\n  --bal-background-color-info-darker: var(--bal-color-info-5);\n  --bal-background-color-info-darkest: var(--bal-color-info-6);\n  --bal-background-color-success: var(--bal-color-success-3);\n  --bal-background-color-success-lighter: var(--bal-color-success-1);\n  --bal-background-color-success-light: var(--bal-color-success-2);\n  --bal-background-color-success-dark: var(--bal-color-success-4);\n  --bal-background-color-success-darker: var(--bal-color-success-5);\n  --bal-background-color-success-darkest: var(--bal-color-success-6);\n  --bal-background-color-warning-lighter: var(--bal-color-warning-1);\n  --bal-background-color-warning-light: var(--bal-color-warning-2);\n  --bal-background-color-warning: var(--bal-color-warning-3);\n  --bal-background-color-warning-dark: var(--bal-color-warning-4);\n  --bal-background-color-warning-darker: var(--bal-color-warning-5);\n  --bal-background-color-warning-darkest: var(--bal-color-warning-6);\n  --bal-background-color-danger-lighter: var(--bal-color-danger-1);\n  --bal-background-color-danger-light: var(--bal-color-danger-2);\n  --bal-background-color-danger: var(--bal-color-danger-3);\n  --bal-background-color-danger-dark: var(--bal-color-danger-4);\n  --bal-background-color-danger-darker: var(--bal-color-danger-5);\n  --bal-background-color-danger-darkest: var(--bal-color-danger-6);\n  --bal-background-color-green-light-2: var(--bal-color-green-1);\n  --bal-background-color-grey-light: var(--bal-color-grey-2);\n  --bal-background-color-grey: var(--bal-color-grey-3);\n  --bal-background-color-grey-dark: var(--bal-color-grey-4);\n  --bal-background-color-primary-light: var(--bal-color-primary-3);\n  --bal-background-color-primary: var(--bal-color-primary-5);\n  --bal-background-color-primary-hover: var(--bal-color-sky-5);\n  --bal-background-color-primary-active: var(--bal-color-primary-6);\n  --bal-background-color-green-lighter: var(--bal-color-green-1);\n  --bal-background-color-green-light: var(--bal-color-green-2);\n  --bal-background-color-green: var(--bal-color-green-3);\n  --bal-background-color-purple-lighter: var(--bal-color-purple-1);\n  --bal-background-color-purple-light: var(--bal-color-purple-2);\n  --bal-background-color-purple: var(--bal-color-purple-3);\n  --bal-background-color-red-lighter: var(--bal-color-red-1);\n  --bal-background-color-red-light: var(--bal-color-red-2);\n  --bal-background-color-red: var(--bal-color-red-3);\n  --bal-background-color-yellow-lighter: var(--bal-color-yellow-1);\n  --bal-background-color-yellow-light: var(--bal-color-yellow-2);\n  --bal-background-color-yellow: var(--bal-color-yellow-3);\n  --bal-border-color-white: var(--bal-color-white);\n  --bal-border-color-base: var(--bal-color-grey-3);\n  --bal-border-color-inverted: var(--bal-color-white);\n  --bal-border-color-disabled: var(--bal-color-grey-4);\n  --bal-border-color-disabled-inverted: var(--bal-color-primary-3);\n  --bal-border-color-grey-light: var(--bal-color-grey-3);\n  --bal-border-color-grey: var(--bal-color-grey-3);\n  --bal-border-color-grey-dark: var(--bal-color-grey-4);\n  --bal-border-color-primary-light: var(--bal-color-primary-3);\n  --bal-border-color-primary: var(--bal-color-primary-5);\n  --bal-border-color-primary-hover: var(--bal-color-sky-5);\n  --bal-border-color-primary-active: var(--bal-color-primary-6);\n  --bal-border-color-inverted-primary: var(--bal-color-primary-4);\n  --bal-border-color-inverted-primary-hover: var(--bal-color-sky-2);\n  --bal-border-color-inverted-primary-active: var(--bal-color-sky-4);\n  --bal-border-color-info: var(--bal-color-info-4);\n  --bal-border-color-info-hover: var(--bal-color-info-5);\n  --bal-border-color-info-active: var(--bal-color-info-6);\n  --bal-border-color-success: var(--bal-color-success-4);\n  --bal-border-color-success-hover: var(--bal-color-success-5);\n  --bal-border-color-success-active: var(--bal-color-success-6);\n  --bal-border-color-warning: var(--bal-color-warning-4);\n  --bal-border-color-warning-hover: var(--bal-color-warning-5);\n  --bal-border-color-warning-active: var(--bal-color-warning-6);\n  --bal-border-color-danger: var(--bal-color-danger-4);\n  --bal-border-color-danger-hover: var(--bal-color-danger-5);\n  --bal-border-color-danger-active: var(--bal-color-danger-6);\n  --bal-border-color-green: var(--bal-color-green-4);\n  --bal-border-color-green-hover: var(--bal-color-green-5);\n  --bal-border-color-green-active: var(--bal-color-green-6);\n  --bal-border-color-purple: var(--bal-color-purple-4);\n  --bal-border-color-purple-hover: var(--bal-color-purple-5);\n  --bal-border-color-purple-active: var(--bal-color-purple-6);\n  --bal-border-color-red: var(--bal-color-red-4);\n  --bal-border-color-red-hover: var(--bal-color-red-5);\n  --bal-border-color-red-active: var(--bal-color-red-6);\n  --bal-border-color-yellow: var(--bal-color-yellow-4);\n  --bal-border-color-yellow-hover: var(--bal-color-yellow-5);\n  --bal-border-color-yellow-active: var(--bal-color-yellow-6);\n  --bal-border-width-none: var(--bal-size-border-0);\n  --bal-border-width-base: var(--bal-size-border-2);\n  --bal-border-width-md: var(--bal-size-border-3);\n  --bal-breakpoint-tablet: var(--bal-size-breakpoint-1);\n  --bal-breakpoint-desktop: var(--bal-size-breakpoint-2);\n  --bal-breakpoint-desktop-lg: var(--bal-size-breakpoint-3); /** HighDefinition */\n  --bal-breakpoint-desktop-xl: var(--bal-size-breakpoint-4); /** Widescreen */\n  --bal-breakpoint-desktop-2xl: var(--bal-size-breakpoint-5); /** FullHD */\n  --bal-container-width-modal: var(--bal-size-container-3);\n  --bal-container-width-compact: var(--bal-size-container-4);\n  --bal-container-width-base: var(--bal-size-container-5);\n  --bal-container-width-fluid: var(--bal-size-container-full);\n  --bal-container-space-mobile: var(--bal-size-space-16);\n  --bal-container-space-tablet: var(--bal-size-space-40);\n  --bal-container-space-desktop: var(--bal-size-space-48);\n  --bal-interaction-focus-color-base: var(--bal-color-purple-6);\n  --bal-interaction-focus-color-inverted: var(--bal-color-yellow-3);\n  --bal-opacity-hidden: var(--bal-elevation-opacity-0);\n  --bal-opacity-half: var(--bal-elevation-opacity-50);\n  --bal-opacity-disabled: var(--bal-elevation-opacity-60);\n  --bal-opacity-backdrop: var(--bal-elevation-opacity-80);\n  --bal-opacity-full: var(--bal-elevation-opacity-100);\n  --bal-radius-none: var(--bal-size-radius-0);\n  --bal-radius-base: var(--bal-size-radius-1);\n  --bal-radius-lg: var(--bal-size-radius-2);\n  --bal-radius-rounded: var(--bal-size-radius-3);\n  --bal-space-none-mobile: var(--bal-size-space-0);\n  --bal-space-none-tablet: var(--bal-size-space-0);\n  --bal-space-none-desktop: var(--bal-size-space-0);\n  --bal-space-auto-mobile: var(--bal-size-space-auto);\n  --bal-space-auto-tablet: var(--bal-size-space-auto);\n  --bal-space-auto-desktop: var(--bal-size-space-auto);\n  --bal-space-2xs-mobile: var(--bal-size-space-4);\n  --bal-space-2xs-tablet: var(--bal-size-space-4);\n  --bal-space-2xs-desktop: var(--bal-size-space-4);\n  --bal-space-xs-mobile: var(--bal-size-space-8);\n  --bal-space-xs-tablet: var(--bal-size-space-8);\n  --bal-space-xs-desktop: var(--bal-size-space-8);\n  --bal-space-sm-mobile: var(--bal-size-space-12);\n  --bal-space-sm-tablet: var(--bal-size-space-12);\n  --bal-space-sm-desktop: var(--bal-size-space-12);\n  --bal-space-base-mobile: var(--bal-size-space-16);\n  --bal-space-base-tablet: var(--bal-size-space-16);\n  --bal-space-base-desktop: var(--bal-size-space-16);\n  --bal-space-md-mobile: var(--bal-size-space-20);\n  --bal-space-md-tablet: var(--bal-size-space-20);\n  --bal-space-md-desktop: var(--bal-size-space-24);\n  --bal-space-lg-mobile: var(--bal-size-space-24);\n  --bal-space-lg-tablet: var(--bal-size-space-24);\n  --bal-space-lg-desktop: var(--bal-size-space-32);\n  --bal-space-xl-mobile: var(--bal-size-space-32);\n  --bal-space-xl-tablet: var(--bal-size-space-40);\n  --bal-space-xl-desktop: var(--bal-size-space-48);\n  --bal-space-2xl-mobile: var(--bal-size-space-48);\n  --bal-space-2xl-tablet: var(--bal-size-space-56);\n  --bal-space-2xl-desktop: var(--bal-size-space-64);\n  --bal-space-3xl-mobile: var(--bal-size-space-56);\n  --bal-space-3xl-tablet: var(--bal-size-space-72);\n  --bal-space-3xl-desktop: var(--bal-size-space-96);\n  --bal-space-4xl-mobile: var(--bal-size-space-64);\n  --bal-space-4xl-tablet: var(--bal-size-space-96);\n  --bal-space-4xl-desktop: var(--bal-size-space-128);\n  --bal-text-shadow: var(--bal-font-shadow-1);\n  --bal-text-size-none-mobile: var(--bal-font-size-0);\n  --bal-text-size-none-tablet: var(--bal-font-size-0);\n  --bal-text-size-none-desktop: var(--bal-font-size-0);\n  --bal-text-size-xs-mobile: var(--bal-font-size-12);\n  --bal-text-size-xs-tablet: var(--bal-font-size-12);\n  --bal-text-size-xs-desktop: var(--bal-font-size-12);\n  --bal-text-size-sm-mobile: var(--bal-font-size-14);\n  --bal-text-size-sm-tablet: var(--bal-font-size-14);\n  --bal-text-size-sm-desktop: var(--bal-font-size-14);\n  --bal-text-size-base-mobile: var(--bal-font-size-16);\n  --bal-text-size-base-tablet: var(--bal-font-size-16);\n  --bal-text-size-base-desktop: var(--bal-font-size-16);\n  --bal-text-size-md-mobile: var(--bal-font-size-16);\n  --bal-text-size-md-tablet: var(--bal-font-size-18);\n  --bal-text-size-md-desktop: var(--bal-font-size-18);\n  --bal-text-size-lg-mobile: var(--bal-font-size-18);\n  --bal-text-size-lg-tablet: var(--bal-font-size-18);\n  --bal-text-size-lg-desktop: var(--bal-font-size-18);\n  --bal-text-size-xl-mobile: var(--bal-font-size-20);\n  --bal-text-size-xl-tablet: var(--bal-font-size-24);\n  --bal-text-size-xl-desktop: var(--bal-font-size-24);\n  --bal-text-size-2xl-mobile: var(--bal-font-size-24);\n  --bal-text-size-2xl-tablet: var(--bal-font-size-32);\n  --bal-text-size-2xl-desktop: var(--bal-font-size-32);\n  --bal-text-size-3xl-mobile: var(--bal-font-size-28);\n  --bal-text-size-3xl-tablet: var(--bal-font-size-40);\n  --bal-text-size-3xl-desktop: var(--bal-font-size-40);\n  --bal-text-size-4xl-mobile: var(--bal-font-size-32);\n  --bal-text-size-4xl-tablet: var(--bal-font-size-48);\n  --bal-text-size-4xl-desktop: var(--bal-font-size-48);\n  --bal-text-size-5xl-mobile: var(--bal-font-size-48);\n  --bal-text-size-5xl-tablet: var(--bal-font-size-80);\n  --bal-text-size-5xl-desktop: var(--bal-font-size-80);\n  --bal-text-family-heading: var(--bal-font-family-heading);\n  --bal-text-family-body: var(--bal-font-family-body);\n  --bal-text-line-height-single: var(--bal-font-line-height-1);\n  --bal-text-line-height-heading: var(--bal-font-line-height-2);\n  --bal-text-line-height-body: var(--bal-font-line-height-3);\n  --bal-text-line-height-double: var(--bal-font-line-height-4);\n  --bal-text-weight-light: var(--bal-font-weight-300);\n  --bal-text-weight-regular: var(--bal-font-weight-400);\n  --bal-text-weight-bold: var(--bal-font-weight-700);\n  --bal-text-color-white: var(--bal-color-white);\n  --bal-text-color-primary-light: var(--bal-color-primary-3);\n  --bal-text-color-disabled: var(--bal-color-grey-5);\n  --bal-text-color-info: var(--bal-color-info-4);\n  --bal-text-color-warning: var(--bal-color-warning-5);\n  --bal-text-color-success: var(--bal-color-success-4);\n  --bal-text-color-danger: var(--bal-color-danger-4);\n  --bal-text-color-danger-hover: var(--bal-color-danger-5);\n  --bal-text-color-danger-active: var(--bal-color-danger-6);\n  --bal-text-color-primary: var(--bal-color-primary-5);\n  --bal-text-color-primary-hover: var(--bal-color-sky-5);\n  --bal-text-color-primary-active: var(--bal-color-primary-6);\n  --bal-text-color-inverted-primary-hover: var(--bal-color-sky-2);\n  --bal-text-color-inverted-primary-active: var(--bal-color-info-3);\n  --bal-text-color-grey-light: var(--bal-color-grey-4);\n  --bal-text-color-grey: var(--bal-color-grey-5);\n  --bal-text-color-grey-dark: var(--bal-color-grey-6);\n  --bal-shadow-text: var(--bal-font-shadow-1);\n  --bal-shadow-box-none: var(--bal-elevation-shadow-0);\n  --bal-shadow-box-header: var(--bal-elevation-shadow-2);\n  --bal-shadow-box-base: var(--bal-elevation-shadow-3);\n  --bal-shadow-box-elevated: var(--bal-elevation-shadow-4);\n  --bal-z-index-deep: var(--bal-elevation-z-index-behind-all);\n  --bal-z-index-masked: var(--bal-elevation-z-index-100);\n  --bal-z-index-mask: var(--bal-elevation-z-index-200);\n  --bal-z-index-sticky: var(--bal-elevation-z-index-300);\n  --bal-z-index-navigation: var(--bal-elevation-z-index-400);\n  --bal-z-index-popup: var(--bal-elevation-z-index-1000);\n  --bal-z-index-modal: var(--bal-elevation-z-index-1100);\n  --bal-z-index-toast: var(--bal-elevation-z-index-1200);\n  --bal-z-index-tooltip: var(--bal-elevation-z-index-1300);\n  --bal-heading-shadow: var(--bal-font-shadow-1);\n  --bal-icon-tile-size-base-mobile: var(--bal-size-space-32);\n  --bal-icon-tile-size-base-tablet: var(--bal-size-space-48);\n  --bal-icon-tile-size-lg-mobile: var(--bal-size-space-48);\n  --bal-icon-tile-size-lg-tablet: var(--bal-size-space-64);\n  --bal-icon-tile-size-xl-mobile: var(--bal-size-space-64);\n  --bal-icon-tile-size-xl-tablet: var(--bal-size-space-96);\n  --bal-icon-size-xs: var(--bal-font-size-12);\n  --bal-icon-size-sm: var(--bal-font-size-14);\n  --bal-icon-size-base: var(--bal-font-size-16);\n  --bal-icon-size-md: var(--bal-font-size-24);\n  --bal-icon-size-lg: var(--bal-font-size-40);\n  --bal-icon-size-xl: var(--bal-font-size-80);\n  --bal-icon-size-2xl: var(--bal-font-size-176);\n  --bal-tag-color-purple-dark-background: var(--bal-color-purple-6);\n  --bal-tag-color-red-dark-background: var(--bal-color-red-6);\n  --bal-tag-color-green-dark-background: var(--bal-color-green-6);\n  --bal-tag-color-yellow-dark-background: var(--bal-color-yellow-6);\n  --bal-notification-color-outline-base-border: var(--bal-color-primary-2);\n  --bal-interaction-focus-color-border: var(--bal-background-color-white);\n  --bal-interaction-focus-color-end: var(--bal-interaction-focus-color-base);\n  --bal-interaction-focus-color-inverted-end: var(--bal-interaction-focus-color-inverted);\n  --bal-text-color-hint: var(--bal-text-color-primary-light);\n  --bal-text-color-inverted-disabled: var(--bal-text-color-primary-light);\n  --bal-text-color-inverted-primary: var(--bal-text-color-white);\n  --bal-heading-1-space: var(--bal-space-xs-mobile);\n  --bal-heading-1-size-mobile: var(--bal-text-size-3xl-mobile);\n  --bal-heading-1-size-tablet: var(--bal-text-size-3xl-tablet);\n  --bal-heading-1-size-desktop: var(--bal-text-size-3xl-desktop);\n  --bal-heading-2-space: var(--bal-space-xs-mobile);\n  --bal-heading-2-size-mobile: var(--bal-text-size-2xl-mobile);\n  --bal-heading-2-size-tablet: var(--bal-text-size-2xl-tablet);\n  --bal-heading-2-size-desktop: var(--bal-text-size-2xl-desktop);\n  --bal-heading-3-space: var(--bal-space-xs-mobile);\n  --bal-heading-3-size-mobile: var(--bal-text-size-xl-mobile);\n  --bal-heading-3-size-tablet: var(--bal-text-size-xl-tablet);\n  --bal-heading-3-size-desktop: var(--bal-text-size-xl-desktop);\n  --bal-heading-4-space: var(--bal-space-xs-mobile);\n  --bal-heading-4-size-mobile: var(--bal-text-size-lg-mobile);\n  --bal-heading-4-size-tablet: var(--bal-text-size-lg-tablet);\n  --bal-heading-4-size-desktop: var(--bal-text-size-lg-desktop);\n  --bal-heading-5-space: var(--bal-space-xs-mobile);\n  --bal-heading-5-size-mobile: var(--bal-text-size-base-mobile);\n  --bal-heading-5-size-tablet: var(--bal-text-size-base-tablet);\n  --bal-heading-5-size-desktop: var(--bal-text-size-base-desktop);\n  --bal-heading-family: var(--bal-text-family-heading);\n  --bal-heading-weight: var(--bal-text-weight-bold);\n  --bal-heading-line-height: var(--bal-text-line-height-heading);\n  --bal-heading-color-primary: var(--bal-text-color-primary);\n  --bal-heading-color-white: var(--bal-text-color-white);\n  --bal-heading-color-info: var(--bal-text-color-info);\n  --bal-heading-color-success: var(--bal-text-color-success);\n  --bal-heading-color-warning: var(--bal-text-color-warning);\n  --bal-heading-color-danger: var(--bal-text-color-danger);\n  --bal-heading-display1-space: var(--bal-space-base-mobile);\n  --bal-heading-display1-size-mobile: var(--bal-text-size-5xl-mobile);\n  --bal-heading-display1-size-tablet: var(--bal-text-size-5xl-tablet);\n  --bal-heading-display1-size-desktop: var(--bal-text-size-5xl-desktop);\n  --bal-heading-display2-space: var(--bal-space-base-mobile);\n  --bal-heading-display2-size-mobile: var(--bal-text-size-4xl-mobile);\n  --bal-heading-display2-size-tablet: var(--bal-text-size-4xl-tablet);\n  --bal-heading-display2-size-desktop: var(--bal-text-size-4xl-desktop);\n  --bal-heading-subtitle-family: var(--bal-text-family-heading);\n  --bal-heading-subtitle-line-height: var(--bal-text-line-height-heading);\n  --bal-heading-subtitle-weight: var(--bal-text-weight-light);\n  --bal-close-radius: var(--bal-radius-rounded);\n  --bal-close-color-background-base: var(--bal-background-color-transparent);\n  --bal-close-color-icon-base: var(--bal-text-color-primary);\n  --bal-close-color-icon-inverted: var(--bal-text-color-white);\n  --bal-body-color: var(--bal-text-color-primary);\n  --bal-body-family: var(--bal-text-family-body);\n  --bal-body-line-height: var(--bal-text-line-height-body);\n  --bal-body-size: var(--bal-text-size-base-mobile);\n  --bal-body-space: var(--bal-space-base-mobile);\n  --bal-body-weight: var(--bal-text-weight-regular);\n  --bal-icon-color-primary: var(--bal-text-color-primary);\n  --bal-icon-color-primary-light: var(--bal-text-color-primary-light);\n  --bal-icon-color-success: var(--bal-text-color-success);\n  --bal-icon-color-info: var(--bal-text-color-info);\n  --bal-icon-color-warning: var(--bal-text-color-warning);\n  --bal-icon-color-danger: var(--bal-text-color-danger);\n  --bal-icon-color-white: var(--bal-text-color-white);\n  --bal-icon-color-grey: var(--bal-text-color-grey);\n  --bal-icon-color-disabled: var(--bal-text-color-grey-dark);\n  --bal-icon-tile-radius: var(--bal-radius-base);\n  --bal-icon-tile-color-purple: var(--bal-background-color-purple-lighter);\n  --bal-icon-tile-color-red: var(--bal-background-color-red-lighter);\n  --bal-icon-tile-color-green: var(--bal-background-color-green-lighter);\n  --bal-icon-tile-color-yellow: var(--bal-background-color-yellow-lighter);\n  --bal-spinner-size: var(--bal-space-2xl-mobile);\n  --bal-spinner-circle-border-width: var(--bal-border-width-md);\n  --bal-spinner-circle-size: var(--bal-space-lg-mobile);\n  --bal-spinner-circle-color-background: var(--bal-background-color-grey);\n  --bal-spinner-circle-color-progress: var(--bal-background-color-primary);\n  --bal-spinner-circle-color-inverted-background: var(--bal-background-color-white);\n  --bal-spinner-circle-color-inverted-progress: var(--bal-background-color-primary);\n  --bal-tag-family: var(--bal-text-family-body);\n  --bal-tag-weight: var(--bal-text-weight-bold);\n  --bal-tag-line-height: var(--bal-text-line-height-body);\n  --bal-tag-size: var(--bal-text-size-base-mobile);\n  --bal-tag-space-y: var(--bal-space-2xs-mobile);\n  --bal-tag-space-x: var(--bal-space-sm-mobile);\n  --bal-tag-radius-base: var(--bal-radius-lg);\n  --bal-tag-radius-square: var(--bal-radius-base);\n  --bal-tag-radius-pill: var(--bal-radius-rounded);\n  --bal-tag-color-base-text: var(--bal-text-color-primary);\n  --bal-tag-color-base-background: var(--bal-background-color-grey);\n  --bal-tag-color-primary-text: var(--bal-text-color-white);\n  --bal-tag-color-primary-background: var(--bal-background-color-primary);\n  --bal-tag-color-grey-text: var(--bal-text-color-white);\n  --bal-tag-color-grey-background: var(--bal-background-color-grey-dark);\n  --bal-tag-color-info-text: var(--bal-text-color-white);\n  --bal-tag-color-info-background: var(--bal-background-color-info-dark);\n  --bal-tag-color-success-text: var(--bal-text-color-white);\n  --bal-tag-color-success-background: var(--bal-background-color-success-dark);\n  --bal-tag-color-warning-text: var(--bal-text-color-primary);\n  --bal-tag-color-warning-background: var(--bal-background-color-warning-dark);\n  --bal-tag-color-danger-text: var(--bal-text-color-white);\n  --bal-tag-color-danger-background: var(--bal-background-color-danger-dark);\n  --bal-tag-color-purple-text: var(--bal-text-color-primary);\n  --bal-tag-color-purple-background: var(--bal-background-color-purple);\n  --bal-tag-color-purple-light-text: var(--bal-text-color-primary);\n  --bal-tag-color-purple-light-background: var(--bal-background-color-purple-light);\n  --bal-tag-color-purple-dark-text: var(--bal-text-color-white);\n  --bal-tag-color-red-text: var(--bal-text-color-primary);\n  --bal-tag-color-red-background: var(--bal-background-color-red);\n  --bal-tag-color-red-light-text: var(--bal-text-color-primary);\n  --bal-tag-color-red-light-background: var(--bal-background-color-red-light);\n  --bal-tag-color-red-dark-text: var(--bal-text-color-white);\n  --bal-tag-color-green-text: var(--bal-text-color-primary);\n  --bal-tag-color-green-background: var(--bal-background-color-green);\n  --bal-tag-color-green-light-text: var(--bal-text-color-primary);\n  --bal-tag-color-green-light-background: var(--bal-background-color-green-light);\n  --bal-tag-color-green-dark-text: var(--bal-text-color-white);\n  --bal-tag-color-yellow-text: var(--bal-text-color-primary);\n  --bal-tag-color-yellow-background: var(--bal-background-color-yellow);\n  --bal-tag-color-yellow-light-text: var(--bal-text-color-primary);\n  --bal-tag-color-yellow-light-background: var(--bal-background-color-yellow-light);\n  --bal-tag-color-yellow-dark-text: var(--bal-text-color-white);\n  --bal-tag-sm-size: var(--bal-text-size-sm-mobile);\n  --bal-tag-sm-weight: var(--bal-text-weight-regular);\n  --bal-tag-sm-space-y: var(--bal-space-none-mobile);\n  --bal-tag-sm-space-x: var(--bal-space-sm-mobile);\n  --bal-tag-md-size: var(--bal-text-size-base-mobile);\n  --bal-tag-md-weight: var(--bal-text-weight-bold);\n  --bal-tag-md-space-y: var(--bal-space-xs-mobile);\n  --bal-tag-md-space-x: var(--bal-space-base-mobile);\n  --bal-tag-lg-size: var(--bal-text-size-base-mobile);\n  --bal-tag-lg-weight: var(--bal-text-weight-bold);\n  --bal-tag-lg-space-y: var(--bal-space-sm-mobile);\n  --bal-tag-lg-space-x: var(--bal-space-lg-mobile);\n  --bal-label-family: var(--bal-text-family-body);\n  --bal-label-weight: var(--bal-text-weight-bold);\n  --bal-label-line-height: var(--bal-text-line-height-body);\n  --bal-label-color-base: var(--bal-text-color-primary);\n  --bal-label-color-base-hover: var(--bal-text-color-primary-hover);\n  --bal-label-color-base-active: var(--bal-text-color-primary-active);\n  --bal-label-color-disabled: var(--bal-text-color-disabled);\n  --bal-label-color-success: var(--bal-text-color-success);\n  --bal-label-color-warning: var(--bal-text-color-warning);\n  --bal-label-color-danger: var(--bal-text-color-danger);\n  --bal-label-color-danger-hover: var(--bal-text-color-danger-hover);\n  --bal-label-color-danger-active: var(--bal-text-color-danger-active);\n  --bal-label-size-3xl-mobile: var(--bal-text-size-3xl-mobile);\n  --bal-label-size-3xl-tablet: var(--bal-text-size-3xl-tablet);\n  --bal-label-size-3xl-desktop: var(--bal-text-size-3xl-desktop);\n  --bal-label-size-2xl-mobile: var(--bal-text-size-2xl-mobile);\n  --bal-label-size-2xl-tablet: var(--bal-text-size-2xl-tablet);\n  --bal-label-size-2xl-desktop: var(--bal-text-size-2xl-desktop);\n  --bal-label-size-xl-mobile: var(--bal-text-size-xl-mobile);\n  --bal-label-size-xl-tablet: var(--bal-text-size-xl-tablet);\n  --bal-label-size-xl-desktop: var(--bal-text-size-xl-desktop);\n  --bal-label-size-lg-mobile: var(--bal-text-size-lg-mobile);\n  --bal-label-size-lg-tablet: var(--bal-text-size-lg-tablet);\n  --bal-label-size-lg-desktop: var(--bal-text-size-lg-tablet);\n  --bal-label-size-md-mobile: var(--bal-text-size-md-mobile);\n  --bal-label-size-md-tablet: var(--bal-text-size-md-tablet);\n  --bal-label-size-md-desktop: var(--bal-text-size-md-desktop);\n  --bal-label-size-base-mobile: var(--bal-text-size-base-mobile);\n  --bal-label-size-base-tablet: var(--bal-text-size-base-tablet);\n  --bal-label-size-base-desktop: var(--bal-text-size-base-tablet);\n  --bal-label-size-sm-mobile: var(--bal-text-size-sm-mobile);\n  --bal-label-size-sm-tablet: var(--bal-text-size-sm-tablet);\n  --bal-label-size-sm-desktop: var(--bal-space-sm-desktop);\n  --bal-divider-radius: var(--bal-radius-rounded);\n  --bal-divider-width: var(--bal-border-width-base);\n  --bal-divider-color-base: var(--bal-border-color-grey);\n  --bal-divider-color-primary-light: var(--bal-border-color-primary-light);\n  --bal-divider-color-primary: var(--bal-border-color-primary);\n  --bal-divider-color-light-blue: var(--bal-border-color-primary-hover);\n  --bal-divider-color-primary-dark: var(--bal-border-color-primary-active);\n  --bal-divider-color-grey-light: var(--bal-border-color-grey-light);\n  --bal-divider-color-grey: var(--bal-border-color-grey);\n  --bal-divider-color-grey-dark: var(--bal-border-color-grey-dark);\n  --bal-divider-color-warning: var(--bal-border-color-warning);\n  --bal-divider-color-success: var(--bal-border-color-success);\n  --bal-divider-color-danger: var(--bal-border-color-danger);\n  --bal-divider-color-danger-dark: var(--bal-border-color-danger-hover);\n  --bal-divider-color-danger-darker: var(--bal-border-color-danger-active);\n  --bal-divider-color-white: var(--bal-border-color-white);\n  --bal-card-radius-base: var(--bal-radius-lg);\n  --bal-card-radius-square: var(--bal-radius-base);\n  --bal-card-shadow-flat: var(--bal-shadow-box-none);\n  --bal-card-shadow-base: var(--bal-shadow-box-base);\n  --bal-card-shadow-hover: var(--bal-shadow-box-elevated);\n  --bal-card-color-base-background: var(--bal-background-color-white);\n  --bal-card-color-base-outline: var(--bal-border-color-grey);\n  --bal-card-color-white-background: var(--bal-background-color-white);\n  --bal-card-color-white-outline: var(--bal-border-color-grey);\n  --bal-card-color-primary-text: var(--bal-text-color-white);\n  --bal-card-color-primary-background: var(--bal-background-color-primary);\n  --bal-card-color-info-background: var(--bal-background-color-info);\n  --bal-card-color-success-background: var(--bal-background-color-success);\n  --bal-card-color-warning-background: var(--bal-background-color-warning);\n  --bal-card-color-danger-background: var(--bal-background-color-danger);\n  --bal-card-color-grey-light-background: var(--bal-background-color-grey-light);\n  --bal-card-color-grey-light-outline: var(--bal-border-color-grey-dark);\n  --bal-card-color-grey-background: var(--bal-background-color-grey);\n  --bal-card-color-grey-outline: var(--bal-border-color-grey-dark);\n  --bal-card-color-red-lighter-background: var(--bal-background-color-red-lighter);\n  --bal-card-color-red-lighter-outline: var(--bal-background-color-red);\n  --bal-card-color-red-light-background: var(--bal-background-color-red-light);\n  --bal-card-color-red-light-outline: var(--bal-background-color-red);\n  --bal-card-color-red-background: var(--bal-background-color-red);\n  --bal-card-color-red-outline: var(--bal-background-color-red);\n  --bal-card-color-purple-lighter-background: var(--bal-background-color-purple-lighter);\n  --bal-card-color-purple-lighter-outline: var(--bal-background-color-purple);\n  --bal-card-color-purple-light-background: var(--bal-background-color-purple-light);\n  --bal-card-color-purple-light-outline: var(--bal-background-color-purple);\n  --bal-card-color-purple-background: var(--bal-background-color-purple);\n  --bal-card-color-purple-outline: var(--bal-background-color-purple);\n  --bal-card-color-green-lighter-background: var(--bal-background-color-green-lighter);\n  --bal-card-color-green-lighter-outline: var(--bal-background-color-green);\n  --bal-card-color-green-light-background: var(--bal-background-color-green-light);\n  --bal-card-color-green-light-outline: var(--bal-background-color-green);\n  --bal-card-color-green-background: var(--bal-background-color-green);\n  --bal-card-color-green-outline: var(--bal-background-color-green);\n  --bal-card-color-yellow-lighter-background: var(--bal-background-color-yellow-lighter);\n  --bal-card-color-yellow-lighter-outline: var(--bal-background-color-yellow);\n  --bal-card-color-yellow-light-background: var(--bal-background-color-yellow-light);\n  --bal-card-color-yellow-light-outline: var(--bal-background-color-yellow);\n  --bal-card-color-yellow-background: var(--bal-background-color-yellow);\n  --bal-card-color-yellow-outline: var(--bal-background-color-yellow);\n  --bal-card-space-sm-mobile: var(--bal-space-base-mobile);\n  --bal-card-space-sm-tablet: var(--bal-space-base-mobile);\n  --bal-card-space-sm-desktop: var(--bal-space-base-mobile);\n  --bal-card-space-base-mobile: var(--bal-space-base-mobile);\n  --bal-card-space-base-tablet: var(--bal-space-lg-mobile);\n  --bal-card-space-base-desktop: var(--bal-space-lg-mobile);\n  --bal-card-space-md-mobile: var(--bal-space-base-mobile);\n  --bal-card-space-md-tablet: var(--bal-space-lg-mobile);\n  --bal-card-space-md-desktop: var(--bal-space-xl-mobile);\n  --bal-card-space-lg-mobile: var(--bal-space-base-mobile);\n  --bal-card-space-lg-tablet: var(--bal-space-xl-mobile);\n  --bal-card-space-lg-desktop: var(--bal-space-2xl-mobile);\n  --bal-card-outline-width: var(--bal-border-width-base);\n  --bal-button-family: var(--bal-text-family-heading);\n  --bal-button-weight: var(--bal-text-weight-bold);\n  --bal-button-line-height: var(--bal-text-line-height-heading);\n  --bal-button-size-sm: var(--bal-text-size-sm-mobile);\n  --bal-button-size-base: var(--bal-text-size-base-mobile);\n  --bal-button-size-lg: var(--bal-text-size-lg-mobile);\n  --bal-button-radius-base: var(--bal-radius-base);\n  --bal-button-radius-rounded: var(--bal-radius-rounded);\n  --bal-button-color-primary-base-text: var(--bal-text-color-white);\n  --bal-button-color-primary-base-background: var(--bal-background-color-primary);\n  --bal-button-color-primary-base-border: var(--bal-border-color-primary);\n  --bal-button-color-primary-hover-text: var(--bal-text-color-white);\n  --bal-button-color-primary-hover-background: var(--bal-background-color-primary-hover);\n  --bal-button-color-primary-hover-border: var(--bal-border-color-primary-hover);\n  --bal-button-color-primary-active-text: var(--bal-text-color-white);\n  --bal-button-color-primary-active-background: var(--bal-background-color-primary-active);\n  --bal-button-color-primary-active-border: var(--bal-border-color-primary-active);\n  --bal-button-color-secondary-base-text: var(--bal-background-color-primary);\n  --bal-button-color-secondary-base-background: var(--bal-background-color-transparent);\n  --bal-button-color-secondary-base-border: var(--bal-border-color-primary);\n  --bal-button-color-secondary-hover-text: var(--bal-text-color-primary-hover);\n  --bal-button-color-secondary-hover-background: var(--bal-background-color-sky-light);\n  --bal-button-color-secondary-hover-border: var(--bal-border-color-primary-hover);\n  --bal-button-color-secondary-active-text: var(--bal-text-color-primary-active);\n  --bal-button-color-secondary-active-background: var(--bal-background-color-sky-light);\n  --bal-button-color-secondary-active-border: var(--bal-border-color-primary-active);\n  --bal-button-color-tertiary-base-text: var(--bal-background-color-primary);\n  --bal-button-color-tertiary-base-background: var(--bal-background-color-transparent);\n  --bal-button-color-tertiary-base-border: var(--bal-background-color-transparent);\n  --bal-button-color-tertiary-hover-text: var(--bal-text-color-primary-hover);\n  --bal-button-color-tertiary-hover-background: var(--bal-background-color-sky-light);\n  --bal-button-color-tertiary-hover-border: var(--bal-background-color-sky-light);\n  --bal-button-color-tertiary-active-text: var(--bal-text-color-primary-active);\n  --bal-button-color-tertiary-active-background: var(--bal-background-color-sky-light);\n  --bal-button-color-tertiary-active-border: var(--bal-background-color-sky-light);\n  --bal-button-color-tertiary-purple-base-text: var(--bal-background-color-primary);\n  --bal-button-color-tertiary-purple-base-background: var(--bal-background-color-purple-lighter);\n  --bal-button-color-tertiary-purple-base-border: var(--bal-background-color-purple-lighter);\n  --bal-button-color-tertiary-purple-hover-text: var(--bal-text-color-primary);\n  --bal-button-color-tertiary-purple-hover-background: var(--bal-background-color-purple-lighter);\n  --bal-button-color-tertiary-purple-hover-border: var(--bal-border-color-purple-hover);\n  --bal-button-color-tertiary-purple-active-text: var(--bal-text-color-primary-active);\n  --bal-button-color-tertiary-purple-active-background: var(--bal-background-color-purple-lighter);\n  --bal-button-color-tertiary-purple-active-border: var(--bal-border-color-purple-active);\n  --bal-button-color-tertiary-green-base-text: var(--bal-background-color-primary);\n  --bal-button-color-tertiary-green-base-background: var(--bal-background-color-green-lighter);\n  --bal-button-color-tertiary-green-base-border: var(--bal-background-color-green-lighter);\n  --bal-button-color-tertiary-green-hover-text: var(--bal-text-color-primary);\n  --bal-button-color-tertiary-green-hover-background: var(--bal-background-color-green-lighter);\n  --bal-button-color-tertiary-green-hover-border: var(--bal-border-color-green-hover);\n  --bal-button-color-tertiary-green-active-text: var(--bal-text-color-primary-active);\n  --bal-button-color-tertiary-green-active-background: var(--bal-background-color-green-lighter);\n  --bal-button-color-tertiary-green-active-border: var(--bal-border-color-green-active);\n  --bal-button-color-tertiary-red-base-text: var(--bal-background-color-primary);\n  --bal-button-color-tertiary-red-base-background: var(--bal-background-color-red-lighter);\n  --bal-button-color-tertiary-red-base-border: var(--bal-background-color-red-lighter);\n  --bal-button-color-tertiary-red-hover-text: var(--bal-text-color-primary);\n  --bal-button-color-tertiary-red-hover-background: var(--bal-background-color-red-lighter);\n  --bal-button-color-tertiary-red-hover-border: var(--bal-border-color-red-hover);\n  --bal-button-color-tertiary-red-active-text: var(--bal-text-color-primary-active);\n  --bal-button-color-tertiary-red-active-background: var(--bal-background-color-red-lighter);\n  --bal-button-color-tertiary-red-active-border: var(--bal-border-color-red-active);\n  --bal-button-color-tertiary-yellow-base-text: var(--bal-background-color-primary);\n  --bal-button-color-tertiary-yellow-base-background: var(--bal-background-color-yellow-lighter);\n  --bal-button-color-tertiary-yellow-base-border: var(--bal-background-color-yellow-lighter);\n  --bal-button-color-tertiary-yellow-hover-text: var(--bal-text-color-primary);\n  --bal-button-color-tertiary-yellow-hover-background: var(--bal-background-color-yellow-lighter);\n  --bal-button-color-tertiary-yellow-hover-border: var(--bal-border-color-yellow-hover);\n  --bal-button-color-tertiary-yellow-active-text: var(--bal-text-color-primary-active);\n  --bal-button-color-tertiary-yellow-active-background: var(--bal-background-color-yellow-lighter);\n  --bal-button-color-tertiary-yellow-active-border: var(--bal-border-color-yellow-active);\n  --bal-button-color-info-base-text: var(--bal-background-color-primary);\n  --bal-button-color-info-base-background: var(--bal-background-color-sky);\n  --bal-button-color-info-base-border: var(--bal-background-color-info-darker);\n  --bal-button-color-info-hover-text: var(--bal-text-color-white);\n  --bal-button-color-info-hover-background: var(--bal-background-color-info-darker);\n  --bal-button-color-info-hover-border: var(--bal-background-color-info-darker);\n  --bal-button-color-info-active-text: var(--bal-text-color-white);\n  --bal-button-color-info-active-background: var(--bal-background-color-info-darkest);\n  --bal-button-color-info-active-border: var(--bal-background-color-info-darkest);\n  --bal-button-color-success-base-text: var(--bal-background-color-primary);\n  --bal-button-color-success-base-background: var(--bal-background-color-success-lighter);\n  --bal-button-color-success-base-border: var(--bal-background-color-success-darker);\n  --bal-button-color-success-hover-text: var(--bal-text-color-white);\n  --bal-button-color-success-hover-background: var(--bal-background-color-success-darker);\n  --bal-button-color-success-hover-border: var(--bal-background-color-success-darker);\n  --bal-button-color-success-active-text: var(--bal-text-color-white);\n  --bal-button-color-success-active-background: var(--bal-background-color-success-darkest);\n  --bal-button-color-success-active-border: var(--bal-background-color-success-darkest);\n  --bal-button-color-warning-base-text: var(--bal-background-color-primary);\n  --bal-button-color-warning-base-background: var(--bal-background-color-warning-lighter);\n  --bal-button-color-warning-base-border: var(--bal-background-color-warning-darker);\n  --bal-button-color-warning-hover-text: var(--bal-text-color-primary);\n  --bal-button-color-warning-hover-background: var(--bal-background-color-warning-darker);\n  --bal-button-color-warning-hover-border: var(--bal-background-color-warning-darker);\n  --bal-button-color-warning-active-text: var(--bal-text-color-primary);\n  --bal-button-color-warning-active-background: var(--bal-background-color-warning-darkest);\n  --bal-button-color-warning-active-border: var(--bal-background-color-warning-darkest);\n  --bal-button-color-danger-base-text: var(--bal-background-color-primary);\n  --bal-button-color-danger-base-background: var(--bal-background-color-danger-lighter);\n  --bal-button-color-danger-base-border: var(--bal-background-color-danger-darker);\n  --bal-button-color-danger-hover-text: var(--bal-text-color-white);\n  --bal-button-color-danger-hover-background: var(--bal-background-color-danger-darker);\n  --bal-button-color-danger-hover-border: var(--bal-background-color-danger-darker);\n  --bal-button-color-danger-active-text: var(--bal-text-color-white);\n  --bal-button-color-danger-active-background: var(--bal-background-color-danger-darkest);\n  --bal-button-color-danger-active-border: var(--bal-background-color-danger-darkest);\n  --bal-button-color-disabled-base-text: var(--bal-text-color-disabled);\n  --bal-button-color-disabled-base-background: var(--bal-background-color-grey);\n  --bal-button-color-disabled-base-border: var(--bal-border-color-grey);\n  --bal-button-color-disabled-hover-text: var(--bal-text-color-disabled);\n  --bal-button-color-disabled-hover-background: var(--bal-background-color-grey);\n  --bal-button-color-disabled-hover-border: var(--bal-border-color-grey);\n  --bal-button-color-disabled-active-text: var(--bal-text-color-disabled);\n  --bal-button-color-disabled-active-background: var(--bal-background-color-grey);\n  --bal-button-color-disabled-active-border: var(--bal-border-color-grey);\n  --bal-button-color-link-base-text: var(--bal-background-color-primary);\n  --bal-button-color-link-base-background: var(--bal-background-color-transparent);\n  --bal-button-color-link-base-border: var(--bal-background-color-transparent);\n  --bal-button-color-link-hover-text: var(--bal-text-color-primary-hover);\n  --bal-button-color-link-hover-background: var(--bal-background-color-transparent);\n  --bal-button-color-link-hover-border: var(--bal-background-color-transparent);\n  --bal-button-color-link-active-text: var(--bal-text-color-primary-active);\n  --bal-button-color-link-active-background: var(--bal-background-color-transparent);\n  --bal-button-color-link-active-border: var(--bal-background-color-transparent);\n  --bal-button-color-inverted-base-text: var(--bal-background-color-primary);\n  --bal-button-color-inverted-base-background: var(--bal-background-color-white);\n  --bal-button-color-inverted-base-border: var(--bal-background-color-white);\n  --bal-button-color-inverted-hover-text: var(--bal-background-color-primary);\n  --bal-button-color-inverted-hover-background: var(--bal-background-color-sky);\n  --bal-button-color-inverted-hover-border: var(--bal-background-color-sky);\n  --bal-button-color-inverted-active-text: var(--bal-text-color-white);\n  --bal-button-color-inverted-active-background: var(--bal-background-color-primary-hover);\n  --bal-button-color-inverted-active-border: var(--bal-background-color-primary-hover);\n  --bal-button-color-inverted-secondary-base-text: var(--bal-text-color-white);\n  --bal-button-color-inverted-secondary-base-background: var(--bal-background-color-transparent);\n  --bal-button-color-inverted-secondary-base-border: var(--bal-background-color-white);\n  --bal-button-color-inverted-secondary-hover-text: var(--bal-text-color-white);\n  --bal-button-color-inverted-secondary-hover-background: var(--bal-background-color-primary-light);\n  --bal-button-color-inverted-secondary-hover-border: var(--bal-background-color-sky-dark);\n  --bal-button-color-inverted-secondary-active-text: var(--bal-text-color-white);\n  --bal-button-color-inverted-secondary-active-background: var(--bal-background-color-primary-light);\n  --bal-button-color-inverted-secondary-active-border: var(--bal-background-color-primary-hover);\n  --bal-button-color-inverted-tertiary-base-text: var(--bal-background-color-primary);\n  --bal-button-color-inverted-tertiary-base-background: var(--bal-background-color-grey-light);\n  --bal-button-color-inverted-tertiary-base-border: var(--bal-background-color-grey-light);\n  --bal-button-color-inverted-tertiary-hover-text: var(--bal-text-color-primary);\n  --bal-button-color-inverted-tertiary-hover-background: var(--bal-background-color-sky-light);\n  --bal-button-color-inverted-tertiary-hover-border: var(--bal-background-color-sky-light);\n  --bal-button-color-inverted-tertiary-active-text: var(--bal-text-color-primary-active);\n  --bal-button-color-inverted-tertiary-active-background: var(--bal-background-color-sky);\n  --bal-button-color-inverted-tertiary-active-border: var(--bal-background-color-sky);\n  --bal-button-color-inverted-link-base-background: var(--bal-background-color-transparent);\n  --bal-button-color-inverted-link-base-border: var(--bal-background-color-transparent);\n  --bal-button-color-inverted-link-hover-text: var(--bal-text-color-inverted-primary-hover);\n  --bal-button-color-inverted-link-hover-background: var(--bal-background-color-transparent);\n  --bal-button-color-inverted-link-hover-border: var(--bal-background-color-transparent);\n  --bal-button-color-inverted-link-active-text: var(--bal-text-color-inverted-primary-active);\n  --bal-button-color-inverted-link-active-background: var(--bal-background-color-transparent);\n  --bal-button-color-inverted-link-active-border: var(--bal-background-color-transparent);\n  --bal-button-color-tertiary-purple-dashed-base-text: var(--bal-background-color-primary);\n  --bal-button-color-tertiary-purple-dashed-base-background: var(--bal-background-color-purple-lighter);\n  --bal-button-color-tertiary-purple-dashed-base-border: var(--bal-background-color-purple);\n  --bal-button-color-tertiary-purple-dashed-hover-text: var(--bal-text-color-primary);\n  --bal-button-color-tertiary-purple-dashed-hover-background: var(--bal-background-color-purple-lighter);\n  --bal-button-color-tertiary-purple-dashed-hover-border: var(--bal-border-color-purple-hover);\n  --bal-button-color-tertiary-purple-dashed-active-text: var(--bal-text-color-primary-active);\n  --bal-button-color-tertiary-purple-dashed-active-background: var(--bal-background-color-purple-lighter);\n  --bal-button-color-tertiary-purple-dashed-active-border: var(--bal-border-color-purple-active);\n  --bal-button-color-tertiary-green-dashed-base-text: var(--bal-background-color-primary);\n  --bal-button-color-tertiary-green-dashed-base-background: var(--bal-background-color-green-lighter);\n  --bal-button-color-tertiary-green-dashed-base-border: var(--bal-background-color-green);\n  --bal-button-color-tertiary-green-dashed-hover-text: var(--bal-text-color-primary);\n  --bal-button-color-tertiary-green-dashed-hover-background: var(--bal-background-color-green-lighter);\n  --bal-button-color-tertiary-green-dashed-hover-border: var(--bal-border-color-green-hover);\n  --bal-button-color-tertiary-green-dashed-active-text: var(--bal-text-color-primary-active);\n  --bal-button-color-tertiary-green-dashed-active-background: var(--bal-background-color-green-lighter);\n  --bal-button-color-tertiary-green-dashed-active-border: var(--bal-border-color-green-active);\n  --bal-button-color-tertiary-red-dashed-base-text: var(--bal-background-color-primary);\n  --bal-button-color-tertiary-red-dashed-base-background: var(--bal-background-color-red-lighter);\n  --bal-button-color-tertiary-red-dashed-base-border: var(--bal-background-color-red);\n  --bal-button-color-tertiary-red-dashed-hover-text: var(--bal-text-color-primary);\n  --bal-button-color-tertiary-red-dashed-hover-background: var(--bal-background-color-red-lighter);\n  --bal-button-color-tertiary-red-dashed-hover-border: var(--bal-border-color-red-hover);\n  --bal-button-color-tertiary-red-dashed-active-text: var(--bal-text-color-primary-active);\n  --bal-button-color-tertiary-red-dashed-active-background: var(--bal-background-color-red-lighter);\n  --bal-button-color-tertiary-red-dashed-active-border: var(--bal-border-color-red-active);\n  --bal-button-color-tertiary-yellow-dashed-base-text: var(--bal-background-color-primary);\n  --bal-button-color-tertiary-yellow-dashed-base-background: var(--bal-background-color-yellow-lighter);\n  --bal-button-color-tertiary-yellow-dashed-base-border: var(--bal-background-color-yellow);\n  --bal-button-color-tertiary-yellow-dashed-hover-text: var(--bal-text-color-primary);\n  --bal-button-color-tertiary-yellow-dashed-hover-background: var(--bal-background-color-yellow-lighter);\n  --bal-button-color-tertiary-yellow-dashed-hover-border: var(--bal-border-color-yellow-hover);\n  --bal-button-color-tertiary-yellow-dashed-active-text: var(--bal-text-color-primary-active);\n  --bal-button-color-tertiary-yellow-dashed-active-background: var(--bal-background-color-yellow-lighter);\n  --bal-button-color-tertiary-yellow-dashed-active-border: var(--bal-border-color-yellow-active);\n  --bal-button-color-text-base-text: var(--bal-background-color-primary);\n  --bal-button-color-text-base-background: var(--bal-background-color-transparent);\n  --bal-button-color-text-base-border: var(--bal-background-color-transparent);\n  --bal-button-color-text-hover-text: var(--bal-text-color-primary-hover);\n  --bal-button-color-text-hover-background: var(--bal-background-color-transparent);\n  --bal-button-color-text-hover-border: var(--bal-background-color-transparent);\n  --bal-button-color-text-active-text: var(--bal-text-color-primary-active);\n  --bal-button-color-text-active-background: var(--bal-background-color-transparent);\n  --bal-button-color-text-active-border: var(--bal-background-color-transparent);\n  --bal-notification-radius: var(--bal-radius-lg);\n  --bal-notification-color-base-background: var(--bal-background-color-grey-light);\n  --bal-notification-color-base-border: var(--bal-background-color-grey-light);\n  --bal-notification-color-base-text: var(--bal-text-color-primary);\n  --bal-notification-color-info-background: var(--bal-background-color-info-light);\n  --bal-notification-color-info-border: var(--bal-background-color-info-light);\n  --bal-notification-color-info-text: var(--bal-text-color-primary);\n  --bal-notification-color-success-background: var(--bal-background-color-success-light);\n  --bal-notification-color-success-border: var(--bal-background-color-success-light);\n  --bal-notification-color-success-text: var(--bal-text-color-primary);\n  --bal-notification-color-warning-background: var(--bal-background-color-warning-light);\n  --bal-notification-color-warning-border: var(--bal-background-color-warning-light);\n  --bal-notification-color-warning-text: var(--bal-text-color-primary);\n  --bal-notification-color-danger-background: var(--bal-background-color-danger-light);\n  --bal-notification-color-danger-border: var(--bal-background-color-danger-light);\n  --bal-notification-color-danger-text: var(--bal-text-color-primary);\n  --bal-notification-color-outline-base-background: var(--bal-background-color-white);\n  --bal-notification-color-outline-base-text: var(--bal-text-color-primary);\n  --bal-notification-color-outline-purple-background: var(--bal-background-color-purple-lighter);\n  --bal-notification-color-outline-purple-border: var(--bal-border-color-purple);\n  --bal-notification-color-outline-purple-text: var(--bal-text-color-primary);\n  --bal-notification-color-outline-green-background: var(--bal-background-color-green-lighter);\n  --bal-notification-color-outline-green-border: var(--bal-border-color-green);\n  --bal-notification-color-outline-green-text: var(--bal-text-color-primary);\n  --bal-notification-color-outline-yellow-background: var(--bal-background-color-yellow-lighter);\n  --bal-notification-color-outline-yellow-border: var(--bal-border-color-yellow);\n  --bal-notification-color-outline-yellow-text: var(--bal-text-color-primary);\n  --bal-notification-color-outline-red-background: var(--bal-background-color-red-lighter);\n  --bal-notification-color-outline-red-border: var(--bal-border-color-red);\n  --bal-notification-color-outline-red-text: var(--bal-text-color-primary);\n  --bal-badge-text-family: var(--bal-text-family-heading);\n  --bal-badge-text-weight: var(--bal-text-weight-bold);\n  --bal-badge-text-size-sm: var(--bal-text-size-none-mobile);\n  --bal-badge-text-size-base: var(--bal-text-size-xs-mobile);\n  --bal-badge-text-size-lg: var(--bal-text-size-base-mobile);\n  --bal-badge-size-sm: var(--bal-space-sm-mobile);\n  --bal-badge-size-base: var(--bal-space-lg-mobile);\n  --bal-badge-size-lg: var(--bal-space-xl-mobile);\n  --bal-badge-color-base-text: var(--bal-text-color-primary);\n  --bal-badge-color-base-background: var(--bal-background-color-red);\n  --bal-badge-color-info-text: var(--bal-text-color-primary);\n  --bal-badge-color-info-background: var(--bal-background-color-purple);\n  --bal-badge-color-success-text: var(--bal-text-color-primary);\n  --bal-badge-color-success-background: var(--bal-background-color-green);\n  --bal-badge-color-warning-text: var(--bal-text-color-primary);\n  --bal-badge-color-warning-background: var(--bal-background-color-yellow-light);\n  --bal-badge-color-danger-text: var(--bal-text-color-primary);\n  --bal-badge-color-danger-background: var(--bal-background-color-red);\n  --bal-badge-color-red-text: var(--bal-text-color-primary);\n  --bal-badge-color-red-background: var(--bal-background-color-red);\n  --bal-badge-color-purple-text: var(--bal-text-color-primary);\n  --bal-badge-color-purple-background: var(--bal-background-color-purple);\n  --bal-badge-color-green-text: var(--bal-text-color-primary);\n  --bal-badge-color-green-background: var(--bal-background-color-green);\n  --bal-badge-color-yellow-text: var(--bal-text-color-primary);\n  --bal-badge-color-yellow-background: var(--bal-background-color-yellow-light);\n  --bal-badge-color-grey-text: var(--bal-text-color-grey-dark);\n  --bal-badge-color-grey-background: var(--bal-background-color-grey);\n  --bal-link-weight: var(--bal-text-weight-bold);\n  --bal-link-border-width: var(--bal-border-width-base);\n  --bal-link-color-base: var(--bal-text-color-primary);\n  --bal-link-color-base-hover: var(--bal-text-color-primary-hover);\n  --bal-link-color-base-active: var(--bal-text-color-primary-active);\n  --bal-link-color-inverted-hover: var(--bal-text-color-inverted-primary-hover);\n  --bal-link-color-inverted-active: var(--bal-text-color-inverted-primary-active);\n  --bal-toast-radius: var(--bal-radius-base);\n  --bal-toast-success-background: var(--bal-background-color-success-light);\n  --bal-toast-success-border: var(--bal-background-color-success-light);\n  --bal-toast-success-text: var(--bal-text-color-primary);\n  --bal-toast-info-background: var(--bal-background-color-info-light);\n  --bal-toast-info-border: var(--bal-background-color-info-light);\n  --bal-toast-info-text: var(--bal-text-color-primary);\n  --bal-toast-base-background: var(--bal-background-color-grey-light);\n  --bal-toast-base-border: var(--bal-background-color-grey-light);\n  --bal-toast-base-text: var(--bal-text-color-primary);\n  --bal-toast-warning-background: var(--bal-background-color-warning-light);\n  --bal-toast-warning-border: var(--bal-background-color-warning-light);\n  --bal-toast-warning-text: var(--bal-text-color-primary);\n  --bal-toast-danger-background: var(--bal-background-color-danger-light);\n  --bal-toast-danger-border: var(--bal-background-color-danger-light);\n  --bal-toast-danger-text: var(--bal-text-color-primary);\n  --bal-snackbar-radius: var(--bal-radius-base);\n  --bal-snackbar-success-background: var(--bal-background-color-success-light);\n  --bal-snackbar-success-border: var(--bal-background-color-success-light);\n  --bal-snackbar-success-text: var(--bal-text-color-primary);\n  --bal-snackbar-info-background: var(--bal-background-color-info-light);\n  --bal-snackbar-info-border: var(--bal-background-color-info-light);\n  --bal-snackbar-info-text: var(--bal-text-color-primary);\n  --bal-snackbar-base-background: var(--bal-background-color-grey-light);\n  --bal-snackbar-base-border: var(--bal-background-color-grey-light);\n  --bal-snackbar-base-text: var(--bal-text-color-primary);\n  --bal-snackbar-warning-background: var(--bal-background-color-warning-light);\n  --bal-snackbar-warning-border: var(--bal-background-color-warning-light);\n  --bal-snackbar-warning-text: var(--bal-text-color-primary);\n  --bal-snackbar-danger-background: var(--bal-background-color-danger-light);\n  --bal-snackbar-danger-border: var(--bal-background-color-danger-light);\n  --bal-snackbar-danger-text: var(--bal-text-color-primary);\n  --bal-interaction-focus-color-start: var(--bal-interaction-focus-color-border);\n  --bal-interaction-focus-color-inverted-start: var(--bal-interaction-focus-color-border);\n  --bal-button-color-inverted-link-base-text: var(--bal-text-color-inverted-primary);\n  --bal-link-color-inverted: var(--bal-text-color-inverted-primary);\n\n  /* Base tokens */\n  --bal-container-space: var(--bal-size-space-16);\n  --bal-space-none: var(--bal-size-space-0);\n  --bal-space-auto: var(--bal-size-space-auto);\n  --bal-space-2xs: var(--bal-size-space-4);\n  --bal-space-xs: var(--bal-size-space-8);\n  --bal-space-sm: var(--bal-size-space-12);\n  --bal-space-base: var(--bal-size-space-16);\n  --bal-space-md: var(--bal-size-space-20);\n  --bal-space-lg: var(--bal-size-space-24);\n  --bal-space-xl: var(--bal-size-space-32);\n  --bal-space-2xl: var(--bal-size-space-48);\n  --bal-space-3xl: var(--bal-size-space-56);\n  --bal-space-4xl: var(--bal-size-space-64);\n  --bal-text-size-none: var(--bal-font-size-0);\n  --bal-text-size-xs: var(--bal-font-size-12);\n  --bal-text-size-sm: var(--bal-font-size-14);\n  --bal-text-size-base: var(--bal-font-size-16);\n  --bal-text-size-md: var(--bal-font-size-16);\n  --bal-text-size-lg: var(--bal-font-size-18);\n  --bal-text-size-xl: var(--bal-font-size-20);\n  --bal-text-size-2xl: var(--bal-font-size-24);\n  --bal-text-size-3xl: var(--bal-font-size-28);\n  --bal-text-size-4xl: var(--bal-font-size-32);\n  --bal-text-size-5xl: var(--bal-font-size-48);\n  --bal-icon-tile-size-base: var(--bal-size-space-32);\n  --bal-icon-tile-size-lg: var(--bal-size-space-48);\n  --bal-icon-tile-size-xl: var(--bal-size-space-64);\n  --bal-heading-1-size: var(--bal-text-size-3xl-mobile);\n  --bal-heading-2-size: var(--bal-text-size-2xl-mobile);\n  --bal-heading-3-size: var(--bal-text-size-xl-mobile);\n  --bal-heading-4-size: var(--bal-text-size-lg-mobile);\n  --bal-heading-5-size: var(--bal-text-size-base-mobile);\n  --bal-heading-display1-size: var(--bal-text-size-5xl-mobile);\n  --bal-heading-display2-size: var(--bal-text-size-4xl-mobile);\n  --bal-label-size-3xl: var(--bal-text-size-3xl-mobile);\n  --bal-label-size-2xl: var(--bal-text-size-2xl-mobile);\n  --bal-label-size-xl: var(--bal-text-size-xl-mobile);\n  --bal-label-size-lg: var(--bal-text-size-lg-mobile);\n  --bal-label-size-md: var(--bal-text-size-md-mobile);\n  --bal-label-size-base: var(--bal-text-size-base-mobile);\n  --bal-label-size-sm: var(--bal-text-size-sm-mobile);\n  --bal-card-space-sm: var(--bal-space-base-mobile);\n  --bal-card-space-base: var(--bal-space-base-mobile);\n  --bal-card-space-md: var(--bal-space-base-mobile);\n  --bal-card-space-lg: var(--bal-space-base-mobile);\n\n  /* Device tokens */\n  --bal-container-space-device: var(--bal-size-space-16);\n  --bal-space-none-device: var(--bal-size-space-0);\n  --bal-space-auto-device: var(--bal-size-space-auto);\n  --bal-space-2xs-device: var(--bal-size-space-4);\n  --bal-space-xs-device: var(--bal-size-space-8);\n  --bal-space-sm-device: var(--bal-size-space-12);\n  --bal-space-base-device: var(--bal-size-space-16);\n  --bal-space-md-device: var(--bal-size-space-20);\n  --bal-space-lg-device: var(--bal-size-space-24);\n  --bal-space-xl-device: var(--bal-size-space-32);\n  --bal-space-2xl-device: var(--bal-size-space-48);\n  --bal-space-3xl-device: var(--bal-size-space-56);\n  --bal-space-4xl-device: var(--bal-size-space-64);\n  --bal-text-size-none-device: var(--bal-font-size-0);\n  --bal-text-size-xs-device: var(--bal-font-size-12);\n  --bal-text-size-sm-device: var(--bal-font-size-14);\n  --bal-text-size-base-device: var(--bal-font-size-16);\n  --bal-text-size-md-device: var(--bal-font-size-16);\n  --bal-text-size-lg-device: var(--bal-font-size-18);\n  --bal-text-size-xl-device: var(--bal-font-size-20);\n  --bal-text-size-2xl-device: var(--bal-font-size-24);\n  --bal-text-size-3xl-device: var(--bal-font-size-28);\n  --bal-text-size-4xl-device: var(--bal-font-size-32);\n  --bal-text-size-5xl-device: var(--bal-font-size-48);\n  --bal-icon-tile-size-base-device: var(--bal-size-space-32);\n  --bal-icon-tile-size-lg-device: var(--bal-size-space-48);\n  --bal-icon-tile-size-xl-device: var(--bal-size-space-64);\n  --bal-heading-1-size-device: var(--bal-text-size-3xl-mobile);\n  --bal-heading-2-size-device: var(--bal-text-size-2xl-mobile);\n  --bal-heading-3-size-device: var(--bal-text-size-xl-mobile);\n  --bal-heading-4-size-device: var(--bal-text-size-lg-mobile);\n  --bal-heading-5-size-device: var(--bal-text-size-base-mobile);\n  --bal-heading-display1-size-device: var(--bal-text-size-5xl-mobile);\n  --bal-heading-display2-size-device: var(--bal-text-size-4xl-mobile);\n  --bal-label-size-3xl-device: var(--bal-text-size-3xl-mobile);\n  --bal-label-size-2xl-device: var(--bal-text-size-2xl-mobile);\n  --bal-label-size-xl-device: var(--bal-text-size-xl-mobile);\n  --bal-label-size-lg-device: var(--bal-text-size-lg-mobile);\n  --bal-label-size-md-device: var(--bal-text-size-md-mobile);\n  --bal-label-size-base-device: var(--bal-text-size-base-mobile);\n  --bal-label-size-sm-device: var(--bal-text-size-sm-mobile);\n  --bal-card-space-sm-device: var(--bal-space-base-mobile);\n  --bal-card-space-base-device: var(--bal-space-base-mobile);\n  --bal-card-space-md-device: var(--bal-space-base-mobile);\n  --bal-card-space-lg-device: var(--bal-space-base-mobile);\n}\n\n/* Device tokens: Tablet */\n\n@media (min-width: 769px) {\n:root {\n  --bal-breakpoint-device: var(--bal-size-breakpoint-1);\n  --bal-container-space-device: var(--bal-size-space-40);\n  --bal-space-none-device: var(--bal-size-space-0);\n  --bal-space-auto-device: var(--bal-size-space-auto);\n  --bal-space-2xs-device: var(--bal-size-space-4);\n  --bal-space-xs-device: var(--bal-size-space-8);\n  --bal-space-sm-device: var(--bal-size-space-12);\n  --bal-space-base-device: var(--bal-size-space-16);\n  --bal-space-md-device: var(--bal-size-space-20);\n  --bal-space-lg-device: var(--bal-size-space-24);\n  --bal-space-xl-device: var(--bal-size-space-40);\n  --bal-space-2xl-device: var(--bal-size-space-56);\n  --bal-space-3xl-device: var(--bal-size-space-72);\n  --bal-space-4xl-device: var(--bal-size-space-96);\n  --bal-text-size-none-device: var(--bal-font-size-0);\n  --bal-text-size-xs-device: var(--bal-font-size-12);\n  --bal-text-size-sm-device: var(--bal-font-size-14);\n  --bal-text-size-base-device: var(--bal-font-size-16);\n  --bal-text-size-md-device: var(--bal-font-size-18);\n  --bal-text-size-lg-device: var(--bal-font-size-18);\n  --bal-text-size-xl-device: var(--bal-font-size-24);\n  --bal-text-size-2xl-device: var(--bal-font-size-32);\n  --bal-text-size-3xl-device: var(--bal-font-size-40);\n  --bal-text-size-4xl-device: var(--bal-font-size-48);\n  --bal-text-size-5xl-device: var(--bal-font-size-80);\n  --bal-icon-tile-size-base-device: var(--bal-size-space-48);\n  --bal-icon-tile-size-lg-device: var(--bal-size-space-64);\n  --bal-icon-tile-size-xl-device: var(--bal-size-space-96);\n  --bal-heading-1-size-device: var(--bal-text-size-3xl-tablet);\n  --bal-heading-2-size-device: var(--bal-text-size-2xl-tablet);\n  --bal-heading-3-size-device: var(--bal-text-size-xl-tablet);\n  --bal-heading-4-size-device: var(--bal-text-size-lg-tablet);\n  --bal-heading-5-size-device: var(--bal-text-size-base-tablet);\n  --bal-heading-display1-size-device: var(--bal-text-size-5xl-tablet);\n  --bal-heading-display2-size-device: var(--bal-text-size-4xl-tablet);\n  --bal-label-size-3xl-device: var(--bal-text-size-3xl-tablet);\n  --bal-label-size-2xl-device: var(--bal-text-size-2xl-tablet);\n  --bal-label-size-xl-device: var(--bal-text-size-xl-tablet);\n  --bal-label-size-lg-device: var(--bal-text-size-lg-tablet);\n  --bal-label-size-md-device: var(--bal-text-size-md-tablet);\n  --bal-label-size-base-device: var(--bal-text-size-base-tablet);\n  --bal-label-size-sm-device: var(--bal-text-size-sm-tablet);\n  --bal-card-space-sm-device: var(--bal-space-base-mobile);\n  --bal-card-space-base-device: var(--bal-space-lg-mobile);\n  --bal-card-space-md-device: var(--bal-space-lg-mobile);\n  --bal-card-space-lg-device: var(--bal-space-xl-mobile);\n}\n}\n\n/* Device tokens: Desktop */\n\n@media (min-width: 1024px) {\n:root {\n  --bal-breakpoint-device: var(--bal-size-breakpoint-2);\n  --bal-container-space-device: var(--bal-size-space-48);\n  --bal-space-none-device: var(--bal-size-space-0);\n  --bal-space-auto-device: var(--bal-size-space-auto);\n  --bal-space-2xs-device: var(--bal-size-space-4);\n  --bal-space-xs-device: var(--bal-size-space-8);\n  --bal-space-sm-device: var(--bal-size-space-12);\n  --bal-space-base-device: var(--bal-size-space-16);\n  --bal-space-md-device: var(--bal-size-space-24);\n  --bal-space-lg-device: var(--bal-size-space-32);\n  --bal-space-xl-device: var(--bal-size-space-48);\n  --bal-space-2xl-device: var(--bal-size-space-64);\n  --bal-space-3xl-device: var(--bal-size-space-96);\n  --bal-space-4xl-device: var(--bal-size-space-128);\n  --bal-text-size-none-device: var(--bal-font-size-0);\n  --bal-text-size-xs-device: var(--bal-font-size-12);\n  --bal-text-size-sm-device: var(--bal-font-size-14);\n  --bal-text-size-base-device: var(--bal-font-size-16);\n  --bal-text-size-md-device: var(--bal-font-size-18);\n  --bal-text-size-lg-device: var(--bal-font-size-18);\n  --bal-text-size-xl-device: var(--bal-font-size-24);\n  --bal-text-size-2xl-device: var(--bal-font-size-32);\n  --bal-text-size-3xl-device: var(--bal-font-size-40);\n  --bal-text-size-4xl-device: var(--bal-font-size-48);\n  --bal-text-size-5xl-device: var(--bal-font-size-80);\n  --bal-heading-1-size-device: var(--bal-text-size-3xl-desktop);\n  --bal-heading-2-size-device: var(--bal-text-size-2xl-desktop);\n  --bal-heading-3-size-device: var(--bal-text-size-xl-desktop);\n  --bal-heading-4-size-device: var(--bal-text-size-lg-desktop);\n  --bal-heading-5-size-device: var(--bal-text-size-base-desktop);\n  --bal-heading-display1-size-device: var(--bal-text-size-5xl-desktop);\n  --bal-heading-display2-size-device: var(--bal-text-size-4xl-desktop);\n  --bal-label-size-3xl-device: var(--bal-text-size-3xl-desktop);\n  --bal-label-size-2xl-device: var(--bal-text-size-2xl-desktop);\n  --bal-label-size-xl-device: var(--bal-text-size-xl-desktop);\n  --bal-label-size-lg-device: var(--bal-text-size-lg-tablet);\n  --bal-label-size-md-device: var(--bal-text-size-md-desktop);\n  --bal-label-size-base-device: var(--bal-text-size-base-tablet);\n  --bal-label-size-sm-device: var(--bal-space-sm-desktop);\n  --bal-card-space-sm-device: var(--bal-space-base-mobile);\n  --bal-card-space-base-device: var(--bal-space-lg-mobile);\n  --bal-card-space-md-device: var(--bal-space-xl-mobile);\n  --bal-card-space-lg-device: var(--bal-space-2xl-mobile);\n}\n}\n\n","@forward '@baloise/ds-tokens/dist/css/base.tokens.css';\n\n:root {\n  --bal-column-gap: 1rem;\n}\n","@use '@baloise/ds-tokens/dist/sass/base.tokens.scss' as *;\n\n@mixin from($device) {\n  @media screen and (min-width: $device) {\n    @content;\n  }\n}\n@mixin until($device) {\n  @media screen and (max-width: $device - 1px) {\n    @content;\n  }\n}\n@mixin between($min-device, $max-device) {\n  @media screen and (min-width: $min-device) and (max-width: $max-device - 1px) {\n    @content;\n  }\n}\n@mixin mobile {\n  @media screen and (max-width: $bal-breakpoint-tablet - 1px) {\n    @content;\n  }\n}\n@mixin tablet {\n  @media screen and (min-width: $bal-breakpoint-tablet) {\n    @content;\n  }\n}\n@mixin tablet-only {\n  @media screen and (min-width: $bal-breakpoint-tablet) and (max-width: $bal-breakpoint-desktop - 1px) {\n    @content;\n  }\n}\n@mixin touch {\n  @media screen and (max-width: $bal-breakpoint-desktop - 1px) {\n    @content;\n  }\n}\n@mixin desktop {\n  @media screen and (min-width: $bal-breakpoint-desktop) {\n    @content;\n  }\n}\n@mixin desktop-only {\n  @media screen and (min-width: $bal-breakpoint-desktop) and (max-width: $bal-breakpoint-desktop-lg - 1px) {\n    @content;\n  }\n}\n@mixin desktop-lg {\n  @media screen and (min-width: $bal-breakpoint-desktop-lg) {\n    @content;\n  }\n}\n@mixin desktop-lg-only {\n  @media screen and (min-width: $bal-breakpoint-desktop-lg) and (max-width: $bal-breakpoint-desktop-xl - 1px) {\n    @content;\n  }\n}\n@mixin until-desktop-lg {\n  @media screen and (max-width: $bal-breakpoint-desktop-lg - 1px) {\n    @content;\n  }\n}\n@mixin until-desktop-xl {\n  @media screen and (max-width: $bal-breakpoint-desktop-xl - 1px) {\n    @content;\n  }\n}\n@mixin desktop-xl {\n  @media screen and (min-width: $bal-breakpoint-desktop-xl) {\n    @content;\n  }\n}\n@mixin desktop-xl-only {\n  @media screen and (min-width: $bal-breakpoint-desktop-xl) and (max-width: $bal-breakpoint-desktop-2xl - 1px) {\n    @content;\n  }\n}\n@mixin until-desktop-2xl {\n  @media screen and (max-width: $bal-breakpoint-desktop-2xl - 1px) {\n    @content;\n  }\n}\n@mixin desktop-2xl {\n  @media screen and (min-width: $bal-breakpoint-desktop-2xl) {\n    @content;\n  }\n}\n\n/**\n  * @deprecated Use desktop with t-shirt size breakpoints instead\n  */\n\n@mixin high-definition {\n  @media screen and (min-width: $bal-breakpoint-desktop-lg) {\n    @content;\n  }\n}\n@mixin high-definition-only {\n  @media screen and (min-width: $bal-breakpoint-desktop-lg) and (max-width: $bal-breakpoint-desktop-xl - 1px) {\n    @content;\n  }\n}\n@mixin until-high-definition {\n  @media screen and (max-width: $bal-breakpoint-desktop-lg - 1px) {\n    @content;\n  }\n}\n@mixin until-widescreen {\n  @media screen and (max-width: $bal-breakpoint-desktop-xl - 1px) {\n    @content;\n  }\n}\n@mixin widescreen {\n  @media screen and (min-width: $bal-breakpoint-desktop-xl) {\n    @content;\n  }\n}\n@mixin widescreen-only {\n  @media screen and (min-width: $bal-breakpoint-desktop-xl) and (max-width: $bal-breakpoint-desktop-2xl - 1px) {\n    @content;\n  }\n}\n@mixin until-fullhd {\n  @media screen and (max-width: $bal-breakpoint-desktop-2xl - 1px) {\n    @content;\n  }\n}\n@mixin fullhd {\n  @media screen and (min-width: $bal-breakpoint-desktop-2xl) {\n    @content;\n  }\n}\n","@use 'sass:map';\n@use 'sass:string';\n@use 'sass:math';\n\n@mixin hover {\n  @media (hover: hover) and (pointer: fine) {\n    @content;\n  }\n}\n\n@mixin overflow-touch {\n  -webkit-overflow-scrolling: touch;\n}\n\n@mixin focus-shadow($color: var(--bal-interaction-focus-color-start)) {\n  @include hover {\n    box-shadow:\n      var(--bal-interaction-focus-color-border) 0 0 0 2px,\n      #{$color} 0 0 0 5px !important;\n  }\n}\n\n@mixin focus-inset-shadow {\n  @include hover {\n    box-shadow:\n      inset var(--bal-interaction-focus-color-end) 0 0 0 3px,\n      inset var(--bal-interaction-focus-color-start) 0 0 0 5px !important;\n  }\n}\n\n@mixin focus-inverted-shadow {\n  @include hover {\n    box-shadow:\n      var(--bal-interaction-focus-color-inverted-start) 0 0 0 2px,\n      var(--bal-interaction-focus-color-inverted-end) 0 0 0 5px !important;\n  }\n}\n\n@mixin focus-inverted-inset-shadow {\n  @include hover {\n    box-shadow:\n      inset var(--bal-interaction-focus-color-inverted-end) 0 0 0 3px,\n      inset var(--bal-interaction-focus-color-inverted-start) 0 0 0 5px !important;\n  }\n}\n\n// --------------------------------------------\n\n@mixin font-smoothing {\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n}\n\n@mixin unselectable {\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n\n@mixin disabled {\n  cursor: default !important;\n  pointer-events: none !important;\n}\n\n@mixin reset {\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  appearance: none;\n  background: none;\n  border: none;\n  color: currentColor;\n  font-family: inherit;\n  font-size: 1em;\n  margin: 0;\n  padding: 0;\n}\n\n@mixin overlay($offset: 0) {\n  bottom: $offset;\n  left: $offset;\n  position: absolute;\n  right: $offset;\n  top: $offset;\n}\n\n@mixin input-cover() {\n  @include position(0, null, null, 0);\n  @include margin(0);\n\n  position: absolute;\n\n  width: 100%;\n  height: 100%;\n\n  border: 0;\n  background: transparent;\n  cursor: pointer;\n\n  appearance: none;\n  outline: none;\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n}\n\n@mixin visually-hidden() {\n  position: absolute;\n\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n\n  width: 100%;\n  height: 100%;\n\n  margin: 0;\n  padding: 0;\n\n  border: 0;\n  outline: 0;\n  clip: rect(0 0 0 0);\n\n  opacity: 0;\n  overflow: hidden;\n\n  -webkit-appearance: none;\n  -moz-appearance: none;\n}\n\n@mixin text-inherit() {\n  font-family: inherit;\n  font-size: inherit;\n  font-style: inherit;\n  font-weight: inherit;\n  letter-spacing: inherit;\n  text-decoration: inherit;\n  text-indent: inherit;\n  text-overflow: inherit;\n  text-transform: inherit;\n  text-align: inherit;\n  white-space: inherit;\n  color: inherit;\n}\n\n// Blumer mixins\n// --------------------------------------------\n\n$block-spacing: 0.25rem !default;\n@mixin bottomSpacing($spacing: $block-spacing) {\n  &:not(:last-child) {\n    margin-bottom: $spacing;\n  }\n}\n\n@mixin ltr-position($spacing, $right: true) {\n  $normal: if($right, 'right', 'left');\n  #{$normal}: $spacing;\n}\n\n@mixin ltr-property($property, $spacing, $right: true) {\n  $normal: if($right, 'right', 'left');\n  #{$property}-#{$normal}: $spacing;\n}\n","@use 'general.mixin' as *;\n\n%bottomSpacing {\n  @include bottomSpacing;\n}\n%hidden-input {\n  @include visually-hidden;\n}\n%focus-shadow {\n  @include focus-shadow;\n}\n%focus-inverted-shadow {\n  @include focus-inverted-shadow;\n}\n%focus-inset-shadow {\n  @include focus-inset-shadow;\n}\n%focus-inverted-inset-shadow {\n  @include focus-inverted-inset-shadow;\n}\n%disabled {\n  @include disabled;\n}\n%unselectable {\n  @include unselectable;\n}\n%font-smoothing {\n  @include font-smoothing;\n}\n%reset {\n  @include reset;\n}\n%overlay {\n  @include overlay;\n}\n","/**\n * @prop --bal-body-background: Body background color\n * @prop --bal-body-font-family: Body font family\n * @prop --bal-body-color: Body text color\n * @prop --bal-body-font-weight: Body text weight\n * @prop --bal-body-font-size: Body font size\n * @prop --bal-body-line-height: Body line height\n * @prop --bal-divider-background: Divider background color\n * @prop --bal-focus-shadow-start-color: Focus shadow start color\n * @prop --bal-focus-shadow-end-color: Focus shadow start end\n * @prop --bal-focus-shadow: Focus shadow\n * @prop --bal-focus-shadow-inset: Focus shadow inset\n * @prop --bal-focus-shadow-inverted-start-color: Focus shadow start color\n * @prop --bal-focus-shadow-inverted-end-color: Focus shadow end color\n * @prop --bal-focus-shadow-inverted: Focus shadow on a dark background\n * @prop --bal-focus-shadow-inverted-inset: Focus shadow on a dark background inset\n * @prop --bal-small-font-size: TBD\n * @prop --bal-strong-color: TBD\n * @prop --bal-strong-font-weight: TBD\n */\n\n:root {\n  //\n  // body variables\n  // --bal-body-background: var(--bal-color-text-white);\n  // --bal-body-font-family: var(--bal-font-family-text);\n  // --bal-body-color: var(--bal-color-text-primary);\n  // --bal-body-font-weight: var(--bal-text-weight-regular);\n  // --bal-body-font-size: 16px;\n  // --bal-body-line-height: var(--bal-line-height-normal);\n  // --bal-small-font-size: var(--bal-text-size-sm);\n  // --bal-strong-color: var(--bal-color-text-primary);\n  // --bal-strong-font-weight: var(--bal-text-weight-bold);\n  //\n  // divider variables\n  // --bal-divider-background: var(--bal-color-primary-2);\n  //\n  // focus shadow\n}\n","/**\n * @prop --bal-form-field-control-font-size: TBD\n * @prop --bal-form-field-control-font-family: TBD\n * @prop --bal-form-field-control-color: TBD\n * @prop --bal-form-field-control-placeholder-color: TBD\n * @prop --bal-form-field-control-radius: TBD\n * @prop --bal-form-field-control-background: TBD\n * @prop --bal-form-field-control-background-hover: TBD\n * @prop --bal-form-field-control-background-active: TBD\n * @prop --bal-form-field-control-border-width: TBD\n * @prop --bal-form-field-control-border-style: TBD\n * @prop --bal-form-field-control-border-color: TBD\n * @prop --bal-form-field-control-border-color-hover: TBD\n * @prop --bal-form-field-control-border-color-active: TBD\n * @prop --bal-form-field-control-success-background: TBD\n * @prop --bal-form-field-control-success-background-hover: TBD\n * @prop --bal-form-field-control-success-background-active: TBD\n * @prop --bal-form-field-control-success-border-color: TBD\n * @prop --bal-form-field-control-success-border-color-hover: TBD\n * @prop --bal-form-field-control-success-border-color-active: TBD\n * @prop --bal-form-field-control-danger-background: TBD\n * @prop --bal-form-field-control-danger-background-hover: TBD\n * @prop --bal-form-field-control-danger-background-active: TBD\n * @prop --bal-form-field-control-danger-border-color: TBD\n * @prop --bal-form-field-control-danger-border-color-hover: TBD\n * @prop --bal-form-field-control-danger-border-color-active: TBD\n * @prop --bal-form-field-control-disabled-color: TBD\n * @prop --bal-form-field-control-disabled-background: TBD\n * @prop --bal-form-field-control-disabled-border-color: TBD\n * @prop --bal-form-field-label-font-size: TBD\n * @prop --bal-form-field-label-line-height: TBD\n * @prop --bal-form-field-label-font-weight: TBD\n * @prop --bal-form-field-label-font-family: TBD\n * @prop --bal-form-field-label-margin-bottom: TBD\n * @prop --bal-form-field-label-color-hover: TBD\n * @prop --bal-form-field-label-color-active: TBD\n * @prop --bal-form-field-label-success-color: TBD\n * @prop --bal-form-field-label-danger-color: TBD\n * @prop --bal-form-field-label-danger-color-hover: TBD\n * @prop --bal-form-field-label-danger-color-active: TBD\n * @prop --bal-form-field-label-disabled-color TBD\n * @prop --bal-form-field-message-font-size: TBD\n * @prop --bal-form-field-message-font-weight: TBD\n * @prop --bal-form-field-message-color: TBD\n * @prop --bal-form-field-message-color-hover: TBD\n * @prop --bal-form-field-message-color-active: TBD\n * @prop --bal-form-field-message-font-weight: TBD\n * @prop --bal-form-field-message-success-color: TBD\n * @prop --bal-form-field-message-danger-color: TBD\n * @prop --bal-form-field-message-disabled-color: TBD\n * @prop --bal-form-field-icon-color: TBD\n * @prop --bal-form-field-icon-color-hover: TBD\n * @prop --bal-form-field-icon-color-active: TBD\n * @prop --bal-form-field-icon-success-color: TBD\n * @prop --bal-form-field-icon-danger-color: TBD\n * @prop --bal-form-field-icon-disabled-color: TBD\n * @prop --bal-file-label-color: TBD\n * @prop --bal-file-label-color-hover: TBD\n * @prop --bal-file-label-color-active: TBD\n * @prop --bal-file-border-style: TBD\n * @prop --bal-file-label-disabled-color: TBD\n */\n\n:root {\n  //\n  // form control\n  --bal-form-field-control-font-size: var(--bal-text-size-base);\n  --bal-form-field-control-font-family: var(--bal-font-family-text);\n  --bal-form-field-control-color: var(--bal-color-text-primary);\n  --bal-form-field-control-placeholder-color: var(--bal-color-text-primary-light);\n  --bal-form-field-control-radius: var(--bal-radius-base);\n  --bal-form-field-control-background: var(--bal-color-white);\n  --bal-form-field-control-background-hover: var(--bal-color-grey-1);\n  --bal-form-field-control-background-active: var(--bal-color-grey-1);\n  --bal-form-field-control-border-width: var(--bal-border-width-base);\n  --bal-form-field-control-border-style: solid;\n  --bal-form-field-control-border-color: var(--bal-color-border-base);\n  --bal-form-field-control-border-color-hover: var(--bal-form-field-control-border-color);\n  --bal-form-field-control-border-color-active: var(--bal-color-border-primary-base);\n  // success\n  --bal-form-field-control-success-background: var(--bal-color-success-1);\n  --bal-form-field-control-success-background-hover: var(--bal-color-success-1);\n  --bal-form-field-control-success-background-active: var(--bal-color-success-1);\n  --bal-form-field-control-success-border-color: var(--bal-color-border-success-base);\n  --bal-form-field-control-success-border-color-hover: var(--bal-form-field-control-border-color);\n  --bal-form-field-control-success-border-color-active: var(--bal-color-border-primary-base);\n  // danger\n  --bal-form-field-control-danger-background: var(--bal-color-danger-1);\n  --bal-form-field-control-danger-background-hover: var(--bal-color-danger-1);\n  --bal-form-field-control-danger-background-active: var(--bal-color-danger-1);\n  --bal-form-field-control-danger-border-color: var(--bal-color-border-danger-base);\n  --bal-form-field-control-danger-border-color-hover: var(--bal-form-field-control-border-color);\n  --bal-form-field-control-danger-border-color-active: var(--bal-color-border-primary-base);\n  // disabled\n  --bal-form-field-control-disabled-color: var(--bal-color-text-grey-dark);\n  --bal-form-field-control-disabled-background: var(--bal-color-grey-2);\n  --bal-form-field-control-disabled-border-color: var(--bal-color-border-grey-dark);\n  //\n  // field label\n  --bal-form-field-label-font-size: var(--bal-text-size-sm);\n  --bal-form-field-label-line-height: var(--bal-line-height-small);\n  --bal-form-field-label-font-weight: var(--bal-text-weight-bold);\n  --bal-form-field-label-font-family: var(--bal-font-family-text);\n  --bal-form-field-label-margin-bottom: 0.25rem;\n  --bal-form-field-label-color-hover: var(--bal-link-color-text-primary-hover);\n  --bal-form-field-label-color-active: var(--bal-link-color-text-primary-active);\n  --bal-form-field-label-success-color: var(--bal-color-text-success);\n  --bal-form-field-label-danger-color: var(--bal-color-text-danger);\n  --bal-form-field-label-danger-color-hover: var(--bal-color-text-danger-hover);\n  --bal-form-field-label-danger-color-active: var(--bal-color-text-danger-active);\n  --bal-form-field-label-disabled-color: var(--bal-color-text-grey);\n  //\n  // field message\n  --bal-form-field-message-font-size: var(--bal-text-size-xs);\n  --bal-form-field-message-font-weight: var(--bal-text-weight-regular);\n  --bal-form-field-message-color: var(--bal-color-text-primary-light);\n  --bal-form-field-message-color-hover: var(--bal-link-color-text-primary-hover);\n  --bal-form-field-message-color-active: var(--bal-link-color-text-primary-active);\n  --bal-form-field-message-font-weight: var(--bal-text-weight-regular);\n  --bal-form-field-message-success-color: var(--bal-color-text-success);\n  --bal-form-field-message-danger-color: var(--bal-color-text-danger);\n  --bal-form-field-message-disabled-color: var(--bal-color-text-grey);\n  //\n  // field icon\n  --bal-form-field-icon-color: var(--bal-link-color-text-primary-base);\n  --bal-form-field-icon-color-hover: var(--bal-link-color-text-primary-hover);\n  --bal-form-field-icon-color-active: var(--bal-link-color-text-primary-active);\n  --bal-form-field-icon-success-color: var(--bal-color-text-success);\n  --bal-form-field-icon-danger-color: var(--bal-color-text-danger);\n  --bal-form-field-icon-disabled-color: var(--bal-color-text-grey);\n  //\n  // file upload\n  --bal-file-label-color: var(--bal-link-color-text-primary-base);\n  --bal-file-label-color-hover: var(--bal-link-color-text-primary-hover);\n  --bal-file-label-color-active: var(--bal-link-color-text-primary-active);\n  --bal-file-border-style: dashed;\n  --bal-file-label-disabled-color: var(--bal-color-text-grey-dark);\n}\n","/**\n * @prop --bal-list-marker-color: Color of the list marker symbol\n * @prop --bal-list-marker-inverted-color: Color of the list marker symbol on a dark background\n * @prop --bal-list-bullet-radius: Radius of the custom bullet\n * @prop --bal-list-bullet-background: Background color of the custom bullet\n * @prop --bal-list-bullet-background-green: Green background color of the custom bullet\n * @prop --bal-list-bullet-background-red: Red background color of the custom bullet\n * @prop --bal-list-bullet-background-yellow: Yellow background color of the custom bullet\n * @prop --bal-list-bullet-background-purple: Purple background color of the custom bullet\n */\n\n:root {\n  --bal-list-marker-color: var(--bal-color-brand-primary-base);\n  --bal-list-marker-inverted-color: var(--bal-color-white);\n  --bal-list-bullet-radius: var(--bal-radius-rounded);\n  --bal-list-bullet-background: var(--bal-color-green-3);\n  --bal-list-bullet-background-green: var(--bal-color-green-3);\n  --bal-list-bullet-background-red: var(--bal-color-red-3);\n  --bal-list-bullet-background-yellow: var(--bal-color-yellow-3);\n  --bal-list-bullet-background-purple: var(--bal-color-purple-3);\n\n  --bal-description-list-grid-term: 1fr;\n  --bal-description-list-grid-detail: 1fr;\n  --bal-description-list-row-gap: var(--bal-space-2xs);\n  --bal-description-list-column-gap: var(--bal-space-base);\n  --bal-description-list-term-color: var(--bal-color-text-primary-light);\n  --bal-description-list-term-font-weight: var(--bal-text-weight-regular);\n  --bal-description-list-detail-color: var(--bal-color-text-primary);\n  --bal-description-list-detail-font-weight: var(--bal-text-weight-regular);\n}\n","/**\n * @prop --bal-table-color: Tables default font color\n * @prop --bal-table-background-color: Tables default background color\n * @prop --bal-table-body-background-color: Table body background\n * @prop --bal-table-cell-border: Table cell border\n * @prop --bal-table-cell-border-width: Table cell border width\n * @prop --bal-table-cell-padding: Table cell padding\n * @prop --bal-table-cell-heading-color: Table cell heading color\n * @prop --bal-table-head-cell-border-width: Table head cell border width\n * @prop --bal-table-head-cell-border-color: Table head cell border color\n * @prop --bal-table-head-cell-color: Table head cell color\n * @prop --bal-table-head-background-color: Table head cell background\n * @prop --bal-table-head-font-size:  Table head cell font size backgound\n * @prop --bal-table-head-font-family: Table head cell font family\n * @prop --bal-table-foot-cell-border-width: Table foot cell border width\n * @prop --bal-table-foot-cell-color: Table foot cell color\n * @prop --bal-table-foot-background-color: Table foot cell background\n * @prop --bal-table-row-background-color-hover: Table row hover background\n * @prop --bal-table-row-background-color-active: Table row pressed background\n * @prop --bal-table-row-color-active: Table row pressed font color\n * @prop --bal-table-striped-row-even-background-color: Table row striped background\n * @prop --bal-table-striped-row-even-background-color-hover: Table row striped background on hover\n */\n\n:root {\n  --bal-table-color: var(--bal-color-primary-5);\n  --bal-table-background-color: var(--bal-color-white);\n  --bal-table-body-background-color: transparent;\n  //\n  // cell\n  --bal-table-cell-border-color: var(--bal-border-color-base);\n  --bal-table-cell-border: 2px solid var(--bal-table-cell-border-color);\n  --bal-table-cell-border-width: 0 0 2px;\n  --bal-table-cell-padding: 0.5em 0.75em;\n  --bal-table-cell-heading-color: var(--bal-color-primary-5);\n  //\n  // head\n  --bal-table-head-cell-border-width: 0 0 1px;\n  --bal-table-head-cell-border-color: var(--bal-color-primary-5);\n  --bal-table-head-cell-color: var(--bal-color-primary-5);\n  --bal-table-head-background-color: transparent;\n  --bal-table-head-font-size: var(--bal-text-size-base);\n  --bal-table-head-font-family: var(--bal-font-family-title);\n  //\n  // foot\n  --bal-table-foot-cell-border-width: 0 0 0;\n  --bal-table-foot-cell-color: var(--bal-color-primary-5);\n  --bal-table-foot-background-color: transparent;\n  //\n  // row\n  --bal-table-row-background-color-hover: var(--bal-color-grey-2);\n  --bal-table-row-background-color-active: var(--bal-color-primary-1);\n  --bal-table-row-color-active: var(--bal-color-primary-5);\n  --bal-table-striped-row-even-background-color: var(--bal-color-grey-1);\n  --bal-table-striped-row-even-background-color-hover: var(--bal-color-grey-2);\n}\n","@use '../../mixins/_all' as *;\n\n@mixin placeholder {\n  $placeholders: ':-moz' ':-webkit-input' '-moz' '-ms-input';\n  @each $placeholder in $placeholders {\n    &:#{$placeholder}-placeholder {\n      @content;\n    }\n  }\n}\n@mixin input {\n  @extend %control;\n  justify-content: flex-start;\n  background-color: var(--bal-form-field-control-background);\n  border-color: var(--bal-form-field-control-border-color);\n  border-style: var(--bal-form-field-control-border-style);\n  border-radius: var(--bal-form-field-control-radius);\n  color: var(--bal-form-field-control-color);\n  @include placeholder {\n    color: var(--bal-form-field-control-placeholder-color);\n  }\n  @include hover() {\n    &:hover,\n    &.is-hovered {\n      border-color: var(--bal-form-field-control-border-color-hover);\n      background-color: var(--bal-form-field-control-background-hover);\n    }\n  }\n  &.bal-focused,\n  &:focus,\n  &.is-focused,\n  &:active,\n  &.is-active {\n    border-color: var(--bal-form-field-control-border-color-active);\n    background-color: var(--bal-form-field-control-background-active);\n  }\n  &[disabled],\n  fieldset[disabled] & {\n    background-color: var(--bal-form-field-control-disabled-background);\n    border-color: var(--bal-form-field-control-disabled-border-color);\n    box-shadow: none;\n    color: var(--bal-form-field-control-disabled-color);\n    @include placeholder {\n      color: var(--bal-form-field-control-disabled-color);\n    }\n  }\n}\n@mixin control {\n  -moz-appearance: none !important;\n  -webkit-appearance: none !important;\n  align-items: center;\n  border-width: var(--bal-border-width-base);\n  border-color: var(--bal-color-border-base);\n  border-radius: var(--bal-radius-base);\n  box-shadow: none;\n  display: inline-flex;\n  font-size: var(--bal-text-size-base);\n  min-height: 3rem;\n  height: 3rem;\n  line-height: 1.5;\n  padding-left: calc(0.75em - var(--bal-border-width-base));\n  padding-right: calc(0.75em - var(--bal-border-width-base));\n  position: relative;\n  vertical-align: top;\n  // States\n  &:focus,\n  &.is-focused,\n  &:active,\n  &.is-active {\n    outline: none;\n  }\n  &[disabled],\n  fieldset[disabled] & {\n    cursor: default;\n  }\n}\n%input {\n  @include input;\n}\n%control {\n  @include control;\n}\n","@use './shared' as *;\n\n%input-textarea {\n  @extend %input;\n  max-width: 100%;\n  width: 100%;\n  &[readonly] {\n    box-shadow: none;\n  } // Modifiers\n  &.is-fullwidth {\n    display: block;\n    width: 100%;\n  }\n  &.is-inline {\n    display: inline;\n    width: auto;\n  }\n}\n.input {\n  @extend %input-textarea;\n}\n.textarea {\n  @extend %input-textarea;\n  display: block;\n  max-width: 100%;\n  min-width: 100%;\n  resize: vertical;\n  padding: calc(0.75em - 2px);\n  &:not([rows]) {\n    max-height: 40em;\n    min-height: 8em;\n  }\n  &[rows] {\n    height: initial;\n  } // Modifiers\n  &.has-fixed-size {\n    resize: none;\n  }\n}\ninput.input,\ntextarea.textarea {\n  border-width: 2px;\n  border-radius: var(--bal-form-field-control-radius);\n  font-size: var(--bal-form-field-control-font-size);\n  font-family: var(--bal-form-field-control-font-family);\n  color: var(--bal-form-field-control-color);\n  outline: none;\n  box-shadow: none;\n  &.is-danger {\n    border-color: var(--bal-form-field-control-danger-border-color);\n    background: var(--bal-form-field-control-danger-background);\n    &.bal-focused,\n    &:focus,\n    &.is-focused,\n    &:active,\n    &.is-active {\n      border-color: var(--bal-form-field-control-border-color-active);\n    }\n  }\n  &.is-success {\n    border-color: var(--bal-form-field-control-success-border-color);\n    background: var(--bal-form-field-control-success-background);\n    &.bal-focused,\n    &:focus,\n    &.is-focused,\n    &:active,\n    &.is-active {\n      border-color: var(--bal-form-field-control-border-color-active);\n    } // deprecated\n  }\n  &.is-warning {\n    border-color: var(--bal-color-border-warning-base);\n    background: var(--bal-color-warning-1);\n    &.bal-focused,\n    &:focus,\n    &.is-focused,\n    &:active,\n    &.is-active {\n      border-color: var(--bal-form-field-control-border-color-active);\n    }\n  }\n  &.is-disabled {\n    color: var(--bal-form-field-control-disabled-color);\n    border-color: var(--bal-form-field-control-disabled-border-color);\n    background: var(--bal-form-field-control-disabled-background);\n  }\n  // overrides style for inputs in a group input\n}\ninput.is-grouped {\n  background: none !important;\n  border: none !important;\n  box-shadow: none !important;\n}\n","@use '../../mixins/_all' as *;\n@use './shared' as *;\n\n.select {\n  display: inline-block;\n  max-width: 100%;\n  width: 100%;\n  position: relative;\n  vertical-align: top;\n  &:not(.is-multiple) {\n    height: 3rem;\n  }\n  &:not(.is-multiple):not(.is-loading) {\n    &::after {\n      border: 3px solid var(--bal-form-field-icon-color);\n      border-radius: 2px;\n      border-right: 0;\n      border-top: 0;\n      content: ' ';\n      display: block;\n      height: 0.625em;\n      margin-top: -0.4rem;\n      pointer-events: none;\n      position: absolute;\n      top: 50%;\n      transform: rotate(-45deg);\n      transform-origin: center;\n      width: 0.625em;\n\n      @include ltr-position(1.125em);\n      z-index: 4;\n    }\n  }\n  select {\n    @extend %input;\n    cursor: pointer;\n    display: block;\n    font-size: 1em;\n    max-width: 100%;\n    width: 100%;\n    outline: none;\n    border-radius: var(--bal-form-field-control-radius);\n    &::-ms-expand {\n      display: none;\n    }\n    &[disabled]:hover,\n    fieldset[disabled] &:hover {\n      border-color: var(--bal-form-field-control-disabled-border-color);\n    }\n    &:not([multiple]) {\n      @include ltr-property('padding', 2.5em);\n    }\n    &[multiple] {\n      height: auto;\n      padding: 0;\n      option {\n        padding: 0.5em 1em;\n      } // States\n    }\n  }\n  &:not(.is-multiple):not(.is-loading):hover {\n    &::after {\n      border-color: var(--bal-form-field-label-color-hover);\n    }\n  }\n  &:not(.is-multiple):not(.is-loading):active {\n    &::after {\n      border-color: var(--bal-form-field-label-color-active);\n    } // Modifiers\n  }\n  &.is-disabled {\n    &::after {\n      border-color: var(--bal-form-field-control-disabled-border-color) !important;\n    }\n  }\n  &.is-success {\n    select {\n      border-color: var(--bal-form-field-control-success-border-color);\n      background: var(--bal-form-field-control-success-background);\n      &.bal-focused,\n      &:focus,\n      &.is-focused,\n      &:active,\n      &.is-active {\n        border-color: var(--bal-form-field-control-success-border-color-active);\n      }\n    }\n    &::after {\n      border-color: var(--bal-form-field-control-success-border-color) !important;\n    }\n    &:focus::after,\n    &:active::after,\n    &:focus-within::after {\n      border-color: var(--bal-form-field-control-success-border-color-active) !important;\n    }\n  }\n  &.is-danger {\n    select {\n      border-color: var(--bal-form-field-control-danger-border-color);\n      background: var(--bal-form-field-control-danger-background);\n      &.bal-focused,\n      &:focus,\n      &.is-focused,\n      &:active,\n      &.is-active {\n        border-color: var(--bal-form-field-control-danger-border-color-active);\n      }\n    }\n    &::after {\n      border-color: var(--bal-form-field-control-danger-border-color) !important;\n    }\n    &:focus::after,\n    &:active::after,\n    &:focus-within::after {\n      border-color: var(--bal-form-field-control-danger-border-color-active) !important;\n    }\n  }\n  &.is-warning {\n    select {\n      border-color: var(--bal-color-border-warning-base);\n      background: var(--bal-color-warning-1);\n      &.bal-focused,\n      &:focus,\n      &.is-focused,\n      &:active,\n      &.is-active {\n        border-color: var(--bal-color-border-primary);\n      }\n    }\n    &::after {\n      border-color: var(--bal-color-border-warning-base) !important;\n    }\n    &:focus::after,\n    &:active::after,\n    &:focus-within::after {\n      border-color: var(--bal-color-border-primary) !important;\n    }\n  }\n  &.is-fullwidth {\n    width: 100%;\n    select {\n      width: 100%;\n    }\n  }\n}\n","@use '../../mixins/_all' as *;\n@use './shared' as *;\n\n.file {\n  @extend %unselectable;\n  align-items: stretch;\n  display: flex;\n  justify-content: flex-start;\n  position: relative;\n  width: 100%;\n  font-size: var(--bal-form-field-control-font-size);\n  justify-content: center;\n  .file-label {\n    width: 100%;\n    flex-direction: column;\n  }\n  .file-cta {\n    flex-direction: column;\n    height: auto;\n    padding: 1em 3em;\n  }\n  .file-icon {\n    height: 1.5em;\n    width: 1.5em;\n  }\n}\n.file-label {\n  align-items: stretch;\n  display: flex;\n  cursor: pointer;\n  justify-content: flex-start;\n  overflow: hidden;\n  position: relative;\n  gap: 0.5rem;\n  font-weight: var(--bal-form-field-label-font-weight);\n  color: var(--bal-form-field-label-color);\n  text-align: center;\n  hyphens: auto;\n  &:hover {\n    .file-cta,\n    .file-label {\n      color: var(--bal-form-field-label-color-hover);\n    }\n    .file-cta {\n      background-color: var(--bal-form-field-control-background-hover);\n      border-color: var(--bal-form-field-control-border-color-hover);\n    }\n  }\n  &:active,\n  &:focus-within {\n    .file-cta,\n    .file-label {\n      color: var(--bal-form-field-label-color-active);\n    }\n    .file-cta {\n      background-color: var(--bal-form-field-control-background-active);\n      border-color: var(--bal-form-field-control-border-color-active);\n    }\n  }\n}\n.file-input {\n  height: 100%;\n  left: 0;\n  opacity: 0;\n  outline: none;\n  position: absolute;\n  top: 0;\n  width: 100%;\n}\n.file-cta {\n  @extend %control;\n  justify-content: flex-start;\n  border-style: var(--bal-file-border-style);\n  border-color: var(--bal-form-field-control-border-color);\n  border-radius: var(--bal-form-field-control-radius);\n  background: var(--bal-form-field-control-background);\n  font-size: 1em;\n  padding-left: 1em;\n  padding-right: 1em;\n  white-space: nowrap;\n  gap: 0.5rem;\n}\n.file-cta {\n  background-color: var(--bal-form-field-control-background);\n  color: var(--bal-form-field-control-color);\n}\n.file-icon {\n  align-items: center;\n  display: flex;\n  height: 1em;\n  justify-content: center;\n  @include ltr-property('margin', 0.5em);\n  width: 1em;\n}\n.file.is-success {\n  .file-label,\n  .file-cta {\n    color: var(--bal-form-field-label-success-color);\n  }\n  .file-cta {\n    border-color: var(--bal-form-field-control-success-border-color);\n    background: var(--bal-form-field-control-success-background);\n  }\n  .file-label {\n    &:active,\n    &:focus-within {\n      .file-cta {\n        border-color: var(--bal-form-field-control-border-color-active);\n        color: var(--bal-link-color-text-primary-active);\n        .file-label {\n          color: var(--bal-link-color-text-primary-active);\n        }\n      }\n    }\n  }\n}\n.file.is-danger {\n  .file-label,\n  .file-cta {\n    color: var(--bal-form-field-label-danger-color);\n  }\n  .file-cta {\n    border-color: var(--bal-form-field-control-danger-border-color);\n    background: var(--bal-form-field-control-danger-background);\n  }\n  .file-label {\n    &:active,\n    &:focus-within {\n      .file-cta {\n        border-color: var(--bal-form-field-control-border-color-active);\n        color: var(--bal-link-color-text-primary-active);\n        .file-label {\n          color: var(--bal-link-color-text-primary-active);\n        }\n        // warning is deprecated\n      }\n    }\n  }\n}\n.file.is-warning {\n  .file-label,\n  .file-cta {\n    color: var(--bal-color-text-warning);\n  }\n  .file-cta {\n    border-color: var(--bal-color-border-warning-base);\n    background: var(--bal-color-warning-1);\n  }\n  .file-label {\n    &:active,\n    &:focus-within {\n      .file-cta {\n        border-color: var(--bal-form-field-control-border-color-active);\n        color: var(--bal-link-color-text-primary-active);\n        .file-label {\n          color: var(--bal-link-color-text-primary-active);\n        }\n      }\n    }\n  }\n}\n.file.is-disabled {\n  .file-label,\n  .file-cta {\n    @extend %disabled;\n    color: var(--bal-file-label-disabled-color);\n  }\n  .file-cta {\n    border-color: var(--bal-form-field-control-disabled-border-color);\n    background: var(--bal-form-field-control-disabled-background);\n  }\n}\n","@use '../../mixins/_all' as *;\n\n@keyframes spinAround {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(359deg);\n  }\n}\n\n.help {\n  display: block;\n  margin-top: -2px;\n  color: var(--bal-form-field-message-color);\n  font-size: var(--bal-form-field-message-font-size);\n  font-weight: var(--bal-form-field-message-font-weight);\n  hyphens: auto;\n  &.is-danger {\n    color: var(--bal-form-field-message-danger-color);\n  }\n  &.is-success {\n    color: var(--bal-form-field-message-success-color);\n  } // deprecated\n  &.is-warning {\n    color: var(--bal-color-text-warning);\n  }\n  &.is-disabled {\n    color: var(--bal-form-field-message-disabled-color);\n  }\n}\n.field {\n  &:not(:last-child) {\n    margin-bottom: 0.25rem;\n  } // Modifiers\n  &.has-addons {\n    display: flex;\n    justify-content: flex-start;\n    .control {\n      &:not(:last-child) {\n        @include ltr-property('margin', -1px);\n      }\n      &:not(:first-child):not(:last-child) {\n        .button,\n        .input,\n        .select select {\n          border-radius: 0;\n        }\n      }\n      &:first-child:not(:only-child) {\n        .button,\n        .input,\n        .select select {\n          border-bottom-right-radius: 0;\n          border-top-right-radius: 0;\n        }\n      }\n      &:last-child:not(:only-child) {\n        .button,\n        .input,\n        .select select {\n          border-bottom-left-radius: 0;\n          border-top-left-radius: 0;\n        }\n      }\n      .button,\n      .input,\n      .select select {\n        &:not([disabled]) {\n          &:hover,\n          &.is-hovered {\n            z-index: 2;\n          }\n          &:focus,\n          &.is-focused,\n          &:active,\n          &.is-active {\n            z-index: 3;\n            &:hover {\n              z-index: 4;\n            }\n          }\n        }\n      }\n      &.is-expanded {\n        flex-grow: 1;\n        flex-shrink: 1;\n      }\n    }\n    &.has-addons-centered {\n      justify-content: center;\n    }\n    &.has-addons-right {\n      justify-content: flex-end;\n    }\n    &.has-addons-fullwidth {\n      .control {\n        flex-grow: 1;\n        flex-shrink: 0;\n      }\n    }\n  }\n  &.is-grouped {\n    display: flex;\n    justify-content: flex-start;\n    & > .control {\n      &:not(:last-child) {\n        margin-bottom: 0;\n      }\n      &.is-expanded {\n        flex-grow: 1;\n        flex-shrink: 1;\n      }\n    }\n    &.is-grouped-centered {\n      justify-content: center;\n    }\n    &.is-grouped-right {\n      justify-content: flex-end;\n    }\n    &.is-grouped-multiline {\n      flex-wrap: wrap;\n      & > .control {\n        &:last-child,\n        &:not(:last-child) {\n          margin-bottom: 0.75rem;\n        }\n      }\n      &:last-child {\n        margin-bottom: -0.75rem;\n      }\n      &:not(:last-child) {\n        margin-bottom: 0;\n      }\n    }\n  }\n  &.is-horizontal {\n    @include tablet {\n      display: flex;\n    }\n  }\n}\n.field-label {\n  .label {\n    font-size: inherit;\n  }\n  @include mobile {\n    margin-bottom: 0.5rem;\n  }\n  @include tablet {\n    flex-basis: 0;\n    flex-grow: 1;\n    flex-shrink: 0;\n    @include ltr-property('margin', 1.5rem);\n    text-align: right;\n    &.is-small {\n      font-size: var(--bal-text-size-sm);\n      padding-top: 0.375em;\n    }\n    &.is-normal {\n      padding-top: 0.375em;\n    }\n  }\n}\n.field-body {\n  .field .field {\n    margin-bottom: 0;\n  }\n  @include tablet {\n    display: flex;\n    flex-basis: 0;\n    flex-grow: 5;\n    flex-shrink: 1;\n    .field {\n      margin-bottom: 0;\n    }\n    & > .field {\n      flex-shrink: 1;\n      &:not(.is-narrow) {\n        flex-grow: 1;\n      }\n      &:not(:last-child) {\n        @include ltr-property('margin', 0.75rem);\n      }\n    }\n  }\n}\n.control {\n  box-sizing: border-box;\n  clear: both;\n  font-size: var(--bal-form-field-control-font-size);\n  position: relative;\n  text-align: inherit;\n  &.is-loading {\n    &::after {\n      animation: spinAround 500ms infinite linear;\n      border: 2px solid var(--bal-form-field-control-border-color-active);\n      border-radius: var(--bal-radius-rounded);\n      border-right-color: transparent;\n      border-top-color: transparent;\n      content: '';\n      display: block;\n      height: 1.125em;\n      width: 1.125em;\n      position: absolute !important;\n      @include ltr-position(0.875rem);\n      top: 0.875rem;\n      z-index: 4;\n    }\n  }\n}\n.control.has-icons-right::after {\n  right: 2.3rem;\n}\n.field.is-grouped {\n  gap: calc(var(--bal-column-gap) / 2);\n}\n.field.has-direction-row.is-grouped {\n  flex-direction: row;\n}\n.field.has-direction-column.is-grouped {\n  flex-direction: column;\n  width: fit-content;\n  .button {\n    width: 100%;\n  }\n  .bal-button {\n    margin: 0 !important;\n  }\n}\n@include mobile() {\n  .field.has-direction-auto.is-grouped {\n    flex-wrap: wrap;\n    flex-direction: column;\n    width: 100%;\n    .control {\n      flex-grow: 1;\n      flex-shrink: 1;\n      min-width: 100%;\n      margin-right: 0 !important;\n      .button {\n        min-width: 100%;\n      }\n    }\n    &.is-reverse {\n      flex-direction: column-reverse;\n    }\n  }\n}\n","@use '../mixins/_all' as *;\n\n.container {\n  flex-grow: 1;\n  margin: 0 auto;\n  position: relative;\n  width: auto;\n  padding-left: var(--bal-container-space-device);\n  padding-right: var(--bal-container-space-device);\n\n  @include desktop {\n    max-width: var(--bal-container-width-normal);\n  }\n\n  &.is-fluid {\n    max-width: var(--bal-container-width-fluid) !important;\n  }\n\n  &.is-compact {\n    max-width: var(--bal-container-width-compact) !important;\n  }\n}\n","@use 'sass:math';\n@use '../mixins/_all' as *;\n\n.grid {\n  flex-basis: 0;\n  flex-grow: 1;\n  flex-shrink: 1;\n}\n.col {\n  display: block;\n  flex-basis: 0;\n  flex-grow: 1;\n  flex-shrink: 1;\n  padding: var(--bal-column-gap);\n  .grid.is-mobile > &.is-narrow {\n    flex: none;\n    width: unset;\n  }\n  .grid.is-mobile > &.is-full {\n    flex: none;\n    width: 100%;\n  }\n  .grid.is-mobile > &.is-three-quarters {\n    flex: none;\n    width: 75%;\n  }\n  .grid.is-mobile > &.is-two-thirds {\n    flex: none;\n    width: 66.6666%;\n  }\n  .grid.is-mobile > &.is-half {\n    flex: none;\n    width: 50%;\n  }\n  .grid.is-mobile > &.is-one-third {\n    flex: none;\n    width: 33.3333%;\n  }\n  .grid.is-mobile > &.is-one-quarter {\n    flex: none;\n    width: 25%;\n  }\n  .grid.is-mobile > &.is-one-fifth {\n    flex: none;\n    width: 20%;\n  }\n  .grid.is-mobile > &.is-two-fifths {\n    flex: none;\n    width: 40%;\n  }\n  .grid.is-mobile > &.is-three-fifths {\n    flex: none;\n    width: 60%;\n  }\n  .grid.is-mobile > &.is-four-fifths {\n    flex: none;\n    width: 80%;\n  }\n  .grid.is-mobile > &.is-offset-three-quarters {\n    @include ltr-property('margin', 75%, false);\n  }\n  .grid.is-mobile > &.is-offset-two-thirds {\n    @include ltr-property('margin', 66.6666%, false);\n  }\n  .grid.is-mobile > &.is-offset-half {\n    @include ltr-property('margin', 50%, false);\n  }\n  .grid.is-mobile > &.is-offset-one-third {\n    @include ltr-property('margin', 33.3333%, false);\n  }\n  .grid.is-mobile > &.is-offset-one-quarter {\n    @include ltr-property('margin', 25%, false);\n  }\n  .grid.is-mobile > &.is-offset-one-fifth {\n    @include ltr-property('margin', 20%, false);\n  }\n  .grid.is-mobile > &.is-offset-two-fifths {\n    @include ltr-property('margin', 40%, false);\n  }\n  .grid.is-mobile > &.is-offset-three-fifths {\n    @include ltr-property('margin', 60%, false);\n  }\n  .grid.is-mobile > &.is-offset-four-fifths {\n    @include ltr-property('margin', 80%, false);\n  }\n  @for $i from 0 through 12 {\n    .grid.is-mobile > &.is-#{$i} {\n      flex: none;\n      width: math.percentage(math.div($i, 12));\n    }\n    .grid.is-mobile > &.is-offset-#{$i} {\n      @include ltr-property('margin', math.percentage(math.div($i, 12)), false);\n    }\n  }\n  @include mobile {\n    &.mobile\\:is-narrow {\n      flex: none;\n      width: unset;\n    }\n    &.mobile\\:is-full {\n      flex: none;\n      width: 100%;\n    }\n    &.mobile\\:is-three-quarters {\n      flex: none;\n      width: 75%;\n    }\n    &.mobile\\:is-two-thirds {\n      flex: none;\n      width: 66.6666%;\n    }\n    &.mobile\\:is-half {\n      flex: none;\n      width: 50%;\n    }\n    &.mobile\\:is-one-third {\n      flex: none;\n      width: 33.3333%;\n    }\n    &.mobile\\:is-one-quarter {\n      flex: none;\n      width: 25%;\n    }\n    &.mobile\\:is-one-fifth {\n      flex: none;\n      width: 20%;\n    }\n    &.mobile\\:is-two-fifths {\n      flex: none;\n      width: 40%;\n    }\n    &.mobile\\:is-three-fifths {\n      flex: none;\n      width: 60%;\n    }\n    &.mobile\\:is-four-fifths {\n      flex: none;\n      width: 80%;\n    }\n    &.mobile\\:is-offset-three-quarters {\n      @include ltr-property('margin', 75%, false);\n    }\n    &.mobile\\:is-offset-two-thirds {\n      @include ltr-property('margin', 66.6666%, false);\n    }\n    &.mobile\\:is-offset-half {\n      @include ltr-property('margin', 50%, false);\n    }\n    &.mobile\\:is-offset-one-third {\n      @include ltr-property('margin', 33.3333%, false);\n    }\n    &.mobile\\:is-offset-one-quarter {\n      @include ltr-property('margin', 25%, false);\n    }\n    &.mobile\\:is-offset-one-fifth {\n      @include ltr-property('margin', 20%, false);\n    }\n    &.mobile\\:is-offset-two-fifths {\n      @include ltr-property('margin', 40%, false);\n    }\n    &.mobile\\:is-offset-three-fifths {\n      @include ltr-property('margin', 60%, false);\n    }\n    &.mobile\\-offset-four-fifths {\n      @include ltr-property('margin', 80%, false);\n    }\n    @for $i from 0 through 12 {\n      &.mobile\\:is-#{$i} {\n        flex: none;\n        width: math.percentage(math.div($i, 12));\n      }\n      &.mobile\\:is-offset-#{$i} {\n        @include ltr-property('margin', math.percentage(math.div($i, 12)), false);\n      }\n    }\n  }\n  @include tablet {\n    &.is-narrow,\n    &.tablet\\:is-narrow {\n      flex: none;\n      width: unset;\n    }\n    &.is-full,\n    &.tablet\\:is-full {\n      flex: none;\n      width: 100%;\n    }\n    &.is-three-quarters,\n    &.tablet\\:is-three-quarters {\n      flex: none;\n      width: 75%;\n    }\n    &.is-two-thirds,\n    &.tablet\\:is-two-thirds {\n      flex: none;\n      width: 66.6666%;\n    }\n    &.is-half,\n    &.tablet\\:is-half {\n      flex: none;\n      width: 50%;\n    }\n    &.is-one-third,\n    &.tablet\\:is-one-third {\n      flex: none;\n      width: 33.3333%;\n    }\n    &.is-one-quarter,\n    &.tablet\\:is-one-quarter {\n      flex: none;\n      width: 25%;\n    }\n    &.is-one-fifth,\n    &.tablet\\:is-one-fifth {\n      flex: none;\n      width: 20%;\n    }\n    &.is-two-fifths,\n    &.tablet\\:is-two-fifths {\n      flex: none;\n      width: 40%;\n    }\n    &.is-three-fifths,\n    &.tablet\\:is-three-fifths {\n      flex: none;\n      width: 60%;\n    }\n    &.is-four-fifths,\n    &.tablet\\:is-four-fifths {\n      flex: none;\n      width: 80%;\n    }\n    &.is-offset-three-quarters,\n    &.tablet\\:is-offset-three-quarters {\n      @include ltr-property('margin', 75%, false);\n    }\n    &.is-offset-two-thirds,\n    &.tablet\\:is-offset-two-thirds {\n      @include ltr-property('margin', 66.6666%, false);\n    }\n    &.is-offset-half,\n    &.tablet\\:is-offset-half {\n      @include ltr-property('margin', 50%, false);\n    }\n    &.is-offset-one-third,\n    &.tablet\\:is-offset-one-third {\n      @include ltr-property('margin', 33.3333%, false);\n    }\n    &.is-offset-one-quarter,\n    &.tablet\\:is-offset-one-quarter {\n      @include ltr-property('margin', 25%, false);\n    }\n    &.is-offset-one-fifth,\n    &.tablet\\:is-offset-one-fifth {\n      @include ltr-property('margin', 20%, false);\n    }\n    &.is-offset-two-fifths,\n    &.tablet\\:is-offset-two-fifths {\n      @include ltr-property('margin', 40%, false);\n    }\n    &.is-offset-three-fifths,\n    &.tablet\\:is-offset-three-fifths {\n      @include ltr-property('margin', 60%, false);\n    }\n    &.is-offset-four-fifths,\n    &.tablet\\:is-offset-four-fifths {\n      @include ltr-property('margin', 80%, false);\n    }\n    @for $i from 0 through 12 {\n      &.is-#{$i},\n      &.tablet\\:is-#{$i} {\n        flex: none;\n        width: math.percentage(math.div($i, 12));\n      }\n      &.is-offset-#{$i},\n      &.tablet\\:is-offset-#{$i} {\n        @include ltr-property('margin', math.percentage(math.div($i, 12)), false);\n      }\n    }\n  }\n  @include touch {\n    &.touch\\:is-narrow {\n      flex: none;\n      width: unset;\n    }\n    &.touch\\:is-full {\n      flex: none;\n      width: 100%;\n    }\n    &.touch\\:is-three-quarters {\n      flex: none;\n      width: 75%;\n    }\n    &.touch\\:is-two-thirds {\n      flex: none;\n      width: 66.6666%;\n    }\n    &.touch\\:is-half {\n      flex: none;\n      width: 50%;\n    }\n    &.touch\\:is-one-third {\n      flex: none;\n      width: 33.3333%;\n    }\n    &.touch\\:is-one-quarter {\n      flex: none;\n      width: 25%;\n    }\n    &.touch\\:is-one-fifth {\n      flex: none;\n      width: 20%;\n    }\n    &.touch\\:is-two-fifths {\n      flex: none;\n      width: 40%;\n    }\n    &.touch\\:is-three-fifths {\n      flex: none;\n      width: 60%;\n    }\n    &.touch\\:is-four-fifths {\n      flex: none;\n      width: 80%;\n    }\n    &.touch\\:is-offset-three-quarters {\n      @include ltr-property('margin', 75%, false);\n    }\n    &.touch\\:is-offset-two-thirds {\n      @include ltr-property('margin', 66.6666%, false);\n    }\n    &.touch\\:is-offset-half {\n      @include ltr-property('margin', 50%, false);\n    }\n    &.touch\\:is-offset-one-third {\n      @include ltr-property('margin', 33.3333%, false);\n    }\n    &.touch\\:is-offset-one-quarter {\n      @include ltr-property('margin', 25%, false);\n    }\n    &.touch\\:is-offset-one-fifth {\n      @include ltr-property('margin', 20%, false);\n    }\n    &.touch\\:is-offset-two-fifths {\n      @include ltr-property('margin', 40%, false);\n    }\n    &.touch\\:is-offset-three-fifths {\n      @include ltr-property('margin', 60%, false);\n    }\n    &.touch\\:is-offset-four-fifths {\n      @include ltr-property('margin', 80%, false);\n    }\n    @for $i from 0 through 12 {\n      &.touch\\:is-#{$i} {\n        flex: none;\n        width: math.percentage(math.div($i, 12));\n      }\n      &.touch\\:is-offset-#{$i} {\n        @include ltr-property('margin', math.percentage(math.div($i, 12)), false);\n      }\n    }\n  }\n  @include desktop {\n    &.desktop\\:is-narrow {\n      flex: none;\n      width: unset;\n    }\n    &.desktop\\:is-full {\n      flex: none;\n      width: 100%;\n    }\n    &.desktop\\:is-three-quarters {\n      flex: none;\n      width: 75%;\n    }\n    &.desktop\\:is-two-thirds {\n      flex: none;\n      width: 66.6666%;\n    }\n    &.desktop\\:is-half {\n      flex: none;\n      width: 50%;\n    }\n    &.desktop\\:is-one-third {\n      flex: none;\n      width: 33.3333%;\n    }\n    &.desktop\\:is-one-quarter {\n      flex: none;\n      width: 25%;\n    }\n    &.desktop\\:is-one-fifth {\n      flex: none;\n      width: 20%;\n    }\n    &.desktop\\:is-two-fifths {\n      flex: none;\n      width: 40%;\n    }\n    &.desktop\\:is-three-fifths {\n      flex: none;\n      width: 60%;\n    }\n    &.desktop\\:is-four-fifths {\n      flex: none;\n      width: 80%;\n    }\n    &.desktop\\:is-offset-three-quarters {\n      @include ltr-property('margin', 75%, false);\n    }\n    &.desktop\\:is-offset-two-thirds {\n      @include ltr-property('margin', 66.6666%, false);\n    }\n    &.desktop\\:is-offset-half {\n      @include ltr-property('margin', 50%, false);\n    }\n    &.desktop\\:is-offset-one-third {\n      @include ltr-property('margin', 33.3333%, false);\n    }\n    &.desktop\\:is-offset-one-quarter {\n      @include ltr-property('margin', 25%, false);\n    }\n    &.desktop\\:is-offset-one-fifth {\n      @include ltr-property('margin', 20%, false);\n    }\n    &.desktop\\:is-offset-two-fifths {\n      @include ltr-property('margin', 40%, false);\n    }\n    &.desktop\\:is-offset-three-fifths {\n      @include ltr-property('margin', 60%, false);\n    }\n    &.desktop\\:is-offset-four-fifths {\n      @include ltr-property('margin', 80%, false);\n    }\n    @for $i from 0 through 12 {\n      &.desktop\\:is-#{$i} {\n        flex: none;\n        width: math.percentage(math.div($i, 12));\n      }\n      &.desktop\\:is-offset-#{$i} {\n        @include ltr-property('margin', math.percentage(math.div($i, 12)), false);\n      }\n    }\n  }\n  @include widescreen {\n    &.widescreen\\:is-narrow {\n      flex: none;\n      width: unset;\n    }\n    &.widescreen\\:is-full {\n      flex: none;\n      width: 100%;\n    }\n    &.widescreen\\:is-three-quarters {\n      flex: none;\n      width: 75%;\n    }\n    &.widescreen\\:is-two-thirds {\n      flex: none;\n      width: 66.6666%;\n    }\n    &.widescreen\\:is-half {\n      flex: none;\n      width: 50%;\n    }\n    &.widescreen\\:is-one-third {\n      flex: none;\n      width: 33.3333%;\n    }\n    &.widescreen\\:is-one-quarter {\n      flex: none;\n      width: 25%;\n    }\n    &.widescreen\\:is-one-fifth {\n      flex: none;\n      width: 20%;\n    }\n    &.widescreen\\:is-two-fifths {\n      flex: none;\n      width: 40%;\n    }\n    &.widescreen\\:is-three-fifths {\n      flex: none;\n      width: 60%;\n    }\n    &.widescreen\\:is-four-fifths {\n      flex: none;\n      width: 80%;\n    }\n    &.widescreen\\:is-offset-three-quarters {\n      @include ltr-property('margin', 75%, false);\n    }\n    &.widescreen\\:is-offset-two-thirds {\n      @include ltr-property('margin', 66.6666%, false);\n    }\n    &.widescreen\\:is-offset-half {\n      @include ltr-property('margin', 50%, false);\n    }\n    &.widescreen\\:is-offset-one-third {\n      @include ltr-property('margin', 33.3333%, false);\n    }\n    &.widescreen\\:is-offset-one-quarter {\n      @include ltr-property('margin', 25%, false);\n    }\n    &.widescreen\\:is-offset-one-fifth {\n      @include ltr-property('margin', 20%, false);\n    }\n    &.widescreen\\:is-offset-two-fifths {\n      @include ltr-property('margin', 40%, false);\n    }\n    &.widescreen\\:is-offset-three-fifths {\n      @include ltr-property('margin', 60%, false);\n    }\n    &.widescreen\\:is-offset-four-fifths {\n      @include ltr-property('margin', 80%, false);\n    }\n    @for $i from 0 through 12 {\n      &.widescreen\\:is-#{$i} {\n        flex: none;\n        width: math.percentage(math.div($i, 12));\n      }\n      &.widescreen\\:is-offset-#{$i} {\n        @include ltr-property('margin', math.percentage(math.div($i, 12)), false);\n      }\n    }\n  }\n  @include fullhd {\n    &.fullhd\\:is-narrow {\n      flex: none;\n      width: unset;\n    }\n    &.fullhd\\:is-full {\n      flex: none;\n      width: 100%;\n    }\n    &.fullhd\\:is-three-quarters {\n      flex: none;\n      width: 75%;\n    }\n    &.fullhd\\:is-two-thirds {\n      flex: none;\n      width: 66.6666%;\n    }\n    &.fullhd\\:is-half {\n      flex: none;\n      width: 50%;\n    }\n    &.fullhd\\:is-one-third {\n      flex: none;\n      width: 33.3333%;\n    }\n    &.fullhd\\:is-one-quarter {\n      flex: none;\n      width: 25%;\n    }\n    &.fullhd\\:is-one-fifth {\n      flex: none;\n      width: 20%;\n    }\n    &.fullhd\\:is-two-fifths {\n      flex: none;\n      width: 40%;\n    }\n    &.fullhd\\:is-three-fifths {\n      flex: none;\n      width: 60%;\n    }\n    &.fullhd\\:is-four-fifths {\n      flex: none;\n      width: 80%;\n    }\n    &.fullhd\\:is-offset-three-quarters {\n      @include ltr-property('margin', 75%, false);\n    }\n    &.fullhd\\:is-offset-two-thirds {\n      @include ltr-property('margin', 66.6666%, false);\n    }\n    &.fullhd\\:is-offset-half {\n      @include ltr-property('margin', 50%, false);\n    }\n    &.fullhd\\:is-offset-one-third {\n      @include ltr-property('margin', 33.3333%, false);\n    }\n    &.fullhd\\:is-offset-one-quarter {\n      @include ltr-property('margin', 25%, false);\n    }\n    &.fullhd\\:is-offset-one-fifth {\n      @include ltr-property('margin', 20%, false);\n    }\n    &.fullhd\\:is-offset-two-fifths {\n      @include ltr-property('margin', 40%, false);\n    }\n    &.fullhd\\:is-offset-three-fifths {\n      @include ltr-property('margin', 60%, false);\n    }\n    &.fullhd\\:is-offset-four-fifths {\n      @include ltr-property('margin', 80%, false);\n    }\n    @for $i from 0 through 12 {\n      &.fullhd\\:is-#{$i} {\n        flex: none;\n        width: math.percentage(math.div($i, 12));\n      }\n      &.fullhd\\:is-offset-#{$i} {\n        @include ltr-property('margin', math.percentage(math.div($i, 12)), false);\n      }\n    }\n  }\n}\n.grid {\n  @include ltr-property('margin', (calc(var(--bal-column-gap) * -1)), false);\n  @include ltr-property('margin', (calc(var(--bal-column-gap) * -1)));\n  margin-top: (calc(var(--bal-column-gap) * -1));\n  &:last-child {\n    margin-bottom: (calc(var(--bal-column-gap) * -1));\n  }\n  &:not(:last-child) {\n    margin-bottom: calc(1.5rem - #{var(--bal-column-gap)});\n  } // Modifiers\n  &.is-centered {\n    justify-content: center;\n  }\n  &.is-gapless {\n    @include ltr-property('margin', 0, false);\n    @include ltr-property('margin', 0);\n    margin-top: 0;\n    & > .col {\n      margin: 0;\n      padding: 0 !important;\n    }\n    &:not(:last-child) {\n      margin-bottom: 1.5rem;\n    }\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n  &.is-mobile {\n    display: flex;\n  }\n  &.is-multiline {\n    flex-wrap: wrap;\n  }\n  &.is-vcentered {\n    align-items: center;\n  } // Responsiveness\n  @include tablet {\n    &:not(.is-desktop) {\n      display: flex;\n    }\n  }\n  @include desktop {\n    // Modifiers\n    &.is-desktop {\n      display: flex;\n    }\n  }\n}\n","@use '../mixins/_all' as *;\n\nol.list,\nul.list,\nol.is-list,\nul.is-list {\n  margin-bottom: 1.5rem;\n  margin-left: 2rem;\n  @include desktop {\n    margin-bottom: 2rem;\n  }\n  &.is-inside {\n    list-style-position: inside !important;\n    margin-left: 0;\n    li {\n      list-style-position: inside !important;\n    }\n  }\n  li {\n    hyphens: auto;\n    margin-bottom: 1rem;\n    &:last-child {\n      margin-bottom: 0;\n    }\n    &::marker {\n      color: var(--bal-list-marker-color);\n    }\n  }\n  &.has-bullet-circle li {\n    &::marker {\n      content: none;\n    }\n    &::before {\n      content: '';\n      position: absolute;\n      display: inline-block;\n      width: 0.75rem;\n      height: 0.75rem;\n      font-size: 0.75rem;\n      margin-left: -1.25rem;\n      margin-top: 0.313rem;\n      border-radius: var(--bal-list-bullet-radius);\n      background: var(--bal-list-bullet-background);\n    }\n  }\n  &.has-bullet-circle {\n    &.has-bullet-red li::before,\n    li.has-bullet-red::before {\n      background: var(--bal-list-bullet-background-red);\n    }\n    &.has-bullet-yellow li::before,\n    li.has-bullet-yellow::before {\n      background: var(--bal-list-bullet-background-yellow);\n    }\n    &.has-bullet-green li::before,\n    li.has-bullet-green::before {\n      background: var(--bal-list-bullet-background-green);\n    }\n    &.has-bullet-purple li::before,\n    li.has-bullet-purple::before {\n      background: var(--bal-list-bullet-background-purple);\n    }\n  }\n  &.is-compact {\n    margin-top: 1rem;\n    margin-bottom: 1rem;\n    li {\n      margin-bottom: 0.25rem;\n    }\n  }\n  &.has-bullets,\n  &.has-bullet-check,\n  &.has-bullet-arrow-down,\n  &.has-bullet-close,\n  &.has-bullet-check-circle {\n    list-style-type: none !important;\n    li {\n      list-style-type: none !important;\n      &::marker {\n        content: none !important;\n      }\n      &::before {\n        content: '';\n        position: absolute;\n        display: inline-block;\n        width: 0.875rem;\n        height: 0.875rem;\n        font-size: 0.875rem;\n        margin-left: -1.375rem;\n        margin-top: 0.313rem;\n      }\n    }\n    &.has-bullet-check-circle,\n    &.has-bullet-arrow-down {\n      li {\n        &::before {\n          width: 1rem;\n          height: 1rem;\n          font-size: 1rem;\n          margin-left: -1.44rem;\n          margin-top: 0.25rem;\n        }\n      }\n    }\n  }\n  &.has-bullet-check li::before,\n  li.has-bullet-check::before {\n    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzM4ODU0XzM0MjU0OSkiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEzLjYzNzEgMS4xOTc5MkMxNC4wNjI4IDEuNTQ5NzQgMTQuMTIyOCAyLjE4MDA2IDEzLjc3MDkgMi42MDU3OUw1LjczMDkgMTIuMzM1TDUuNzI4NDggMTIuMzM3OUM1LjU0NTYgMTIuNTU3NSA1LjMxNjA4IDEyLjczMzYgNS4wNTY2MSAxMi44NTM0QzQuNzk3MTMgMTIuOTczMSA0LjUxNDIzIDEzLjAzMzYgNC4yMjg0OCAxMy4wMzAySDQuMjI3NThDMy45MzcxNSAxMy4wMjY2IDMuNjUxMzEgMTIuOTU3MyAzLjM5MTUyIDEyLjgyNzRDMy4xMzI2IDEyLjY5NzkgMi45MDYyNiAxMi41MTE3IDIuNzI5MzcgMTIuMjgyNkMyLjcyODc3IDEyLjI4MTggMi43MjgxOCAxMi4yODEgMi43Mjc1OCAxMi4yODAyTDAuMjEwNjk0IDkuMDQ0MjZDLTAuMTI4Mzc2IDguNjA4MzEgLTAuMDQ5ODQyIDcuOTgwMDMgMC4zODYxMDUgNy42NDA5NkMwLjgyMjA1MyA3LjMwMTg5IDEuNDUwMzMgNy4zODA0MyAxLjc4OTQgNy44MTYzOEw0LjI1Mjk3IDEwLjk4MzhMMTIuMjI5MiAxLjMzMTc2QzEyLjU4MSAwLjkwNjAzNSAxMy4yMTE0IDAuODQ2MTEzIDEzLjYzNzEgMS4xOTc5MloiIGZpbGw9IiMwMDBENkUiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8zODg1NF8zNDI1NDkiPgo8cmVjdCB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==)\n      no-repeat left top;\n  }\n  &.has-bullet-arrow-down li::before,\n  li.has-bullet-arrow-down::before {\n    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJub25lIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjY0NjQ2IDE0Ljg1MzZDNy44NDE3MiAxNS4wNDg4IDguMTU4MyAxNS4wNDg4IDguMzUzNTYgMTQuODUzNkwxMS44NTM2IDExLjM1MzZDMTEuOTk2NiAxMS4yMTA2IDEyLjAzOTMgMTAuOTk1NSAxMS45NjE5IDEwLjgwODdDMTEuODg0NSAxMC42MjE4IDExLjcwMjIgMTAuNSAxMS41IDEwLjVIOS4wMDAwMVYyQzkuMDAwMDEgMS40NDc3IDguNTUyMjkgMSA4LjAwMDAxIDFDNy40NDc3MiAxIDcuMDAwMDEgMS40NDc3IDcuMDAwMDEgMlYxMC41SDQuNTAwMDFDNC4yOTc3OCAxMC41IDQuMTE1NDYgMTAuNjIxOCA0LjAzODA3IDEwLjgwODdDMy45NjA2OCAxMC45OTU1IDQuMDAzNDYgMTEuMjEwNiA0LjE0NjQ2IDExLjM1MzZMNy42NDY0NiAxNC44NTM2WiIgZmlsbD0iIzAwMEQ2RSIvPgo8L3N2Zz4=)\n      no-repeat left top;\n  }\n  &.has-bullet-check-circle li::before,\n  li.has-bullet-check-circle::before {\n    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE3ODdfMTIyNCkiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTggMTZDMTIuNDE4MyAxNiAxNiAxMi40MTgzIDE2IDhDMTYgMy41ODE3MiAxMi40MTgzIDAgOCAwQzMuNTgxNzIgMCAwIDMuNTgxNzIgMCA4QzAgMTIuNDE4MyAzLjU4MTcyIDE2IDggMTZaTTYuNzYxNyAxMS43OTQ1QzYuOTgyNTkgMTEuNjk2NSA3LjE3OTI0IDExLjU1MTMgNy4zMzc3MyAxMS4zNjlMMTIuMzczMSA2LjMzMzIxQzEyLjQ2NzcgNi4yMzM5NiAxMi41NDE3IDYuMTE3MDYgMTIuNTkxIDUuOTg5MTVDMTIuNjQwMyA1Ljg2MTI1IDEyLjY2MzkgNS43MjQ4OCAxMi42NjA0IDUuNTg3ODRDMTIuNjU2OSA1LjQ1MDggMTIuNjI2NCA1LjMxNTgxIDEyLjU3MDcgNS4xOTA1OUMxMi41MTQ5IDUuMDY1MzcgMTIuNDM1IDQuOTUyMzkgMTIuMzM1NSA0Ljg1ODA5QzEyLjIzNjEgNC43NjM3OCAxMi4xMTkgNC42ODk5OSAxMS45OTExIDQuNjQwODhDMTEuODYzMiA0LjU5MTc3IDExLjcyNjggNC41NjgzIDExLjU4OTggNC41NzE3OEMxMS40NTI5IDQuNTc1MjYgMTEuMzE3OSA0LjYwNTYyIDExLjE5MjYgNC42NjExN0MxMS4wNjc3IDQuNzE2NTcgMTAuOTU0IDQuNzk2NzQgMTAuODU5NyA0Ljg5NTYxTDYuMTUwNiA5LjU0MjI2QzYuMTAzODUgOS41ODgzOCA2LjAyNzk1IDkuNTg1NzIgNS45ODQ1NSA5LjUzNjQzTDQuOTA2MjEgOC4zMTE3NUw0LjkwMDA1IDguMzA1MzVDNC43MTM1OCA4LjExMTY0IDQuNDU5NTUgNy45OTczOCA0LjE5MDk4IDcuOTg2MTRDMy45MjI0MSA3Ljk3NDg5IDMuNjU5NzEgOC4wNjc1IDMuNDU3NjggOC4yNDQ5QzMuMjU1NjIgOC40MjIzMyAzLjEyOTgyIDguNjcwOTEgMy4xMDY3OSA4LjkzODlDMy4wODM3NSA5LjIwNjkgMy4xNjUzMSA5LjQ3MzMxIDMuMzM0MjMgOS42ODI1N0wzLjMzOTY4IDkuNjg5MzNMNC43NDk3NyAxMS4yODg4QzQuOTAzMDcgMTEuNDg1NCA1LjA5ODMxIDExLjY0NTUgNS4zMjEzMSAxMS43NTc0QzUuNTQ3OTYgMTEuODcxMiA1Ljc5NzQyIDExLjkzMjIgNi4wNTA5OCAxMS45MzZDNi4yOTU0MiAxMS45NDIgNi41MzgxOSAxMS44OTM2IDYuNzYxNyAxMS43OTQ1WiIgZmlsbD0iIzAwMEQ2RSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzE3ODdfMTIyNCI+CjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K)\n      no-repeat left top;\n  }\n  &.has-bullet-close li::before,\n  li.has-bullet-close::before {\n    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzM4ODU0XzM0MjU5OSkiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEuNzA3MTEgMC4yOTI4OTNDMS4zMTY1OCAtMC4wOTc2MzEgMC42ODM0MTcgLTAuMDk3NjMxIDAuMjkyODkzIDAuMjkyODkzQy0wLjA5NzYzMSAwLjY4MzQxNyAtMC4wOTc2MzEgMS4zMTY1OCAwLjI5Mjg5MyAxLjcwNzExTDUuNTg1NzkgN0wwLjI5Mjg5MyAxMi4yOTI5Qy0wLjA5NzYzMSAxMi42ODM0IC0wLjA5NzYzMSAxMy4zMTY2IDAuMjkyODkzIDEzLjcwNzFDMC42ODM0MTcgMTQuMDk3NiAxLjMxNjU4IDE0LjA5NzYgMS43MDcxMSAxMy43MDcxTDcgOC40MTQyMUwxMi4yOTI5IDEzLjcwNzFDMTIuNjgzNCAxNC4wOTc2IDEzLjMxNjYgMTQuMDk3NiAxMy43MDcxIDEzLjcwNzFDMTQuMDk3NiAxMy4zMTY2IDE0LjA5NzYgMTIuNjgzNCAxMy43MDcxIDEyLjI5MjlMOC40MTQyMSA3TDEzLjcwNzEgMS43MDcxMUMxNC4wOTc2IDEuMzE2NTggMTQuMDk3NiAwLjY4MzQxNyAxMy43MDcxIDAuMjkyODkzQzEzLjMxNjYgLTAuMDk3NjMxIDEyLjY4MzQgLTAuMDk3NjMxIDEyLjI5MjkgMC4yOTI4OTNMNyA1LjU4NTc5TDEuNzA3MTEgMC4yOTI4OTNaIiBmaWxsPSIjMDAwRDZFIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMzg4NTRfMzQyNTk5Ij4KPHJlY3Qgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=)\n      no-repeat left top;\n  }\n  &.has-bullet-check.has-bullet-green li::before,\n  li.has-bullet-check.has-bullet-green::before {\n    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzI1MDdfMTkzNDYxKSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTMuNjM3MSAxLjE5NzkyQzE0LjA2MjggMS41NDk3NCAxNC4xMjI4IDIuMTgwMDYgMTMuNzcwOSAyLjYwNTc5TDUuNzMwOSAxMi4zMzVMNS43Mjg0OCAxMi4zMzc5QzUuNTQ1NiAxMi41NTc1IDUuMzE2MDggMTIuNzMzNiA1LjA1NjYxIDEyLjg1MzRDNC43OTcxMyAxMi45NzMxIDQuNTE0MjMgMTMuMDMzNiA0LjIyODQ4IDEzLjAzMDJDMy45MzgwNSAxMy4wMjY2IDMuNjUxMzEgMTIuOTU3MyAzLjM5MTUyIDEyLjgyNzRDMy4xMzI2IDEyLjY5NzkgMi45MDYyNiAxMi41MTE3IDIuNzI5MzcgMTIuMjgyNkMyLjcyODc3IDEyLjI4MTggMi43MjgxOCAxMi4yODEgMi43Mjc1OCAxMi4yODAyTDAuMjEwNjk0IDkuMDQ0MjZDLTAuMTI4Mzc2IDguNjA4MzEgLTAuMDQ5ODQyIDcuOTgwMDMgMC4zODYxMDUgNy42NDA5NkMwLjgyMjA1MyA3LjMwMTg5IDEuNDUwMzMgNy4zODA0MyAxLjc4OTQgNy44MTYzOEw0LjI1Mjk3IDEwLjk4MzhMMTIuMjI5MiAxLjMzMTc2QzEyLjU4MSAwLjkwNjAzNSAxMy4yMTE0IDAuODQ2MTEzIDEzLjYzNzEgMS4xOTc5MloiIGZpbGw9IiMwMEIyOEYiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8yNTA3XzE5MzQ2MSI+CjxyZWN0IHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K)\n      no-repeat left top;\n  }\n  &.has-bullet-close.has-bullet-red li::before,\n  li.has-bullet-close.has-bullet-red::before {\n    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzI1MDdfMTkzNDY1KSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMS43MDcxMSAwLjI5Mjg5M0MxLjMxNjU4IC0wLjA5NzYzMSAwLjY4MzQxNyAtMC4wOTc2MzEgMC4yOTI4OTMgMC4yOTI4OTNDLTAuMDk3NjMxIDAuNjgzNDE3IC0wLjA5NzYzMSAxLjMxNjU4IDAuMjkyODkzIDEuNzA3MTFMNS41ODU3OSA3TDAuMjkyODkzIDEyLjI5MjlDLTAuMDk3NjMxIDEyLjY4MzQgLTAuMDk3NjMxIDEzLjMxNjYgMC4yOTI4OTMgMTMuNzA3MUMwLjY4MzQxNyAxNC4wOTc2IDEuMzE2NTggMTQuMDk3NiAxLjcwNzExIDEzLjcwNzFMNyA4LjQxNDIxTDEyLjI5MjkgMTMuNzA3MUMxMi42ODM0IDE0LjA5NzYgMTMuMzE2NiAxNC4wOTc2IDEzLjcwNzEgMTMuNzA3MUMxNC4wOTc2IDEzLjMxNjYgMTQuMDk3NiAxMi42ODM0IDEzLjcwNzEgMTIuMjkyOUw4LjQxNDIxIDdMMTMuNzA3MSAxLjcwNzExQzE0LjA5NzYgMS4zMTY1OCAxNC4wOTc2IDAuNjgzNDE3IDEzLjcwNzEgMC4yOTI4OTNDMTMuMzE2NiAtMC4wOTc2MzEgMTIuNjgzNCAtMC4wOTc2MzEgMTIuMjkyOSAwLjI5Mjg5M0w3IDUuNTg1NzlMMS43MDcxMSAwLjI5Mjg5M1oiIGZpbGw9IiNEOTMwNEMiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8yNTA3XzE5MzQ2NSI+CjxyZWN0IHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K)\n      no-repeat left top;\n  }\n  &.is-inverted {\n    li,\n    li::marker {\n      color: var(--bal-list-marker-inverted-color);\n    }\n    &.has-bullet-check li::before,\n    li.has-bullet-check::before {\n      background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzM4ODU0XzM0MjU0OSkiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEzLjYzNzEgMS4xOTc5MkMxNC4wNjI4IDEuNTQ5NzQgMTQuMTIyOCAyLjE4MDA2IDEzLjc3MDkgMi42MDU3OUw1LjczMDkgMTIuMzM1TDUuNzI4NDggMTIuMzM3OUM1LjU0NTYgMTIuNTU3NSA1LjMxNjA4IDEyLjczMzYgNS4wNTY2MSAxMi44NTM0QzQuNzk3MTMgMTIuOTczMSA0LjUxNDIzIDEzLjAzMzYgNC4yMjg0OCAxMy4wMzAySDQuMjI3NThDMy45MzcxNSAxMy4wMjY2IDMuNjUxMzEgMTIuOTU3MyAzLjM5MTUyIDEyLjgyNzRDMy4xMzI2IDEyLjY5NzkgMi45MDYyNiAxMi41MTE3IDIuNzI5MzcgMTIuMjgyNkMyLjcyODc3IDEyLjI4MTggMi43MjgxOCAxMi4yODEgMi43Mjc1OCAxMi4yODAyTDAuMjEwNjk0IDkuMDQ0MjZDLTAuMTI4Mzc2IDguNjA4MzEgLTAuMDQ5ODQyIDcuOTgwMDMgMC4zODYxMDUgNy42NDA5NkMwLjgyMjA1MyA3LjMwMTg5IDEuNDUwMzMgNy4zODA0MyAxLjc4OTQgNy44MTYzOEw0LjI1Mjk3IDEwLjk4MzhMMTIuMjI5MiAxLjMzMTc2QzEyLjU4MSAwLjkwNjAzNSAxMy4yMTE0IDAuODQ2MTEzIDEzLjYzNzEgMS4xOTc5MloiIGZpbGw9IndoaXRlIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMzg4NTRfMzQyNTQ5Ij4KPHJlY3Qgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=)\n        no-repeat left top;\n    }\n    &.has-bullet-close li::before,\n    li.has-bullet-close::before {\n      background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzM4ODU0XzM0MjU5OSkiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEuNzA3MTEgMC4yOTI4OTNDMS4zMTY1OCAtMC4wOTc2MzEgMC42ODM0MTcgLTAuMDk3NjMxIDAuMjkyODkzIDAuMjkyODkzQy0wLjA5NzYzMSAwLjY4MzQxNyAtMC4wOTc2MzEgMS4zMTY1OCAwLjI5Mjg5MyAxLjcwNzExTDUuNTg1NzkgN0wwLjI5Mjg5MyAxMi4yOTI5Qy0wLjA5NzYzMSAxMi42ODM0IC0wLjA5NzYzMSAxMy4zMTY2IDAuMjkyODkzIDEzLjcwNzFDMC42ODM0MTcgMTQuMDk3NiAxLjMxNjU4IDE0LjA5NzYgMS43MDcxMSAxMy43MDcxTDcgOC40MTQyMUwxMi4yOTI5IDEzLjcwNzFDMTIuNjgzNCAxNC4wOTc2IDEzLjMxNjYgMTQuMDk3NiAxMy43MDcxIDEzLjcwNzFDMTQuMDk3NiAxMy4zMTY2IDE0LjA5NzYgMTIuNjgzNCAxMy43MDcxIDEyLjI5MjlMOC40MTQyMSA3TDEzLjcwNzEgMS43MDcxMUMxNC4wOTc2IDEuMzE2NTggMTQuMDk3NiAwLjY4MzQxNyAxMy43MDcxIDAuMjkyODkzQzEzLjMxNjYgLTAuMDk3NjMxIDEyLjY4MzQgLTAuMDk3NjMxIDEyLjI5MjkgMC4yOTI4OTNMNyA1LjU4NTc5TDEuNzA3MTEgMC4yOTI4OTNaIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzM4ODU0XzM0MjU5OSI+CjxyZWN0IHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K)\n        no-repeat left top;\n    }\n  }\n}\n\nul.list:not(.has-bullet-circle):not(.has-bullet-check) li,\nul.is-list:not(.has-bullet-circle):not(.has-bullet-check) li {\n  list-style: disc;\n}\n\ndl.list {\n  display: grid;\n  grid-template-columns: var(--bal-description-list-grid-term) var(--bal-description-list-grid-detail);\n  row-gap: var(--bal-description-list-row-gap);\n  column-gap: var(--bal-description-list-column-gap);\n\n  dt {\n    color: var(--bal-description-list-term-color);\n    font-weight: var(--bal-description-list-term-font-weight);\n  }\n  dd {\n    color: var(--bal-description-list-detail-color);\n    font-weight: var(--bal-description-list-detail-font-weight);\n  }\n}\n","@use '../mixins/_all' as *;\n\n.table {\n  @extend %bottomSpacing;\n  background-color: var(--bal-table-background-color);\n  color: var(--bal-table-color);\n  td,\n  th {\n    border: var(--bal-table-cell-border);\n    border-width: var(--bal-table-cell-border-width);\n    padding: var(--bal-table-cell-padding);\n    vertical-align: middle;\n    // Modifiers\n    &.is-narrow {\n      white-space: nowrap;\n      width: 1%;\n    }\n    &.is-selected {\n      background-color: var(--bal-table-row-background-color-active);\n      color: var(--bal-table-row-color-active);\n      a,\n      strong {\n        color: currentColor;\n      }\n    }\n  }\n  th {\n    color: var(--bal-table-cell-heading-color);\n    &:not([align]) {\n      text-align: inherit;\n    }\n  }\n  tr {\n    &.is-selected {\n      background-color: var(--bal-table-row-background-color-active);\n      color: var(--bal-table-row-color-active);\n      a,\n      strong {\n        color: currentColor;\n      }\n      td,\n      th {\n        border-color: var(--bal-table-row-color-active);\n        color: currentColor;\n      }\n    }\n  }\n  thead {\n    background-color: var(--bal-table-head-background-color);\n    td,\n    th {\n      border-width: var(--bal-table-head-cell-border-width);\n      color: var(--bal-table-head-cell-color);\n    }\n  }\n  tfoot {\n    background-color: var(--bal-table-foot-background-color);\n    td,\n    th {\n      border-width: var(--bal-table-foot-cell-border-width);\n      color: var(--bal-table-foot-cell-color);\n    }\n  }\n  tbody {\n    background-color: var(--bal-table-body-background-color);\n    tr {\n      &:last-child {\n        td,\n        th {\n          border-bottom-width: 0;\n        } // Modifiers\n      }\n    }\n  }\n  &.is-bordered {\n    th {\n      border-top-width: 1px;\n      border-left-width: 1px;\n      border-right-width: 1px;\n      border-top-color: var(--bal-table-cell-border-color);\n      border-left-color: var(--bal-table-cell-border-color);\n      border-right-color: var(--bal-table-cell-border-color);\n    }\n    td {\n      border-width: 1px;\n    }\n    tr {\n      &:last-child {\n        td {\n          border-bottom-width: 1px;\n        }\n      }\n    }\n  }\n  &.is-fullwidth {\n    width: 100%;\n  }\n  &.is-hoverable {\n    tbody {\n      tr:not(.is-selected) {\n        &:hover {\n          background-color: var(--bal-table-row-background-color-hover);\n        }\n      }\n    }\n    &.is-striped {\n      tbody {\n        tr:not(.is-selected) {\n          &:hover {\n            background-color: var(--bal-table-row-background-color-hover);\n            &:nth-child(even) {\n              background-color: var(--bal-table-striped-row-even-background-color-hover);\n            }\n          }\n        }\n      }\n    }\n  }\n  &.is-narrow {\n    td,\n    th {\n      padding: 0.25em 0.5em;\n    }\n  }\n  &.is-striped {\n    tbody {\n      tr:not(.is-selected) {\n        &:nth-child(even) {\n          background-color: var(--bal-table-striped-row-even-background-color);\n        }\n      }\n    }\n  }\n}\n.table-container {\n  @extend %bottomSpacing;\n  @include overflow-touch;\n  overflow: auto;\n  overflow-y: hidden;\n  max-width: 100%;\n}\ntable.table {\n  display: table !important;\n  border-spacing: 0;\n  margin: 0;\n  thead {\n    tr {\n      border-top: 0;\n    }\n    th {\n      font-family: var(--bal-table-head-font-family);\n      border-color: var(--bal-table-head-cell-border-color);\n      border-bottom-width: 2px;\n    }\n  }\n  th:not([align]) {\n    text-align: left;\n  }\n  td,\n  th {\n    font-size: var(--bal-table-head-font-size);\n    vertical-align: middle;\n    color: var(--bal-table-color);\n    text-align: left;\n    .bal-checkbox {\n      padding: 0;\n      margin-top: 1px;\n    }\n  }\n  td {\n    color: var(--bal-table-color);\n    hyphens: auto;\n  }\n  td.has-buttons {\n    padding: 2px;\n    .bal-button {\n      margin-right: 0.25rem;\n      &:last-child {\n        margin-right: 0px;\n      }\n    }\n    .buttons {\n      justify-content: flex-end;\n      padding: 3px;\n    }\n  }\n}\n","@use 'sass:meta';\n\n@forward 'vars/_all';\n@forward 'form/_all';\n@forward 'container';\n@forward 'grid';\n@forward 'list';\n@forward 'table';\n\n.has-sticky-footer {\n  min-height: 100vh;\n  display: flex;\n  flex-direction: column;\n  main {\n    padding-bottom: 2.5rem;\n  }\n  .bal-footer,\n  footer.footer {\n    margin-top: auto;\n  }\n}\n","@use '@baloise/ds-tokens/dist/sass/base.tokens.scss' as *;\n\n@mixin from($device) {\n  @media screen and (min-width: $device) {\n    @content;\n  }\n}\n@mixin until($device) {\n  @media screen and (max-width: $device - 1px) {\n    @content;\n  }\n}\n@mixin between($min-device, $max-device) {\n  @media screen and (min-width: $min-device) and (max-width: $max-device - 1px) {\n    @content;\n  }\n}\n@mixin mobile {\n  @media screen and (max-width: $bal-breakpoint-tablet - 1px) {\n    @content;\n  }\n}\n@mixin tablet {\n  @media screen and (min-width: $bal-breakpoint-tablet) {\n    @content;\n  }\n}\n@mixin tablet-only {\n  @media screen and (min-width: $bal-breakpoint-tablet) and (max-width: $bal-breakpoint-desktop - 1px) {\n    @content;\n  }\n}\n@mixin touch {\n  @media screen and (max-width: $bal-breakpoint-desktop - 1px) {\n    @content;\n  }\n}\n@mixin desktop {\n  @media screen and (min-width: $bal-breakpoint-desktop) {\n    @content;\n  }\n}\n@mixin desktop-only {\n  @media screen and (min-width: $bal-breakpoint-desktop) and (max-width: $bal-breakpoint-desktop-lg - 1px) {\n    @content;\n  }\n}\n@mixin desktop-lg {\n  @media screen and (min-width: $bal-breakpoint-desktop-lg) {\n    @content;\n  }\n}\n@mixin desktop-lg-only {\n  @media screen and (min-width: $bal-breakpoint-desktop-lg) and (max-width: $bal-breakpoint-desktop-xl - 1px) {\n    @content;\n  }\n}\n@mixin until-desktop-lg {\n  @media screen and (max-width: $bal-breakpoint-desktop-lg - 1px) {\n    @content;\n  }\n}\n@mixin until-desktop-xl {\n  @media screen and (max-width: $bal-breakpoint-desktop-xl - 1px) {\n    @content;\n  }\n}\n@mixin desktop-xl {\n  @media screen and (min-width: $bal-breakpoint-desktop-xl) {\n    @content;\n  }\n}\n@mixin desktop-xl-only {\n  @media screen and (min-width: $bal-breakpoint-desktop-xl) and (max-width: $bal-breakpoint-desktop-2xl - 1px) {\n    @content;\n  }\n}\n@mixin until-desktop-2xl {\n  @media screen and (max-width: $bal-breakpoint-desktop-2xl - 1px) {\n    @content;\n  }\n}\n@mixin desktop-2xl {\n  @media screen and (min-width: $bal-breakpoint-desktop-2xl) {\n    @content;\n  }\n}\n\n/**\n  * @deprecated Use desktop with t-shirt size breakpoints instead\n  */\n\n@mixin high-definition {\n  @media screen and (min-width: $bal-breakpoint-desktop-lg) {\n    @content;\n  }\n}\n@mixin high-definition-only {\n  @media screen and (min-width: $bal-breakpoint-desktop-lg) and (max-width: $bal-breakpoint-desktop-xl - 1px) {\n    @content;\n  }\n}\n@mixin until-high-definition {\n  @media screen and (max-width: $bal-breakpoint-desktop-lg - 1px) {\n    @content;\n  }\n}\n@mixin until-widescreen {\n  @media screen and (max-width: $bal-breakpoint-desktop-xl - 1px) {\n    @content;\n  }\n}\n@mixin widescreen {\n  @media screen and (min-width: $bal-breakpoint-desktop-xl) {\n    @content;\n  }\n}\n@mixin widescreen-only {\n  @media screen and (min-width: $bal-breakpoint-desktop-xl) and (max-width: $bal-breakpoint-desktop-2xl - 1px) {\n    @content;\n  }\n}\n@mixin until-fullhd {\n  @media screen and (max-width: $bal-breakpoint-desktop-2xl - 1px) {\n    @content;\n  }\n}\n@mixin fullhd {\n  @media screen and (min-width: $bal-breakpoint-desktop-2xl) {\n    @content;\n  }\n}\n","@use 'sass:list';\n@use 'sass:meta';\n@use 'sass:string';\n\n// Always return a proper Sass list (single-item lists need a trailing comma).\n@function _as-list($value) {\n  @if meta.type-of($value) == 'list' {\n    @return $value;\n  }\n  @return ($value);\n}\n\n@mixin local($name, $default: null) {\n  @if $default == null {\n    --_#{$name}: var(--#{$name}, var(--mod-#{$name}));\n  } @else {\n    --_#{$name}: var(--#{$name}, var(--mod-#{$name}, #{$default}));\n  }\n}\n\n/**\n  * Mixin to support host and non-host mode for hybrid components.\n  * The mixin takes care of the correct selector and allows to write the styles only once.\n  * The $selectors parameter can be a single selector or a list of selectors.\n  * The $is-host parameter determines if the component is in host mode or not.\n  */\n@mixin hybrid($name, $selectors, $is-host: false) {\n  @if $is-host {\n    :host {\n      @include base($name);\n      @content;\n    }\n  } @else {\n    $names: _as-list($selectors);\n    $selector: ();\n\n    @each $n in $names {\n      $selector: list.append($selector, string.unquote('#{$n}'), comma);\n    }\n\n    #{$selector} {\n      @include base($name);\n      @content;\n    }\n  }\n}\n\n@mixin position-vars($name) {\n  @include local(#{$name}-position, static);\n  @include local(#{$name}-top);\n  @include local(#{$name}-right);\n  @include local(#{$name}-bottom);\n  @include local(#{$name}-left);\n}\n\n@mixin margin-vars($name) {\n  @include local(#{$name}-m, 0);\n  @include local(#{$name}-my);\n  @include local(#{$name}-mx);\n  @include local(#{$name}-ml);\n  @include local(#{$name}-mr);\n  @include local(#{$name}-mt);\n  @include local(#{$name}-mb);\n}\n\n@mixin margin-styles($name) {\n  margin: var(--_#{$name}-m);\n  margin-inline: var(--_#{$name}-mx);\n  margin-block: var(--_#{$name}-my);\n  margin-left: var(--_#{$name}-ml);\n  margin-right: var(--_#{$name}-mr);\n  margin-top: var(--_#{$name}-mt);\n  margin-bottom: var(--_#{$name}-mb);\n}\n\n@mixin position-styles($name) {\n  position: var(--_#{$name}-position);\n  top: var(--_#{$name}-top);\n  right: var(--_#{$name}-right);\n  bottom: var(--_#{$name}-bottom);\n  left: var(--_#{$name}-left);\n}\n\n@mixin styles($name) {\n  @include margin-styles($name);\n  @include position-styles($name);\n}\n\n@mixin margin($name) {\n  @include margin-vars($name);\n  @include margin-styles($name);\n}\n\n@mixin position($name) {\n  @include position-vars($name);\n  @include position-styles($name);\n}\n\n@mixin base($name) {\n  @include position($name);\n  @include margin($name);\n}\n","@use 'sass:list';\n@use 'sass:meta';\n@use 'sass:string';\n@use './vars.scss' as vars;\n\n// Always return a proper Sass list (single-item lists need a trailing comma).\n@function _as-list($value) {\n  @if meta.type-of($value) == 'list' {\n    @return $value;\n  }\n  @return ($value);\n}\n\n/**\n  * Mixin sets the selector for host and non-host mode.\n  * The styles are wrapped in a :host selector and only applied if the component is used in host mode.\n  * The $is-host parameter determines if the component is in host mode or not.\n  * The $selector parameter is the selector for non-host mode and can be a single selector or a list of selectors.\n  */\n@mixin modifier($selector, $css-selector, $is-host: false) {\n  @if $is-host {\n    :host(#{$selector}) {\n      @content;\n    }\n  } @else {\n    #{$css-selector}#{$selector} {\n      @content;\n    }\n  }\n}\n\n/**\n  * Mixin generates styles for an element of a component for host and non-host mode.\n  * The styles are wrapped in a :host selector and only applied if the component is used in host mode.\n  * The $is-host parameter determines if the component is in host mode or not.\n  * The $selector parameter is the selector for non-host mode and can be a single selector or a list of selectors.\n  */\n@mixin component-element($selector, $css-selector, $is-host: false) {\n  @if $is-host {\n    :host #{$selector} {\n      @content;\n    }\n  } @else {\n    #{$css-selector} {\n      #{$selector} {\n        @content;\n      }\n    }\n  }\n}\n\n/**\n  * Mixin only generates styles for host mode.\n  * The styles are wrapped in a :host selector and only applied if the component is used in host mode.\n  * The $is-host parameter determines if the component is in host mode or not.\n  */\n@mixin host($is-host: false) {\n  @if $is-host {\n    @content;\n  }\n}\n\n/**\n  * Mixin only generates styles for non-host mode.\n  * The styles are not wrapped in a :host selector and only applied if the component is used in non-host mode.\n  * The $is-host parameter determines if the component is in host mode or not.\n  */\n@mixin styles-only($is-host: false) {\n  @if not $is-host {\n    @content;\n  }\n}\n\n@mixin styles($selectors, $is-host: false) {\n  $names: _as-list($selectors);\n  $selector: ();\n\n  @each $n in $names {\n    $selector: list.append($selector, string.unquote('#{$n}'), comma);\n  }\n\n  @if not $is-host {\n    #{$selector} {\n      @content;\n    }\n  }\n}\n\n/**\n  * Mixin to support host and non-host mode for hybrid components.\n  * The mixin takes care of the correct selector and allows to write the styles only once.\n  * The $selectors parameter can be a single selector or a list of selectors.\n  * The $is-host parameter determines if the component is in host mode or not.\n  */\n@mixin vars($selectors, $is-host: false) {\n  @if $is-host {\n    :host {\n      @content;\n    }\n  } @else {\n    $names: _as-list($selectors);\n    $selector: ();\n\n    @each $n in $names {\n      $selector: list.append($selector, string.unquote('#{$n}'), comma);\n    }\n\n    #{$selector} {\n      @content;\n    }\n  }\n}\n\n/**\n  * Mixin to support host and non-host mode for hybrid components.\n  * The mixin takes care of the correct selector and allows to write the styles only once.\n  * The $selectors parameter can be a single selector or a list of selectors.\n  * The $is-host parameter determines if the component is in host mode or not.\n  * The $use-host parameter determines if the component should use the :host selector or not.\n  */\n@mixin component($hostSelector, $coreSelectors, $is-host: false, $use-host: false) {\n  $names: _as-list($coreSelectors);\n\n  @if $is-host {\n    @if $use-host {\n      :host {\n        @content;\n      }\n    } @else {\n      #{$hostSelector} {\n        @content;\n      }\n    }\n  } @else {\n    $selector: ();\n\n    @each $n in $names {\n      $selector: list.append($selector, string.unquote('#{$n}'), comma);\n    }\n\n    #{$selector} {\n      @content;\n    }\n  }\n}\n\n/**\n  * Mixin to define the host base variables and display property for a component.\n  */\n@mixin host-base($name, $display: inline-block) {\n  :host {\n    @include vars.base($name);\n\n    display: $display;\n\n    @include vars.styles($name);\n  }\n}\n\n@mixin base-vars($name) {\n  @include vars.margin($name);\n  @include vars.position($name);\n}\n\n@mixin position-vars($name) {\n  --#{$name}-position: var(--bal-#{$name}-position, static);\n  --#{$name}-top: var(--bal-#{$name}-top);\n  --#{$name}-right: var(--bal-#{$name}-right);\n  --#{$name}-bottom: var(--bal-#{$name}-bottom);\n  --#{$name}-left: var(--bal-#{$name}-left);\n}\n\n@mixin margin-vars($name) {\n  --#{$name}-m: var(--bal-#{$name}-m, 0);\n  --#{$name}-my: var(--bal-#{$name}-my);\n  --#{$name}-mx: var(--bal-#{$name}-mx);\n  --#{$name}-ml: var(--bal-#{$name}-ml);\n  --#{$name}-mr: var(--bal-#{$name}-mr);\n  --#{$name}-mt: var(--bal-#{$name}-mt);\n  --#{$name}-mb: var(--bal-#{$name}-mb);\n}\n\n@mixin margin-styles($name) {\n  margin: var(--#{$name}-m);\n  margin-inline: var(--#{$name}-mx);\n  margin-block: var(--#{$name}-my);\n  margin-left: var(--#{$name}-ml);\n  margin-right: var(--#{$name}-mr);\n  margin-top: var(--#{$name}-mt);\n  margin-bottom: var(--#{$name}-mb);\n}\n\n@mixin position-styles($name) {\n  position: var(--#{$name}-position);\n  top: var(--#{$name}-top);\n  right: var(--#{$name}-right);\n  bottom: var(--#{$name}-bottom);\n  left: var(--#{$name}-left);\n}\n\n@mixin base-styles($name) {\n  @include margin-styles($name);\n  @include position-styles($name);\n}\n","@use '@baloise/ds-styles/sass/mixins' as *;\n@use '../../hybrid' as hybrid;\n@use '../../vars' as vars;\n@use '../../host' as host;\n\n$name: toast;\n$use-host: false !default;\n$css-selector: ('.toast');\n$host-selector: ('#toast');\n\n/**\n * Variables\n * --------------------------------\n * Define here the css variables for the component to be able to use it in host or non-host mode\n * These variables can be used in the component styles below and later on be overridden in themes.\n */\n\n@include vars.hybrid($name, $css-selector, $use-host) {\n  @include vars.local(toast-shadow, var(--bal-shadow-box-base));\n  @include vars.local(toast-radius, var(--bal-toast-radius));\n  @include vars.local(toast-color-background, var(--bal-toast-base-background));\n  @include vars.local(toast-color-text, var(--bal-toast-base-text));\n  @include vars.local(toast-icon, var(--bal-toast-base-icon));\n\n  @include vars.local(toast-heading-family, var(--bal-text-family-heading));\n  @include vars.local(toast-heading-weight, var(--bal-text-weight-bold));\n  @include vars.local(toast-heading-size, var(--bal-text-size-base-device));\n  @include vars.local(toast-heading-line-height, var(--bal-text-line-height-heading));\n\n  @include vars.local(toast-content-family, var(--bal-text-family-body));\n  @include vars.local(toast-content-weight, inherit);\n  @include vars.local(toast-content-size, var(--bal-text-size-sm-device));\n  @include vars.local(toast-content-line-height, var(--bal-text-line-height-body));\n\n  @include vars.local(toast-gap, 0.125rem);\n  @include vars.local(toast-pl, 3rem);\n  @include vars.local(toast-pt, 1rem);\n  @include vars.local(toast-pr, 1rem);\n  @include vars.local(toast-pb, 1rem);\n\n  // Animation\n  @include vars.local(toast-animation-start-opacity, 1);\n  @include vars.local(toast-animation-start-transform, none);\n\n  @include vars.local(toast-animation-transition, none);\n\n  @include vars.local(toast-animation-end-opacity, 1);\n  @include vars.local(toast-animation-end-transform, none);\n}\n\n/**\n  * Basic Component Styles\n  * --------------------------------\n  * Define here the component styles using the mixin to support host and non-host mode for hybrid components.\n  */\n\n@include hybrid.component($host-selector, $css-selector, $use-host) {\n  @include font-smoothing();\n  @include unselectable();\n\n  flex: 1;\n  position: relative;\n  hyphens: auto;\n\n  color: var(--_toast-color-text);\n  background: var(--_toast-color-background);\n  border-radius: var(--_toast-radius);\n  box-shadow: var(--_toast-shadow);\n\n  padding-top: var(--_toast-pt);\n  padding-right: var(--_toast-pr);\n  padding-bottom: var(--_toast-pb);\n  padding-left: var(--_toast-pl);\n\n  column-gap: calc(var(--_toast-gap) * 4);\n  row-gap: var(--_toast-gap);\n  align-items: center;\n\n  //\n  // Icon\n  // --------------------------------\n  &::before {\n    display: block;\n    background-color: currentColor;\n    color: currentColor;\n    forced-color-adjust: preserve-parent-color;\n    position: absolute;\n    height: 1.5rem;\n    width: 1.5rem;\n    top: auto;\n    left: 0.825rem;\n    content: '';\n    -webkit-mask-repeat: no-repeat;\n    mask-repeat: no-repeat;\n    -webkit-mask-size: contain;\n    mask-size: contain;\n\n    mask-image: var(--_toast-icon);\n    -webkit-mask-image: var(--_toast-icon);\n  }\n\n  //\n  // Grid Layout\n  // --------------------------------\n\n  // Base: message only\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-template-areas: 'message';\n\n  // heading + message only (no action, no close)\n  &:where(:has(> h2, > strong, > b)):where(:not(:has(> .button, > bal-button))):where(\n      :not(:has(> .close, > bal-close))\n    ) {\n    grid-template-columns: 1fr;\n    grid-template-areas:\n      'heading'\n      'message';\n  }\n\n  // message + action (no close)\n  &:where(:has(> .button, > bal-button)):where(:not(:has(> .close, > bal-close))) {\n    grid-template-columns: 1fr auto;\n    grid-template-areas: 'message action';\n\n    &:has(> h2, > strong, > b) {\n      grid-template-areas:\n        'heading action'\n        'message action';\n    }\n  }\n\n  // message + close (no action)\n  &:where(:has(> .close, > bal-close)):where(:not(:has(> .button, > bal-button))) {\n    grid-template-columns: 1fr auto;\n    grid-template-areas: 'message close';\n\n    &:has(> h2, > strong, > b) {\n      grid-template-areas:\n        'heading close'\n        'message close';\n    }\n  }\n\n  // message + action + close\n  &:where(:has(> .button, > bal-button)):where(:has(> .close, > bal-close)) {\n    grid-template-columns: 1fr auto auto;\n    grid-template-areas: 'message action close';\n\n    &:has(> h2, > strong, > b) {\n      grid-template-areas:\n        'heading action close'\n        'message action close';\n    }\n  }\n\n  //\n  // Content\n  // --------------------------------\n  &,\n  & > span,\n  & > p {\n    font-family: var(--_toast-content-family);\n    font-size: var(--_toast-content-size);\n    font-weight: var(--_toast-content-weight);\n    line-height: var(--_toast-content-line-height);\n  }\n\n  & > span,\n  & > p {\n    margin: 0 !important;\n    grid-area: message;\n  }\n\n  //\n  // Heading\n  // --------------------------------\n\n  & > strong,\n  & > b,\n  & > h2 {\n    font-family: var(--_toast-heading-family);\n    font-weight: var(--_toast-heading-weight);\n    line-height: var(--_toast-heading-line-height);\n    font-size: var(--_toast-heading-size);\n    margin: 0 !important;\n\n    grid-area: heading;\n  }\n\n  //\n  // Action Button\n  // --------------------------------\n  bal-button,\n  .button {\n    --button-mt: 0;\n    grid-area: action;\n    align-self: center;\n  }\n\n  //\n  // Close Button\n  // --------------------------------\n  .close,\n  bal-close {\n    grid-area: close;\n    align-self: center;\n  }\n}\n\n//\n// Colors\n// --------------------------------\n\n$colors: ('info', 'success', 'warning', 'danger');\n\n@mixin colors($color) {\n  --mod-toast-color-text: var(--bal-toast-#{$color}-text);\n  --mod-toast-color-border: var(--bal-toast-#{$color}-border);\n  --mod-toast-color-background: var(--bal-toast-#{$color}-background);\n  --mod-toast-icon: var(--bal-toast-#{$color}-icon);\n}\n\n@include hybrid.styles($css-selector, $use-host) {\n  @each $color in $colors {\n    &.is-#{$color} {\n      @include colors($color);\n    }\n  }\n}\n\n@include hybrid.host($use-host) {\n  @each $color in $colors {\n    :host([color='#{$color}']) {\n      @include colors($color);\n    }\n  }\n}\n","@use 'sass:map';\n@use 'sass:string';\n@use 'sass:math';\n\n@mixin hover {\n  @media (hover: hover) and (pointer: fine) {\n    @content;\n  }\n}\n\n@mixin overflow-touch {\n  -webkit-overflow-scrolling: touch;\n}\n\n@mixin focus-shadow($color: var(--bal-interaction-focus-color-start)) {\n  @include hover {\n    box-shadow:\n      var(--bal-interaction-focus-color-border) 0 0 0 2px,\n      #{$color} 0 0 0 5px !important;\n  }\n}\n\n@mixin focus-inset-shadow {\n  @include hover {\n    box-shadow:\n      inset var(--bal-interaction-focus-color-end) 0 0 0 3px,\n      inset var(--bal-interaction-focus-color-start) 0 0 0 5px !important;\n  }\n}\n\n@mixin focus-inverted-shadow {\n  @include hover {\n    box-shadow:\n      var(--bal-interaction-focus-color-inverted-start) 0 0 0 2px,\n      var(--bal-interaction-focus-color-inverted-end) 0 0 0 5px !important;\n  }\n}\n\n@mixin focus-inverted-inset-shadow {\n  @include hover {\n    box-shadow:\n      inset var(--bal-interaction-focus-color-inverted-end) 0 0 0 3px,\n      inset var(--bal-interaction-focus-color-inverted-start) 0 0 0 5px !important;\n  }\n}\n\n// --------------------------------------------\n\n@mixin font-smoothing {\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n}\n\n@mixin unselectable {\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n\n@mixin disabled {\n  cursor: default !important;\n  pointer-events: none !important;\n}\n\n@mixin reset {\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  appearance: none;\n  background: none;\n  border: none;\n  color: currentColor;\n  font-family: inherit;\n  font-size: 1em;\n  margin: 0;\n  padding: 0;\n}\n\n@mixin overlay($offset: 0) {\n  bottom: $offset;\n  left: $offset;\n  position: absolute;\n  right: $offset;\n  top: $offset;\n}\n\n@mixin input-cover() {\n  @include position(0, null, null, 0);\n  @include margin(0);\n\n  position: absolute;\n\n  width: 100%;\n  height: 100%;\n\n  border: 0;\n  background: transparent;\n  cursor: pointer;\n\n  appearance: none;\n  outline: none;\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n}\n\n@mixin visually-hidden() {\n  position: absolute;\n\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n\n  width: 100%;\n  height: 100%;\n\n  margin: 0;\n  padding: 0;\n\n  border: 0;\n  outline: 0;\n  clip: rect(0 0 0 0);\n\n  opacity: 0;\n  overflow: hidden;\n\n  -webkit-appearance: none;\n  -moz-appearance: none;\n}\n\n@mixin text-inherit() {\n  font-family: inherit;\n  font-size: inherit;\n  font-style: inherit;\n  font-weight: inherit;\n  letter-spacing: inherit;\n  text-decoration: inherit;\n  text-indent: inherit;\n  text-overflow: inherit;\n  text-transform: inherit;\n  text-align: inherit;\n  white-space: inherit;\n  color: inherit;\n}\n\n// Blumer mixins\n// --------------------------------------------\n\n$block-spacing: 0.25rem !default;\n@mixin bottomSpacing($spacing: $block-spacing) {\n  &:not(:last-child) {\n    margin-bottom: $spacing;\n  }\n}\n\n@mixin ltr-position($spacing, $right: true) {\n  $normal: if($right, 'right', 'left');\n  #{$normal}: $spacing;\n}\n\n@mixin ltr-property($property, $spacing, $right: true) {\n  $normal: if($right, 'right', 'left');\n  #{$property}-#{$normal}: $spacing;\n}\n","@use '@baloise/ds-styles/sass/mixins' as *;\n@use 'sass:list';\n@use 'sass:meta';\n@use 'sass:map';\n\n@function bool($name) {\n  @return '[#{$name}]:not([#{$name}=' false '])';\n}\n\n/**\n  * Usage examples:\n  *   @include attr.has(attr.bool(checked)) { ... }\n  *   @include attr.has(attr.bool(checked), attr.bool(invalid), attr.bool(inverted)) { ... }\n  *   @include attr.has(attr.val(type, 'button')) { ... }\n  *   @include attr.has(attr.val(type, 'button'), attr.bool(checked)) { ... }\n  */\n@mixin has($name, $value: true, $is-host: true) {\n  @if $is-host== true {\n    $sel: '';\n\n    @if $value == true {\n      $sel: '#{$sel}[#{$name}]:not([#{$name}=' false '])';\n    } @else if $value == false {\n      $sel: '#{$sel}:not([#{$name}])';\n    } @else {\n      $sel: '#{$sel}[#{$name}=' #{$value}']';\n    }\n\n    @if $sel != null and $sel != '' {\n      :host(#{$sel}) {\n        @content;\n      }\n    }\n  }\n}\n\n@mixin hasMany($selectors, $is-host: true) {\n  @if $is-host== true {\n    $sel: '';\n\n    @each $name, $value in $selectors {\n      @if $value == true {\n        $sel: '#{$sel}[#{$name}]:not([#{$name}=' false '])';\n      } @else if $value == false {\n        $sel: '#{$sel}:not([#{$name}])';\n      } @else {\n        $sel: '#{$sel}[#{$name}=' #{$value}']';\n      }\n    }\n\n    @if $sel != null and $sel != '' {\n      :host(#{$sel}) {\n        @content;\n      }\n    }\n  }\n}\n","@use '@baloise/ds-styles/sass/mixins' as *;\n@use '../../hybrid' as hybrid;\n@use '../../vars' as vars;\n@use '../../attr' as attr;\n@use '../../host' as host;\n\n$use-host: false !default;\n$name: text;\n$css-selector: ('.text');\n$host-selector: ('#text');\n\n/**\n * Variables\n * --------------------------------\n * Define here the css variables for the component to be able to use it in host or non-host mode\n * These variables can be used in the component styles below and later on be overridden in themes.\n */\n\n@include vars.hybrid($name, $css-selector, $use-host) {\n  @include vars.local(text-color, inherit);\n  @include vars.local(text-family, var(--bal-body-family));\n  @include vars.local(text-weight, var(--bal-body-weight));\n  @include vars.local(text-line-height, var(--bal-body-line-height));\n  @include vars.local(text-size, var(--bal-text-size-base-device));\n  @include vars.local(text-shadow, var(--bal-shadow-text));\n  @include vars.local(text-space, var(--bal-body-space));\n\n  @include vars.local(text-shadow, none); // var(--bal-heading-shadow)\n}\n\n/**\n  * Basic Component Styles\n  * --------------------------------\n  * Define here the component styles using the mixin to support host and non-host mode for hybrid components.\n  */\n@include hybrid.component($host-selector, $css-selector, $use-host) {\n  @include font-smoothing();\n\n  display: block;\n  box-sizing: content-box;\n\n  hyphens: auto;\n  overflow-wrap: break-word;\n  text-wrap: balance;\n\n  color: var(--_text-color);\n  font-family: var(--_text-family);\n  font-weight: var(--_text-weight);\n  line-height: var(--_text-line-height);\n  font-size: var(--_text-size);\n  text-shadow: var(--_text-shadow);\n\n  b,\n  strong,\n  .is-bold {\n    font-weight: var(--bal-text-weight-bold);\n  }\n\n  // alignments\n  @include hybrid.styles-only($use-host) {\n    &.is-centered {\n      text-align: center;\n    }\n\n    &.is-right {\n      text-align: right;\n    }\n\n    &.is-justified {\n      text-align: justify;\n    }\n  }\n}\n\n//\n// No Wrap\n// --------------------------------\n@mixin noWrap() {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n}\n\n@include hybrid.styles($css-selector, $use-host) {\n  &.has-no-wrap {\n    @include noWrap();\n  }\n}\n\n@include attr.has(no-wrap) {\n  #text {\n    @include noWrap();\n  }\n}\n\n/**\n  * Variants and States\n  * --------------------------------\n  * Define here the variants and states like size or colors for the component.\n  */\n\n//\n// Weights\n// --------------------------------\n$weights: ('light', 'regular', 'bold');\n\n@include hybrid.styles($css-selector, $use-host) {\n  @each $weight in $weights {\n    &.is-#{$weight} {\n      --mod-text-weight: var(--bal-text-weight-#{$weight});\n    }\n  }\n}\n\n@include attr.has(bold) {\n  --mod-text-weight: var(--bal-text-weight-bold);\n}\n\n//\n// Shadow\n// --------------------------------\n@mixin shadow {\n  --mod-text-shadow: var(--bal-text-shadow);\n}\n\n@include hybrid.styles($css-selector, $use-host) {\n  &.has-shadow {\n    @include shadow();\n  }\n}\n\n@include attr.has(shadow) {\n  @include shadow();\n}\n\n//\n// Inline\n// --------------------------------\n\n@include hybrid.styles($css-selector, $use-host) {\n  &.is-inline {\n    display: inline;\n  }\n}\n\n@include attr.has(inline) {\n  display: inline;\n}\n\n//\n// Colors\n// --------------------------------\n$colors: (\n  'white',\n  'black',\n  'primary',\n  'primary-hover',\n  'primary-active',\n  'inverted-primary',\n  'inverted-primary-hover',\n  'inverted-primary-active',\n  'primary-light',\n  'hint',\n  'grey-light',\n  'grey',\n  'grey-dark',\n  'disabled',\n  'inverted-disabled',\n  'info',\n  'warning',\n  'success',\n  'danger',\n  'danger-hover',\n  'danger-active'\n);\n\n@mixin color($color) {\n  --mod-text-color: var(--bal-text-color-#{$color});\n}\n\n@each $color in $colors {\n  @include hybrid.styles($css-selector, $use-host) {\n    &.is-#{$color} {\n      @include color($color);\n    }\n  }\n\n  @include hybrid.host($use-host) {\n    :host(.is-#{$color}) {\n      @include color($color);\n    }\n  }\n}\n\n//\n// Sizes\n// --------------------------------\n@mixin size($level) {\n  --mod-text-size: var(--bal-text-size-#{$level}-device);\n}\n\n$size-aliases: (\n  (is-xxxxx-large, is-5xl): 5xl,\n  (is-xxxx-large, is-4xl): 4xl,\n  (is-xxx-large, is-3xl): 3xl,\n  (is-xx-large, is-2xl): 2xl,\n  (is-x-large, is-xl): xl,\n  (is-large, is-lead, is-lg): lg,\n  (is-medium, is-block, is-md): md,\n  (is-normal, is-base): base,\n  (is-small, is-sm): sm,\n  (is-x-small, is-xs): xs,\n);\n\n@include hybrid.styles($css-selector, $use-host) {\n  @each $class-group, $token in $size-aliases {\n    @each $class in $class-group {\n      &.#{$class} {\n        @include size($token);\n      }\n    }\n  }\n}\n\n$sizes: ('xs', 'sm', 'base', 'md', 'lg', 'xl', '2xl', '3xl', '4xl', '5xl');\n@include hybrid.host($use-host) {\n  @each $token in $sizes {\n    :host([size='#{$token}']) {\n      @include size($token);\n    }\n  }\n\n  :host([size='small']) {\n    @include size('sm');\n  }\n\n  :host([size='lead']) {\n    @include size('lg');\n  }\n\n  :host([size='block']) {\n    @include size('md');\n  }\n}\n\n//\n// Font Family\n// --------------------------------\n@include hybrid.styles($css-selector, $use-host) {\n  &.is-heading,\n  &.is-title {\n    --mod-text-family: var(--bal-text-family-heading);\n    --mod-text-weight: var(--bal-text-weight-bold);\n    --mod-text-line-height: var(--bal-text-line-height-heading);\n  }\n\n  &.is-subtitle {\n    --mod-text-family: var(--bal-text-family-heading);\n    --mod-text-weight: var(--bal-text-weight-light);\n    --mod-text-line-height: var(--bal-text-line-height-heading);\n  }\n}\n\n@include attr.has(heading) {\n  --mod-text-family: var(--bal-text-family-heading);\n  --mod-text-weight: var(--bal-text-weight-bold);\n  --mod-text-line-height: var(--bal-text-line-height-heading);\n}\n\n@include attr.has(subtitle) {\n  --mod-text-family: var(--bal-text-family-heading);\n  --mod-text-weight: var(--bal-text-weight-light);\n  --mod-text-line-height: var(--bal-text-line-height-heading);\n}\n\n//\n// Spaces\n// --------------------------------\n@include hybrid.styles($css-selector, $use-host) {\n  &.has-space-all {\n    --mod-text-mt: var(--_text-space);\n    --mod-text-mb: var(--_text-space);\n  }\n\n  &.has-space-top {\n    --mod-text-mt: var(--_text-space);\n    --mod-text-mb: 0;\n  }\n\n  &.has-space-bottom {\n    --mod-text-mb: var(--_text-space);\n  }\n\n  &.has-space-none {\n    --mod-text-mb: 0;\n    --mod-text-mt: 0;\n  }\n}\n\n@include attr.has(space, 'all') {\n  --text-mt: var(--_text-space);\n  --text-mb: var(--_text-space);\n}\n\n@include attr.has(space, 'top') {\n  --text-mt: var(--_text-space);\n  --text-mb: 0;\n}\n\n@include attr.has(space, 'bottom') {\n  --text-mt: 0;\n  --text-mb: var(--_text-space);\n}\n\n@include attr.has(space, 'none') {\n  --text-mt: 0;\n  --text-mb: 0;\n}\n","@use '@baloise/ds-styles/sass/mixins' as *;\n@use '../../hybrid' as hybrid;\n\n$tag-use-host: false !default;\n$tag-name: tag;\n$tag-css-selector: ('.tag:not(.token)');\n$tag-host-selector: ('#tag');\n\n/**\n * Variables\n * --------------------------------\n * Define here the css variables for the component to be able to use it in host or non-host mode\n * These variables can be used in the component styles below and later on be overridden in themes.\n */\n\n@include hybrid.vars($tag-css-selector, $tag-use-host) {\n  @include hybrid.base-vars($tag-name);\n\n  --tag-min-height: 2rem;\n  --tag-gap: 0.25rem;\n  --tag-padding: var(--bal-tag-space-y) var(--bal-tag-space-x);\n  --tag-radius: var(--bal-tag-radius-base);\n  --tag-line-height: 1;\n  --tag-color-text: var(--bal-tag-color-base-text);\n  --tag-color-background: var(--bal-tag-color-base-background);\n  --tag-font-family: var(--bal-tag-family);\n  --tag-font-size: var(--bal-tag-size);\n  --tag-font-weight: var(--bal-tag-weight);\n  --tag-close-mr: calc(0.25rem * -1);\n}\n\n/**\n  * Basic Component Styles\n  * --------------------------------\n  * Define here the component styles using the mixin to support host and non-host mode for hybrid components.\n  */\n\n@include hybrid.component($tag-host-selector, $tag-css-selector, $tag-use-host) {\n  @include hybrid.base-styles($tag-name);\n  @include unselectable;\n\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  vertical-align: middle;\n  min-height: var(--tag-min-height);\n  gap: var(--tag-gap);\n  padding: var(--tag-padding);\n  border-radius: var(--tag-radius);\n  color: var(--tag-color-text);\n  background-color: var(--tag-color-background);\n  font-family: var(--tag-font-family);\n  line-height: var(--tag-line-height);\n  font-size: var(--tag-font-size);\n  font-weight: var(--tag-font-weight);\n\n  > .close,\n  > bal-close {\n    --bal-close-mr: var(--tag-close-mr);\n    // margin-right: var(--tag-close-mr);\n  }\n\n  > bal-icon {\n    --icon-size: 0.875rem;\n  }\n}\n\n/**\n  * Variants and States\n  * --------------------------------\n  * Define here the variants and states like size or colors for the component.\n  */\n\n$tag-colors: (\n  'primary',\n  'grey',\n  'success',\n  'info',\n  'warning',\n  'danger',\n  'purple',\n  'red',\n  'yellow',\n  'green',\n  'purple-dark',\n  'red-dark',\n  'yellow-dark',\n  'green-dark',\n  'purple-light',\n  'red-light',\n  'yellow-light',\n  'green-light'\n);\n\n@mixin tag-colors($color) {\n  --tag-color-text: var(--bal-tag-color-#{$color}-text);\n  --tag-color-background: var(--bal-tag-color-#{$color}-background);\n}\n\n@include hybrid.component($tag-host-selector, $tag-css-selector, $tag-use-host) {\n  //\n  // Colors\n  @each $color in $tag-colors {\n    &.is-#{$color} {\n      @include tag-colors($color);\n    }\n  }\n\n  //\n  // Shapes\n  &.is-square {\n    --tag-radius: var(--bal-tag-radius-square);\n  }\n\n  &.is-pill {\n    --tag-radius: var(--bal-tag-radius-pill);\n  }\n\n  //\n  // Sizes\n  &.is-sm {\n    --tag-min-height: 1.5rem;\n    --tag-padding: var(--bal-tag-sm-space-y) var(--bal-tag-sm-space-x);\n    --tag-font-size: var(--bal-tag-sm-size);\n    --tag-font-weight: var(--bal-tag-sm-weight);\n  }\n\n  &.is-md {\n    --tag-min-height: 2.5rem;\n    --tag-padding: var(--bal-tag-md-space-y) var(--bal-tag-md-space-x);\n    --tag-font-size: var(--bal-tag-md-size);\n    --tag-font-weight: var(--bal-tag-md-weight);\n  }\n\n  &.is-lg {\n    --tag-min-height: 3rem;\n    --tag-padding: var(--bal-tag-lg-space-y) var(--bal-tag-lg-space-x);\n    --tag-font-size: var(--bal-tag-lg-size);\n    --tag-font-weight: var(--bal-tag-lg-weight);\n  }\n}\n\n/**\n  * Overrides child component styles\n  * --------------------------------\n  * Define here the styles to override child components inside the tag component.\n  * Example: close inside tag\n  */\n\n@include hybrid.component($tag-host-selector, $tag-css-selector, $tag-use-host) {\n  //\n  // Sizes\n  &.is-sm {\n    > .close,\n    > bal-close {\n      --close-padding: 0.25rem;\n      --close-size-icon: 10px;\n    }\n  }\n  //\n  // Colors\n  &.is-grey,\n  &.is-info,\n  &.is-success,\n  &.is-danger,\n  &.is-purple-dark,\n  &.is-red-dark,\n  &.is-green-dark,\n  &.is-yellow-dark,\n  &.is-primary {\n    > .close,\n    > bal-close {\n      --close-color-icon: var(--bal-close-color-icon-inverted);\n      --close-color-background-hover: var(--bal-close-color-background-inverted-hover);\n      --close-color-background-active: var(--bal-close-color-background-inverted-active);\n      --close-shadow-focus: var(--bal-close-shadow-outline-inverted);\n    }\n    > bal-icon {\n      --bal-icon-color: var(--bal-close-color-icon-inverted);\n    }\n  }\n}\n\n/**\n  * Tags container\n  * --------------------------------\n  * Define here the styles for tags container to be able to use a flex layout with gap.\n  */\n\n@include hybrid.styles-only($tag-use-host) {\n  .tags {\n    display: flex;\n    gap: var(--bal-tag-space-x);\n  }\n}\n","@use '@baloise/ds-styles/sass/mixins' as *;\n\n$stack-space: ('2xs', 'xs', 'sm', 'base', 'md', 'lg', 'xl', '2xl');\n\n/**\n  * Mixins\n  */\n\n@mixin gap($space, $property: gap) {\n  #{$property}: var(--bal-space-#{$space});\n\n  @include tablet {\n    #{$property}: var(--bal-space-#{$space}-tablet);\n  }\n\n  @include desktop {\n    #{$property}: var(--bal-space-#{$space}-desktop);\n  }\n}\n\n@mixin p($space) {\n  padding: var(--bal-space-#{$space});\n\n  @include tablet {\n    padding: var(--bal-space-#{$space}-tablet);\n  }\n\n  @include desktop {\n    padding: var(--bal-space-#{$space}-desktop);\n  }\n}\n\n@mixin px($space) {\n  padding-left: var(--bal-space-#{$space});\n  padding-right: var(--bal-space-#{$space});\n\n  @include tablet {\n    padding-left: var(--bal-space-#{$space}-tablet);\n    padding-right: var(--bal-space-#{$space}-tablet);\n  }\n\n  @include desktop {\n    padding-left: var(--bal-space-#{$space}-desktop);\n    padding-right: var(--bal-space-#{$space}-desktop);\n  }\n}\n\n@mixin py($space) {\n  padding-top: var(--bal-space-#{$space});\n  padding-bottom: var(--bal-space-#{$space});\n\n  @include tablet {\n    padding-top: var(--bal-space-#{$space}-tablet);\n    padding-bottom: var(--bal-space-#{$space}-tablet);\n  }\n\n  @include desktop {\n    padding-top: var(--bal-space-#{$space}-desktop);\n    padding-bottom: var(--bal-space-#{$space}-desktop);\n  }\n}\n\n/**\n  * Basic Style\n  */\n.stack,\n.stack-content {\n  display: flex;\n  justify-content: flex-start;\n  align-items: flex-start;\n  flex-flow: column nowrap;\n}\n\n.stack {\n  gap: 1rem;\n}\n\n.stack-content {\n  flex: 1;\n  height: 100%;\n  gap: 0.25rem;\n}\n\n.stack > .stack,\n.stack > .stack-content {\n  align-self: stretch;\n}\n\n.stack.is-horizontal > .stack-content {\n  align-self: center;\n}\n\n.stack,\n.stack-content {\n  &.has-wrap {\n    flex-wrap: wrap;\n  }\n\n  &.as-row,\n  &.is-horizontal,\n  &.has-direction-row {\n    flex-flow: row nowrap;\n    align-items: center;\n  }\n\n  &.as-row-reverse,\n  &.is-horizontal-reverse,\n  &.has-direction-row-reverse {\n    flex-flow: row-reverse nowrap;\n    align-items: center;\n  }\n\n  &.as-col-reverse,\n  &.is-vertical-reverse,\n  &.has-direction-column-reverse {\n    flex-flow: column-reverse nowrap;\n  }\n\n  &:not(\n      .as-row,\n      .as-row-reverse,\n      .has-direction-row,\n      .has-direction-row-reverse,\n      .is-horizontal,\n      .is-horizontal-reverse\n    ) {\n    // TOP ALIGNMENTS\n    &.align-top-left,\n    &.align-top-start {\n      justify-content: flex-start;\n      align-items: flex-start;\n    }\n\n    &.align-top,\n    &.align-top-center {\n      justify-content: flex-start;\n      align-items: center;\n    }\n\n    &.align-top-right,\n    &.align-top-end {\n      justify-content: flex-start;\n      align-items: flex-end;\n    }\n\n    // CENTER ALIGNMENTS\n    &.align-start,\n    &.align-center-left,\n    &.align-center-start {\n      justify-content: center;\n      align-items: flex-start;\n    }\n\n    &.align-center {\n      justify-content: center;\n      align-items: center;\n    }\n\n    &.align-end,\n    &.align-center-right,\n    &.align-center-end {\n      justify-content: center;\n      align-items: flex-end;\n    }\n\n    // BOTTOM ALIGNMENTS\n    &.align-bottom-left,\n    &.align-bottom-start {\n      justify-content: flex-end;\n      align-items: flex-start;\n    }\n\n    &.align-bottom,\n    &.align-bottom-center {\n      justify-content: flex-end;\n      align-items: center;\n    }\n\n    &.align-bottom-right,\n    &.align-bottom-end {\n      justify-content: flex-end;\n      align-items: flex-end;\n    }\n  }\n\n  &.as-row,\n  &.is-horizontal,\n  &.has-direction-row,\n  &.as-row-reverse,\n  &.is-horizontal-reverse,\n  &.has-direction-row-reverse {\n    // TOP ALIGNMENTS\n    &.align-top-left,\n    &.align-top-start {\n      align-items: flex-start;\n      justify-content: flex-start;\n    }\n\n    &.align-top,\n    &.align-top-center {\n      align-items: flex-start;\n      justify-content: center;\n    }\n\n    &.align-top-right,\n    &.align-top-end {\n      align-items: flex-start;\n      justify-content: flex-end;\n    }\n\n    // CENTER ALIGNMENTS\n    &.align-start,\n    &.align-center-left,\n    &.align-center-start {\n      align-items: center;\n      justify-content: flex-start;\n    }\n\n    &.align-center {\n      align-items: center;\n      justify-content: center;\n    }\n\n    &.align-end,\n    &.align-center-right,\n    &.align-center-end {\n      align-items: center;\n      justify-content: flex-end;\n    }\n\n    // BOTTOM ALIGNMENTS\n    &.align-bottom-left,\n    &.align-bottom-start {\n      align-items: flex-end;\n      justify-content: flex-start;\n    }\n\n    &.align-bottom,\n    &.align-bottom-center {\n      align-items: flex-end;\n      justify-content: center;\n    }\n\n    &.align-bottom-right,\n    &.align-bottom-end {\n      align-items: flex-end;\n      justify-content: flex-end;\n    }\n  }\n}\n\n/**\n * Text Alignment for stack-content\n */\n.stack-content {\n  &,\n  &.align-top-left,\n  &.align-top-start,\n  &.align-start,\n  &.align-center-left,\n  &.align-center-start,\n  &.align-bottom-left,\n  &.align-bottom-start {\n    text-align: left;\n  }\n\n  &.align-top,\n  &.align-top-center,\n  &.align-center,\n  &.align-bottom,\n  &.align-bottom-center {\n    text-align: center;\n  }\n\n  &.align-top-right,\n  &.align-top-end,\n  &.align-end,\n  &.align-center-right,\n  &.align-center-end,\n  &.align-bottom-right,\n  &.align-bottom-end {\n    text-align: right;\n  }\n\n  &.text-left {\n    text-align: left;\n  }\n\n  &.text-center {\n    text-align: center;\n  }\n\n  &.text-right {\n    text-align: right;\n  }\n}\n\n.stack,\n.stack-content {\n  // fit-content\n  &.fit-content {\n    flex: unset;\n    width: fit-content;\n  }\n\n  //\n  // Padding\n\n  @each $space in $stack-space {\n    &.p-#{$space} {\n      @include p($space);\n    }\n  }\n\n  @each $space in $stack-space {\n    &.px-#{$space} {\n      @include px($space);\n    }\n  }\n\n  @each $space in $stack-space {\n    &.py-#{$space} {\n      @include py($space);\n    }\n  }\n\n  &.p-none {\n    padding: 0;\n  }\n\n  &.px-none {\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  &.py-none {\n    padding-top: 0;\n    padding-bottom: 0;\n  }\n\n  //\n  // spaces\n  &.gap-auto,\n  &.gap-x-auto,\n  &.gap-col-auto,\n  &.gap-y-auto,\n  &.gap-row-auto,\n  &.has-space-auto,\n  &.has-space-col-auto,\n  &.has-space-row-auto {\n    justify-content: space-between;\n  }\n\n  &.gap-none,\n  &.has-space-none {\n    gap: 0;\n\n    @include tablet {\n      gap: 0;\n    }\n\n    @include desktop {\n      gap: 0;\n    }\n  }\n\n  &.gap-x-none,\n  &.gap-col-none,\n  &.has-space-col-none {\n    column-gap: 0;\n\n    @include tablet {\n      column-gap: 0;\n    }\n\n    @include desktop {\n      column-gap: 0;\n    }\n  }\n\n  &.gap-y-none,\n  &.gap-row-none,\n  &.has-space-row-none {\n    row-gap: 0;\n\n    @include tablet {\n      row-gap: 0;\n    }\n\n    @include desktop {\n      row-gap: 0;\n    }\n  }\n\n  @each $space in $stack-space {\n    &.gap-#{$space},\n    &.has-space-#{$space} {\n      @include gap($space);\n    }\n  }\n\n  @each $space in $stack-space {\n    &.gap-x-#{$space},\n    &.gap-col-#{$space},\n    &.has-space-col-#{$space} {\n      @include gap($space, column-gap);\n    }\n  }\n\n  @each $space in $stack-space {\n    &.gap-y-#{$space},\n    &.gap-row-#{$space},\n    &.has-space-row-#{$space} {\n      @include gap($space, row-gap);\n    }\n  }\n}\n\n//\n// custom position\n.stack > bal-radio {\n  margin-top: -0.25rem;\n}\n\n//\n// reset margin botton space\nbal-content > bal-text,\n.stack-content > bal-text,\nbal-content > .text,\n.stack-content > .text,\n.stack > bal-text,\n.stack > bal-label,\n.stack > bal-heading,\n.stack > bal-heading:not(:last-child),\n.stack > .label,\n.stack > .heading,\n.stack > .heading:not(:last-child),\n.stack > .title,\n.stack > .title:not(:last-child),\n.stack > .subtitle,\n.stack > .subtitle:not(:last-child),\n.stack > .link,\n.stack > .is-link,\n.stack > p {\n  margin: 0;\n}\n","@use '@baloise/ds-styles/sass/mixins' as *;\n@use '../../hybrid' as hybrid;\n@use '../../vars' as vars;\n@use '../../host' as host;\n\n$name: snackbar;\n$use-host: false !default;\n$css-selector: ('.snackbar');\n$host-selector: ('#snackbar');\n\n/**\n * Variables\n * --------------------------------\n * Define here the css variables for the component to be able to use it in host or non-host mode\n * These variables can be used in the component styles below and later on be overridden in themes.\n */\n\n@include vars.hybrid($name, $css-selector, $use-host) {\n  @include vars.local(snackbar-shadow, var(--bal-shadow-box-base));\n  @include vars.local(snackbar-radius, var(--bal-snackbar-radius));\n  @include vars.local(snackbar-color-background, var(--bal-snackbar-base-background));\n  @include vars.local(snackbar-color-text, var(--bal-snackbar-base-text));\n  @include vars.local(snackbar-icon, var(--bal-snackbar-base-icon));\n\n  @include vars.local(snackbar-heading-family, var(--bal-text-family-heading));\n  @include vars.local(snackbar-heading-weight, var(--bal-text-weight-bold));\n  @include vars.local(snackbar-heading-size, var(--bal-text-size-base-device));\n  @include vars.local(snackbar-heading-line-height, var(--bal-text-line-height-heading));\n\n  @include vars.local(snackbar-content-family, var(--bal-text-family-body));\n  @include vars.local(snackbar-content-weight, inherit);\n  @include vars.local(snackbar-content-size, var(--bal-text-size-sm-device));\n  @include vars.local(snackbar-content-line-height, var(--bal-text-line-height-body));\n\n  @include vars.local(snackbar-gap, 0.125rem);\n  @include vars.local(snackbar-pl, 3rem);\n  @include vars.local(snackbar-pt, 1rem);\n  @include vars.local(snackbar-pr, 1rem);\n  @include vars.local(snackbar-pb, 1rem);\n\n  // Animation\n  @include vars.local(snackbar-animation-start-opacity, 1);\n  @include vars.local(snackbar-animation-start-transform, none);\n\n  @include vars.local(snackbar-animation-transition, none);\n\n  @include vars.local(snackbar-animation-end-opacity, 1);\n  @include vars.local(snackbar-animation-end-transform, none);\n}\n\n/**\n  * Basic Component Styles\n  * --------------------------------\n  * Define here the component styles using the mixin to support host and non-host mode for hybrid components.\n  */\n\n@include hybrid.component($host-selector, $css-selector, $use-host) {\n  @include font-smoothing();\n  @include unselectable();\n\n  flex: 1;\n  position: relative;\n  hyphens: auto;\n\n  color: var(--_snackbar-color-text);\n  background: var(--_snackbar-color-background);\n  border-radius: var(--_snackbar-radius);\n  box-shadow: var(--_snackbar-shadow);\n\n  padding-top: var(--_snackbar-pt);\n  padding-right: var(--_snackbar-pr);\n  padding-bottom: var(--_snackbar-pb);\n  padding-left: var(--_snackbar-pl);\n\n  column-gap: calc(var(--_snackbar-gap) * 4);\n  row-gap: var(--_snackbar-gap);\n  align-items: center;\n\n  //\n  // Icon\n  // --------------------------------\n  &:not(:has(bal-icon, .icon))::before {\n    display: block;\n    background-color: currentColor;\n    color: currentColor;\n    forced-color-adjust: preserve-parent-color;\n    position: absolute;\n    height: 1.5rem;\n    width: 1.5rem;\n    top: var(--_snackbar-pt);\n    left: 0.825rem;\n    content: '';\n    -webkit-mask-repeat: no-repeat;\n    mask-repeat: no-repeat;\n    -webkit-mask-size: contain;\n    mask-size: contain;\n\n    mask-image: var(--_snackbar-icon);\n    -webkit-mask-image: var(--_snackbar-icon);\n  }\n\n  //\n  // Grid Layout\n  // --------------------------------\n\n  // Base: message only\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-template-areas: 'message';\n\n  &:has(bal-icon) {\n    --mod-snackbar-pl: 1rem;\n  }\n\n  bal-icon {\n    --icon-color: null;\n    --icon-size: var(--bal-icon-size-lg);\n  }\n\n  // heading + message only (no action, no close)\n  &:where(:has(> h2, > strong, > b)):where(:not(:has(> .button, > bal-button, > .buttons))):where(\n      :not(:has(> .close, > bal-close))\n    ) {\n    grid-template-columns: 1fr;\n    grid-template-areas:\n      'heading'\n      'message';\n  }\n\n  // message + action (no close)\n  &:where(:has(> .button, > bal-button, > .buttons)):where(:not(:has(> .close, > bal-close))) {\n    grid-template-columns: 1fr auto;\n    grid-template-areas:\n      'message'\n      'action';\n\n    &:has(> h2, > strong, > b) {\n      grid-template-areas:\n        'heading'\n        'message'\n        'action';\n    }\n  }\n\n  // message + close (no action)\n  &:where(:has(> .close, > bal-close)):where(:not(:has(> .button, > bal-button, > .buttons))) {\n    grid-template-columns: 1fr auto;\n    grid-template-areas: 'message close';\n\n    &:has(> h2, > strong, > b) {\n      grid-template-areas:\n        'heading close'\n        'message message';\n    }\n  }\n\n  // message + action + close\n  &:where(:has(> .button, > bal-button, > .buttons)):where(:has(> .close, > bal-close)) {\n    grid-template-columns: 1fr auto auto;\n    grid-template-areas:\n      'message close'\n      'action action';\n\n    &:has(> h2, > strong, > b) {\n      grid-template-areas:\n        'heading close'\n        'message message'\n        'action action';\n    }\n  }\n\n  //\n  // Layout with icon (bal-icon is always first child)\n  // --------------------------------\n\n  // icon + message only (no action, no close)\n  &:where(:has(> bal-icon)):where(:not(:has(> .button, > bal-button, > .buttons))):where(\n      :not(:has(> .close, > bal-close))\n    ) {\n    grid-template-columns: auto 1fr;\n    grid-template-areas: 'icon message';\n\n    &:has(> h2, > strong, > b) {\n      grid-template-areas:\n        'icon heading'\n        'icon message';\n    }\n  }\n\n  // icon + message + action (no close)\n  &:where(:has(> bal-icon)):where(:has(> .button, > bal-button, > .buttons)):where(:not(:has(> .close, > bal-close))) {\n    grid-template-columns: auto 1fr auto;\n    grid-template-areas:\n      'icon message'\n      '. action';\n\n    &:has(> h2, > strong, > b) {\n      grid-template-areas:\n        'icon heading'\n        'icon message'\n        '. action';\n    }\n  }\n\n  // icon + message + close (no action)\n  &:where(:has(> bal-icon)):where(:has(> .close, > bal-close)):where(:not(:has(> .button, > bal-button, > .buttons))) {\n    grid-template-columns: auto 1fr auto;\n    grid-template-areas: 'icon message close';\n\n    &:has(> h2, > strong, > b) {\n      grid-template-areas:\n        'icon heading close'\n        '. message message';\n    }\n  }\n\n  // icon + message + action + close\n  &:where(:has(> bal-icon)):where(:has(> .button, > bal-button, > .buttons)):where(:has(> .close, > bal-close)) {\n    grid-template-columns: auto 1fr auto auto;\n    grid-template-areas:\n      'icon message close'\n      '. action action';\n\n    &:has(> h2, > strong, > b) {\n      grid-template-areas:\n        'icon heading close'\n        'icon message message'\n        '. action action';\n    }\n  }\n\n  //\n  // Content\n  // --------------------------------\n  &,\n  & > span,\n  & > p {\n    font-family: var(--_snackbar-content-family);\n    font-size: var(--_snackbar-content-size);\n    font-weight: var(--_snackbar-content-weight);\n    line-height: var(--_snackbar-content-line-height);\n  }\n\n  & > span,\n  & > p {\n    margin: 0 !important;\n    grid-area: message;\n  }\n\n  //\n  // Heading\n  // --------------------------------\n\n  & > strong,\n  & > b,\n  & > h2 {\n    font-family: var(--_snackbar-heading-family);\n    font-weight: var(--_snackbar-heading-weight);\n    line-height: var(--_snackbar-heading-line-height);\n    font-size: var(--_snackbar-heading-size);\n    margin: 0 !important;\n\n    grid-area: heading;\n  }\n\n  //\n  // Action Button\n  // --------------------------------\n  bal-button,\n  .button {\n    --button-mt: 0.5rem;\n    grid-area: action;\n    align-self: center;\n  }\n\n  bal-button-group,\n  .buttons {\n    --button-mt: 1rem;\n    grid-area: action;\n    align-self: center;\n  }\n\n  //\n  // Close Button\n  // --------------------------------\n  .close,\n  bal-close {\n    grid-area: close;\n    align-self: flex-start;\n  }\n\n  bal-icon {\n    grid-area: icon;\n    align-self: flex-start;\n  }\n}\n\n/**\n  * Variants\n  * --------------------------------\n  * Define here the variants and states like size or colors for the component.\n  */\n\n//\n// Colors\n// --------------------------------\n\n$colors: ('info', 'success', 'warning', 'danger');\n\n@mixin colors($color) {\n  --mod-snackbar-color-text: var(--bal-snackbar-#{$color}-text);\n  --mod-snackbar-color-border: var(--bal-snackbar-#{$color}-border);\n  --mod-snackbar-color-background: var(--bal-snackbar-#{$color}-background);\n  --mod-snackbar-icon: var(--bal-snackbar-#{$color}-icon);\n}\n\n@include hybrid.styles($css-selector, $use-host) {\n  @each $color in $colors {\n    &.is-#{$color} {\n      @include colors($color);\n    }\n  }\n}\n\n@include hybrid.host($use-host) {\n  @each $color in $colors {\n    :host([color='#{$color}']) {\n      @include colors($color);\n    }\n  }\n}\n","@use '@baloise/ds-styles/sass/mixins' as *;\n@use '../../hybrid' as hybrid;\n@use '../../vars' as vars;\n@use '../../host' as host;\n\n$name: notification;\n$use-host: false !default;\n$css-selector: ('.notification');\n$host-selector: ('#notification');\n\n/**\n * Variables\n * --------------------------------\n * Define here the css variables for the component to be able to use it in host or non-host mode\n * These variables can be used in the component styles below and later on be overridden in themes.\n */\n\n@include vars.hybrid($name, $css-selector, $use-host) {\n  @include vars.local(notification-radius, var(--bal-notification-radius-base));\n  @include vars.local(notification-color-background, var(--bal-notification-color-base-background));\n  @include vars.local(notification-color-border, var(--bal-notification-color-base-border));\n  @include vars.local(notification-color-text, var(--bal-notification-color-base-text));\n\n  @include vars.local(notification-heading-family, var(--bal-text-family-heading));\n  @include vars.local(notification-heading-weight, var(--bal-text-weight-bold));\n  @include vars.local(notification-heading-size, var(--bal-text-size-lg-device));\n  @include vars.local(notification-heading-line-height, var(--bal-text-line-height-heading));\n\n  @include vars.local(notification-content-family, var(--bal-text-family-body));\n  @include vars.local(notification-content-weight, inherit);\n  @include vars.local(notification-content-size, var(--bal-text-size-base-device));\n  @include vars.local(notification-content-line-height, var(--bal-text-line-height-body));\n\n  @include vars.local(notification-icon, var(--bal-notification-color-base-icon));\n  @include vars.local(notification-icon-display, block);\n\n  @include vars.local(notification-space, var(--bal-card-space-base-device, 24px));\n  @include vars.local(notification-space-left, var(--bal-card-space-base-device, 24px));\n  @include vars.local(notification-space-top, var(--bal-card-space-base-device, 24px));\n  @include vars.local(notification-space-right, var(--bal-card-space-base-device, 24px));\n  @include vars.local(notification-space-bottom, var(--bal-card-space-base-device, 24px));\n\n  @include vars.local(notification-close-offset, 2rem); // extra space reserved when a close button is present\n  @include vars.local(notification-gap, 0.125rem);\n\n  // Close\n  @include vars.local(notification-close-position, absolute);\n  @include vars.local(notification-close-right, var(--_notification-space));\n  @include vars.local(notification-close-top, var(--_notification-space));\n\n  // Animation\n  @include vars.local(notification-animation-start-opacity, 1);\n  @include vars.local(notification-animation-start-transform, none);\n\n  @include vars.local(notification-animation-transition, none);\n\n  @include vars.local(notification-animation-end-opacity, 1);\n  @include vars.local(notification-animation-end-transform, none);\n}\n\n/**\n  * Basic Component Styles\n  * --------------------------------\n  * Define here the component styles using the mixin to support host and non-host mode for hybrid components.\n  */\n\n@include hybrid.component($host-selector, $css-selector, $use-host) {\n  @include font-smoothing();\n\n  flex: 1;\n  position: relative;\n  hyphens: auto;\n\n  border: var(--bal-border-width-base) solid var(--_notification-color-border);\n  border-radius: var(--_notification-radius);\n  background: var(--_notification-color-background);\n  color: var(--_notification-color-text);\n\n  padding-top: var(--_notification-space-top);\n  padding-right: var(--_notification-space-right);\n  padding-bottom: var(--_notification-space-bottom);\n  padding-left: var(--_notification-space-left);\n\n  // Default vairaint\n  // &:not(.is-toast, .is-snackbar) {\n  display: flex;\n  flex-direction: column;\n  gap: var(--_notification-gap);\n  // }\n\n  //\n  // Close\n  // --------------------------------\n  &:has(> bal-close),\n  &:has(> .close) {\n    padding-right: var(--_notification-close-offset);\n  }\n\n  bal-close,\n  .close {\n    position: var(--_notification-close-position);\n    top: var(--_notification-close-top);\n    right: var(--_notification-close-right);\n  }\n\n  //\n  // Action Button\n  // --------------------------------\n  bal-button,\n  a.button,\n  button.button {\n    --button-mt: calc(var(--_notification-space) - var(--_notification-gap));\n  }\n\n  //\n  // Heading\n  // --------------------------------\n  & > strong,\n  & > b,\n  & > h2 {\n    font-family: var(--_notification-heading-family);\n    font-weight: var(--_notification-heading-weight);\n    line-height: var(--_notification-heading-line-height);\n    font-size: var(--_notification-heading-size);\n    margin: 0 !important;\n  }\n\n  //\n  // Content\n  // --------------------------------\n  & > span,\n  & > p {\n    font-family: var(--_notification-content-family);\n    font-size: var(--_notification-content-size);\n    font-weight: var(--_notification-content-weight);\n    line-height: var(--_notification-content-line-height);\n    margin: 0 !important;\n  }\n\n  //\n  // Icon\n  // --------------------------------\n  &::before {\n    display: var(--_notification-icon-display);\n    background-color: currentColor;\n    color: currentColor;\n    forced-color-adjust: preserve-parent-color;\n    position: absolute;\n    height: 1.5rem;\n    width: 1.5rem;\n    left: 0.825rem;\n    top: calc((var(--_notification-space)));\n    content: '';\n    -webkit-mask-repeat: no-repeat;\n    mask-repeat: no-repeat;\n    -webkit-mask-size: contain;\n    mask-size: contain;\n\n    mask-image: var(--_notification-icon);\n    -webkit-mask-image: var(--_notification-icon);\n  }\n}\n// }\n\n/**\n  * Variants\n  * --------------------------------\n  * Define here the variants and states like size or colors for the component.\n  */\n\n/**\n * Toast Variant\n * --------------------------------\n * Define here the styles for the toast variant of the notification component.\n */\n@mixin toast-variables() {\n  --mod-notification-radius: var(--bal-notification-radius-alert);\n  --mod-notification-space: var(--bal-space-base-device);\n  --mod-notification-space-top: var(--bal-space-base-device);\n  --mod-notification-space-right: var(--bal-space-base-device);\n  --mod-notification-space-bottom: var(--bal-space-base-device);\n  --mod-notification-space-left: var(--bal-space-base-device);\n\n  --mod-notification-heading-size: var(--bal-text-size-base-device);\n  --mod-notification-content-size: var(--bal-text-size-sm-device);\n\n  --mod-notification-close-position: static;\n  --mod-notification-close-top: initial;\n  --mod-notification-close-right: initial;\n}\n\n@mixin toast-variant() {\n  @include unselectable();\n\n  display: grid;\n  grid-template-columns: 1fr auto auto;\n  grid-template-areas: 'message action close';\n  column-gap: calc(var(--_notification-gap) * 4);\n  row-gap: var(--_notification-gap);\n  align-items: center;\n  box-shadow: var(--bal-shadow-base);\n\n  // if there is a heading we adjust the grid to have the heading on top and the message below\n  &:has(> h2, > strong, > b) {\n    grid-template-areas:\n      'heading action close'\n      'message action close';\n  }\n\n  bal-button,\n  .button {\n    --button-mt: 0;\n    grid-area: action;\n    align-self: center;\n  }\n\n  .close,\n  bal-close {\n    grid-area: close;\n    align-self: center;\n  }\n\n  // heading\n  & > strong,\n  & > b,\n  & > h2 {\n    grid-area: heading;\n  }\n\n  // content\n  ::slotted {\n    grid-area: message;\n  }\n\n  slot,\n  & > span,\n  & > p {\n    grid-area: message;\n  }\n}\n\n@include hybrid.styles($css-selector, $use-host) {\n  &.is-toast {\n    @include toast-variables();\n    @include toast-variant();\n  }\n}\n\n@include hybrid.host($use-host) {\n  :host([type='toast']) {\n    @include toast-variables();\n    #notification {\n      @include toast-variant();\n    }\n  }\n}\n\n// &.is-toast {\n//   display: grid;\n//   grid-template-columns: 1fr auto auto;\n//   grid-template-areas: 'message action close';\n//   column-gap: calc(var(--_notification-gap) * 4);\n//   row-gap: var(--_notification-gap);\n//   align-items: center;\n\n//   // if there is a heading we adjust the grid to have the heading on top and the message below\n//   &:has(> h2, > strong, > b) {\n//     grid-template-areas:\n//       'heading action close'\n//       'message action close';\n//   }\n\n//   bal-button,\n//   .button {\n//     grid-area: action;\n//     align-self: center;\n//   }\n\n//   .close,\n//   bal-close {\n//     grid-area: close;\n//     align-self: center;\n//   }\n\n//   // heading\n//   & > strong,\n//   & > b,\n//   & > h2 {\n//     grid-area: heading;\n//   }\n\n//   // content\n//   & > span,\n//   & > p {\n//     grid-area: message;\n//   }\n// }\n\n// /**\n//  * Snackbar Variant\n//  * --------------------------------\n//  * Define here the styles for the snackbar variant of the notification component.\n//  */\n// &.is-snackbar {\n//   display: grid;\n//   grid-template-columns: 1fr auto auto;\n//   grid-template-areas:\n//     'message close'\n//     'action .';\n//   column-gap: calc(var(--_notification-gap) * 4);\n//   row-gap: var(--_notification-gap);\n//   align-items: center;\n\n//   // if there is a heading we adjust the grid to have the heading on top and the message below\n//   &:has(> h2, > strong, > b) {\n//     grid-template-areas:\n//       'heading close'\n//       'message .'\n//       'action .';\n//   }\n\n//   bal-button,\n//   .button {\n//     grid-area: action;\n//     align-self: center;\n//     margin-top: calc(var(--_notification-space) - var(--_notification-gap));\n//   }\n\n//   .close,\n//   bal-close {\n//     grid-area: close;\n//     align-self: center;\n//   }\n\n//   // heading\n//   & > strong,\n//   & > b,\n//   & > h2 {\n//     grid-area: heading;\n//   }\n\n//   // content\n//   & > span,\n//   & > p {\n//     grid-area: message;\n//   }\n// }\n\n/**\n  * States\n  * --------------------------------\n  * Define here the variants and states like size or colors for the component.\n  */\n\n//\n// Icon\n// --------------------------------\n\n@include hybrid.styles($css-selector, $use-host) {\n  &.has-no-icon {\n    --mod-notification-icon-display: none;\n  }\n  &:not(.has-no-icon) {\n    --mod-notification-space-left: 3rem;\n  }\n}\n\n@include hybrid.host($use-host) {\n  @include host.hasAttr(no-icon) {\n    --mod-notification-icon-display: none;\n  }\n  @include host.hasNotAttr(no-icon) {\n    --mod-notification-space-left: 3rem;\n  }\n}\n\n//\n// Colors\n// --------------------------------\n\n$colors: (\n  'info',\n  'success',\n  'warning',\n  'danger',\n  'outline-base',\n  'outline-purple',\n  'outline-green',\n  'outline-yellow',\n  'outline-red'\n);\n\n@mixin notification-colors($color) {\n  --mod-notification-color-text: var(--bal-notification-color-#{$color}-text);\n  --mod-notification-color-border: var(--bal-notification-color-#{$color}-border);\n  --mod-notification-color-background: var(--bal-notification-color-#{$color}-background);\n  --mod-notification-icon: var(--bal-notification-color-#{$color}-icon);\n}\n\n@include hybrid.styles($css-selector, $use-host) {\n  @each $color in $colors {\n    &.is-#{$color} {\n      @include notification-colors($color);\n    }\n  }\n}\n\n@include hybrid.host($use-host) {\n  @each $color in $colors {\n    :host([color='#{$color}']) {\n      @include notification-colors($color);\n    }\n  }\n}\n\n//\n// Sizes\n// --------------------------------\n\n$sizes: ('sm', 'md', 'lg');\n\n@mixin notification-sizes($size) {\n  --mod-notification-space: var(--bal-card-space-#{$size}-device);\n  --mod-notification-space-top: var(--bal-card-space-#{$size}-device);\n  --mod-notification-space-right: var(--bal-card-space-#{$size}-device);\n  --mod-notification-space-bottom: var(--bal-card-space-#{$size}-device);\n  --mod-notification-space-left: var(--bal-card-space-#{$size}-device);\n}\n\n@include hybrid.styles($css-selector, $use-host) {\n  @each $size in $sizes {\n    &.is-#{$size} {\n      @include notification-sizes($size);\n    }\n  }\n}\n\n@include hybrid.host($use-host) {\n  @each $size in $sizes {\n    :host([size='#{$size}']) {\n      @include notification-sizes($size);\n    }\n  }\n}\n\n//\n// Types\n// --------------------------------\n\n// $types: ('toast', 'snackbar');\n\n// @mixin notification-type() {\n//   @include unselectable();\n//   box-shadow: var(--bal-shadow-base);\n\n//   --mod-notification-radius: var(--bal-notification-radius-alert);\n//   --mod-notification-space: var(--bal-space-base-device);\n\n//   --mod-notification-heading-size: var(--bal-text-size-base-device);\n//   --mod-notification-content-size: var(--bal-text-size-sm-device);\n// }\n\n// @include hybrid.styles($css-selector, $use-host) {\n//   @each $type in $types {\n//     &.is-#{$type} {\n//       @include notification-type();\n//     }\n//   }\n// }\n\n// @include hybrid.host($use-host) {\n//   @each $type in $types {\n//     :host([type='#{$type}']) {\n//       @include notification-type();\n//     }\n//   }\n// }\n","@use '@baloise/ds-styles/sass/mixins' as *;\n\n/**\n  * Basic Style\n  */\na.link:not(.button),\na.is-link:not(.button),\n.content > a:any-link:not(.button) {\n  @include font-smoothing();\n\n  cursor: pointer;\n  hyphens: auto;\n  margin: 0;\n  overflow-wrap: break-word;\n  font-family: var(--bal-link-family);\n  font-weight: var(--bal-link-weight);\n  border-radius: var(--bal-radius-base);\n  text-decoration: underline;\n  text-underline-offset: 0.25rem;\n  text-decoration-thickness: var(--bal-link-border-width);\n  transition-property: color, background-color, border-color, box-shadow;\n  transition-duration: 0.2s;\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  outline: none;\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  & > strong {\n    color: currentcolor;\n  }\n\n  &:not(.is-inverted) {\n    color: var(--bal-link-color-base);\n\n    bal-icon {\n      --bal-icon-color: var(--bal-link-color-base);\n    }\n\n    @include hover {\n      &:hover,\n      &.is-hovered {\n        color: var(--bal-link-color-base-hover);\n\n        bal-icon {\n          --bal-icon-color: var(--bal-link-color-base-hover);\n        }\n      }\n    }\n\n    &:active,\n    &.is-active {\n      color: var(--bal-link-color-base-active);\n\n      bal-icon {\n        --bal-icon-color: var(--bal-link-color-base-active);\n      }\n    }\n\n    &:focus-visible,\n    &.is-focused {\n      &:not(:active) {\n        @include focus-shadow();\n      }\n    }\n  }\n\n  &.is-inverted {\n    color: var(--bal-link-color-inverted);\n\n    bal-icon {\n      --bal-icon-color: var(--bal-link-color-inverted);\n    }\n\n    @include hover {\n      &:hover,\n      &.is-hovered {\n        color: var(--bal-link-color-inverted-hover);\n\n        bal-icon {\n          --bal-icon-color: var(--bal-link-color-inverted-hover);\n        }\n      }\n    }\n\n    &:active,\n    &.is-active {\n      color: var(--bal-link-color-inverted-active);\n\n      bal-icon {\n        --bal-icon-color: var(--bal-link-color-inverted-active);\n      }\n    }\n\n    &:focus-visible,\n    &.is-focused {\n      &:not(:active) {\n        @include focus-inverted-shadow();\n      }\n    }\n  }\n}\n","@use '@baloise/ds-styles/sass/mixins' as *;\n@use '../../hybrid' as hybrid;\n@use '../../vars' as vars;\n@use '../../attr' as attr;\n@use 'sass:list';\n\n$use-host: false !default;\n$name: label;\n$css-selector: ('.label');\n$host-selector: ('#label');\n\n/**\n * Variables\n * --------------------------------\n * Define here the css variables for the component to be able to use it in host or non-host mode\n * These variables can be used in the component styles below and later on be overridden in themes.\n */\n\n@include vars.hybrid($name, $css-selector, $use-host) {\n  @include vars.local(label-color, inherit);\n  @include vars.local(label-family, var(--bal-label-family));\n  @include vars.local(label-weight, var(--bal-label-weight));\n  @include vars.local(label-line-height, var(--bal-label-line-height));\n  @include vars.local(label-size, var(--bal-label-size-base-device));\n}\n\n/**\n  * Basic Component Styles\n  * --------------------------------\n  * Define here the component styles using the mixin to support host and non-host mode for hybrid components.\n  */\n\n@mixin base() {\n  @include font-smoothing();\n\n  display: block;\n  box-sizing: content-box;\n\n  hyphens: auto;\n  overflow-wrap: break-word;\n  text-wrap: balance;\n  min-width: 0;\n\n  color: var(--_label-color);\n  font-family: var(--_label-family);\n  font-weight: var(--_label-weight);\n  font-size: var(--_label-size);\n  line-height: var(--_label-line-height);\n}\n\n@include hybrid.styles($css-selector, $use-host) {\n  @include base();\n}\n\n@include hybrid.host($use-host) {\n  :host label {\n    @include base();\n  }\n}\n\n//\n// No Wrap\n// --------------------------------\n@mixin noWrap() {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n}\n\n@include hybrid.styles($css-selector, $use-host) {\n  &.has-no-wrap {\n    @include noWrap();\n  }\n}\n\n@include attr.has(no-wrap) {\n  label {\n    @include noWrap();\n  }\n}\n\n/**\n  * Variants and States\n  * --------------------------------\n  * Define here the variants and states like size or colors for the component.\n  */\n\n//\n// Family\n// --------------------------------\n\n@mixin family() {\n  --mod-label-family: var(--bal-text-family-heading);\n}\n\n$sizes-for-heading: ('lg', 'xl', '2xl', '3xl');\n\n@include hybrid.styles($css-selector, $use-host) {\n  @each $token in $sizes-for-heading {\n    &.is-#{$token} {\n      @include family();\n    }\n  }\n}\n\n@include hybrid.host($use-host) {\n  @each $token in $sizes-for-heading {\n    :host([size='#{$token}']) {\n      @include family();\n    }\n  }\n}\n\n//\n// Sizes\n// --------------------------------\n\n@mixin size($level) {\n  --mod-label-size: var(--bal-label-size-#{$level}-device);\n}\n\n$size-aliases: (\n  (is-xxx-large, is-3xl): 3xl,\n  (is-xx-large, is-2xl): 2xl,\n  (is-x-large, is-xl): xl,\n  (is-large, is-lg): lg,\n  (is-normal, is-base): base,\n  (is-small, is-sm): sm,\n);\n\n@include hybrid.styles($css-selector, $use-host) {\n  @each $class-group, $token in $size-aliases {\n    @each $class in $class-group {\n      &.#{$class} {\n        @include size($token);\n      }\n    }\n  }\n}\n\n$sizes: ('sm', 'base', 'lg', 'xl', '2xl', '3xl');\n@include hybrid.host($use-host) {\n  @each $token in $sizes {\n    :host([size='#{$token}']) {\n      @include size($token);\n    }\n  }\n}\n\n//\n// Colors\n// --------------------------------\n\n@include hybrid.styles($css-selector, $use-host) {\n  &.is-success {\n    --mod-label-color: var(--bal-label-color-success);\n  }\n\n  &.is-warning {\n    --mod-label-color: var(--bal-label-color-warning);\n  }\n\n  &.is-danger {\n    --mod-label-color: var(--bal-label-color-danger);\n  }\n\n  &.is-hovered {\n    --mod-label-color: var(--bal-label-color-base-hover);\n  }\n\n  &.is-pressed {\n    --mod-label-color: var(--bal-label-color-base-active);\n  }\n\n  &.is-danger.is-hovered {\n    --mod-label-color: var(--bal-label-color-danger-hover);\n  }\n\n  &.is-danger.is-pressed {\n    --mod-label-color: var(--bal-label-color-danger-active);\n  }\n\n  &.is-disabled {\n    --mod-label-color: var(--bal-label-color-disabled) !important;\n  }\n}\n\n@include hybrid.host($use-host) {\n  :host(.is-hovered) {\n    --mod-label-color: var(--bal-label-color-base-hover);\n  }\n\n  :host(.is-pressed) {\n    --mod-label-color: var(--bal-label-color-base-active);\n  }\n\n  @include attr.has('valid') {\n    --mod-label-color: var(--bal-label-color-success);\n  }\n\n  @include attr.has('invalid') {\n    --mod-label-color: var(--bal-label-color-danger);\n  }\n\n  :host(.is-hovered) {\n    --mod-label-color: var(--bal-label-color-base-hover);\n  }\n\n  :host(.is-pressed) {\n    --mod-label-color: var(--bal-label-color-base-active);\n  }\n\n  // @include attr.hasMany(\n  //   (\n  //     'invalid': true,\n  //     'hovered': true,\n  //   )\n  // ) {\n  //   --mod-label-color: var(--bal-label-color-danger-hover);\n  // }\n\n  // @include attr.hasMany(\n  //   (\n  //     'invalid': true,\n  //     'pressed': true,\n  //   )\n  // ) {\n  //   --mod-label-color: var(--bal-label-color-danger-active);\n  // }\n\n  @include attr.has('disabled') {\n    --mod-label-color: var(--bal-label-color-disabled);\n  }\n}\n","@use '@baloise/ds-styles/sass/mixins' as *;\n@use '../../hybrid' as hybrid;\n@use '../../vars' as vars;\n@use '../../attr' as attr;\n\n$use-host: false !default;\n$name: heading;\n$css-selector: ('.heading', '.title', '.subtitle');\n$host-selector: ('#heading');\n\n/**\n * Variables\n * --------------------------------\n * Define here the css variables for the component to be able to use it in host or non-host mode\n * These variables can be used in the component styles below and later on be overridden in themes.\n */\n\n@include vars.hybrid($name, $css-selector, $use-host) {\n  @include vars.local(heading-color, inherit);\n  @include vars.local(heading-family, var(--bal-heading-family));\n  @include vars.local(heading-weight, var(--bal-heading-weight));\n  @include vars.local(heading-line-height, var(--bal-heading-line-height));\n  @include vars.local(heading-font-size, var(--bal-heading-1-size-device));\n  @include vars.local(heading-space, var(--bal-heading-1-space));\n  @include vars.local(heading-shadow, none); // var(--bal-heading-shadow)\n  @include vars.local(heading-text-align, left);\n}\n\n/**\n  * Basic Component Styles\n  * --------------------------------\n  * Define here the component styles using the mixin to support host and non-host mode for hybrid components.\n  */\n\n@include hybrid.component($host-selector, $css-selector, $use-host) {\n  @include font-smoothing();\n\n  display: block;\n  box-sizing: content-box;\n\n  hyphens: auto;\n  overflow-wrap: break-word;\n  text-wrap: balance;\n\n  color: var(--_heading-color);\n  font-family: var(--_heading-family);\n  font-weight: var(--_heading-weight);\n  font-size: var(--_heading-font-size);\n  line-height: var(--_heading-line-height);\n  text-align: var(--_heading-text-align);\n  text-shadow: var(--_heading-shadow);\n\n  em:not(.text),\n  span:not(.text) {\n    font-weight: inherit;\n  }\n\n  b,\n  strong,\n  .is-bold {\n    font-weight: var(--bal-text-weight-bold);\n  }\n\n  @include hybrid.styles-only($use-host) {\n    &.is-bold {\n      font-weight: var(--bal-text-weight-bold);\n    }\n\n    // alignments\n    &.is-centered {\n      text-align: center;\n    }\n\n    &.is-right {\n      text-align: right;\n    }\n\n    &.is-justified {\n      text-align: justify;\n    }\n  }\n}\n\n//\n// No Wrap\n// --------------------------------\n@mixin noWrap() {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n}\n\n@include hybrid.styles($css-selector, $use-host) {\n  &.has-no-wrap {\n    @include noWrap();\n  }\n}\n\n@include attr.has(no-wrap) {\n  #heading {\n    @include noWrap();\n  }\n}\n\n/**\n  * Variants and States\n  * --------------------------------\n  * Define here the variants and states like size or colors for the component.\n  */\n\n//\n// Shadow\n// --------------------------------\n@mixin shadow {\n  --mod-heading-shadow: var(--bal-heading-shadow);\n}\n\n@include hybrid.styles($css-selector, $use-host) {\n  &.has-shadow {\n    @include shadow();\n  }\n}\n\n@include attr.has(shadow) {\n  @include shadow();\n}\n\n//\n// Subtitle\n// --------------------------------\n@mixin subtitle {\n  --mod-heading-family: var(--bal-heading-subtitle-family);\n  --mod-heading-weight: var(--bal-heading-subtitle-weight);\n  --mod-heading-line-height: var(--bal-heading-subtitle-line-height);\n}\n\n@include hybrid.styles($css-selector, $use-host) {\n  &.subtitle,\n  &.is-subtitle {\n    @include subtitle();\n  }\n}\n\n@include hybrid.host($use-host) {\n  :host([subtitle]) {\n    @include subtitle();\n  }\n}\n\n//\n// Colors\n// --------------------------------\n$colors: ('primary', 'success', 'warning', 'danger', 'white', 'black');\n\n@mixin color($color) {\n  --mod-heading-color: var(--bal-heading-color-#{$color});\n}\n\n@each $color in $colors {\n  @include hybrid.styles($css-selector, $use-host) {\n    &.is-#{$color} {\n      @include color($color);\n    }\n  }\n\n  @include hybrid.host($use-host) {\n    :host(.is-#{$color}) {\n      @include color($color);\n    }\n  }\n}\n\n//\n// Sizes\n// --------------------------------\n@mixin size($level) {\n  --mod-heading-font-size: var(--bal-heading-#{$level}-size-device);\n  --mod-heading-space: var(--bal-heading-#{$level}-space);\n}\n\n$size-aliases: (\n  (is-1, is-level-1, is-3xl): 1,\n  (is-2, is-level-2, is-2xl): 2,\n  (is-3, is-level-3, is-xl): 3,\n  (is-4, is-level-4, is-lg): 4,\n  (is-5, is-level-5, is-base): 5,\n  (is-display-1, is-5xl): display1,\n  (is-display-2, is-4xl): display2,\n);\n\n@include hybrid.styles($css-selector, $use-host) {\n  @each $class-group, $token in $size-aliases {\n    @each $class in $class-group {\n      &.#{$class} {\n        @include size($token);\n      }\n    }\n  }\n}\n\n@include hybrid.styles-only($use-host) {\n  @for $i from 1 through 5 {\n    h#{$i},\n    [role='heading'][aria-level='#{$i}'] {\n      @include size($i);\n    }\n  }\n}\n\n$size-host-aliases: (\n  is-3xl: 1,\n  is-2xl: 2,\n  is-xl: 3,\n  is-lg: 4,\n  is-base: 5,\n  is-5xl: display1,\n  is-4xl: display2,\n);\n\n@include hybrid.host($use-host) {\n  @each $class, $token in $size-host-aliases {\n    :host(.#{$class}) {\n      @include size($token);\n    }\n  }\n}\n\n//\n// Spaces\n// --------------------------------\n\n@include hybrid.styles($css-selector, $use-host) {\n  &.has-space-all {\n    --mod-heading-mt: var(--_heading-space);\n    --mod-heading-mb: var(--_heading-space);\n  }\n\n  &.has-space-top {\n    --mod-heading-mt: var(--_heading-space);\n    --mod-heading-mb: 0;\n  }\n\n  &.has-space-bottom {\n    --mod-heading-mb: var(--_heading-space);\n  }\n\n  &.has-space-none {\n    --mod-heading-mb: 0;\n    --mod-heading-mt: 0;\n  }\n}\n\n@include attr.has(space, 'all') {\n  --heading-mt: var(--_heading-space);\n  --heading-mb: var(--_heading-space);\n}\n\n@include attr.has(space, 'top') {\n  --heading-mt: var(--_heading-space);\n  --heading-mb: 0;\n}\n\n@include attr.has(space, 'bottom') {\n  --heading-mt: 0;\n  --heading-mb: var(--_heading-space);\n}\n\n@include attr.has(space, 'none') {\n  --heading-mt: 0;\n  --heading-mb: 0;\n}\n","@use '@baloise/ds-styles/sass/mixins' as *;\n@use '../../hybrid' as hybrid;\n\n$divider-use-host: false !default;\n$divider-name: divider;\n$divider-css-selector: (hr, '.divider');\n$divider-host-selector: ('#divider');\n\n/**\n * Variables\n * --------------------------------\n * Define here the css variables for the component to be able to use it in host or non-host mode\n * These variables can be used in the component styles below and later on be overridden in themes.\n */\n\n@include hybrid.vars($divider-css-selector, $divider-use-host) {\n  @include hybrid.margin-vars($divider-name);\n\n  --divider-color: var(--bal-divider-color-base);\n  --divider-width: var(--bal-divider-width);\n  --divider-radius: var(--bal-divider-radius);\n  --divider-space: 0;\n}\n\n$divider-colors: (\n  'primary',\n  'primary-light',\n  'primary-dark',\n  'grey-light',\n  'grey',\n  'grey-dark',\n  'warning',\n  'success',\n  'danger',\n  'danger-dark',\n  'danger-darker',\n  'white',\n  'light-blue'\n);\n\n$divider-spaces: ('none', '2xs', 'xs', 'sm', 'base', 'md', 'lg', 'xl', '2xl', '3xl');\n\n/**\n  * Basic Component Styles\n  * --------------------------------\n  * Define here the component styles using the mixin to support host and non-host mode for hybrid components.\n  */\n\n@include hybrid.component($divider-host-selector, $divider-css-selector, $divider-use-host) {\n  display: block;\n  padding: 0;\n  margin: 0;\n  border: none;\n  border-radius: var(--divider-radius);\n  height: var(--divider-width);\n  background-color: var(--divider-color);\n}\n\n/**\n  * Variants and States\n  * --------------------------------\n  * Define here the variants and states like size or colors for the component.\n  */\n\n@include hybrid.component($divider-host-selector, $divider-css-selector, $divider-use-host) {\n  // colors\n  @each $color in $divider-colors {\n    &.is-#{$color} {\n      --divider-color: var(--bal-divider-color-#{$color});\n    }\n  }\n\n  //\n  // horizontal direction\n  &:not(.is-vertical),\n  &.is-horizontal {\n    flex: 1 0 100%;\n    width: 100%;\n    min-height: var(--divider-width);\n    height: var(--divider-width);\n    margin-top: var(--divider-space);\n    margin-bottom: var(--divider-space);\n  }\n\n  //\n  // vertical direction\n  &.is-vertical {\n    height: auto;\n    flex-shrink: 0;\n    align-self: stretch;\n    width: var(--divider-width);\n    margin-left: var(--divider-space);\n    margin-right: var(--divider-space);\n  }\n\n  //\n  // dashed border style\n  &.is-dashed:not(.is-vertical) {\n    // default\n    background: repeating-linear-gradient(\n      90deg,\n      var(--divider-color) 0,\n      var(--divider-color) 8px,\n      transparent 8px,\n      transparent 16px\n    );\n  }\n\n  &.is-dashed.is-vertical {\n    background: repeating-linear-gradient(\n      180deg,\n      var(--divider-color) 0,\n      var(--divider-color) 8px,\n      transparent 8px,\n      transparent 16px\n    );\n  }\n\n  //\n  // spaces\n  @each $space in $divider-spaces {\n    &.has-space-#{$space} {\n      --divider-space: var(--bal-space-#{$space}-device);\n    }\n  }\n}\n","@use '@baloise/ds-styles/sass/mixins' as *;\n@use '../../hybrid' as hybrid;\n\n$close-use-host: false !default;\n$close-name: close;\n$close-css-selector: ('.close');\n$close-host-selector: ('#close');\n\n/**\n * Variables\n * --------------------------------\n * Define here the css variables for the component to be able to use it in host or non-host mode\n * These variables can be used in the component styles below and later on be overridden in themes.\n */\n\n@include hybrid.vars($close-css-selector, $close-use-host) {\n  --close-color-background: var(--bal-close-color-background-base);\n  --close-color-background-hover: var(--bal-close-color-background-hover);\n  --close-color-background-active: var(--bal-close-color-background-active);\n  --close-color-icon: var(--bal-close-color-icon-base);\n  --close-radius: var(--bal-close-radius);\n\n  --close-size-icon: 12px;\n  --close-padding: 0.313rem;\n  --close-icon: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill-rule='evenodd' d='M1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L5.58579 7L0.292893 12.2929C-0.0976311 12.6834 -0.0976311 13.3166 0.292893 13.7071C0.683417 14.0976 1.31658 14.0976 1.70711 13.7071L7 8.41421L12.2929 13.7071C12.6834 14.0976 13.3166 14.0976 13.7071 13.7071C14.0976 13.3166 14.0976 12.6834 13.7071 12.2929L8.41421 7L13.7071 1.70711C14.0976 1.31658 14.0976 0.683417 13.7071 0.292893C13.3166 -0.0976311 12.6834 -0.0976311 12.2929 0.292893L7 5.58579L1.70711 0.292893Z' clip-rule='evenodd'/%3E%3C/svg%3E\");\n}\n\n/**\n  * Basic Component Styles\n  * --------------------------------\n  * Define here the component styles using the mixin to support host and non-host mode for hybrid components.\n  */\n\n@include hybrid.component($close-host-selector, $close-css-selector, $close-use-host) {\n  @include unselectable;\n\n  position: relative;\n  display: inline-block;\n  vertical-align: top;\n  border: none;\n  background: var(--close-color-background);\n  border-radius: var(--close-radius);\n  padding: var(--close-padding);\n  appearance: none;\n  cursor: pointer;\n  outline: none;\n\n  //\n  // Mask Icon for Close Button\n  &::after {\n    content: '';\n    display: block;\n    width: var(--close-size-icon);\n    height: var(--close-size-icon);\n\n    // Use mask-image to allow background-color to define the icon color\n    mask-image: var(--close-icon);\n    mask-repeat: no-repeat;\n    mask-position: center;\n    mask-size: contain;\n\n    // Default color (blue/primary)\n    background-color: var(--close-color-icon);\n  }\n\n  //\n  // Pseudo States\n  @include hover {\n    &:hover,\n    &.is-hovered {\n      background: var(--close-color-background-hover);\n    }\n  }\n\n  &:active,\n  &.is-pressed {\n    background: var(--close-color-background-active);\n  }\n\n  &:focus-visible,\n  &.is-focused {\n    &:not(:active) {\n      @include focus-shadow;\n      // box-shadow: var(--close-shadow-focus);\n    }\n  }\n}\n\n/**\n  * Variants and States\n  * --------------------------------\n  * Define here the variants and states like size or colors for the component.\n  */\n\n@include hybrid.component($close-host-selector, $close-css-selector, $close-use-host) {\n  //\n  // Size Variants\n  &.is-sm {\n    --close-padding: 0.25rem;\n    --close-size-icon: 10px;\n  }\n\n  &.is-md {\n    --close-padding: 0.531rem;\n    --close-size-icon: 24px;\n  }\n\n  //\n  // Inverted Variants\n  &.is-inverted {\n    --close-color-icon: var(--bal-close-color-icon-inverted);\n\n    @include hover {\n      &:hover,\n      &.is-hovered {\n        --close-color-background-hover: var(--bal-close-color-background-inverted-hover);\n      }\n    }\n\n    &:active,\n    &.is-pressed {\n      --close-color-background-active: var(--bal-close-color-background-inverted-active);\n    }\n\n    &:focus-visible,\n    &.is-focused {\n      --close-shadow-focus: var(--bal-close-shadow-outline-inverted);\n    }\n  }\n}\n","@use '@baloise/ds-styles/sass/mixins' as *;\n@use '../../hybrid' as hybrid;\n@use '../../typography' as typography;\n@use '../bal-button/bal-button-group/bal-button-group.mixin.scss' as button-group;\n@use './bal-card-header/bal-card-header.mixin.scss' as card-header;\n\n$card-use-host: false !default;\n$card-name: card;\n$card-css-selector: ('.card');\n$card-host-selector: ('#card');\n\n/**\n * Variables\n * --------------------------------\n * Define here the css variables for the component to be able to use it in host or non-host mode\n * These variables can be used in the component styles below and later on be overridden in themes.\n */\n\n@include hybrid.vars($card-css-selector, $card-use-host) {\n  --card-color-background: var(--bal-card-color-base-background);\n  --card-color-text: var(--bal-card-color-base-text);\n  --card-color-border: var(--bal-card-color-base-border, transparent);\n  --card-radius: var(--bal-card-radius-base);\n  --card-border-width: var(--bal-border-width-base, 0);\n  --card-border-style: var(--bal-border-style-base, dashed);\n  --card-shadow: var(--bal-card-shadow-base);\n  --card-gap: var(--bal-card-space-base-device);\n  --card-padding: calc(var(--bal-card-space-base-device) - var(--card-border-width));\n}\n\n/**\n  * Basic Component Styles\n  * --------------------------------\n  * Define here the component styles using the mixin to support host and non-host mode for hybrid components.\n  */\n\n@include hybrid.component($card-host-selector, $card-css-selector, $card-use-host) {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  color: var(--card-color-text);\n  background-color: var(--card-color-background);\n  border-radius: var(--card-radius);\n  border-color: var(--card-color-border);\n  border-width: var(--card-border-width);\n  border-style: var(--card-border-style);\n  box-shadow: var(--card-shadow);\n  gap: var(--card-gap);\n  padding: var(--card-padding);\n  text-decoration: none;\n\n  // Picutre\n  picture {\n    &,\n    > img {\n      display: block;\n\n      width: 100%;\n      max-width: 100%;\n      max-inline-size: 100%;\n\n      height: auto;\n      object-fit: cover;\n      block-size: auto;\n\n      border-radius: var(--card-radius);\n    }\n  }\n\n  &:not(.is-dense):has(picture) {\n    padding-top: 0;\n  }\n\n  &:not(.is-dense) picture {\n    margin-top: calc(var(--card-border-width) * -1);\n    margin-left: calc(var(--card-gap) * -1);\n    width: calc(100% + var(--card-gap) * 2);\n    max-width: calc(100% + var(--card-gap) * 2);\n    max-inline-size: calc(100% + var(--card-gap) * 2);\n\n    &,\n    > img {\n      border-bottom-left-radius: 0;\n      border-bottom-right-radius: 0;\n    }\n  }\n\n  // Tag Posioning\n  > .tag:first-child,\n  > bal-tag:first-child {\n    --bal-tag-position: absolute;\n    --bal-tag-top: 0;\n\n    align-self: center;\n    transform: translateY(-50%);\n  }\n\n  > .tag.is-left:first-child,\n  > bal-tag[position='left']:first-child {\n    align-self: flex-start;\n  }\n\n  > .tag.is-right:first-child,\n  > bal-tag[position='right']:first-child {\n    align-self: flex-end;\n  }\n\n  // Badge Positioning\n  > .badge:first-child,\n  > bal-badge:first-child {\n    --bal-badge-position: absolute;\n    --bal-badge-top: 0;\n    transform: translate(calc(50% + var(--card-gap)), -50%);\n    align-self: flex-end;\n  }\n\n  // Header\n  .card-header {\n    @include card-header.stlye();\n  }\n\n  // Content\n  .card-content {\n    @include typography.content();\n  }\n\n  // Actions as button group\n  .card-actions {\n    @include button-group.style();\n  }\n\n  // Allignment\n  &.align-center {\n    align-items: center;\n    --bal-buttons-align-items: center;\n    --bal-buttons-justify-content: center;\n  }\n\n  &.align-right {\n    --bal-buttons-align-items: flex-end;\n    --bal-buttons-justify-content: flex-end;\n  }\n\n  &.is-square {\n    --card-radius: var(--bal-card-radius-square);\n  }\n\n  &.is-flat {\n    --card-radius: var(--bal-card-radius-flat);\n    --card-shadow: var(--bal-card-shadow-flat);\n  }\n\n  &.is-dense {\n    --card-shadow: var(--bal-card-shadow-flat);\n    --card-padding: 0;\n  }\n\n  &.is-outlined {\n    --card-shadow: var(--bal-card-shadow-flat);\n    --card-border-width: var(--bal-card-outline-width);\n    --card-color-border: var(--bal-card-color-base-outline, transparent);\n  }\n\n  &.is-fullheight {\n    height: 100%;\n\n    .card-content,\n    .card-content > .stack,\n    .card-content > .flex,\n    .card-content > .is-flex {\n      height: 100%;\n    }\n  }\n}\n\n// Clickable Cards\na.card,\nbutton.card {\n  --bal-heading-color: var(--bal-text-color-primary);\n  --bal-text-color: var(--bal-text-color-primary);\n  color: var(--bal-text-color-primary);\n  text-decoration: none;\n  translate: 0 0;\n  cursor: pointer;\n\n  @include hover {\n    &:hover,\n    &.is-hovered {\n      --bal-heading-color: var(--bal-text-color-primary-hover);\n      --bal-text-color: var(--bal-text-color-primary-hover);\n      --card-shadow: var(--bal-card-shadow-hover);\n      color: var(--bal-text-color-primary-hover);\n      background: color-mix(in srgb, var(--card-color-background), var(--bal-color-primary-6) 4%);\n    }\n  }\n\n  &:active,\n  &.is-pressed {\n    --bal-heading-color: var(--bal-text-color-primary-active);\n    --bal-text-color: var(--bal-text-color-primary-active);\n    --card-shadow: var(--bal-card-shadow-hover);\n    color: var(--bal-text-color-primary-active);\n    background: color-mix(in srgb, var(--card-color-background), var(--bal-color-primary-6) 6%);\n    translate: 0 0.5px;\n  }\n\n  &:focus-visible,\n  &.is-focused {\n    &:not(:active) {\n      @include focus-shadow();\n    }\n  }\n}\n\n/**\n  * Variants and States\n  * --------------------------------\n  * Define here the variants and states like size or colors for the component.\n  */\n\n// TODO: Create own component for image teaser to be able to use it outside of the card as well\n.image-teaser {\n  picture {\n    &,\n    > img {\n      display: block;\n\n      width: 100%;\n      max-width: 100%;\n      max-inline-size: 100%;\n\n      height: auto;\n      object-fit: cover;\n      block-size: auto;\n\n      border-radius: var(--bal-card-radius-base);\n    }\n  }\n\n  .card {\n    margin-top: calc(var(--card-gap) * -1 * 2);\n    margin-left: calc(var(--card-gap));\n    margin-right: calc(var(--card-gap));\n    max-width: fit-content;\n  }\n\n  &.is-wide {\n    @include tablet() {\n      .card {\n        width: 75%;\n        margin-left: calc(var(--card-gap) * 2);\n        margin-right: calc(var(--card-gap));\n      }\n\n      &.is-center {\n        .card {\n          margin-left: auto;\n          margin-right: auto;\n        }\n      }\n\n      &.is-right {\n        .card {\n          margin-left: auto;\n          margin-right: calc(var(--card-gap) * 2);\n        }\n      }\n    }\n\n    @include desktop() {\n      .card {\n        width: 50%;\n      }\n    }\n  }\n}\n\na.image-link,\nbutton.image-link {\n  cursor: pointer;\n\n  picture {\n    overflow: hidden;\n  }\n  img {\n    transition: all 0.4s ease-out;\n\n    @include hover {\n      &:hover,\n      &.is-hovered {\n        transform: scale(1.1);\n      }\n    }\n\n    &:active,\n    &.is-pressed {\n      transform: scale(1.1);\n    }\n  }\n}\n\na.image-teaser,\nbutton.image-teaser {\n  cursor: pointer;\n\n  --bal-heading-color: var(--bal-text-color-primary);\n  --bal-text-color: var(--bal-text-color-primary);\n  color: var(--bal-text-color-primary);\n  text-decoration: none;\n\n  @include hover {\n    &:hover,\n    &.is-hovered {\n      --bal-heading-color: var(--bal-text-color-primary-hover);\n      --bal-text-color: var(--bal-text-color-primary-hover);\n      --card-shadow: var(--bal-card-shadow-hover);\n      color: var(--bal-text-color-primary-hover);\n      background: color-mix(in srgb, var(--card-color-background), var(--bal-color-primary-6) 4%);\n    }\n  }\n}\n\n//\n// Spacing Modifiers\n\n@include hybrid.component($card-host-selector, $card-css-selector, $card-use-host) {\n  &.has-space-sm {\n    --card-padding: calc(var(--bal-card-space-sm-device) - var(--card-border-width));\n    --card-gap: var(--bal-card-space-sm-device);\n  }\n\n  &.has-space-md {\n    --card-padding: calc(var(--bal-card-space-md-device) - var(--card-border-width));\n    --card-gap: var(--bal-card-space-md-device);\n  }\n\n  &.has-space-lg {\n    --card-padding: calc(var(--bal-card-space-lg-device) - var(--card-border-width));\n    --card-gap: var(--bal-card-space-lg-device);\n  }\n}\n\n// Colors\n\n$card-colors: (\n  'white',\n  'primary',\n  'primary-light',\n  'info',\n  'success',\n  'warning',\n  'danger',\n  'grey',\n  'grey-light',\n  'red',\n  'red-light',\n  'red-lighter',\n  'green',\n  'green-light',\n  'green-lighter',\n  'purple',\n  'purple-light',\n  'purple-lighter',\n  'yellow',\n  'yellow-light',\n  'yellow-lighter'\n);\n\n@include hybrid.component($card-host-selector, $card-css-selector, $card-use-host) {\n  @each $color in $card-colors {\n    &.is-#{$color} {\n      --card-color-background: var(--bal-card-color-#{$color}-background);\n      --card-color-text: var(--bal-card-color-#{$color}-text);\n      --card-color-border: var(--bal-card-color-#{$color}-border, transparent);\n\n      &.is-outlined {\n        --card-color-border: var(--bal-card-color-#{$color}-outline, transparent);\n      }\n    }\n  }\n}\n","@mixin stlye() {\n  --bal-heavding-line-height: 32px;\n\n  gap: var(--card-gap);\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n\n  .title,\n  .subtitle,\n  .heading {\n    margin: 0;\n  }\n}\n","@use '@baloise/ds-styles/sass/mixins' as *;\n\n@mixin content() {\n  bal-heading:not(:last-child),\n  h1:is(.title, .subtitle, .heading):not(:last-child) {\n    --heading-mb: var(--bal-space-xs-device);\n  }\n\n  h1:not(.title, .subtitle, .heading, :last-child) {\n    margin-bottom: var(--bal-space-xs-device);\n  }\n\n  h2:is(.title, .subtitle, .heading):not(:last-child) {\n    --heading-mb: var(--bal-space-xs-device);\n  }\n\n  h2:not(.title, .subtitle, .heading, :last-child) {\n    margin-bottom: var(--bal-space-xs-device);\n  }\n\n  h3:is(.title, .subtitle, .heading):not(:last-child) {\n    --heading-mb: var(--bal-space-xs-device);\n  }\n\n  h3:not(.title, .subtitle, .heading, :last-child) {\n    margin-bottom: var(--bal-space-xs-device);\n  }\n\n  h4:is(.title, .subtitle, .heading):not(:last-child) {\n    --heading-mb: var(--bal-space-xs-device);\n  }\n\n  h4:not(.title, .subtitle, .heading, :last-child) {\n    margin-bottom: var(--bal-space-xs-device);\n  }\n\n  h5:is(.title, .subtitle, .heading):not(:last-child) {\n    --heading-mb: var(--bal-space-2xs-device);\n  }\n\n  h5:not(.title, .subtitle, .heading, :last-child) {\n    margin-bottom: var(--bal-space-2xs-device);\n  }\n\n  bal-text:not(:last-child),\n  p.text:not(:last-child) {\n    --text-mb: var(--bal-space-base-device);\n  }\n\n  p:not(.text, :last-child) {\n    margin-bottom: var(--bal-space-base-device);\n  }\n\n  > :is(h1, h2, h3, h4, h5, h6, bal-heading) + p.text,\n  > :is(h1, h2, h3, h4, h5, h6, bal-heading) + bal-text {\n    --text-mt: var(--bal-space-base-device);\n  }\n\n  > :is(h1, h2, h3, h4, h5, h6, bal-heading) + p:not(.text, bal-text) {\n    margin-top: var(--bal-space-base-device);\n  }\n}\n","@use '@baloise/ds-styles/sass/mixins' as *;\n\n@mixin style {\n  --buttons-align-items: var(--bal-buttons-align-items, center);\n  --buttons-justify-content: var(--bal-buttons-justify-content, flex-start);\n\n  display: flex;\n  gap: 0.5rem;\n  flex-flow: column wrap;\n  width: 100%;\n\n  &:not(:last-child) {\n    margin-bottom: 1rem;\n  }\n\n  @include mobile {\n    .button:not(.is-square, .is-circle),\n    bal-button:not(.is-square, .is-circle) {\n      flex: 1 1 auto;\n    }\n  }\n\n  @include tablet {\n    &.fit-content {\n      width: fit-content;\n    }\n\n    flex-flow: row wrap;\n    align-items: var(--buttons-align-items);\n    justify-content: var(--buttons-justify-content);\n  }\n\n  &.as-row {\n    flex-flow: row wrap;\n    align-items: var(--buttons-align-items);\n    justify-content: var(--buttons-justify-content);\n\n    &.is-expanded {\n      .button,\n      bal-button {\n        flex: 1;\n      }\n    }\n  }\n\n  &.as-col {\n    flex-flow: column wrap;\n\n    @include tablet {\n      --buttons-align-items: flex-start;\n      // align-items: flex-start;\n    }\n  }\n\n  &.is-reverse.as-row {\n    flex-flow: row-reverse wrap;\n  }\n\n  &.is-reverse.as-col {\n    flex-flow: column-reverse wrap;\n  }\n\n  @include tablet {\n    // Centered\n    &.is-center:not(.as-col),\n    &.is-centered:not(.as-col) {\n      --buttons-justify-content: center;\n      // justify-content: center;\n    }\n\n    &.is-center.as-col,\n    &.is-centered.as-col {\n      --buttons-align-items: center;\n      // align-items: center;\n    }\n\n    // Right aligned\n    &.is-right:not(.as-col) {\n      --buttons-justify-content: flex-end;\n      // justify-content: flex-end;\n    }\n\n    &.is-right.as-col {\n      --buttons-align-items: flex-end;\n      // align-items: flex-end;\n    }\n  }\n\n  &.fit-content bal-button {\n    --bal-button-width: 100%;\n\n    width: 100%;\n  }\n\n  @include mobile {\n    & {\n      --bal-button-width: 100%;\n    }\n\n    & bal-button {\n      --bal-button-width: 100%;\n\n      width: 100%;\n    }\n  }\n}\n","@use '@baloise/ds-styles/sass/mixins' as *;\n@use 'sass:map';\n@use '../../hybrid' as hybrid;\n@use '../../vars' as vars;\n@use '../../host' as host;\n@use '../../attr' as attr;\n@use './bal-button-group/bal-button-group.mixin.scss' as button-group;\n\n$use-host: false !default;\n$name: button;\n$css-selector: ('.button');\n$host-selector: ('#button');\n\n/**\n  * Mixins\n  * -------------------------------\n  * Define here component specific mixins\n  */\n// @mixin button-disabled() {\n//   &,\n//   &:hover,\n//   &.is-hovered,\n//   &:active,\n//   &.is-pressed,\n//   &:focus,\n//   &.is-focused {\n//     pointer-events: none;\n//     opacity: 1;\n//     box-shadow: none;\n//     text-decoration: none;\n//     cursor: default;\n//     translate: 0 0;\n//     background-color: var(--bal-button-color-disabled-base-background);\n//     border: var(--bal-button-color-disabled-base-border);\n//     color: var(--bal-button-color-disabled-base-text);\n\n//     & > bal-icon {\n//       --icon-size: var(--bal-button-color-disabled-base-text);\n//     }\n\n//     & > bal-spinner {\n//       --spinner-color: var(--bal-button-color-disabled-base-text);\n//     }\n\n//     & > bal-spinner[variation='circle'] {\n//       --spinner-circle-color-border-background: var(--bal-color-grey-4);\n//       --spinner-circle-color-border-progress: var(--bal-button-color-disabled-base-text);\n//     }\n//   }\n// }\n\n// @mixin button-color($color) {\n//   --mod-button-color-text: var(--bal-button-color-#{$color}-base-text);\n//   --mod-button-color-background: var(--bal-button-color-#{$color}-base-background);\n//   --mod-button-color-border: var(--bal-button-color-#{$color}-base-border);\n\n//   & > bal-spinner {\n//     --spinner-color: var(--bal-button-color-#{$color}-base-text);\n//   }\n\n//   > bal-spinner[variation='circle'] {\n//     --spinner-circle-color-border-progress: var(--bal-button-color-#{$color}-base-text);\n//   }\n\n//   @include hover {\n//     &:hover,\n//     &.is-hovered {\n//       --mod-button-color-text: var(--bal-button-color-#{$color}-hover-text);\n//       --mod-button-color-background: var(--bal-button-color-#{$color}-hover-background);\n//       --mod-button-color-border: var(--bal-button-color-#{$color}-hover-border);\n//     }\n//   }\n\n//   &:active,\n//   &.is-pressed {\n//     --mod-button-color-text: var(--bal-button-color-#{$color}-active-text);\n//     --mod-button-color-background: var(--bal-button-color-#{$color}-active-background);\n//     --mod-button-color-border: var(--bal-button-color-#{$color}-active-border);\n//     translate: 0 0.5px;\n//   }\n\n//   &:focus-visible,\n//   &.is-focused {\n//     &:not(:active) {\n//       @include focus-shadow();\n//     }\n//   }\n// }\n\n// @mixin button-dashed($color) {\n//   @include button-color($color);\n\n//   --mod-button-border-style: dashed;\n\n//   bal-icon.is-circle {\n//     background-color: var(--bal-button-color-#{$color}-base-border);\n//   }\n// }\n\n/**\n * Variables\n * --------------------------------\n * Define here the css variables for the component to be able to use it in host or non-host mode\n * These variables can be used in the component styles below and later on be overridden in themes.\n */\n\n@include vars.hybrid($name, $css-selector, $use-host) {\n  @include vars.local(button-font-family, var(--bal-button-family));\n  @include vars.local(button-font-weight, var(--bal-button-weight));\n  @include vars.local(button-font-size, var(--bal-button-size-base));\n  @include vars.local(button-line-height, var(--bal-button-line-height));\n  @include vars.local(button-radius, var(--bal-button-radius-base));\n\n  @include vars.local(button-color-text, var(--bal-button-color-primary-base-text));\n  @include vars.local(button-color-border, var(--bal-button-color-primary-base-border));\n  @include vars.local(button-color-background, var(--bal-button-color-primary-base-background));\n\n  @include vars.local(button-color-text-hover, var(--bal-button-color-primary-hover-text));\n  @include vars.local(button-color-border-hover, var(--bal-button-color-primary-hover-border));\n  @include vars.local(button-color-background-hover, var(--bal-button-color-primary-hover-background));\n\n  @include vars.local(button-color-text-active, var(--bal-button-color-primary-active-text));\n  @include vars.local(button-color-border-active, var(--bal-button-color-primary-active-border));\n  @include vars.local(button-color-background-active, var(--bal-button-color-primary-active-background));\n\n  @include vars.local(button-width, var(--bal-button-width, fit-content));\n  @include vars.local(button-border-style, solid);\n\n  @include vars.local(button-gap, 0.5rem);\n  @include vars.local(button-min-height, 3rem);\n  @include vars.local(button-min-width, 3rem);\n  @include vars.local(button-padding-inline, 1.5rem);\n}\n\n/**\n  * Basic Component Styles\n  * --------------------------------\n  * Define here the component styles using the mixin to support host and non-host mode for hybrid components.\n  */\n\n@include hybrid.component($host-selector, $css-selector, $use-host) {\n  @include unselectable();\n  @include font-smoothing();\n\n  appearance: auto;\n  position: relative;\n  display: inline-flex;\n  flex-wrap: nowrap;\n  flex-shrink: 0;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  vertical-align: middle;\n  cursor: pointer;\n  word-break: normal;\n  box-shadow: none;\n  outline: none;\n  box-sizing: border-box;\n  text-decoration: none;\n  user-select: none;\n\n  touch-action: manipulation;\n  transition-property: color, background-color, border-color, box-shadow;\n  transition-duration: 0.2s;\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  font-size: var(--_button-font-size);\n  font-family: var(--_button-font-family);\n  font-weight: var(--_button-font-weight);\n  line-height: var(--_button-line-height);\n\n  border-radius: var(--_button-radius);\n  border-style: var(--_button-border-style);\n  border-width: var(--bal-border-width-base);\n\n  width: var(--_button-width, fit-content);\n  min-width: var(--_button-min-width);\n  min-height: var(--_button-min-height);\n  gap: var(--_button-gap);\n  padding-inline: var(--_button-padding-inline);\n\n  background-color: var(--_button-color-background);\n  color: var(--_button-color-text);\n  border-color: var(--_button-color-border);\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  // Icon\n  & bal-icon {\n    --icon-color: var(--_button-color-text);\n  }\n\n  // Outline\n  &:focus,\n  &:active {\n    outline: none;\n  }\n\n  &:focus-visible,\n  &.is-focused {\n    &:not(:active) {\n      @include focus-shadow();\n    }\n  }\n\n  @include hover {\n    &:hover,\n    &.is-hovered {\n      background-color: var(--_button-color-background-hover);\n      color: var(--_button-color-text-hover);\n      border-color: var(--_button-color-border-hover);\n    }\n  }\n\n  &:active,\n  &.is-pressed {\n    background-color: var(--_button-color-background-active);\n    color: var(--_button-color-text-active);\n    border-color: var(--_button-color-border-active);\n    translate: 0 0.5px;\n  }\n}\n\n//\n// Badge Position\n// --------------------------------\n\n@include hybrid.host($use-host) {\n  :host(.is-fullwidth) {\n    width: 100%;\n    flex: 1 1 auto;\n  }\n\n  :host ::slotted(bal-badge),\n  :host ::slotted(.badge) {\n    --badge-position: absolute;\n    --badge-top: -0.5rem;\n    --badge-right: -0.5rem;\n  }\n}\n\n@include hybrid.styles($css-selector, $use-host) {\n  .badge,\n  bal-badge {\n    --badge-position: absolute;\n    --badge-top: -0.5rem;\n    --badge-right: -0.5rem;\n  }\n}\n\n/**\n  * Variants and States\n  * --------------------------------\n  * Define here the variants and states like size or colors for the component.\n  */\n\n//\n// Colors\n// --------------------------------\n$colors: (\n  'primary',\n  'secondary',\n  'tertiary',\n  'tertiary-yellow',\n  'tertiary-purple',\n  'tertiary-green',\n  'tertiary-red',\n  'info',\n  'success',\n  'warning',\n  'danger',\n  'link',\n  'text'\n);\n\n@mixin color($color) {\n  --mod-button-color-text: var(--bal-button-color-#{$color}-base-text);\n  --mod-button-color-background: var(--bal-button-color-#{$color}-base-background);\n  --mod-button-color-border: var(--bal-button-color-#{$color}-base-border);\n\n  --mod-button-color-text-hover: var(--bal-button-color-#{$color}-hover-text);\n  --mod-button-color-background-hover: var(--bal-button-color-#{$color}-hover-background);\n  --mod-button-color-border-hover: var(--bal-button-color-#{$color}-hover-border);\n\n  --mod-button-color-text-active: var(--bal-button-color-#{$color}-active-text);\n  --mod-button-color-background-active: var(--bal-button-color-#{$color}-active-background);\n  --mod-button-color-border-active: var(--bal-button-color-#{$color}-active-border);\n}\n\n@each $color in $colors {\n  @include hybrid.host($use-host) {\n    :host([color='#{$color}']:not([inverted]):not([dashed])) {\n      @include color($color);\n    }\n  }\n\n  @include hybrid.styles('button', $use-host) {\n    &.is-#{$color}:not(.is-inverted):not(.is-dashed) {\n      @include color($color);\n    }\n  }\n}\n\n@each $color in $colors {\n  @if ($color != 'secondary' and $color != 'tertiary' and $color != 'link' and $color != 'text') {\n    @include hybrid.host($use-host) {\n      :host([color='#{$color}'][inverted]:not([dashed])) {\n        @include color(inverted);\n      }\n    }\n\n    @include hybrid.styles('button', $use-host) {\n      &.is-#{$color}.is-inverted:not(.is-dashed) {\n        @include color(inverted);\n      }\n    }\n  }\n}\n\n//\n// Inverted Colors\n// --------------------------------\n\n$inverted-colors: ('secondary', 'tertiary', 'text' 'link');\n\n@each $color in $inverted-colors {\n  @include hybrid.host($use-host) {\n    :host([color='#{$color}'][inverted]) {\n      @include color('inverted-#{$color}');\n    }\n  }\n\n  @include hybrid.styles('button', $use-host) {\n    &.is-#{$color}.is-inverted {\n      @include color('inverted-#{$color}');\n    }\n  }\n}\n\n//\n// Sizes\n// --------------------------------\n@mixin size-sm() {\n  --mod-button-font-size: var(--bal-button-size-sm);\n  --mod-button-min-height: 2rem;\n  --mod-button-min-width: 2rem;\n  --mod-button-padding-inline: 0.75rem;\n}\n\n@include hybrid.host($use-host) {\n  :host([size='sm']) {\n    @include size-sm();\n  }\n}\n\n@include hybrid.styles('button', $use-host) {\n  &.is-sm {\n    @include size-sm();\n  }\n}\n\n@mixin size-lg() {\n  --mod-button-font-size: var(--bal-button-size-lg);\n  --mod-button-min-height: 3.5rem;\n  --mod-button-min-width: 3.5rem;\n  --mod-button-padding-inline: 1.5rem;\n}\n\n@include hybrid.host($use-host) {\n  :host([size='lg']) {\n    @include size-lg();\n  }\n}\n\n@include hybrid.styles('button', $use-host) {\n  &.is-lg {\n    @include size-lg();\n  }\n}\n\n//\n// Shape Variants\n// --------------------------------\n\n// Flat\n@mixin shape-flat() {\n  --mod-button-padding-inline: 0;\n  --mod-button-min-height: 1.75rem;\n}\n\n@include hybrid.host($use-host) {\n  @include host.hasAttr('flat') {\n    @include shape-flat();\n  }\n}\n\n@include hybrid.styles('button', $use-host) {\n  &.is-flat {\n    @include shape-flat();\n  }\n}\n\n// Rounded\n@mixin shape-rounded() {\n  --mod-button-radius: var(--bal-button-radius-rounded);\n}\n\n@include hybrid.host($use-host) {\n  @include host.hasAttr('rounded') {\n    @include shape-rounded();\n  }\n}\n\n@include hybrid.styles('button', $use-host) {\n  &.is-rounded {\n    @include shape-rounded();\n  }\n}\n\n// Square\n@mixin shape-square($size: 3rem) {\n  --mod-button-radius: var(--bal-button-radius-base);\n  --mod-button-padding-inline: 0;\n  --mod-button-gap: 0;\n  --mod-button-min-height: #{$size};\n  --mod-button-min-width: #{$size};\n}\n\n@include attr.hasMany(\n  (\n    square: true,\n    size: false,\n  ),\n  $use-host\n) {\n  @include shape-square();\n  --icon-size: 1.5rem;\n}\n\n@include attr.hasMany(\n  (\n    square: true,\n    size: 'sm',\n  ),\n  $use-host\n) {\n  @include shape-square(2rem);\n}\n\n@include hybrid.styles('button', $use-host) {\n  &.is-square:not(.is-sm),\n  &.is-square:not(.is-small) {\n    @include shape-square();\n    --icon-size: 1.5rem;\n  }\n\n  &.is-square.is-sm,\n  &.is-square.is-small {\n    @include shape-square(2rem);\n    --icon-size: var(--bal-icon-size-sm);\n  }\n}\n\n// Circle\n@mixin shape-circle($size: 3rem) {\n  --mod-button-radius: var(--bal-button-radius-rounded);\n  --mod-button-padding-inline: 0;\n  --mod-button-gap: 0;\n  --mod-button-min-height: #{$size};\n  --mod-button-min-width: #{$size};\n}\n\n@include attr.hasMany(\n  (\n    circle: true,\n    size: false,\n  ),\n  $use-host\n) {\n  @include shape-circle();\n  --icon-size: 1.5rem;\n}\n\n@include attr.hasMany(\n  (\n    circle: true,\n    size: 'sm',\n  ),\n  $use-host\n) {\n  @include shape-circle(2rem);\n}\n\n@include hybrid.styles('button', $use-host) {\n  &.is-circle:not(.is-sm),\n  &.is-circle:not(.is-small) {\n    @include shape-circle();\n    --icon-size: 1.5rem;\n  }\n\n  &.is-circle.is-small,\n  &.is-circle.is-sm {\n    @include shape-circle(2rem);\n    --icon-size: var(--bal-icon-size-sm);\n  }\n}\n\n//\n// Dashed Variants\n// --------------------------------\n$dashed-colors: ('tertiary-purple', 'tertiary-red', 'tertiary-green', 'tertiary-yellow');\n\n@each $color in $dashed-colors {\n  @include hybrid.host($use-host) {\n    :host([color='#{$color}'][dashed]) {\n      --mod-button-border-style: dashed;\n\n      @include color('#{$color}-dashed');\n\n      #button bal-icon {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        min-width: 1.5rem;\n        min-height: 1.5rem;\n        border-radius: var(--bal-button-radius-rounded);\n        background: var(--_button-color-border);\n      }\n    }\n  }\n\n  @include hybrid.styles($css-selector, $use-host) {\n    &.is-#{$color}.is-dashed {\n      --mod-button-border-style: dashed;\n\n      @include color('#{$color}-dashed');\n\n      bal-icon {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        min-width: 1.5rem;\n        min-height: 1.5rem;\n        border-radius: var(--bal-button-radius-rounded);\n        background: var(--_button-color-border);\n      }\n    }\n  }\n}\n\n//\n// Spinner\n// --------------------------------\n@include attr.hasMany(\n  (\n    loading: true,\n  ),\n  $use-host\n) {\n  --spinner-size: 2rem;\n}\n\n// @include hybrid.host($use-host) {\n//   :host {\n//     --spinner-circle-color-border-background: rgba(11, 12, 110, 0.3);\n//   }\n// }\n\n// @include hybrid.style($name, $use-host) {\n//   --spinner-circle-color-border-background: rgba(11, 12, 110, 0.3);\n// }\n//   bal-spinner {\n//     --spinner-circle-color-border-background: rgba(11, 12, 110, 0.3);\n//   }\n\n//   &.is-primary,\n//   &.is-secondary.is-inverted {\n//     bal-spinner {\n//       --spinner-circle-color-border-background: rgba(255, 255, 255, 0.5);\n//     }\n//   }\n// }\n\n//   // Spinner\n//   & bal-spinner:not([variation='circle']) {\n//     --spinner-size: 2rem;\n//   }\n// }\n\n//   &.has-no-wrap {\n//     text-overflow: ellipsis;\n//     overflow: hidden;\n//     white-space: nowrap;\n//   }\n\n//   &.is-fullwidth {\n//     width: 100%;\n//     flex: 1 1 auto;\n//   }\n\n//   &:not(.is-link, .is-text).has-shadow {\n//     box-shadow: var(--bal-button-shadow-base);\n//   }\n\n//   &.is-text.has-shadow,\n//   &.is-link.has-shadow {\n//     text-shadow: var(--bal-button-shadow-base);\n//   }\n\n//   &.is-link {\n//     text-decoration: underline;\n//     text-underline-offset: 0.25rem;\n//     text-decoration-thickness: var(--bal-link-border-width);\n//   }\n\n//\n// Checkbox and Radio Button Styles\n// --------------------------------\n// @include hybrid.styles($css-selector, $use-host) {\n//   &:is(input[type='checkbox'], input[type='radio'])[aria-label]::after {\n//     --mod-button-content: attr(aria-label);\n\n//     content: var(--button-content);\n//   }\n\n//   &:is(input[type='checkbox'], input[type='radio']) {\n//     @include color(secondary);\n\n//     appearance: none;\n//     vertical-align: middle;\n//   }\n\n//   &:is(input[type='checkbox'], input[type='radio']):where(input:checked) {\n//     @include color(primary);\n\n//     isolation: isolate;\n//   }\n// }\n\n//\n// Disabled State\n// --------------------------------\n@mixin button-disabled() {\n  &,\n  &:hover,\n  &.is-hovered,\n  &:active,\n  &.is-pressed,\n  &:focus,\n  &.is-focused {\n    pointer-events: none;\n    opacity: 1;\n    box-shadow: none;\n    text-decoration: none;\n    cursor: default;\n    translate: 0 0;\n    background-color: var(--bal-button-color-disabled-base-background);\n    border: var(--bal-button-color-disabled-base-border);\n    color: var(--bal-button-color-disabled-base-text);\n\n    & > bal-icon {\n      --icon-size: var(--bal-button-color-disabled-base-text);\n    }\n\n    & > bal-spinner {\n      --spinner-color: var(--bal-button-color-disabled-base-text);\n    }\n\n    & > bal-spinner[variation='circle'] {\n      --spinner-circle-color-border-background: var(--bal-color-grey-4);\n      --spinner-circle-color-border-progress: var(--bal-button-color-disabled-base-text);\n    }\n  }\n}\n@include hybrid.host($use-host) {\n  :host {\n    #button[disabled] {\n      @include button-disabled();\n    }\n  }\n}\n\n@include hybrid.styles-only($use-host) {\n  fieldset[disabled] .button,\n  .button.is-disabled,\n  .button.is-inverted.is-disabled,\n  .button[disabled] {\n    @include button-disabled();\n  }\n}\n\n//\n// Button Group\n// --------------------------------\n@include hybrid.styles-only($use-host) {\n  .buttons {\n    @include button-group.style();\n  }\n}\n","@use '@baloise/ds-styles/sass/mixins' as *;\n@use '../../hybrid' as hybrid;\n\n$badge-use-host: false !default;\n$badge-name: badge;\n$badge-css-selector: ('.badge');\n$badge-host-selector: ('#badge');\n\n/**\n * Variables\n * --------------------------------\n * Define here the css variables for the component to be able to use it in host or non-host mode\n * These variables can be used in the component styles below and later on be overridden in themes.\n */\n\n@include hybrid.vars($badge-css-selector, $badge-use-host) {\n  @include hybrid.base-vars($badge-name);\n\n  --badge-font-family: var(--bal-badge-text-family);\n  --badge-font-weight: var(--bal-badge-text-weight);\n\n  --badge-min-width: var(--bal-badge-size-base);\n  --badge-height: var(--bal-badge-size-base);\n  --badge-radius: calc(var(--bal-badge-size-base) / 2);\n\n  --badge-color-background: var(--bal-badge-color-base-background);\n  --badge-color-text: var(--bal-badge-color-base-text);\n  --badge-pulse-color: var(--bal-badge-color-base-background);\n\n  --badge-font-size: 85%;\n  --badge-icon-size: 0.875rem;\n\n  --badge-gap: 4px;\n  --badge-padding-inline: 4px;\n  --badge-padding-block: 4px;\n}\n\n/**\n  * Basic Component Styles\n  * --------------------------------\n  * Define here the component styles using the mixin to support host and non-host mode for hybrid components.\n  */\n\n@include hybrid.component($badge-host-selector, $badge-css-selector, $badge-use-host) {\n  @include unselectable;\n  @include font-smoothing;\n\n  display: inline-flex;\n  vertical-align: text-top;\n  justify-content: center;\n  align-items: center;\n  hyphens: auto;\n  font-size: var(--badge-font-size);\n  white-space: nowrap;\n  line-height: 1;\n  z-index: 1;\n  cursor: inherit;\n  min-width: var(--badge-min-width);\n  height: var(--badge-height);\n  border-radius: var(--badge-radius);\n  background: var(--badge-color-background);\n  color: var(--badge-color-text);\n  font-family: var(--badge-font-family);\n  font-weight: var(--badge-font-weight);\n  gap: var(--badge-gap);\n  padding-inline: var(--badge-padding-inline);\n  padding-block: var(--badge-padding-block);\n\n  & > bal-icon {\n    --icon-size: var(--badge-icon-size);\n  }\n\n  &.has-pulse {\n    animation: pulse 2s infinite;\n  }\n}\n\n/**\n  * Variants and States\n  * --------------------------------\n  * Define here the variants and states like size or colors for the component.\n  */\n\n$badge-colors: ('red', 'green', 'yellow', 'purple', 'grey', 'success', 'warning', 'danger');\n\n@mixin badge-colors($color) {\n  --badge-color-text: var(--bal-badge-color-#{$color}-text);\n  --badge-color-background: var(--bal-badge-color-#{$color}-background);\n  --badge-pulse-color: var(--bal-badge-color-#{$color}-background);\n\n  bal-icon {\n    --bal-icon-color: var(--bal-badge-color-#{$color}-text);\n  }\n}\n\n@include hybrid.styles-only($badge-use-host) {\n  .badge {\n    @include hybrid.base-styles($badge-name);\n  }\n}\n\n@include hybrid.component($badge-host-selector, $badge-css-selector, $badge-use-host) {\n  //\n  // Color Variants\n  @each $color in $badge-colors {\n    &.is-#{$color} {\n      @include badge-colors($color);\n    }\n  }\n\n  //\n  // Size Variants\n  &.is-sm {\n    --badge-radius: calc(var(--bal-badge-size-sm) / 2);\n    --badge-height: var(--bal-badge-size-sm);\n    --badge-min-width: var(--bal-badge-size-sm);\n    --badge-padding-inline: 0;\n    --badge-padding-block: 0;\n    --badge-font-size: 0;\n\n    max-width: var(--bal-badge-size-sm);\n    padding: 0;\n    overflow: hidden;\n\n    > * {\n      display: none;\n    }\n  }\n\n  &.is-lg {\n    --badge-min-width: var(--bal-badge-size-lg);\n    --badge-height: var(--bal-badge-size-lg);\n    --badge-radius: calc(var(--bal-badge-size-lg) / 2);\n    --badge-font-size: 1rem;\n    --badge-icon-size: 1.125rem;\n  }\n}\n\n/**\n  * Animations\n  * --------------------------------\n  * Define here the animations for the component.\n  */\n\n@keyframes pulse {\n  0% {\n    box-shadow: 0 0 0 0 var(--badge-pulse-color);\n  }\n  70% {\n    box-shadow: 0 0 0 0.5rem transparent;\n  }\n  100% {\n    box-shadow: 0 0 0 0 transparent;\n  }\n}\n","@use '@baloise/ds-styles/sass/mixins' as *;\n@use '../../hybrid' as hybrid;\n\n$accordion-use-host: false !default;\n$accordion-name: accordion;\n$accordion-css-selector: ('.accordion');\n\n/**\n * Variables\n * --------------------------------\n * Define here the css variables for the component to be able to use it in host or non-host mode\n * These variables can be used in the component styles below and later on be overridden in themes.\n */\n\n@include hybrid.vars($accordion-css-selector, $accordion-use-host) {\n  /* Marker icons (SVG via mask so we can color with currentColor) */\n  --accordion-marker-size: 1rem;\n  --accordion-marker-chevron: url(\"data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2010%2010'%3E%3Cpath%20fill='black'%20d='M5,7.874a1.238,1.238,0,0,1-.879-.364L.206,3.393A.75.75,0,1,1,1.294,2.36L4.819,6.072a.249.249,0,0,0,.362,0L8.706,2.36A.75.75,0,1,1,9.794,3.393L5.9,7.5A1.269,1.269,0,0,1,5,7.874Z'/%3E%3C/svg%3E\");\n  --accordion-marker-plus: url(\"data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2014%2014'%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8%201C8%200.447715%207.55228%200%207%200C6.44772%200%206%200.447715%206%201V6H1C0.447715%206%200%206.44772%200%207C0%207.55228%200.447715%208%201%208H6V13C6%2013.5523%206.44772%2014%207%2014C7.55228%2014%208%2013.5523%208%2013V8H13C13.5523%208%2014%207.55228%2014%207C14%206.44772%2013.5523%206%2013%206H8V1Z'/%3E%3C/svg%3E\");\n  --accordion-marker-minus: url(\"data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2014%2014'%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M0%207C0%206.44772%200.447715%206%201%206H13C13.5523%206%2014%206.44772%2014%207C14%207.55228%2013.5523%208%2013%208H1C0.447715%208%200%207.55228%200%207Z'/%3E%3C/svg%3E\");\n\n  /* Default marker variant */\n  --accordion-marker-icon: var(--accordion-marker-chevron);\n}\n\n/**\n  * Basic Component Styles\n  * --------------------------------\n  * Define here the component styles using the mixin to support host and non-host mode for hybrid components.\n  */\n\ndetails.accordion {\n  display: block;\n  position: relative;\n}\n\n//\n// Summary styles\ndetails.accordion > summary:not(.button) {\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 0.5rem;\n}\n\n//\n// Marker styles\ndetails.accordion > summary {\n  /* Hide the native disclosure triangle */\n  list-style: none;\n\n  &::-webkit-details-marker {\n    display: none;\n  }\n\n  &::marker {\n    content: '';\n  }\n}\n\n//\n// Custom marker\ndetails.accordion {\n  & > summary::after {\n    content: '';\n    flex: 0 0 auto;\n    min-width: var(--accordion-marker-size);\n    width: 1.5rem;\n    height: var(--accordion-marker-size);\n    background-color: currentcolor;\n    mask-image: var(--accordion-marker-icon);\n    mask-repeat: no-repeat;\n    mask-position: center;\n    mask-size: contain;\n    transform-origin: center;\n    cursor: pointer;\n  }\n\n  &.has-marker-plus {\n    --accordion-marker-icon: var(--accordion-marker-plus);\n  }\n\n  &.has-marker-plus-minus {\n    --accordion-marker-icon: var(--accordion-marker-plus);\n  }\n\n  &.has-marker-plus-minus[open] {\n    --accordion-marker-icon: var(--accordion-marker-minus);\n  }\n\n  &[open]:not(.has-marker-plus, .has-marker-plus-minus) > summary::after {\n    transform: rotate(180deg);\n  }\n\n  &.has-marker-plus[open] > summary::after {\n    transform: rotate(225deg);\n  }\n\n  /* No marker variant */\n  &.has-marker-none > summary::after {\n    display: none;\n  }\n\n  // When the marker is on the left, keep summary content next to it\n  &.has-marker-left > summary {\n    &::after {\n      order: -1;\n    }\n\n    &:not(.button) {\n      justify-content: flex-start;\n    }\n  }\n}\n\n//\n// Content spacing\ndetails.accordion > p,\ndetails.accordion > .has-space {\n  padding-top: 1rem;\n  padding-bottom: 1rem;\n}\n\n/**\n * Animation: smooth open/close\n * --------------------------------\n * - Uses ::details-content when supported (modern browsers)\n * - Falls back to animating element siblings after summary\n */\n\n:root {\n  interpolate-size: allow-keywords;\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  // Animate the marker icon\n  details.accordion > summary::after {\n    transition: transform 300ms ease;\n  }\n\n  @supports selector(::details-content) {\n    details::details-content {\n      overflow: hidden;\n      height: 0;\n      /* Enable transitioning of `content-visibility` */\n      transition:\n        height 0.3s,\n        content-visibility 0.3s;\n      transition-behavior: allow-discrete;\n    }\n\n    details[open]::details-content {\n      height: auto;\n    }\n  }\n}\n\n/*\n * Visual variant: place summary at the bottom.\n * Uses :has() to reserve space so the summary is visible even when closed.\n */\ndetails.accordion:has(> summary.button.at-end) {\n  padding-bottom: 3rem;\n}\n\ndetails.accordion:has(> summary.button.is-small.at-end) {\n  padding-bottom: 2rem;\n}\n\ndetails.accordion > summary.button.at-end {\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n\n/* Keep content from being covered by the bottom-positioned summary */\ndetails.accordion:has(> summary.button.at-end) > summary.button.at-end ~ * {\n  padding-bottom: 3rem;\n}\n\ndetails.accordion:has(> summary.button.is-small.at-end) > summary.button.is-small.at-end ~ * {\n  padding-bottom: 2rem;\n}\n\n/* Optional: show different summary text based on open/closed (CSS-only)\n * Markup:\n *   <span class=\"accordion-label\" aria-hidden=\"true\">\n *     <span class=\"is-closed\">…</span>\n *     <span class=\"is-open\">…</span>\n *   </span>\n */\n\ndetails.accordion > summary .accordion-label > .is-open,\ndetails.accordion > summary > .is-open {\n  display: none;\n}\n\ndetails.accordion[open] > summary .accordion-label > .is-closed,\ndetails.accordion[open] > summary > .is-closed {\n  display: none;\n}\n\ndetails.accordion[open] > summary .accordion-label > .is-open,\ndetails.accordion[open] > summary > .is-open {\n  display: inline;\n}\n"]}