a(c,t))e[r]=c,e[s]=t,r=s;else break}}return n}function a(e,n){var t=e.sortIndex-n.sortIndex;return 0!==t?t:e.id-n.id}if("object"==typeof performance&&"function"==typeof performance.now){var u,o=performance;n.unstable_now=function(){return o.now()}}else{var i=Date,s=i.now();n.unstable_now=function(){return i.now()-s}}var c=[],f=[],d=1,p=null,m=3,h=!1,g=!1,v=!1,y="function"==typeof setTimeout?setTimeout:null,b="function"==typeof clearTimeout?clearTimeout:null,k="undefined"!=typeof setImmediate?setImmediate:null;function w(e){for(var n=r(f);null!==n;){if(null===n.callback)l(f);else if(n.startTime<=e)l(f),n.sortIndex=n.expirationTime,t(c,n);else break;n=r(f)}}function S(e){if(v=!1,w(e),!g){if(null!==r(c))g=!0,M(x);else{var n=r(f);null!==n&&F(S,n.startTime-e)}}}function x(e,t){g=!1,v&&(v=!1,b(C),C=-1),h=!0;var a=m;try{for(w(t),p=r(c);null!==p&&(!(p.expirationTime>t)||e&&!z());){var u=p.callback;if("function"==typeof u){p.callback=null,m=p.priorityLevel;var o=u(p.expirationTime<=t);t=n.unstable_now(),"function"==typeof o?p.callback=o:p===r(c)&&l(c),w(t)}else l(c);p=r(c)}if(null!==p)var i=!0;else{var s=r(f);null!==s&&F(S,s.startTime-t),i=!1}return i}finally{p=null,m=a,h=!1}}"undefined"!=typeof navigator&&void 0!==navigator.scheduling&&void 0!==navigator.scheduling.isInputPending&&navigator.scheduling.isInputPending.bind(navigator.scheduling);var E=!1,_=null,C=-1,P=5,N=-1;function z(){return!(n.unstable_now()-Ne||125u?(e.sortIndex=a,t(f,e),null===r(c)&&e===r(f)&&(v?(b(C),C=-1):v=!0,F(S,a-u))):(e.sortIndex=o,t(c,e),g||h||(g=!0,M(x))),e},n.unstable_shouldYield=z,n.unstable_wrapCallback=function(e){var n=m;return function(){var t=m;m=n;try{return e.apply(this,arguments)}finally{m=t}}}},14616:function(e,n,t){e.exports=t(46475)}}]);
\ No newline at end of file
diff --git a/review/feat-switch/_next/static/chunks/pages/components/navigation-item/code/Width-301e82392e23452e.js b/review/feat-switch/_next/static/chunks/pages/components/navigation-item/code/Width-96d1b0e9e53c90f5.js
similarity index 72%
rename from review/feat-switch/_next/static/chunks/pages/components/navigation-item/code/Width-301e82392e23452e.js
rename to review/feat-switch/_next/static/chunks/pages/components/navigation-item/code/Width-96d1b0e9e53c90f5.js
index 34bccad84b6..3d2a13e79cd 100644
--- a/review/feat-switch/_next/static/chunks/pages/components/navigation-item/code/Width-301e82392e23452e.js
+++ b/review/feat-switch/_next/static/chunks/pages/components/navigation-item/code/Width-96d1b0e9e53c90f5.js
@@ -1 +1 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[29296],{64165:function(a,n,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item/code/Width",function(){return i(43570)}])},43570:function(a,n,i){"use strict";i.r(n);var t=i(52322),e=i(2784),l=i(70741),o=i(57092),s=i(57884),c=i(57284),d=i(49953),u=i(10326);n.default=()=>{let[a,n]=(0,e.useState)();return(0,e.useEffect)(()=>{a&&setTimeout(()=>n(""),1500)},[a]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(l.Z,{className:"tab-container",children:(0,t.jsxs)(o.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(c.Z,{children:"Angular"}),(0,t.jsx)(c.Z,{children:"HTML"}),(0,t.jsx)(c.Z,{children:"React"}),(0,t.jsx)(c.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:"(Default) Auto "})}),(0,t.jsx)(u.Z,{className:"copy-button",noText:!0,icon:"(Default) Auto "===a?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Auto "),navigator.clipboard.writeText("(Default) Auto ")},children:"Copy code"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'\n \n (Default) Auto\n \n \n '})}),(0,t.jsx)(u.Z,{className:"copy-button",noText:!0,icon:'\n \n (Default) Auto\n \n \n '===a?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n (Default) Auto\n \n \n '),navigator.clipboard.writeText('\n \n (Default) Auto\n \n \n ')},children:"Copy code"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:"(Default) Auto "})}),(0,t.jsx)(u.Z,{className:"copy-button",noText:!0,icon:"(Default) Auto "===a?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Auto "),navigator.clipboard.writeText("(Default) Auto ")},children:"Copy code"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:"(Default) Auto "})}),(0,t.jsx)(u.Z,{className:"copy-button",noText:!0,icon:"(Default) Auto "===a?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Auto "),navigator.clipboard.writeText("(Default) Auto ")},children:"Copy code"})]})]})}),(0,t.jsx)(l.Z,{className:"tab-container",children:(0,t.jsxs)(o.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(c.Z,{children:"Angular"}),(0,t.jsx)(c.Z,{children:"HTML"}),(0,t.jsx)(c.Z,{children:"React"}),(0,t.jsx)(c.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'Full '})}),(0,t.jsx)(u.Z,{className:"copy-button",noText:!0,icon:'Full '===a?"check":"copy",variant:"ghost",onClick:()=>{n('Full '),navigator.clipboard.writeText('Full ')},children:"Copy code"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'\n \n Full\n \n \n '})}),(0,t.jsx)(u.Z,{className:"copy-button",noText:!0,icon:'\n \n Full\n \n \n '===a?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n Full\n \n \n '),navigator.clipboard.writeText('\n \n Full\n \n \n ')},children:"Copy code"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'Full '})}),(0,t.jsx)(u.Z,{className:"copy-button",noText:!0,icon:'Full '===a?"check":"copy",variant:"ghost",onClick:()=>{n('Full '),navigator.clipboard.writeText('Full ')},children:"Copy code"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'Full '})}),(0,t.jsx)(u.Z,{className:"copy-button",noText:!0,icon:'Full '===a?"check":"copy",variant:"ghost",onClick:()=>{n('Full '),navigator.clipboard.writeText('Full ')},children:"Copy code"})]})]})})]})}}},function(a){a.O(0,[9572,92888,49774,40179],function(){return a(a.s=64165)}),_N_E=a.O()}]);
\ No newline at end of file
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[29296],{64165:function(a,n,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item/code/Width",function(){return i(43570)}])},43570:function(a,n,i){"use strict";i.r(n);var t=i(52322),e=i(2784),l=i(70741),o=i(57092),s=i(57884),c=i(57284),d=i(49953),u=i(10326);n.default=()=>{let[a,n]=(0,e.useState)();return(0,e.useEffect)(()=>{a&&setTimeout(()=>n(""),1500)},[a]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(l.Z,{className:"tab-container",children:(0,t.jsxs)(o.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(c.Z,{children:"Angular"}),(0,t.jsx)(c.Z,{children:"HTML"}),(0,t.jsx)(c.Z,{children:"React"}),(0,t.jsx)(c.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:"(Default) Auto "})}),(0,t.jsx)(u.Z,{className:"copy-button",noText:!0,icon:"(Default) Auto "===a?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Auto "),navigator.clipboard.writeText("(Default) Auto ")},children:"Copy code"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'\n \n (Default) Auto\n \n \n '})}),(0,t.jsx)(u.Z,{className:"copy-button",noText:!0,icon:'\n \n (Default) Auto\n \n \n '===a?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n (Default) Auto\n \n \n '),navigator.clipboard.writeText('\n \n (Default) Auto\n \n \n ')},children:"Copy code"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:"(Default) Auto "})}),(0,t.jsx)(u.Z,{className:"copy-button",noText:!0,icon:"(Default) Auto "===a?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Auto "),navigator.clipboard.writeText("(Default) Auto ")},children:"Copy code"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:"(Default) Auto "})}),(0,t.jsx)(u.Z,{className:"copy-button",noText:!0,icon:"(Default) Auto "===a?"check":"copy",variant:"ghost",onClick:()=>{n("(Default) Auto "),navigator.clipboard.writeText("(Default) Auto ")},children:"Copy code"})]})]})}),(0,t.jsx)(l.Z,{className:"tab-container",children:(0,t.jsxs)(o.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(c.Z,{children:"Angular"}),(0,t.jsx)(c.Z,{children:"HTML"}),(0,t.jsx)(c.Z,{children:"React"}),(0,t.jsx)(c.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'Full '})}),(0,t.jsx)(u.Z,{className:"copy-button",noText:!0,icon:'Full '===a?"check":"copy",variant:"ghost",onClick:()=>{n('Full '),navigator.clipboard.writeText('Full ')},children:"Copy code"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'\n \n Full\n \n \n '})}),(0,t.jsx)(u.Z,{className:"copy-button",noText:!0,icon:'\n \n Full\n \n \n '===a?"check":"copy",variant:"ghost",onClick:()=>{n('\n \n Full\n \n \n '),navigator.clipboard.writeText('\n \n Full\n \n \n ')},children:"Copy code"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'Full '})}),(0,t.jsx)(u.Z,{className:"copy-button",noText:!0,icon:'Full '===a?"check":"copy",variant:"ghost",onClick:()=>{n('Full '),navigator.clipboard.writeText('Full ')},children:"Copy code"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'Full '})}),(0,t.jsx)(u.Z,{className:"copy-button",noText:!0,icon:'Full '===a?"check":"copy",variant:"ghost",onClick:()=>{n('Full '),navigator.clipboard.writeText('Full ')},children:"Copy code"})]})]})})]})}}},function(a){a.O(0,[9572,92888,49774,40179],function(){return a(a.s=64165)}),_N_E=a.O()}]);
\ No newline at end of file
diff --git a/review/feat-switch/_next/static/chunks/pages/index-843bf55a07b7acdd.js b/review/feat-switch/_next/static/chunks/pages/index-843bf55a07b7acdd.js
new file mode 100644
index 00000000000..231bdf2a7ed
--- /dev/null
+++ b/review/feat-switch/_next/static/chunks/pages/index-843bf55a07b7acdd.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[95405],{53525:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/",function(){return t(50979)}])},50979:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return d}});var s=t(52322),r=t(55216),i=t(45392);function o(e){let n={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",h4:"h4",img:"img",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,i.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.p,{children:" "}),"\n",(0,s.jsx)(n.h1,{id:"db-ui-mono-beta-",children:"DB UI Mono (Beta) \uD83D\uDE82\uD83D\uDC96"}),"\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.img,{src:"/docs/images/download/Part_ofDB_UX_Design_System_Cored7dce1.svg",alt:"Part of DB UX Design System Core"}),"\n",(0,s.jsx)(n.img,{src:"https://github.com/db-ui/mono/actions/workflows/default.yml/badge.svg",alt:"Main pipeline"}),"\n",(0,s.jsx)(n.img,{src:"/docs/images/download/LicenseApache20blue.svg",alt:"Apache 2.0 license badge"}),"\n",(0,s.jsx)(n.a,{href:"https://github.com/prettier/prettier",children:(0,s.jsx)(n.img,{src:"/docs/images/download/codestyleprettierff69b4styleflatsquare.svg",alt:"code style: prettier"})}),"\n",(0,s.jsx)(n.a,{href:"https://github.com/xojs/xo",children:(0,s.jsx)(n.img,{src:"/docs/images/download/codestyleXO5ed9c7.svg",alt:"XO code style"})}),"\n",(0,s.jsx)(n.a,{href:"http://makeapullrequest.com",children:(0,s.jsx)(n.img,{src:"/docs/images/download/PRswelcomebrightgreenstyleflatsquare.svg",alt:"PRs Welcome"})}),"\n",(0,s.jsx)(n.a,{href:"CODE-OF-CONDUCT.md",children:(0,s.jsx)(n.img,{src:"/docs/images/download/Contributor_Covenant204baaaa.svg",alt:"Contributor Covenant"})})]}),"\n",(0,s.jsx)(n.p,{children:"DB UI Mono provides robust HTML UI components, reusable visual styles, and powerful tooling to help developers,\ndesigners, and content authors build, maintain, and scale best of class digital experiences."}),"\n","\n",(0,s.jsx)(n.h2,{id:"packages",children:"Packages"}),"\n",(0,s.jsxs)(n.table,{children:[(0,s.jsx)(n.thead,{children:(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.th,{children:"Package"}),(0,s.jsx)(n.th,{children:"Content"}),(0,s.jsx)(n.th,{style:{textAlign:"left"},children:"Version"})]})}),(0,s.jsxs)(n.tbody,{children:[(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.a,{href:"https://github.com/db-ui/mono/tree/main/packages/foundations",children:"foundations"})}),(0,s.jsx)(n.td,{children:"CSS/SCSS/Tailwind styles and assets"}),(0,s.jsx)(n.td,{style:{textAlign:"left"},children:(0,s.jsx)(n.a,{href:"https://npmjs.com/package/@db-ui/foundations",title:"DB UI – on NPM",children:(0,s.jsx)(n.img,{src:"/docs/images/download/tagnamelabelnpmcolored1c24.svg",alt:"@db-ui/foundations on Npmjs",title:"npm version"})})})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.a,{href:"https://github.com/db-ui/mono/tree/main/packages/components",children:"components"})}),(0,s.jsx)(n.td,{children:"CSS/SCSS styles for components"}),(0,s.jsx)(n.td,{style:{textAlign:"left"},children:(0,s.jsx)(n.a,{href:"https://npmjs.com/package/@db-ui/components",title:"DB UI – on NPM",children:(0,s.jsx)(n.img,{src:"/docs/images/download/tagnamelabelnpmcolored1c24.svg",alt:"@db-ui/components on Npmjs",title:"npm version"})})})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.a,{href:"https://github.com/db-ui/mono/tree/main/output/angular",children:"ngx-components"})}),(0,s.jsx)(n.td,{children:"Native Angular components"}),(0,s.jsx)(n.td,{style:{textAlign:"left"},children:(0,s.jsx)(n.a,{href:"https://npmjs.com/package/@db-ui/ngx-components",title:"DB UI – on NPM",children:(0,s.jsx)(n.img,{src:"/docs/images/download/tagnamelabelnpmcolored1c24.svg",alt:"@db-ui/ngx-components on Npmjs",title:"npm version"})})})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.a,{href:"https://github.com/db-ui/mono/tree/main/output/react",children:"react-components"})}),(0,s.jsx)(n.td,{children:"Native React components"}),(0,s.jsx)(n.td,{style:{textAlign:"left"},children:(0,s.jsx)(n.a,{href:"https://npmjs.com/package/@db-ui/react-components",title:"DB UI – on NPM",children:(0,s.jsx)(n.img,{src:"/docs/images/download/tagnamelabelnpmcolored1c24.svg",alt:"@db-ui/react-components on Npmjs",title:"npm version"})})})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.a,{href:"https://github.com/db-ui/mono/tree/main/output/vue",children:"v-components"})}),(0,s.jsx)(n.td,{children:"Native Vue 3 components"}),(0,s.jsx)(n.td,{style:{textAlign:"left"},children:(0,s.jsx)(n.a,{href:"https://npmjs.com/package/@db-ui/v-components",title:"DB UI – on NPM",children:(0,s.jsx)(n.img,{src:"/docs/images/download/tagnamelabelnpmcolored1c24.svg",alt:"@db-ui/v-components on Npmjs",title:"npm version"})})})]})]})]}),"\n",(0,s.jsx)(n.h2,{id:"how-to-use",children:"How to use"}),"\n",(0,s.jsxs)(n.p,{children:["Install your preferred package via npm or yarn e.g. ",(0,s.jsx)(n.code,{children:"npm i @db-ui/react-components"}),"."]}),"\n",(0,s.jsxs)(n.p,{children:["Afterwards you need to add the specific CSS or SCSS files to provide the styles of DB UX Design System.\nFor a detailed overview look at our ",(0,s.jsx)(n.a,{href:"https://github.com/db-ui/examples",children:"examples"}),"."]}),"\n",(0,s.jsx)(n.h2,{id:"components",children:"Components"}),"\n",(0,s.jsxs)(n.p,{children:["We maintain a ",(0,s.jsx)(n.a,{href:"https://github.com/orgs/db-ui/projects/4/views/3",children:"status overview"})," for all components."]}),"\n",(0,s.jsx)(n.h2,{id:"core-principals",children:"Core principals"}),"\n","\n",(0,s.jsxs)(n.p,{children:["DB UI Mono is part of ",(0,s.jsx)(n.a,{href:"https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/DB-UX-Design-System/Design-fuer-Apps-Web/UI-Komponenten",children:"DB UX Design System Core"}),",\nthat are the guidelines for any Personenverkehr Customer and Deutsche Bahn Enterprise website and web applications."]}),"\n","\n","\n",(0,s.jsxs)(n.p,{children:["DB UI Mono leverages semantic HTML, ARIA roles, states and properties to apply our styles wherever possible, thus\nenforcing correct, accessible markup. And we're quality checking this in partnership with\nthe ",(0,s.jsx)(n.a,{href:"https://db.de/8pei5n",children:"Team Digital Accessibility"}),"."]}),"\n","\n",(0,s.jsx)(n.p,{children:"DB UI Mono uses declarative selectors instead of visual helpers to ensure our HTML class names and structure are human\nread- and understandable, lean, performant and so much easier to update."}),"\n","\n",(0,s.jsxs)(n.p,{children:["As ",(0,s.jsx)(n.a,{href:"https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/DB-UX-Design-System/Design-fuer-Apps-Web/UI-Komponenten",children:"DB UX Design System"})," evolves, so does DB UI\nMono, meaning apps only need to keep their DB UI Mono package updated to ensure the latest look and feel."]}),"\n","\n",(0,s.jsx)(n.h2,{id:"things-to-keep-in-mind",children:"Things to keep in mind"}),"\n",(0,s.jsx)(n.h3,{id:"developed-for-and-driven-by-the-community",children:"Developed for and driven by the community"}),"\n",(0,s.jsx)(n.p,{children:"This is mainly a platform providing the space and technology for a common basis of curated components; their development\nis mainly driven by the community and adapted out of the work done in projects and through the huge amount of feedback\nthat we're gaining out of the community. So please support us in any way possible, this is greatly appreciated!"}),"\n",(0,s.jsx)(n.h2,{id:"migration",children:"Migration"}),"\n",(0,s.jsx)(n.p,{children:"Check our migration docs for breaking changes"}),"\n",(0,s.jsxs)(n.ol,{children:["\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.a,{href:"https://github.com/db-ui/mono/tree/main/docs",children:"Alpha ➡ Beta"})," (0.0.x➡0.x.x)"]}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"how-to-start-develop--contribute",children:"How to start develop / contribute"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"npm install\nnpm run build\nnpm run start\n"})}),"\n",(0,s.jsxs)(n.p,{children:["Please mind the ",(0,s.jsx)(n.a,{href:"/docs/conventions.adoc#user-content-git-commits-conventions",children:"conventions for git commits"}),"."]}),"\n",(0,s.jsx)(n.h3,{id:"versions",children:"Versions"}),"\n",(0,s.jsxs)(n.p,{children:["All versions in all ",(0,s.jsx)(n.code,{children:"package.json"})," files are set to ",(0,s.jsx)(n.code,{children:"0.0.0"}),", we change those during release process in CI/CD."]}),"\n","\n",(0,s.jsx)(n.h2,{id:"give-us-your-feedback",children:"Give us your feedback!"}),"\n","\n","\n",(0,s.jsxs)(n.p,{children:["This is only the first version of our framework and we really want your feedback - either within\nthe ","DB UI Channel by Web Dev Community in\nMicrosoft Teams (only available DB internally)",", or directly\nat ",(0,s.jsx)(n.a,{href:"mailto:db-ux-designsystem@deutschebahn.com",children:"db-ux-designsystem@deutschebahn.com"}),". ","\nWe're particularly keen to add as many examples to the behaviours as possible, to further clarify them."]}),"\n",(0,s.jsx)(n.h2,{id:"deutsche-bahn-brand",children:"Deutsche Bahn brand"}),"\n",(0,s.jsxs)(n.p,{children:["As we'd like to perfectly support our users and customers on their digital journey, the usage of Deutsche Bahn brand and\ntrademarks are bound to clear guidelines and restrictions even when being used with the code that we're providing with\nthis product; Deutsche Bahn fully reserves all rights and ownership regarding the Deutsche Bahn brand, even though that\nwe're providing the code of DB UI products free to use and release it under the Apache 2.0 license.\nPlease have a look at our brand portal at ",(0,s.jsx)(n.a,{href:"https://marketingportal.extranet.deutschebahn.com/",children:"https://marketingportal.extranet.deutschebahn.com/"})," for any further questions\nand whom to contact on any brand issues. As these assets and visual guidelines are retrieved from our Deutsche Bahn\nMarketingportal, you'll agree with\nthe ",(0,s.jsx)(n.a,{href:"https://marketingportal.extranet.deutschebahn.com/marketingportal/Nutzungsbedingungen-9702684#",children:'"Allgemeine Nutzungsbedingungen f\xfcr das DB-Marketingportal" (german)'}),"\nin case of using them."]}),"\n",(0,s.jsx)(n.p,{children:"For any usage outside of Deutsche Bahn websites and applications you must remove or replace any Deutsche Bahn brand and\ndesign assets as well as protected characteristics and trademarks. We're even also planning to provide a neutral theme\nthat would make it much easier for you to use our product without the trademarks by Deutsche Bahn."}),"\n",(0,s.jsxs)(n.p,{children:["This especially relates to the files in the directories ",(0,s.jsx)(n.code,{children:"/source/fonts/"}),", ",(0,s.jsx)(n.code,{children:"source/images"})," and ",(0,s.jsx)(n.code,{children:"source/samples"}),"\nand ",(0,s.jsx)(n.code,{children:"source/favicon.ico"})," as well."]}),"\n",(0,s.jsx)(n.h2,{id:"development",children:"Development"}),"\n",(0,s.jsx)(n.h3,{id:"tests",children:"Tests"}),"\n",(0,s.jsx)(n.p,{children:"TODO: Elaborate on testing setup"}),"\n",(0,s.jsx)(n.h4,{id:"component-tests",children:"Component Tests"}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.strong,{children:"Visual regression tests"})}),"\n",(0,s.jsx)(n.p,{children:"Playwright is used to create and compare screenshots of each individual component."}),"\n",(0,s.jsx)(n.p,{children:"To update screenshots just run the following (you need Docker installed and available on your shell):"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"npm run regenerate:screenshots\n"})}),"\n",(0,s.jsx)(n.p,{children:"If you want to generate the screenshots manually, do the following:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"npm run build\n\n# unix\ndocker run --rm --network host -v $(pwd):/work/ -w /work/ -it mcr.microsoft.com/playwright:v1.30.0-focal /bin/bash\n\n#windows - allow file sharing (windows pop up)\ndocker run --rm --network host -v ${PWD}:/work/ -w /work/ -it mcr.microsoft.com/playwright:v1.30.0-focal /bin/bash\n\nnpm install\n\ncd output/${frameworkFolder}\n\nnpx playwright test --update-snapshots\n"})}),"\n",(0,s.jsxs)(n.p,{children:["You can also use ",(0,s.jsx)(n.code,{children:"docker-compose"})," to test or regenerate screenshots."]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["testing: ",(0,s.jsx)(n.code,{children:"docker-compose -f ./e2e/docker-compose.yml up"})]}),"\n",(0,s.jsxs)(n.li,{children:["update screenshots: ",(0,s.jsx)(n.code,{children:"docker-compose -f ./e2e/docker-compose.regenerate.yml up"})]}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"contributions",children:"Contributions"}),"\n",(0,s.jsxs)(n.p,{children:["Contributions are very welcome, please refer to the ",(0,s.jsx)(n.a,{href:"https://github.com/db-ui/mono/blob/main/CONTRIBUTING.md",children:"contribution guide"}),"."]}),"\n",(0,s.jsx)(n.h2,{id:"code-of-conduct",children:"Code of conduct"}),"\n",(0,s.jsxs)(n.p,{children:["We as members, contributors, and leaders pledge to make participation in our\ncommunity a harassment-free experience for everyone – have a look at\nour ",(0,s.jsx)(n.a,{href:"https://github.com/db-ui/mono/blob/main/CODE-OF-CONDUCT.md",children:"Contributor Covenant Code of Conduct"}),"."]}),"\n",(0,s.jsx)(n.h2,{id:"license",children:"License"}),"\n",(0,s.jsxs)(n.p,{children:["This project is licensed under ",(0,s.jsx)(n.a,{href:"LICENSE",children:"Apache-2.0"}),", Copyright 2024 by DB Systel GmbH."]})]})}function a(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}={...(0,i.a)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(o,{...e})}):o(e)}let l=e=>{let{children:n}=e;return(0,s.jsx)(r.Z,{children:n})};function c(e){return(0,s.jsx)(a,{})}function d(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,s.jsx)(l,{...e,children:(0,s.jsx)(c,{...e})})}},10326:function(e,n,t){"use strict";var s=t(52322),r=t(2784),i=t(43251);let o=(0,r.forwardRef)(function(e,n){let t=n||(0,r.useRef)(n);return(0,s.jsx)("button",{ref:t,...(0,i.mS)(e,[]),id:e.id,className:(0,i.yI)("db-button",e.className),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,"data-no-text":e.noText,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:n=>{e.onClick&&e.onClick(n)},children:e.children})});n.Z=o},55482:function(e,n,t){"use strict";var s,r,i,o,a,l,c;t.d(n,{IY:function(){return d},YP:function(){return h},ce:function(){return u}});let d="OVERWRITE_DEFAULT_ID",h="Back",u="Close Button";(a=s||(s={})).FUNCTIONAL="functional",a.REGULAR="regular",a.EXPRESSIVE="expressive",Object.entries(s).map(e=>{let[,n]=e;return n}),(r||(r={})).PRIMARY="primary",(l=i||(i={})).NEUTRAL_BG_LEVEL_1="neutral-bg-lvl-1",l.NEUTRAL_BG_LEVEL_2="neutral-bg-lvl-2",l.NEUTRAL_BG_LEVEL_3="neutral-bg-lvl-3",l.NEUTRAL_BG_TRANSPARENT_SEMI="neutral-bg-transparent-semi",l.NEUTRAL_BG_TRANSPARENT_FULL="neutral-bg-transparent-full",l.BRAND_BG_LEVEL_1="brand-bg-lvl-1",l.BRAND_BG_LEVEL_2="brand-bg-lvl-2",l.BRAND_BG_LEVEL_3="brand-bg-lvl-3",l.BRAND_BG_TRANSPARENT_SEMI="brand-bg-transparent-semi",l.BRAND_BG_TRANSPARENT_FULL="brand-bg-transparent-full",l.SUCCESSFUL_BG_LEVEL_1="successful-bg-lvl-1",l.SUCCESSFUL_BG_LEVEL_2="successful-bg-lvl-2",l.SUCCESSFUL_BG_LEVEL_3="successful-bg-lvl-3",l.SUCCESSFUL_BG_TRANSPARENT_SEMI="successful-bg-transparent-semi",l.SUCCESSFUL_BG_TRANSPARENT_FULL="successful-bg-transparent-full",l.CRITICAL_BG_LEVEL_1="critical-bg-lvl-1",l.CRITICAL_BG_LEVEL_2="critical-bg-lvl-2",l.CRITICAL_BG_LEVEL_3="critical-bg-lvl-3",l.CRITICAL_BG_TRANSPARENT_SEMI="critical-bg-transparent-semi",l.CRITICAL_BG_TRANSPARENT_Full="critical-bg-transparent-full",l.WARNING_BG_LEVEL_1="warning-bg-lvl-1",l.WARNING_BG_LEVEL_2="warning-bg-lvl-2",l.WARNING_BG_LEVEL_3="warning-bg-lvl-3",l.WARNING_BG_TRANSPARENT_SEMI="warning-bg-transparent-semi",l.WARNING_BG_TRANSPARENT_FULL="warning-bg-transparent-full",l.INFORMATIONAL_BG_LEVEL_1="informational-bg-lvl-1",l.INFORMATIONAL_BG_LEVEL_2="informational-bg-lvl-2",l.INFORMATIONAL_BG_LEVEL_3="informational-bg-lvl-3",l.INFORMATIONAL_BG_TRANSPARENT_SEMI="informational-bg-transparent-semi",l.INFORMATIONAL_BG_TRANSPARENT_FULL="informational-bg-transparent-full",Object.entries(i).map(e=>{let[,n]=e;return n}),Object.entries(r).map(e=>{let[,n]=e;return n}),(c=o||(o={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(o).map(e=>{let[,n]=e;return n})},43251:function(e,n,t){"use strict";t.d(n,{MN:function(){return c},Vj:function(){return s},cd:function(){return l},mS:function(){return a},yI:function(){return i},yn:function(){return r}});let s=()=>{var e,n;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(n=window.crypto)||void 0===n?void 0:n.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},r=(e,n)=>{Object.values(e.children).forEach(e=>{e.setAttribute(n.key,n.value),e.children.length>0&&r(e,n)})},i=function(){for(var e=arguments.length,n=Array(e),t=0;t{if(e){if("string"==typeof e)s+="".concat(e," ");else for(let n in e)e[n]&&(s+="".concat(n," "))}}),s.trim()},o=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],a=(e,n)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||o.includes(e))&&!n.includes(e)).reduce((n,t)=>(n[t]=e[t],n),{}),l=e=>{let{left:n,right:t}=e.getBoundingClientRect(),{innerWidth:s}=window;return n>=0&&t<=s},c=e=>{let{top:n,bottom:t}=e.getBoundingClientRect(),{innerHeight:s}=window;return n>=0&&t<=s}}},function(e){e.O(0,[49710,55216,92888,49774,40179],function(){return e(e.s=53525)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/review/feat-switch/_next/static/chunks/pages/index-ca6c1a319657268c.js b/review/feat-switch/_next/static/chunks/pages/index-ca6c1a319657268c.js
deleted file mode 100644
index 5e356a6165a..00000000000
--- a/review/feat-switch/_next/static/chunks/pages/index-ca6c1a319657268c.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[95405],{53525:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/",function(){return t(50979)}])},50979:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return d}});var s=t(52322),r=t(55216),i=t(45392);function o(e){let n={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",h4:"h4",img:"img",li:"li",ol:"ol",p:"p",pre:"pre",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,i.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.p,{children:" "}),"\n",(0,s.jsx)(n.h1,{id:"db-ui-mono-alpha-",children:"DB UI Mono (Alpha) \uD83D\uDE82\uD83D\uDC96"}),"\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.img,{src:"/docs/images/download/Part_ofDB_UX_Design_System_Cored7dce1.svg",alt:"Part of DB UX Design System Core"}),"\n",(0,s.jsx)(n.img,{src:"https://github.com/db-ui/mono/actions/workflows/default.yml/badge.svg",alt:"Main pipeline"}),"\n",(0,s.jsx)(n.img,{src:"/docs/images/download/LicenseApache20blue.svg",alt:"Apache 2.0 license badge"}),"\n",(0,s.jsx)(n.a,{href:"https://github.com/prettier/prettier",children:(0,s.jsx)(n.img,{src:"/docs/images/download/codestyleprettierff69b4styleflatsquare.svg",alt:"code style: prettier"})}),"\n",(0,s.jsx)(n.a,{href:"https://github.com/xojs/xo",children:(0,s.jsx)(n.img,{src:"/docs/images/download/codestyleXO5ed9c7.svg",alt:"XO code style"})}),"\n",(0,s.jsx)(n.a,{href:"http://makeapullrequest.com",children:(0,s.jsx)(n.img,{src:"/docs/images/download/PRswelcomebrightgreenstyleflatsquare.svg",alt:"PRs Welcome"})}),"\n",(0,s.jsx)(n.a,{href:"CODE-OF-CONDUCT.md",children:(0,s.jsx)(n.img,{src:"/docs/images/download/Contributor_Covenant204baaaa.svg",alt:"Contributor Covenant"})})]}),"\n",(0,s.jsx)(n.p,{children:"DB UI Mono provides robust HTML UI components, reusable visual styles, and powerful tooling to help developers,\ndesigners, and content authors build, maintain, and scale best of class digital experiences."}),"\n","\n",(0,s.jsx)(n.h2,{id:"packages",children:"Packages"}),"\n",(0,s.jsxs)(n.table,{children:[(0,s.jsx)(n.thead,{children:(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.th,{children:"Package"}),(0,s.jsx)(n.th,{children:"Content"}),(0,s.jsx)(n.th,{style:{textAlign:"left"},children:"Version"})]})}),(0,s.jsxs)(n.tbody,{children:[(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.a,{href:"https://github.com/db-ui/mono/tree/main/packages/foundations",children:"foundations"})}),(0,s.jsx)(n.td,{children:"CSS/SCSS/Tailwind styles and assets"}),(0,s.jsx)(n.td,{style:{textAlign:"left"},children:(0,s.jsx)(n.a,{href:"https://npmjs.com/package/@db-ui/foundations",title:"DB UI – on NPM",children:(0,s.jsx)(n.img,{src:"/docs/images/download/tagnamelabelnpmcolored1c24.svg",alt:"@db-ui/foundations on Npmjs",title:"npm version"})})})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.a,{href:"https://github.com/db-ui/mono/tree/main/packages/components",children:"components"})}),(0,s.jsx)(n.td,{children:"CSS/SCSS styles for components"}),(0,s.jsx)(n.td,{style:{textAlign:"left"},children:(0,s.jsx)(n.a,{href:"https://npmjs.com/package/@db-ui/components",title:"DB UI – on NPM",children:(0,s.jsx)(n.img,{src:"/docs/images/download/tagnamelabelnpmcolored1c24.svg",alt:"@db-ui/components on Npmjs",title:"npm version"})})})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.a,{href:"https://github.com/db-ui/mono/tree/main/output/angular",children:"ngx-components"})}),(0,s.jsx)(n.td,{children:"Native Angular components"}),(0,s.jsx)(n.td,{style:{textAlign:"left"},children:(0,s.jsx)(n.a,{href:"https://npmjs.com/package/@db-ui/ngx-components",title:"DB UI – on NPM",children:(0,s.jsx)(n.img,{src:"/docs/images/download/tagnamelabelnpmcolored1c24.svg",alt:"@db-ui/ngx-components on Npmjs",title:"npm version"})})})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.a,{href:"https://github.com/db-ui/mono/tree/main/output/react",children:"react-components"})}),(0,s.jsx)(n.td,{children:"Native React components"}),(0,s.jsx)(n.td,{style:{textAlign:"left"},children:(0,s.jsx)(n.a,{href:"https://npmjs.com/package/@db-ui/react-components",title:"DB UI – on NPM",children:(0,s.jsx)(n.img,{src:"/docs/images/download/tagnamelabelnpmcolored1c24.svg",alt:"@db-ui/react-components on Npmjs",title:"npm version"})})})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.a,{href:"https://github.com/db-ui/mono/tree/main/output/vue",children:"v-components"})}),(0,s.jsx)(n.td,{children:"Native Vue 3 components"}),(0,s.jsx)(n.td,{style:{textAlign:"left"},children:(0,s.jsx)(n.a,{href:"https://npmjs.com/package/@db-ui/v-components",title:"DB UI – on NPM",children:(0,s.jsx)(n.img,{src:"/docs/images/download/tagnamelabelnpmcolored1c24.svg",alt:"@db-ui/v-components on Npmjs",title:"npm version"})})})]})]})]}),"\n",(0,s.jsx)(n.h2,{id:"how-to-use",children:"How to use"}),"\n",(0,s.jsxs)(n.p,{children:["Install your preferred package via npm or yarn e.g. ",(0,s.jsx)(n.code,{children:"npm i @db-ui/react-components"}),"."]}),"\n",(0,s.jsxs)(n.p,{children:["Afterwards you need to add the specific CSS or SCSS files to provide the styles of DB UX Design System.\nFor a detailed overview look at our ",(0,s.jsx)(n.a,{href:"https://github.com/db-ui/examples",children:"examples"}),"."]}),"\n",(0,s.jsx)(n.h2,{id:"components",children:"Components"}),"\n",(0,s.jsxs)(n.p,{children:["We maintain a ",(0,s.jsx)(n.a,{href:"https://github.com/orgs/db-ui/projects/4/views/3",children:"status overview"})," for all components."]}),"\n",(0,s.jsx)(n.h2,{id:"core-principals",children:"Core principals"}),"\n","\n",(0,s.jsxs)(n.p,{children:["DB UI Mono is part of ",(0,s.jsx)(n.a,{href:"https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/DB-UX-Design-System/Design-fuer-Apps-Web/UI-Komponenten",children:"DB UX Design System Core"}),",\nthat are the guidelines for any Personenverkehr Customer and Deutsche Bahn Enterprise website and web applications."]}),"\n","\n","\n",(0,s.jsxs)(n.p,{children:["DB UI Mono leverages semantic HTML, ARIA roles, states and properties to apply our styles wherever possible, thus\nenforcing correct, accessible markup. And we're quality checking this in partnership with\nthe ",(0,s.jsx)(n.a,{href:"https://db.de/8pei5n",children:"Team Digital Accessibility"}),"."]}),"\n","\n",(0,s.jsx)(n.p,{children:"DB UI Mono uses declarative selectors instead of visual helpers to ensure our HTML class names and structure are human\nread- and understandable, lean, performant and so much easier to update."}),"\n","\n",(0,s.jsxs)(n.p,{children:["As ",(0,s.jsx)(n.a,{href:"https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/DB-UX-Design-System/Design-fuer-Apps-Web/UI-Komponenten",children:"DB UX Design System"})," evolves, so does DB UI\nMono, meaning apps only need to keep their DB UI Mono package updated to ensure the latest look and feel."]}),"\n","\n",(0,s.jsx)(n.h2,{id:"things-to-keep-in-mind",children:"Things to keep in mind"}),"\n",(0,s.jsx)(n.h3,{id:"developed-for-and-driven-by-the-community",children:"Developed for and driven by the community"}),"\n",(0,s.jsx)(n.p,{children:"This is mainly a platform providing the space and technology for a common basis of curated components; their development\nis mainly driven by the community and adapted out of the work done in projects and through the huge amount of feedback\nthat we're gaining out of the community. So please support us in any way possible, this is greatly appreciated!"}),"\n",(0,s.jsx)(n.h2,{id:"migration",children:"Migration"}),"\n",(0,s.jsx)(n.p,{children:"Check our migration docs for breaking changes"}),"\n",(0,s.jsxs)(n.ol,{children:["\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.a,{href:"https://github.com/db-ui/mono/tree/main/docs",children:"Alpha ➡ Beta"})," (0.0.x➡0.x.x)"]}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"how-to-start-develop--contribute",children:"How to start develop / contribute"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"npm install\nnpm run build\nnpm run start\n"})}),"\n",(0,s.jsxs)(n.p,{children:["Please mind the ",(0,s.jsx)(n.a,{href:"/docs/conventions.adoc#user-content-git-commits-conventions",children:"conventions for git commits"}),"."]}),"\n",(0,s.jsx)(n.h3,{id:"versions",children:"Versions"}),"\n",(0,s.jsxs)(n.p,{children:["All versions in all ",(0,s.jsx)(n.code,{children:"package.json"})," files are set to ",(0,s.jsx)(n.code,{children:"0.0.0"}),", we change those during release process in CI/CD."]}),"\n","\n",(0,s.jsx)(n.h2,{id:"give-us-your-feedback",children:"Give us your feedback!"}),"\n","\n","\n",(0,s.jsxs)(n.p,{children:["This is only the first version of our framework and we really want your feedback - either within\nthe ","DB UI Channel by Web Dev Community in\nMicrosoft Teams (only available DB internally)",", or directly\nat ",(0,s.jsx)(n.a,{href:"mailto:db-ux-designsystem@deutschebahn.com",children:"db-ux-designsystem@deutschebahn.com"}),". ","\nWe're particularly keen to add as many examples to the behaviours as possible, to further clarify them."]}),"\n",(0,s.jsx)(n.h2,{id:"deutsche-bahn-brand",children:"Deutsche Bahn brand"}),"\n",(0,s.jsxs)(n.p,{children:["As we'd like to perfectly support our users and customers on their digital journey, the usage of Deutsche Bahn brand and\ntrademarks are bound to clear guidelines and restrictions even when being used with the code that we're providing with\nthis product; Deutsche Bahn fully reserves all rights and ownership regarding the Deutsche Bahn brand, even though that\nwe're providing the code of DB UI products free to use and release it under the Apache 2.0 license.\nPlease have a look at our brand portal at ",(0,s.jsx)(n.a,{href:"https://marketingportal.extranet.deutschebahn.com/",children:"https://marketingportal.extranet.deutschebahn.com/"})," for any further questions\nand whom to contact on any brand issues. As these assets and visual guidelines are retrieved from our Deutsche Bahn\nMarketingportal, you'll agree with\nthe ",(0,s.jsx)(n.a,{href:"https://marketingportal.extranet.deutschebahn.com/marketingportal/Nutzungsbedingungen-9702684#",children:'"Allgemeine Nutzungsbedingungen f\xfcr das DB-Marketingportal" (german)'}),"\nin case of using them."]}),"\n",(0,s.jsx)(n.p,{children:"For any usage outside of Deutsche Bahn websites and applications you must remove or replace any Deutsche Bahn brand and\ndesign assets as well as protected characteristics and trademarks. We're even also planning to provide a neutral theme\nthat would make it much easier for you to use our product without the trademarks by Deutsche Bahn."}),"\n",(0,s.jsxs)(n.p,{children:["This especially relates to the files in the directories ",(0,s.jsx)(n.code,{children:"/source/fonts/"}),", ",(0,s.jsx)(n.code,{children:"source/images"})," and ",(0,s.jsx)(n.code,{children:"source/samples"}),"\nand ",(0,s.jsx)(n.code,{children:"source/favicon.ico"})," as well."]}),"\n",(0,s.jsx)(n.h2,{id:"development",children:"Development"}),"\n",(0,s.jsx)(n.h3,{id:"tests",children:"Tests"}),"\n",(0,s.jsx)(n.p,{children:"TODO: Elaborate on testing setup"}),"\n",(0,s.jsx)(n.h4,{id:"component-tests",children:"Component Tests"}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.strong,{children:"Visual regression tests"})}),"\n",(0,s.jsx)(n.p,{children:"Playwright is used to create and compare screenshots of each individual component."}),"\n",(0,s.jsx)(n.p,{children:"To update screenshots just run the following (you need Docker installed and available on your shell):"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"npm run regenerate:screenshots\n"})}),"\n",(0,s.jsx)(n.p,{children:"If you want to generate the screenshots manually, do the following:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"npm run build\n\n# unix\ndocker run --rm --network host -v $(pwd):/work/ -w /work/ -it mcr.microsoft.com/playwright:v1.30.0-focal /bin/bash\n\n#windows - allow file sharing (windows pop up)\ndocker run --rm --network host -v ${PWD}:/work/ -w /work/ -it mcr.microsoft.com/playwright:v1.30.0-focal /bin/bash\n\nnpm install\n\ncd output/${frameworkFolder}\n\nnpx playwright test --update-snapshots\n"})}),"\n",(0,s.jsxs)(n.p,{children:["You can also use ",(0,s.jsx)(n.code,{children:"docker-compose"})," to test or regenerate screenshots."]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["testing: ",(0,s.jsx)(n.code,{children:"docker-compose -f ./e2e/docker-compose.yml up"})]}),"\n",(0,s.jsxs)(n.li,{children:["update screenshots: ",(0,s.jsx)(n.code,{children:"docker-compose -f ./e2e/docker-compose.regenerate.yml up"})]}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"contributions",children:"Contributions"}),"\n",(0,s.jsxs)(n.p,{children:["Contributions are very welcome, please refer to the ",(0,s.jsx)(n.a,{href:"https://github.com/db-ui/mono/blob/main/CONTRIBUTING.md",children:"contribution guide"}),"."]}),"\n",(0,s.jsx)(n.h2,{id:"code-of-conduct",children:"Code of conduct"}),"\n",(0,s.jsxs)(n.p,{children:["We as members, contributors, and leaders pledge to make participation in our\ncommunity a harassment-free experience for everyone – have a look at\nour ",(0,s.jsx)(n.a,{href:"https://github.com/db-ui/mono/blob/main/CODE-OF-CONDUCT.md",children:"Contributor Covenant Code of Conduct"}),"."]}),"\n",(0,s.jsx)(n.h2,{id:"license",children:"License"}),"\n",(0,s.jsxs)(n.p,{children:["This project is licensed under ",(0,s.jsx)(n.a,{href:"LICENSE",children:"Apache-2.0"}),", Copyright 2024 by DB Systel GmbH."]})]})}function a(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}={...(0,i.a)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(o,{...e})}):o(e)}let l=e=>{let{children:n}=e;return(0,s.jsx)(r.Z,{children:n})};function c(e){return(0,s.jsx)(a,{})}function d(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,s.jsx)(l,{...e,children:(0,s.jsx)(c,{...e})})}},10326:function(e,n,t){"use strict";var s=t(52322),r=t(2784),i=t(43251);let o=(0,r.forwardRef)(function(e,n){let t=n||(0,r.useRef)(n);return(0,s.jsx)("button",{ref:t,...(0,i.mS)(e,[]),id:e.id,className:(0,i.yI)("db-button",e.className),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,"data-no-text":e.noText,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:n=>{e.onClick&&e.onClick(n)},children:e.children})});n.Z=o},55482:function(e,n,t){"use strict";var s,r,i,o,a,l,c;t.d(n,{IY:function(){return d},YP:function(){return h},ce:function(){return u}});let d="OVERWRITE_DEFAULT_ID",h="Back",u="Close Button";(a=s||(s={})).FUNCTIONAL="functional",a.REGULAR="regular",a.EXPRESSIVE="expressive",Object.entries(s).map(e=>{let[,n]=e;return n}),(r||(r={})).PRIMARY="primary",(l=i||(i={})).NEUTRAL_BG_LEVEL_1="neutral-bg-lvl-1",l.NEUTRAL_BG_LEVEL_2="neutral-bg-lvl-2",l.NEUTRAL_BG_LEVEL_3="neutral-bg-lvl-3",l.NEUTRAL_BG_TRANSPARENT_SEMI="neutral-bg-transparent-semi",l.NEUTRAL_BG_TRANSPARENT_FULL="neutral-bg-transparent-full",l.BRAND_BG_LEVEL_1="brand-bg-lvl-1",l.BRAND_BG_LEVEL_2="brand-bg-lvl-2",l.BRAND_BG_LEVEL_3="brand-bg-lvl-3",l.BRAND_BG_TRANSPARENT_SEMI="brand-bg-transparent-semi",l.BRAND_BG_TRANSPARENT_FULL="brand-bg-transparent-full",l.SUCCESSFUL_BG_LEVEL_1="successful-bg-lvl-1",l.SUCCESSFUL_BG_LEVEL_2="successful-bg-lvl-2",l.SUCCESSFUL_BG_LEVEL_3="successful-bg-lvl-3",l.SUCCESSFUL_BG_TRANSPARENT_SEMI="successful-bg-transparent-semi",l.SUCCESSFUL_BG_TRANSPARENT_FULL="successful-bg-transparent-full",l.CRITICAL_BG_LEVEL_1="critical-bg-lvl-1",l.CRITICAL_BG_LEVEL_2="critical-bg-lvl-2",l.CRITICAL_BG_LEVEL_3="critical-bg-lvl-3",l.CRITICAL_BG_TRANSPARENT_SEMI="critical-bg-transparent-semi",l.CRITICAL_BG_TRANSPARENT_Full="critical-bg-transparent-full",l.WARNING_BG_LEVEL_1="warning-bg-lvl-1",l.WARNING_BG_LEVEL_2="warning-bg-lvl-2",l.WARNING_BG_LEVEL_3="warning-bg-lvl-3",l.WARNING_BG_TRANSPARENT_SEMI="warning-bg-transparent-semi",l.WARNING_BG_TRANSPARENT_FULL="warning-bg-transparent-full",l.INFORMATIONAL_BG_LEVEL_1="informational-bg-lvl-1",l.INFORMATIONAL_BG_LEVEL_2="informational-bg-lvl-2",l.INFORMATIONAL_BG_LEVEL_3="informational-bg-lvl-3",l.INFORMATIONAL_BG_TRANSPARENT_SEMI="informational-bg-transparent-semi",l.INFORMATIONAL_BG_TRANSPARENT_FULL="informational-bg-transparent-full",Object.entries(i).map(e=>{let[,n]=e;return n}),Object.entries(r).map(e=>{let[,n]=e;return n}),(c=o||(o={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(o).map(e=>{let[,n]=e;return n})},43251:function(e,n,t){"use strict";t.d(n,{MN:function(){return c},Vj:function(){return s},cd:function(){return l},mS:function(){return a},yI:function(){return i},yn:function(){return r}});let s=()=>{var e,n;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(n=window.crypto)||void 0===n?void 0:n.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},r=(e,n)=>{Object.values(e.children).forEach(e=>{e.setAttribute(n.key,n.value),e.children.length>0&&r(e,n)})},i=function(){for(var e=arguments.length,n=Array(e),t=0;t{if(e){if("string"==typeof e)s+="".concat(e," ");else for(let n in e)e[n]&&(s+="".concat(n," "))}}),s.trim()},o=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],a=(e,n)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||o.includes(e))&&!n.includes(e)).reduce((n,t)=>(n[t]=e[t],n),{}),l=e=>{let{left:n,right:t}=e.getBoundingClientRect(),{innerWidth:s}=window;return n>=0&&t<=s},c=e=>{let{top:n,bottom:t}=e.getBoundingClientRect(),{innerHeight:s}=window;return n>=0&&t<=s}}},function(e){e.O(0,[49710,55216,92888,49774,40179],function(){return e(e.s=53525)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/review/feat-switch/_next/static/css/50c44d4e5f6ab187.css b/review/feat-switch/_next/static/css/50c44d4e5f6ab187.css
new file mode 100644
index 00000000000..7cf0cd19d5d
--- /dev/null
+++ b/review/feat-switch/_next/static/css/50c44d4e5f6ab187.css
@@ -0,0 +1 @@
+.db-badge[data-emphasis=strong],.db-badge[data-semantic=critical],.db-badge[data-semantic=critical][data-emphasis=strong],.db-badge[data-semantic=informational],.db-badge[data-semantic=informational][data-emphasis=strong],.db-badge[data-semantic=neutral],.db-badge[data-semantic=neutral][data-emphasis=strong],.db-badge[data-semantic=successful],.db-badge[data-semantic=successful][data-emphasis=strong],.db-badge[data-semantic=warning],.db-badge[data-semantic=warning][data-emphasis=strong],.db-switch[data-emphasis=strong]>input,.db-switch[data-emphasis=strong]>input:checked,.db-tag:has(.db-tab-remove-button)[data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-semantic=critical],.db-tag:has(.db-tab-remove-button)[data-semantic=critical][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-semantic=informational],.db-tag:has(.db-tab-remove-button)[data-semantic=informational][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-semantic=neutral],.db-tag:has(.db-tab-remove-button)[data-semantic=neutral][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-semantic=successful],.db-tag:has(.db-tab-remove-button)[data-semantic=successful][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-semantic=warning],.db-tag:has(.db-tab-remove-button)[data-semantic=warning][data-emphasis=strong],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:has(a),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:has(input:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-emphasis=strong],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=critical],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=critical][data-emphasis=strong],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=informational],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=informational][data-emphasis=strong],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=neutral],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=neutral][data-emphasis=strong],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=successful],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=successful][data-emphasis=strong],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=warning],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=warning][data-emphasis=strong],.example-container .example-item .example-sizing .sizing,.example-container .example-item .example-spacing-fixed .gap1,.example-container .example-item .example-spacing-fixed .gap2,.example-container .example-item .example-spacing-responsive .margin1,.example-container .example-item .example-spacing-responsive .margin2,:root,blockquote,code,pre:has(code),table th,table tr:nth-child(2n){background:var(--db-current-color-bg-enabled);color:var(--db-current-color-enabled)}.db-badge[data-emphasis=strong]:after,.db-badge[data-emphasis=strong]:before,.db-badge[data-semantic=critical]:after,.db-badge[data-semantic=critical]:before,.db-badge[data-semantic=critical][data-emphasis=strong]:after,.db-badge[data-semantic=critical][data-emphasis=strong]:before,.db-badge[data-semantic=informational]:after,.db-badge[data-semantic=informational]:before,.db-badge[data-semantic=informational][data-emphasis=strong]:after,.db-badge[data-semantic=informational][data-emphasis=strong]:before,.db-badge[data-semantic=neutral]:after,.db-badge[data-semantic=neutral]:before,.db-badge[data-semantic=neutral][data-emphasis=strong]:after,.db-badge[data-semantic=neutral][data-emphasis=strong]:before,.db-badge[data-semantic=successful]:after,.db-badge[data-semantic=successful]:before,.db-badge[data-semantic=successful][data-emphasis=strong]:after,.db-badge[data-semantic=successful][data-emphasis=strong]:before,.db-badge[data-semantic=warning]:after,.db-badge[data-semantic=warning]:before,.db-badge[data-semantic=warning][data-emphasis=strong]:after,.db-badge[data-semantic=warning][data-emphasis=strong]:before,.db-switch[data-emphasis=strong]>input:after,.db-switch[data-emphasis=strong]>input:before,.db-switch[data-emphasis=strong]>input:checked:after,.db-switch[data-emphasis=strong]>input:checked:before,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:after,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:before,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:after,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:before,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:after,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:before,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=checkbox]:checked):after,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=checkbox]:checked):before,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):after,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):before,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:not(.db-tab-remove-button):after,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:not(.db-tab-remove-button):before,.db-tag[data-emphasis=strong]:has(.db-tab-remove-button):after,.db-tag[data-emphasis=strong]:has(.db-tab-remove-button):before,.db-tag[data-emphasis=strong]:has(label,button:not(.db-tab-remove-button),a):has(a):after,.db-tag[data-emphasis=strong]:has(label,button:not(.db-tab-remove-button),a):has(a):before,.db-tag[data-emphasis=strong]:has(label,button:not(.db-tab-remove-button),a):has(input:checked):after,.db-tag[data-emphasis=strong]:has(label,button:not(.db-tab-remove-button),a):has(input:checked):before,.db-tag[data-emphasis=strong]:not(:has(label,button:not(.db-tab-remove-button),a)):after,.db-tag[data-emphasis=strong]:not(:has(label,button:not(.db-tab-remove-button),a)):before,.db-tag[data-semantic=critical]:has(.db-tab-remove-button):after,.db-tag[data-semantic=critical]:has(.db-tab-remove-button):before,.db-tag[data-semantic=critical]:not(:has(label,button:not(.db-tab-remove-button),a)):after,.db-tag[data-semantic=critical]:not(:has(label,button:not(.db-tab-remove-button),a)):before,.db-tag[data-semantic=critical][data-emphasis=strong]:has(.db-tab-remove-button):after,.db-tag[data-semantic=critical][data-emphasis=strong]:has(.db-tab-remove-button):before,.db-tag[data-semantic=critical][data-emphasis=strong]:not(:has(label,button:not(.db-tab-remove-button),a)):after,.db-tag[data-semantic=critical][data-emphasis=strong]:not(:has(label,button:not(.db-tab-remove-button),a)):before,.db-tag[data-semantic=informational]:has(.db-tab-remove-button):after,.db-tag[data-semantic=informational]:has(.db-tab-remove-button):before,.db-tag[data-semantic=informational]:not(:has(label,button:not(.db-tab-remove-button),a)):after,.db-tag[data-semantic=informational]:not(:has(label,button:not(.db-tab-remove-button),a)):before,.db-tag[data-semantic=informational][data-emphasis=strong]:has(.db-tab-remove-button):after,.db-tag[data-semantic=informational][data-emphasis=strong]:has(.db-tab-remove-button):before,.db-tag[data-semantic=informational][data-emphasis=strong]:not(:has(label,button:not(.db-tab-remove-button),a)):after,.db-tag[data-semantic=informational][data-emphasis=strong]:not(:has(label,button:not(.db-tab-remove-button),a)):before,.db-tag[data-semantic=neutral]:has(.db-tab-remove-button):after,.db-tag[data-semantic=neutral]:has(.db-tab-remove-button):before,.db-tag[data-semantic=neutral]:not(:has(label,button:not(.db-tab-remove-button),a)):after,.db-tag[data-semantic=neutral]:not(:has(label,button:not(.db-tab-remove-button),a)):before,.db-tag[data-semantic=neutral][data-emphasis=strong]:has(.db-tab-remove-button):after,.db-tag[data-semantic=neutral][data-emphasis=strong]:has(.db-tab-remove-button):before,.db-tag[data-semantic=neutral][data-emphasis=strong]:not(:has(label,button:not(.db-tab-remove-button),a)):after,.db-tag[data-semantic=neutral][data-emphasis=strong]:not(:has(label,button:not(.db-tab-remove-button),a)):before,.db-tag[data-semantic=successful]:has(.db-tab-remove-button):after,.db-tag[data-semantic=successful]:has(.db-tab-remove-button):before,.db-tag[data-semantic=successful]:not(:has(label,button:not(.db-tab-remove-button),a)):after,.db-tag[data-semantic=successful]:not(:has(label,button:not(.db-tab-remove-button),a)):before,.db-tag[data-semantic=successful][data-emphasis=strong]:has(.db-tab-remove-button):after,.db-tag[data-semantic=successful][data-emphasis=strong]:has(.db-tab-remove-button):before,.db-tag[data-semantic=successful][data-emphasis=strong]:not(:has(label,button:not(.db-tab-remove-button),a)):after,.db-tag[data-semantic=successful][data-emphasis=strong]:not(:has(label,button:not(.db-tab-remove-button),a)):before,.db-tag[data-semantic=warning]:has(.db-tab-remove-button):after,.db-tag[data-semantic=warning]:has(.db-tab-remove-button):before,.db-tag[data-semantic=warning]:not(:has(label,button:not(.db-tab-remove-button),a)):after,.db-tag[data-semantic=warning]:not(:has(label,button:not(.db-tab-remove-button),a)):before,.db-tag[data-semantic=warning][data-emphasis=strong]:has(.db-tab-remove-button):after,.db-tag[data-semantic=warning][data-emphasis=strong]:has(.db-tab-remove-button):before,.db-tag[data-semantic=warning][data-emphasis=strong]:not(:has(label,button:not(.db-tab-remove-button),a)):after,.db-tag[data-semantic=warning][data-emphasis=strong]:not(:has(label,button:not(.db-tab-remove-button),a)):before,.example-container .example-item .example-sizing .sizing:after,.example-container .example-item .example-sizing .sizing:before,.example-container .example-item .example-spacing-fixed .gap1:after,.example-container .example-item .example-spacing-fixed .gap1:before,.example-container .example-item .example-spacing-fixed .gap2:after,.example-container .example-item .example-spacing-fixed .gap2:before,.example-container .example-item .example-spacing-responsive .margin1:after,.example-container .example-item .example-spacing-responsive .margin1:before,.example-container .example-item .example-spacing-responsive .margin2:after,.example-container .example-item .example-spacing-responsive .margin2:before,:root:after,:root:before,blockquote:after,blockquote:before,code:after,code:before,pre:has(code):after,pre:has(code):before,table th:after,table th:before,table tr:nth-child(2n):after,table tr:nth-child(2n):before{color:var(--db-current-icon-color,inherit)}.db-badge[data-semantic=neutral][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-semantic=neutral][data-emphasis=strong],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=neutral][data-emphasis=strong],code,pre:has(code){--db-current-icon-color:var(--db-neutral-on-contrast-enabled);--db-current-color-enabled:var( --db-neutral-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-neutral-contrast-high-enabled );--db-current-color-bg-hover:var( --db-neutral-contrast-high-hover );--db-current-color-bg-pressed:var( --db-neutral-contrast-high-pressed );--db-current-color-border:var( --db-neutral-contrast-high-enabled )}.db-badge[data-semantic=neutral],.db-notification[data-semantic=neutral],.db-tag:has(.db-tab-remove-button)[data-semantic=neutral],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-semantic=neutral],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=neutral],:root,blockquote,table th,table tr:nth-child(2n){--db-current-color-bg-transparent-full-enabled:var( --db-neutral-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-neutral-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-neutral-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-neutral-bg-transparent-pressed );--db-current-color-enabled:var(--db-neutral-on-bg-enabled);--db-current-color-icon:var(--db-neutral-on-bg-enabled);--db-current-color-hover:var(--db-neutral-on-bg-hover);--db-current-color-pressed:var(--db-neutral-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-neutral-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-neutral-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-neutral-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-neutral-contrast-low-enabled );--db-current-color-border:var(--db-neutral-border);--db-current-color-bg-lvl-1-hover:var(--db-neutral-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-neutral-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-neutral-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-neutral-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-neutral-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-neutral-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-neutral-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-neutral-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-neutral-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-neutral-contrast-high-pressed )}[data-emphasis=weak].db-badge[data-semantic=neutral],[data-emphasis=weak].db-tag[data-semantic=neutral]:has(.db-tab-remove-button),[data-emphasis=weak].db-tag[data-semantic=neutral]:not(:has(label,button:not(.db-tab-remove-button),a)),[data-emphasis=weak]:root,blockquote[data-emphasis=weak],table th[data-emphasis=weak],table tr[data-emphasis=weak]:nth-child(2n){--db-current-color-enabled:var( --db-neutral-on-bg-weak-enabled );--db-current-color-hover:var( --db-neutral-on-bg-weak-hover );--db-current-color-pressed:var( --db-neutral-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-badge[data-semantic=neutral],.db-tag:has(.db-tab-remove-button)[data-semantic=neutral],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=neutral],:root{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}blockquote,table th,table tr:nth-child(2n){--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-semi-enabled )}.db-badge[data-semantic=critical][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-semantic=critical][data-emphasis=strong],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=critical][data-emphasis=strong]{--db-current-icon-color:var(--db-critical-on-contrast-enabled);--db-current-color-enabled:var( --db-critical-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-critical-contrast-high-enabled );--db-current-color-bg-hover:var( --db-critical-contrast-high-hover );--db-current-color-bg-pressed:var( --db-critical-contrast-high-pressed );--db-current-color-border:var( --db-critical-contrast-high-enabled )}.db-switch[data-emphasis=strong]>input{--db-current-icon-color:var(--db-critical-on-contrast-enabled);--db-current-color-enabled:var( --db-critical-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-critical-contrast-low-enabled );--db-current-color-bg-hover:var( --db-critical-contrast-low-hover );--db-current-color-bg-pressed:var( --db-critical-contrast-low-pressed );--db-current-color-border:var( --db-critical-contrast-low-enabled )}.db-badge[data-semantic=critical],.db-input:has(input:not([data-custom-validity]):is(:required,[minlength],[maxlength],[pattern],[type=color],[type=date],[type=datetime-local],[type=email],[type=file],[type=hidden],[type=month],[type=number],[type=range],[type=tel],[type=time],[type=url],[type=week]):user-invalid),.db-input:has(input[data-custom-validity=invalid]),.db-notification[data-semantic=critical],.db-select:has(select:not([data-custom-validity]):is(:required):user-invalid),.db-select:has(select[data-custom-validity=invalid]),.db-tag:has(.db-tab-remove-button)[data-semantic=critical],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-semantic=critical],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=critical]{--db-current-color-bg-transparent-full-enabled:var( --db-critical-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-critical-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-critical-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-critical-bg-transparent-pressed );--db-current-color-enabled:var(--db-critical-on-bg-enabled);--db-current-color-icon:var(--db-critical-on-bg-enabled);--db-current-color-hover:var(--db-critical-on-bg-hover);--db-current-color-pressed:var(--db-critical-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-critical-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-critical-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-critical-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-critical-contrast-low-enabled );--db-current-color-border:var(--db-critical-border);--db-current-color-bg-lvl-1-hover:var(--db-critical-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-critical-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-critical-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-critical-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-critical-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-critical-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-critical-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-critical-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-critical-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-critical-contrast-high-pressed )}[data-emphasis=weak].db-badge[data-semantic=critical],[data-emphasis=weak].db-tag[data-semantic=critical]:has(.db-tab-remove-button),[data-emphasis=weak].db-tag[data-semantic=critical]:not(:has(label,button:not(.db-tab-remove-button),a)){--db-current-color-enabled:var( --db-critical-on-bg-weak-enabled );--db-current-color-hover:var( --db-critical-on-bg-weak-hover );--db-current-color-pressed:var( --db-critical-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-badge[data-semantic=critical],.db-tag:has(.db-tab-remove-button)[data-semantic=critical],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=critical]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-badge[data-semantic=successful][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-semantic=successful][data-emphasis=strong],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=successful][data-emphasis=strong],.example-container .example-item .example-sizing .sizing,.example-container .example-item .example-spacing-fixed .gap1,.example-container .example-item .example-spacing-fixed .gap2,.example-container .example-item .example-spacing-responsive .margin1,.example-container .example-item .example-spacing-responsive .margin2{--db-current-icon-color:var(--db-successful-on-contrast-enabled);--db-current-color-enabled:var( --db-successful-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-successful-contrast-high-enabled );--db-current-color-bg-hover:var( --db-successful-contrast-high-hover );--db-current-color-bg-pressed:var( --db-successful-contrast-high-pressed );--db-current-color-border:var( --db-successful-contrast-high-enabled )}.db-switch[data-emphasis=strong]>input:checked{--db-current-icon-color:var(--db-successful-on-contrast-enabled);--db-current-color-enabled:var( --db-successful-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-successful-contrast-low-enabled );--db-current-color-bg-hover:var( --db-successful-contrast-low-hover );--db-current-color-bg-pressed:var( --db-successful-contrast-low-pressed );--db-current-color-border:var( --db-successful-contrast-low-enabled )}.db-badge[data-semantic=successful],.db-input:has(input:not([data-custom-validity]):is(:required,[minlength],[maxlength],[pattern],[type=color],[type=date],[type=datetime-local],[type=email],[type=file],[type=hidden],[type=month],[type=number],[type=range],[type=tel],[type=time],[type=url],[type=week]):user-valid),.db-input:has(input[data-custom-validity=valid]),.db-notification[data-semantic=successful],.db-select:has(select:not([data-custom-validity]):is(:required):user-valid),.db-select:has(select[data-custom-validity=valid]),.db-tag:has(.db-tab-remove-button)[data-semantic=successful],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-semantic=successful],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=successful]{--db-current-color-bg-transparent-full-enabled:var( --db-successful-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-successful-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-successful-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-successful-bg-transparent-pressed );--db-current-color-enabled:var(--db-successful-on-bg-enabled);--db-current-color-icon:var(--db-successful-on-bg-enabled);--db-current-color-hover:var(--db-successful-on-bg-hover);--db-current-color-pressed:var(--db-successful-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-successful-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-successful-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-successful-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-successful-contrast-low-enabled );--db-current-color-border:var(--db-successful-border);--db-current-color-bg-lvl-1-hover:var(--db-successful-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-successful-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-successful-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-successful-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-successful-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-successful-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-successful-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-successful-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-successful-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-successful-contrast-high-pressed )}[data-emphasis=weak].db-badge[data-semantic=successful],[data-emphasis=weak].db-tag[data-semantic=successful]:has(.db-tab-remove-button),[data-emphasis=weak].db-tag[data-semantic=successful]:not(:has(label,button:not(.db-tab-remove-button),a)){--db-current-color-enabled:var( --db-successful-on-bg-weak-enabled );--db-current-color-hover:var( --db-successful-on-bg-weak-hover );--db-current-color-pressed:var( --db-successful-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-badge[data-semantic=successful],.db-tag:has(.db-tab-remove-button)[data-semantic=successful],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=successful]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-badge[data-semantic=warning][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-semantic=warning][data-emphasis=strong],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=warning][data-emphasis=strong],.example-container .example-item .example-sizing .sizing{--db-current-icon-color:var(--db-warning-on-contrast-enabled);--db-current-color-enabled:var( --db-warning-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-warning-contrast-high-enabled );--db-current-color-bg-hover:var( --db-warning-contrast-high-hover );--db-current-color-bg-pressed:var( --db-warning-contrast-high-pressed );--db-current-color-border:var( --db-warning-contrast-high-enabled )}.db-badge[data-semantic=warning],.db-notification[data-semantic=warning],.db-tag:has(.db-tab-remove-button)[data-semantic=warning],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-semantic=warning],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=warning]{--db-current-color-bg-transparent-full-enabled:var( --db-warning-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-warning-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-warning-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-warning-bg-transparent-pressed );--db-current-color-enabled:var(--db-warning-on-bg-enabled);--db-current-color-icon:var(--db-warning-on-bg-enabled);--db-current-color-hover:var(--db-warning-on-bg-hover);--db-current-color-pressed:var(--db-warning-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-warning-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-warning-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-warning-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-warning-contrast-low-enabled );--db-current-color-border:var(--db-warning-border);--db-current-color-bg-lvl-1-hover:var(--db-warning-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-warning-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-warning-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-warning-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-warning-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-warning-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-warning-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-warning-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-warning-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-warning-contrast-high-pressed )}[data-emphasis=weak].db-badge[data-semantic=warning],[data-emphasis=weak].db-tag[data-semantic=warning]:has(.db-tab-remove-button),[data-emphasis=weak].db-tag[data-semantic=warning]:not(:has(label,button:not(.db-tab-remove-button),a)){--db-current-color-enabled:var( --db-warning-on-bg-weak-enabled );--db-current-color-hover:var( --db-warning-on-bg-weak-hover );--db-current-color-pressed:var( --db-warning-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-badge[data-semantic=warning],.db-tag:has(.db-tab-remove-button)[data-semantic=warning],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=warning]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-badge[data-semantic=informational][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-semantic=informational][data-emphasis=strong],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=informational][data-emphasis=strong]{--db-current-icon-color:var(--db-informational-on-contrast-enabled);--db-current-color-enabled:var( --db-informational-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-informational-contrast-high-enabled );--db-current-color-bg-hover:var( --db-informational-contrast-high-hover );--db-current-color-bg-pressed:var( --db-informational-contrast-high-pressed );--db-current-color-border:var( --db-informational-contrast-high-enabled )}.db-badge[data-semantic=informational],.db-notification[data-semantic=informational],.db-tag:has(.db-tab-remove-button)[data-semantic=informational],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-semantic=informational],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=informational]{--db-current-color-bg-transparent-full-enabled:var( --db-informational-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-informational-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-informational-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-informational-bg-transparent-pressed );--db-current-color-enabled:var(--db-informational-on-bg-enabled);--db-current-color-icon:var(--db-informational-on-bg-enabled);--db-current-color-hover:var(--db-informational-on-bg-hover);--db-current-color-pressed:var(--db-informational-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-informational-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-informational-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-informational-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-informational-contrast-low-enabled );--db-current-color-border:var(--db-informational-border);--db-current-color-bg-lvl-1-hover:var(--db-informational-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-informational-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-informational-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-informational-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-informational-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-informational-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-informational-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-informational-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-informational-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-informational-contrast-high-pressed )}[data-emphasis=weak].db-badge[data-semantic=informational],[data-emphasis=weak].db-tag[data-semantic=informational]:has(.db-tab-remove-button),[data-emphasis=weak].db-tag[data-semantic=informational]:not(:has(label,button:not(.db-tab-remove-button),a)){--db-current-color-enabled:var( --db-informational-on-bg-weak-enabled );--db-current-color-hover:var( --db-informational-on-bg-weak-hover );--db-current-color-pressed:var( --db-informational-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-badge[data-semantic=informational],.db-tag:has(.db-tab-remove-button)[data-semantic=informational],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=informational]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-input[data-variant=hidden] label,.db-select[data-variant=hidden] label,.db-textarea[data-variant=hidden] label{clip:rect(0,0,0,0);block-size:1px;overflow:hidden;position:absolute!important;white-space:nowrap;inline-size:1px}:root{--db-breakpoint-xs:22.5em;--db-breakpoint-sm:45em;--db-breakpoint-md:64em;--db-breakpoint-lg:90em;--db-breakpoint-xl:120em}.db-density-expressive,.db-density-functional,.db-density-regular,.db-header-meta-navigation,:root,:root .app-canvas,:root:not(:has(.app-canvas)),[data-density=expressive],[data-density=functional],[data-density=regular],table{--db-icon-font-weight:var(--db-base-body-icon-weight-md);--db-icon-font-size:var(--db-base-body-icon-font-size-md);--db-base-line-height:var(--db-type-body-line-height-md);--db-base-font-size:var(--db-type-body-font-size-md)}:root,[class^=db-]{line-height:var(--db-type-body-line-height-md);font-size:var(--db-type-body-font-size-md)}.db-input input,.db-input[data-variant=floating] label,.db-notification a[data-size=small],.db-select [id$=-placeholder],.db-select select,.db-select[data-variant=floating] label,.db-textarea textarea,.db-textarea[data-variant=floating] label{--db-icon-font-weight:var(--db-base-body-icon-weight-md);--db-icon-font-size:var(--db-base-body-icon-font-size-md);--db-base-line-height:var(--db-type-body-line-height-md);--db-base-font-size:var(--db-type-body-font-size-md);line-height:var(--db-type-body-line-height-md);font-size:var(--db-type-body-font-size-md)}.db-badge[data-size=medium],.db-badge[data-size=medium] .db-icon,.db-badge[data-size=medium]>*,.db-button[data-size=small],.db-checkbox[data-size=small],.db-infotext,.db-input,.db-input[data-variant=floating] [id$=-placeholder],.db-input[data-variant=floating] input,.db-link[data-size=small],.db-notification span,.db-radio[data-size=small],.db-select,.db-select[data-variant=floating] [id$=-placeholder],.db-select[data-variant=floating] select,.db-switch>input,.db-switch[data-size=small],.db-tag,.db-tag a,.db-tag button,.db-tag label,.db-textarea,.db-textarea[data-variant=floating] [id$=-placeholder],.db-textarea[data-variant=floating] textarea,.db-tooltip,code,div[class^=ch-] div,div[class^=ch-] span,small{--db-icon-font-weight:var(--db-base-body-icon-weight-sm);--db-icon-font-size:var(--db-base-body-icon-font-size-sm);--db-base-line-height:var(--db-type-body-line-height-sm);--db-base-font-size:var(--db-type-body-font-size-sm);line-height:var(--db-type-body-line-height-sm);font-size:var(--db-type-body-font-size-sm)}.db-infotext[data-size=small],.db-input label,.db-select label,.db-switch[data-size=small]>input,.db-textarea label{--db-icon-font-weight:var(--db-base-body-icon-weight-xs);--db-icon-font-size:var(--db-base-body-icon-font-size-xs);--db-base-line-height:var(--db-type-body-line-height-xs);--db-base-font-size:var(--db-type-body-font-size-xs);line-height:var(--db-type-body-line-height-xs);font-size:var(--db-type-body-font-size-xs)}.db-badge,.db-badge .db-icon,.db-badge>*,.db-input[data-variant=floating]:has(>select option:checked:not([hidden])) label,.db-input[data-variant=floating]:has(input:focus-within) label,.db-input[data-variant=floating]:has(input:is(input,textarea):not(:placeholder-shown)) label,.db-select[data-variant=floating]:has(>select option:checked:not([hidden])) label,.db-select[data-variant=floating]:has(select:focus-within) label,.db-select[data-variant=floating]:has(select:is(input,textarea):not(:placeholder-shown)) label,.db-textarea[data-variant=floating]:has(>select option:checked:not([hidden])) label,.db-textarea[data-variant=floating]:has(textarea:focus-within) label,.db-textarea[data-variant=floating]:has(textarea:is(input,textarea):not(:placeholder-shown)) label{--db-icon-font-weight:var(--db-base-body-icon-weight-2xs);--db-icon-font-size:var(--db-base-body-icon-font-size-2xs);--db-base-line-height:var(--db-type-body-line-height-2xs);--db-base-font-size:var(--db-type-body-font-size-2xs);line-height:var(--db-type-body-line-height-2xs);font-size:var(--db-type-body-font-size-2xs)}.db-density-expressive,[data-density=expressive]{--db-sizing-3xs:var(--db-sizing-expressive-3xs);--db-sizing-2xs:var(--db-sizing-expressive-2xs);--db-sizing-xs:var(--db-sizing-expressive-xs);--db-sizing-sm:var(--db-sizing-expressive-sm);--db-sizing-md:var(--db-sizing-expressive-md);--db-sizing-lg:var(--db-sizing-expressive-lg);--db-sizing-xl:var(--db-sizing-expressive-xl);--db-sizing-2xl:var(--db-sizing-expressive-2xl);--db-sizing-3xl:var(--db-sizing-expressive-3xl);--db-spacing-fixed-3xs:var(--db-spacing-fixed-expressive-3xs);--db-spacing-fixed-2xs:var(--db-spacing-fixed-expressive-2xs);--db-spacing-fixed-xs:var(--db-spacing-fixed-expressive-xs);--db-spacing-fixed-sm:var(--db-spacing-fixed-expressive-sm);--db-spacing-fixed-md:var(--db-spacing-fixed-expressive-md);--db-spacing-fixed-lg:var(--db-spacing-fixed-expressive-lg);--db-spacing-fixed-xl:var(--db-spacing-fixed-expressive-xl);--db-spacing-fixed-2xl:var(--db-spacing-fixed-expressive-2xl);--db-spacing-fixed-3xl:var(--db-spacing-fixed-expressive-3xl);--db-spacing-responsive-3xs:var(--db-spacing-responsive-expressive-mobile-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-expressive-mobile-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-expressive-mobile-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-expressive-mobile-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-expressive-mobile-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-expressive-mobile-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-expressive-mobile-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-expressive-mobile-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-expressive-mobile-3xl)}@media screen and (min-width:45em){.db-density-expressive:not([data-force-mobile]),[data-density=expressive]:not([data-force-mobile]),[data-force-mobile=false].db-density-expressive,[data-force-mobile=false][data-density=expressive]{--db-spacing-responsive-3xs:var(--db-spacing-responsive-expressive-tablet-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-expressive-tablet-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-expressive-tablet-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-expressive-tablet-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-expressive-tablet-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-expressive-tablet-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-expressive-tablet-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-expressive-tablet-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-expressive-tablet-3xl)}}@media screen and (min-width:64em){.db-density-expressive:not([data-force-mobile]),[data-density=expressive]:not([data-force-mobile]),[data-force-mobile=false].db-density-expressive,[data-force-mobile=false][data-density=expressive]{--db-spacing-responsive-3xs:var(--db-spacing-responsive-expressive-desktop-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-expressive-desktop-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-expressive-desktop-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-expressive-desktop-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-expressive-desktop-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-expressive-desktop-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-expressive-desktop-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-expressive-desktop-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-expressive-desktop-3xl)}}.db-density-regular,:root .app-canvas,:root:not(:has(.app-canvas)),[data-density=regular]{--db-sizing-3xs:var(--db-sizing-regular-3xs);--db-sizing-2xs:var(--db-sizing-regular-2xs);--db-sizing-xs:var(--db-sizing-regular-xs);--db-sizing-sm:var(--db-sizing-regular-sm);--db-sizing-md:var(--db-sizing-regular-md);--db-sizing-lg:var(--db-sizing-regular-lg);--db-sizing-xl:var(--db-sizing-regular-xl);--db-sizing-2xl:var(--db-sizing-regular-2xl);--db-sizing-3xl:var(--db-sizing-regular-3xl);--db-spacing-fixed-3xs:var(--db-spacing-fixed-regular-3xs);--db-spacing-fixed-2xs:var(--db-spacing-fixed-regular-2xs);--db-spacing-fixed-xs:var(--db-spacing-fixed-regular-xs);--db-spacing-fixed-sm:var(--db-spacing-fixed-regular-sm);--db-spacing-fixed-md:var(--db-spacing-fixed-regular-md);--db-spacing-fixed-lg:var(--db-spacing-fixed-regular-lg);--db-spacing-fixed-xl:var(--db-spacing-fixed-regular-xl);--db-spacing-fixed-2xl:var(--db-spacing-fixed-regular-2xl);--db-spacing-fixed-3xl:var(--db-spacing-fixed-regular-3xl);--db-spacing-responsive-3xs:var(--db-spacing-responsive-regular-mobile-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-regular-mobile-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-regular-mobile-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-regular-mobile-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-regular-mobile-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-regular-mobile-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-regular-mobile-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-regular-mobile-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-regular-mobile-3xl)}@media screen and (min-width:45em){.db-density-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-density=regular]:not([data-force-mobile]),[data-force-mobile=false].db-density-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-density=regular]{--db-spacing-responsive-3xs:var(--db-spacing-responsive-regular-tablet-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-regular-tablet-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-regular-tablet-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-regular-tablet-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-regular-tablet-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-regular-tablet-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-regular-tablet-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-regular-tablet-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-regular-tablet-3xl)}}@media screen and (min-width:64em){.db-density-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-density=regular]:not([data-force-mobile]),[data-force-mobile=false].db-density-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-density=regular]{--db-spacing-responsive-3xs:var(--db-spacing-responsive-regular-desktop-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-regular-desktop-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-regular-desktop-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-regular-desktop-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-regular-desktop-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-regular-desktop-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-regular-desktop-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-regular-desktop-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-regular-desktop-3xl)}}.db-density-functional,.db-header-meta-navigation,[data-density=functional],table{--db-sizing-3xs:var(--db-sizing-functional-3xs);--db-sizing-2xs:var(--db-sizing-functional-2xs);--db-sizing-xs:var(--db-sizing-functional-xs);--db-sizing-sm:var(--db-sizing-functional-sm);--db-sizing-md:var(--db-sizing-functional-md);--db-sizing-lg:var(--db-sizing-functional-lg);--db-sizing-xl:var(--db-sizing-functional-xl);--db-sizing-2xl:var(--db-sizing-functional-2xl);--db-sizing-3xl:var(--db-sizing-functional-3xl);--db-spacing-fixed-3xs:var(--db-spacing-fixed-functional-3xs);--db-spacing-fixed-2xs:var(--db-spacing-fixed-functional-2xs);--db-spacing-fixed-xs:var(--db-spacing-fixed-functional-xs);--db-spacing-fixed-sm:var(--db-spacing-fixed-functional-sm);--db-spacing-fixed-md:var(--db-spacing-fixed-functional-md);--db-spacing-fixed-lg:var(--db-spacing-fixed-functional-lg);--db-spacing-fixed-xl:var(--db-spacing-fixed-functional-xl);--db-spacing-fixed-2xl:var(--db-spacing-fixed-functional-2xl);--db-spacing-fixed-3xl:var(--db-spacing-fixed-functional-3xl);--db-spacing-responsive-3xs:var(--db-spacing-responsive-functional-mobile-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-functional-mobile-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-functional-mobile-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-functional-mobile-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-functional-mobile-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-functional-mobile-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-functional-mobile-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-functional-mobile-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-functional-mobile-3xl)}@media screen and (min-width:45em){.db-density-functional:not([data-force-mobile]),.db-header-meta-navigation:not([data-force-mobile]),[data-density=functional]:not([data-force-mobile]),[data-force-mobile=false].db-density-functional,[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false][data-density=functional],table:not([data-force-mobile]),table[data-force-mobile=false]{--db-spacing-responsive-3xs:var(--db-spacing-responsive-functional-tablet-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-functional-tablet-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-functional-tablet-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-functional-tablet-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-functional-tablet-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-functional-tablet-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-functional-tablet-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-functional-tablet-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-functional-tablet-3xl)}}@media screen and (min-width:64em){.db-density-functional:not([data-force-mobile]),.db-header-meta-navigation:not([data-force-mobile]),[data-density=functional]:not([data-force-mobile]),[data-force-mobile=false].db-density-functional,[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false][data-density=functional],table:not([data-force-mobile]),table[data-force-mobile=false]{--db-spacing-responsive-3xs:var(--db-spacing-responsive-functional-desktop-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-functional-desktop-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-functional-desktop-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-functional-desktop-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-functional-desktop-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-functional-desktop-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-functional-desktop-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-functional-desktop-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-functional-desktop-3xl)}}.db-density-expressive,[data-density=expressive]{--db-type-headline-font-size-3xs:var(--db-typography-expressive-mobile-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-expressive-mobile-headline-3xs-line-height);--db-base-headline-icon-weight-3xs:var(--db-base-icon-weight-expressive-mobile-headline-3xs);--db-base-headline-icon-font-size-3xs:var(--db-base-icon-font-size-expressive-mobile-headline-3xs);--db-type-headline-font-size-2xs:var(--db-typography-expressive-mobile-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-expressive-mobile-headline-2xs-line-height);--db-base-headline-icon-weight-2xs:var(--db-base-icon-weight-expressive-mobile-headline-2xs);--db-base-headline-icon-font-size-2xs:var(--db-base-icon-font-size-expressive-mobile-headline-2xs);--db-type-headline-font-size-xs:var(--db-typography-expressive-mobile-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-expressive-mobile-headline-xs-line-height);--db-base-headline-icon-weight-xs:var(--db-base-icon-weight-expressive-mobile-headline-xs);--db-base-headline-icon-font-size-xs:var(--db-base-icon-font-size-expressive-mobile-headline-xs);--db-type-headline-font-size-sm:var(--db-typography-expressive-mobile-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-expressive-mobile-headline-sm-line-height);--db-base-headline-icon-weight-sm:var(--db-base-icon-weight-expressive-mobile-headline-sm);--db-base-headline-icon-font-size-sm:var(--db-base-icon-font-size-expressive-mobile-headline-sm);--db-type-headline-font-size-md:var(--db-typography-expressive-mobile-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-expressive-mobile-headline-md-line-height);--db-base-headline-icon-weight-md:var(--db-base-icon-weight-expressive-mobile-headline-md);--db-base-headline-icon-font-size-md:var(--db-base-icon-font-size-expressive-mobile-headline-md);--db-type-headline-font-size-lg:var(--db-typography-expressive-mobile-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-expressive-mobile-headline-lg-line-height);--db-base-headline-icon-weight-lg:var(--db-base-icon-weight-expressive-mobile-headline-lg);--db-base-headline-icon-font-size-lg:var(--db-base-icon-font-size-expressive-mobile-headline-lg);--db-type-headline-font-size-xl:var(--db-typography-expressive-mobile-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-expressive-mobile-headline-xl-line-height);--db-base-headline-icon-weight-xl:var(--db-base-icon-weight-expressive-mobile-headline-xl);--db-base-headline-icon-font-size-xl:var(--db-base-icon-font-size-expressive-mobile-headline-xl);--db-type-headline-font-size-2xl:var(--db-typography-expressive-mobile-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-expressive-mobile-headline-2xl-line-height);--db-base-headline-icon-weight-2xl:var(--db-base-icon-weight-expressive-mobile-headline-2xl);--db-base-headline-icon-font-size-2xl:var(--db-base-icon-font-size-expressive-mobile-headline-2xl);--db-type-headline-font-size-3xl:var(--db-typography-expressive-mobile-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-expressive-mobile-headline-3xl-line-height);--db-base-headline-icon-weight-3xl:var(--db-base-icon-weight-expressive-mobile-headline-3xl);--db-base-headline-icon-font-size-3xl:var(--db-base-icon-font-size-expressive-mobile-headline-3xl)}@media screen and (min-width:45em){.db-density-expressive:not([data-force-mobile]),[data-density=expressive]:not([data-force-mobile]),[data-force-mobile=false].db-density-expressive,[data-force-mobile=false][data-density=expressive]{--db-type-headline-font-size-3xs:var(--db-typography-expressive-tablet-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-expressive-tablet-headline-3xs-line-height);--db-base-headline-icon-weight-3xs:var(--db-base-icon-weight-expressive-tablet-headline-3xs);--db-base-headline-icon-font-size-3xs:var(--db-base-icon-font-size-expressive-tablet-headline-3xs);--db-type-headline-font-size-2xs:var(--db-typography-expressive-tablet-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-expressive-tablet-headline-2xs-line-height);--db-base-headline-icon-weight-2xs:var(--db-base-icon-weight-expressive-tablet-headline-2xs);--db-base-headline-icon-font-size-2xs:var(--db-base-icon-font-size-expressive-tablet-headline-2xs);--db-type-headline-font-size-xs:var(--db-typography-expressive-tablet-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-expressive-tablet-headline-xs-line-height);--db-base-headline-icon-weight-xs:var(--db-base-icon-weight-expressive-tablet-headline-xs);--db-base-headline-icon-font-size-xs:var(--db-base-icon-font-size-expressive-tablet-headline-xs);--db-type-headline-font-size-sm:var(--db-typography-expressive-tablet-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-expressive-tablet-headline-sm-line-height);--db-base-headline-icon-weight-sm:var(--db-base-icon-weight-expressive-tablet-headline-sm);--db-base-headline-icon-font-size-sm:var(--db-base-icon-font-size-expressive-tablet-headline-sm);--db-type-headline-font-size-md:var(--db-typography-expressive-tablet-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-expressive-tablet-headline-md-line-height);--db-base-headline-icon-weight-md:var(--db-base-icon-weight-expressive-tablet-headline-md);--db-base-headline-icon-font-size-md:var(--db-base-icon-font-size-expressive-tablet-headline-md);--db-type-headline-font-size-lg:var(--db-typography-expressive-tablet-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-expressive-tablet-headline-lg-line-height);--db-base-headline-icon-weight-lg:var(--db-base-icon-weight-expressive-tablet-headline-lg);--db-base-headline-icon-font-size-lg:var(--db-base-icon-font-size-expressive-tablet-headline-lg);--db-type-headline-font-size-xl:var(--db-typography-expressive-tablet-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-expressive-tablet-headline-xl-line-height);--db-base-headline-icon-weight-xl:var(--db-base-icon-weight-expressive-tablet-headline-xl);--db-base-headline-icon-font-size-xl:var(--db-base-icon-font-size-expressive-tablet-headline-xl);--db-type-headline-font-size-2xl:var(--db-typography-expressive-tablet-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-expressive-tablet-headline-2xl-line-height);--db-base-headline-icon-weight-2xl:var(--db-base-icon-weight-expressive-tablet-headline-2xl);--db-base-headline-icon-font-size-2xl:var(--db-base-icon-font-size-expressive-tablet-headline-2xl);--db-type-headline-font-size-3xl:var(--db-typography-expressive-tablet-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-expressive-tablet-headline-3xl-line-height);--db-base-headline-icon-weight-3xl:var(--db-base-icon-weight-expressive-tablet-headline-3xl);--db-base-headline-icon-font-size-3xl:var(--db-base-icon-font-size-expressive-tablet-headline-3xl)}}@media screen and (min-width:64em){.db-density-expressive:not([data-force-mobile]),[data-density=expressive]:not([data-force-mobile]),[data-force-mobile=false].db-density-expressive,[data-force-mobile=false][data-density=expressive]{--db-type-headline-font-size-3xs:var(--db-typography-expressive-desktop-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-expressive-desktop-headline-3xs-line-height);--db-base-headline-icon-weight-3xs:var(--db-base-icon-weight-expressive-desktop-headline-3xs);--db-base-headline-icon-font-size-3xs:var(--db-base-icon-font-size-expressive-desktop-headline-3xs);--db-type-headline-font-size-2xs:var(--db-typography-expressive-desktop-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-expressive-desktop-headline-2xs-line-height);--db-base-headline-icon-weight-2xs:var(--db-base-icon-weight-expressive-desktop-headline-2xs);--db-base-headline-icon-font-size-2xs:var(--db-base-icon-font-size-expressive-desktop-headline-2xs);--db-type-headline-font-size-xs:var(--db-typography-expressive-desktop-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-expressive-desktop-headline-xs-line-height);--db-base-headline-icon-weight-xs:var(--db-base-icon-weight-expressive-desktop-headline-xs);--db-base-headline-icon-font-size-xs:var(--db-base-icon-font-size-expressive-desktop-headline-xs);--db-type-headline-font-size-sm:var(--db-typography-expressive-desktop-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-expressive-desktop-headline-sm-line-height);--db-base-headline-icon-weight-sm:var(--db-base-icon-weight-expressive-desktop-headline-sm);--db-base-headline-icon-font-size-sm:var(--db-base-icon-font-size-expressive-desktop-headline-sm);--db-type-headline-font-size-md:var(--db-typography-expressive-desktop-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-expressive-desktop-headline-md-line-height);--db-base-headline-icon-weight-md:var(--db-base-icon-weight-expressive-desktop-headline-md);--db-base-headline-icon-font-size-md:var(--db-base-icon-font-size-expressive-desktop-headline-md);--db-type-headline-font-size-lg:var(--db-typography-expressive-desktop-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-expressive-desktop-headline-lg-line-height);--db-base-headline-icon-weight-lg:var(--db-base-icon-weight-expressive-desktop-headline-lg);--db-base-headline-icon-font-size-lg:var(--db-base-icon-font-size-expressive-desktop-headline-lg);--db-type-headline-font-size-xl:var(--db-typography-expressive-desktop-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-expressive-desktop-headline-xl-line-height);--db-base-headline-icon-weight-xl:var(--db-base-icon-weight-expressive-desktop-headline-xl);--db-base-headline-icon-font-size-xl:var(--db-base-icon-font-size-expressive-desktop-headline-xl);--db-type-headline-font-size-2xl:var(--db-typography-expressive-desktop-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-expressive-desktop-headline-2xl-line-height);--db-base-headline-icon-weight-2xl:var(--db-base-icon-weight-expressive-desktop-headline-2xl);--db-base-headline-icon-font-size-2xl:var(--db-base-icon-font-size-expressive-desktop-headline-2xl);--db-type-headline-font-size-3xl:var(--db-typography-expressive-desktop-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-expressive-desktop-headline-3xl-line-height);--db-base-headline-icon-weight-3xl:var(--db-base-icon-weight-expressive-desktop-headline-3xl);--db-base-headline-icon-font-size-3xl:var(--db-base-icon-font-size-expressive-desktop-headline-3xl)}}.db-density-expressive,[data-density=expressive]{--db-type-body-font-size-3xs:var(--db-typography-expressive-mobile-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-expressive-mobile-body-3xs-line-height);--db-base-body-icon-weight-3xs:var(--db-base-icon-weight-expressive-mobile-body-3xs);--db-base-body-icon-font-size-3xs:var(--db-base-icon-font-size-expressive-mobile-body-3xs);--db-type-body-font-size-2xs:var(--db-typography-expressive-mobile-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-expressive-mobile-body-2xs-line-height);--db-base-body-icon-weight-2xs:var(--db-base-icon-weight-expressive-mobile-body-2xs);--db-base-body-icon-font-size-2xs:var(--db-base-icon-font-size-expressive-mobile-body-2xs);--db-type-body-font-size-xs:var(--db-typography-expressive-mobile-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-expressive-mobile-body-xs-line-height);--db-base-body-icon-weight-xs:var(--db-base-icon-weight-expressive-mobile-body-xs);--db-base-body-icon-font-size-xs:var(--db-base-icon-font-size-expressive-mobile-body-xs);--db-type-body-font-size-sm:var(--db-typography-expressive-mobile-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-expressive-mobile-body-sm-line-height);--db-base-body-icon-weight-sm:var(--db-base-icon-weight-expressive-mobile-body-sm);--db-base-body-icon-font-size-sm:var(--db-base-icon-font-size-expressive-mobile-body-sm);--db-type-body-font-size-md:var(--db-typography-expressive-mobile-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-expressive-mobile-body-md-line-height);--db-base-body-icon-weight-md:var(--db-base-icon-weight-expressive-mobile-body-md);--db-base-body-icon-font-size-md:var(--db-base-icon-font-size-expressive-mobile-body-md);--db-type-body-font-size-lg:var(--db-typography-expressive-mobile-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-expressive-mobile-body-lg-line-height);--db-base-body-icon-weight-lg:var(--db-base-icon-weight-expressive-mobile-body-lg);--db-base-body-icon-font-size-lg:var(--db-base-icon-font-size-expressive-mobile-body-lg);--db-type-body-font-size-xl:var(--db-typography-expressive-mobile-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-expressive-mobile-body-xl-line-height);--db-base-body-icon-weight-xl:var(--db-base-icon-weight-expressive-mobile-body-xl);--db-base-body-icon-font-size-xl:var(--db-base-icon-font-size-expressive-mobile-body-xl);--db-type-body-font-size-2xl:var(--db-typography-expressive-mobile-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-expressive-mobile-body-2xl-line-height);--db-base-body-icon-weight-2xl:var(--db-base-icon-weight-expressive-mobile-body-2xl);--db-base-body-icon-font-size-2xl:var(--db-base-icon-font-size-expressive-mobile-body-2xl);--db-type-body-font-size-3xl:var(--db-typography-expressive-mobile-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-expressive-mobile-body-3xl-line-height);--db-base-body-icon-weight-3xl:var(--db-base-icon-weight-expressive-mobile-body-3xl);--db-base-body-icon-font-size-3xl:var(--db-base-icon-font-size-expressive-mobile-body-3xl)}@media screen and (min-width:45em){.db-density-expressive:not([data-force-mobile]),[data-density=expressive]:not([data-force-mobile]),[data-force-mobile=false].db-density-expressive,[data-force-mobile=false][data-density=expressive]{--db-type-body-font-size-3xs:var(--db-typography-expressive-tablet-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-expressive-tablet-body-3xs-line-height);--db-base-body-icon-weight-3xs:var(--db-base-icon-weight-expressive-mobile-body-3xs);--db-base-body-icon-font-size-3xs:var(--db-base-icon-font-size-expressive-mobile-body-3xs);--db-type-body-font-size-2xs:var(--db-typography-expressive-tablet-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-expressive-tablet-body-2xs-line-height);--db-base-body-icon-weight-2xs:var(--db-base-icon-weight-expressive-mobile-body-2xs);--db-base-body-icon-font-size-2xs:var(--db-base-icon-font-size-expressive-mobile-body-2xs);--db-type-body-font-size-xs:var(--db-typography-expressive-tablet-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-expressive-tablet-body-xs-line-height);--db-base-body-icon-weight-xs:var(--db-base-icon-weight-expressive-mobile-body-xs);--db-base-body-icon-font-size-xs:var(--db-base-icon-font-size-expressive-mobile-body-xs);--db-type-body-font-size-sm:var(--db-typography-expressive-tablet-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-expressive-tablet-body-sm-line-height);--db-base-body-icon-weight-sm:var(--db-base-icon-weight-expressive-mobile-body-sm);--db-base-body-icon-font-size-sm:var(--db-base-icon-font-size-expressive-mobile-body-sm);--db-type-body-font-size-md:var(--db-typography-expressive-tablet-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-expressive-tablet-body-md-line-height);--db-base-body-icon-weight-md:var(--db-base-icon-weight-expressive-mobile-body-md);--db-base-body-icon-font-size-md:var(--db-base-icon-font-size-expressive-mobile-body-md);--db-type-body-font-size-lg:var(--db-typography-expressive-tablet-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-expressive-tablet-body-lg-line-height);--db-base-body-icon-weight-lg:var(--db-base-icon-weight-expressive-mobile-body-lg);--db-base-body-icon-font-size-lg:var(--db-base-icon-font-size-expressive-mobile-body-lg);--db-type-body-font-size-xl:var(--db-typography-expressive-tablet-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-expressive-tablet-body-xl-line-height);--db-base-body-icon-weight-xl:var(--db-base-icon-weight-expressive-mobile-body-xl);--db-base-body-icon-font-size-xl:var(--db-base-icon-font-size-expressive-mobile-body-xl);--db-type-body-font-size-2xl:var(--db-typography-expressive-tablet-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-expressive-tablet-body-2xl-line-height);--db-base-body-icon-weight-2xl:var(--db-base-icon-weight-expressive-mobile-body-2xl);--db-base-body-icon-font-size-2xl:var(--db-base-icon-font-size-expressive-mobile-body-2xl);--db-type-body-font-size-3xl:var(--db-typography-expressive-tablet-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-expressive-tablet-body-3xl-line-height);--db-base-body-icon-weight-3xl:var(--db-base-icon-weight-expressive-mobile-body-3xl);--db-base-body-icon-font-size-3xl:var(--db-base-icon-font-size-expressive-mobile-body-3xl)}}@media screen and (min-width:64em){.db-density-expressive:not([data-force-mobile]),[data-density=expressive]:not([data-force-mobile]),[data-force-mobile=false].db-density-expressive,[data-force-mobile=false][data-density=expressive]{--db-type-body-font-size-3xs:var(--db-typography-expressive-desktop-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-expressive-desktop-body-3xs-line-height);--db-base-body-icon-weight-3xs:var(--db-base-icon-weight-expressive-mobile-body-3xs);--db-base-body-icon-font-size-3xs:var(--db-base-icon-font-size-expressive-mobile-body-3xs);--db-type-body-font-size-2xs:var(--db-typography-expressive-desktop-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-expressive-desktop-body-2xs-line-height);--db-base-body-icon-weight-2xs:var(--db-base-icon-weight-expressive-mobile-body-2xs);--db-base-body-icon-font-size-2xs:var(--db-base-icon-font-size-expressive-mobile-body-2xs);--db-type-body-font-size-xs:var(--db-typography-expressive-desktop-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-expressive-desktop-body-xs-line-height);--db-base-body-icon-weight-xs:var(--db-base-icon-weight-expressive-mobile-body-xs);--db-base-body-icon-font-size-xs:var(--db-base-icon-font-size-expressive-mobile-body-xs);--db-type-body-font-size-sm:var(--db-typography-expressive-desktop-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-expressive-desktop-body-sm-line-height);--db-base-body-icon-weight-sm:var(--db-base-icon-weight-expressive-mobile-body-sm);--db-base-body-icon-font-size-sm:var(--db-base-icon-font-size-expressive-mobile-body-sm);--db-type-body-font-size-md:var(--db-typography-expressive-desktop-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-expressive-desktop-body-md-line-height);--db-base-body-icon-weight-md:var(--db-base-icon-weight-expressive-mobile-body-md);--db-base-body-icon-font-size-md:var(--db-base-icon-font-size-expressive-mobile-body-md);--db-type-body-font-size-lg:var(--db-typography-expressive-desktop-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-expressive-desktop-body-lg-line-height);--db-base-body-icon-weight-lg:var(--db-base-icon-weight-expressive-mobile-body-lg);--db-base-body-icon-font-size-lg:var(--db-base-icon-font-size-expressive-mobile-body-lg);--db-type-body-font-size-xl:var(--db-typography-expressive-desktop-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-expressive-desktop-body-xl-line-height);--db-base-body-icon-weight-xl:var(--db-base-icon-weight-expressive-mobile-body-xl);--db-base-body-icon-font-size-xl:var(--db-base-icon-font-size-expressive-mobile-body-xl);--db-type-body-font-size-2xl:var(--db-typography-expressive-desktop-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-expressive-desktop-body-2xl-line-height);--db-base-body-icon-weight-2xl:var(--db-base-icon-weight-expressive-mobile-body-2xl);--db-base-body-icon-font-size-2xl:var(--db-base-icon-font-size-expressive-mobile-body-2xl);--db-type-body-font-size-3xl:var(--db-typography-expressive-desktop-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-expressive-desktop-body-3xl-line-height);--db-base-body-icon-weight-3xl:var(--db-base-icon-weight-expressive-mobile-body-3xl);--db-base-body-icon-font-size-3xl:var(--db-base-icon-font-size-expressive-mobile-body-3xl)}}.db-density-regular,:root .app-canvas,:root:not(:has(.app-canvas)),[data-density=regular]{--db-type-headline-font-size-3xs:var(--db-typography-regular-mobile-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-regular-mobile-headline-3xs-line-height);--db-base-headline-icon-weight-3xs:var(--db-base-icon-weight-regular-mobile-headline-3xs);--db-base-headline-icon-font-size-3xs:var(--db-base-icon-font-size-regular-mobile-headline-3xs);--db-type-headline-font-size-2xs:var(--db-typography-regular-mobile-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-regular-mobile-headline-2xs-line-height);--db-base-headline-icon-weight-2xs:var(--db-base-icon-weight-regular-mobile-headline-2xs);--db-base-headline-icon-font-size-2xs:var(--db-base-icon-font-size-regular-mobile-headline-2xs);--db-type-headline-font-size-xs:var(--db-typography-regular-mobile-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-regular-mobile-headline-xs-line-height);--db-base-headline-icon-weight-xs:var(--db-base-icon-weight-regular-mobile-headline-xs);--db-base-headline-icon-font-size-xs:var(--db-base-icon-font-size-regular-mobile-headline-xs);--db-type-headline-font-size-sm:var(--db-typography-regular-mobile-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-regular-mobile-headline-sm-line-height);--db-base-headline-icon-weight-sm:var(--db-base-icon-weight-regular-mobile-headline-sm);--db-base-headline-icon-font-size-sm:var(--db-base-icon-font-size-regular-mobile-headline-sm);--db-type-headline-font-size-md:var(--db-typography-regular-mobile-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-regular-mobile-headline-md-line-height);--db-base-headline-icon-weight-md:var(--db-base-icon-weight-regular-mobile-headline-md);--db-base-headline-icon-font-size-md:var(--db-base-icon-font-size-regular-mobile-headline-md);--db-type-headline-font-size-lg:var(--db-typography-regular-mobile-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-regular-mobile-headline-lg-line-height);--db-base-headline-icon-weight-lg:var(--db-base-icon-weight-regular-mobile-headline-lg);--db-base-headline-icon-font-size-lg:var(--db-base-icon-font-size-regular-mobile-headline-lg);--db-type-headline-font-size-xl:var(--db-typography-regular-mobile-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-regular-mobile-headline-xl-line-height);--db-base-headline-icon-weight-xl:var(--db-base-icon-weight-regular-mobile-headline-xl);--db-base-headline-icon-font-size-xl:var(--db-base-icon-font-size-regular-mobile-headline-xl);--db-type-headline-font-size-2xl:var(--db-typography-regular-mobile-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-regular-mobile-headline-2xl-line-height);--db-base-headline-icon-weight-2xl:var(--db-base-icon-weight-regular-mobile-headline-2xl);--db-base-headline-icon-font-size-2xl:var(--db-base-icon-font-size-regular-mobile-headline-2xl);--db-type-headline-font-size-3xl:var(--db-typography-regular-mobile-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-regular-mobile-headline-3xl-line-height);--db-base-headline-icon-weight-3xl:var(--db-base-icon-weight-regular-mobile-headline-3xl);--db-base-headline-icon-font-size-3xl:var(--db-base-icon-font-size-regular-mobile-headline-3xl)}@media screen and (min-width:45em){.db-density-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-density=regular]:not([data-force-mobile]),[data-force-mobile=false].db-density-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-density=regular]{--db-type-headline-font-size-3xs:var(--db-typography-regular-tablet-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-regular-tablet-headline-3xs-line-height);--db-base-headline-icon-weight-3xs:var(--db-base-icon-weight-regular-tablet-headline-3xs);--db-base-headline-icon-font-size-3xs:var(--db-base-icon-font-size-regular-tablet-headline-3xs);--db-type-headline-font-size-2xs:var(--db-typography-regular-tablet-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-regular-tablet-headline-2xs-line-height);--db-base-headline-icon-weight-2xs:var(--db-base-icon-weight-regular-tablet-headline-2xs);--db-base-headline-icon-font-size-2xs:var(--db-base-icon-font-size-regular-tablet-headline-2xs);--db-type-headline-font-size-xs:var(--db-typography-regular-tablet-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-regular-tablet-headline-xs-line-height);--db-base-headline-icon-weight-xs:var(--db-base-icon-weight-regular-tablet-headline-xs);--db-base-headline-icon-font-size-xs:var(--db-base-icon-font-size-regular-tablet-headline-xs);--db-type-headline-font-size-sm:var(--db-typography-regular-tablet-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-regular-tablet-headline-sm-line-height);--db-base-headline-icon-weight-sm:var(--db-base-icon-weight-regular-tablet-headline-sm);--db-base-headline-icon-font-size-sm:var(--db-base-icon-font-size-regular-tablet-headline-sm);--db-type-headline-font-size-md:var(--db-typography-regular-tablet-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-regular-tablet-headline-md-line-height);--db-base-headline-icon-weight-md:var(--db-base-icon-weight-regular-tablet-headline-md);--db-base-headline-icon-font-size-md:var(--db-base-icon-font-size-regular-tablet-headline-md);--db-type-headline-font-size-lg:var(--db-typography-regular-tablet-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-regular-tablet-headline-lg-line-height);--db-base-headline-icon-weight-lg:var(--db-base-icon-weight-regular-tablet-headline-lg);--db-base-headline-icon-font-size-lg:var(--db-base-icon-font-size-regular-tablet-headline-lg);--db-type-headline-font-size-xl:var(--db-typography-regular-tablet-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-regular-tablet-headline-xl-line-height);--db-base-headline-icon-weight-xl:var(--db-base-icon-weight-regular-tablet-headline-xl);--db-base-headline-icon-font-size-xl:var(--db-base-icon-font-size-regular-tablet-headline-xl);--db-type-headline-font-size-2xl:var(--db-typography-regular-tablet-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-regular-tablet-headline-2xl-line-height);--db-base-headline-icon-weight-2xl:var(--db-base-icon-weight-regular-tablet-headline-2xl);--db-base-headline-icon-font-size-2xl:var(--db-base-icon-font-size-regular-tablet-headline-2xl);--db-type-headline-font-size-3xl:var(--db-typography-regular-tablet-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-regular-tablet-headline-3xl-line-height);--db-base-headline-icon-weight-3xl:var(--db-base-icon-weight-regular-tablet-headline-3xl);--db-base-headline-icon-font-size-3xl:var(--db-base-icon-font-size-regular-tablet-headline-3xl)}}@media screen and (min-width:64em){.db-density-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-density=regular]:not([data-force-mobile]),[data-force-mobile=false].db-density-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-density=regular]{--db-type-headline-font-size-3xs:var(--db-typography-regular-desktop-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-regular-desktop-headline-3xs-line-height);--db-base-headline-icon-weight-3xs:var(--db-base-icon-weight-regular-desktop-headline-3xs);--db-base-headline-icon-font-size-3xs:var(--db-base-icon-font-size-regular-desktop-headline-3xs);--db-type-headline-font-size-2xs:var(--db-typography-regular-desktop-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-regular-desktop-headline-2xs-line-height);--db-base-headline-icon-weight-2xs:var(--db-base-icon-weight-regular-desktop-headline-2xs);--db-base-headline-icon-font-size-2xs:var(--db-base-icon-font-size-regular-desktop-headline-2xs);--db-type-headline-font-size-xs:var(--db-typography-regular-desktop-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-regular-desktop-headline-xs-line-height);--db-base-headline-icon-weight-xs:var(--db-base-icon-weight-regular-desktop-headline-xs);--db-base-headline-icon-font-size-xs:var(--db-base-icon-font-size-regular-desktop-headline-xs);--db-type-headline-font-size-sm:var(--db-typography-regular-desktop-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-regular-desktop-headline-sm-line-height);--db-base-headline-icon-weight-sm:var(--db-base-icon-weight-regular-desktop-headline-sm);--db-base-headline-icon-font-size-sm:var(--db-base-icon-font-size-regular-desktop-headline-sm);--db-type-headline-font-size-md:var(--db-typography-regular-desktop-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-regular-desktop-headline-md-line-height);--db-base-headline-icon-weight-md:var(--db-base-icon-weight-regular-desktop-headline-md);--db-base-headline-icon-font-size-md:var(--db-base-icon-font-size-regular-desktop-headline-md);--db-type-headline-font-size-lg:var(--db-typography-regular-desktop-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-regular-desktop-headline-lg-line-height);--db-base-headline-icon-weight-lg:var(--db-base-icon-weight-regular-desktop-headline-lg);--db-base-headline-icon-font-size-lg:var(--db-base-icon-font-size-regular-desktop-headline-lg);--db-type-headline-font-size-xl:var(--db-typography-regular-desktop-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-regular-desktop-headline-xl-line-height);--db-base-headline-icon-weight-xl:var(--db-base-icon-weight-regular-desktop-headline-xl);--db-base-headline-icon-font-size-xl:var(--db-base-icon-font-size-regular-desktop-headline-xl);--db-type-headline-font-size-2xl:var(--db-typography-regular-desktop-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-regular-desktop-headline-2xl-line-height);--db-base-headline-icon-weight-2xl:var(--db-base-icon-weight-regular-desktop-headline-2xl);--db-base-headline-icon-font-size-2xl:var(--db-base-icon-font-size-regular-desktop-headline-2xl);--db-type-headline-font-size-3xl:var(--db-typography-regular-desktop-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-regular-desktop-headline-3xl-line-height);--db-base-headline-icon-weight-3xl:var(--db-base-icon-weight-regular-desktop-headline-3xl);--db-base-headline-icon-font-size-3xl:var(--db-base-icon-font-size-regular-desktop-headline-3xl)}}.db-density-regular,:root .app-canvas,:root:not(:has(.app-canvas)),[data-density=regular]{--db-type-body-font-size-3xs:var(--db-typography-regular-mobile-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-regular-mobile-body-3xs-line-height);--db-base-body-icon-weight-3xs:var(--db-base-icon-weight-regular-mobile-body-3xs);--db-base-body-icon-font-size-3xs:var(--db-base-icon-font-size-regular-mobile-body-3xs);--db-type-body-font-size-2xs:var(--db-typography-regular-mobile-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-regular-mobile-body-2xs-line-height);--db-base-body-icon-weight-2xs:var(--db-base-icon-weight-regular-mobile-body-2xs);--db-base-body-icon-font-size-2xs:var(--db-base-icon-font-size-regular-mobile-body-2xs);--db-type-body-font-size-xs:var(--db-typography-regular-mobile-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-regular-mobile-body-xs-line-height);--db-base-body-icon-weight-xs:var(--db-base-icon-weight-regular-mobile-body-xs);--db-base-body-icon-font-size-xs:var(--db-base-icon-font-size-regular-mobile-body-xs);--db-type-body-font-size-sm:var(--db-typography-regular-mobile-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-regular-mobile-body-sm-line-height);--db-base-body-icon-weight-sm:var(--db-base-icon-weight-regular-mobile-body-sm);--db-base-body-icon-font-size-sm:var(--db-base-icon-font-size-regular-mobile-body-sm);--db-type-body-font-size-md:var(--db-typography-regular-mobile-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-regular-mobile-body-md-line-height);--db-base-body-icon-weight-md:var(--db-base-icon-weight-regular-mobile-body-md);--db-base-body-icon-font-size-md:var(--db-base-icon-font-size-regular-mobile-body-md);--db-type-body-font-size-lg:var(--db-typography-regular-mobile-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-regular-mobile-body-lg-line-height);--db-base-body-icon-weight-lg:var(--db-base-icon-weight-regular-mobile-body-lg);--db-base-body-icon-font-size-lg:var(--db-base-icon-font-size-regular-mobile-body-lg);--db-type-body-font-size-xl:var(--db-typography-regular-mobile-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-regular-mobile-body-xl-line-height);--db-base-body-icon-weight-xl:var(--db-base-icon-weight-regular-mobile-body-xl);--db-base-body-icon-font-size-xl:var(--db-base-icon-font-size-regular-mobile-body-xl);--db-type-body-font-size-2xl:var(--db-typography-regular-mobile-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-regular-mobile-body-2xl-line-height);--db-base-body-icon-weight-2xl:var(--db-base-icon-weight-regular-mobile-body-2xl);--db-base-body-icon-font-size-2xl:var(--db-base-icon-font-size-regular-mobile-body-2xl);--db-type-body-font-size-3xl:var(--db-typography-regular-mobile-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-regular-mobile-body-3xl-line-height);--db-base-body-icon-weight-3xl:var(--db-base-icon-weight-regular-mobile-body-3xl);--db-base-body-icon-font-size-3xl:var(--db-base-icon-font-size-regular-mobile-body-3xl)}@media screen and (min-width:45em){.db-density-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-density=regular]:not([data-force-mobile]),[data-force-mobile=false].db-density-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-density=regular]{--db-type-body-font-size-3xs:var(--db-typography-regular-tablet-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-regular-tablet-body-3xs-line-height);--db-base-body-icon-weight-3xs:var(--db-base-icon-weight-regular-mobile-body-3xs);--db-base-body-icon-font-size-3xs:var(--db-base-icon-font-size-regular-mobile-body-3xs);--db-type-body-font-size-2xs:var(--db-typography-regular-tablet-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-regular-tablet-body-2xs-line-height);--db-base-body-icon-weight-2xs:var(--db-base-icon-weight-regular-mobile-body-2xs);--db-base-body-icon-font-size-2xs:var(--db-base-icon-font-size-regular-mobile-body-2xs);--db-type-body-font-size-xs:var(--db-typography-regular-tablet-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-regular-tablet-body-xs-line-height);--db-base-body-icon-weight-xs:var(--db-base-icon-weight-regular-mobile-body-xs);--db-base-body-icon-font-size-xs:var(--db-base-icon-font-size-regular-mobile-body-xs);--db-type-body-font-size-sm:var(--db-typography-regular-tablet-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-regular-tablet-body-sm-line-height);--db-base-body-icon-weight-sm:var(--db-base-icon-weight-regular-mobile-body-sm);--db-base-body-icon-font-size-sm:var(--db-base-icon-font-size-regular-mobile-body-sm);--db-type-body-font-size-md:var(--db-typography-regular-tablet-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-regular-tablet-body-md-line-height);--db-base-body-icon-weight-md:var(--db-base-icon-weight-regular-mobile-body-md);--db-base-body-icon-font-size-md:var(--db-base-icon-font-size-regular-mobile-body-md);--db-type-body-font-size-lg:var(--db-typography-regular-tablet-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-regular-tablet-body-lg-line-height);--db-base-body-icon-weight-lg:var(--db-base-icon-weight-regular-mobile-body-lg);--db-base-body-icon-font-size-lg:var(--db-base-icon-font-size-regular-mobile-body-lg);--db-type-body-font-size-xl:var(--db-typography-regular-tablet-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-regular-tablet-body-xl-line-height);--db-base-body-icon-weight-xl:var(--db-base-icon-weight-regular-mobile-body-xl);--db-base-body-icon-font-size-xl:var(--db-base-icon-font-size-regular-mobile-body-xl);--db-type-body-font-size-2xl:var(--db-typography-regular-tablet-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-regular-tablet-body-2xl-line-height);--db-base-body-icon-weight-2xl:var(--db-base-icon-weight-regular-mobile-body-2xl);--db-base-body-icon-font-size-2xl:var(--db-base-icon-font-size-regular-mobile-body-2xl);--db-type-body-font-size-3xl:var(--db-typography-regular-tablet-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-regular-tablet-body-3xl-line-height);--db-base-body-icon-weight-3xl:var(--db-base-icon-weight-regular-mobile-body-3xl);--db-base-body-icon-font-size-3xl:var(--db-base-icon-font-size-regular-mobile-body-3xl)}}@media screen and (min-width:64em){.db-density-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-density=regular]:not([data-force-mobile]),[data-force-mobile=false].db-density-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-density=regular]{--db-type-body-font-size-3xs:var(--db-typography-regular-desktop-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-regular-desktop-body-3xs-line-height);--db-base-body-icon-weight-3xs:var(--db-base-icon-weight-regular-mobile-body-3xs);--db-base-body-icon-font-size-3xs:var(--db-base-icon-font-size-regular-mobile-body-3xs);--db-type-body-font-size-2xs:var(--db-typography-regular-desktop-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-regular-desktop-body-2xs-line-height);--db-base-body-icon-weight-2xs:var(--db-base-icon-weight-regular-mobile-body-2xs);--db-base-body-icon-font-size-2xs:var(--db-base-icon-font-size-regular-mobile-body-2xs);--db-type-body-font-size-xs:var(--db-typography-regular-desktop-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-regular-desktop-body-xs-line-height);--db-base-body-icon-weight-xs:var(--db-base-icon-weight-regular-mobile-body-xs);--db-base-body-icon-font-size-xs:var(--db-base-icon-font-size-regular-mobile-body-xs);--db-type-body-font-size-sm:var(--db-typography-regular-desktop-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-regular-desktop-body-sm-line-height);--db-base-body-icon-weight-sm:var(--db-base-icon-weight-regular-mobile-body-sm);--db-base-body-icon-font-size-sm:var(--db-base-icon-font-size-regular-mobile-body-sm);--db-type-body-font-size-md:var(--db-typography-regular-desktop-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-regular-desktop-body-md-line-height);--db-base-body-icon-weight-md:var(--db-base-icon-weight-regular-mobile-body-md);--db-base-body-icon-font-size-md:var(--db-base-icon-font-size-regular-mobile-body-md);--db-type-body-font-size-lg:var(--db-typography-regular-desktop-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-regular-desktop-body-lg-line-height);--db-base-body-icon-weight-lg:var(--db-base-icon-weight-regular-mobile-body-lg);--db-base-body-icon-font-size-lg:var(--db-base-icon-font-size-regular-mobile-body-lg);--db-type-body-font-size-xl:var(--db-typography-regular-desktop-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-regular-desktop-body-xl-line-height);--db-base-body-icon-weight-xl:var(--db-base-icon-weight-regular-mobile-body-xl);--db-base-body-icon-font-size-xl:var(--db-base-icon-font-size-regular-mobile-body-xl);--db-type-body-font-size-2xl:var(--db-typography-regular-desktop-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-regular-desktop-body-2xl-line-height);--db-base-body-icon-weight-2xl:var(--db-base-icon-weight-regular-mobile-body-2xl);--db-base-body-icon-font-size-2xl:var(--db-base-icon-font-size-regular-mobile-body-2xl);--db-type-body-font-size-3xl:var(--db-typography-regular-desktop-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-regular-desktop-body-3xl-line-height);--db-base-body-icon-weight-3xl:var(--db-base-icon-weight-regular-mobile-body-3xl);--db-base-body-icon-font-size-3xl:var(--db-base-icon-font-size-regular-mobile-body-3xl)}}.db-density-functional,.db-header-meta-navigation,[data-density=functional],table{--db-type-headline-font-size-3xs:var(--db-typography-functional-mobile-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-functional-mobile-headline-3xs-line-height);--db-base-headline-icon-weight-3xs:var(--db-base-icon-weight-functional-mobile-headline-3xs);--db-base-headline-icon-font-size-3xs:var(--db-base-icon-font-size-functional-mobile-headline-3xs);--db-type-headline-font-size-2xs:var(--db-typography-functional-mobile-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-functional-mobile-headline-2xs-line-height);--db-base-headline-icon-weight-2xs:var(--db-base-icon-weight-functional-mobile-headline-2xs);--db-base-headline-icon-font-size-2xs:var(--db-base-icon-font-size-functional-mobile-headline-2xs);--db-type-headline-font-size-xs:var(--db-typography-functional-mobile-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-functional-mobile-headline-xs-line-height);--db-base-headline-icon-weight-xs:var(--db-base-icon-weight-functional-mobile-headline-xs);--db-base-headline-icon-font-size-xs:var(--db-base-icon-font-size-functional-mobile-headline-xs);--db-type-headline-font-size-sm:var(--db-typography-functional-mobile-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-functional-mobile-headline-sm-line-height);--db-base-headline-icon-weight-sm:var(--db-base-icon-weight-functional-mobile-headline-sm);--db-base-headline-icon-font-size-sm:var(--db-base-icon-font-size-functional-mobile-headline-sm);--db-type-headline-font-size-md:var(--db-typography-functional-mobile-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-functional-mobile-headline-md-line-height);--db-base-headline-icon-weight-md:var(--db-base-icon-weight-functional-mobile-headline-md);--db-base-headline-icon-font-size-md:var(--db-base-icon-font-size-functional-mobile-headline-md);--db-type-headline-font-size-lg:var(--db-typography-functional-mobile-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-functional-mobile-headline-lg-line-height);--db-base-headline-icon-weight-lg:var(--db-base-icon-weight-functional-mobile-headline-lg);--db-base-headline-icon-font-size-lg:var(--db-base-icon-font-size-functional-mobile-headline-lg);--db-type-headline-font-size-xl:var(--db-typography-functional-mobile-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-functional-mobile-headline-xl-line-height);--db-base-headline-icon-weight-xl:var(--db-base-icon-weight-functional-mobile-headline-xl);--db-base-headline-icon-font-size-xl:var(--db-base-icon-font-size-functional-mobile-headline-xl);--db-type-headline-font-size-2xl:var(--db-typography-functional-mobile-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-functional-mobile-headline-2xl-line-height);--db-base-headline-icon-weight-2xl:var(--db-base-icon-weight-functional-mobile-headline-2xl);--db-base-headline-icon-font-size-2xl:var(--db-base-icon-font-size-functional-mobile-headline-2xl);--db-type-headline-font-size-3xl:var(--db-typography-functional-mobile-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-functional-mobile-headline-3xl-line-height);--db-base-headline-icon-weight-3xl:var(--db-base-icon-weight-functional-mobile-headline-3xl);--db-base-headline-icon-font-size-3xl:var(--db-base-icon-font-size-functional-mobile-headline-3xl)}@media screen and (min-width:45em){.db-density-functional:not([data-force-mobile]),.db-header-meta-navigation:not([data-force-mobile]),[data-density=functional]:not([data-force-mobile]),[data-force-mobile=false].db-density-functional,[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false][data-density=functional],table:not([data-force-mobile]),table[data-force-mobile=false]{--db-type-headline-font-size-3xs:var(--db-typography-functional-tablet-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-functional-tablet-headline-3xs-line-height);--db-base-headline-icon-weight-3xs:var(--db-base-icon-weight-functional-tablet-headline-3xs);--db-base-headline-icon-font-size-3xs:var(--db-base-icon-font-size-functional-tablet-headline-3xs);--db-type-headline-font-size-2xs:var(--db-typography-functional-tablet-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-functional-tablet-headline-2xs-line-height);--db-base-headline-icon-weight-2xs:var(--db-base-icon-weight-functional-tablet-headline-2xs);--db-base-headline-icon-font-size-2xs:var(--db-base-icon-font-size-functional-tablet-headline-2xs);--db-type-headline-font-size-xs:var(--db-typography-functional-tablet-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-functional-tablet-headline-xs-line-height);--db-base-headline-icon-weight-xs:var(--db-base-icon-weight-functional-tablet-headline-xs);--db-base-headline-icon-font-size-xs:var(--db-base-icon-font-size-functional-tablet-headline-xs);--db-type-headline-font-size-sm:var(--db-typography-functional-tablet-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-functional-tablet-headline-sm-line-height);--db-base-headline-icon-weight-sm:var(--db-base-icon-weight-functional-tablet-headline-sm);--db-base-headline-icon-font-size-sm:var(--db-base-icon-font-size-functional-tablet-headline-sm);--db-type-headline-font-size-md:var(--db-typography-functional-tablet-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-functional-tablet-headline-md-line-height);--db-base-headline-icon-weight-md:var(--db-base-icon-weight-functional-tablet-headline-md);--db-base-headline-icon-font-size-md:var(--db-base-icon-font-size-functional-tablet-headline-md);--db-type-headline-font-size-lg:var(--db-typography-functional-tablet-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-functional-tablet-headline-lg-line-height);--db-base-headline-icon-weight-lg:var(--db-base-icon-weight-functional-tablet-headline-lg);--db-base-headline-icon-font-size-lg:var(--db-base-icon-font-size-functional-tablet-headline-lg);--db-type-headline-font-size-xl:var(--db-typography-functional-tablet-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-functional-tablet-headline-xl-line-height);--db-base-headline-icon-weight-xl:var(--db-base-icon-weight-functional-tablet-headline-xl);--db-base-headline-icon-font-size-xl:var(--db-base-icon-font-size-functional-tablet-headline-xl);--db-type-headline-font-size-2xl:var(--db-typography-functional-tablet-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-functional-tablet-headline-2xl-line-height);--db-base-headline-icon-weight-2xl:var(--db-base-icon-weight-functional-tablet-headline-2xl);--db-base-headline-icon-font-size-2xl:var(--db-base-icon-font-size-functional-tablet-headline-2xl);--db-type-headline-font-size-3xl:var(--db-typography-functional-tablet-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-functional-tablet-headline-3xl-line-height);--db-base-headline-icon-weight-3xl:var(--db-base-icon-weight-functional-tablet-headline-3xl);--db-base-headline-icon-font-size-3xl:var(--db-base-icon-font-size-functional-tablet-headline-3xl)}}@media screen and (min-width:64em){.db-density-functional:not([data-force-mobile]),.db-header-meta-navigation:not([data-force-mobile]),[data-density=functional]:not([data-force-mobile]),[data-force-mobile=false].db-density-functional,[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false][data-density=functional],table:not([data-force-mobile]),table[data-force-mobile=false]{--db-type-headline-font-size-3xs:var(--db-typography-functional-desktop-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-functional-desktop-headline-3xs-line-height);--db-base-headline-icon-weight-3xs:var(--db-base-icon-weight-functional-desktop-headline-3xs);--db-base-headline-icon-font-size-3xs:var(--db-base-icon-font-size-functional-desktop-headline-3xs);--db-type-headline-font-size-2xs:var(--db-typography-functional-desktop-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-functional-desktop-headline-2xs-line-height);--db-base-headline-icon-weight-2xs:var(--db-base-icon-weight-functional-desktop-headline-2xs);--db-base-headline-icon-font-size-2xs:var(--db-base-icon-font-size-functional-desktop-headline-2xs);--db-type-headline-font-size-xs:var(--db-typography-functional-desktop-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-functional-desktop-headline-xs-line-height);--db-base-headline-icon-weight-xs:var(--db-base-icon-weight-functional-desktop-headline-xs);--db-base-headline-icon-font-size-xs:var(--db-base-icon-font-size-functional-desktop-headline-xs);--db-type-headline-font-size-sm:var(--db-typography-functional-desktop-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-functional-desktop-headline-sm-line-height);--db-base-headline-icon-weight-sm:var(--db-base-icon-weight-functional-desktop-headline-sm);--db-base-headline-icon-font-size-sm:var(--db-base-icon-font-size-functional-desktop-headline-sm);--db-type-headline-font-size-md:var(--db-typography-functional-desktop-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-functional-desktop-headline-md-line-height);--db-base-headline-icon-weight-md:var(--db-base-icon-weight-functional-desktop-headline-md);--db-base-headline-icon-font-size-md:var(--db-base-icon-font-size-functional-desktop-headline-md);--db-type-headline-font-size-lg:var(--db-typography-functional-desktop-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-functional-desktop-headline-lg-line-height);--db-base-headline-icon-weight-lg:var(--db-base-icon-weight-functional-desktop-headline-lg);--db-base-headline-icon-font-size-lg:var(--db-base-icon-font-size-functional-desktop-headline-lg);--db-type-headline-font-size-xl:var(--db-typography-functional-desktop-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-functional-desktop-headline-xl-line-height);--db-base-headline-icon-weight-xl:var(--db-base-icon-weight-functional-desktop-headline-xl);--db-base-headline-icon-font-size-xl:var(--db-base-icon-font-size-functional-desktop-headline-xl);--db-type-headline-font-size-2xl:var(--db-typography-functional-desktop-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-functional-desktop-headline-2xl-line-height);--db-base-headline-icon-weight-2xl:var(--db-base-icon-weight-functional-desktop-headline-2xl);--db-base-headline-icon-font-size-2xl:var(--db-base-icon-font-size-functional-desktop-headline-2xl);--db-type-headline-font-size-3xl:var(--db-typography-functional-desktop-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-functional-desktop-headline-3xl-line-height);--db-base-headline-icon-weight-3xl:var(--db-base-icon-weight-functional-desktop-headline-3xl);--db-base-headline-icon-font-size-3xl:var(--db-base-icon-font-size-functional-desktop-headline-3xl)}}.db-density-functional,.db-header-meta-navigation,[data-density=functional],table{--db-type-body-font-size-3xs:var(--db-typography-functional-mobile-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-functional-mobile-body-3xs-line-height);--db-base-body-icon-weight-3xs:var(--db-base-icon-weight-functional-mobile-body-3xs);--db-base-body-icon-font-size-3xs:var(--db-base-icon-font-size-functional-mobile-body-3xs);--db-type-body-font-size-2xs:var(--db-typography-functional-mobile-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-functional-mobile-body-2xs-line-height);--db-base-body-icon-weight-2xs:var(--db-base-icon-weight-functional-mobile-body-2xs);--db-base-body-icon-font-size-2xs:var(--db-base-icon-font-size-functional-mobile-body-2xs);--db-type-body-font-size-xs:var(--db-typography-functional-mobile-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-functional-mobile-body-xs-line-height);--db-base-body-icon-weight-xs:var(--db-base-icon-weight-functional-mobile-body-xs);--db-base-body-icon-font-size-xs:var(--db-base-icon-font-size-functional-mobile-body-xs);--db-type-body-font-size-sm:var(--db-typography-functional-mobile-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-functional-mobile-body-sm-line-height);--db-base-body-icon-weight-sm:var(--db-base-icon-weight-functional-mobile-body-sm);--db-base-body-icon-font-size-sm:var(--db-base-icon-font-size-functional-mobile-body-sm);--db-type-body-font-size-md:var(--db-typography-functional-mobile-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-functional-mobile-body-md-line-height);--db-base-body-icon-weight-md:var(--db-base-icon-weight-functional-mobile-body-md);--db-base-body-icon-font-size-md:var(--db-base-icon-font-size-functional-mobile-body-md);--db-type-body-font-size-lg:var(--db-typography-functional-mobile-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-functional-mobile-body-lg-line-height);--db-base-body-icon-weight-lg:var(--db-base-icon-weight-functional-mobile-body-lg);--db-base-body-icon-font-size-lg:var(--db-base-icon-font-size-functional-mobile-body-lg);--db-type-body-font-size-xl:var(--db-typography-functional-mobile-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-functional-mobile-body-xl-line-height);--db-base-body-icon-weight-xl:var(--db-base-icon-weight-functional-mobile-body-xl);--db-base-body-icon-font-size-xl:var(--db-base-icon-font-size-functional-mobile-body-xl);--db-type-body-font-size-2xl:var(--db-typography-functional-mobile-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-functional-mobile-body-2xl-line-height);--db-base-body-icon-weight-2xl:var(--db-base-icon-weight-functional-mobile-body-2xl);--db-base-body-icon-font-size-2xl:var(--db-base-icon-font-size-functional-mobile-body-2xl);--db-type-body-font-size-3xl:var(--db-typography-functional-mobile-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-functional-mobile-body-3xl-line-height);--db-base-body-icon-weight-3xl:var(--db-base-icon-weight-functional-mobile-body-3xl);--db-base-body-icon-font-size-3xl:var(--db-base-icon-font-size-functional-mobile-body-3xl)}@media screen and (min-width:45em){.db-density-functional:not([data-force-mobile]),.db-header-meta-navigation:not([data-force-mobile]),[data-density=functional]:not([data-force-mobile]),[data-force-mobile=false].db-density-functional,[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false][data-density=functional],table:not([data-force-mobile]),table[data-force-mobile=false]{--db-type-body-font-size-3xs:var(--db-typography-functional-tablet-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-functional-tablet-body-3xs-line-height);--db-base-body-icon-weight-3xs:var(--db-base-icon-weight-functional-mobile-body-3xs);--db-base-body-icon-font-size-3xs:var(--db-base-icon-font-size-functional-mobile-body-3xs);--db-type-body-font-size-2xs:var(--db-typography-functional-tablet-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-functional-tablet-body-2xs-line-height);--db-base-body-icon-weight-2xs:var(--db-base-icon-weight-functional-mobile-body-2xs);--db-base-body-icon-font-size-2xs:var(--db-base-icon-font-size-functional-mobile-body-2xs);--db-type-body-font-size-xs:var(--db-typography-functional-tablet-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-functional-tablet-body-xs-line-height);--db-base-body-icon-weight-xs:var(--db-base-icon-weight-functional-mobile-body-xs);--db-base-body-icon-font-size-xs:var(--db-base-icon-font-size-functional-mobile-body-xs);--db-type-body-font-size-sm:var(--db-typography-functional-tablet-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-functional-tablet-body-sm-line-height);--db-base-body-icon-weight-sm:var(--db-base-icon-weight-functional-mobile-body-sm);--db-base-body-icon-font-size-sm:var(--db-base-icon-font-size-functional-mobile-body-sm);--db-type-body-font-size-md:var(--db-typography-functional-tablet-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-functional-tablet-body-md-line-height);--db-base-body-icon-weight-md:var(--db-base-icon-weight-functional-mobile-body-md);--db-base-body-icon-font-size-md:var(--db-base-icon-font-size-functional-mobile-body-md);--db-type-body-font-size-lg:var(--db-typography-functional-tablet-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-functional-tablet-body-lg-line-height);--db-base-body-icon-weight-lg:var(--db-base-icon-weight-functional-mobile-body-lg);--db-base-body-icon-font-size-lg:var(--db-base-icon-font-size-functional-mobile-body-lg);--db-type-body-font-size-xl:var(--db-typography-functional-tablet-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-functional-tablet-body-xl-line-height);--db-base-body-icon-weight-xl:var(--db-base-icon-weight-functional-mobile-body-xl);--db-base-body-icon-font-size-xl:var(--db-base-icon-font-size-functional-mobile-body-xl);--db-type-body-font-size-2xl:var(--db-typography-functional-tablet-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-functional-tablet-body-2xl-line-height);--db-base-body-icon-weight-2xl:var(--db-base-icon-weight-functional-mobile-body-2xl);--db-base-body-icon-font-size-2xl:var(--db-base-icon-font-size-functional-mobile-body-2xl);--db-type-body-font-size-3xl:var(--db-typography-functional-tablet-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-functional-tablet-body-3xl-line-height);--db-base-body-icon-weight-3xl:var(--db-base-icon-weight-functional-mobile-body-3xl);--db-base-body-icon-font-size-3xl:var(--db-base-icon-font-size-functional-mobile-body-3xl)}}@media screen and (min-width:64em){.db-density-functional:not([data-force-mobile]),.db-header-meta-navigation:not([data-force-mobile]),[data-density=functional]:not([data-force-mobile]),[data-force-mobile=false].db-density-functional,[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false][data-density=functional],table:not([data-force-mobile]),table[data-force-mobile=false]{--db-type-body-font-size-3xs:var(--db-typography-functional-desktop-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-functional-desktop-body-3xs-line-height);--db-base-body-icon-weight-3xs:var(--db-base-icon-weight-functional-mobile-body-3xs);--db-base-body-icon-font-size-3xs:var(--db-base-icon-font-size-functional-mobile-body-3xs);--db-type-body-font-size-2xs:var(--db-typography-functional-desktop-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-functional-desktop-body-2xs-line-height);--db-base-body-icon-weight-2xs:var(--db-base-icon-weight-functional-mobile-body-2xs);--db-base-body-icon-font-size-2xs:var(--db-base-icon-font-size-functional-mobile-body-2xs);--db-type-body-font-size-xs:var(--db-typography-functional-desktop-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-functional-desktop-body-xs-line-height);--db-base-body-icon-weight-xs:var(--db-base-icon-weight-functional-mobile-body-xs);--db-base-body-icon-font-size-xs:var(--db-base-icon-font-size-functional-mobile-body-xs);--db-type-body-font-size-sm:var(--db-typography-functional-desktop-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-functional-desktop-body-sm-line-height);--db-base-body-icon-weight-sm:var(--db-base-icon-weight-functional-mobile-body-sm);--db-base-body-icon-font-size-sm:var(--db-base-icon-font-size-functional-mobile-body-sm);--db-type-body-font-size-md:var(--db-typography-functional-desktop-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-functional-desktop-body-md-line-height);--db-base-body-icon-weight-md:var(--db-base-icon-weight-functional-mobile-body-md);--db-base-body-icon-font-size-md:var(--db-base-icon-font-size-functional-mobile-body-md);--db-type-body-font-size-lg:var(--db-typography-functional-desktop-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-functional-desktop-body-lg-line-height);--db-base-body-icon-weight-lg:var(--db-base-icon-weight-functional-mobile-body-lg);--db-base-body-icon-font-size-lg:var(--db-base-icon-font-size-functional-mobile-body-lg);--db-type-body-font-size-xl:var(--db-typography-functional-desktop-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-functional-desktop-body-xl-line-height);--db-base-body-icon-weight-xl:var(--db-base-icon-weight-functional-mobile-body-xl);--db-base-body-icon-font-size-xl:var(--db-base-icon-font-size-functional-mobile-body-xl);--db-type-body-font-size-2xl:var(--db-typography-functional-desktop-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-functional-desktop-body-2xl-line-height);--db-base-body-icon-weight-2xl:var(--db-base-icon-weight-functional-mobile-body-2xl);--db-base-body-icon-font-size-2xl:var(--db-base-icon-font-size-functional-mobile-body-2xl);--db-type-body-font-size-3xl:var(--db-typography-functional-desktop-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-functional-desktop-body-3xl-line-height);--db-base-body-icon-weight-3xl:var(--db-base-icon-weight-functional-mobile-body-3xl);--db-base-body-icon-font-size-3xl:var(--db-base-icon-font-size-functional-mobile-body-3xl)}}dialog[data-backdrop]{position:fixed;inset:0;z-index:9995}dialog{padding:0;margin:0;border:0;z-index:9996;color:inherit}dialog:not([data-backdrop=none])::-webkit-backdrop{background-color:var(var(--db-current-color-enabled),var(--db-neutral-on-bg-enabled));opacity:.64}dialog:not([data-backdrop=none])::backdrop{background-color:var(var(--db-current-color-enabled),var(--db-neutral-on-bg-enabled));opacity:.64}dialog:not([data-backdrop=none])[data-backdrop=invisible]::-webkit-backdrop{opacity:0}dialog:not([data-backdrop=none])[data-backdrop=invisible]::backdrop{opacity:0}dialog:not([data-backdrop=none])[data-backdrop=weak]::-webkit-backdrop{opacity:.32}dialog:not([data-backdrop=none])[data-backdrop=weak]::backdrop{opacity:.32}:where(html){line-height:1.15;text-size-adjust:100%}:where(h1){font-size:2em;-webkit-margin-after:.67em;margin-block-end:.67em;-webkit-margin-before:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){-webkit-margin-after:0;margin-block-end:0;-webkit-margin-before:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,pre,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}@font-face{font-family:DB Screen Sans;font-style:normal;font-weight:300;src:url(/mono/review/feat-switch/_next/static/media/dbscreensans-digitalregular.06a7ba06.woff2) format("woff2")}@font-face{font-family:DB Screen Sans;font-style:normal;font-weight:400;src:url(/mono/review/feat-switch/_next/static/media/dbscreensans-regular.6ef88637.woff2) format("woff2")}@font-face{font-family:DB Screen Sans;font-style:normal;font-weight:500;src:url(/mono/review/feat-switch/_next/static/media/dbscreensans-medium.c023f5c3.woff2) format("woff2")}@font-face{font-family:DB Screen Sans;font-style:normal;font-weight:600;src:url(/mono/review/feat-switch/_next/static/media/dbscreensans-semibold.8a157062.woff2) format("woff2")}@font-face{font-family:DB Screen Sans;font-style:normal;font-weight:700;src:url(/mono/review/feat-switch/_next/static/media/dbscreensans-bold.97637e71.woff2) format("woff2")}@font-face{font-family:DB Screen Head;font-style:normal;font-weight:300;src:url(/mono/review/feat-switch/_next/static/media/dbscreenhead-light.f43da5c1.woff2) format("woff2")}@font-face{font-family:DB Screen Head;font-style:normal;font-weight:400;src:url(/mono/review/feat-switch/_next/static/media/dbscreenhead-regular.c08dcf80.woff2) format("woff2")}@font-face{font-family:DB Screen Head;font-style:normal;font-weight:900;src:url(/mono/review/feat-switch/_next/static/media/dbscreenhead-black.8003423d.woff2) format("woff2")}.db-tab-list>ul::-webkit-scrollbar,.db-tab-list>ul::-webkit-scrollbar-corner,.db-tag a,.db-tag label,.db-textarea textarea::-webkit-scrollbar,.db-textarea textarea::-webkit-scrollbar-corner,.db-textarea[data-variant=floating]:has(textarea:focus-within):before,.db-textarea[data-variant=floating]:has(textarea:not(:placeholder-shown)):before,[class^=db-],[class^=db-] *,[class^=db-] :after,[class^=db-] :before{-webkit-transition:outline var(--db-transition-duration-ultra-fast),background-color var(--db-transition-straight-emotional);transition:outline var(--db-transition-duration-ultra-fast),background-color var(--db-transition-straight-emotional)}.db-link,.db-notification a{transition:outline var(--db-transition-duration-ultra-fast),color var(--db-transition-straight-emotional)}@keyframes show-right-to-left{0%{transform:translateX(110%)}to{transform:translateX(0)}}@keyframes hide-right-to-left{0%{transform:translateX(0)}to{transform:translateX(110%)}}@keyframes show-left-to-right{0%{transform:translateX(-110%)}to{transform:translateX(0)}}@keyframes hide-left-to-right{0%{transform:translateX(0)}to{transform:translateX(-110%)}}@keyframes show-bottom-to-top{0%{transform:translateY(110%)}to{transform:translateY(0)}}@keyframes hide-bottom-to-top{0%{transform:translateY(0)}to{transform:translateY(110%)}}@keyframes show-top-to-bottom{0%{transform:translateY(-110%)}to{transform:translateY(0)}}@keyframes hide-top-to-bottom{0%{transform:translateY(0)}to{transform:translateY(-110%)}}@keyframes accordion-open{0%{opacity:0;transform:translateY(-10%)}to{opacity:1;transform:translateY(0)}}@keyframes popover-animation{0%{opacity:0;transform:translate(var(--db-popover-center-x,var(--db-popover-translate-x,0)),var(--db-popover-center-y,var(--db-popover-translate-y,0)))}to{opacity:1;transform:translate(var(--db-popover-center-x,0),var(--db-popover-center-y,0))}}.db-tab-item input:focus-visible:before,:is(a,button,input,textarea,summary,select,[tabindex]:not([tabindex="-1"])):focus-visible{outline:var(--db-border-height-2xs) solid var(--db-informational-contrast-high-enabled);outline-offset:var(--db-border-height-xs);transition:outline var(--db-transition-duration-ultra-fast,var(--db-transition-duration-ultra-fast)),box-shadow var(--db-transition-duration-ultra-fast,var(--db-transition-duration-ultra-fast))}.db-tab-item input:not([type=radio],[role=switch]):focus-visible:before,:not([type=radio],[role=switch]):is(a,button,input,textarea,summary,select,[tabindex]:not([tabindex="-1"])):focus-visible{border-radius:var(--db-border-radius-xs)}@media(prefers-reduced-motion:reduce){.db-tab-item input:focus-visible:before,:is(a,button,input,textarea,summary,select,[tabindex]:not([tabindex="-1"])):focus-visible{transition-duration:.01s!important}}body,html{margin:0;padding:0}#app,#root,body{block-size:inherit}.app-canvas,.control-pane,body{font-family:var(--db-font-family-sans)}html{box-sizing:var(--db-box-sizing,border-box)}*{font-size:inherit;line-height:inherit}*,:after,:before{box-sizing:inherit}a,body,button,input,select,summary,textarea{color:inherit}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}embed,iframe,img,object,video{block-size:auto;max-inline-size:100%}iframe{border:0}:where(ul){-webkit-padding-start:var(--db-spacing-fixed-md);padding-inline-start:var(--db-spacing-fixed-md);list-style-type:"• "}:where(ul) li::marker{color:var(--db-brand-origin-enabled)}[role=navigation] ol,[role=navigation] ul,nav ol,nav ul{list-style:none;margin:0;padding:0}fieldset{border:none}pre:has(code){padding:var(--db-spacing-fixed-xs)}code{padding-block:var(--db-spacing-fixed-3xs);padding-inline:var(--db-spacing-fixed-2xs)}blockquote{margin:0;padding:var(--db-spacing-fixed-sm) var(--db-spacing-fixed-md)}details>*,details>:after,details>:before{box-sizing:var(--db-box-sizing,border-box)}h1,h2,h3,h4,h5,h6{font-family:var(--db-font-family-head);font-weight:700}h1[data-variant=light],h2[data-variant=light],h3[data-variant=light],h4[data-variant=light],h5[data-variant=light],h6[data-variant=light]{font-weight:300}h1[data-variant=regular],h2[data-variant=regular],h3[data-variant=regular],h4[data-variant=regular],h5[data-variant=regular],h6[data-variant=regular]{font-weight:400}h1{line-height:var(--db-type-headline-line-height-xl);font-size:var(--db-type-headline-font-size-xl);margin-block:var(--db-spacing-fixed-xl)}h1:after,h1:before{--db-icon-font-size:var(--db-base-headline-icon-font-size-xl);--db-icon-font-weight:var(--db-base-headline-icon-weight-xl)}h2{line-height:var(--db-type-headline-line-height-lg);font-size:var(--db-type-headline-font-size-lg);margin-block:var(--db-spacing-fixed-lg)}h2:after,h2:before{--db-icon-font-size:var(--db-base-headline-icon-font-size-lg);--db-icon-font-weight:var(--db-base-headline-icon-weight-lg)}h3{line-height:var(--db-type-headline-line-height-md);font-size:var(--db-type-headline-font-size-md);margin-block:var(--db-spacing-fixed-md)}h3:after,h3:before{--db-icon-font-size:var(--db-base-headline-icon-font-size-md);--db-icon-font-weight:var(--db-base-headline-icon-weight-md)}h4{line-height:var(--db-type-headline-line-height-sm);font-size:var(--db-type-headline-font-size-sm);margin-block:var(--db-spacing-fixed-sm)}h4:after,h4:before{--db-icon-font-size:var(--db-base-headline-icon-font-size-sm);--db-icon-font-weight:var(--db-base-headline-icon-weight-sm)}h5{line-height:var(--db-type-headline-line-height-xs);font-size:var(--db-type-headline-font-size-xs);margin-block:var(--db-spacing-fixed-xs)}h5:after,h5:before{--db-icon-font-size:var(--db-base-headline-icon-font-size-xs);--db-icon-font-weight:var(--db-base-headline-icon-weight-xs)}h6{line-height:var(--db-type-headline-line-height-2xs);font-size:var(--db-type-headline-font-size-2xs);margin-block:var(--db-spacing-fixed-2xs)}h6:after,h6:before{--db-icon-font-size:var(--db-base-headline-icon-font-size-2xs);--db-icon-font-weight:var(--db-base-headline-icon-weight-2xs)}p{margin-block:var(--db-spacing-fixed-md)}strong{font-weight:700}[data-font=digital]{font-weight:300}[data-font=regular]{font-weight:400}[data-font=medium]{font-weight:500}[data-font=semibold]{font-weight:600}[data-font=bold]{font-weight:700}[data-interactive=elevation]{cursor:pointer;transition:box-shadow var(--db-transition-duration-fast) var(--db-transition-timing-functional);box-shadow:var(--db-elevation-md)}[data-interactive=elevation]:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;box-shadow:var(--db-elevation-lg)}[data-interactive=elevation]:hover:not(:disabled):not([aria-disabled=true]):is(input),[data-interactive=elevation]:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}[data-interactive=elevation]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),[data-interactive=elevation]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}[data-interactive=elevation]:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;box-shadow:var(--db-elevation-sm)}[data-interactive=elevation]:active:not(:disabled):not([aria-disabled=true]):is(input),[data-interactive=elevation]:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}[data-interactive=elevation]:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),[data-interactive=elevation]:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-accordion-item summary:after,.db-checkbox input:checked:before,.db-checkbox input:indeterminate:before,.db-infotext:not([data-icon]):before,.db-input:has(datalist):after,.db-input:has(input[type=date]):after,.db-input:has(input[type=datetime-local]):after,.db-input:has(input[type=month]):after,.db-input:has(input[type=search]):after,.db-input:has(input[type=search]):before,.db-input:has(input[type=time]):after,.db-input:has(input[type=week]):after,.db-link:not([data-variant=inline])[data-content=external]:after,.db-link:not([data-variant=inline])[data-content=internal]:after,.db-navigation-item .db-navigation-item-expand-button:is(button):after,.db-navigation-item .db-navigation-item-expand-button>button:after,.db-notification[data-semantic=critical]:before,.db-notification[data-semantic=informational]:before,.db-notification[data-semantic=neutral]:before,.db-notification[data-semantic=successful]:before,.db-notification[data-semantic=warning]:before,.db-select:after,.db-switch>input:after,.db-switch[data-emphasis=strong]>input:checked:after,.db-switch[data-visual-aid=true]>input:checked:after,[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{content:var(--db-icon,attr(data-icon));-webkit-alt:"";alt:"";color:var(--db-current-icon-color,inherit);display:inline-block;font-family:var(--db-icon-font-family,"db-ux-default")!important;font-size:var(--db-icon-font-size,1.5rem);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-feature-settings:normal;font-variant:normal;font-weight:var(--db-icon-font-weight,normal);line-height:1;speak:none;speak:never;text-transform:none;vertical-align:middle;block-size:var(--db-icon-font-size,1.5rem);inline-size:var(--db-icon-font-size,1.5rem)}@supports(content:""/""){.db-accordion-item summary:after,.db-checkbox input:checked:before,.db-checkbox input:indeterminate:before,.db-infotext:not([data-icon]):before,.db-input:has(datalist):after,.db-input:has(input[type=date]):after,.db-input:has(input[type=datetime-local]):after,.db-input:has(input[type=month]):after,.db-input:has(input[type=search]):after,.db-input:has(input[type=search]):before,.db-input:has(input[type=time]):after,.db-input:has(input[type=week]):after,.db-link:not([data-variant=inline])[data-content=external]:after,.db-link:not([data-variant=inline])[data-content=internal]:after,.db-navigation-item .db-navigation-item-expand-button:is(button):after,.db-navigation-item .db-navigation-item-expand-button>button:after,.db-notification[data-semantic=critical]:before,.db-notification[data-semantic=informational]:before,.db-notification[data-semantic=neutral]:before,.db-notification[data-semantic=successful]:before,.db-notification[data-semantic=warning]:before,.db-select:after,.db-switch>input:after,.db-switch[data-emphasis=strong]>input:checked:after,.db-switch[data-visual-aid=true]>input:checked:after,[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{content:var(--db-icon,attr(data-icon))/""}}@media aural{.db-accordion-item summary:after,.db-checkbox input:checked:before,.db-checkbox input:indeterminate:before,.db-infotext:not([data-icon]):before,.db-input:has(datalist):after,.db-input:has(input[type=date]):after,.db-input:has(input[type=datetime-local]):after,.db-input:has(input[type=month]):after,.db-input:has(input[type=search]):after,.db-input:has(input[type=search]):before,.db-input:has(input[type=time]):after,.db-input:has(input[type=week]):after,.db-link:not([data-variant=inline])[data-content=external]:after,.db-link:not([data-variant=inline])[data-content=internal]:after,.db-navigation-item .db-navigation-item-expand-button:is(button):after,.db-navigation-item .db-navigation-item-expand-button>button:after,.db-notification[data-semantic=critical]:before,.db-notification[data-semantic=informational]:before,.db-notification[data-semantic=neutral]:before,.db-notification[data-semantic=successful]:before,.db-notification[data-semantic=warning]:before,.db-select:after,.db-switch>input:after,.db-switch[data-emphasis=strong]>input:checked:after,.db-switch[data-visual-aid=true]>input:checked:after,[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{content:none}}@media speech{.db-accordion-item summary:after,.db-checkbox input:checked:before,.db-checkbox input:indeterminate:before,.db-infotext:not([data-icon]):before,.db-input:has(datalist):after,.db-input:has(input[type=date]):after,.db-input:has(input[type=datetime-local]):after,.db-input:has(input[type=month]):after,.db-input:has(input[type=search]):after,.db-input:has(input[type=search]):before,.db-input:has(input[type=time]):after,.db-input:has(input[type=week]):after,.db-link:not([data-variant=inline])[data-content=external]:after,.db-link:not([data-variant=inline])[data-content=internal]:after,.db-navigation-item .db-navigation-item-expand-button:is(button):after,.db-navigation-item .db-navigation-item-expand-button>button:after,.db-notification[data-semantic=critical]:before,.db-notification[data-semantic=informational]:before,.db-notification[data-semantic=neutral]:before,.db-notification[data-semantic=successful]:before,.db-notification[data-semantic=warning]:before,.db-select:after,.db-switch>input:after,.db-switch[data-emphasis=strong]>input:checked:after,.db-switch[data-visual-aid=true]>input:checked:after,[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{content:none}}.db-button,.db-input input,.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button,.db-navigation-item a,.db-select select,.db-tag,.db-textarea textarea{border:var(--db-border-height-3xs) solid var(--db-current-color-enabled)}.db-button[data-variant=brand],.db-button[data-variant=filled],.db-button[data-variant=ghost],.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button,.db-navigation-item a{border:var(--db-border-height-3xs) solid transparent}.db-accordion[data-variant=card] .db-accordion-item:after,.db-badge,.db-card,.db-input input,.db-notification,.db-notification[data-variant=overlay],.db-notification[data-variant=standalone],.db-popover>article,.db-select select,.db-tag a,.db-tag button,.db-tag label,.db-tag:has(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a)),.db-textarea textarea,.db-textarea[data-variant=floating]:has(textarea:focus-within):after,.db-textarea[data-variant=floating]:has(textarea:not(:placeholder-shown)):after,.db-tooltip,.db-tooltip:not([data-variant=basic]):after{border:var(--db-border-height-3xs) solid var(--db-current-color-border)}.db-button,.db-input input,.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button,.db-navigation-item a,.db-select select,.db-tag,.db-textarea textarea{border-radius:var(--db-border-radius-xs)}.db-card,.db-notification[data-variant=overlay],.db-notification[data-variant=standalone],.db-popover>article,.db-tooltip{border-radius:var(--default-card-border-radius,var(--db-border-radius-sm))}.db-badge,.db-button,.db-tag{font-weight:700;white-space:nowrap;justify-content:center;text-align:center;display:inline-flex;align-items:center}.db-button{color:var(--db-current-color-enabled);block-size:var(--db-sizing-md);inline-size:-moz-fit-content;inline-size:fit-content;padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);text-decoration:none}.db-button:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-transparent-hover)}.db-button:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-button:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-button:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-transparent-pressed)}.db-button:active:not(:disabled):not([aria-disabled=true]):is(input),.db-button:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-button:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-button:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-button[data-no-text=true]{font-size:0!important;padding:0;inline-size:var(--db-sizing-md)}.db-button[data-no-text=true]:before{--db-icon-margin-end:0;margin:auto}.db-button[data-size=small]{block-size:var(--db-sizing-sm)}.db-button[data-size=small]:not([data-no-text=true]){padding:var(--db-spacing-fixed-3xs) var(--db-spacing-fixed-sm)}.db-button[data-size=small]:not([data-no-text=true]):before{-webkit-margin-end:var(--db-spacing-fixed-2xs);margin-inline-end:var(--db-spacing-fixed-2xs)}.db-button[data-size=small][data-no-text=true]{inline-size:var(--db-sizing-sm)}.db-button[data-width=full]{inline-size:100%}.db-button[data-variant=brand]{--db-current-icon-color:var(--db-brand-on-enabled);background-color:var(--db-brand-origin-enabled);color:var(--db-brand-on-enabled)}.db-button[data-variant=brand]:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-brand-origin-hover)}.db-button[data-variant=brand]:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-button[data-variant=brand]:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-button[data-variant=brand]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-button[data-variant=brand]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-button[data-variant=brand]:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-brand-origin-pressed)}.db-button[data-variant=brand]:active:not(:disabled):not([aria-disabled=true]):is(input),.db-button[data-variant=brand]:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-button[data-variant=brand]:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-button[data-variant=brand]:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-button:not([data-variant]),.db-button[data-variant=ghost],.db-button[data-variant=outlined]{background-color:var(--db-current-color-bg-transparent-full-enabled)}.db-button[data-variant=filled]{background-color:var(--db-current-color-bg-transparent-semi-enabled)}.db-button:disabled{opacity:.4}.db-button[data-state=loading]{font-size:0!important}.db-button[data-state=loading]:before{--db-icon-margin-end:0;content:""}.db-button[data-state=loading]{font-size:0}.db-icon{font-size:0!important}.db-icon:before{--db-icon-margin-end:0}@supports(-webkit-hyphens:none){.db-icon{display:inline-block}.db-icon:before{block-size:auto}}.db-navigation>menu .db-navigation-item:after,.db-tabs .db-tab-item:after{content:"";position:absolute;border-radius:var(--db-border-radius-xs);transition:height var(--db-transition-duration-fast) var(--db-transition-timing-emotional),width var(--db-transition-duration-fast) var(--db-transition-timing-emotional)}.db-navigation>menu .db-navigation-item:after{block-size:0;inline-size:var(--db-border-height-xs);transform:translateY(-50%);inset-block-start:50%;background-color:var(--db-brand-origin-enabled);inset-inline-start:calc(-1*var(--db-spacing-fixed-xs));inset-block-end:auto}@media screen and (min-width:64em){.db-navigation>menu .db-navigation-item:not([data-force-mobile]):after,.db-navigation>menu [data-force-mobile=false].db-navigation-item:after{block-size:var(--db-border-height-xs);inline-size:0;transform:translate(-50%);inset-inline-start:50%;background-color:var(--db-brand-origin-enabled);inset-block-start:auto;inset-block-end:calc(-1*var(--db-spacing-fixed-xs))}}.db-navigation>menu .db-navigation-item:has([aria-current=page]):after,.db-navigation>menu .db-navigation-item[aria-current=page]:after{block-size:100%;inline-size:var(--db-border-height-xs)}@media screen and (min-width:64em){.db-navigation>menu .db-navigation-item:not([data-force-mobile]):has([aria-current=page]):after,.db-navigation>menu .db-navigation-item[aria-current=page]:not([data-force-mobile]):after,.db-navigation>menu [data-force-mobile=false].db-navigation-item:has([aria-current=page]):after,.db-navigation>menu [data-force-mobile=false].db-navigation-item[aria-current=page]:after{block-size:var(--db-border-height-xs);inline-size:100%}}.db-accordion-item summary:after,.db-input:has(datalist):after,.db-select:after{--db-icon-after:"chevron_down";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports(content:""/""){.db-accordion-item summary:after,.db-input:has(datalist):after,.db-select:after{content:var(--db-icon-after,attr(data-icon-after))/""}}.db-accordion-item summary:after,.db-input:has(datalist):after,.db-select:after{transition:transform var(--db-transition-straight-emotional);pointer-events:none}.db-checkbox .db-infotext,.db-input .db-infotext,.db-select .db-infotext,.db-textarea .db-infotext{-webkit-margin-before:var(--db-spacing-fixed-2xs);margin-block-start:var(--db-spacing-fixed-2xs)}.db-checkbox .db-infotext:is([data-semantic],:empty),.db-input .db-infotext:is([data-semantic],:empty),.db-select .db-infotext:is([data-semantic],:empty),.db-textarea .db-infotext:is([data-semantic],:empty){display:none}.db-tab-item{position:relative;display:inline-flex;list-style-type:none;border-radius:var(--db-border-radius-sm)}.db-tab-item:has(input:disabled){opacity:.4}.db-tab-item label{background-color:var(--db-current-color-bg-transparent-full-enabled);padding:var(--db-spacing-fixed-xs);align-items:center;display:inline-block;white-space:nowrap;border:none;border-radius:var(--db-border-radius-sm);overflow:hidden;text-overflow:ellipsis}.db-tab-item label:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer}.db-tab-item label:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tab-item label:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-tab-item label:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tab-item label:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-tab-item label:hover:not(:disabled):not([aria-disabled=true]):has(:not(input:disabled)){background-color:var(--db-current-color-bg-transparent-hover)}.db-tab-item label:hover:not(:disabled):not([aria-disabled=true]):has(input:disabled){cursor:auto}.db-tab-item label:has(input:checked){font-weight:700}.db-tab-item label[data-icon]{-webkit-padding-start:calc(var(--db-spacing-fixed-xs) + var(--db-spacing-fixed-sm) + calc(var(--db-base-font-size) * var(--db-base-line-height)));padding-inline-start:calc(var(--db-spacing-fixed-xs) + var(--db-spacing-fixed-sm) + calc(var(--db-base-font-size) * var(--db-base-line-height)))}.db-tab-item label[data-icon]:before{position:absolute;transform:translateY(-50%);inset-block-start:50%;inset-inline-start:calc(0% + var(--db-spacing-fixed-xs))}.db-tab-item label[data-icon-after]{-webkit-padding-end:calc(var(--db-spacing-fixed-xs) + var(--db-spacing-fixed-sm) + calc(var(--db-base-font-size) * var(--db-base-line-height)));padding-inline-end:calc(var(--db-spacing-fixed-xs) + var(--db-spacing-fixed-sm) + calc(var(--db-base-font-size) * var(--db-base-line-height)))}.db-tab-item label[data-icon-after]:after{position:absolute;transform:translateY(-50%);inset-block-start:50%;inset-inline-end:calc(0% + var(--db-spacing-fixed-xs))}.db-tab-item label[data-no-text=true]{font-size:0!important;padding:0;inline-size:calc(calc(var(--db-spacing-fixed-xs) + var(--db-spacing-fixed-sm) + calc(var(--db-base-font-size) * var(--db-base-line-height))) - var(--db-spacing-fixed-2xs));block-size:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)) + var(--db-spacing-fixed-xs))}.db-tab-item label[data-no-text=true]:before{--db-icon-margin-end:0;-webkit-margin-end:0;margin-inline-end:0}.db-tab-item input{position:absolute;-webkit-appearance:none;-moz-appearance:none;appearance:none;inline-size:100%;-webkit-margin-end:initial;margin-inline-end:0;inset:0;background:var(--db-current-color-bg-enabled);border-radius:var(--db-border-radius-sm);z-index:-1}.db-tab-item input:focus-visible:is(input[type=radio]){outline:none;box-shadow:none}.db-tab-item input:focus-visible:before{content:"";position:absolute;inset:0;border-radius:var(--db-border-radius-sm);z-index:10;pointer-events:none}.db-divider:not([data-margin=none]){margin:var(--db-spacing-fixed-sm) 0}.db-divider:not([data-variant=vertical]){--db-divider-bg-color:var(--db-current-color-border);position:relative;block-size:var(--db-border-height-3xs);inline-size:100%}.db-divider:not([data-variant=vertical])[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-color-contrast-low-enabled)}.db-divider:not([data-variant=vertical]):before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:var(--db-border-height-3xs);inset-block-start:0;inset-inline:0}.db-divider[data-variant=vertical]{--db-divider-bg-color:var(--db-current-color-border);position:relative;block-size:100%;inline-size:var(--db-border-height-3xs)}.db-divider[data-variant=vertical][data-emphasis=strong]{--db-divider-bg-color:var(--db-current-color-contrast-low-enabled)}.db-divider[data-variant=vertical]:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;inline-size:var(--db-border-height-3xs);inset-inline-start:0;inset-block:0}.db-divider[data-variant=vertical]:not([data-margin=none]){margin:0 var(--db-spacing-fixed-sm)}.db-card{display:flex;flex-direction:column}.db-card>a{text-decoration:none}.db-card[data-spacing=medium]{padding:var(--db-spacing-fixed-md)}.db-card:not([data-spacing]),.db-card[data-spacing=small]{padding:var(--db-spacing-fixed-sm)}.db-card[data-spacing=none]{padding:0}.db-card:not([data-elevation-level]),.db-card[data-elevation-level="1"]{background-color:var(--db-current-color-bg-lvl-1-enabled)}.db-card:not([data-elevation-level])[data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]),.db-card[data-elevation-level="1"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-lvl-1-hover)}.db-card:not([data-elevation-level])[data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-card:not([data-elevation-level])[data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-card[data-elevation-level="1"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-card[data-elevation-level="1"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-card:not([data-elevation-level])[data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-card:not([data-elevation-level])[data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-card[data-elevation-level="1"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-card[data-elevation-level="1"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-card:not([data-elevation-level])[data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]),.db-card[data-elevation-level="1"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-lvl-1-pressed)}.db-card:not([data-elevation-level])[data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(input),.db-card:not([data-elevation-level])[data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-card[data-elevation-level="1"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(input),.db-card[data-elevation-level="1"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-card:not([data-elevation-level])[data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-card:not([data-elevation-level])[data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-card[data-elevation-level="1"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-card[data-elevation-level="1"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-card[data-elevation-level="2"]{background-color:var(--db-current-color-bg-lvl-2-enabled)}.db-card[data-elevation-level="2"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-lvl-2-hover)}.db-card[data-elevation-level="2"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-card[data-elevation-level="2"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-card[data-elevation-level="2"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-card[data-elevation-level="2"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-card[data-elevation-level="2"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-lvl-2-pressed)}.db-card[data-elevation-level="2"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(input),.db-card[data-elevation-level="2"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-card[data-elevation-level="2"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-card[data-elevation-level="2"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-card[data-elevation-level="3"]{background-color:var(--db-current-color-bg-lvl-3-enabled)}.db-card[data-elevation-level="3"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-lvl-3-hover)}.db-card[data-elevation-level="3"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-card[data-elevation-level="3"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-card[data-elevation-level="3"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-card[data-elevation-level="3"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-card[data-elevation-level="3"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-lvl-3-pressed)}.db-card[data-elevation-level="3"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(input),.db-card[data-elevation-level="3"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-card[data-elevation-level="3"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-card[data-elevation-level="3"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-input{--db-form-has-before:0;--db-current-icon-color:var(--db-current-color-enabled);position:relative;display:flex;flex-direction:column}.db-input[data-variant=floating] label{opacity:.4;position:absolute;z-index:2;inset-block-start:calc((var(--db-sizing-md) - calc(var(--db-base-font-size) * var(--db-base-line-height)))/2);inset-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm))}.db-input[data-variant=floating]:after,.db-input[data-variant=floating]:before{inset-block-start:calc(var(--db-sizing-md)/2 - calc(var(--db-base-font-size) * var(--db-base-line-height))/2)}.db-input[data-variant=floating] [id$=-placeholder]{inset-block-start:calc(50% - .5em + var(--db-spacing-fixed-3xs))}.db-input[data-variant=floating] input{-webkit-padding-before:calc(var(--db-type-body-font-size-2xs) + var(--db-spacing-fixed-3xs));padding-block-start:calc(var(--db-type-body-font-size-2xs) + var(--db-spacing-fixed-3xs))}.db-input[data-variant=floating] input+[id$=-placeholder],.db-input[data-variant=floating] input::placeholder{transition:none;opacity:0}.db-input[data-variant=floating]:has(>select option:checked:not([hidden])) label,.db-input[data-variant=floating]:has(input:focus-within) label,.db-input[data-variant=floating]:has(input:is(input,textarea):not(:placeholder-shown)) label{inset-block-start:var(--db-spacing-fixed-2xs);opacity:1}.db-input[data-variant=floating]:has(>select option:checked:not([hidden])) input+[id$=-placeholder],.db-input[data-variant=floating]:has(>select option:checked:not([hidden])) input::placeholder,.db-input[data-variant=floating]:has(input:focus-within) input+[id$=-placeholder],.db-input[data-variant=floating]:has(input:focus-within) input::placeholder,.db-input[data-variant=floating]:has(input:is(input,textarea):not(:placeholder-shown)) input+[id$=-placeholder],.db-input[data-variant=floating]:has(input:is(input,textarea):not(:placeholder-shown)) input::placeholder{transition:opacity var(--db-transition-straight-emotional);opacity:.4}.db-input:has(input:required) label:after,.db-input:has(input:required):is(label):after{content:"*";-webkit-padding-start:var(--db-spacing-fixed-2xs);padding-inline-start:var(--db-spacing-fixed-2xs)}.db-input:has(input:not([data-custom-validity]):is(:required,[minlength],[maxlength],[pattern],[type=color],[type=date],[type=datetime-local],[type=email],[type=file],[type=hidden],[type=month],[type=number],[type=range],[type=tel],[type=time],[type=url],[type=week]):user-valid) .db-infotext[data-semantic=successful]{display:flex}.db-input:has(input:not([data-custom-validity]):is(:required,[minlength],[maxlength],[pattern],[type=color],[type=date],[type=datetime-local],[type=email],[type=file],[type=hidden],[type=month],[type=number],[type=range],[type=tel],[type=time],[type=url],[type=week]):user-valid) .db-infotext:not([data-semantic]){display:none}.db-input:has(input:not([data-custom-validity]):is(:required,[minlength],[maxlength],[pattern],[type=color],[type=date],[type=datetime-local],[type=email],[type=file],[type=hidden],[type=month],[type=number],[type=range],[type=tel],[type=time],[type=url],[type=week]):user-valid) [id$=-placeholder],.db-input:has(input:not([data-custom-validity]):is(:required,[minlength],[maxlength],[pattern],[type=color],[type=date],[type=datetime-local],[type=email],[type=file],[type=hidden],[type=month],[type=number],[type=range],[type=tel],[type=time],[type=url],[type=week]):user-valid) input{color:var(--db-successful-on-bg-enabled);caret-color:var(--db-successful-on-bg-enabled)}.db-input:has(input[data-custom-validity=valid]) .db-infotext[data-semantic=successful]{display:flex}.db-input:has(input[data-custom-validity=valid]) .db-infotext:not([data-semantic]){display:none}.db-input:has(input[data-custom-validity=valid]) [id$=-placeholder],.db-input:has(input[data-custom-validity=valid]) input{color:var(--db-successful-on-bg-enabled);caret-color:var(--db-successful-on-bg-enabled)}.db-input:has(input:not([data-custom-validity]):is(:required,[minlength],[maxlength],[pattern],[type=color],[type=date],[type=datetime-local],[type=email],[type=file],[type=hidden],[type=month],[type=number],[type=range],[type=tel],[type=time],[type=url],[type=week]):user-invalid) .db-infotext[data-semantic=critical]{display:flex}.db-input:has(input:not([data-custom-validity]):is(:required,[minlength],[maxlength],[pattern],[type=color],[type=date],[type=datetime-local],[type=email],[type=file],[type=hidden],[type=month],[type=number],[type=range],[type=tel],[type=time],[type=url],[type=week]):user-invalid) .db-infotext:not([data-semantic]){display:none}.db-input:has(input:not([data-custom-validity]):is(:required,[minlength],[maxlength],[pattern],[type=color],[type=date],[type=datetime-local],[type=email],[type=file],[type=hidden],[type=month],[type=number],[type=range],[type=tel],[type=time],[type=url],[type=week]):user-invalid) [id$=-placeholder],.db-input:has(input:not([data-custom-validity]):is(:required,[minlength],[maxlength],[pattern],[type=color],[type=date],[type=datetime-local],[type=email],[type=file],[type=hidden],[type=month],[type=number],[type=range],[type=tel],[type=time],[type=url],[type=week]):user-invalid) input{color:var(--db-successful-on-bg-enabled);caret-color:var(--db-successful-on-bg-enabled)}.db-input:has(input[data-custom-validity=invalid]) .db-infotext[data-semantic=critical]{display:flex}.db-input:has(input[data-custom-validity=invalid]) .db-infotext:not([data-semantic]){display:none}.db-input:has(input[data-custom-validity=invalid]) [id$=-placeholder],.db-input:has(input[data-custom-validity=invalid]) input{color:var(--db-successful-on-bg-enabled);caret-color:var(--db-successful-on-bg-enabled)}.db-input input{background-color:var(--db-current-color-bg-transparent-semi-enabled);caret-color:var(--db-current-color-enabled);-webkit-appearance:none;-moz-appearance:none;appearance:none;max-inline-size:100%;inline-size:100%;padding-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end,var(--db-spacing-fixed-sm))}.db-input input+[id$=-placeholder],.db-input input::placeholder{opacity:.4}.db-input input:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-transparent-hover)}.db-input input:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-input input:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-input input:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-input input:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-input input:is(input,textarea):not(:disabled):-moz-read-only{background-color:var(--db-textarea-read-only,var(--db-current-color-bg-lvl-1-enabled))!important}.db-input input:is(input,textarea):not(:disabled):read-only{background-color:var(--db-textarea-read-only,var(--db-current-color-bg-lvl-1-enabled))!important}.db-input label{-webkit-padding-after:var(--db-spacing-fixed-xs);padding-block-end:var(--db-spacing-fixed-xs);pointer-events:none;cursor:text;transition:font-size var(--db-transition-straight-emotional);max-inline-size:25ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.db-input[data-variant=hidden] label{padding:0}.db-input:has(input:disabled){opacity:.4;pointer-events:none}.db-input:after,.db-input:before{position:absolute;pointer-events:none;inset-block-start:calc(var(--db-sizing-md)/2 - var(--db-spacing-fixed-xs)*var(--db-label-visible-spacing, 0) + calc(var(--db-type-body-font-size-xs) * var(--db-type-body-line-height-xs))*var(--db-label-visible-height, 1) - 1px)}.db-input:before{-webkit-margin-end:var(--db-spacing-fixed-sm);margin-inline-end:var(--db-spacing-fixed-sm);inset-inline-start:var(--db-spacing-fixed-sm)}.db-input:after{-webkit-margin-start:var(--db-spacing-fixed-sm);margin-inline-start:var(--db-spacing-fixed-sm);inset-inline-end:var(--db-spacing-fixed-sm)}.db-input input{block-size:var(--db-sizing-md);text-overflow:ellipsis}.db-input:has(input[type=search]),.db-input[data-icon]{--db-form-component-padding-inline-start:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)) + var(--db-spacing-fixed-sm) + var(--db-spacing-fixed-xs))}.db-input:has(datalist),.db-input:has(input[type=search]),.db-input[data-icon-after]{--db-form-component-padding-inline-end:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)) + var(--db-spacing-fixed-sm) + var(--db-spacing-fixed-xs))}.db-input:has(input[type=search]):before{--db-icon:"magnifying_glass";-webkit-margin-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs));margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}.db-input:has(input[type=search]):after{--db-icon-after:"cross_circle";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports(content:""/""){.db-input:has(input[type=search]):after{content:var(--db-icon-after,attr(data-icon-after))/""}}.db-input:has(input[type=search]):after{opacity:0;transition:opacity var(--db-transition-duration-fast)}.db-input:has(input[type=search]):has(input:not(:placeholder-shown)):has(input:hover,input:focus-visible):after{opacity:1}.db-input:has(input[type=date]):after,.db-input:has(input[type=datetime-local]):after,.db-input:has(input[type=month]):after,.db-input:has(input[type=week]):after{--db-icon-after:"calendar";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports(content:""/""){.db-input:has(input[type=date]):after,.db-input:has(input[type=datetime-local]):after,.db-input:has(input[type=month]):after,.db-input:has(input[type=week]):after{content:var(--db-icon-after,attr(data-icon-after))/""}}.db-input:has(input[type=time]):after{--db-icon-after:"clock";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports(content:""/""){.db-input:has(input[type=time]):after{content:var(--db-icon-after,attr(data-icon-after))/""}}.db-input input{position:relative}.db-input input::-webkit-calendar-picker-indicator,.db-input input::-webkit-search-cancel-button{background-image:none;inline-size:var(--db-icon-font-size,1.5rem);block-size:var(--db-icon-font-size,1.5rem);padding:0;cursor:pointer}.db-input input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;position:absolute;inset-inline-end:calc(var(--db-spacing-fixed-sm) + var(--db-border-height-3xs))}.db-input:has(datalist) input::-webkit-calendar-picker-indicator{display:none!important}.db-brand{display:flex;gap:var(--db-spacing-fixed-md);align-items:center;font-weight:700}.db-brand:before{--db-icon-font-size:var(--db-sizing-md);--db-icon-margin-end:0;--db-current-icon-color:var(--db-brand-origin-enabled)}.db-brand img{inline-size:calc(var(--db-sizing-md) - var(--db-sizing-3xs));max-block-size:calc(var(--db-sizing-md) - var(--db-sizing-3xs))}.db-brand a,a:has(.db-brand){text-decoration:none}.db-header{background-color:var(--db-current-color-bg-lvl-1-enabled);display:flex;flex-direction:column;position:relative;min-block-size:var(--db-sizing-fixed-mobile-header,3.5rem);-webkit-border-after:var(--db-border-height-3xs) solid var(--db-current-color-border);border-block-end:var(--db-border-height-3xs) solid var(--db-current-color-border)}@media screen and (min-width:64em){.db-header:not([data-force-mobile]),.db-header[data-force-mobile=false]{--db-drawer-max-width:45em}}.db-header .db-link{display:inline-block}.db-header[data-on-forcing-mobile=true]{visibility:hidden}.db-header-navigation-bar{display:flex;position:relative;padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-xs);inline-size:100%;align-items:center}@media screen and (min-width:64em){.db-header-navigation-bar:not([data-force-mobile]),.db-header-navigation-bar[data-force-mobile=false]{padding:var(--db-spacing-fixed-md)}}.db-header-meta-navigation{--db-divider-bg-color:var(--db-current-color-border);position:relative;display:flex;flex-direction:column;gap:var(--db-spacing-fixed-sm);justify-content:flex-end;background-color:var(--db-current-color-bg-lvl-2-enabled);padding:var(--db-spacing-fixed-md)}.db-header-meta-navigation[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-color-contrast-low-enabled)}.db-header-meta-navigation:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:var(--db-border-height-3xs);inset-block-start:0;inset-inline:0}@media screen and (min-width:64em){.db-header-meta-navigation:not([data-force-mobile]),.db-header-meta-navigation[data-force-mobile=false]{padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);margin:0;flex-direction:row}.db-header-meta-navigation:not([data-force-mobile]):empty,.db-header-meta-navigation[data-force-mobile=false]:empty{display:none}}.db-header-meta-navigation:empty{display:none}.db-header-navigation-container{display:inherit;flex:1 1 auto;inline-size:100%;gap:inherit;align-items:center;block-size:100%}@media screen and (min-width:64em){.db-header-navigation-container:not([data-force-mobile]),.db-header-navigation-container[data-force-mobile=false]{--db-divider-bg-color:var(--db-current-color-border);position:relative}.db-header-navigation-container:not([data-force-mobile])[data-emphasis=strong],.db-header-navigation-container[data-force-mobile=false][data-emphasis=strong]{--db-divider-bg-color:var(--db-current-color-contrast-low-enabled)}.db-header-navigation-container:not([data-force-mobile]):before,.db-header-navigation-container[data-force-mobile=false]:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;inline-size:var(--db-border-height-3xs);inset-inline-start:0;inset-block:0;position:inherit;block-size:100%;-webkit-margin-start:var(--db-spacing-fixed-sm);margin-inline-start:var(--db-spacing-fixed-sm)}}.db-header-call-to-action{-webkit-margin-start:auto;margin-inline-start:auto}.db-header-brand-container:not(:has(>:first-child)){display:none}@media screen and (min-width:64em){.db-header-action-container:has(>.db-header-action-bar:empty):not([data-force-mobile]),.db-header-action-container:has(>.db-header-action-bar:empty)[data-force-mobile=false]{display:none}}.db-header-brand-container{min-block-size:var(--db-sizing-md)}.db-header-action-container{--db-divider-bg-color:var(--db-current-color-border);position:relative}.db-header-action-container[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-color-contrast-low-enabled)}.db-header-action-container:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;inline-size:var(--db-border-height-3xs);inset-inline-start:0;inset-block:0}@media screen and (min-width:64em){.db-header-action-container:not([data-force-mobile]):before,.db-header-action-container[data-force-mobile=false]:before{-webkit-margin-end:var(--db-spacing-fixed-sm);margin-inline-end:var(--db-spacing-fixed-sm)}}.db-header-action-container:before{position:inherit;block-size:100%}.db-header-action-container,.db-header-brand-container{align-items:center;block-size:100%;display:inherit;gap:inherit;flex:0 1 auto;flex-grow:0;flex-shrink:0}.db-header-action-bar{--db-divider-bg-color:var(--db-current-color-border);position:relative;flex:0 1 auto;flex-grow:0;flex-shrink:0;-webkit-padding-before:var(--db-spacing-fixed-xs);padding-block-start:var(--db-spacing-fixed-xs)}.db-header-action-bar[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-color-contrast-low-enabled)}.db-header-action-bar:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:var(--db-border-height-3xs);inset-block-start:0;inset-inline:0}@media screen and (min-width:64em){.db-header-action-bar:not([data-force-mobile]):before,.db-header-action-bar[data-force-mobile=false]:before{display:none}}.db-header-drawer-navigation{display:flex;flex-direction:column;flex:1 1 auto;block-size:100%;overflow:auto;justify-content:space-between}.db-header-navigation{padding-block:var(--db-spacing-fixed-md)}.db-header-action-bar,.db-header-navigation{display:flex;gap:var(--db-spacing-fixed-sm);padding-inline:var(--db-spacing-fixed-md)}@media screen and (min-width:64em){.db-header-action-bar:not([data-force-mobile]),.db-header-action-bar[data-force-mobile=false],.db-header-navigation:not([data-force-mobile]),.db-header-navigation[data-force-mobile=false]{gap:var(--db-spacing-fixed-xs);padding:0}}.db-header-drawer{--db-drawer-content-padding-inline:0;--db-drawer-header-padding-block-end:calc(1px + var(--db-spacing-fixed-xs));-webkit-padding-after:0;padding-block-end:0}.db-header-drawer .db-drawer-content{display:flex;flex-direction:column;block-size:100%;overflow:hidden}.db-header-action-container>.db-header-action-bar,.db-header-meta-navigation,.db-header-navigation-container>.db-header-navigation{display:none}@media screen and (min-width:64em){.db-header-action-container>.db-header-action-bar:not([data-force-mobile]),.db-header-action-container>.db-header-action-bar[data-force-mobile=false],.db-header-meta-navigation:not([data-force-mobile]),.db-header-meta-navigation[data-force-mobile=false],.db-header-navigation-container>.db-header-navigation:not([data-force-mobile]),.db-header-navigation-container>.db-header-navigation[data-force-mobile=false]{display:inherit}}.db-header-drawer-navigation>.db-header-meta-navigation{display:inherit}@media screen and (min-width:64em){.db-header-burger-menu-container:not([data-force-mobile]),.db-header-burger-menu-container[data-force-mobile=false],.db-header-drawer:not([data-force-mobile]),.db-header-drawer[data-force-mobile=false]{display:none}}.db-page{opacity:0}.db-page[data-fade-in=true]{transition:opacity var(--db-transition-straight-emotional)}.db-page:not([data-fonts-loaded]),.db-page[data-fonts-loaded=true]{opacity:1}.db-page[data-variant=fixed]{block-size:100%;min-block-size:100%;display:flex;flex-direction:column}.db-page[data-variant=fixed] footer,.db-page[data-variant=fixed] header{display:flex;flex:0 1 auto;flex-grow:0;flex-shrink:0}.db-page[data-variant=fixed] main{display:flex;flex-direction:column;overflow:auto;flex:1 1 auto;inline-size:100%}.db-link,.db-link a,.db-notification a{display:inline-block;block-size:var(--db-sizing-sm)}.db-link,.db-notification a,.db-notification a[data-variant=brand]{color:var(--db-current-color-enabled)}.db-link:hover:not(:disabled):not([aria-disabled=true]),.db-notification a:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;color:color-mix(in srgb,transparent 25%,var(--db-current-color-enabled))}.db-link:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-link:hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-notification a:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-notification a:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-link:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-link:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-notification a:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-notification a:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-link:active:not(:disabled):not([aria-disabled=true]),.db-notification a:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;color:color-mix(in srgb,transparent 50%,var(--db-current-color-enabled))}.db-link:active:not(:disabled):not([aria-disabled=true]):is(input),.db-link:active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-notification a:active:not(:disabled):not([aria-disabled=true]):is(input),.db-notification a:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-link:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-link:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-notification a:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-notification a:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-link,.db-notification a{inline-size:-moz-fit-content;inline-size:fit-content;text-underline-position:from-font;text-decoration-thickness:.0625rem;white-space:nowrap}.db-link:focus-visible,.db-notification a:focus-visible{border-radius:var(--db-border-radius-xs)}.db-notification a[aria-disabled=true],[aria-disabled=true].db-link{opacity:.4;pointer-events:none}.db-link:not([data-variant=inline])[data-content=internal]:after{--db-icon-after:"arrow_right";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports(content:""/""){.db-link:not([data-variant=inline])[data-content=internal]:after{content:var(--db-icon-after,attr(data-icon-after))/""}}.db-link:not([data-variant=inline])[data-content=internal]:after{vertical-align:top}.db-link:not([data-variant=inline])[data-content=external]:after{--db-icon-after:"arrow_up_right";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports(content:""/""){.db-link:not([data-variant=inline])[data-content=external]:after{content:var(--db-icon-after,attr(data-icon-after))/""}}.db-link[data-content=external],.db-link[data-content=internal]{--db-icon-margin-start:var(--db-spacing-fixed-2xs)}.db-link[data-content=external]:after,.db-link[data-content=internal]:after{-webkit-margin-start:var(--db-icon-margin-start);margin-inline-start:var(--db-icon-margin-start)}.db-link[data-variant=brand]{--db-current-color-enabled:var(--db-brand-contrast-high-enabled);--db-current-icon-color:var(--db-brand-contrast-high-enabled);color:var(--db-current-color-enabled)}.db-link[data-variant=brand]:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;--db-current-color-enabled:var(--db-brand-contrast-high-hover)}.db-link[data-variant=brand]:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-link[data-variant=brand]:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-link[data-variant=brand]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-link[data-variant=brand]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-link[data-variant=brand]:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;--db-current-color-enabled:var(--db-brand-contrast-high-pressed)}.db-link[data-variant=brand]:active:not(:disabled):not([aria-disabled=true]):is(input),.db-link[data-variant=brand]:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-link[data-variant=brand]:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-link[data-variant=brand]:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-link[data-size=small]{--db-icon-margin-start:var(--db-spacing-fixed-3xs)}.db-section{padding-inline:var(--db-spacing-fixed-md)}@media screen and (min-width:64em){.db-section:not([data-force-mobile]),.db-section[data-force-mobile=false]{padding-inline:var(--db-spacing-fixed-md)}}.db-section[data-variant=full]{padding-inline:0}.db-section[data-size=none]{padding-block:0}.db-section[data-size=small]{padding-block:var(--db-spacing-responsive-sm)}.db-section[data-size=medium]{padding-block:var(--db-spacing-responsive-md)}.db-section[data-size=large]{padding-block:var(--db-spacing-responsive-lg)}.db-section>div{margin:0 auto}.db-section>div[data-variant=full]{max-inline-size:none}.db-section>div[data-variant=medium]{max-inline-size:64em}.db-section>div[data-variant=large]{max-inline-size:90em}.db-infotext{--db-icon-margin-end:var(--db-spacing-fixed-2xs);display:flex}.db-infotext:not([data-icon]){--db-icon-font-family:"db-ux-filled"}.db-infotext:not([data-icon]):before{--db-icon:"information_circle";-webkit-margin-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs));margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}.db-infotext:not([data-semantic]),.db-infotext[data-semantic=adaptive]{color:var(--db-current-color-contrast-high-enabled)}.db-infotext:not([data-semantic]):before,.db-infotext[data-semantic=adaptive]:before{--db-current-icon-color:var(--db-current-color-contrast-low-enabled)}.db-infotext[data-semantic=neutral]{color:var(--db-neutral-contrast-high-enabled)}.db-infotext[data-semantic=neutral]:not([data-icon]):before{--db-icon:"information_circle"}.db-infotext[data-semantic=neutral]:before{--db-current-icon-color:var( --db-neutral-contrast-low-enabled )}.db-infotext[data-semantic=critical]{color:var(--db-critical-contrast-high-enabled)}.db-infotext[data-semantic=critical]:not([data-icon]):before{--db-icon:"exclamation_mark_circle"}.db-infotext[data-semantic=critical]:before{--db-current-icon-color:var( --db-critical-contrast-low-enabled )}.db-infotext[data-semantic=successful]{color:var(--db-successful-contrast-high-enabled)}.db-infotext[data-semantic=successful]:not([data-icon]):before{--db-icon:"check_circle"}.db-infotext[data-semantic=successful]:before{--db-current-icon-color:var( --db-successful-contrast-low-enabled )}.db-infotext[data-semantic=warning]{color:var(--db-warning-contrast-high-enabled)}.db-infotext[data-semantic=warning]:not([data-icon]):before{--db-icon:"warning_triangle"}.db-infotext[data-semantic=warning]:before{--db-current-icon-color:var( --db-warning-contrast-low-enabled )}.db-infotext[data-semantic=informational]{color:var(--db-informational-contrast-high-enabled)}.db-infotext[data-semantic=informational]:not([data-icon]):before{--db-icon:"information_circle"}.db-infotext[data-semantic=informational]:before{--db-current-icon-color:var( --db-informational-contrast-low-enabled )}.db-notification{grid-template-areas:"content";grid-template-columns:1fr}.db-notification:has(.db-button){grid-template-columns:1fr min-content;grid-template-areas:"content close"}.db-notification:has(h6){grid-template-columns:1fr;grid-template-areas:"head" "content"}.db-notification:has(h6):has(.db-button){grid-template-columns:1fr min-content;grid-template-areas:"head close" "content content"}.db-notification:has(img),[data-icon].db-notification,[data-semantic].db-notification:not([data-semantic=adaptive]){grid-template-areas:"icon content";grid-template-columns:min-content 1fr}.db-notification:has(img):has(.db-button),[data-icon].db-notification:has(.db-button),[data-semantic].db-notification:not([data-semantic=adaptive]):has(.db-button){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon content close"}.db-notification:has(img):has(h6),[data-icon].db-notification:has(h6),[data-semantic].db-notification:not([data-semantic=adaptive]):has(h6){grid-template-columns:min-content 1fr;grid-template-areas:"icon head" "icon content"}.db-notification:has(img):has(h6):has(.db-button),[data-icon].db-notification:has(h6):has(.db-button),[data-semantic].db-notification:not([data-semantic=adaptive]):has(h6):has(.db-button){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head close" "icon content content"}.db-notification[data-variant=overlay] a{display:none}.db-notification[data-variant=overlay]:has(span){grid-template-areas:"content timestamp";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has(span):has(.db-button){grid-template-columns:1fr min-content min-content;grid-template-areas:"content timestamp close"}.db-notification[data-variant=overlay]:has(span):has(h6){grid-template-columns:1fr min-content;grid-template-areas:"head timestamp" "content content"}.db-notification[data-variant=overlay]:has(span):has(h6):has(.db-button){grid-template-columns:1fr min-content min-content;grid-template-areas:"head timestamp close" "content content content"}.db-notification[data-variant=overlay]:has(span):has(img),.db-notification[data-variant=overlay]:has(span)[data-icon],.db-notification[data-variant=overlay]:has(span)[data-semantic]:not([data-semantic=adaptive]){grid-template-areas:"icon content timestamp";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has(span):has(img):has(.db-button),.db-notification[data-variant=overlay]:has(span)[data-icon]:has(.db-button),.db-notification[data-variant=overlay]:has(span)[data-semantic]:not([data-semantic=adaptive]):has(.db-button){grid-template-columns:min-content 1fr min-content min-content;grid-template-areas:"icon content timestamp close"}.db-notification[data-variant=overlay]:has(span):has(img):has(h6),.db-notification[data-variant=overlay]:has(span)[data-icon]:has(h6),.db-notification[data-variant=overlay]:has(span)[data-semantic]:not([data-semantic=adaptive]):has(h6){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head timestamp" "icon content content"}.db-notification[data-variant=overlay]:has(span):has(img):has(h6):has(.db-button),.db-notification[data-variant=overlay]:has(span)[data-icon]:has(h6):has(.db-button),.db-notification[data-variant=overlay]:has(span)[data-semantic]:not([data-semantic=adaptive]):has(h6):has(.db-button){grid-template-columns:min-content 1fr min-content min-content;grid-template-areas:"icon head timestamp close" "icon content content content"}.db-notification:not([data-variant=overlay]) span{display:none}.db-notification:has(a):not([data-link-variant=inline]):not([data-variant=overlay]){grid-template-areas:"content" "link";grid-template-columns:1fr}.db-notification:has(a):not([data-link-variant=inline]):has(.db-button):not([data-variant=overlay]){grid-template-columns:1fr min-content;grid-template-areas:"content close" "link link"}.db-notification:has(a):not([data-link-variant=inline]):has(h6):not([data-variant=overlay]){grid-template-columns:1fr;grid-template-areas:"head" "content" "link"}.db-notification:has(a):not([data-link-variant=inline]):has(h6):has(.db-button):not([data-variant=overlay]){grid-template-columns:1fr min-content;grid-template-areas:"head close" "content content" "link link"}.db-notification:has(a):not([data-link-variant=inline]):has(img):not([data-variant=overlay]),.db-notification:has(a):not([data-link-variant=inline])[data-icon]:not([data-variant=overlay]),.db-notification:has(a):not([data-link-variant=inline])[data-semantic]:not([data-semantic=adaptive]):not([data-variant=overlay]){grid-template-areas:"icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification:has(a):not([data-link-variant=inline]):has(img):has(h6):not([data-variant=overlay]),.db-notification:has(a):not([data-link-variant=inline])[data-icon]:has(h6):not([data-variant=overlay]),.db-notification:has(a):not([data-link-variant=inline])[data-semantic]:not([data-semantic=adaptive]):has(h6):not([data-variant=overlay]){grid-template-columns:min-content 1fr;grid-template-areas:"icon head" "icon content" "icon link"}.db-notification:has(a):not([data-link-variant=inline]):has(img):has(h6):has(.db-button):not([data-variant=overlay]),.db-notification:has(a):not([data-link-variant=inline])[data-icon]:has(h6):has(.db-button):not([data-variant=overlay]),.db-notification:has(a):not([data-link-variant=inline])[data-semantic]:not([data-semantic=adaptive]):has(h6):has(.db-button):not([data-variant=overlay]){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head close" "icon content content" "icon link link"}.db-notification:has(a)[data-link-variant=inline]:not([data-variant=overlay]){grid-template-areas:"content link";grid-template-columns:1fr min-content}.db-notification:has(a)[data-link-variant=inline]:has(.db-button):not([data-variant=overlay]){grid-template-columns:1fr min-content min-content;grid-template-areas:"content link close"}.db-notification:has(a)[data-link-variant=inline]:has(h6):not([data-variant=overlay]){grid-template-columns:1fr min-content;grid-template-areas:"head link" "content content"}.db-notification:has(a)[data-link-variant=inline]:has(h6):has(.db-button):not([data-variant=overlay]){grid-template-columns:1fr min-content min-content;grid-template-areas:"head link close" "content content content"}.db-notification:has(a)[data-link-variant=inline]:has(img):not([data-variant=overlay]),.db-notification:has(a)[data-link-variant=inline][data-icon]:not([data-variant=overlay]),.db-notification:has(a)[data-link-variant=inline][data-semantic]:not([data-semantic=adaptive]):not([data-variant=overlay]){grid-template-areas:"icon content link";grid-template-columns:min-content 1fr min-content}.db-notification:has(a)[data-link-variant=inline]:has(img):has(.db-button):not([data-variant=overlay]),.db-notification:has(a)[data-link-variant=inline][data-icon]:has(.db-button):not([data-variant=overlay]),.db-notification:has(a)[data-link-variant=inline][data-semantic]:not([data-semantic=adaptive]):has(.db-button):not([data-variant=overlay]){grid-template-columns:min-content 1fr min-content min-content;grid-template-areas:"icon content link close"}.db-notification:has(a)[data-link-variant=inline]:has(img):has(h6):not([data-variant=overlay]),.db-notification:has(a)[data-link-variant=inline][data-icon]:has(h6):not([data-variant=overlay]),.db-notification:has(a)[data-link-variant=inline][data-semantic]:not([data-semantic=adaptive]):has(h6):not([data-variant=overlay]){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head link" "icon content content"}.db-notification:has(a)[data-link-variant=inline]:has(img):has(h6):has(.db-button):not([data-variant=overlay]),.db-notification:has(a)[data-link-variant=inline][data-icon]:has(h6):has(.db-button):not([data-variant=overlay]),.db-notification:has(a)[data-link-variant=inline][data-semantic]:not([data-semantic=adaptive]):has(h6):has(.db-button):not([data-variant=overlay]){grid-template-columns:min-content 1fr min-content min-content;grid-template-areas:"icon head link close" "icon content content content"}.db-notification:has(span) .db-button,.db-notification:has(span) h6,.db-notification:has(span) p,.db-notification:has(span):before{-webkit-margin-before:-2px;margin-block-start:-2px}.db-notification{display:grid;padding:var(--db-spacing-fixed-md);grid-gap:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);inline-size:inherit;background-color:var(--db-current-color-bg-lvl-2-enabled)}.db-notification:before{--db-current-icon-color:var(--db-current-color-contrast-low-enabled)}.db-notification a{grid-area:link;white-space:nowrap}.db-notification a:after,.db-notification a:before{content:none!important;margin:0!important}.db-notification h6{font-family:var(--db-font-family-sans);grid-area:head;margin:0}.db-notification p{grid-area:content;margin:0}.db-notification img{min-block-size:var(--db-sizing-md);min-inline-size:var(--db-sizing-md);max-block-size:var(--db-sizing-md);max-inline-size:var(--db-sizing-md);border-radius:var(--db-border-radius-xs)}.db-notification span{grid-area:timestamp;white-space:nowrap}.db-notification .db-button{grid-area:close}.db-notification:has(img) :before{content:none!important}.db-notification img,.db-notification:before,.db-notification[data-icon]:before{--db-icon-font-family:"db-ux-filled";--db-icon-margin-end:0;grid-area:icon}.db-notification[data-variant=overlay]{box-shadow:var(--db-elevation-md)}.db-notification[data-semantic=neutral]:not([data-icon]):before{--db-icon:"information_circle"}.db-notification[data-semantic=critical]:not([data-icon]):before{--db-icon:"exclamation_mark_circle"}.db-notification[data-semantic=successful]:not([data-icon]):before{--db-icon:"check_circle"}.db-notification[data-semantic=warning]:not([data-icon]):before{--db-icon:"warning_triangle"}.db-notification[data-semantic=informational]:not([data-icon]):before{--db-icon:"information_circle"}.db-checkbox:has(input:required) label:after,.db-checkbox:has(input:required):is(label):after{content:"*";-webkit-padding-start:var(--db-spacing-fixed-2xs);padding-inline-start:var(--db-spacing-fixed-2xs)}.db-checkbox:has(input:not([data-custom-validity]):required:user-valid) .db-infotext[data-semantic=successful]{display:flex}.db-checkbox:has(input:not([data-custom-validity]):required:user-valid) .db-infotext:not([data-semantic]){display:none}.db-checkbox:has(input:not([data-custom-validity]):required:user-valid) input{--db-current-color-bg-transparent-semi:var( --db-successful-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-successful-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-successful-bg-transparent-pressed );border-color:var(--db-current-color-enabled)}.db-checkbox:has(input:not([data-custom-validity]):required:user-valid) input:is([type=radio]),.db-checkbox:has(input:not([data-custom-validity]):required:user-valid) input:not(:checked){--db-current-color-enabled:var( --db-successful-contrast-high-enabled )}.db-checkbox:has(input:not([data-custom-validity]):required:user-valid) input:checked{--db-current-color-enabled:var(--db-successful-contrast-high-enabled);--db-current-color-hover:var(--db-successful-contrast-high-hover);--db-current-color-pressed:var(--db-successful-contrast-high-pressed)}.db-checkbox:has(input:not([data-custom-validity]):required:user-valid) label,.db-checkbox:has(input:not([data-custom-validity]):required:user-valid):is(label){color:var(--db-successful-contrast-high-enabled)}.db-checkbox:has(input[data-custom-validity=valid]) .db-infotext[data-semantic=successful]{display:flex}.db-checkbox:has(input[data-custom-validity=valid]) .db-infotext:not([data-semantic]){display:none}.db-checkbox:has(input[data-custom-validity=valid]) input{--db-current-color-bg-transparent-semi:var( --db-successful-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-successful-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-successful-bg-transparent-pressed );border-color:var(--db-current-color-enabled)}.db-checkbox:has(input[data-custom-validity=valid]) input:is([type=radio]),.db-checkbox:has(input[data-custom-validity=valid]) input:not(:checked){--db-current-color-enabled:var( --db-successful-contrast-high-enabled )}.db-checkbox:has(input[data-custom-validity=valid]) input:checked{--db-current-color-enabled:var(--db-successful-contrast-high-enabled);--db-current-color-hover:var(--db-successful-contrast-high-hover);--db-current-color-pressed:var(--db-successful-contrast-high-pressed)}.db-checkbox:has(input[data-custom-validity=valid]) label,.db-checkbox:has(input[data-custom-validity=valid]):is(label){color:var(--db-successful-contrast-high-enabled)}.db-checkbox:has(input:not([data-custom-validity]):required:user-invalid) .db-infotext[data-semantic=critical]{display:flex}.db-checkbox:has(input:not([data-custom-validity]):required:user-invalid) .db-infotext:not([data-semantic]){display:none}.db-checkbox:has(input:not([data-custom-validity]):required:user-invalid) input{--db-current-color-bg-transparent-semi:var( --db-critical-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-critical-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-critical-bg-transparent-pressed );border-color:var(--db-current-color-enabled)}.db-checkbox:has(input:not([data-custom-validity]):required:user-invalid) input:is([type=radio]),.db-checkbox:has(input:not([data-custom-validity]):required:user-invalid) input:not(:checked){--db-current-color-enabled:var( --db-critical-contrast-high-enabled )}.db-checkbox:has(input:not([data-custom-validity]):required:user-invalid) input:checked{--db-current-color-enabled:var(--db-successful-contrast-high-enabled);--db-current-color-hover:var(--db-successful-contrast-high-hover);--db-current-color-pressed:var(--db-successful-contrast-high-pressed)}.db-checkbox:has(input:not([data-custom-validity]):required:user-invalid) label,.db-checkbox:has(input:not([data-custom-validity]):required:user-invalid):is(label){color:var(--db-critical-contrast-high-enabled)}.db-checkbox:has(input[data-custom-validity=invalid]) .db-infotext[data-semantic=critical]{display:flex}.db-checkbox:has(input[data-custom-validity=invalid]) .db-infotext:not([data-semantic]){display:none}.db-checkbox:has(input[data-custom-validity=invalid]) input{--db-current-color-bg-transparent-semi:var( --db-critical-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-critical-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-critical-bg-transparent-pressed );border-color:var(--db-current-color-enabled)}.db-checkbox:has(input[data-custom-validity=invalid]) input:is([type=radio]),.db-checkbox:has(input[data-custom-validity=invalid]) input:not(:checked){--db-current-color-enabled:var( --db-critical-contrast-high-enabled )}.db-checkbox:has(input[data-custom-validity=invalid]) input:checked{--db-current-color-enabled:var(--db-successful-contrast-high-enabled);--db-current-color-hover:var(--db-successful-contrast-high-hover);--db-current-color-pressed:var(--db-successful-contrast-high-pressed)}.db-checkbox:has(input[data-custom-validity=invalid]) label,.db-checkbox:has(input[data-custom-validity=invalid]):is(label){color:var(--db-critical-contrast-high-enabled)}.db-checkbox:has(input:disabled){opacity:.4}.db-checkbox label,.db-checkbox:is(label){display:flex;align-items:center;position:relative;gap:var(--db-spacing-fixed-xs)}.db-checkbox label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]),.db-checkbox:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]){cursor:pointer}.db-checkbox label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input),.db-checkbox label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-checkbox:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input),.db-checkbox:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-checkbox label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-checkbox label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-checkbox:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-checkbox:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-checkbox label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]),.db-checkbox:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]){cursor:pointer}.db-checkbox label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input),.db-checkbox label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-checkbox:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input),.db-checkbox:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-checkbox label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-checkbox label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-checkbox:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-checkbox:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-checkbox input{background-color:var(--db-current-color-bg-transparent-full-enabled);align-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;aspect-ratio:1;border:min(var(--db-border-height-2xs),2px) solid var(--db-check-element-border-color,currentColor);block-size:calc(var(--db-base-font-size)*var(--db-base-line-height));justify-content:center;inline-size:auto;padding:0}.db-checkbox input:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-transparent-hover)}.db-checkbox input:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-checkbox input:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-checkbox input:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-checkbox input:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-checkbox input:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-transparent-pressed)}.db-checkbox input:active:not(:disabled):not([aria-disabled=true]):is(input),.db-checkbox input:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-checkbox input:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-checkbox input:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-checkbox[data-size=small] input{-webkit-margin-end:var(--db-spacing-fixed-2xs);margin-inline-end:var(--db-spacing-fixed-2xs)}.db-checkbox[data-variant=hidden]{font-size:0}.db-checkbox[data-variant=hidden] input{-webkit-margin-end:0;margin-inline-end:0}@media(prefers-reduced-motion:reduce){.db-checkbox{transition-duration:.01s!important}}.db-checkbox input{border-radius:var(--db-border-radius-2xs)}.db-checkbox input:before{--db-icon-margin-end:0;position:absolute;inset-inline:0;inset-block:0}.db-checkbox input:checked{border-width:0;color:var(--db-current-color-bg-enabled);background-color:var(--db-current-color-enabled)}.db-checkbox input:checked:before{--db-icon:"check";-webkit-margin-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs));margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}.db-checkbox input:checked:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-hover)}.db-checkbox input:checked:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-checkbox input:checked:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-checkbox input:checked:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-checkbox input:checked:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-checkbox input:checked:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-pressed)}.db-checkbox input:checked:active:not(:disabled):not([aria-disabled=true]):is(input),.db-checkbox input:checked:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-checkbox input:checked:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-checkbox input:checked:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-checkbox input:checked:before{color:var(--db-current-color-bg-enabled)}.db-checkbox input:indeterminate:before{--db-icon:"minus";-webkit-margin-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs));margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}.db-radio:has(input:required) label:after,.db-radio:has(input:required):is(label):after{content:"*";-webkit-padding-start:var(--db-spacing-fixed-2xs);padding-inline-start:var(--db-spacing-fixed-2xs)}.db-radio:has(input:not([data-custom-validity]):required:valid) .db-infotext[data-semantic=successful]{display:flex}.db-radio:has(input:not([data-custom-validity]):required:valid) .db-infotext:not([data-semantic]){display:none}.db-radio:has(input:not([data-custom-validity]):required:valid) input{--db-current-color-bg-transparent-semi:var( --db-successful-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-successful-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-successful-bg-transparent-pressed );border-color:var(--db-current-color-enabled)}.db-radio:has(input:not([data-custom-validity]):required:valid) input:is([type=radio]),.db-radio:has(input:not([data-custom-validity]):required:valid) input:not(:checked){--db-current-color-enabled:var( --db-successful-contrast-high-enabled )}.db-radio:has(input:not([data-custom-validity]):required:valid) input:checked{--db-current-color-enabled:var(--db-successful-contrast-high-enabled);--db-current-color-hover:var(--db-successful-contrast-high-hover);--db-current-color-pressed:var(--db-successful-contrast-high-pressed)}.db-radio:has(input:not([data-custom-validity]):required:valid) label,.db-radio:has(input:not([data-custom-validity]):required:valid):is(label){color:var(--db-successful-contrast-high-enabled)}.db-radio:has(input[data-custom-validity=valid]) .db-infotext[data-semantic=successful]{display:flex}.db-radio:has(input[data-custom-validity=valid]) .db-infotext:not([data-semantic]){display:none}.db-radio:has(input[data-custom-validity=valid]) input{--db-current-color-bg-transparent-semi:var( --db-successful-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-successful-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-successful-bg-transparent-pressed );border-color:var(--db-current-color-enabled)}.db-radio:has(input[data-custom-validity=valid]) input:is([type=radio]),.db-radio:has(input[data-custom-validity=valid]) input:not(:checked){--db-current-color-enabled:var( --db-successful-contrast-high-enabled )}.db-radio:has(input[data-custom-validity=valid]) input:checked{--db-current-color-enabled:var(--db-successful-contrast-high-enabled);--db-current-color-hover:var(--db-successful-contrast-high-hover);--db-current-color-pressed:var(--db-successful-contrast-high-pressed)}.db-radio:has(input[data-custom-validity=valid]) label,.db-radio:has(input[data-custom-validity=valid]):is(label){color:var(--db-successful-contrast-high-enabled)}.db-radio:has(input:not([data-custom-validity]):required:invalid) .db-infotext[data-semantic=critical]{display:flex}.db-radio:has(input:not([data-custom-validity]):required:invalid) .db-infotext:not([data-semantic]){display:none}.db-radio:has(input:not([data-custom-validity]):required:invalid) input{--db-current-color-bg-transparent-semi:var( --db-critical-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-critical-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-critical-bg-transparent-pressed );border-color:var(--db-current-color-enabled)}.db-radio:has(input:not([data-custom-validity]):required:invalid) input:is([type=radio]),.db-radio:has(input:not([data-custom-validity]):required:invalid) input:not(:checked){--db-current-color-enabled:var( --db-critical-contrast-high-enabled )}.db-radio:has(input:not([data-custom-validity]):required:invalid) input:checked{--db-current-color-enabled:var(--db-successful-contrast-high-enabled);--db-current-color-hover:var(--db-successful-contrast-high-hover);--db-current-color-pressed:var(--db-successful-contrast-high-pressed)}.db-radio:has(input:not([data-custom-validity]):required:invalid) label,.db-radio:has(input:not([data-custom-validity]):required:invalid):is(label){color:var(--db-critical-contrast-high-enabled)}.db-radio:has(input[data-custom-validity=invalid]) .db-infotext[data-semantic=critical]{display:flex}.db-radio:has(input[data-custom-validity=invalid]) .db-infotext:not([data-semantic]){display:none}.db-radio:has(input[data-custom-validity=invalid]) input{--db-current-color-bg-transparent-semi:var( --db-critical-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-critical-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-critical-bg-transparent-pressed );border-color:var(--db-current-color-enabled)}.db-radio:has(input[data-custom-validity=invalid]) input:is([type=radio]),.db-radio:has(input[data-custom-validity=invalid]) input:not(:checked){--db-current-color-enabled:var( --db-critical-contrast-high-enabled )}.db-radio:has(input[data-custom-validity=invalid]) input:checked{--db-current-color-enabled:var(--db-successful-contrast-high-enabled);--db-current-color-hover:var(--db-successful-contrast-high-hover);--db-current-color-pressed:var(--db-successful-contrast-high-pressed)}.db-radio:has(input[data-custom-validity=invalid]) label,.db-radio:has(input[data-custom-validity=invalid]):is(label){color:var(--db-critical-contrast-high-enabled)}.db-radio:has(input:disabled){opacity:.4}.db-radio label,.db-radio:is(label){display:flex;align-items:center;position:relative;gap:var(--db-spacing-fixed-xs)}.db-radio label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]),.db-radio:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]){cursor:pointer}.db-radio label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input),.db-radio label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-radio:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input),.db-radio:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-radio label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-radio label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-radio:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-radio:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-radio label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]),.db-radio:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]){cursor:pointer}.db-radio label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input),.db-radio label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-radio:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input),.db-radio:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-radio label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-radio label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-radio:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-radio:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-radio input{background-color:var(--db-current-color-bg-transparent-full-enabled);align-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;aspect-ratio:1;border:min(var(--db-border-height-2xs),2px) solid var(--db-check-element-border-color,currentColor);block-size:calc(var(--db-base-font-size)*var(--db-base-line-height));justify-content:center;inline-size:auto;padding:0}.db-radio input:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-transparent-hover)}.db-radio input:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-radio input:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-radio input:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-radio input:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-radio input:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-transparent-pressed)}.db-radio input:active:not(:disabled):not([aria-disabled=true]):is(input),.db-radio input:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-radio input:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-radio input:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-radio[data-size=small] input{-webkit-margin-end:var(--db-spacing-fixed-2xs);margin-inline-end:var(--db-spacing-fixed-2xs)}.db-radio[data-variant=hidden]{font-size:0}.db-radio[data-variant=hidden] input{-webkit-margin-end:0;margin-inline-end:0}@media(prefers-reduced-motion:reduce){.db-radio{transition-duration:.01s!important}}.db-radio input{border-color:currentColor;border-radius:var(--db-border-radius-full);transition:border-width var(--db-transition-duration-fast) var(--db-transition-timing-functional)}.db-radio input:checked:not(:disabled):hover{background-color:var(--db-current-color-bg-enabled)}.db-radio input:checked:not([data-size=small]){border-width:calc((calc(var(--db-base-font-size) * var(--db-base-line-height)) - var(--db-sizing-2xs))/2)}.db-radio input:checked[data-size=small]{border-width:calc((calc(var(--db-base-font-size) * var(--db-base-line-height)) - var(--db-sizing-3xs))/2)}.db-radio input:focus-visible{border-radius:var(--db-border-radius-full)}.db-badge[data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-emphasis=strong],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:has(a),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:has(input:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-emphasis=strong]{--db-current-icon-color:var(--db-current-color-on-contrast-enabled);--db-current-color-enabled:var(--db-current-color-on-contrast-enabled);--db-current-color-bg-enabled:var(--db-current-color-contrast-high-enabled);--db-current-color-border:var(--db-current-color-contrast-high-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a) label:has(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) a,.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]):not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak]:not(:has(dbbutton)) button:not(.db-tab-remove-button){background-color:var(--db-current-color-bg-lvl-1-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a) label:hover:not(:disabled):not([aria-disabled=true]):has(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) a:hover:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) db-button>button:hover:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]):not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] a:hover:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] db-button>button:hover:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak]:not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):not(.db-tab-remove-button){cursor:pointer;background-color:var(--db-current-color-bg-lvl-1-hover)}.db-tag:has(label,button:not(.db-tab-remove-button),a) label:hover:not(:disabled):not([aria-disabled=true]):is(input):has(input),.db-tag:has(label,button:not(.db-tab-remove-button),a) label:hover:not(:disabled):not([aria-disabled=true]):is(textarea):has(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) a:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) a:hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) db-button>button:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) db-button>button:hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]):not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):is(input):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]):not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):is(textarea):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] a:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] a:hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] db-button>button:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] db-button>button:hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak]:not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):is(input):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak]:not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):is(textarea):not(.db-tab-remove-button){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a) label:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]):has(input),.db-tag:has(label,button:not(.db-tab-remove-button),a) label:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)):has(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) a:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) a:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) db-button>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) db-button>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]):not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]):not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] a:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] a:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] db-button>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] db-button>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak]:not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak]:not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)):not(.db-tab-remove-button){cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a) label:active:not(:disabled):not([aria-disabled=true]):has(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) a:active:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) db-button>button:active:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]):not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] a:active:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] db-button>button:active:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak]:not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):not(.db-tab-remove-button){cursor:pointer;background-color:var(--db-current-color-bg-lvl-1-pressed)}.db-tag:has(label,button:not(.db-tab-remove-button),a) label:active:not(:disabled):not([aria-disabled=true]):is(input):has(input),.db-tag:has(label,button:not(.db-tab-remove-button),a) label:active:not(:disabled):not([aria-disabled=true]):is(textarea):has(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) a:active:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) a:active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) db-button>button:active:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) db-button>button:active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]):not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):is(input):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]):not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):is(textarea):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] a:active:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] a:active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] db-button>button:active:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] db-button>button:active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak]:not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):is(input):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak]:not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):is(textarea):not(.db-tab-remove-button){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a) label:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]):has(input),.db-tag:has(label,button:not(.db-tab-remove-button),a) label:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)):has(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) a:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) a:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) db-button>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) db-button>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]):not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]):not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] a:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] a:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] db-button>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] db-button>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak]:not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak]:not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)):not(.db-tab-remove-button){cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:hover:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:hover:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:hover:not(:disabled):not([aria-disabled=true]):has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):not(.db-tab-remove-button){cursor:pointer;background-color:var(--db-current-color-contrast-high-hover)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:hover:not(:disabled):not([aria-disabled=true]):is(input):has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:hover:not(:disabled):not([aria-disabled=true]):is(textarea):has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):is(input):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):is(textarea):not(.db-tab-remove-button){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]):has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)):has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)):not(.db-tab-remove-button){cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:active:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:active:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:active:not(:disabled):not([aria-disabled=true]):has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):not(.db-tab-remove-button){cursor:pointer;background-color:var(--db-current-color-contrast-high-pressed)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:active:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:active:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:active:not(:disabled):not([aria-disabled=true]):is(input):has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:active:not(:disabled):not([aria-disabled=true]):is(textarea):has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):is(input):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):is(textarea):not(.db-tab-remove-button){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]):has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)):has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)):not(.db-tab-remove-button){cursor:pointer}[data-no-text=true].db-tag{--icon-margin-after:0;font-size:0!important;padding:0}[data-no-text=true].db-tag:before{--db-icon-margin-end:0}[data-no-text=true].db-tag label{font-size:0!important}[data-no-text=true].db-tag label:before{--db-icon-margin-end:0}.db-tag:not([data-no-text=true]){--db-padding-inline-start:var(--db-spacing-fixed-2xs);padding-inline:var(--db-padding-inline-start) var(--db-spacing-fixed-2xs)}.db-tag:not([data-no-text=true]):has(.db-tab-remove-button){-webkit-padding-end:0;padding-inline-end:0}.db-tag:not([data-no-text=true]):has(a),.db-tag:not([data-no-text=true]):has(db-button):has(db-button:not(.db-tab-remove-button)),.db-tag:not([data-no-text=true]):has(dbbutton):has(dbbutton:not(.db-tab-remove-button)),.db-tag:not([data-no-text=true]):has(label),.db-tag:not([data-no-text=true]):not(:has(dbbutton)):has(button:not(.db-tab-remove-button)){padding-inline:0}.db-tag{--db-icon-margin-end:var(--db-spacing-fixed-2xs);padding-block:0;block-size:var(--db-sizing-sm);min-inline-size:var(--db-sizing-sm);inline-size:-moz-fit-content;inline-size:fit-content}.db-tag:has(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a)){background-color:var(--db-current-color-bg-lvl-1-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon]:before{position:absolute;inset-block-start:calc(50% - .5em);inset-inline-start:var(--db-spacing-fixed-2xs);pointer-events:none;z-index:1}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon] button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon] label{--db-padding-inline-start:calc(var(--db-spacing-fixed-2xs) + var(--db-icon-margin-end, var(--db-spacing-fixed-xs)) + var(--db-base-font-size) * var(--db-base-line-height));-webkit-padding-start:var(--db-padding-inline-start);padding-inline-start:var(--db-padding-inline-start)}.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked{background-color:transparent}.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:transparent}.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:hover:not(:disabled):not([aria-disabled=true]):is(input){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:transparent}.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:active:not(:disabled):not([aria-disabled=true]):is(input){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a) a{color:currentColor}.db-tag:has(label,button:not(.db-tab-remove-button),a) a:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;color:currentColor}.db-tag:has(label,button:not(.db-tab-remove-button),a) a:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a) a:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a) a:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a) a:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a) a:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;color:currentColor}.db-tag:has(label,button:not(.db-tab-remove-button),a) a:active:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a) a:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a) a:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a) a:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=checkbox]:checked){background-color:var(--db-current-color-bg-lvl-3-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=checkbox]:checked):hover:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=checkbox]:checked):hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-lvl-3-hover)}.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=checkbox]:checked):hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=checkbox]:checked):hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=checkbox]:checked):hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=checkbox]:checked):hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=checkbox]:checked):hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=checkbox]:checked):hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=checkbox]:checked):hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=checkbox]:checked):hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=checkbox]:checked):active:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=checkbox]:checked):active:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-lvl-3-pressed)}.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=checkbox]:checked):active:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=checkbox]:checked):active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=checkbox]:checked):active:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=checkbox]:checked):active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=checkbox]:checked):active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=checkbox]:checked):active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=checkbox]:checked):active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=checkbox]:checked):active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=radio]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=radio]:checked){background-color:var(--db-current-color-bg-lvl-3-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-contrast-high-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):active:not(:disabled):not([aria-disabled=true]){cursor:pointer;cursor:default;background-color:var(--db-current-color-contrast-high-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):active:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-tag button:nth-of-type(2),.db-tag dbbutton:nth-of-type(2),.db-tag:has(db-button):has(dbbutton) .db-tab-remove-button{display:none}.db-tag{position:relative}.db-tag label{inline-size:100%;-webkit-margin-start:0;margin-inline-start:0}.db-tag label:has(input:checked){border-width:var(--db-border-height-3xs)}.db-tag label:has(input:checked):before{content:none}.db-tag label input{inline-size:calc(100% + 2px);block-size:calc(100% + 2px);position:absolute;-webkit-margin-end:initial;margin-inline-end:0;border:none;border-radius:inherit;transform:translateX(calc((var(--db-padding-inline-start, var(--db-spacing-fixed-2xs)) + var(--db-border-height-3xs)) * -1))}.db-tag label input:checked,.db-tag label input:checked:not(:disabled):active,.db-tag label input:checked:not(:disabled):hover{background-color:var(--db-brand-bg-transparent-full-enabled)}.db-tag label input:checked:before{--db-icon:""}.db-tag a{display:inline-flex;align-items:center;text-decoration:none}.db-tag a:after{--db-icon-margin-start:0;--db-icon-font-size:0;content:none!important}.db-tag .db-link:active,.db-tag .db-link:hover{color:inherit}.db-tag:has(:is(dbbutton,db-button):not(.db-tab-remove-button),a,label),.db-tag:not(:has(dbbutton,db-button)):has(button:not(.db-tab-remove-button)){border:none}.db-tag a,.db-tag button,.db-tag label{block-size:inherit;padding:0 var(--db-spacing-fixed-2xs);border-radius:var(--db-border-radius-xs)}.db-tag db-button,.db-tag db-checkbox,.db-tag db-link,.db-tag db-radio,.db-tag dbbutton,.db-tag dbcheckbox,.db-tag dblink,.db-tag dbradio{block-size:inherit}.db-tag[data-disabled=true]{opacity:.4;pointer-events:none}.db-tag[data-overflow=true]{max-inline-size:var(--db-sizing-2xl)}.db-tag[data-overflow=true]>*{inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-tag .db-tab-remove-button button,.db-tag .db-tab-remove-button:is(button){background-color:var(--db-current-color-bg-transparent-full-enabled);-webkit-margin-start:var(--db-spacing-fixed-2xs);margin-inline-start:var(--db-spacing-fixed-2xs);block-size:100%}.db-drawer .db-drawer-container{inset-inline:auto 0}.db-drawer [data-rounded=true].db-drawer-container{border-start-start-radius:var(--db-border-radius-sm);border-end-start-radius:var(--db-border-radius-sm)}.db-drawer .db-drawer-container[data-direction=left]{inset-inline:0 auto}.db-drawer [data-rounded=true].db-drawer-container[data-direction=left]{border-start-end-radius:var(--db-border-radius-sm);border-end-end-radius:var(--db-border-radius-sm)}.db-drawer .db-drawer-container[data-direction=down]:not([data-width=full]),.db-drawer .db-drawer-container[data-direction=up]:not([data-width=full]){max-block-size:var(--db-drawer-max-height,calc(100% - var(--db-spacing-fixed-xl)));max-inline-size:none}.db-drawer .db-drawer-container[data-direction=up]{inset:auto 0 0}.db-drawer [data-rounded=true].db-drawer-container[data-direction=up]{border-start-end-radius:var(--db-border-radius-sm);border-start-start-radius:var(--db-border-radius-sm)}.db-drawer .db-drawer-container[data-direction=down]{inset:0 0 auto}.db-drawer [data-rounded=true].db-drawer-container[data-direction=down]{border-end-end-radius:var(--db-border-radius-sm);border-end-start-radius:var(--db-border-radius-sm)}.db-drawer .db-drawer-container{padding-block:var(--db-spacing-fixed-sm)}.db-drawer [data-spacing=small].db-drawer-container{padding-block:var(--db-spacing-fixed-xs)}.db-drawer [data-spacing=small].db-drawer-container .db-drawer-header{-webkit-padding-after:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-xs));padding-block-end:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-xs));padding-inline:var(--db-spacing-fixed-md)}.db-drawer [data-spacing=small].db-drawer-container .db-drawer-content{padding-inline:var(--db-drawer-content-padding-inline,var(--db-spacing-fixed-md))}.db-drawer .db-drawer-container .db-drawer-header{-webkit-padding-after:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-sm));padding-block-end:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-sm));padding-inline:var(--db-spacing-fixed-lg)}.db-drawer .db-drawer-container .db-drawer-content{padding-inline:var(--db-drawer-content-padding-inline,var(--db-spacing-fixed-lg))}.db-drawer [data-spacing=medium].db-drawer-container{padding-block:var(--db-spacing-fixed-sm)}.db-drawer [data-spacing=medium].db-drawer-container .db-drawer-header{-webkit-padding-after:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-sm));padding-block-end:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-sm));padding-inline:var(--db-spacing-fixed-lg)}.db-drawer [data-spacing=medium].db-drawer-container .db-drawer-content{padding-inline:var(--db-drawer-content-padding-inline,var(--db-spacing-fixed-lg))}.db-drawer [data-spacing=large].db-drawer-container{padding-block:var(--db-spacing-fixed-md)}.db-drawer [data-spacing=large].db-drawer-container .db-drawer-header{-webkit-padding-after:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-md));padding-block-end:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-md));padding-inline:var(--db-spacing-fixed-xl)}.db-drawer [data-spacing=large].db-drawer-container .db-drawer-content{padding-inline:var(--db-drawer-content-padding-inline,var(--db-spacing-fixed-xl))}.db-drawer [data-spacing=none].db-drawer-container{padding-block:0}.db-drawer [data-spacing=none].db-drawer-container .db-drawer-header{-webkit-padding-after:var(--db-drawer-header-padding-block-end,0);padding-block-end:var(--db-drawer-header-padding-block-end,0);padding-inline:0}.db-drawer [data-spacing=none].db-drawer-container .db-drawer-content{padding-inline:var(--db-drawer-content-padding-inline,0)}.db-drawer .db-drawer-container{display:flex;flex-direction:column;background-color:var(--db-current-color-bg-lvl-1-enabled);block-size:100%;inline-size:100%;position:fixed;box-shadow:var(--db-elevation-md)}.db-drawer .db-drawer-container:not([data-width=full]){max-inline-size:var(--db-drawer-max-width,calc(100% - var(--db-spacing-fixed-xl)))}.db-drawer .db-drawer-container[data-rounded=true]{box-shadow:var(--db-elevation-md)}.db-drawer .db-drawer-container .db-drawer-header{--db-divider-bg-color:var(--db-current-color-border);position:relative;display:none}.db-drawer .db-drawer-container .db-drawer-header[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-color-contrast-low-enabled)}.db-drawer .db-drawer-container .db-drawer-header:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:var(--db-border-height-3xs);inset-block-end:0;inset-inline:0}.db-drawer .db-drawer-container .db-drawer-header .db-drawer-header-text{margin-block:auto;font-weight:700}.db-drawer .db-drawer-container .db-drawer-header .button-close-drawer,.db-drawer .db-drawer-container .db-drawer-header .button-close-drawer button{-webkit-margin-start:auto;margin-inline-start:auto}.db-drawer .db-drawer-container .db-drawer-header:has(.button-close-drawer),.db-drawer .db-drawer-container .db-drawer-header:has(:not(.db-drawer-header-text:empty)){display:flex}.db-drawer[open] .db-drawer-container:not([data-direction]),.db-drawer[open] .db-drawer-container[data-direction=right]{animation:show-right-to-left var(--db-transition-straight-show)}.db-drawer[open] .db-drawer-container[data-direction=left]{animation:show-left-to-right var(--db-transition-straight-show)}.db-drawer[open] .db-drawer-container[data-direction=up]{animation:show-bottom-to-top var(--db-transition-straight-show)}.db-drawer[open] .db-drawer-container[data-direction=down]{animation:show-top-to-bottom var(--db-transition-straight-show)}.db-drawer[open] .db-drawer-container[hidden]:not([data-direction]),.db-drawer[open] .db-drawer-container[hidden][data-direction=right]{animation:hide-right-to-left var(--db-transition-straight-hide)}.db-drawer[open] .db-drawer-container[hidden][data-direction=left]{animation:hide-left-to-right var(--db-transition-straight-hide)}.db-drawer[open] .db-drawer-container[hidden][data-direction=up]{animation:hide-bottom-to-top var(--db-transition-straight-hide)}.db-drawer[open] .db-drawer-container[hidden][data-direction=down]{animation:hide-top-to-bottom var(--db-transition-straight-hide)}[data-icon].db-select{--db-form-has-before:1}.db-select{--db-form-component-padding-inline-end:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)) + var(--db-spacing-fixed-sm));--db-form-has-before:0;--db-current-icon-color:var(--db-current-color-enabled);position:relative;display:flex;flex-direction:column;min-inline-size:calc(4*var(--db-sizing-md) + var(--db-form-has-before)*var(--db-sizing-md))}.db-select[data-variant=floating] label{opacity:.4;position:absolute;z-index:2;inset-block-start:calc((var(--db-sizing-md) - calc(var(--db-base-font-size) * var(--db-base-line-height)))/2);inset-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm))}.db-select[data-variant=floating]:after,.db-select[data-variant=floating]:before{inset-block-start:calc(var(--db-sizing-md)/2 - calc(var(--db-base-font-size) * var(--db-base-line-height))/2)}.db-select[data-variant=floating] [id$=-placeholder]{inset-block-start:calc(50% - .5em + var(--db-spacing-fixed-3xs))}.db-select[data-variant=floating] select{-webkit-padding-before:calc(var(--db-type-body-font-size-2xs) + var(--db-spacing-fixed-3xs));padding-block-start:calc(var(--db-type-body-font-size-2xs) + var(--db-spacing-fixed-3xs))}.db-select[data-variant=floating] select+[id$=-placeholder],.db-select[data-variant=floating] select::placeholder{transition:none;opacity:0}.db-select[data-variant=floating]:has(>select option:checked:not([hidden])) label,.db-select[data-variant=floating]:has(select:focus-within) label,.db-select[data-variant=floating]:has(select:is(input,textarea):not(:placeholder-shown)) label{inset-block-start:var(--db-spacing-fixed-2xs);opacity:1}.db-select[data-variant=floating]:has(>select option:checked:not([hidden])) select+[id$=-placeholder],.db-select[data-variant=floating]:has(>select option:checked:not([hidden])) select::placeholder,.db-select[data-variant=floating]:has(select:focus-within) select+[id$=-placeholder],.db-select[data-variant=floating]:has(select:focus-within) select::placeholder,.db-select[data-variant=floating]:has(select:is(input,textarea):not(:placeholder-shown)) select+[id$=-placeholder],.db-select[data-variant=floating]:has(select:is(input,textarea):not(:placeholder-shown)) select::placeholder{transition:opacity var(--db-transition-straight-emotional);opacity:.4}.db-select:has(select:required) label:after,.db-select:has(select:required):is(label):after{content:"*";-webkit-padding-start:var(--db-spacing-fixed-2xs);padding-inline-start:var(--db-spacing-fixed-2xs)}.db-select:has(select:not([data-custom-validity]):is(:required):user-valid) .db-infotext[data-semantic=successful]{display:flex}.db-select:has(select:not([data-custom-validity]):is(:required):user-valid) .db-infotext:not([data-semantic]){display:none}.db-select:has(select:not([data-custom-validity]):is(:required):user-valid) [id$=-placeholder],.db-select:has(select:not([data-custom-validity]):is(:required):user-valid) select{color:var(--db-successful-on-bg-enabled);caret-color:var(--db-successful-on-bg-enabled)}.db-select:has(select[data-custom-validity=valid]) .db-infotext[data-semantic=successful]{display:flex}.db-select:has(select[data-custom-validity=valid]) .db-infotext:not([data-semantic]){display:none}.db-select:has(select[data-custom-validity=valid]) [id$=-placeholder],.db-select:has(select[data-custom-validity=valid]) select{color:var(--db-successful-on-bg-enabled);caret-color:var(--db-successful-on-bg-enabled)}.db-select:has(select:not([data-custom-validity]):is(:required):user-invalid) .db-infotext[data-semantic=critical]{display:flex}.db-select:has(select:not([data-custom-validity]):is(:required):user-invalid) .db-infotext:not([data-semantic]){display:none}.db-select:has(select:not([data-custom-validity]):is(:required):user-invalid) [id$=-placeholder],.db-select:has(select:not([data-custom-validity]):is(:required):user-invalid) select{color:var(--db-successful-on-bg-enabled);caret-color:var(--db-successful-on-bg-enabled)}.db-select:has(select[data-custom-validity=invalid]) .db-infotext[data-semantic=critical]{display:flex}.db-select:has(select[data-custom-validity=invalid]) .db-infotext:not([data-semantic]){display:none}.db-select:has(select[data-custom-validity=invalid]) [id$=-placeholder],.db-select:has(select[data-custom-validity=invalid]) select{color:var(--db-successful-on-bg-enabled);caret-color:var(--db-successful-on-bg-enabled)}.db-select select{background-color:var(--db-current-color-bg-transparent-semi-enabled);caret-color:var(--db-current-color-enabled);-webkit-appearance:none;-moz-appearance:none;appearance:none;max-inline-size:100%;inline-size:100%;padding-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end,var(--db-spacing-fixed-sm))}.db-select select+[id$=-placeholder],.db-select select::placeholder{opacity:.4}.db-select select:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-transparent-hover)}.db-select select:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-select select:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-select select:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-select select:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-select select:is(input,textarea):not(:disabled):-moz-read-only{background-color:var(--db-textarea-read-only,var(--db-current-color-bg-lvl-1-enabled))!important}.db-select select:is(input,textarea):not(:disabled):read-only{background-color:var(--db-textarea-read-only,var(--db-current-color-bg-lvl-1-enabled))!important}.db-select label{-webkit-padding-after:var(--db-spacing-fixed-xs);padding-block-end:var(--db-spacing-fixed-xs);pointer-events:none;cursor:text;transition:font-size var(--db-transition-straight-emotional);max-inline-size:25ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.db-select[data-variant=hidden] label{padding:0}.db-select:has(select:disabled){opacity:.4;pointer-events:none}.db-select:after,.db-select:before{position:absolute;pointer-events:none;inset-block-start:calc(var(--db-sizing-md)/2 - var(--db-spacing-fixed-xs)*var(--db-label-visible-spacing, 0) + calc(var(--db-type-body-font-size-xs) * var(--db-type-body-line-height-xs))*var(--db-label-visible-height, 1) - 1px)}.db-select:before{-webkit-margin-end:var(--db-spacing-fixed-sm);margin-inline-end:var(--db-spacing-fixed-sm);inset-inline-start:var(--db-spacing-fixed-sm)}.db-select:after{-webkit-margin-start:var(--db-spacing-fixed-sm);margin-inline-start:var(--db-spacing-fixed-sm);inset-inline-end:var(--db-spacing-fixed-sm)}.db-select select{block-size:var(--db-sizing-md);text-overflow:ellipsis;text-indent:calc(var(--db-form-has-before)*(var(--db-base-body-icon-font-size-sm) + var(--db-spacing-fixed-sm)))}.db-select option{background-color:var(--db-current-color-bg-enabled)}.db-select[data-variant=hidden]{--db-label-visible-height:0;--db-label-visible-spacing:1}.db-select [id$=-placeholder]{position:absolute;pointer-events:none;inset-block-start:calc(0% + (calc(var(--db-type-body-font-size-xs) * var(--db-type-body-line-height-xs)) + var(--db-spacing-fixed-xs))*var(--db-label-visible-height, 1) + var(--db-base-font-size)/2 - var(--db-density-functional, 0)*1px);inset-inline:calc(var(--db-form-has-before)*(var(--db-base-body-icon-font-size-sm) + var(--db-spacing-fixed-sm)));-webkit-margin-start:var(--db-spacing-fixed-sm);margin-inline-start:var(--db-spacing-fixed-sm);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;inline-size:calc(100% - var(--db-form-component-padding-inline-end) - calc(var(--db-form-has-before) * (var(--db-base-body-icon-font-size-sm) + var(--db-spacing-fixed-sm))) - var(--db-spacing-fixed-sm))}.db-select:has(>select option:checked:not([hidden])) [id$=-placeholder]{display:none}@media screen and (min-width:64em){.db-navigation-item .db-navigation-item-expand-button:not([data-force-mobile]):focus-visible:is(button)~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button:not([data-force-mobile]):hover:is(button)~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):focus-visible~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):hover~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:focus-visible~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:hover~.db-sub-navigation,.db-navigation-item [data-force-mobile=false].db-navigation-item-expand-button:focus-visible:is(button)~.db-sub-navigation,.db-navigation-item [data-force-mobile=false].db-navigation-item-expand-button:hover:is(button)~.db-sub-navigation{visibility:visible}}.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button,.db-navigation-item a{background-color:var(--db-current-color-bg-transparent-full-enabled);cursor:pointer;inline-size:100%;display:inline-flex;border-radius:var(--db-border-radius-sm);padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-sm);white-space:nowrap;text-align:center;align-items:center}.db-navigation-item .db-navigation-item-expand-button:hover:not(:disabled):not([aria-disabled=true]):is(button),.db-navigation-item .db-navigation-item-expand-button>button:hover:not(:disabled):not([aria-disabled=true]),.db-navigation-item a:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-transparent-hover)}.db-navigation-item .db-navigation-item-expand-button:hover:not(:disabled):not([aria-disabled=true]):is(input):is(button),.db-navigation-item .db-navigation-item-expand-button:hover:not(:disabled):not([aria-disabled=true]):is(textarea):is(button),.db-navigation-item .db-navigation-item-expand-button>button:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-navigation-item .db-navigation-item-expand-button>button:hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-navigation-item a:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-navigation-item a:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-navigation-item .db-navigation-item-expand-button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]):is(button),.db-navigation-item .db-navigation-item-expand-button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)):is(button),.db-navigation-item .db-navigation-item-expand-button>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-navigation-item .db-navigation-item-expand-button>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-navigation-item a:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-navigation-item a:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-navigation-item .db-navigation-item-expand-button:active:not(:disabled):not([aria-disabled=true]):is(button),.db-navigation-item .db-navigation-item-expand-button>button:active:not(:disabled):not([aria-disabled=true]),.db-navigation-item a:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-transparent-pressed)}.db-navigation-item .db-navigation-item-expand-button:active:not(:disabled):not([aria-disabled=true]):is(input):is(button),.db-navigation-item .db-navigation-item-expand-button:active:not(:disabled):not([aria-disabled=true]):is(textarea):is(button),.db-navigation-item .db-navigation-item-expand-button>button:active:not(:disabled):not([aria-disabled=true]):is(input),.db-navigation-item .db-navigation-item-expand-button>button:active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-navigation-item a:active:not(:disabled):not([aria-disabled=true]):is(input),.db-navigation-item a:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-navigation-item .db-navigation-item-expand-button:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]):is(button),.db-navigation-item .db-navigation-item-expand-button:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)):is(button),.db-navigation-item .db-navigation-item-expand-button>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-navigation-item .db-navigation-item-expand-button>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-navigation-item a:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-navigation-item a:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-navigation-item .db-navigation-item-expand-button:has(~.db-sub-navigation:hover):is(button),.db-navigation-item .db-navigation-item-expand-button>button:has(~.db-sub-navigation:hover),.db-navigation-item a:has(~.db-sub-navigation:hover){background-color:var(--db-current-color-bg-transparent-hover)}.db-navigation-item{--db-has-before:0;display:inline-flex;position:relative;inline-size:100%}.db-navigation-item[data-icon]:before{position:absolute;inset-block-start:calc(50% - .5em);inset-inline-start:var(--db-spacing-fixed-sm);pointer-events:none;z-index:1}.db-navigation-item[data-icon] a,.db-navigation-item[data-icon] button,.db-navigation-item[data-icon] label{--db-padding-inline-start:calc(var(--db-spacing-fixed-sm) + var(--db-icon-margin-end, var(--db-spacing-fixed-xs)) + var(--db-base-font-size) * var(--db-base-line-height));-webkit-padding-start:var(--db-padding-inline-start);padding-inline-start:var(--db-padding-inline-start)}.db-navigation-item[data-force-mobile=true]:not([data-width=full]) .db-navigation-item-expand-button:after{--db-icon-margin-start:auto}@media screen and (max-width:63.9375em){.db-navigation-item:not([data-width=full]) .db-navigation-item-expand-button:after{--db-icon-margin-start:auto}}.db-navigation-item a{text-decoration:none}.db-navigation-item a:focus-visible{z-index:1}.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true][aria-expanded=true]~.db-sub-navigation{visibility:visible;transition:visibility 0ms linear 0ms;animation:show-right-to-left var(--db-transition-straight-show)}.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true][aria-expanded=true]~.db-sub-navigation .db-sub-navigation{inset-block:0}.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true]:not(.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true][aria-expanded=true])~.db-sub-navigation{transition:visibility 0ms linear .41s;animation:hide-right-to-left var(--db-transition-straight-hide)}@media screen and (max-width:63.9375em){.db-navigation-item .db-navigation-item-expand-button[aria-expanded=true]~.db-sub-navigation{visibility:visible;transition:visibility 0ms linear 0ms;animation:show-right-to-left var(--db-transition-straight-show)}.db-navigation-item .db-navigation-item-expand-button[aria-expanded=true]~.db-sub-navigation .db-sub-navigation{inset-block:0}.db-navigation-item .db-navigation-item-expand-button:not(.db-navigation-item .db-navigation-item-expand-button[aria-expanded=true])~.db-sub-navigation{transition:visibility 0ms linear .41s;animation:hide-right-to-left var(--db-transition-straight-hide)}}.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button{font-weight:inherit}.db-navigation-item .db-navigation-item-expand-button:is(button):after,.db-navigation-item .db-navigation-item-expand-button>button:after{--db-icon-after:"chevron_right";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports(content:""/""){.db-navigation-item .db-navigation-item-expand-button:is(button):after,.db-navigation-item .db-navigation-item-expand-button>button:after{content:var(--db-icon-after,attr(data-icon-after))/""}}.db-navigation-item:has([aria-current=page])>:is(a,button),.db-navigation-item[aria-current=page]>:is(a,button){font-weight:700}.db-navigation-item:not([data-width=full]) .db-navigation-item-expand-button:after{--db-icon-margin-start:var(--db-spacing-fixed-sm)}.db-navigation-item[data-width=full]{inline-size:100%}.db-navigation-item[data-width=full] .db-navigation-item-expand-button:after{--db-icon-margin-start:auto}.db-navigation-item[aria-disabled=true]{opacity:.4;pointer-events:none}.db-sub-navigation{margin:0;display:flex;flex-direction:column;z-index:70;inset-inline-start:0;background-color:var(--db-current-color-bg-lvl-1-enabled);visibility:hidden}.db-sub-navigation[data-force-mobile=true]{padding:var(--db-spacing-fixed-md);inline-size:100%;position:fixed;overflow-y:auto;inset-block:calc(var(--db-sizing-fixed-mobile-header, 3.5rem) + var(--db-spacing-fixed-3xs)) calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs)*2 + var(--db-spacing-fixed-3xs))}@media screen and (max-width:63.9375em){.db-sub-navigation{padding:var(--db-spacing-fixed-md);inline-size:100%;position:fixed;overflow-y:auto;inset-block:calc(var(--db-sizing-fixed-mobile-header, 3.5rem) + var(--db-spacing-fixed-3xs)) calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs)*2 + var(--db-spacing-fixed-3xs))}}@media screen and (min-width:64em){.db-sub-navigation:not([data-force-mobile]) .db-mobile-navigation-back,.db-sub-navigation[data-force-mobile=false] .db-mobile-navigation-back{display:none}.db-sub-navigation:not([data-force-mobile]),.db-sub-navigation[data-force-mobile=false]{border-radius:var(--db-border-radius-sm);box-shadow:var(--db-elevation-md);padding:var(--db-spacing-fixed-sm);position:absolute;min-inline-size:328px;inset-block-start:calc(100% + var(--db-spacing-fixed-md));transition:visibility 1ms linear}.db-sub-navigation:not([data-force-mobile])[data-outside-vx=true],.db-sub-navigation[data-force-mobile=false][data-outside-vx=true]{transform:translateX(-100%);inset-inline-start:100%}}@media screen and (min-width:64em){.db-sub-navigation:not([data-force-mobile]):focus-within,.db-sub-navigation:not([data-force-mobile]):hover,.db-sub-navigation[data-force-mobile=false]:focus-within,.db-sub-navigation[data-force-mobile=false]:hover{visibility:visible}.db-sub-navigation:not([data-force-mobile]):before,.db-sub-navigation[data-force-mobile=false]:before{content:"";position:absolute;inset-inline-start:0;inline-size:100%;block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-md));inset-block-start:calc(-1*var(--db-spacing-fixed-md) - var(--db-spacing-fixed-3xs))}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation,.db-sub-navigation[data-force-mobile=false] .db-sub-navigation{inset-block-start:calc(-50% + var(--db-spacing-fixed-xs) + 1px);inset-inline-start:calc(100% + var(--db-spacing-fixed-xs))}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation[data-outside-vy=true],.db-sub-navigation[data-force-mobile=false] .db-sub-navigation[data-outside-vy=true]{inset-block-start:calc(100% + var(--db-spacing-fixed-md));transform:translateY(-100%)}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation[data-outside-vx=true],.db-sub-navigation[data-force-mobile=false] .db-sub-navigation[data-outside-vx=true]{transform:translateX(-100%);inset-inline-start:calc(-1*var(--db-spacing-fixed-xs))}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation[data-outside-vx=true][data-outside-vy=true],.db-sub-navigation[data-force-mobile=false] .db-sub-navigation[data-outside-vx=true][data-outside-vy=true]{transform:translate(-100%,-100%)}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation:before,.db-sub-navigation[data-force-mobile=false] .db-sub-navigation:before{content:"";position:absolute;padding:var(--db-spacing-fixed-xs);inset-block-start:var(--db-spacing-fixed-3xs);inset-inline-start:calc(-1*var(--db-spacing-fixed-xs));block-size:100%;inline-size:var(--db-spacing-fixed-xs)}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation:after,.db-sub-navigation[data-force-mobile=false] .db-sub-navigation:after{content:"";position:absolute;padding:var(--db-spacing-fixed-xs);inset-block-start:var(--db-spacing-fixed-3xs);inset-inline-end:calc(-1*var(--db-spacing-fixed-xs));block-size:100%;inline-size:var(--db-spacing-fixed-xs)}}.db-sub-navigation:empty{display:none}.db-sub-navigation .db-navigation-item{inline-size:100%}.db-sub-navigation .db-navigation-item:after{-webkit-margin-start:auto;margin-inline-start:auto}.db-mobile-navigation-back{--db-divider-bg-color:var(--db-current-color-border);position:relative;display:flex;font-weight:400;background-color:var(--db-current-color-bg-lvl-1-enabled);-webkit-padding-after:var(--db-spacing-fixed-md);padding-block-end:var(--db-spacing-fixed-md);-webkit-margin-after:var(--db-spacing-fixed-md);margin-block-end:var(--db-spacing-fixed-md)}.db-mobile-navigation-back[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-color-contrast-low-enabled)}.db-mobile-navigation-back:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:var(--db-border-height-3xs);inset-block-end:0;inset-inline:0}.db-tab-list>ul::-webkit-scrollbar,.db-textarea textarea::-webkit-scrollbar{z-index:3;inline-size:.5rem;block-size:.5rem;background-color:var(--db-current-color-bg-lvl-1-enabled);border-start-end-radius:var(--db-border-radius-xs)}.db-tab-list>ul:hover::-webkit-scrollbar-button:single-button,.db-tab-list>ul:hover::-webkit-scrollbar-track,.db-textarea textarea:hover::-webkit-scrollbar-button:single-button,.db-textarea textarea:hover::-webkit-scrollbar-track{background-color:var(--db-current-color-bg-transparent-hover)}.db-tab-list>ul:read-only::-webkit-scrollbar-button:single-button,.db-tab-list>ul:read-only::-webkit-scrollbar-track,.db-textarea textarea:read-only::-webkit-scrollbar-button:single-button,.db-textarea textarea:read-only::-webkit-scrollbar-track{background-color:var(--db-current-color-bg-lvl-1-enabled)!important}.db-tab-list>ul::-webkit-scrollbar-track,.db-textarea textarea::-webkit-scrollbar-track{background-color:var(--db-current-color-bg-transparent-semi-enabled)}.db-tab-list>ul::-webkit-scrollbar-thumb,.db-textarea textarea::-webkit-scrollbar-thumb{background-color:var(--db-current-color-bg-transparent-pressed)}.db-tab-list>ul::-webkit-scrollbar-button:single-button,.db-textarea textarea::-webkit-scrollbar-button:single-button{background-color:var(--db-current-color-bg-transparent-semi-enabled);background-size:.5rem;background-repeat:no-repeat;background-position:50%;block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + calc(var(--db-type-body-font-size-2xs) * var(--db-type-body-line-height-2xs)))}.db-tab-list>ul::-webkit-scrollbar-button:single-button:hover,.db-textarea textarea::-webkit-scrollbar-button:single-button:hover{background-color:var(--db-current-color-bg-transparent-hover)}.db-tab-list>ul::-webkit-scrollbar-button:single-button:active,.db-textarea textarea::-webkit-scrollbar-button:single-button:active{background-color:var(--db-current-color-bg-transparent-pressed)}.db-tab-list>ul::-webkit-scrollbar-button:single-button:vertical:decrement,.db-textarea textarea::-webkit-scrollbar-button:single-button:vertical:decrement{background-image:var(--db-textarea-scrollbar-button-decrement)}.db-tab-list>ul::-webkit-scrollbar-button:single-button:vertical:increment,.db-textarea textarea::-webkit-scrollbar-button:single-button:vertical:increment{background-image:var(--db-textarea-scrollbar-button-increment)}.db-tab-list>ul[data-variant=floating]::-webkit-resizer,.db-textarea textarea[data-variant=floating]::-webkit-resizer{background-color:var(--db-current-color-bg-transparent-semi-enabled)}.db-tab-list>ul[data-variant=floating]::-webkit-scrollbar-corner,.db-textarea textarea[data-variant=floating]::-webkit-scrollbar-corner{background-color:var(--db-current-color-bg-lvl-1-enabled)}.db-tab-list>ul::-webkit-resizer,.db-textarea textarea::-webkit-resizer{background-color:var(--db-current-color-bg-transparent-full-enabled);background-size:.5rem;background-repeat:no-repeat;background-position:50%;background-image:var(--db-textarea-resizer-image);border-end-end-radius:var(--db-border-radius-xs)}.db-tab-list>ul::-webkit-scrollbar-corner,.db-textarea textarea::-webkit-scrollbar-corner{border-end-end-radius:var(--db-border-radius-xs)}.db-textarea textarea[data-resize=none]{resize:none}.db-textarea textarea[data-resize=both]{resize:both}.db-textarea textarea[data-resize=horizontal]{resize:horizontal}.db-textarea textarea[data-resize=vertical]{resize:vertical}.db-textarea{--db-form-has-before:0;--db-current-icon-color:var(--db-current-color-enabled);position:relative;display:flex;flex-direction:column}.db-textarea[data-variant=floating] label{opacity:.4;position:absolute;z-index:2;inset-block-start:calc((var(--db-sizing-md) - calc(var(--db-base-font-size) * var(--db-base-line-height)))/2);inset-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm))}.db-textarea[data-variant=floating]:after,.db-textarea[data-variant=floating]:before{inset-block-start:calc(var(--db-sizing-md)/2 - calc(var(--db-base-font-size) * var(--db-base-line-height))/2)}.db-textarea[data-variant=floating] [id$=-placeholder]{inset-block-start:calc(50% - .5em + var(--db-spacing-fixed-3xs))}.db-textarea[data-variant=floating] textarea{-webkit-padding-before:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + calc(var(--db-type-body-font-size-2xs) * var(--db-type-body-line-height-2xs)));padding-block-start:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + calc(var(--db-type-body-font-size-2xs) * var(--db-type-body-line-height-2xs)))}.db-textarea[data-variant=floating] textarea+[id$=-placeholder],.db-textarea[data-variant=floating] textarea::placeholder{transition:none;opacity:0}.db-textarea[data-variant=floating]:has(>select option:checked:not([hidden])) label,.db-textarea[data-variant=floating]:has(textarea:focus-within) label,.db-textarea[data-variant=floating]:has(textarea:is(input,textarea):not(:placeholder-shown)) label{inset-block-start:var(--db-spacing-fixed-2xs);opacity:1}.db-textarea[data-variant=floating]:has(>select option:checked:not([hidden])) textarea+[id$=-placeholder],.db-textarea[data-variant=floating]:has(>select option:checked:not([hidden])) textarea::placeholder,.db-textarea[data-variant=floating]:has(textarea:focus-within) textarea+[id$=-placeholder],.db-textarea[data-variant=floating]:has(textarea:focus-within) textarea::placeholder,.db-textarea[data-variant=floating]:has(textarea:is(input,textarea):not(:placeholder-shown)) textarea+[id$=-placeholder],.db-textarea[data-variant=floating]:has(textarea:is(input,textarea):not(:placeholder-shown)) textarea::placeholder{transition:opacity var(--db-transition-straight-emotional);opacity:.4}.db-textarea:has(textarea:required) label:after,.db-textarea:has(textarea:required):is(label):after{content:"*";-webkit-padding-start:var(--db-spacing-fixed-2xs);padding-inline-start:var(--db-spacing-fixed-2xs)}.db-textarea:has(textarea:not([data-custom-validity]):is(:required,[minlength],[maxlength]):user-valid) .db-infotext[data-semantic=successful]{display:flex}.db-textarea:has(textarea:not([data-custom-validity]):is(:required,[minlength],[maxlength]):user-valid) .db-infotext:not([data-semantic]){display:none}.db-textarea:has(textarea:not([data-custom-validity]):is(:required,[minlength],[maxlength]):user-valid) [id$=-placeholder],.db-textarea:has(textarea:not([data-custom-validity]):is(:required,[minlength],[maxlength]):user-valid) textarea{color:var(--db-successful-on-bg-enabled);caret-color:var(--db-successful-on-bg-enabled)}.db-textarea:has(textarea:not([data-custom-validity]):is(:required,[minlength],[maxlength]):user-valid){--db-textarea-read-only:var(--db-successful-bg-lvl-1-enabled);--db-current-color-bg-transparent-full-enabled:var( --db-successful-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-successful-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-successful-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-successful-bg-transparent-pressed );--db-current-color-enabled:var(--db-successful-on-bg-enabled);--db-current-color-border:var(--db-successful-border)}.db-textarea:has(textarea[data-custom-validity=valid]) .db-infotext[data-semantic=successful]{display:flex}.db-textarea:has(textarea[data-custom-validity=valid]) .db-infotext:not([data-semantic]){display:none}.db-textarea:has(textarea[data-custom-validity=valid]) [id$=-placeholder],.db-textarea:has(textarea[data-custom-validity=valid]) textarea{color:var(--db-successful-on-bg-enabled);caret-color:var(--db-successful-on-bg-enabled)}.db-textarea:has(textarea[data-custom-validity=valid]){--db-textarea-read-only:var(--db-successful-bg-lvl-1-enabled);--db-current-color-bg-transparent-full-enabled:var( --db-successful-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-successful-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-successful-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-successful-bg-transparent-pressed );--db-current-color-enabled:var(--db-successful-on-bg-enabled);--db-current-color-border:var(--db-successful-border)}.db-textarea:has(textarea:not([data-custom-validity]):is(:required,[minlength],[maxlength]):user-invalid) .db-infotext[data-semantic=critical]{display:flex}.db-textarea:has(textarea:not([data-custom-validity]):is(:required,[minlength],[maxlength]):user-invalid) .db-infotext:not([data-semantic]){display:none}.db-textarea:has(textarea:not([data-custom-validity]):is(:required,[minlength],[maxlength]):user-invalid) [id$=-placeholder],.db-textarea:has(textarea:not([data-custom-validity]):is(:required,[minlength],[maxlength]):user-invalid) textarea{color:var(--db-successful-on-bg-enabled);caret-color:var(--db-successful-on-bg-enabled)}.db-textarea:has(textarea:not([data-custom-validity]):is(:required,[minlength],[maxlength]):user-invalid){--db-textarea-read-only:var(--db-critical-bg-lvl-1-enabled);--db-current-color-bg-transparent-full-enabled:var( --db-critical-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-critical-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-critical-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-critical-bg-transparent-pressed );--db-current-color-enabled:var(--db-critical-on-bg-enabled);--db-current-color-border:var(--db-critical-border)}.db-textarea:has(textarea[data-custom-validity=invalid]) .db-infotext[data-semantic=critical]{display:flex}.db-textarea:has(textarea[data-custom-validity=invalid]) .db-infotext:not([data-semantic]){display:none}.db-textarea:has(textarea[data-custom-validity=invalid]) [id$=-placeholder],.db-textarea:has(textarea[data-custom-validity=invalid]) textarea{color:var(--db-successful-on-bg-enabled);caret-color:var(--db-successful-on-bg-enabled)}.db-textarea:has(textarea[data-custom-validity=invalid]){--db-textarea-read-only:var(--db-critical-bg-lvl-1-enabled);--db-current-color-bg-transparent-full-enabled:var( --db-critical-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-critical-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-critical-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-critical-bg-transparent-pressed );--db-current-color-enabled:var(--db-critical-on-bg-enabled);--db-current-color-border:var(--db-critical-border)}.db-textarea textarea{background-color:var(--db-current-color-bg-transparent-semi-enabled);caret-color:var(--db-current-color-enabled);-webkit-appearance:none;-moz-appearance:none;appearance:none;max-inline-size:100%;inline-size:100%;padding-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end,var(--db-spacing-fixed-sm))}.db-textarea textarea+[id$=-placeholder],.db-textarea textarea::placeholder{opacity:.4}.db-textarea textarea:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-transparent-hover)}.db-textarea textarea:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-textarea textarea:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-textarea textarea:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-textarea textarea:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-textarea textarea:is(input,textarea):not(:disabled):-moz-read-only{background-color:var(--db-textarea-read-only,var(--db-current-color-bg-lvl-1-enabled))!important}.db-textarea textarea:is(input,textarea):not(:disabled):read-only{background-color:var(--db-textarea-read-only,var(--db-current-color-bg-lvl-1-enabled))!important}.db-textarea label{-webkit-padding-after:var(--db-spacing-fixed-xs);padding-block-end:var(--db-spacing-fixed-xs);pointer-events:none;cursor:text;transition:font-size var(--db-transition-straight-emotional);max-inline-size:25ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.db-textarea[data-variant=hidden] label{padding:0}.db-textarea:has(textarea:disabled){opacity:.4;pointer-events:none}.db-textarea:after,.db-textarea:before{position:absolute;pointer-events:none;inset-block-start:calc(var(--db-sizing-md)/2 - var(--db-spacing-fixed-xs)*var(--db-label-visible-spacing, 0) + calc(var(--db-type-body-font-size-xs) * var(--db-type-body-line-height-xs))*var(--db-label-visible-height, 1) - 1px)}.db-textarea:before{-webkit-margin-end:var(--db-spacing-fixed-sm);margin-inline-end:var(--db-spacing-fixed-sm);inset-inline-start:var(--db-spacing-fixed-sm)}.db-textarea:after{-webkit-margin-start:var(--db-spacing-fixed-sm);margin-inline-start:var(--db-spacing-fixed-sm);inset-inline-end:var(--db-spacing-fixed-sm)}.db-textarea textarea{cursor:auto;overflow-y:scroll;padding-block:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-xs)}.db-textarea[data-variant=floating]:has(textarea:focus-within):before,.db-textarea[data-variant=floating]:has(textarea:not(:placeholder-shown)):before{border-radius:var(--db-border-radius-xs) 0 0 0;position:absolute;content:"";inset-block-start:0;block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + calc(var(--db-type-body-font-size-2xs) * var(--db-type-body-line-height-2xs)));margin-inline:0;inline-size:calc(100% - .5rem - 1px);inset-inline:0;background-color:var(--db-current-color-bg-lvl-1-enabled)}.db-textarea[data-variant=floating]:has(textarea:focus-within):after,.db-textarea[data-variant=floating]:has(textarea:not(:placeholder-shown)):after{border-radius:var(--db-border-radius-xs) 0 0 0;position:absolute;content:"";inset-block-start:0;block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + calc(var(--db-type-body-font-size-2xs) * var(--db-type-body-line-height-2xs)));margin-inline:0;inline-size:calc(100% - .5rem - 1px);inset-inline:0;background-color:var(--db-current-color-bg-transparent-semi-enabled);z-index:1;-webkit-border-after:none;border-block-end:none;-webkit-border-end:none;border-inline-end:none}.db-textarea[data-variant=floating]:has(textarea:focus-within):has(textarea:not(:disabled):hover):after,.db-textarea[data-variant=floating]:has(textarea:not(:placeholder-shown)):has(textarea:not(:disabled):hover):after{background-color:var(--db-current-color-bg-transparent-hover)}.db-textarea[data-variant=floating]:has(textarea:focus-within):has(textarea:-moz-read-only):after,.db-textarea[data-variant=floating]:has(textarea:not(:placeholder-shown)):has(textarea:-moz-read-only):after{background-color:var(--db-current-color-bg-lvl-1-enabled)!important}.db-textarea[data-variant=floating]:has(textarea:focus-within):has(textarea:read-only):after,.db-textarea[data-variant=floating]:has(textarea:not(:placeholder-shown)):has(textarea:read-only):after{background-color:var(--db-current-color-bg-lvl-1-enabled)!important}.db-badge[data-placement^=corner]{position:absolute;transform:translate(var(--badge-transform-x),var(--badge-transform-y))}[data-placement$=right].db-badge[data-placement^=corner]{--badge-transform-x:50%;inset-inline-end:0}[data-placement$=left].db-badge[data-placement^=corner]{--badge-transform-x:-50%;inset-inline-start:0}[data-placement*=top].db-badge[data-placement^=corner]{--badge-transform-y:-50%;inset-block-start:0}[data-placement*=center].db-badge[data-placement^=corner]{--badge-transform-y:-50%;inset-block-start:50%}[data-placement*=bottom].db-badge[data-placement^=corner]{--badge-transform-y:50%;inset-block-end:0}.db-badge{--badge-size:var(--db-spacing-fixed-xs);background-color:var(--db-current-color-bg-lvl-1-enabled);border-radius:42px;padding-inline:var(--db-spacing-fixed-2xs);block-size:-moz-fit-content;block-size:fit-content;inline-size:-moz-fit-content;inline-size:fit-content}.db-badge:empty,.db-badge>span:empty{block-size:var(--badge-size);inline-size:var(--badge-size);padding:0}.db-badge:has(.db-icon){padding:var(--db-spacing-fixed-3xs)}.db-badge[data-size=medium]{--badge-size:var(--db-spacing-fixed-sm);padding-inline:var(--db-spacing-fixed-xs)}.db-badge[data-size=medium]:empty,.db-badge[data-size=medium]>span:empty{padding:0}.db-badge[data-size=medium]:has(.db-icon){padding:var(--db-spacing-fixed-2xs)}.db-accordion:not([data-variant]) .db-accordion-item+.db-accordion-item,.db-accordion:not([data-variant]) db-accordion-item+db-accordion-item .db-accordion-item{--db-divider-bg-color:var(--db-current-color-border);position:relative;-webkit-margin-before:calc(2*var(--db-spacing-fixed-sm));margin-block-start:calc(2*var(--db-spacing-fixed-sm))}.db-accordion:not([data-variant]) .db-accordion-item+.db-accordion-item[data-emphasis=strong],.db-accordion:not([data-variant]) db-accordion-item+db-accordion-item .db-accordion-item[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-color-contrast-low-enabled)}.db-accordion:not([data-variant]) .db-accordion-item+.db-accordion-item:before,.db-accordion:not([data-variant]) db-accordion-item+db-accordion-item .db-accordion-item:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:var(--db-border-height-3xs);inset-block-start:0;inset-inline:0;inset-block-start:calc(-1*var(--db-spacing-fixed-sm))}.db-accordion[data-variant=card] .db-accordion-item+.db-accordion-item,.db-accordion[data-variant=card] db-accordion-item+db-accordion-item .db-accordion-item{-webkit-margin-before:var(--db-spacing-fixed-sm);margin-block-start:var(--db-spacing-fixed-sm)}.db-accordion[data-variant=card] .db-accordion-item:after{content:"";position:absolute;inset-inline-start:0;inset-block-start:0;inline-size:100%;block-size:100%;border-radius:var(--db-border-radius-sm);pointer-events:none}.db-accordion-item{position:relative;inline-size:100%;border-radius:var(--db-border-radius-sm)}.db-accordion-item summary+div{padding:var(--db-spacing-fixed-md);-webkit-padding-after:var(--db-spacing-fixed-lg);padding-block-end:var(--db-spacing-fixed-lg)}.db-accordion-item[aria-disabled=true]{pointer-events:none;opacity:.4}.db-accordion-item summary{background-color:var(--db-current-color-bg-transparent-full-enabled);list-style:none;display:flex;justify-content:space-between;padding:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md);border-radius:var(--db-border-radius-sm)}.db-accordion-item summary:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-transparent-hover)}.db-accordion-item summary:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-accordion-item summary:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-accordion-item summary:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-accordion-item summary:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-accordion-item summary:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-transparent-pressed)}.db-accordion-item summary:active:not(:disabled):not([aria-disabled=true]):is(input),.db-accordion-item summary:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-accordion-item summary:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-accordion-item summary:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-accordion-item summary::-webkit-details-marker{display:none}.db-accordion-item summary:after{inset-inline-end:var(--db-spacing-fixed-sm)}.db-accordion-item summary:focus-visible{border-radius:var(--db-border-radius-xs)}.db-accordion-item[open] summary+div{animation:accordion-open var(--db-transition-straight-emotional) normal both}.db-accordion-item[open] summary:after{transform:rotate(-180deg)}.db-navigation{-webkit-tap-highlight-color:rgba(0,0,0,0);inline-size:100%}@media screen and (min-width:64em){.db-navigation:not([data-force-mobile]),.db-navigation[data-force-mobile=false]{-webkit-tap-highlight-color:inherit;inline-size:auto}}.db-navigation>menu{display:flex;flex-direction:column;padding:0;margin:0;gap:var(--db-spacing-fixed-sm)}@media screen and (min-width:64em){.db-navigation>menu:not([data-force-mobile]),.db-navigation>menu[data-force-mobile=false]{flex-direction:row}}@media screen and (min-width:64em){.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:after{--db-icon-margin-start:var(--db-spacing-fixed-sm);--db-icon-after:"chevron_down";transition:transform var(--db-transition-straight-emotional)}.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):focus-visible:after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:focus-visible):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:focus-within):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:hover):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):hover:after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:focus-visible:after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:focus-visible):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:focus-within):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:hover):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:hover:after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):focus-visible:after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:focus-visible):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:focus-within):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:hover):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):hover:after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:focus-visible:after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:focus-visible):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:focus-within):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:hover):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:hover:after{transform:rotate(-180deg)}}@media screen and (min-width:64em){.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:after{--db-icon-after:"chevron_right";--db-icon-margin-start:auto}.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):focus-visible:after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:focus-visible):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:focus-within):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:hover):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):hover:after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:focus-visible:after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:focus-visible):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:focus-within):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:hover):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:hover:after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):focus-visible:after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:focus-visible):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:focus-within):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:hover):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):hover:after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:focus-visible:after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:focus-visible):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:focus-within):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:hover):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:hover:after{transform:none}}.db-navigation>menu .db-navigation-item:has([aria-current=page]) menu :has([aria-current=page]):after,.db-navigation>menu .db-navigation-item:has([aria-current=page]) menu [aria-current=page]:after,.db-navigation>menu .db-navigation-item[aria-current=page] menu :has([aria-current=page]):after,.db-navigation>menu .db-navigation-item[aria-current=page] menu [aria-current=page]:after{display:none}@media screen and (min-width:64em){.db-navigation[data-force-close=true]>menu menu:not([data-force-mobile]),.db-navigation[data-force-close=true]>menu menu[data-force-mobile=false]{display:none}}.db-popover>article:not([data-placement]),.db-popover>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-placement$=end]):not([data-placement$=start]),.db-popover>article[data-outside-vy=top]:not([data-outside-vx]):not([data-placement$=end]):not([data-placement$=start]),.db-popover>article[data-placement=bottom]:not([data-outside-vy]),.db-popover>article[data-placement=top]:not([data-outside-vy]){--db-popover-center-x:-50%;inset-inline-start:50%}.db-popover>article[data-outside-vx=left]:not([data-placement$=end]):not([data-placement$=start]),.db-popover>article[data-outside-vx=right]:not([data-placement$=end]):not([data-placement$=start]),.db-popover>article[data-placement=left]:not([data-outside-vx]),.db-popover>article[data-placement=right]:not([data-outside-vx]){--db-popover-center-y:-50%;inset-block-start:50%}.db-popover>article,.db-tooltip{--db-popover-distance:var(--db-spacing-fixed-2xs)}.db-popover>article:before,.db-tooltip:before{content:"";position:absolute}.db-popover>article[data-gap=true],[data-gap=true].db-tooltip{--db-popover-gap:1;--db-popover-distance:var(--db-spacing-fixed-md)}.db-popover>article:is(.db-tooltip),.db-tooltip:is(.db-tooltip){--db-popover-distance:var(--db-spacing-fixed-sm)}.db-popover>article[data-outside-vy=bottom]:not([data-outside-vx])[data-placement$=end],.db-popover>article[data-outside-vy=top]:not([data-outside-vx])[data-placement$=end],.db-popover>article[data-placement^=bottom]:not([data-outside-vy])[data-placement$=end],.db-popover>article[data-placement^=top]:not([data-outside-vy])[data-placement$=end],[data-outside-vy=bottom].db-tooltip:not([data-outside-vx])[data-placement$=end],[data-outside-vy=top].db-tooltip:not([data-outside-vx])[data-placement$=end],[data-placement^=bottom].db-tooltip:not([data-outside-vy])[data-placement$=end],[data-placement^=top].db-tooltip:not([data-outside-vy])[data-placement$=end]{inset-inline-end:0}.db-popover>article[data-outside-vy=bottom]:not([data-outside-vx])[data-placement$=start],.db-popover>article[data-outside-vy=top]:not([data-outside-vx])[data-placement$=start],.db-popover>article[data-placement^=bottom]:not([data-outside-vy])[data-placement$=start],.db-popover>article[data-placement^=top]:not([data-outside-vy])[data-placement$=start],[data-outside-vy=bottom].db-tooltip:not([data-outside-vx])[data-placement$=start],[data-outside-vy=top].db-tooltip:not([data-outside-vx])[data-placement$=start],[data-placement^=bottom].db-tooltip:not([data-outside-vy])[data-placement$=start],[data-placement^=top].db-tooltip:not([data-outside-vy])[data-placement$=start]{inset-inline-start:0}.db-popover>article[data-outside-vx=left][data-placement$=end],.db-popover>article[data-outside-vx=right][data-placement$=end],.db-popover>article[data-placement^=left]:not([data-outside-vx])[data-placement$=end],.db-popover>article[data-placement^=right]:not([data-outside-vx])[data-placement$=end],[data-outside-vx=left][data-placement$=end].db-tooltip,[data-outside-vx=right][data-placement$=end].db-tooltip,[data-placement^=left].db-tooltip:not([data-outside-vx])[data-placement$=end],[data-placement^=right].db-tooltip:not([data-outside-vx])[data-placement$=end]{inset-block-end:0}.db-popover>article[data-outside-vx=left][data-placement$=start],.db-popover>article[data-outside-vx=right][data-placement$=start],.db-popover>article[data-placement^=left]:not([data-outside-vx])[data-placement$=start],.db-popover>article[data-placement^=right]:not([data-outside-vx])[data-placement$=start],[data-outside-vx=left][data-placement$=start].db-tooltip,[data-outside-vx=right][data-placement$=start].db-tooltip,[data-placement^=left].db-tooltip:not([data-outside-vx])[data-placement$=start],[data-placement^=right].db-tooltip:not([data-outside-vx])[data-placement$=start]{inset-block-start:0}.db-popover>article:not([data-placement]):not([data-outside-vy]),.db-popover>article[data-outside-vy=top]:not([data-outside-vx]),.db-popover>article[data-placement^=bottom]:not([data-outside-vy]),.db-tooltip:not([data-placement]):not([data-outside-vy]),[data-outside-vy=top].db-tooltip:not([data-outside-vx]),[data-placement^=bottom].db-tooltip:not([data-outside-vy]){inset-block-start:calc(100% + var(--db-popover-distance)*var(--db-popover-gap, 0))}.db-popover>article:not([data-placement]):not([data-outside-vy]):before,.db-popover>article[data-outside-vy=top]:not([data-outside-vx]):before,.db-popover>article[data-placement^=bottom]:not([data-outside-vy]):before,.db-tooltip:not([data-placement]):not([data-outside-vy]):before,[data-outside-vy=top].db-tooltip:not([data-outside-vx]):before,[data-placement^=bottom].db-tooltip:not([data-outside-vy]):before{inset-inline-start:0;inline-size:100%;block-size:var(--db-popover-distance);inset-block-start:calc(-1*var(--db-popover-distance))}.db-popover>article[data-outside-vy=bottom]:not([data-outside-vx]),.db-popover>article[data-placement^=top]:not([data-outside-vy]),[data-outside-vy=bottom].db-tooltip:not([data-outside-vx]),[data-placement^=top].db-tooltip:not([data-outside-vy]){inset-block-end:calc(100% + var(--db-popover-distance)*var(--db-popover-gap, 0))}.db-popover>article[data-outside-vy=bottom]:not([data-outside-vx]):before,.db-popover>article[data-placement^=top]:not([data-outside-vy]):before,[data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):before,[data-placement^=top].db-tooltip:not([data-outside-vy]):before{inset-inline-end:0;inline-size:100%;block-size:var(--db-popover-distance);inset-block-end:calc(-1*var(--db-popover-distance))}.db-popover>article[data-outside-vx=right],.db-popover>article[data-placement^=left]:not([data-outside-vx]),[data-outside-vx=right].db-tooltip,[data-placement^=left].db-tooltip:not([data-outside-vx]){inset-inline-end:calc(100% + var(--db-popover-distance)*var(--db-popover-gap, 0))}.db-popover>article[data-outside-vx=right]:before,.db-popover>article[data-placement^=left]:not([data-outside-vx]):before,[data-outside-vx=right].db-tooltip:before,[data-placement^=left].db-tooltip:not([data-outside-vx]):before{inset-block-end:0;block-size:100%;inline-size:var(--db-popover-distance);inset-inline-end:calc(-1*var(--db-popover-distance))}.db-popover>article[data-outside-vx=left],.db-popover>article[data-placement^=right]:not([data-outside-vx]),[data-outside-vx=left].db-tooltip,[data-placement^=right].db-tooltip:not([data-outside-vx]){inset-inline-start:calc(100% + var(--db-popover-distance)*var(--db-popover-gap, 0))}.db-popover>article[data-outside-vx=left]:before,.db-popover>article[data-placement^=right]:not([data-outside-vx]):before,[data-outside-vx=left].db-tooltip:before,[data-placement^=right].db-tooltip:not([data-outside-vx]):before{inset-block-start:0;block-size:100%;inline-size:var(--db-popover-distance);inset-inline-start:calc(-1*var(--db-popover-distance))}.db-popover:focus-within>article,.db-popover:hover>article,.db-popover>article[data-open=true],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus .db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover .db-tooltip:first-of-type{visibility:visible}.db-popover:focus-within>article:not([data-placement]):not([data-outside-vy]),.db-popover:focus-within>article[data-outside-vy=top]:not([data-outside-vx]),.db-popover:focus-within>article[data-placement^=bottom]:not([data-outside-vy]),.db-popover:hover>article:not([data-placement]):not([data-outside-vy]),.db-popover:hover>article[data-outside-vy=top]:not([data-outside-vx]),.db-popover:hover>article[data-placement^=bottom]:not([data-outside-vy]),.db-popover>article[data-open=true]:not([data-placement]):not([data-outside-vy]),.db-popover>article[data-outside-vy=top][data-open=true]:not([data-outside-vx]),.db-popover>article[data-placement^=bottom][data-open=true]:not([data-outside-vy]),:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-outside-vy]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=top].db-tooltip:not([data-outside-vx]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-outside-vy]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-outside-vy]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=top].db-tooltip:not([data-outside-vx]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-outside-vy]):first-of-type{--db-popover-translate-y:-25%}.db-popover:focus-within>article:not([data-placement]):not([data-outside-vy])[data-animation=disabled],.db-popover:focus-within>article[data-outside-vy=top]:not([data-outside-vx])[data-animation=disabled],.db-popover:focus-within>article[data-placement^=bottom]:not([data-outside-vy])[data-animation=disabled],.db-popover:hover>article:not([data-placement]):not([data-outside-vy])[data-animation=disabled],.db-popover:hover>article[data-outside-vy=top]:not([data-outside-vx])[data-animation=disabled],.db-popover:hover>article[data-placement^=bottom]:not([data-outside-vy])[data-animation=disabled],.db-popover>article[data-open=true]:not([data-placement]):not([data-outside-vy])[data-animation=disabled],.db-popover>article[data-outside-vy=top][data-open=true]:not([data-outside-vx])[data-animation=disabled],.db-popover>article[data-placement^=bottom][data-open=true]:not([data-outside-vy])[data-animation=disabled],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-outside-vy])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=top].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-outside-vy])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-outside-vy])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=top].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-outside-vy])[data-animation=disabled]:first-of-type{opacity:1}.db-popover:focus-within>article:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled]),.db-popover:focus-within>article[data-outside-vy=top]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover:focus-within>article[data-placement^=bottom]:not([data-outside-vy]):not([data-animation=disabled]),.db-popover:hover>article:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled]),.db-popover:hover>article[data-outside-vy=top]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover:hover>article[data-placement^=bottom]:not([data-outside-vy]):not([data-animation=disabled]),.db-popover>article[data-open=true]:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled]),.db-popover>article[data-outside-vy=top][data-open=true]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover>article[data-placement^=bottom][data-open=true]:not([data-outside-vy]):not([data-animation=disabled]),:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=top].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-outside-vy]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=top].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-outside-vy]):not([data-animation=disabled]):first-of-type{animation:popover-animation var(--db-transition-straight-emotional) normal both}.db-popover:focus-within>article:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover:focus-within>article[data-outside-vy=top]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover:focus-within>article[data-placement^=bottom]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-outside-vy=top]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-placement^=bottom]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-open=true]:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-outside-vy=top][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-placement^=bottom][data-open=true]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=top].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=top].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow]:first-of-type{animation-delay:var(--db-transition-duration-fast)}.db-popover:focus-within>article:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover:focus-within>article[data-outside-vy=top]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover:focus-within>article[data-placement^=bottom]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-outside-vy=top]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-placement^=bottom]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-open=true]:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-outside-vy=top][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-placement^=bottom][data-open=true]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=top].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=top].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast]:first-of-type{animation-delay:calc(var(--db-transition-duration-fast)/2)}.db-popover:focus-within>article[data-outside-vy=bottom]:not([data-outside-vx]),.db-popover:focus-within>article[data-placement^=top]:not([data-outside-vy]),.db-popover:hover>article[data-outside-vy=bottom]:not([data-outside-vx]),.db-popover:hover>article[data-placement^=top]:not([data-outside-vy]),.db-popover>article[data-outside-vy=bottom][data-open=true]:not([data-outside-vx]),.db-popover>article[data-placement^=top][data-open=true]:not([data-outside-vy]),:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-outside-vy]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-outside-vy]):first-of-type{--db-popover-translate-y:25%}.db-popover:focus-within>article[data-outside-vy=bottom]:not([data-outside-vx])[data-animation=disabled],.db-popover:focus-within>article[data-placement^=top]:not([data-outside-vy])[data-animation=disabled],.db-popover:hover>article[data-outside-vy=bottom]:not([data-outside-vx])[data-animation=disabled],.db-popover:hover>article[data-placement^=top]:not([data-outside-vy])[data-animation=disabled],.db-popover>article[data-outside-vy=bottom][data-open=true]:not([data-outside-vx])[data-animation=disabled],.db-popover>article[data-placement^=top][data-open=true]:not([data-outside-vy])[data-animation=disabled],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=bottom].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-outside-vy])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=bottom].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-outside-vy])[data-animation=disabled]:first-of-type{opacity:1}.db-popover:focus-within>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover:focus-within>article[data-placement^=top]:not([data-outside-vy]):not([data-animation=disabled]),.db-popover:hover>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover:hover>article[data-placement^=top]:not([data-outside-vy]):not([data-animation=disabled]),.db-popover>article[data-outside-vy=bottom][data-open=true]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover>article[data-placement^=top][data-open=true]:not([data-outside-vy]):not([data-animation=disabled]),:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-outside-vy]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-outside-vy]):not([data-animation=disabled]):first-of-type{animation:popover-animation var(--db-transition-straight-emotional) normal both}.db-popover:focus-within>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover:focus-within>article[data-placement^=top]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-placement^=top]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-outside-vy=bottom][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-placement^=top][data-open=true]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow]:first-of-type{animation-delay:var(--db-transition-duration-fast)}.db-popover:focus-within>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover:focus-within>article[data-placement^=top]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-placement^=top]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-outside-vy=bottom][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-placement^=top][data-open=true]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast]:first-of-type{animation-delay:calc(var(--db-transition-duration-fast)/2)}.db-popover:focus-within>article[data-outside-vx=left],.db-popover:focus-within>article[data-placement^=right]:not([data-outside-vx]),.db-popover:hover>article[data-outside-vx=left],.db-popover:hover>article[data-placement^=right]:not([data-outside-vx]),.db-popover>article[data-outside-vx=left][data-open=true],.db-popover>article[data-placement^=right][data-open=true]:not([data-outside-vx]),:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=left].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-outside-vx]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=left].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-outside-vx]):first-of-type{--db-popover-translate-x:-25%}.db-popover:focus-within>article[data-outside-vx=left][data-animation=disabled],.db-popover:focus-within>article[data-placement^=right]:not([data-outside-vx])[data-animation=disabled],.db-popover:hover>article[data-outside-vx=left][data-animation=disabled],.db-popover:hover>article[data-placement^=right]:not([data-outside-vx])[data-animation=disabled],.db-popover>article[data-outside-vx=left][data-animation=disabled][data-open=true],.db-popover>article[data-placement^=right][data-open=true]:not([data-outside-vx])[data-animation=disabled],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=left][data-animation=disabled].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=left][data-animation=disabled].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type{opacity:1}.db-popover:focus-within>article[data-outside-vx=left]:not([data-animation=disabled]),.db-popover:focus-within>article[data-placement^=right]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover:hover>article[data-outside-vx=left]:not([data-animation=disabled]),.db-popover:hover>article[data-placement^=right]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover>article[data-outside-vx=left][data-open=true]:not([data-animation=disabled]),.db-popover>article[data-placement^=right][data-open=true]:not([data-outside-vx]):not([data-animation=disabled]),:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=left].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=left].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type{animation:popover-animation var(--db-transition-straight-emotional) normal both}.db-popover:focus-within>article[data-outside-vx=left]:not([data-animation=disabled])[data-delay=slow],.db-popover:focus-within>article[data-placement^=right]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-outside-vx=left]:not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-placement^=right]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-outside-vx=left][data-open=true]:not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-placement^=right][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=left].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=left].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type{animation-delay:var(--db-transition-duration-fast)}.db-popover:focus-within>article[data-outside-vx=left]:not([data-animation=disabled])[data-delay=fast],.db-popover:focus-within>article[data-placement^=right]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-outside-vx=left]:not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-placement^=right]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-outside-vx=left][data-open=true]:not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-placement^=right][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=left].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=left].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type{animation-delay:calc(var(--db-transition-duration-fast)/2)}.db-popover:focus-within>article[data-outside-vx=right],.db-popover:focus-within>article[data-placement^=left]:not([data-outside-vx]),.db-popover:hover>article[data-outside-vx=right],.db-popover:hover>article[data-placement^=left]:not([data-outside-vx]),.db-popover>article[data-outside-vx=right][data-open=true],.db-popover>article[data-placement^=left][data-open=true]:not([data-outside-vx]),:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=right].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-outside-vx]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=right].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-outside-vx]):first-of-type{--db-popover-translate-x:25%}.db-popover:focus-within>article[data-outside-vx=right][data-animation=disabled],.db-popover:focus-within>article[data-placement^=left]:not([data-outside-vx])[data-animation=disabled],.db-popover:hover>article[data-outside-vx=right][data-animation=disabled],.db-popover:hover>article[data-placement^=left]:not([data-outside-vx])[data-animation=disabled],.db-popover>article[data-outside-vx=right][data-animation=disabled][data-open=true],.db-popover>article[data-placement^=left][data-open=true]:not([data-outside-vx])[data-animation=disabled],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=right][data-animation=disabled].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=right][data-animation=disabled].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type{opacity:1}.db-popover:focus-within>article[data-outside-vx=right]:not([data-animation=disabled]),.db-popover:focus-within>article[data-placement^=left]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover:hover>article[data-outside-vx=right]:not([data-animation=disabled]),.db-popover:hover>article[data-placement^=left]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover>article[data-outside-vx=right][data-open=true]:not([data-animation=disabled]),.db-popover>article[data-placement^=left][data-open=true]:not([data-outside-vx]):not([data-animation=disabled]),:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=right].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=right].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type{animation:popover-animation var(--db-transition-straight-emotional) normal both}.db-popover:focus-within>article[data-outside-vx=right]:not([data-animation=disabled])[data-delay=slow],.db-popover:focus-within>article[data-placement^=left]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-outside-vx=right]:not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-placement^=left]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-outside-vx=right][data-open=true]:not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-placement^=left][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=right].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=right].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type{animation-delay:var(--db-transition-duration-fast)}.db-popover:focus-within>article[data-outside-vx=right]:not([data-animation=disabled])[data-delay=fast],.db-popover:focus-within>article[data-placement^=left]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-outside-vx=right]:not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-placement^=left]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-outside-vx=right][data-open=true]:not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-placement^=left][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=right].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=right].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type{animation-delay:calc(var(--db-transition-duration-fast)/2)}.db-popover>article,.db-tooltip{position:absolute;background-color:var(--db-current-color-bg-lvl-1-enabled);box-shadow:var(--db-elevation-md);visibility:hidden;z-index:1;white-space:nowrap}.db-popover>article[data-width=fixed],[data-width=fixed].db-tooltip{inline-size:max-content;max-inline-size:var(--db-sizing-3xl);white-space:normal;text-align:initial}.db-popover{position:relative}.db-popover>article,.db-popover>article[data-spacing=small]{padding:var(--db-spacing-fixed-sm)}.db-popover>article[data-spacing=medium]{padding:var(--db-spacing-fixed-md)}.db-popover>article[data-spacing=none]{padding:0}.db-tooltip{--default-card-elevation:var(--db-elevation-sm);--default-card-border-radius:var(--db-border-radius-xs);font-style:normal;font-weight:400;padding:var(--db-spacing-fixed-2xs) var(--db-spacing-fixed-xs)}.db-tooltip:not([data-variant=basic]):after{content:"";box-shadow:var(--db-elevation-md);position:absolute;background-color:var(--db-current-color-bg-lvl-1-enabled);inline-size:var(--db-sizing-2xs);block-size:var(--db-sizing-2xs);-webkit-clip-path:polygon(calc(var(--db-sizing-2xs) * -1) calc(var(--db-sizing-2xs) * -1),calc(100% + var(--db-sizing-2xs)) calc(var(--db-sizing-2xs) * -1),calc(100% + var(--db-sizing-2xs)) calc(100% + var(--db-sizing-2xs)));clip-path:polygon(calc(var(--db-sizing-2xs) * -1) calc(var(--db-sizing-2xs) * -1),calc(100% + var(--db-sizing-2xs)) calc(var(--db-sizing-2xs) * -1),calc(100% + var(--db-sizing-2xs)) calc(100% + var(--db-sizing-2xs)));border-radius:0 2px;transform:skew(-8deg,-8deg)}.db-tooltip:not([data-placement]):not([data-outside-vy]):after,.db-tooltip[data-outside-vy=top]:not([data-outside-vx]):after,.db-tooltip[data-placement^=bottom]:not([data-outside-vy]):after{inset-inline-start:50%;inset-block-start:0;translate:-50% -50%;rotate:315deg}.db-tooltip[data-outside-vy=bottom]:not([data-outside-vx]):after,.db-tooltip[data-placement^=top]:not([data-outside-vy]):after{inset-inline-start:50%;inset-block-end:0;translate:-50% 50%;rotate:135deg}.db-tooltip[data-outside-vx=left]:after,.db-tooltip[data-placement^=right]:not([data-outside-vx]):after{inset-block-start:50%;inset-inline-start:0;translate:-50% -50%;rotate:225deg}.db-tooltip[data-outside-vx=right]:after,.db-tooltip[data-placement^=left]:not([data-outside-vx]):after{inset-block-start:50%;inset-inline-end:0;translate:50% -50%;rotate:45deg}.db-tooltip[data-emphasis=strong]{--db-current-icon-color:var(--db-current-color-on-contrast-enabled);color:var(--db-current-color-on-contrast-enabled)}.db-tooltip[data-emphasis=strong],.db-tooltip[data-emphasis=strong]:after{background-color:var(--db-current-color-contrast-high-enabled)}.db-tab-list{position:relative}.db-tab-list>ul{display:flex;gap:var(--db-spacing-fixed-sm);scroll-behavior:smooth;padding:0;margin:0}.db-tabs db-tab-list:has([id$=-tab-0]:checked)~db-tab-panel>[id$=-tab-panel-0],.db-tabs db-tab-list:has([id$=-tab-0]:checked)~dbtabpanel>[id$=-tab-panel-0],.db-tabs dbtablist:has([id$=-tab-0]:checked)~db-tab-panel>[id$=-tab-panel-0],.db-tabs dbtablist:has([id$=-tab-0]:checked)~dbtabpanel>[id$=-tab-panel-0]{display:block}.db-tabs db-tab-list:has([id$=-tab-1]:checked)~db-tab-panel>[id$=-tab-panel-1],.db-tabs db-tab-list:has([id$=-tab-1]:checked)~dbtabpanel>[id$=-tab-panel-1],.db-tabs dbtablist:has([id$=-tab-1]:checked)~db-tab-panel>[id$=-tab-panel-1],.db-tabs dbtablist:has([id$=-tab-1]:checked)~dbtabpanel>[id$=-tab-panel-1]{display:block}.db-tabs db-tab-list:has([id$=-tab-2]:checked)~db-tab-panel>[id$=-tab-panel-2],.db-tabs db-tab-list:has([id$=-tab-2]:checked)~dbtabpanel>[id$=-tab-panel-2],.db-tabs dbtablist:has([id$=-tab-2]:checked)~db-tab-panel>[id$=-tab-panel-2],.db-tabs dbtablist:has([id$=-tab-2]:checked)~dbtabpanel>[id$=-tab-panel-2]{display:block}.db-tabs db-tab-list:has([id$=-tab-3]:checked)~db-tab-panel>[id$=-tab-panel-3],.db-tabs db-tab-list:has([id$=-tab-3]:checked)~dbtabpanel>[id$=-tab-panel-3],.db-tabs dbtablist:has([id$=-tab-3]:checked)~db-tab-panel>[id$=-tab-panel-3],.db-tabs dbtablist:has([id$=-tab-3]:checked)~dbtabpanel>[id$=-tab-panel-3]{display:block}.db-tabs db-tab-list:has([id$=-tab-4]:checked)~db-tab-panel>[id$=-tab-panel-4],.db-tabs db-tab-list:has([id$=-tab-4]:checked)~dbtabpanel>[id$=-tab-panel-4],.db-tabs dbtablist:has([id$=-tab-4]:checked)~db-tab-panel>[id$=-tab-panel-4],.db-tabs dbtablist:has([id$=-tab-4]:checked)~dbtabpanel>[id$=-tab-panel-4]{display:block}.db-tabs db-tab-list:has([id$=-tab-5]:checked)~db-tab-panel>[id$=-tab-panel-5],.db-tabs db-tab-list:has([id$=-tab-5]:checked)~dbtabpanel>[id$=-tab-panel-5],.db-tabs dbtablist:has([id$=-tab-5]:checked)~db-tab-panel>[id$=-tab-panel-5],.db-tabs dbtablist:has([id$=-tab-5]:checked)~dbtabpanel>[id$=-tab-panel-5]{display:block}.db-tabs db-tab-list:has([id$=-tab-6]:checked)~db-tab-panel>[id$=-tab-panel-6],.db-tabs db-tab-list:has([id$=-tab-6]:checked)~dbtabpanel>[id$=-tab-panel-6],.db-tabs dbtablist:has([id$=-tab-6]:checked)~db-tab-panel>[id$=-tab-panel-6],.db-tabs dbtablist:has([id$=-tab-6]:checked)~dbtabpanel>[id$=-tab-panel-6]{display:block}.db-tabs db-tab-list:has([id$=-tab-7]:checked)~db-tab-panel>[id$=-tab-panel-7],.db-tabs db-tab-list:has([id$=-tab-7]:checked)~dbtabpanel>[id$=-tab-panel-7],.db-tabs dbtablist:has([id$=-tab-7]:checked)~db-tab-panel>[id$=-tab-panel-7],.db-tabs dbtablist:has([id$=-tab-7]:checked)~dbtabpanel>[id$=-tab-panel-7]{display:block}.db-tabs db-tab-list:has([id$=-tab-8]:checked)~db-tab-panel>[id$=-tab-panel-8],.db-tabs db-tab-list:has([id$=-tab-8]:checked)~dbtabpanel>[id$=-tab-panel-8],.db-tabs dbtablist:has([id$=-tab-8]:checked)~db-tab-panel>[id$=-tab-panel-8],.db-tabs dbtablist:has([id$=-tab-8]:checked)~dbtabpanel>[id$=-tab-panel-8]{display:block}.db-tabs db-tab-list:has([id$=-tab-9]:checked)~db-tab-panel>[id$=-tab-panel-9],.db-tabs db-tab-list:has([id$=-tab-9]:checked)~dbtabpanel>[id$=-tab-panel-9],.db-tabs dbtablist:has([id$=-tab-9]:checked)~db-tab-panel>[id$=-tab-panel-9],.db-tabs dbtablist:has([id$=-tab-9]:checked)~dbtabpanel>[id$=-tab-panel-9]{display:block}.db-tabs db-tab-list:has([id$=-tab-10]:checked)~db-tab-panel>[id$=-tab-panel-10],.db-tabs db-tab-list:has([id$=-tab-10]:checked)~dbtabpanel>[id$=-tab-panel-10],.db-tabs dbtablist:has([id$=-tab-10]:checked)~db-tab-panel>[id$=-tab-panel-10],.db-tabs dbtablist:has([id$=-tab-10]:checked)~dbtabpanel>[id$=-tab-panel-10]{display:block}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul .db-tab-item:after{block-size:var(--db-border-height-xs);inline-size:0;transform:translate(-50%);inset-inline-start:50%;background-color:var(--db-brand-origin-enabled);inset-block-start:auto;inset-block-end:calc(-1*var(--db-spacing-fixed-xs))}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul .db-tab-item:has(input:checked):after{block-size:var(--db-border-height-xs);inline-size:100%}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul .db-tab-item:has(input:checked):after{inset-block-end:calc(-1*(var(--db-spacing-fixed-2xs) + var(--db-border-height-xs)))}.db-tabs[data-orientation=vertical] .db-tab-list>ul .db-tab-item:after{block-size:0;inline-size:var(--db-border-height-xs);transform:translateY(-50%);inset-block-start:50%;background-color:var(--db-brand-origin-enabled);inset-inline-start:calc(-1*var(--db-spacing-fixed-xs));inset-block-end:auto;inset-inline-start:0;z-index:-2}.db-tabs[data-orientation=vertical] .db-tab-list>ul .db-tab-item:has(input:checked):after{block-size:100%;inline-size:var(--db-border-height-xs)}.db-tabs:not([data-orientation=vertical]) .db-tab-list:before,.db-tabs[data-orientation=vertical] .db-tab-list:before{background-color:var(--db-current-color-bg-transparent-semi-enabled);content:"";border-radius:var(--db-border-radius-xs);position:absolute}.db-tabs{display:flex;inline-size:100%;position:relative}.db-tabs .db-tab-panel{padding:0 var(--db-spacing-fixed-xs)}.db-tabs .db-tab-list{max-inline-size:100%;z-index:20}.db-tabs .db-tab-list:has([id$=-tab-0]:checked)~[id$=-tab-panel-0]{display:block}.db-tabs .db-tab-list:has([id$=-tab-1]:checked)~[id$=-tab-panel-1]{display:block}.db-tabs .db-tab-list:has([id$=-tab-2]:checked)~[id$=-tab-panel-2]{display:block}.db-tabs .db-tab-list:has([id$=-tab-3]:checked)~[id$=-tab-panel-3]{display:block}.db-tabs .db-tab-list:has([id$=-tab-4]:checked)~[id$=-tab-panel-4]{display:block}.db-tabs .db-tab-list:has([id$=-tab-5]:checked)~[id$=-tab-panel-5]{display:block}.db-tabs .db-tab-list:has([id$=-tab-6]:checked)~[id$=-tab-panel-6]{display:block}.db-tabs .db-tab-list:has([id$=-tab-7]:checked)~[id$=-tab-panel-7]{display:block}.db-tabs .db-tab-list:has([id$=-tab-8]:checked)~[id$=-tab-panel-8]{display:block}.db-tabs .db-tab-list:has([id$=-tab-9]:checked)~[id$=-tab-panel-9]{display:block}.db-tabs .db-tab-list:has([id$=-tab-10]:checked)~[id$=-tab-panel-10]{display:block}.db-tabs:not([data-orientation=vertical]){flex-direction:column;flex-wrap:wrap}.db-tabs:not([data-orientation=vertical]) .db-tab-panel{inline-size:100%}.db-tabs:not([data-orientation=vertical]) .db-tab-list:before{block-size:var(--db-border-height-xs);inset-inline:var(--db-spacing-fixed-xs);inset-block-start:calc(3*var(--db-spacing-fixed-xs) + var(--db-spacing-fixed-2xs) + calc(var(--db-base-font-size) * var(--db-base-line-height)))}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul{overflow-x:auto;overflow-y:hidden;inline-size:100%}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul .db-tab-item{-webkit-margin-before:var(--db-spacing-fixed-xs);margin-block-start:var(--db-spacing-fixed-xs);-webkit-margin-after:calc(2*var(--db-spacing-fixed-2xs) + var(--db-border-height-xs));margin-block-end:calc(2*var(--db-spacing-fixed-2xs) + var(--db-border-height-xs))}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul db-tab-item:first-of-type .db-tab-item,.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul dbtabitem:first-of-type .db-tab-item{-webkit-margin-start:var(--db-spacing-fixed-xs);margin-inline-start:var(--db-spacing-fixed-xs)}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul db-tab-item:last-of-type .db-tab-item,.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul dbtabitem:last-of-type .db-tab-item{-webkit-margin-end:var(--db-spacing-fixed-xs);margin-inline-end:var(--db-spacing-fixed-xs)}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul:not(:has(db-tab-item,dbtabitem)) .db-tab-item:first-of-type{-webkit-margin-start:var(--db-spacing-fixed-xs);margin-inline-start:var(--db-spacing-fixed-xs)}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul:not(:has(db-tab-item,dbtabitem)) .db-tab-item:last-of-type{-webkit-margin-end:var(--db-spacing-fixed-xs);margin-inline-end:var(--db-spacing-fixed-xs)}.db-tabs[data-orientation=vertical]{flex-direction:row}.db-tabs[data-orientation=vertical] .db-tab-panel{padding:var(--db-spacing-fixed-xs) 0}.db-tabs[data-orientation=vertical] .db-tab-list{min-inline-size:var(--db-tab-list-vertical-width,var(--db-sizing-3xl));max-inline-size:var(--db-tab-list-vertical-width,var(--db-sizing-3xl));-webkit-padding-end:var(--db-spacing-fixed-xs);padding-inline-end:var(--db-spacing-fixed-xs);-webkit-margin-after:auto;margin-block-end:auto}.db-tabs[data-orientation=vertical] .db-tab-list .db-tab-item label{position:relative}.db-tabs[data-orientation=vertical] .db-tab-list .db-tab-item:has(input:focus-visible),.db-tabs[data-orientation=vertical] .db-tab-list .db-tab-item:hover{inline-size:-moz-fit-content;inline-size:fit-content}.db-tabs[data-orientation=vertical] .db-tab-list .db-tab-item:has(input:focus-visible) label,.db-tabs[data-orientation=vertical] .db-tab-list .db-tab-item:hover label{overflow:visible}.db-tabs[data-orientation=vertical] .db-tab-list:before{inline-size:var(--db-border-height-xs);inset-block:var(--db-spacing-fixed-xs);inset-inline-start:0}.db-tabs[data-orientation=vertical] .db-tab-list>ul{flex-direction:column;block-size:100%}.db-tabs[data-orientation=vertical] .db-tab-list>ul:not(:has(db-tab-item,dbtabitem)) .db-tab-item:first-of-type{-webkit-margin-before:var(--db-spacing-fixed-xs);margin-block-start:var(--db-spacing-fixed-xs)}.db-tabs[data-orientation=vertical] .db-tab-list>ul:not(:has(db-tab-item,dbtabitem)) .db-tab-item:last-of-type{-webkit-margin-after:var(--db-spacing-fixed-xs);margin-block-end:var(--db-spacing-fixed-xs)}.db-tabs[data-orientation=vertical] .db-tab-item,.db-tabs[data-orientation=vertical] .db-tab-item input{-webkit-padding-start:calc(var(--db-border-height-xs) + var(--db-spacing-fixed-2xs));padding-inline-start:calc(var(--db-border-height-xs) + var(--db-spacing-fixed-2xs))}.db-tabs[data-orientation=vertical] db-tab-item:first-of-type .db-tab-item,.db-tabs[data-orientation=vertical] dbtabitem:first-of-type .db-tab-item{-webkit-margin-before:var(--db-spacing-fixed-xs);margin-block-start:var(--db-spacing-fixed-xs)}.db-tabs[data-orientation=vertical] db-tab-item:last-of-type .db-tab-item,.db-tabs[data-orientation=vertical] dbtabitem:last-of-type .db-tab-item{-webkit-margin-after:var(--db-spacing-fixed-xs);margin-block-end:var(--db-spacing-fixed-xs)}.db-tabs[data-width=full] .db-tab-item,.db-tabs[data-width=full] .db-tab-item label,.db-tabs[data-width=full] .db-tab-list{inline-size:100%}.db-tabs[data-width=full][data-alignment=center] .db-tab-item label{text-align:center;justify-content:center}.db-tabs[data-scroll-behaviour=arrows] .db-tab-list>ul::-webkit-scrollbar{display:none}.db-tabs[data-scroll-behaviour=arrows]:has(.tabs-scroll-left):before{content:""}.db-tabs[data-scroll-behaviour=arrows]:has(.tabs-scroll-right):after{content:""}.db-tabs[data-scroll-behaviour=arrows]:has(.db-button):after,.db-tabs[data-scroll-behaviour=arrows]:has(.db-button):before{position:absolute;z-index:21;background-color:var(--db-current-color-bg-enabled);inline-size:var(--db-sizing-md);block-size:calc(var(--db-spacing-fixed-sm) + var(--db-sizing-md));flex:0 0 auto}.db-tabs[data-scroll-behaviour=arrows]:has(.db-button):before{inset-inline-start:0}.db-tabs[data-scroll-behaviour=arrows]:has(.db-button):after{inset-inline-end:0}.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-left:is(.db-button),.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-left>.db-button{inset-inline-start:0}.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-right:is(.db-button),.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-right>.db-button{inset-inline-end:0}.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-left:is(.db-button),.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-left>.db-button,.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-right:is(.db-button),.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-right>.db-button{position:absolute;z-index:22;inset-block:var(--db-spacing-fixed-xs)}.db-tab-panel{display:none}.db-switch:active:not(:disabled):not([aria-disabled=true])>input:before,.db-switch>input:active:not(:disabled):not([aria-disabled=true]):before{inline-size:calc(calc(calc(var(--db-base-font-size) * var(--db-base-line-height))) - .125rem*2 + var(--db-spacing-fixed-2xs));margin:0}.db-switch:active:not(:disabled):not([aria-disabled=true])>input:checked:before,.db-switch>input:checked:active:not(:disabled):not([aria-disabled=true]):before{block-size:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)) - .125rem*2)}.db-switch{justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;user-select:none}.db-switch:has(input:required) label:after,.db-switch:has(input:required):is(label):after{content:"*";-webkit-padding-start:var(--db-spacing-fixed-2xs);padding-inline-start:var(--db-spacing-fixed-2xs)}.db-switch:has(input:not([data-custom-validity]):required:user-valid) .db-infotext[data-semantic=successful]{display:flex}.db-switch:has(input:not([data-custom-validity]):required:user-valid) .db-infotext:not([data-semantic]){display:none}.db-switch:has(input:not([data-custom-validity]):required:user-valid) input{--db-current-color-bg-transparent-semi:var( --db-successful-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-successful-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-successful-bg-transparent-pressed );border-color:var(--db-current-color-enabled)}.db-switch:has(input:not([data-custom-validity]):required:user-valid) input:is([type=radio]),.db-switch:has(input:not([data-custom-validity]):required:user-valid) input:not(:checked){--db-current-color-enabled:var( --db-successful-contrast-high-enabled )}.db-switch:has(input:not([data-custom-validity]):required:user-valid) input:checked{--db-current-color-enabled:var(--db-successful-contrast-high-enabled);--db-current-color-hover:var(--db-successful-contrast-high-hover);--db-current-color-pressed:var(--db-successful-contrast-high-pressed)}.db-switch:has(input:not([data-custom-validity]):required:user-valid) label,.db-switch:has(input:not([data-custom-validity]):required:user-valid):is(label){color:var(--db-successful-contrast-high-enabled)}.db-switch:has(input[data-custom-validity=valid]) .db-infotext[data-semantic=successful]{display:flex}.db-switch:has(input[data-custom-validity=valid]) .db-infotext:not([data-semantic]){display:none}.db-switch:has(input[data-custom-validity=valid]) input{--db-current-color-bg-transparent-semi:var( --db-successful-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-successful-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-successful-bg-transparent-pressed );border-color:var(--db-current-color-enabled)}.db-switch:has(input[data-custom-validity=valid]) input:is([type=radio]),.db-switch:has(input[data-custom-validity=valid]) input:not(:checked){--db-current-color-enabled:var( --db-successful-contrast-high-enabled )}.db-switch:has(input[data-custom-validity=valid]) input:checked{--db-current-color-enabled:var(--db-successful-contrast-high-enabled);--db-current-color-hover:var(--db-successful-contrast-high-hover);--db-current-color-pressed:var(--db-successful-contrast-high-pressed)}.db-switch:has(input[data-custom-validity=valid]) label,.db-switch:has(input[data-custom-validity=valid]):is(label){color:var(--db-successful-contrast-high-enabled)}.db-switch:has(input:not([data-custom-validity]):required:user-invalid) .db-infotext[data-semantic=critical]{display:flex}.db-switch:has(input:not([data-custom-validity]):required:user-invalid) .db-infotext:not([data-semantic]){display:none}.db-switch:has(input:not([data-custom-validity]):required:user-invalid) input{--db-current-color-bg-transparent-semi:var( --db-critical-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-critical-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-critical-bg-transparent-pressed );border-color:var(--db-current-color-enabled)}.db-switch:has(input:not([data-custom-validity]):required:user-invalid) input:is([type=radio]),.db-switch:has(input:not([data-custom-validity]):required:user-invalid) input:not(:checked){--db-current-color-enabled:var( --db-critical-contrast-high-enabled )}.db-switch:has(input:not([data-custom-validity]):required:user-invalid) input:checked{--db-current-color-enabled:var(--db-successful-contrast-high-enabled);--db-current-color-hover:var(--db-successful-contrast-high-hover);--db-current-color-pressed:var(--db-successful-contrast-high-pressed)}.db-switch:has(input:not([data-custom-validity]):required:user-invalid) label,.db-switch:has(input:not([data-custom-validity]):required:user-invalid):is(label){color:var(--db-critical-contrast-high-enabled)}.db-switch:has(input[data-custom-validity=invalid]) .db-infotext[data-semantic=critical]{display:flex}.db-switch:has(input[data-custom-validity=invalid]) .db-infotext:not([data-semantic]){display:none}.db-switch:has(input[data-custom-validity=invalid]) input{--db-current-color-bg-transparent-semi:var( --db-critical-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-critical-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-critical-bg-transparent-pressed );border-color:var(--db-current-color-enabled)}.db-switch:has(input[data-custom-validity=invalid]) input:is([type=radio]),.db-switch:has(input[data-custom-validity=invalid]) input:not(:checked){--db-current-color-enabled:var( --db-critical-contrast-high-enabled )}.db-switch:has(input[data-custom-validity=invalid]) input:checked{--db-current-color-enabled:var(--db-successful-contrast-high-enabled);--db-current-color-hover:var(--db-successful-contrast-high-hover);--db-current-color-pressed:var(--db-successful-contrast-high-pressed)}.db-switch:has(input[data-custom-validity=invalid]) label,.db-switch:has(input[data-custom-validity=invalid]):is(label){color:var(--db-critical-contrast-high-enabled)}.db-switch:has(input:disabled){opacity:.4}.db-switch label,.db-switch:is(label){display:flex;align-items:center;position:relative;gap:var(--db-spacing-fixed-xs)}.db-switch label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]),.db-switch:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]){cursor:pointer}.db-switch label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input),.db-switch label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-switch:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input),.db-switch:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-switch label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-switch label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-switch:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-switch:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-switch label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]),.db-switch:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]){cursor:pointer}.db-switch label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input),.db-switch label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-switch:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input),.db-switch:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-switch label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-switch label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-switch:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-switch:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-switch input{background-color:var(--db-current-color-bg-transparent-full-enabled);align-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;aspect-ratio:1;border:min(var(--db-border-height-2xs),2px) solid var(--db-check-element-border-color,currentColor);block-size:calc(var(--db-base-font-size)*var(--db-base-line-height));justify-content:center;inline-size:auto;padding:0}.db-switch input:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-transparent-hover)}.db-switch input:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-switch input:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-switch input:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-switch input:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-switch input:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-transparent-pressed)}.db-switch input:active:not(:disabled):not([aria-disabled=true]):is(input),.db-switch input:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-switch input:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-switch input:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-switch[data-size=small] input{-webkit-margin-end:var(--db-spacing-fixed-2xs);margin-inline-end:var(--db-spacing-fixed-2xs)}.db-switch[data-variant=hidden]{font-size:0}.db-switch[data-variant=hidden] input{-webkit-margin-end:0;margin-inline-end:0}@media(prefers-reduced-motion:reduce){.db-switch{transition-duration:.01s!important}}.db-switch:active:not(:disabled):not([aria-disabled=true]){cursor:pointer}.db-switch:active:not(:disabled):not([aria-disabled=true]):is(input),.db-switch:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-switch:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-switch:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-switch>input{--db-icon-margin-start:0;--thumb-offset-x:0.125rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;inline-size:calc(calc(var(--db-base-font-size) * var(--db-base-line-height))*2 + .125rem);block-size:calc(var(--db-base-font-size)*var(--db-base-line-height));box-sizing:content-box;display:flex;align-items:center;gap:.125rem;background-color:var(--db-current-color-bg-enabled);border-radius:var(--db-border-radius-full)}.db-switch>input:after{--db-icon-after:"cross";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports(content:""/""){.db-switch>input:after{content:var(--db-icon-after,attr(data-icon-after))/""}}.db-switch>input:active:not(:disabled):not([aria-disabled=true]){cursor:pointer}.db-switch>input:active:not(:disabled):not([aria-disabled=true]):is(input),.db-switch>input:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-switch>input:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-switch>input:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-switch>input:after{visibility:hidden;align-self:center;aspect-ratio:1}.db-switch>input:before{content:"";aspect-ratio:1;block-size:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)) - .125rem*2);background:var(--db-current-color-enabled);border-radius:var(--db-border-radius-full);transform:translateX(var(--thumb-offset-x));-webkit-margin-end:calc(calc(calc(var(--db-base-font-size) * var(--db-base-line-height))) - calc(calc(var(--db-base-font-size) * var(--db-base-line-height)) - .125rem * 2));margin-inline-end:calc(calc(calc(var(--db-base-font-size) * var(--db-base-line-height))) - calc(calc(var(--db-base-font-size) * var(--db-base-line-height)) - .125rem * 2));transition:margin var(--db-transition-duration-fast) var(--db-transition-timing-emotional),inline-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),block-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),transform var(--db-transition-duration-fast) var(--db-transition-timing-emotional)}@media(prefers-reduced-motion:reduce){.db-switch>input:before{transition-duration:.01s!important}}.db-switch>input:checked{--db-current-icon-color:var(--db-current-color-bg-enabled);--thumb-offset-x:calc(100% + 0.125rem);background-color:var(--db-current-color-enabled)}.db-switch>input:checked:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-hover);border-color:var(--db-current-color-hover)}.db-switch>input:checked:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-switch>input:checked:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-switch>input:checked:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-switch>input:checked:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-switch>input:checked:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-pressed);border-color:var(--db-current-color-pressed)}.db-switch>input:checked:active:not(:disabled):not([aria-disabled=true]):is(input),.db-switch>input:checked:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-switch>input:checked:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-switch>input:checked:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-switch>input:checked:before{block-size:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)));background-color:var(--db-current-color-bg-enabled);margin:0}.db-switch>input:focus-visible{border-radius:var(--db-border-radius-full)}.db-switch[data-variant=hidden]{gap:0}.db-switch[data-size=small]{gap:var(--db-spacing-fixed-2xs)}.db-switch[data-emphasis=strong]:active:not(:disabled):not([aria-disabled=true]){cursor:pointer}.db-switch[data-emphasis=strong]:active:not(:disabled):not([aria-disabled=true]):is(input),.db-switch[data-emphasis=strong]:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-switch[data-emphasis=strong]:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-switch[data-emphasis=strong]:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-switch[data-emphasis=strong]:active:not(:disabled):not([aria-disabled=true])>input:before{block-size:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)) - .125rem*2)}.db-switch[data-emphasis=strong]>input{--db-check-element-border-color:var(--db-current-color-bg-enabled)}.db-switch[data-emphasis=strong]>input:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-hover);border-color:var(--db-current-color-bg-hover)}.db-switch[data-emphasis=strong]>input:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-switch[data-emphasis=strong]>input:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-switch[data-emphasis=strong]>input:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-switch[data-emphasis=strong]>input:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-switch[data-emphasis=strong]>input:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-pressed);border-color:var(--db-current-color-bg-pressed)}.db-switch[data-emphasis=strong]>input:active:not(:disabled):not([aria-disabled=true]):is(input),.db-switch[data-emphasis=strong]>input:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-switch[data-emphasis=strong]>input:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-switch[data-emphasis=strong]>input:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-switch[data-emphasis=strong]>input:active:not(:disabled):not([aria-disabled=true]):before{block-size:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)) - .125rem*2)}.db-switch[data-emphasis=strong]>input:not(:checked){--thumb-offset-x:0}.db-switch[data-emphasis=strong]>input:checked:before{background-color:var(--db-current-color-enabled)}.db-switch[data-emphasis=strong]>input:before{block-size:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)));margin:0}.db-switch[data-emphasis=strong]>input:after,.db-switch[data-visual-aid=true]>input:after{visibility:visible;block-size:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)))}.db-switch[data-emphasis=strong]>input:checked:after,.db-switch[data-visual-aid=true]>input:checked:after{--db-icon-after:"check";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports(content:""/""){.db-switch[data-emphasis=strong]>input:checked:after,.db-switch[data-visual-aid=true]>input:checked:after{content:var(--db-icon-after,attr(data-icon-after))/""}}.db-switch[data-emphasis=strong]>input:checked:after,.db-switch[data-visual-aid=true]>input:checked:after{transform:translateX(calc(-100% - .125rem));block-size:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)))}.db-switch>input[data-aid-icon]:not(:checked):after{content:attr(data-aid-icon)}.db-switch>input[data-aid-icon-after]:checked:after{content:attr(data-aid-icon-after)}db-accordion,db-accordion-item,db-badge,db-brand,db-button,db-card,db-checkbox,db-codedocs,db-divider,db-drawer,db-header,db-icon,db-infotext,db-input,db-link,db-navigation,db-navigation-item,db-notification,db-page,db-popover,db-radio,db-section,db-select,db-switch,db-tab,db-tab-bar,db-tab-item,db-tab-list,db-tab-panel,db-tabbar,db-tabs,db-tag,db-textarea,db-tooltip,dbaccordion,dbaccordion-item,dbbadge,dbbrand,dbbutton,dbcard,dbcheckbox,dbcodedocs,dbdivider,dbdrawer,dbheader,dbicon,dbinfotext,dbinput,dblink,dbnavigation,dbnavigation-item,dbnotification,dbpage,dbpopover,dbradio,dbsection,dbselect,dbswitch,dbtab,dbtab-bar,dbtab-list,dbtab-panel,dbtabbar,dbtabitem,dbtabs,dbtag,dbtextarea,dbtooltip{display:contents}db-notification,dbnotification{inline-size:inherit}:has(>.db-badge[data-placement^=corner]){position:relative}:has(>db-tooltip,>dbtooltip,>.db-tooltip){position:relative}[data-color-scheme=dark],[data-color-scheme=light]{background:var(--db-current-color-bg-enabled);color:var(--db-current-color-enabled)}[data-color-scheme=dark]:after,[data-color-scheme=dark]:before,[data-color-scheme=light]:after,[data-color-scheme=light]:before{color:var(--db-current-icon-color,inherit)}[data-color-scheme=dark],[data-color-scheme=light]{--db-current-color-bg-transparent-full-enabled:var( --db-neutral-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-neutral-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-neutral-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-neutral-bg-transparent-pressed );--db-current-color-enabled:var(--db-neutral-on-bg-enabled);--db-current-color-icon:var(--db-neutral-on-bg-enabled);--db-current-color-hover:var(--db-neutral-on-bg-hover);--db-current-color-pressed:var(--db-neutral-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-neutral-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-neutral-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-neutral-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-neutral-contrast-low-enabled );--db-current-color-border:var(--db-neutral-border);--db-current-color-bg-lvl-1-hover:var(--db-neutral-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-neutral-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-neutral-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-neutral-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-neutral-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-neutral-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-neutral-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-neutral-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-neutral-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-neutral-contrast-high-pressed )}[data-emphasis=weak][data-color-scheme=dark],[data-emphasis=weak][data-color-scheme=light]{--db-current-color-enabled:var( --db-neutral-on-bg-weak-enabled );--db-current-color-hover:var( --db-neutral-on-bg-weak-hover );--db-current-color-pressed:var( --db-neutral-on-bg-weak-pressed );color:var(--db-current-color-enabled)}[data-color-scheme=dark],[data-color-scheme=light]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}:root{--db-spacing-responsive-regular-desktop-3xl:40rem;--db-spacing-responsive-regular-desktop-2xl:30rem;--db-spacing-responsive-regular-desktop-xl:15rem;--db-spacing-responsive-regular-desktop-lg:7.5rem;--db-spacing-responsive-regular-desktop-md:5rem;--db-spacing-responsive-regular-desktop-sm:3rem;--db-spacing-responsive-regular-desktop-xs:2rem;--db-spacing-responsive-regular-desktop-2xs:1.5rem;--db-spacing-responsive-regular-desktop-3xs:1.25rem;--db-spacing-responsive-regular-tablet-3xs:1rem;--db-spacing-responsive-regular-tablet-2xs:1.25rem;--db-spacing-responsive-regular-tablet-xs:1.75rem;--db-spacing-responsive-regular-tablet-sm:2.5rem;--db-spacing-responsive-regular-tablet-md:4rem;--db-spacing-responsive-regular-tablet-lg:6rem;--db-spacing-responsive-regular-tablet-xl:10rem;--db-spacing-responsive-regular-tablet-2xl:15rem;--db-spacing-responsive-regular-tablet-3xl:30rem;--db-spacing-responsive-regular-mobile-3xs:1rem;--db-spacing-responsive-regular-mobile-2xs:1.25rem;--db-spacing-responsive-regular-mobile-xs:1.5rem;--db-spacing-responsive-regular-mobile-sm:2rem;--db-spacing-responsive-regular-mobile-md:3rem;--db-spacing-responsive-regular-mobile-lg:5rem;--db-spacing-responsive-regular-mobile-xl:7.5rem;--db-spacing-responsive-regular-mobile-2xl:10rem;--db-spacing-responsive-regular-mobile-3xl:15rem;--db-spacing-responsive-functional-desktop-3xs:1rem;--db-spacing-responsive-functional-desktop-2xs:1.25rem;--db-spacing-responsive-functional-desktop-xs:1.75rem;--db-spacing-responsive-functional-desktop-sm:2.5rem;--db-spacing-responsive-functional-desktop-md:4rem;--db-spacing-responsive-functional-desktop-lg:6rem;--db-spacing-responsive-functional-desktop-xl:10rem;--db-spacing-responsive-functional-desktop-2xl:15rem;--db-spacing-responsive-functional-desktop-3xl:30rem;--db-spacing-responsive-functional-tablet-3xs:1rem;--db-spacing-responsive-functional-tablet-2xs:1.25rem;--db-spacing-responsive-functional-tablet-xs:1.5rem;--db-spacing-responsive-functional-tablet-sm:2rem;--db-spacing-responsive-functional-tablet-md:3rem;--db-spacing-responsive-functional-tablet-lg:5rem;--db-spacing-responsive-functional-tablet-xl:7.5rem;--db-spacing-responsive-functional-tablet-2xl:10rem;--db-spacing-responsive-functional-tablet-3xl:15rem;--db-spacing-responsive-functional-mobile-3xs:1rem;--db-spacing-responsive-functional-mobile-2xs:1.25rem;--db-spacing-responsive-functional-mobile-xs:1.25rem;--db-spacing-responsive-functional-mobile-sm:1.75rem;--db-spacing-responsive-functional-mobile-md:2.5rem;--db-spacing-responsive-functional-mobile-lg:4rem;--db-spacing-responsive-functional-mobile-xl:6rem;--db-spacing-responsive-functional-mobile-2xl:7.5rem;--db-spacing-responsive-functional-mobile-3xl:10rem;--db-spacing-responsive-expressive-desktop-3xs:1.75rem;--db-spacing-responsive-expressive-desktop-2xs:2rem;--db-spacing-responsive-expressive-desktop-xs:3rem;--db-spacing-responsive-expressive-desktop-sm:5rem;--db-spacing-responsive-expressive-desktop-md:7.5rem;--db-spacing-responsive-expressive-desktop-lg:15rem;--db-spacing-responsive-expressive-desktop-xl:30rem;--db-spacing-responsive-expressive-desktop-2xl:40rem;--db-spacing-responsive-expressive-desktop-3xl:50rem;--db-spacing-responsive-expressive-tablet-3xs:1.5rem;--db-spacing-responsive-expressive-tablet-2xs:1.75rem;--db-spacing-responsive-expressive-tablet-xs:2.5rem;--db-spacing-responsive-expressive-tablet-sm:4rem;--db-spacing-responsive-expressive-tablet-md:6rem;--db-spacing-responsive-expressive-tablet-lg:10rem;--db-spacing-responsive-expressive-tablet-xl:15rem;--db-spacing-responsive-expressive-tablet-2xl:30rem;--db-spacing-responsive-expressive-tablet-3xl:40rem;--db-spacing-responsive-expressive-mobile-3xs:1.25rem;--db-spacing-responsive-expressive-mobile-2xs:1.5rem;--db-spacing-responsive-expressive-mobile-xs:2rem;--db-spacing-responsive-expressive-mobile-sm:3rem;--db-spacing-responsive-expressive-mobile-md:5rem;--db-spacing-responsive-expressive-mobile-lg:7.5rem;--db-spacing-responsive-expressive-mobile-xl:10rem;--db-spacing-responsive-expressive-mobile-2xl:15rem;--db-spacing-responsive-expressive-mobile-3xl:30rem;--db-spacing-fixed-regular-3xs:0.125rem;--db-spacing-fixed-regular-2xs:0.25rem;--db-spacing-fixed-regular-xs:0.5rem;--db-spacing-fixed-regular-sm:0.75rem;--db-spacing-fixed-regular-md:1rem;--db-spacing-fixed-regular-lg:1.5rem;--db-spacing-fixed-regular-xl:2rem;--db-spacing-fixed-regular-2xl:3rem;--db-spacing-fixed-regular-3xl:5rem;--db-spacing-fixed-functional-3xs:0.125rem;--db-spacing-fixed-functional-2xs:0.25rem;--db-spacing-fixed-functional-xs:0.375rem;--db-spacing-fixed-functional-sm:0.5rem;--db-spacing-fixed-functional-md:0.75rem;--db-spacing-fixed-functional-lg:1rem;--db-spacing-fixed-functional-xl:1.5rem;--db-spacing-fixed-functional-2xl:2rem;--db-spacing-fixed-functional-3xl:3rem;--db-spacing-fixed-expressive-3xs:0.25rem;--db-spacing-fixed-expressive-2xs:0.5rem;--db-spacing-fixed-expressive-xs:0.75rem;--db-spacing-fixed-expressive-sm:1rem;--db-spacing-fixed-expressive-md:1.5rem;--db-spacing-fixed-expressive-lg:2rem;--db-spacing-fixed-expressive-xl:3rem;--db-spacing-fixed-expressive-2xl:5rem;--db-spacing-fixed-expressive-3xl:7.5rem;--db-sizing-fixed-mobile-header:3.5rem;--db-sizing-regular-3xl:15rem;--db-sizing-regular-2xl:10rem;--db-sizing-regular-xl:6rem;--db-sizing-regular-lg:4rem;--db-sizing-regular-md:2.5rem;--db-sizing-regular-sm:1.5rem;--db-sizing-regular-xs:1rem;--db-sizing-regular-2xs:0.75rem;--db-sizing-regular-3xs:0.5rem;--db-sizing-functional-3xs:0.375rem;--db-sizing-functional-2xs:0.625rem;--db-sizing-functional-xs:0.875rem;--db-sizing-functional-sm:1.25rem;--db-sizing-functional-md:2rem;--db-sizing-functional-lg:3rem;--db-sizing-functional-xl:5rem;--db-sizing-functional-2xl:7.5rem;--db-sizing-functional-3xl:10rem;--db-sizing-expressive-3xs:0.625rem;--db-sizing-expressive-2xs:0.875rem;--db-sizing-expressive-xs:1.25rem;--db-sizing-expressive-sm:1.75rem;--db-sizing-expressive-md:3rem;--db-sizing-expressive-lg:5rem;--db-sizing-expressive-xl:7.5rem;--db-sizing-expressive-2xl:15rem;--db-sizing-expressive-3xl:30rem;--db-typography-regular-desktop-headline-3xl-line-height:1.2;--db-typography-regular-desktop-headline-3xl-font-size:5rem;--db-base-icon-weight-regular-desktop-headline-3xl:96;--db-base-icon-font-size-regular-desktop-headline-3xl:6rem;--db-typography-regular-desktop-headline-2xl-line-height:1.25;--db-typography-regular-desktop-headline-2xl-font-size:4rem;--db-base-icon-weight-regular-desktop-headline-2xl:80;--db-base-icon-font-size-regular-desktop-headline-2xl:5rem;--db-typography-regular-desktop-headline-xl-line-height:1.3333333333333333;--db-typography-regular-desktop-headline-xl-font-size:3rem;--db-base-icon-weight-regular-desktop-headline-xl:64;--db-base-icon-font-size-regular-desktop-headline-xl:4rem;--db-typography-regular-desktop-headline-lg-line-height:1.2;--db-typography-regular-desktop-headline-lg-font-size:2.5rem;--db-base-icon-weight-regular-desktop-headline-lg:48;--db-base-icon-font-size-regular-desktop-headline-lg:3rem;--db-typography-regular-desktop-headline-md-line-height:1.25;--db-typography-regular-desktop-headline-md-font-size:2rem;--db-base-icon-weight-regular-desktop-headline-md:40;--db-base-icon-font-size-regular-desktop-headline-md:2.5rem;--db-typography-regular-desktop-headline-sm-line-height:1.1428571428571428;--db-typography-regular-desktop-headline-sm-font-size:1.75rem;--db-base-icon-weight-regular-desktop-headline-sm:32;--db-base-icon-font-size-regular-desktop-headline-sm:2rem;--db-typography-regular-desktop-headline-2xs-line-height:1.2;--db-typography-regular-desktop-headline-2xs-font-size:1.25rem;--db-base-icon-weight-regular-desktop-headline-2xs:24;--db-base-icon-font-size-regular-desktop-headline-2xs:1.5rem;--db-typography-regular-desktop-headline-3xs-line-height:1.25;--db-typography-regular-desktop-headline-3xs-font-size:1rem;--db-base-icon-weight-regular-desktop-headline-3xs:20;--db-base-icon-font-size-regular-desktop-headline-3xs:1.25rem;--db-typography-regular-desktop-headline-xs-line-height:1.1666666666666667;--db-typography-regular-desktop-headline-xs-font-size:1.5rem;--db-base-icon-weight-regular-desktop-headline-xs:28;--db-base-icon-font-size-regular-desktop-headline-xs:1.75rem;--db-typography-regular-desktop-body-lg-line-height:1.4;--db-typography-regular-desktop-body-lg-font-size:1.25rem;--db-base-icon-weight-regular-desktop-body-lg:28;--db-base-icon-font-size-regular-desktop-body-lg:1.75rem;--db-typography-regular-desktop-body-xl-line-height:1.3333333333333333;--db-typography-regular-desktop-body-xl-font-size:1.5rem;--db-base-icon-weight-regular-desktop-body-xl:32;--db-base-icon-font-size-regular-desktop-body-xl:2rem;--db-typography-regular-desktop-body-2xl-line-height:1.4285714285714286;--db-typography-regular-desktop-body-2xl-font-size:1.75rem;--db-base-icon-weight-regular-desktop-body-2xl:40;--db-base-icon-font-size-regular-desktop-body-2xl:2.5rem;--db-typography-regular-desktop-body-3xl-line-height:1.5;--db-typography-regular-desktop-body-3xl-font-size:2rem;--db-base-icon-weight-regular-desktop-3xl:48;--db-base-icon-font-size-regular-desktop-3xl:3rem;--db-typography-regular-desktop-body-md-line-height:1.5;--db-typography-regular-desktop-body-md-font-size:1rem;--db-base-icon-weight-regular-desktop-body-md:24;--db-base-icon-font-size-regular-desktop-body-md:1.5rem;--db-typography-regular-desktop-body-sm-line-height:1.4285714285714286;--db-typography-regular-desktop-body-sm-font-size:0.875rem;--db-base-icon-weight-regular-desktop-body-sm:20;--db-base-icon-font-size-regular-desktop-body-sm:1.25rem;--db-typography-regular-desktop-body-2xs-line-height:1.4;--db-typography-regular-desktop-body-2xs-font-size:0.625rem;--db-base-icon-weight-regular-desktop-body-2xs:14;--db-base-icon-font-size-regular-desktop-body-2xs:0.875rem;--db-typography-regular-desktop-body-3xs-line-height:1.4;--db-typography-regular-desktop-body-3xs-font-size:0.625rem;--db-base-icon-weight-regular-desktop-3xs:14;--db-base-icon-font-size-regular-desktop-3xs:0.875rem;--db-typography-regular-desktop-body-xs-line-height:1.3333333333333333;--db-typography-regular-desktop-body-xs-font-size:0.75rem;--db-base-icon-weight-regular-desktop-body-xs:16;--db-base-icon-font-size-regular-desktop-body-xs:1rem;--db-typography-regular-mobile-body-lg-line-height:1.4;--db-typography-regular-mobile-body-lg-font-size:1.25rem;--db-base-icon-weight-regular-mobile-body-lg:28;--db-base-icon-font-size-regular-mobile-body-lg:1.75rem;--db-typography-regular-mobile-body-md-line-height:1.5;--db-typography-regular-mobile-body-md-font-size:1rem;--db-base-icon-weight-regular-mobile-body-md:24;--db-base-icon-font-size-regular-mobile-body-md:1.5rem;--db-typography-regular-mobile-body-sm-line-height:1.4285714285714286;--db-typography-regular-mobile-body-sm-font-size:0.875rem;--db-base-icon-weight-regular-mobile-body-sm:20;--db-base-icon-font-size-regular-mobile-body-sm:1.25rem;--db-typography-regular-mobile-body-xl-line-height:1.4;--db-typography-regular-mobile-body-xl-font-size:1.25rem;--db-base-icon-weight-regular-mobile-body-xl:28;--db-base-icon-font-size-regular-mobile-body-xl:1.75rem;--db-typography-regular-mobile-body-xs-line-height:1.3333333333333333;--db-typography-regular-mobile-body-xs-font-size:0.75rem;--db-base-icon-weight-regular-mobile-body-xs:16;--db-base-icon-font-size-regular-mobile-body-xs:1rem;--db-typography-regular-mobile-body-2xl-line-height:1.4;--db-typography-regular-mobile-body-2xl-font-size:1.25rem;--db-base-icon-weight-regular-mobile-body-2xl:28;--db-base-icon-font-size-regular-mobile-body-2xl:1.75rem;--db-typography-regular-mobile-body-3xl-line-height:1.4;--db-typography-regular-mobile-body-3xl-font-size:1.25rem;--db-base-icon-weight-regular-mobile-3xl:28;--db-base-icon-font-size-regular-mobile-3xl:1.75rem;--db-typography-regular-mobile-body-2xs-line-height:1.4;--db-typography-regular-mobile-body-2xs-font-size:0.625rem;--db-base-icon-weight-regular-mobile-body-2xs:14;--db-base-icon-font-size-regular-mobile-body-2xs:0.875rem;--db-typography-regular-mobile-body-3xs-line-height:1.4;--db-typography-regular-mobile-body-3xs-font-size:0.625rem;--db-base-icon-weight-regular-mobile-3xs:14;--db-base-icon-font-size-regular-mobile-3xs:0.875rem;--db-typography-regular-mobile-headline-lg-line-height:1.1428571428571428;--db-typography-regular-mobile-headline-lg-font-size:1.75rem;--db-base-icon-weight-regular-mobile-headline-lg:32;--db-base-icon-font-size-regular-mobile-headline-lg:2rem;--db-typography-regular-mobile-headline-md-line-height:1.1666666666666667;--db-typography-regular-mobile-headline-md-font-size:1.5rem;--db-base-icon-weight-regular-mobile-headline-md:28;--db-base-icon-font-size-regular-mobile-headline-md:1.75rem;--db-typography-regular-mobile-headline-sm-line-height:1.2;--db-typography-regular-mobile-headline-sm-font-size:1.25rem;--db-base-icon-weight-regular-mobile-headline-sm:24;--db-base-icon-font-size-regular-mobile-headline-sm:1.5rem;--db-typography-regular-mobile-headline-xl-line-height:1.25;--db-typography-regular-mobile-headline-xl-font-size:2rem;--db-base-icon-weight-regular-mobile-headline-xl:40;--db-base-icon-font-size-regular-mobile-headline-xl:2.5rem;--db-typography-regular-mobile-headline-xs-line-height:1.25;--db-typography-regular-mobile-headline-xs-font-size:1rem;--db-base-icon-weight-regular-mobile-headline-xs:20;--db-base-icon-font-size-regular-mobile-headline-xs:1.25rem;--db-typography-regular-mobile-headline-2xl-line-height:1.25;--db-typography-regular-mobile-headline-2xl-font-size:2rem;--db-base-icon-weight-regular-mobile-headline-2xl:40;--db-base-icon-font-size-regular-mobile-headline-2xl:2.5rem;--db-typography-regular-mobile-headline-2xs-line-height:1.1428571428571428;--db-typography-regular-mobile-headline-2xs-font-size:0.875rem;--db-base-icon-weight-regular-mobile-headline-2xs:16;--db-base-icon-font-size-regular-mobile-headline-2xs:1rem;--db-typography-regular-mobile-headline-3xl-line-height:1.25;--db-typography-regular-mobile-headline-3xl-font-size:2rem;--db-base-icon-weight-regular-mobile-headline-3xl:40;--db-base-icon-font-size-regular-mobile-headline-3xl:2.5rem;--db-typography-regular-mobile-headline-3xs-line-height:1.1428571428571428;--db-typography-regular-mobile-headline-3xs-font-size:0.875rem;--db-base-icon-weight-regular-mobile-headline-3xs:16;--db-base-icon-font-size-regular-mobile-headline-3xs:1rem;--db-typography-regular-tablet-body-lg-line-height:1.4;--db-typography-regular-tablet-body-lg-font-size:1.25rem;--db-base-icon-weight-regular-tablet-body-lg:28;--db-base-icon-font-size-regular-tablet-body-lg:1.75rem;--db-typography-regular-tablet-body-md-line-height:1.5;--db-typography-regular-tablet-body-md-font-size:1rem;--db-base-icon-weight-regular-tablet-body-md:24;--db-base-icon-font-size-regular-tablet-body-md:1.5rem;--db-typography-regular-tablet-body-sm-line-height:1.4285714285714286;--db-typography-regular-tablet-body-sm-font-size:0.875rem;--db-base-icon-weight-regular-tablet-body-sm:20;--db-base-icon-font-size-regular-tablet-body-sm:1.25rem;--db-typography-regular-tablet-body-xl-line-height:1.3333333333333333;--db-typography-regular-tablet-body-xl-font-size:1.5rem;--db-base-icon-weight-regular-tablet-body-xl:32;--db-base-icon-font-size-regular-tablet-body-xl:2rem;--db-typography-regular-tablet-body-xs-line-height:1.3333333333333333;--db-typography-regular-tablet-body-xs-font-size:0.75rem;--db-base-icon-weight-regular-tablet-body-xs:16;--db-base-icon-font-size-regular-tablet-body-xs:1rem;--db-typography-regular-tablet-body-2xl-line-height:1.4285714285714286;--db-typography-regular-tablet-body-2xl-font-size:1.75rem;--db-base-icon-weight-regular-tablet-body-2xl:40;--db-base-icon-font-size-regular-tablet-body-2xl:2.5rem;--db-typography-regular-tablet-body-3xl-line-height:1.5;--db-typography-regular-tablet-body-3xl-font-size:2rem;--db-base-icon-weight-regular-tablet-3xl:48;--db-base-icon-font-size-regular-tablet-3xl:3rem;--db-typography-regular-tablet-body-2xs-line-height:1.4;--db-typography-regular-tablet-body-2xs-font-size:0.625rem;--db-base-icon-weight-regular-tablet-body-2xs:14;--db-base-icon-font-size-regular-tablet-body-2xs:0.875rem;--db-typography-regular-tablet-body-3xs-line-height:1.4;--db-typography-regular-tablet-body-3xs-font-size:0.625rem;--db-base-icon-weight-regular-tablet-3xs:14;--db-base-icon-font-size-regular-tablet-3xs:0.875rem;--db-typography-regular-tablet-headline-lg-line-height:1.25;--db-typography-regular-tablet-headline-lg-font-size:2rem;--db-base-icon-weight-regular-tablet-headline-lg:40;--db-base-icon-font-size-regular-tablet-headline-lg:2.5rem;--db-typography-regular-tablet-headline-md-line-height:1.1428571428571428;--db-typography-regular-tablet-headline-md-font-size:1.75rem;--db-base-icon-weight-regular-tablet-headline-md:32;--db-base-icon-font-size-regular-tablet-headline-md:2rem;--db-typography-regular-tablet-headline-sm-line-height:1.1666666666666667;--db-typography-regular-tablet-headline-sm-font-size:1.5rem;--db-base-icon-weight-regular-tablet-headline-sm:28;--db-base-icon-font-size-regular-tablet-headline-sm:1.75rem;--db-typography-regular-tablet-headline-xl-line-height:1.2;--db-typography-regular-tablet-headline-xl-font-size:2.5rem;--db-base-icon-weight-regular-tablet-headline-xl:48;--db-base-icon-font-size-regular-tablet-headline-xl:3rem;--db-typography-regular-tablet-headline-xs-line-height:1.2;--db-typography-regular-tablet-headline-xs-font-size:1.25rem;--db-base-icon-weight-regular-tablet-headline-xs:24;--db-base-icon-font-size-regular-tablet-headline-xs:1.5rem;--db-typography-regular-tablet-headline-2xl-line-height:1.3333333333333333;--db-typography-regular-tablet-headline-2xl-font-size:3rem;--db-base-icon-weight-regular-tablet-headline-2xl:64;--db-base-icon-font-size-regular-tablet-headline-2xl:4rem;--db-typography-regular-tablet-headline-2xs-line-height:1.25;--db-typography-regular-tablet-headline-2xs-font-size:1rem;--db-base-icon-weight-regular-tablet-headline-2xs:20;--db-base-icon-font-size-regular-tablet-headline-2xs:1.25rem;--db-typography-regular-tablet-headline-3xl-line-height:1.3333333333333333;--db-typography-regular-tablet-headline-3xl-font-size:3rem;--db-base-icon-weight-regular-tablet-headline-3xl:64;--db-base-icon-font-size-regular-tablet-headline-3xl:4rem;--db-typography-regular-tablet-headline-3xs-line-height:1.25;--db-typography-regular-tablet-headline-3xs-font-size:1rem;--db-base-icon-weight-regular-tablet-headline-3xs:20;--db-base-icon-font-size-regular-tablet-headline-3xs:1.25rem;--db-typography-functional-desktop-body-lg-line-height:1.5;--db-typography-functional-desktop-body-lg-font-size:1rem;--db-base-icon-weight-functional-desktop-body-lg:24;--db-base-icon-font-size-functional-desktop-body-lg:1.5rem;--db-typography-functional-desktop-body-md-line-height:1.4285714285714286;--db-typography-functional-desktop-body-md-font-size:0.875rem;--db-base-icon-weight-functional-desktop-body-md:20;--db-base-icon-font-size-functional-desktop-body-md:1.25rem;--db-typography-functional-desktop-body-sm-line-height:1.3333333333333333;--db-typography-functional-desktop-body-sm-font-size:0.75rem;--db-base-icon-weight-functional-desktop-body-sm:16;--db-base-icon-font-size-functional-desktop-body-sm:1rem;--db-typography-functional-desktop-body-xl-line-height:1.4;--db-typography-functional-desktop-body-xl-font-size:1.25rem;--db-base-icon-weight-functional-desktop-body-xl:28;--db-base-icon-font-size-functional-desktop-body-xl:1.75rem;--db-typography-functional-desktop-body-xs-line-height:1.4;--db-typography-functional-desktop-body-xs-font-size:0.625rem;--db-base-icon-weight-functional-desktop-body-xs:14;--db-base-icon-font-size-functional-desktop-body-xs:0.875rem;--db-typography-functional-desktop-body-2xl-line-height:1.3333333333333333;--db-typography-functional-desktop-body-2xl-font-size:1.5rem;--db-base-icon-weight-functional-desktop-body-2xl:32;--db-base-icon-font-size-functional-desktop-body-2xl:2rem;--db-typography-functional-desktop-body-3xl-line-height:1.4285714285714286;--db-typography-functional-desktop-body-3xl-font-size:1.75rem;--db-base-icon-weight-functional-desktop-3xl:40;--db-base-icon-font-size-functional-desktop-3xl:2.5rem;--db-typography-functional-desktop-body-2xs-line-height:1.4;--db-typography-functional-desktop-body-2xs-font-size:0.625rem;--db-base-icon-weight-functional-desktop-body-2xs:14;--db-base-icon-font-size-functional-desktop-body-2xs:0.875rem;--db-typography-functional-desktop-body-3xs-line-height:1.4;--db-typography-functional-desktop-body-3xs-font-size:0.625rem;--db-base-icon-weight-functional-desktop-3xs:14;--db-base-icon-font-size-functional-desktop-3xs:0.875rem;--db-typography-functional-desktop-headline-lg-line-height:1.1428571428571428;--db-typography-functional-desktop-headline-lg-font-size:1.75rem;--db-base-icon-weight-functional-desktop-headline-lg:32;--db-base-icon-font-size-functional-desktop-headline-lg:2rem;--db-typography-functional-desktop-headline-md-line-height:1.1666666666666667;--db-typography-functional-desktop-headline-md-font-size:1.5rem;--db-base-icon-weight-functional-desktop-headline-md:28;--db-base-icon-font-size-functional-desktop-headline-md:1.75rem;--db-typography-functional-desktop-headline-sm-line-height:1.2;--db-typography-functional-desktop-headline-sm-font-size:1.25rem;--db-base-icon-weight-functional-desktop-headline-sm:24;--db-base-icon-font-size-functional-desktop-headline-sm:1.5rem;--db-typography-functional-desktop-headline-xl-line-height:1.25;--db-typography-functional-desktop-headline-xl-font-size:2rem;--db-base-icon-weight-functional-desktop-headline-xl:40;--db-base-icon-font-size-functional-desktop-headline-xl:2.5rem;--db-typography-functional-desktop-headline-xs-line-height:1.25;--db-typography-functional-desktop-headline-xs-font-size:1rem;--db-base-icon-weight-functional-desktop-headline-xs:20;--db-base-icon-font-size-functional-desktop-headline-xs:1.25rem;--db-typography-functional-desktop-headline-2xl-line-height:1.2;--db-typography-functional-desktop-headline-2xl-font-size:2.5rem;--db-base-icon-weight-functional-desktop-headline-2xl:48;--db-base-icon-font-size-functional-desktop-headline-2xl:3rem;--db-typography-functional-desktop-headline-2xs-line-height:1.1428571428571428;--db-typography-functional-desktop-headline-2xs-font-size:0.875rem;--db-base-icon-weight-functional-desktop-headline-2xs:16;--db-base-icon-font-size-functional-desktop-headline-2xs:1rem;--db-typography-functional-desktop-headline-3xl-line-height:1.2;--db-typography-functional-desktop-headline-3xl-font-size:2.5rem;--db-base-icon-weight-functional-desktop-headline-3xl:48;--db-base-icon-font-size-functional-desktop-headline-3xl:3rem;--db-typography-functional-desktop-headline-3xs-line-height:1.1428571428571428;--db-typography-functional-desktop-headline-3xs-font-size:0.875rem;--db-base-icon-weight-functional-desktop-headline-3xs:16;--db-base-icon-font-size-functional-desktop-headline-3xs:1rem;--db-typography-functional-tablet-body-lg-line-height:1.5;--db-typography-functional-tablet-body-lg-font-size:1rem;--db-base-icon-weight-functional-tablet-body-lg:24;--db-base-icon-font-size-functional-tablet-body-lg:1.5rem;--db-typography-functional-tablet-body-md-line-height:1.4285714285714286;--db-typography-functional-tablet-body-md-font-size:0.875rem;--db-base-icon-weight-functional-tablet-body-md:20;--db-base-icon-font-size-functional-tablet-body-md:1.25rem;--db-typography-functional-tablet-body-sm-line-height:1.3333333333333333;--db-typography-functional-tablet-body-sm-font-size:0.75rem;--db-base-icon-weight-functional-tablet-body-sm:16;--db-base-icon-font-size-functional-tablet-body-sm:1rem;--db-typography-functional-tablet-body-xl-line-height:1.4;--db-typography-functional-tablet-body-xl-font-size:1.25rem;--db-base-icon-weight-functional-tablet-body-xl:28;--db-base-icon-font-size-functional-tablet-body-xl:1.75rem;--db-typography-functional-tablet-body-xs-line-height:1.4;--db-typography-functional-tablet-body-xs-font-size:0.625rem;--db-base-icon-weight-functional-tablet-body-xs:14;--db-base-icon-font-size-functional-tablet-body-xs:0.875rem;--db-typography-functional-tablet-body-2xl-line-height:1.3333333333333333;--db-typography-functional-tablet-body-2xl-font-size:1.5rem;--db-base-icon-weight-functional-tablet-body-2xl:32;--db-base-icon-font-size-functional-tablet-body-2xl:2rem;--db-typography-functional-tablet-body-3xl-line-height:1.4285714285714286;--db-typography-functional-tablet-body-3xl-font-size:1.75rem;--db-base-icon-weight-functional-tablet-3xl:40;--db-base-icon-font-size-functional-tablet-3xl:2.5rem;--db-typography-functional-tablet-body-2xs-line-height:1.4;--db-typography-functional-tablet-body-2xs-font-size:0.625rem;--db-base-icon-weight-functional-tablet-body-2xs:14;--db-base-icon-font-size-functional-tablet-body-2xs:0.875rem;--db-typography-functional-tablet-body-3xs-line-height:1.4;--db-typography-functional-tablet-body-3xs-font-size:0.625rem;--db-base-icon-weight-functional-tablet-3xs:14;--db-base-icon-font-size-functional-tablet-3xs:0.875rem;--db-typography-functional-tablet-headline-lg-line-height:1.1428571428571428;--db-typography-functional-tablet-headline-lg-font-size:1.75rem;--db-base-icon-weight-functional-tablet-headline-lg:32;--db-base-icon-font-size-functional-tablet-headline-lg:2rem;--db-typography-functional-tablet-headline-md-line-height:1.1666666666666667;--db-typography-functional-tablet-headline-md-font-size:1.5rem;--db-base-icon-weight-functional-tablet-headline-md:28;--db-base-icon-font-size-functional-tablet-headline-md:1.75rem;--db-typography-functional-tablet-headline-sm-line-height:1.2;--db-typography-functional-tablet-headline-sm-font-size:1.25rem;--db-base-icon-weight-functional-tablet-headline-sm:24;--db-base-icon-font-size-functional-tablet-headline-sm:1.5rem;--db-typography-functional-tablet-headline-xl-line-height:1.25;--db-typography-functional-tablet-headline-xl-font-size:2rem;--db-base-icon-weight-functional-tablet-headline-xl:40;--db-base-icon-font-size-functional-tablet-headline-xl:2.5rem;--db-typography-functional-tablet-headline-xs-line-height:1.25;--db-typography-functional-tablet-headline-xs-font-size:1rem;--db-base-icon-weight-functional-tablet-headline-xs:20;--db-base-icon-font-size-functional-tablet-headline-xs:1.25rem;--db-typography-functional-tablet-headline-2xl-line-height:1.25;--db-typography-functional-tablet-headline-2xl-font-size:2rem;--db-base-icon-weight-functional-tablet-headline-2xl:40;--db-base-icon-font-size-functional-tablet-headline-2xl:2.5rem;--db-typography-functional-tablet-headline-2xs-line-height:1.1428571428571428;--db-typography-functional-tablet-headline-2xs-font-size:0.875rem;--db-base-icon-weight-functional-tablet-headline-2xs:16;--db-base-icon-font-size-functional-tablet-headline-2xs:1rem;--db-typography-functional-tablet-headline-3xl-line-height:1.25;--db-typography-functional-tablet-headline-3xl-font-size:2rem;--db-base-icon-weight-functional-tablet-headline-3xl:40;--db-base-icon-font-size-functional-tablet-headline-3xl:2.5rem;--db-typography-functional-tablet-headline-3xs-line-height:1.1428571428571428;--db-typography-functional-tablet-headline-3xs-font-size:0.875rem;--db-base-icon-weight-functional-tablet-headline-3xs:16;--db-base-icon-font-size-functional-tablet-headline-3xs:1rem;--db-typography-functional-mobile-body-lg-line-height:1.5;--db-typography-functional-mobile-body-lg-font-size:1rem;--db-base-icon-weight-functional-mobile-body-lg:24;--db-base-icon-font-size-functional-mobile-body-lg:1.5rem;--db-typography-functional-mobile-body-md-line-height:1.4285714285714286;--db-typography-functional-mobile-body-md-font-size:0.875rem;--db-base-icon-weight-functional-mobile-body-md:20;--db-base-icon-font-size-functional-mobile-body-md:1.25rem;--db-typography-functional-mobile-body-sm-line-height:1.3333333333333333;--db-typography-functional-mobile-body-sm-font-size:0.75rem;--db-base-icon-weight-functional-mobile-body-sm:16;--db-base-icon-font-size-functional-mobile-body-sm:1rem;--db-typography-functional-mobile-body-xl-line-height:1.5;--db-typography-functional-mobile-body-xl-font-size:1rem;--db-base-icon-weight-functional-mobile-body-xl:24;--db-base-icon-font-size-functional-mobile-body-xl:1.5rem;--db-typography-functional-mobile-body-xs-line-height:1.4;--db-typography-functional-mobile-body-xs-font-size:0.625rem;--db-base-icon-weight-functional-mobile-body-xs:14;--db-base-icon-font-size-functional-mobile-body-xs:0.875rem;--db-typography-functional-mobile-body-2xl-line-height:1.5;--db-typography-functional-mobile-body-2xl-font-size:1rem;--db-base-icon-weight-functional-mobile-body-2xl:24;--db-base-icon-font-size-functional-mobile-body-2xl:1.5rem;--db-typography-functional-mobile-body-3xl-line-height:1.5;--db-typography-functional-mobile-body-3xl-font-size:1rem;--db-base-icon-weight-functional-mobile-3xl:24;--db-base-icon-font-size-functional-mobile-3xl:1.5rem;--db-typography-functional-mobile-body-2xs-line-height:1.4;--db-typography-functional-mobile-body-2xs-font-size:0.625rem;--db-base-icon-weight-functional-mobile-body-2xs:14;--db-base-icon-font-size-functional-mobile-body-2xs:0.875rem;--db-typography-functional-mobile-body-3xs-line-height:1.4;--db-typography-functional-mobile-body-3xs-font-size:0.625rem;--db-base-icon-weight-functional-mobile-3xs:14;--db-base-icon-font-size-functional-mobile-3xs:0.875rem;--db-typography-functional-mobile-headline-lg-line-height:1.1666666666666667;--db-typography-functional-mobile-headline-lg-font-size:1.5rem;--db-base-icon-weight-functional-mobile-headline-lg:28;--db-base-icon-font-size-functional-mobile-headline-lg:1.75rem;--db-typography-functional-mobile-headline-md-line-height:1.2;--db-typography-functional-mobile-headline-md-font-size:1.25rem;--db-base-icon-weight-functional-mobile-headline-md:24;--db-base-icon-font-size-functional-mobile-headline-md:1.5rem;--db-typography-functional-mobile-headline-sm-line-height:1.25;--db-typography-functional-mobile-headline-sm-font-size:1rem;--db-base-icon-weight-functional-mobile-headline-sm:20;--db-base-icon-font-size-functional-mobile-headline-sm:1.25rem;--db-typography-functional-mobile-headline-xl-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-xl-font-size:1.75rem;--db-base-icon-weight-functional-mobile-headline-xl:32;--db-base-icon-font-size-functional-mobile-headline-xl:2rem;--db-typography-functional-mobile-headline-xs-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-xs-font-size:0.875rem;--db-base-icon-weight-functional-mobile-headline-xs:16;--db-base-icon-font-size-functional-mobile-headline-xs:1rem;--db-typography-functional-mobile-headline-2xl-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-2xl-font-size:1.75rem;--db-base-icon-weight-functional-mobile-headline-2xl:32;--db-base-icon-font-size-functional-mobile-headline-2xl:2rem;--db-typography-functional-mobile-headline-2xs-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-2xs-font-size:0.875rem;--db-base-icon-weight-functional-mobile-headline-2xs:16;--db-base-icon-font-size-functional-mobile-headline-2xs:1rem;--db-typography-functional-mobile-headline-3xl-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-3xl-font-size:1.75rem;--db-base-icon-weight-functional-mobile-headline-3xl:32;--db-base-icon-font-size-functional-mobile-headline-3xl:2rem;--db-typography-functional-mobile-headline-3xs-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-3xs-font-size:0.875rem;--db-base-icon-weight-functional-mobile-headline-3xs:16;--db-base-icon-font-size-functional-mobile-headline-3xs:1rem;--db-typography-expressive-desktop-body-lg-line-height:1.3333333333333333;--db-typography-expressive-desktop-body-lg-font-size:1.5rem;--db-base-icon-weight-expressive-desktop-body-lg:32;--db-base-icon-font-size-expressive-desktop-body-lg:2rem;--db-typography-expressive-desktop-body-md-line-height:1.4;--db-typography-expressive-desktop-body-md-font-size:1.25rem;--db-base-icon-weight-expressive-desktop-body-md:28;--db-base-icon-font-size-expressive-desktop-body-md:1.75rem;--db-typography-expressive-desktop-body-sm-line-height:1.5;--db-typography-expressive-desktop-body-sm-font-size:1rem;--db-base-icon-weight-expressive-desktop-body-sm:24;--db-base-icon-font-size-expressive-desktop-body-sm:1.5rem;--db-typography-expressive-desktop-body-xl-line-height:1.4285714285714286;--db-typography-expressive-desktop-body-xl-font-size:1.75rem;--db-base-icon-weight-expressive-desktop-body-xl:40;--db-base-icon-font-size-expressive-desktop-body-xl:2.5rem;--db-typography-expressive-desktop-body-xs-line-height:1.4285714285714286;--db-typography-expressive-desktop-body-xs-font-size:0.875rem;--db-base-icon-weight-expressive-desktop-body-xs:20;--db-base-icon-font-size-expressive-desktop-body-xs:1.25rem;--db-typography-expressive-desktop-body-2xl-line-height:1.5;--db-typography-expressive-desktop-body-2xl-font-size:2rem;--db-base-icon-weight-expressive-desktop-body-2xl:48;--db-base-icon-font-size-expressive-desktop-body-2xl:3rem;--db-typography-expressive-desktop-body-3xl-line-height:1.6;--db-typography-expressive-desktop-body-3xl-font-size:2.5rem;--db-base-icon-weight-expressive-desktop-3xl:64;--db-base-icon-font-size-expressive-desktop-3xl:4rem;--db-typography-expressive-desktop-body-2xs-line-height:1.3333333333333333;--db-typography-expressive-desktop-body-2xs-font-size:0.75rem;--db-base-icon-weight-expressive-desktop-body-2xs:16;--db-base-icon-font-size-expressive-desktop-body-2xs:1rem;--db-typography-expressive-desktop-body-3xs-line-height:1.4;--db-typography-expressive-desktop-body-3xs-font-size:0.625rem;--db-base-icon-weight-expressive-desktop-3xs:14;--db-base-icon-font-size-expressive-desktop-3xs:0.875rem;--db-typography-expressive-desktop-headline-lg-line-height:1.3333333333333333;--db-typography-expressive-desktop-headline-lg-font-size:3rem;--db-base-icon-weight-expressive-desktop-headline-lg:64;--db-base-icon-font-size-expressive-desktop-headline-lg:4rem;--db-typography-expressive-desktop-headline-md-line-height:1.2;--db-typography-expressive-desktop-headline-md-font-size:2.5rem;--db-base-icon-weight-expressive-desktop-headline-md:48;--db-base-icon-font-size-expressive-desktop-headline-md:3rem;--db-typography-expressive-desktop-headline-sm-line-height:1.25;--db-typography-expressive-desktop-headline-sm-font-size:2rem;--db-base-icon-weight-expressive-desktop-headline-sm:40;--db-base-icon-font-size-expressive-desktop-headline-sm:2.5rem;--db-typography-expressive-desktop-headline-xl-line-height:1.25;--db-typography-expressive-desktop-headline-xl-font-size:4rem;--db-base-icon-weight-expressive-desktop-headline-xl:80;--db-base-icon-font-size-expressive-desktop-headline-xl:5rem;--db-typography-expressive-desktop-headline-xs-line-height:1.1428571428571428;--db-typography-expressive-desktop-headline-xs-font-size:1.75rem;--db-base-icon-weight-expressive-desktop-headline-xs:32;--db-base-icon-font-size-expressive-desktop-headline-xs:2rem;--db-typography-expressive-desktop-headline-2xl-line-height:1.2;--db-typography-expressive-desktop-headline-2xl-font-size:5rem;--db-base-icon-weight-expressive-desktop-headline-2xl:96;--db-base-icon-font-size-expressive-desktop-headline-2xl:6rem;--db-typography-expressive-desktop-headline-2xs-line-height:1.1666666666666667;--db-typography-expressive-desktop-headline-2xs-font-size:1.5rem;--db-base-icon-weight-expressive-desktop-headline-2xs:28;--db-base-icon-font-size-expressive-desktop-headline-2xs:1.75rem;--db-typography-expressive-desktop-headline-3xl-line-height:1.25;--db-typography-expressive-desktop-headline-3xl-font-size:6rem;--db-base-icon-weight-expressive-desktop-headline-3xl:120;--db-base-icon-font-size-expressive-desktop-headline-3xl:7.5rem;--db-typography-expressive-desktop-headline-3xs-line-height:1.2;--db-typography-expressive-desktop-headline-3xs-font-size:1.25rem;--db-base-icon-weight-expressive-desktop-headline-3xs:24;--db-base-icon-font-size-expressive-desktop-headline-3xs:1.5rem;--db-typography-expressive-tablet-body-lg-line-height:1.3333333333333333;--db-typography-expressive-tablet-body-lg-font-size:1.5rem;--db-base-icon-weight-expressive-tablet-body-lg:32;--db-base-icon-font-size-expressive-tablet-body-lg:2rem;--db-typography-expressive-tablet-body-md-line-height:1.4;--db-typography-expressive-tablet-body-md-font-size:1.25rem;--db-base-icon-weight-expressive-tablet-body-md:28;--db-base-icon-font-size-expressive-tablet-body-md:1.75rem;--db-typography-expressive-tablet-body-sm-line-height:1.5;--db-typography-expressive-tablet-body-sm-font-size:1rem;--db-base-icon-weight-expressive-tablet-body-sm:24;--db-base-icon-font-size-expressive-tablet-body-sm:1.5rem;--db-typography-expressive-tablet-body-xl-line-height:1.4285714285714286;--db-typography-expressive-tablet-body-xl-font-size:1.75rem;--db-base-icon-weight-expressive-tablet-body-xl:40;--db-base-icon-font-size-expressive-tablet-body-xl:2.5rem;--db-typography-expressive-tablet-body-xs-line-height:1.4285714285714286;--db-typography-expressive-tablet-body-xs-font-size:0.875rem;--db-base-icon-weight-expressive-tablet-body-xs:20;--db-base-icon-font-size-expressive-tablet-body-xs:1.25rem;--db-typography-expressive-tablet-body-2xl-line-height:1.5;--db-typography-expressive-tablet-body-2xl-font-size:2rem;--db-base-icon-weight-expressive-tablet-body-2xl:48;--db-base-icon-font-size-expressive-tablet-body-2xl:3rem;--db-typography-expressive-tablet-body-3xl-line-height:1.6;--db-typography-expressive-tablet-body-3xl-font-size:2.5rem;--db-base-icon-weight-expressive-tablet-3xl:64;--db-base-icon-font-size-expressive-tablet-3xl:4rem;--db-typography-expressive-tablet-body-2xs-line-height:1.3333333333333333;--db-typography-expressive-tablet-body-2xs-font-size:0.75rem;--db-base-icon-weight-expressive-tablet-body-2xs:16;--db-base-icon-font-size-expressive-tablet-body-2xs:1rem;--db-typography-expressive-tablet-body-3xs-line-height:1.4;--db-typography-expressive-tablet-body-3xs-font-size:0.625rem;--db-base-icon-weight-expressive-tablet-3xs:14;--db-base-icon-font-size-expressive-tablet-3xs:0.875rem;--db-typography-expressive-tablet-headline-lg-line-height:1.2;--db-typography-expressive-tablet-headline-lg-font-size:2.5rem;--db-base-icon-weight-expressive-tablet-headline-lg:48;--db-base-icon-font-size-expressive-tablet-headline-lg:3rem;--db-typography-expressive-tablet-headline-md-line-height:1.25;--db-typography-expressive-tablet-headline-md-font-size:2rem;--db-base-icon-weight-expressive-tablet-headline-md:40;--db-base-icon-font-size-expressive-tablet-headline-md:2.5rem;--db-typography-expressive-tablet-headline-sm-line-height:1.1428571428571428;--db-typography-expressive-tablet-headline-sm-font-size:1.75rem;--db-base-icon-weight-expressive-tablet-headline-sm:32;--db-base-icon-font-size-expressive-tablet-headline-sm:2rem;--db-typography-expressive-tablet-headline-xl-line-height:1.3333333333333333;--db-typography-expressive-tablet-headline-xl-font-size:3rem;--db-base-icon-weight-expressive-tablet-headline-xl:64;--db-base-icon-font-size-expressive-tablet-headline-xl:4rem;--db-typography-expressive-tablet-headline-xs-line-height:1.1666666666666667;--db-typography-expressive-tablet-headline-xs-font-size:1.5rem;--db-base-icon-weight-expressive-tablet-headline-xs:28;--db-base-icon-font-size-expressive-tablet-headline-xs:1.75rem;--db-typography-expressive-tablet-headline-2xl-line-height:1.25;--db-typography-expressive-tablet-headline-2xl-font-size:4rem;--db-base-icon-weight-expressive-tablet-headline-2xl:80;--db-base-icon-font-size-expressive-tablet-headline-2xl:5rem;--db-typography-expressive-tablet-headline-2xs-line-height:1.2;--db-typography-expressive-tablet-headline-2xs-font-size:1.25rem;--db-base-icon-weight-expressive-tablet-headline-2xs:24;--db-base-icon-font-size-expressive-tablet-headline-2xs:1.5rem;--db-typography-expressive-tablet-headline-3xl-line-height:1.2;--db-typography-expressive-tablet-headline-3xl-font-size:5rem;--db-base-icon-weight-expressive-tablet-headline-3xl:96;--db-base-icon-font-size-expressive-tablet-headline-3xl:6rem;--db-typography-expressive-tablet-headline-3xs-line-height:1.2;--db-typography-expressive-tablet-headline-3xs-font-size:1.25rem;--db-base-icon-weight-expressive-tablet-headline-3xs:24;--db-base-icon-font-size-expressive-tablet-headline-3xs:1.5rem;--db-typography-expressive-mobile-body-lg-line-height:1.3333333333333333;--db-typography-expressive-mobile-body-lg-font-size:1.5rem;--db-base-icon-weight-expressive-mobile-body-lg:32;--db-base-icon-font-size-expressive-mobile-body-lg:2rem;--db-typography-expressive-mobile-body-md-line-height:1.4;--db-typography-expressive-mobile-body-md-font-size:1.25rem;--db-base-icon-weight-expressive-mobile-body-md:28;--db-base-icon-font-size-expressive-mobile-body-md:1.75rem;--db-typography-expressive-mobile-body-sm-line-height:1.5;--db-typography-expressive-mobile-body-sm-font-size:1rem;--db-base-icon-weight-expressive-mobile-body-sm:24;--db-base-icon-font-size-expressive-mobile-body-sm:1.5rem;--db-typography-expressive-mobile-body-xl-line-height:1.3333333333333333;--db-typography-expressive-mobile-body-xl-font-size:1.5rem;--db-base-icon-weight-expressive-mobile-body-xl:32;--db-base-icon-font-size-expressive-mobile-body-xl:2rem;--db-typography-expressive-mobile-body-xs-line-height:1.4285714285714286;--db-typography-expressive-mobile-body-xs-font-size:0.875rem;--db-base-icon-weight-expressive-mobile-body-xs:20;--db-base-icon-font-size-expressive-mobile-body-xs:1.25rem;--db-typography-expressive-mobile-body-2xl-line-height:1.3333333333333333;--db-typography-expressive-mobile-body-2xl-font-size:1.5rem;--db-base-icon-weight-expressive-mobile-body-2xl:32;--db-base-icon-font-size-expressive-mobile-body-2xl:2rem;--db-typography-expressive-mobile-body-3xl-line-height:1.3333333333333333;--db-typography-expressive-mobile-body-3xl-font-size:1.5rem;--db-base-icon-weight-expressive-mobile-3xl:32;--db-base-icon-font-size-expressive-mobile-3xl:2rem;--db-typography-expressive-mobile-body-2xs-line-height:1.3333333333333333;--db-typography-expressive-mobile-body-2xs-font-size:0.75rem;--db-base-icon-weight-expressive-mobile-body-2xs:16;--db-base-icon-font-size-expressive-mobile-body-2xs:1rem;--db-typography-expressive-mobile-body-3xs-line-height:1.4;--db-typography-expressive-mobile-body-3xs-font-size:0.625rem;--db-base-icon-weight-expressive-mobile-3xs:14;--db-base-icon-font-size-expressive-mobile-3xs:0.875rem;--db-typography-expressive-mobile-headline-lg-line-height:1.25;--db-typography-expressive-mobile-headline-lg-font-size:2rem;--db-base-icon-weight-expressive-mobile-headline-lg:40;--db-base-icon-font-size-expressive-mobile-headline-lg:2.5rem;--db-typography-expressive-mobile-headline-md-line-height:1.1428571428571428;--db-typography-expressive-mobile-headline-md-font-size:1.75rem;--db-base-icon-weight-expressive-mobile-headline-md:32;--db-base-icon-font-size-expressive-mobile-headline-md:2rem;--db-typography-expressive-mobile-headline-sm-line-height:1.1666666666666667;--db-typography-expressive-mobile-headline-sm-font-size:1.5rem;--db-base-icon-weight-expressive-mobile-headline-sm:28;--db-base-icon-font-size-expressive-mobile-headline-sm:1.75rem;--db-typography-expressive-mobile-headline-xl-line-height:1.2;--db-typography-expressive-mobile-headline-xl-font-size:2.5rem;--db-base-icon-weight-expressive-mobile-headline-xl:48;--db-base-icon-font-size-expressive-mobile-headline-xl:3rem;--db-typography-expressive-mobile-headline-xs-line-height:1.2;--db-typography-expressive-mobile-headline-xs-font-size:1.25rem;--db-base-icon-weight-expressive-mobile-headline-xs:24;--db-base-icon-font-size-expressive-mobile-headline-xs:1.5rem;--db-typography-expressive-mobile-headline-2xl-line-height:1.2;--db-typography-expressive-mobile-headline-2xl-font-size:2.5rem;--db-base-icon-weight-expressive-mobile-headline-2xl:48;--db-base-icon-font-size-expressive-mobile-headline-2xl:3rem;--db-typography-expressive-mobile-headline-2xs-line-height:1.25;--db-typography-expressive-mobile-headline-2xs-font-size:1rem;--db-base-icon-weight-expressive-mobile-headline-2xs:20;--db-base-icon-font-size-expressive-mobile-headline-2xs:1.25rem;--db-typography-expressive-mobile-headline-3xl-line-height:1.2;--db-typography-expressive-mobile-headline-3xl-font-size:2.5rem;--db-base-icon-weight-expressive-mobile-headline-3xl:48;--db-base-icon-font-size-expressive-mobile-headline-3xl:3rem;--db-typography-expressive-mobile-headline-3xs-line-height:1.25;--db-typography-expressive-mobile-headline-3xs-font-size:1rem;--db-base-icon-weight-expressive-mobile-headline-3xs:20;--db-base-icon-font-size-expressive-mobile-headline-3xs:1.25rem;--db-border-height-3xs:0.0625rem;--db-border-height-2xs:0.125rem;--db-border-height-xs:0.25rem;--db-border-height-sm:0.375rem;--db-border-height-md:0.5rem;--db-border-height-lg:0.625rem;--db-border-height-xl:0.75rem;--db-border-height-2xl:0.875rem;--db-border-height-3xl:1rem;--db-border-radius-3xs:0.0625rem;--db-border-radius-2xs:0.125rem;--db-border-radius-xs:0.25rem;--db-border-radius-sm:0.5rem;--db-border-radius-md:0.75rem;--db-border-radius-lg:1rem;--db-border-radius-xl:1.5rem;--db-border-radius-2xl:1.75rem;--db-border-radius-3xl:2rem;--db-border-radius-full:500rem;--db-elevation-sm:0 0 1px -1px rgba(0,0,0,.2),0 0 4px 1px rgba(0,0,0,.12),0 0 2px 0 rgba(0,0,0,.14);--db-elevation-md:0 0 2px -1px rgba(0,0,0,.2),0 0 8px 1px rgba(0,0,0,.12),0 0 4px 0 rgba(0,0,0,.14);--db-elevation-lg:0 0 4px -3px rgba(0,0,0,.2),0 0 16px 3px rgba(0,0,0,.12),0 0 8px 1px rgba(0,0,0,.14);--db-transition-duration-x-slow:0.5s;--db-transition-duration-slow:0.4s;--db-transition-duration-medium:0.3s;--db-transition-duration-fast:0.15s;--db-transition-duration-x-fast:0.075s;--db-transition-timing-show:cubic-bezier(0.49,0.1,0.16,1) normal both;--db-transition-timing-hide:cubic-bezier(0.49,0.1,0.16,1) normal both;--db-transition-timing-emotional:cubic-bezier(0.27,0.05,0.4,0.95);--db-transition-timing-functional:cubic-bezier(0.15,0,0.45,1);--db-transition-straight-show:0.5s cubic-bezier(0.49,0.1,0.16,1) normal both;--db-transition-straight-hide:0.4s cubic-bezier(0.49,0.1,0.16,1) normal both;--db-transition-straight-emotional:0.3s cubic-bezier(0.27,0.05,0.4,0.95);--db-transition-straight-functional:0.3s cubic-bezier(0.15,0,0.45,1);--db-font-family-sans:"DB Screen Sans",Helvetica,Arial,sans-serif;--db-font-family-head:"DB Screen Head",Helvetica,Arial,sans-serif;--db-neutral-0:#070708;--db-neutral-1:#0d0e10;--db-neutral-2:#121315;--db-neutral-3:#1a1c1e;--db-neutral-4:#2e3134;--db-neutral-5:#44474c;--db-neutral-6:#5a5f65;--db-neutral-7:#72777f;--db-neutral-8:#8b919a;--db-neutral-9:#a6acb4;--db-neutral-10:#c3c7cc;--db-neutral-11:#e1e3e5;--db-neutral-12:#edeef0;--db-neutral-13:#f3f4f5;--db-neutral-14:#fff;--db-brand-0:#1a0000;--db-brand-1:#280001;--db-brand-2:#310001;--db-brand-3:#410002;--db-brand-4:#690004;--db-brand-5:#930009;--db-brand-6:#c00010;--db-brand-7:#ef0016;--db-brand-8:#ff5357;--db-brand-9:#ff888a;--db-brand-10:#ffb3b4;--db-brand-11:#ffdada;--db-brand-12:#ffe9e9;--db-brand-13:#fff0f0;--db-brand-14:#fff8f8;--db-brand-on-pressed-light:#edeef0;--db-brand-on-hover-light:#f3f4f5;--db-brand-on-light:#fff;--db-brand-origin-light:#ec0016;--db-brand-hover-light:#c00010;--db-brand-pressed-light:#930009;--db-brand-on-pressed-dark:#edeef0;--db-brand-on-hover-dark:#f3f4f5;--db-brand-on-dark:#fff;--db-brand-origin-dark:#ec0016;--db-brand-hover-dark:#ff5357;--db-brand-pressed-dark:#ff888a;--db-informational-0:#01080f;--db-informational-1:#011018;--db-informational-2:#021520;--db-informational-3:#041e2b;--db-informational-4:#0a3447;--db-informational-5:#124c66;--db-informational-6:#1b6586;--db-informational-7:#257fa8;--db-informational-8:#2e9acb;--db-informational-9:#38b6ef;--db-informational-10:#89cffa;--db-informational-11:#cae6fd;--db-informational-12:#e0f0fe;--db-informational-13:#ebf5fe;--db-informational-14:#f5faff;--db-warning-0:#100500;--db-warning-1:#190b00;--db-warning-2:#210f00;--db-warning-3:#2c1600;--db-warning-4:#4a2800;--db-warning-5:#693c00;--db-warning-6:#8a5100;--db-warning-7:#ad6600;--db-warning-8:#d17d00;--db-warning-9:#f69400;--db-warning-10:#ffb782;--db-warning-11:#ffdbc8;--db-warning-12:#ffeadf;--db-warning-13:#fff1ea;--db-warning-14:#fff8f5;--db-successful-0:#030900;--db-successful-1:#061100;--db-successful-2:#091701;--db-successful-3:#0f2001;--db-successful-4:#1d3702;--db-successful-5:#2d5005;--db-successful-6:#3d6a09;--db-successful-7:#4e850f;--db-successful-8:#60a114;--db-successful-9:#72bf1a;--db-successful-10:#85dd20;--db-successful-11:#99fc26;--db-successful-12:#c3ff9d;--db-successful-13:#d9ffc4;--db-successful-14:#edffe4;--db-critical-0:#1a0000;--db-critical-1:#280001;--db-critical-2:#310001;--db-critical-3:#410002;--db-critical-4:#690004;--db-critical-5:#930009;--db-critical-6:#c00010;--db-critical-7:#ef0016;--db-critical-8:#ff5357;--db-critical-9:#ff888a;--db-critical-10:#ffb3b4;--db-critical-11:#ffdada;--db-critical-12:#ffe9e9;--db-critical-13:#fff0f0;--db-critical-14:#fff8f8;--db-neutral-bg-lvl-1-enabled:var(--db-neutral-14);--db-neutral-bg-lvl-1-hover:var(--db-neutral-13);--db-neutral-bg-lvl-1-pressed:var(--db-neutral-12);--db-neutral-bg-lvl-2-enabled:var(--db-neutral-13);--db-neutral-bg-lvl-2-hover:var(--db-neutral-12);--db-neutral-bg-lvl-2-pressed:var(--db-neutral-11);--db-neutral-bg-lvl-3-enabled:var(--db-neutral-12);--db-neutral-bg-lvl-3-hover:var(--db-neutral-11);--db-neutral-bg-lvl-3-pressed:var(--db-neutral-10);--db-neutral-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-neutral-6));--db-neutral-bg-transparent-semi-enabled:color-mix(in srgb,transparent 92%,var(--db-neutral-6));--db-neutral-bg-transparent-hover:color-mix(in srgb,transparent 84%,var(--db-neutral-6));--db-neutral-bg-transparent-pressed:color-mix(in srgb,transparent 76%,var(--db-neutral-6));--db-neutral-on-bg-enabled:var(--db-neutral-3);--db-neutral-on-bg-hover:var(--db-neutral-4);--db-neutral-on-bg-pressed:var(--db-neutral-5);--db-neutral-on-bg-weak-enabled:var(--db-neutral-5);--db-neutral-on-bg-weak-hover:var(--db-neutral-6);--db-neutral-on-bg-weak-pressed:var(--db-neutral-7);--db-neutral-on-contrast-enabled:var(--db-neutral-14);--db-neutral-on-contrast-hover:var(--db-neutral-13);--db-neutral-on-contrast-pressed:var(--db-neutral-12);--db-neutral-contrast-high-enabled:var(--db-neutral-6);--db-neutral-contrast-high-hover:var(--db-neutral-5);--db-neutral-contrast-high-pressed:var(--db-neutral-4);--db-neutral-contrast-low-enabled:var(--db-neutral-7);--db-neutral-contrast-low-hover:var(--db-neutral-6);--db-neutral-contrast-low-pressed:var(--db-neutral-5);--db-neutral-border:var(--db-neutral-10);--db-brand-on-enabled:var(--db-brand-on-light);--db-brand-on-hover:var(--db-brand-on-hover-light);--db-brand-on-pressed:var(--db-brand-on-pressed-light);--db-brand-origin-enabled:var(--db-brand-origin-light);--db-brand-origin-hover:var(--db-brand-hover-light);--db-brand-origin-pressed:var(--db-brand-pressed-light);--db-brand-bg-lvl-1-enabled:var(--db-brand-14);--db-brand-bg-lvl-1-hover:var(--db-brand-13);--db-brand-bg-lvl-1-pressed:var(--db-brand-12);--db-brand-bg-lvl-2-enabled:var(--db-brand-13);--db-brand-bg-lvl-2-hover:var(--db-brand-12);--db-brand-bg-lvl-2-pressed:var(--db-brand-11);--db-brand-bg-lvl-3-enabled:var(--db-brand-12);--db-brand-bg-lvl-3-hover:var(--db-brand-11);--db-brand-bg-lvl-3-pressed:var(--db-brand-10);--db-brand-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-brand-6));--db-brand-bg-transparent-semi-enabled:color-mix(in srgb,transparent 92%,var(--db-brand-6));--db-brand-bg-transparent-hover:color-mix(in srgb,transparent 84%,var(--db-brand-6));--db-brand-bg-transparent-pressed:color-mix(in srgb,transparent 76%,var(--db-brand-6));--db-brand-on-bg-enabled:var(--db-brand-3);--db-brand-on-bg-hover:var(--db-brand-4);--db-brand-on-bg-pressed:var(--db-brand-5);--db-brand-on-bg-weak-enabled:var(--db-brand-5);--db-brand-on-bg-weak-hover:var(--db-brand-6);--db-brand-on-bg-weak-pressed:var(--db-brand-7);--db-brand-on-contrast-enabled:var(--db-brand-14);--db-brand-on-contrast-hover:var(--db-brand-13);--db-brand-on-contrast-pressed:var(--db-brand-12);--db-brand-contrast-high-enabled:var(--db-brand-6);--db-brand-contrast-high-hover:var(--db-brand-5);--db-brand-contrast-high-pressed:var(--db-brand-4);--db-brand-contrast-low-enabled:var(--db-brand-7);--db-brand-contrast-low-hover:var(--db-brand-6);--db-brand-contrast-low-pressed:var(--db-brand-5);--db-brand-border:var(--db-brand-10);--db-informational-bg-lvl-1-enabled:var(--db-informational-14);--db-informational-bg-lvl-1-hover:var(--db-informational-13);--db-informational-bg-lvl-1-pressed:var(--db-informational-12);--db-informational-bg-lvl-2-enabled:var(--db-informational-13);--db-informational-bg-lvl-2-hover:var(--db-informational-12);--db-informational-bg-lvl-2-pressed:var(--db-informational-11);--db-informational-bg-lvl-3-enabled:var(--db-informational-12);--db-informational-bg-lvl-3-hover:var(--db-informational-11);--db-informational-bg-lvl-3-pressed:var(--db-informational-10);--db-informational-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-informational-6));--db-informational-bg-transparent-semi-enabled:color-mix(in srgb,transparent 92%,var(--db-informational-6));--db-informational-bg-transparent-hover:color-mix(in srgb,transparent 84%,var(--db-informational-6));--db-informational-bg-transparent-pressed:color-mix(in srgb,transparent 76%,var(--db-informational-6));--db-informational-on-bg-enabled:var(--db-informational-3);--db-informational-on-bg-hover:var(--db-informational-4);--db-informational-on-bg-pressed:var(--db-informational-5);--db-informational-on-bg-weak-enabled:var(--db-informational-5);--db-informational-on-bg-weak-hover:var(--db-informational-6);--db-informational-on-bg-weak-pressed:var(--db-informational-7);--db-informational-on-contrast-enabled:var(--db-informational-14);--db-informational-on-contrast-hover:var(--db-informational-13);--db-informational-on-contrast-pressed:var(--db-informational-12);--db-informational-contrast-high-enabled:var(--db-informational-6);--db-informational-contrast-high-hover:var(--db-informational-5);--db-informational-contrast-high-pressed:var(--db-informational-4);--db-informational-contrast-low-enabled:var(--db-informational-7);--db-informational-contrast-low-hover:var(--db-informational-6);--db-informational-contrast-low-pressed:var(--db-informational-5);--db-informational-border:var(--db-informational-10);--db-warning-bg-lvl-1-enabled:var(--db-warning-14);--db-warning-bg-lvl-1-hover:var(--db-warning-13);--db-warning-bg-lvl-1-pressed:var(--db-warning-12);--db-warning-bg-lvl-2-enabled:var(--db-warning-13);--db-warning-bg-lvl-2-hover:var(--db-warning-12);--db-warning-bg-lvl-2-pressed:var(--db-warning-11);--db-warning-bg-lvl-3-enabled:var(--db-warning-12);--db-warning-bg-lvl-3-hover:var(--db-warning-11);--db-warning-bg-lvl-3-pressed:var(--db-warning-10);--db-warning-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-warning-6));--db-warning-bg-transparent-semi-enabled:color-mix(in srgb,transparent 92%,var(--db-warning-6));--db-warning-bg-transparent-hover:color-mix(in srgb,transparent 84%,var(--db-warning-6));--db-warning-bg-transparent-pressed:color-mix(in srgb,transparent 76%,var(--db-warning-6));--db-warning-on-bg-enabled:var(--db-warning-3);--db-warning-on-bg-hover:var(--db-warning-4);--db-warning-on-bg-pressed:var(--db-warning-5);--db-warning-on-bg-weak-enabled:var(--db-warning-5);--db-warning-on-bg-weak-hover:var(--db-warning-6);--db-warning-on-bg-weak-pressed:var(--db-warning-7);--db-warning-on-contrast-enabled:var(--db-warning-14);--db-warning-on-contrast-hover:var(--db-warning-13);--db-warning-on-contrast-pressed:var(--db-warning-12);--db-warning-contrast-high-enabled:var(--db-warning-6);--db-warning-contrast-high-hover:var(--db-warning-5);--db-warning-contrast-high-pressed:var(--db-warning-4);--db-warning-contrast-low-enabled:var(--db-warning-7);--db-warning-contrast-low-hover:var(--db-warning-6);--db-warning-contrast-low-pressed:var(--db-warning-5);--db-warning-border:var(--db-warning-10);--db-successful-bg-lvl-1-enabled:var(--db-successful-14);--db-successful-bg-lvl-1-hover:var(--db-successful-13);--db-successful-bg-lvl-1-pressed:var(--db-successful-12);--db-successful-bg-lvl-2-enabled:var(--db-successful-13);--db-successful-bg-lvl-2-hover:var(--db-successful-12);--db-successful-bg-lvl-2-pressed:var(--db-successful-11);--db-successful-bg-lvl-3-enabled:var(--db-successful-12);--db-successful-bg-lvl-3-hover:var(--db-successful-11);--db-successful-bg-lvl-3-pressed:var(--db-successful-10);--db-successful-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-successful-6));--db-successful-bg-transparent-semi-enabled:color-mix(in srgb,transparent 92%,var(--db-successful-6));--db-successful-bg-transparent-hover:color-mix(in srgb,transparent 84%,var(--db-successful-6));--db-successful-bg-transparent-pressed:color-mix(in srgb,transparent 76%,var(--db-successful-6));--db-successful-on-bg-enabled:var(--db-successful-3);--db-successful-on-bg-hover:var(--db-successful-4);--db-successful-on-bg-pressed:var(--db-successful-5);--db-successful-on-bg-weak-enabled:var(--db-successful-5);--db-successful-on-bg-weak-hover:var(--db-successful-6);--db-successful-on-bg-weak-pressed:var(--db-successful-7);--db-successful-on-contrast-enabled:var(--db-successful-14);--db-successful-on-contrast-hover:var(--db-successful-13);--db-successful-on-contrast-pressed:var(--db-successful-12);--db-successful-contrast-high-enabled:var(--db-successful-6);--db-successful-contrast-high-hover:var(--db-successful-5);--db-successful-contrast-high-pressed:var(--db-successful-4);--db-successful-contrast-low-enabled:var(--db-successful-7);--db-successful-contrast-low-hover:var(--db-successful-6);--db-successful-contrast-low-pressed:var(--db-successful-5);--db-successful-border:var(--db-successful-10);--db-critical-bg-lvl-1-enabled:var(--db-critical-14);--db-critical-bg-lvl-1-hover:var(--db-critical-13);--db-critical-bg-lvl-1-pressed:var(--db-critical-12);--db-critical-bg-lvl-2-enabled:var(--db-critical-13);--db-critical-bg-lvl-2-hover:var(--db-critical-12);--db-critical-bg-lvl-2-pressed:var(--db-critical-11);--db-critical-bg-lvl-3-enabled:var(--db-critical-12);--db-critical-bg-lvl-3-hover:var(--db-critical-11);--db-critical-bg-lvl-3-pressed:var(--db-critical-10);--db-critical-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-critical-6));--db-critical-bg-transparent-semi-enabled:color-mix(in srgb,transparent 92%,var(--db-critical-6));--db-critical-bg-transparent-hover:color-mix(in srgb,transparent 84%,var(--db-critical-6));--db-critical-bg-transparent-pressed:color-mix(in srgb,transparent 76%,var(--db-critical-6));--db-critical-on-bg-enabled:var(--db-critical-3);--db-critical-on-bg-hover:var(--db-critical-4);--db-critical-on-bg-pressed:var(--db-critical-5);--db-critical-on-bg-weak-enabled:var(--db-critical-5);--db-critical-on-bg-weak-hover:var(--db-critical-6);--db-critical-on-bg-weak-pressed:var(--db-critical-7);--db-critical-on-contrast-enabled:var(--db-critical-14);--db-critical-on-contrast-hover:var(--db-critical-13);--db-critical-on-contrast-pressed:var(--db-critical-12);--db-critical-contrast-high-enabled:var(--db-critical-6);--db-critical-contrast-high-hover:var(--db-critical-5);--db-critical-contrast-high-pressed:var(--db-critical-4);--db-critical-contrast-low-enabled:var(--db-critical-7);--db-critical-contrast-low-hover:var(--db-critical-6);--db-critical-contrast-low-pressed:var(--db-critical-5);--db-critical-border:var(--db-critical-10);--db-textarea-resizer-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTExLjUgMTYuNWEuOTk5Ljk5OSAwIDAgMSAtLjcwNy0xLjcwN2w0LTRhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTQgNGEuOTk3Ljk5NyAwIDAgMSAtLjcwNy4yOTN6bS03IDBhLjk5OS45OTkgMCAwIDEgLS43MDctMS43MDdsMTEtMTFhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTExIDExYS45OTcuOTk3IDAgMCAxIC0uNzA3LjI5M3oiIGZpbGw9IiMyODJkMzciIHN0eWxlPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==");--db-textarea-scrollbar-button-decrement:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDEzYS45OTguOTk4IDAgMCAxIC0uOTk0LS45OTVjMC0uMjY2LjEzMy0uNTMxLjI5OC0uNjk3bDUuMDA2LTUuMDFjLjE5OS0uMTk4LjQ2NC0uMjk4LjY5Ni0uMjk4LjIyNyAwIC40NTUuMDczLjYyLjIybDUuMDgyIDUuMDg4Yy4xOTkuMTY2LjI5OC40MzEuMjk4LjY5N2EuOTk4Ljk5OCAwIDAgMSAtLjk5NC45OTVjLS4yNjYgMC0uNTMtLjEtLjczLS4yOTlsLTQuMjc2LTQuMjgtNC4yNzYgNC4yOGMtLjIuMi0uNDY0LjI5OS0uNzMuMjk5eiIgZmlsbD0iIzI4MmQzNyIgc3R5bGU9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg0K");--db-textarea-scrollbar-button-increment:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwLjQ3MiA4LjY5Ni0zLjUzMiAzLjUzNGEuOTk4Ljk5OCAwIDEgMSAtMS40MTMtMS40MTNsMi44MjUtMi44MjUtMi44MjUtMi44MjVhLjk5OC45OTggMCAxIDEgMS40MTMtMS40MTNsMy41MzIgMy41MzJhLjk5OS45OTkgMCAwIDEgMCAxLjQxMnoiIGZpbGw9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJtYXRyaXgoMCAxIC0xIDAgMTUuOTkxIC0uMDA5KSIvPjwvc3ZnPg0K");color-scheme:light}@media(prefers-color-scheme:dark){:root{--db-neutral-bg-lvl-1-enabled:var(--db-neutral-3);--db-neutral-bg-lvl-1-hover:var(--db-neutral-4);--db-neutral-bg-lvl-1-pressed:var(--db-neutral-5);--db-neutral-bg-lvl-2-enabled:var(--db-neutral-2);--db-neutral-bg-lvl-2-hover:var(--db-neutral-3);--db-neutral-bg-lvl-2-pressed:var(--db-neutral-4);--db-neutral-bg-lvl-3-enabled:var(--db-neutral-1);--db-neutral-bg-lvl-3-hover:var(--db-neutral-2);--db-neutral-bg-lvl-3-pressed:var(--db-neutral-3);--db-neutral-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-neutral-9));--db-neutral-bg-transparent-semi-enabled:color-mix(in srgb,transparent 84%,var(--db-neutral-9));--db-neutral-bg-transparent-hover:color-mix(in srgb,transparent 76%,var(--db-neutral-9));--db-neutral-bg-transparent-pressed:color-mix(in srgb,transparent 68%,var(--db-neutral-9));--db-neutral-on-bg-enabled:var(--db-neutral-12);--db-neutral-on-bg-hover:var(--db-neutral-11);--db-neutral-on-bg-pressed:var(--db-neutral-10);--db-neutral-on-bg-weak-enabled:var(--db-neutral-10);--db-neutral-on-bg-weak-hover:var(--db-neutral-9);--db-neutral-on-bg-weak-pressed:var(--db-neutral-8);--db-neutral-on-contrast-enabled:var(--db-neutral-3);--db-neutral-on-contrast-hover:var(--db-neutral-4);--db-neutral-on-contrast-pressed:var(--db-neutral-5);--db-neutral-contrast-high-enabled:var(--db-neutral-9);--db-neutral-contrast-high-hover:var(--db-neutral-8);--db-neutral-contrast-high-pressed:var(--db-neutral-7);--db-neutral-contrast-low-enabled:var(--db-neutral-8);--db-neutral-contrast-low-hover:var(--db-neutral-7);--db-neutral-contrast-low-pressed:var(--db-neutral-6);--db-neutral-border:var(--db-neutral-6);--db-brand-on-enabled:var(--db-brand-on-dark);--db-brand-on-hover:var(--db-brand-on-hover-dark);--db-brand-on-pressed:var(--db-brand-on-pressed-dark);--db-brand-origin-enabled:var(--db-brand-origin-dark);--db-brand-origin-hover:var(--db-brand-hover-dark);--db-brand-origin-pressed:var(--db-brand-pressed-dark);--db-brand-bg-lvl-1-enabled:var(--db-brand-3);--db-brand-bg-lvl-1-hover:var(--db-brand-4);--db-brand-bg-lvl-1-pressed:var(--db-brand-5);--db-brand-bg-lvl-2-enabled:var(--db-brand-2);--db-brand-bg-lvl-2-hover:var(--db-brand-3);--db-brand-bg-lvl-2-pressed:var(--db-brand-4);--db-brand-bg-lvl-3-enabled:var(--db-brand-1);--db-brand-bg-lvl-3-hover:var(--db-brand-2);--db-brand-bg-lvl-3-pressed:var(--db-brand-3);--db-brand-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-brand-9));--db-brand-bg-transparent-semi-enabled:color-mix(in srgb,transparent 84%,var(--db-brand-9));--db-brand-bg-transparent-hover:color-mix(in srgb,transparent 76%,var(--db-brand-9));--db-brand-bg-transparent-pressed:color-mix(in srgb,transparent 68%,var(--db-brand-9));--db-brand-on-bg-enabled:var(--db-brand-12);--db-brand-on-bg-hover:var(--db-brand-11);--db-brand-on-bg-pressed:var(--db-brand-10);--db-brand-on-bg-weak-enabled:var(--db-brand-10);--db-brand-on-bg-weak-hover:var(--db-brand-9);--db-brand-on-bg-weak-pressed:var(--db-brand-8);--db-brand-on-contrast-enabled:var(--db-brand-3);--db-brand-on-contrast-hover:var(--db-brand-4);--db-brand-on-contrast-pressed:var(--db-brand-5);--db-brand-contrast-high-enabled:var(--db-brand-9);--db-brand-contrast-high-hover:var(--db-brand-8);--db-brand-contrast-high-pressed:var(--db-brand-7);--db-brand-contrast-low-enabled:var(--db-brand-8);--db-brand-contrast-low-hover:var(--db-brand-7);--db-brand-contrast-low-pressed:var(--db-brand-6);--db-brand-border:var(--db-brand-6);--db-informational-bg-lvl-1-enabled:var(--db-informational-3);--db-informational-bg-lvl-1-hover:var(--db-informational-4);--db-informational-bg-lvl-1-pressed:var(--db-informational-5);--db-informational-bg-lvl-2-enabled:var(--db-informational-2);--db-informational-bg-lvl-2-hover:var(--db-informational-3);--db-informational-bg-lvl-2-pressed:var(--db-informational-4);--db-informational-bg-lvl-3-enabled:var(--db-informational-1);--db-informational-bg-lvl-3-hover:var(--db-informational-2);--db-informational-bg-lvl-3-pressed:var(--db-informational-3);--db-informational-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-informational-9));--db-informational-bg-transparent-semi-enabled:color-mix(in srgb,transparent 84%,var(--db-informational-9));--db-informational-bg-transparent-hover:color-mix(in srgb,transparent 76%,var(--db-informational-9));--db-informational-bg-transparent-pressed:color-mix(in srgb,transparent 68%,var(--db-informational-9));--db-informational-on-bg-enabled:var(--db-informational-12);--db-informational-on-bg-hover:var(--db-informational-11);--db-informational-on-bg-pressed:var(--db-informational-10);--db-informational-on-bg-weak-enabled:var(--db-informational-10);--db-informational-on-bg-weak-hover:var(--db-informational-9);--db-informational-on-bg-weak-pressed:var(--db-informational-8);--db-informational-on-contrast-enabled:var(--db-informational-3);--db-informational-on-contrast-hover:var(--db-informational-4);--db-informational-on-contrast-pressed:var(--db-informational-5);--db-informational-contrast-high-enabled:var(--db-informational-9);--db-informational-contrast-high-hover:var(--db-informational-8);--db-informational-contrast-high-pressed:var(--db-informational-7);--db-informational-contrast-low-enabled:var(--db-informational-8);--db-informational-contrast-low-hover:var(--db-informational-7);--db-informational-contrast-low-pressed:var(--db-informational-6);--db-informational-border:var(--db-informational-6);--db-warning-bg-lvl-1-enabled:var(--db-warning-3);--db-warning-bg-lvl-1-hover:var(--db-warning-4);--db-warning-bg-lvl-1-pressed:var(--db-warning-5);--db-warning-bg-lvl-2-enabled:var(--db-warning-2);--db-warning-bg-lvl-2-hover:var(--db-warning-3);--db-warning-bg-lvl-2-pressed:var(--db-warning-4);--db-warning-bg-lvl-3-enabled:var(--db-warning-1);--db-warning-bg-lvl-3-hover:var(--db-warning-2);--db-warning-bg-lvl-3-pressed:var(--db-warning-3);--db-warning-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-warning-9));--db-warning-bg-transparent-semi-enabled:color-mix(in srgb,transparent 84%,var(--db-warning-9));--db-warning-bg-transparent-hover:color-mix(in srgb,transparent 76%,var(--db-warning-9));--db-warning-bg-transparent-pressed:color-mix(in srgb,transparent 68%,var(--db-warning-9));--db-warning-on-bg-enabled:var(--db-warning-12);--db-warning-on-bg-hover:var(--db-warning-11);--db-warning-on-bg-pressed:var(--db-warning-10);--db-warning-on-bg-weak-enabled:var(--db-warning-10);--db-warning-on-bg-weak-hover:var(--db-warning-9);--db-warning-on-bg-weak-pressed:var(--db-warning-8);--db-warning-on-contrast-enabled:var(--db-warning-3);--db-warning-on-contrast-hover:var(--db-warning-4);--db-warning-on-contrast-pressed:var(--db-warning-5);--db-warning-contrast-high-enabled:var(--db-warning-9);--db-warning-contrast-high-hover:var(--db-warning-8);--db-warning-contrast-high-pressed:var(--db-warning-7);--db-warning-contrast-low-enabled:var(--db-warning-8);--db-warning-contrast-low-hover:var(--db-warning-7);--db-warning-contrast-low-pressed:var(--db-warning-6);--db-warning-border:var(--db-warning-6);--db-successful-bg-lvl-1-enabled:var(--db-successful-3);--db-successful-bg-lvl-1-hover:var(--db-successful-4);--db-successful-bg-lvl-1-pressed:var(--db-successful-5);--db-successful-bg-lvl-2-enabled:var(--db-successful-2);--db-successful-bg-lvl-2-hover:var(--db-successful-3);--db-successful-bg-lvl-2-pressed:var(--db-successful-4);--db-successful-bg-lvl-3-enabled:var(--db-successful-1);--db-successful-bg-lvl-3-hover:var(--db-successful-2);--db-successful-bg-lvl-3-pressed:var(--db-successful-3);--db-successful-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-successful-9));--db-successful-bg-transparent-semi-enabled:color-mix(in srgb,transparent 84%,var(--db-successful-9));--db-successful-bg-transparent-hover:color-mix(in srgb,transparent 76%,var(--db-successful-9));--db-successful-bg-transparent-pressed:color-mix(in srgb,transparent 68%,var(--db-successful-9));--db-successful-on-bg-enabled:var(--db-successful-12);--db-successful-on-bg-hover:var(--db-successful-11);--db-successful-on-bg-pressed:var(--db-successful-10);--db-successful-on-bg-weak-enabled:var(--db-successful-10);--db-successful-on-bg-weak-hover:var(--db-successful-9);--db-successful-on-bg-weak-pressed:var(--db-successful-8);--db-successful-on-contrast-enabled:var(--db-successful-3);--db-successful-on-contrast-hover:var(--db-successful-4);--db-successful-on-contrast-pressed:var(--db-successful-5);--db-successful-contrast-high-enabled:var(--db-successful-9);--db-successful-contrast-high-hover:var(--db-successful-8);--db-successful-contrast-high-pressed:var(--db-successful-7);--db-successful-contrast-low-enabled:var(--db-successful-8);--db-successful-contrast-low-hover:var(--db-successful-7);--db-successful-contrast-low-pressed:var(--db-successful-6);--db-successful-border:var(--db-successful-6);--db-critical-bg-lvl-1-enabled:var(--db-critical-3);--db-critical-bg-lvl-1-hover:var(--db-critical-4);--db-critical-bg-lvl-1-pressed:var(--db-critical-5);--db-critical-bg-lvl-2-enabled:var(--db-critical-2);--db-critical-bg-lvl-2-hover:var(--db-critical-3);--db-critical-bg-lvl-2-pressed:var(--db-critical-4);--db-critical-bg-lvl-3-enabled:var(--db-critical-1);--db-critical-bg-lvl-3-hover:var(--db-critical-2);--db-critical-bg-lvl-3-pressed:var(--db-critical-3);--db-critical-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-critical-9));--db-critical-bg-transparent-semi-enabled:color-mix(in srgb,transparent 84%,var(--db-critical-9));--db-critical-bg-transparent-hover:color-mix(in srgb,transparent 76%,var(--db-critical-9));--db-critical-bg-transparent-pressed:color-mix(in srgb,transparent 68%,var(--db-critical-9));--db-critical-on-bg-enabled:var(--db-critical-12);--db-critical-on-bg-hover:var(--db-critical-11);--db-critical-on-bg-pressed:var(--db-critical-10);--db-critical-on-bg-weak-enabled:var(--db-critical-10);--db-critical-on-bg-weak-hover:var(--db-critical-9);--db-critical-on-bg-weak-pressed:var(--db-critical-8);--db-critical-on-contrast-enabled:var(--db-critical-3);--db-critical-on-contrast-hover:var(--db-critical-4);--db-critical-on-contrast-pressed:var(--db-critical-5);--db-critical-contrast-high-enabled:var(--db-critical-9);--db-critical-contrast-high-hover:var(--db-critical-8);--db-critical-contrast-high-pressed:var(--db-critical-7);--db-critical-contrast-low-enabled:var(--db-critical-8);--db-critical-contrast-low-hover:var(--db-critical-7);--db-critical-contrast-low-pressed:var(--db-critical-6);--db-critical-border:var(--db-critical-6);--db-textarea-resizer-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTExLjUgMTYuNWEuOTk5Ljk5OSAwIDAgMSAtLjcwNy0xLjcwN2w0LTRhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTQgNGEuOTk3Ljk5NyAwIDAgMSAtLjcwNy4yOTN6bS03IDBhLjk5OS45OTkgMCAwIDEgLS43MDctMS43MDdsMTEtMTFhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTExIDExYS45OTcuOTk3IDAgMCAxIC0uNzA3LjI5M3oiIGZpbGw9IiNmOGY4ZjkiIHN0eWxlPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==");--db-textarea-scrollbar-button-decrement:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDEzYS45OTguOTk4IDAgMCAxIC0uOTk0LS45OTVjMC0uMjY2LjEzMy0uNTMxLjI5OC0uNjk3bDUuMDA2LTUuMDFjLjE5OS0uMTk4LjQ2NC0uMjk4LjY5Ni0uMjk4LjIyNyAwIC40NTUuMDczLjYyLjIybDUuMDgyIDUuMDg4Yy4xOTkuMTY2LjI5OC40MzEuMjk4LjY5N2EuOTk4Ljk5OCAwIDAgMSAtLjk5NC45OTVjLS4yNjYgMC0uNTMtLjEtLjczLS4yOTlsLTQuMjc2LTQuMjgtNC4yNzYgNC4yOGMtLjIuMi0uNDY0LjI5OS0uNzMuMjk5eiIgZmlsbD0iI2Y4ZjhmOSIgc3R5bGU9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg0K");--db-textarea-scrollbar-button-increment:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDdhLjk5OC45OTggMCAwIDAgLS45OTQuOTk1YzAgLjI2Ni4xMzMuNTMxLjI5OC42OTdsNS4wMDYgNS4wMWMuMTk5LjE5OC40NjQuMjk4LjY5Ni4yOThhLjkzNi45MzYgMCAwIDAgLjYyLS4yMmw1LjA4Mi01LjA4OGMuMTk5LS4xNjYuMjk4LS40MzEuMjk4LS42OTdhLjk5OC45OTggMCAwIDAgLS45OTQtLjk5NWMtLjI2NiAwLS41My4xLS43My4yOTlsLTQuMjc2IDQuMjgtNC4yNzYtNC4yOGExLjAyOCAxLjAyOCAwIDAgMCAtLjczLS4yOTl6IiBmaWxsPSIjZjhmOGY5IiBzdHlsZT0idmFyKC0tZGItaWNvbi1jb2xvciwgY3VycmVudENvbG9yKSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+DQo=");color-scheme:dark}}[data-color-scheme=light]{--db-neutral-bg-lvl-1-enabled:var(--db-neutral-14);--db-neutral-bg-lvl-1-hover:var(--db-neutral-13);--db-neutral-bg-lvl-1-pressed:var(--db-neutral-12);--db-neutral-bg-lvl-2-enabled:var(--db-neutral-13);--db-neutral-bg-lvl-2-hover:var(--db-neutral-12);--db-neutral-bg-lvl-2-pressed:var(--db-neutral-11);--db-neutral-bg-lvl-3-enabled:var(--db-neutral-12);--db-neutral-bg-lvl-3-hover:var(--db-neutral-11);--db-neutral-bg-lvl-3-pressed:var(--db-neutral-10);--db-neutral-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-neutral-6));--db-neutral-bg-transparent-semi-enabled:color-mix(in srgb,transparent 92%,var(--db-neutral-6));--db-neutral-bg-transparent-hover:color-mix(in srgb,transparent 84%,var(--db-neutral-6));--db-neutral-bg-transparent-pressed:color-mix(in srgb,transparent 76%,var(--db-neutral-6));--db-neutral-on-bg-enabled:var(--db-neutral-3);--db-neutral-on-bg-hover:var(--db-neutral-4);--db-neutral-on-bg-pressed:var(--db-neutral-5);--db-neutral-on-bg-weak-enabled:var(--db-neutral-5);--db-neutral-on-bg-weak-hover:var(--db-neutral-6);--db-neutral-on-bg-weak-pressed:var(--db-neutral-7);--db-neutral-on-contrast-enabled:var(--db-neutral-14);--db-neutral-on-contrast-hover:var(--db-neutral-13);--db-neutral-on-contrast-pressed:var(--db-neutral-12);--db-neutral-contrast-high-enabled:var(--db-neutral-6);--db-neutral-contrast-high-hover:var(--db-neutral-5);--db-neutral-contrast-high-pressed:var(--db-neutral-4);--db-neutral-contrast-low-enabled:var(--db-neutral-7);--db-neutral-contrast-low-hover:var(--db-neutral-6);--db-neutral-contrast-low-pressed:var(--db-neutral-5);--db-neutral-border:var(--db-neutral-10);--db-brand-on-enabled:var(--db-brand-on-light);--db-brand-on-hover:var(--db-brand-on-hover-light);--db-brand-on-pressed:var(--db-brand-on-pressed-light);--db-brand-origin-enabled:var(--db-brand-origin-light);--db-brand-origin-hover:var(--db-brand-hover-light);--db-brand-origin-pressed:var(--db-brand-pressed-light);--db-brand-bg-lvl-1-enabled:var(--db-brand-14);--db-brand-bg-lvl-1-hover:var(--db-brand-13);--db-brand-bg-lvl-1-pressed:var(--db-brand-12);--db-brand-bg-lvl-2-enabled:var(--db-brand-13);--db-brand-bg-lvl-2-hover:var(--db-brand-12);--db-brand-bg-lvl-2-pressed:var(--db-brand-11);--db-brand-bg-lvl-3-enabled:var(--db-brand-12);--db-brand-bg-lvl-3-hover:var(--db-brand-11);--db-brand-bg-lvl-3-pressed:var(--db-brand-10);--db-brand-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-brand-6));--db-brand-bg-transparent-semi-enabled:color-mix(in srgb,transparent 92%,var(--db-brand-6));--db-brand-bg-transparent-hover:color-mix(in srgb,transparent 84%,var(--db-brand-6));--db-brand-bg-transparent-pressed:color-mix(in srgb,transparent 76%,var(--db-brand-6));--db-brand-on-bg-enabled:var(--db-brand-3);--db-brand-on-bg-hover:var(--db-brand-4);--db-brand-on-bg-pressed:var(--db-brand-5);--db-brand-on-bg-weak-enabled:var(--db-brand-5);--db-brand-on-bg-weak-hover:var(--db-brand-6);--db-brand-on-bg-weak-pressed:var(--db-brand-7);--db-brand-on-contrast-enabled:var(--db-brand-14);--db-brand-on-contrast-hover:var(--db-brand-13);--db-brand-on-contrast-pressed:var(--db-brand-12);--db-brand-contrast-high-enabled:var(--db-brand-6);--db-brand-contrast-high-hover:var(--db-brand-5);--db-brand-contrast-high-pressed:var(--db-brand-4);--db-brand-contrast-low-enabled:var(--db-brand-7);--db-brand-contrast-low-hover:var(--db-brand-6);--db-brand-contrast-low-pressed:var(--db-brand-5);--db-brand-border:var(--db-brand-10);--db-informational-bg-lvl-1-enabled:var(--db-informational-14);--db-informational-bg-lvl-1-hover:var(--db-informational-13);--db-informational-bg-lvl-1-pressed:var(--db-informational-12);--db-informational-bg-lvl-2-enabled:var(--db-informational-13);--db-informational-bg-lvl-2-hover:var(--db-informational-12);--db-informational-bg-lvl-2-pressed:var(--db-informational-11);--db-informational-bg-lvl-3-enabled:var(--db-informational-12);--db-informational-bg-lvl-3-hover:var(--db-informational-11);--db-informational-bg-lvl-3-pressed:var(--db-informational-10);--db-informational-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-informational-6));--db-informational-bg-transparent-semi-enabled:color-mix(in srgb,transparent 92%,var(--db-informational-6));--db-informational-bg-transparent-hover:color-mix(in srgb,transparent 84%,var(--db-informational-6));--db-informational-bg-transparent-pressed:color-mix(in srgb,transparent 76%,var(--db-informational-6));--db-informational-on-bg-enabled:var(--db-informational-3);--db-informational-on-bg-hover:var(--db-informational-4);--db-informational-on-bg-pressed:var(--db-informational-5);--db-informational-on-bg-weak-enabled:var(--db-informational-5);--db-informational-on-bg-weak-hover:var(--db-informational-6);--db-informational-on-bg-weak-pressed:var(--db-informational-7);--db-informational-on-contrast-enabled:var(--db-informational-14);--db-informational-on-contrast-hover:var(--db-informational-13);--db-informational-on-contrast-pressed:var(--db-informational-12);--db-informational-contrast-high-enabled:var(--db-informational-6);--db-informational-contrast-high-hover:var(--db-informational-5);--db-informational-contrast-high-pressed:var(--db-informational-4);--db-informational-contrast-low-enabled:var(--db-informational-7);--db-informational-contrast-low-hover:var(--db-informational-6);--db-informational-contrast-low-pressed:var(--db-informational-5);--db-informational-border:var(--db-informational-10);--db-warning-bg-lvl-1-enabled:var(--db-warning-14);--db-warning-bg-lvl-1-hover:var(--db-warning-13);--db-warning-bg-lvl-1-pressed:var(--db-warning-12);--db-warning-bg-lvl-2-enabled:var(--db-warning-13);--db-warning-bg-lvl-2-hover:var(--db-warning-12);--db-warning-bg-lvl-2-pressed:var(--db-warning-11);--db-warning-bg-lvl-3-enabled:var(--db-warning-12);--db-warning-bg-lvl-3-hover:var(--db-warning-11);--db-warning-bg-lvl-3-pressed:var(--db-warning-10);--db-warning-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-warning-6));--db-warning-bg-transparent-semi-enabled:color-mix(in srgb,transparent 92%,var(--db-warning-6));--db-warning-bg-transparent-hover:color-mix(in srgb,transparent 84%,var(--db-warning-6));--db-warning-bg-transparent-pressed:color-mix(in srgb,transparent 76%,var(--db-warning-6));--db-warning-on-bg-enabled:var(--db-warning-3);--db-warning-on-bg-hover:var(--db-warning-4);--db-warning-on-bg-pressed:var(--db-warning-5);--db-warning-on-bg-weak-enabled:var(--db-warning-5);--db-warning-on-bg-weak-hover:var(--db-warning-6);--db-warning-on-bg-weak-pressed:var(--db-warning-7);--db-warning-on-contrast-enabled:var(--db-warning-14);--db-warning-on-contrast-hover:var(--db-warning-13);--db-warning-on-contrast-pressed:var(--db-warning-12);--db-warning-contrast-high-enabled:var(--db-warning-6);--db-warning-contrast-high-hover:var(--db-warning-5);--db-warning-contrast-high-pressed:var(--db-warning-4);--db-warning-contrast-low-enabled:var(--db-warning-7);--db-warning-contrast-low-hover:var(--db-warning-6);--db-warning-contrast-low-pressed:var(--db-warning-5);--db-warning-border:var(--db-warning-10);--db-successful-bg-lvl-1-enabled:var(--db-successful-14);--db-successful-bg-lvl-1-hover:var(--db-successful-13);--db-successful-bg-lvl-1-pressed:var(--db-successful-12);--db-successful-bg-lvl-2-enabled:var(--db-successful-13);--db-successful-bg-lvl-2-hover:var(--db-successful-12);--db-successful-bg-lvl-2-pressed:var(--db-successful-11);--db-successful-bg-lvl-3-enabled:var(--db-successful-12);--db-successful-bg-lvl-3-hover:var(--db-successful-11);--db-successful-bg-lvl-3-pressed:var(--db-successful-10);--db-successful-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-successful-6));--db-successful-bg-transparent-semi-enabled:color-mix(in srgb,transparent 92%,var(--db-successful-6));--db-successful-bg-transparent-hover:color-mix(in srgb,transparent 84%,var(--db-successful-6));--db-successful-bg-transparent-pressed:color-mix(in srgb,transparent 76%,var(--db-successful-6));--db-successful-on-bg-enabled:var(--db-successful-3);--db-successful-on-bg-hover:var(--db-successful-4);--db-successful-on-bg-pressed:var(--db-successful-5);--db-successful-on-bg-weak-enabled:var(--db-successful-5);--db-successful-on-bg-weak-hover:var(--db-successful-6);--db-successful-on-bg-weak-pressed:var(--db-successful-7);--db-successful-on-contrast-enabled:var(--db-successful-14);--db-successful-on-contrast-hover:var(--db-successful-13);--db-successful-on-contrast-pressed:var(--db-successful-12);--db-successful-contrast-high-enabled:var(--db-successful-6);--db-successful-contrast-high-hover:var(--db-successful-5);--db-successful-contrast-high-pressed:var(--db-successful-4);--db-successful-contrast-low-enabled:var(--db-successful-7);--db-successful-contrast-low-hover:var(--db-successful-6);--db-successful-contrast-low-pressed:var(--db-successful-5);--db-successful-border:var(--db-successful-10);--db-critical-bg-lvl-1-enabled:var(--db-critical-14);--db-critical-bg-lvl-1-hover:var(--db-critical-13);--db-critical-bg-lvl-1-pressed:var(--db-critical-12);--db-critical-bg-lvl-2-enabled:var(--db-critical-13);--db-critical-bg-lvl-2-hover:var(--db-critical-12);--db-critical-bg-lvl-2-pressed:var(--db-critical-11);--db-critical-bg-lvl-3-enabled:var(--db-critical-12);--db-critical-bg-lvl-3-hover:var(--db-critical-11);--db-critical-bg-lvl-3-pressed:var(--db-critical-10);--db-critical-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-critical-6));--db-critical-bg-transparent-semi-enabled:color-mix(in srgb,transparent 92%,var(--db-critical-6));--db-critical-bg-transparent-hover:color-mix(in srgb,transparent 84%,var(--db-critical-6));--db-critical-bg-transparent-pressed:color-mix(in srgb,transparent 76%,var(--db-critical-6));--db-critical-on-bg-enabled:var(--db-critical-3);--db-critical-on-bg-hover:var(--db-critical-4);--db-critical-on-bg-pressed:var(--db-critical-5);--db-critical-on-bg-weak-enabled:var(--db-critical-5);--db-critical-on-bg-weak-hover:var(--db-critical-6);--db-critical-on-bg-weak-pressed:var(--db-critical-7);--db-critical-on-contrast-enabled:var(--db-critical-14);--db-critical-on-contrast-hover:var(--db-critical-13);--db-critical-on-contrast-pressed:var(--db-critical-12);--db-critical-contrast-high-enabled:var(--db-critical-6);--db-critical-contrast-high-hover:var(--db-critical-5);--db-critical-contrast-high-pressed:var(--db-critical-4);--db-critical-contrast-low-enabled:var(--db-critical-7);--db-critical-contrast-low-hover:var(--db-critical-6);--db-critical-contrast-low-pressed:var(--db-critical-5);--db-critical-border:var(--db-critical-10);--db-textarea-resizer-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTExLjUgMTYuNWEuOTk5Ljk5OSAwIDAgMSAtLjcwNy0xLjcwN2w0LTRhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTQgNGEuOTk3Ljk5NyAwIDAgMSAtLjcwNy4yOTN6bS03IDBhLjk5OS45OTkgMCAwIDEgLS43MDctMS43MDdsMTEtMTFhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTExIDExYS45OTcuOTk3IDAgMCAxIC0uNzA3LjI5M3oiIGZpbGw9IiMyODJkMzciIHN0eWxlPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==");--db-textarea-scrollbar-button-decrement:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDEzYS45OTguOTk4IDAgMCAxIC0uOTk0LS45OTVjMC0uMjY2LjEzMy0uNTMxLjI5OC0uNjk3bDUuMDA2LTUuMDFjLjE5OS0uMTk4LjQ2NC0uMjk4LjY5Ni0uMjk4LjIyNyAwIC40NTUuMDczLjYyLjIybDUuMDgyIDUuMDg4Yy4xOTkuMTY2LjI5OC40MzEuMjk4LjY5N2EuOTk4Ljk5OCAwIDAgMSAtLjk5NC45OTVjLS4yNjYgMC0uNTMtLjEtLjczLS4yOTlsLTQuMjc2LTQuMjgtNC4yNzYgNC4yOGMtLjIuMi0uNDY0LjI5OS0uNzMuMjk5eiIgZmlsbD0iIzI4MmQzNyIgc3R5bGU9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg0K");--db-textarea-scrollbar-button-increment:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwLjQ3MiA4LjY5Ni0zLjUzMiAzLjUzNGEuOTk4Ljk5OCAwIDEgMSAtMS40MTMtMS40MTNsMi44MjUtMi44MjUtMi44MjUtMi44MjVhLjk5OC45OTggMCAxIDEgMS40MTMtMS40MTNsMy41MzIgMy41MzJhLjk5OS45OTkgMCAwIDEgMCAxLjQxMnoiIGZpbGw9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJtYXRyaXgoMCAxIC0xIDAgMTUuOTkxIC0uMDA5KSIvPjwvc3ZnPg0K");color-scheme:light}[data-color-scheme=dark]{--db-neutral-bg-lvl-1-enabled:var(--db-neutral-3);--db-neutral-bg-lvl-1-hover:var(--db-neutral-4);--db-neutral-bg-lvl-1-pressed:var(--db-neutral-5);--db-neutral-bg-lvl-2-enabled:var(--db-neutral-2);--db-neutral-bg-lvl-2-hover:var(--db-neutral-3);--db-neutral-bg-lvl-2-pressed:var(--db-neutral-4);--db-neutral-bg-lvl-3-enabled:var(--db-neutral-1);--db-neutral-bg-lvl-3-hover:var(--db-neutral-2);--db-neutral-bg-lvl-3-pressed:var(--db-neutral-3);--db-neutral-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-neutral-9));--db-neutral-bg-transparent-semi-enabled:color-mix(in srgb,transparent 84%,var(--db-neutral-9));--db-neutral-bg-transparent-hover:color-mix(in srgb,transparent 76%,var(--db-neutral-9));--db-neutral-bg-transparent-pressed:color-mix(in srgb,transparent 68%,var(--db-neutral-9));--db-neutral-on-bg-enabled:var(--db-neutral-12);--db-neutral-on-bg-hover:var(--db-neutral-11);--db-neutral-on-bg-pressed:var(--db-neutral-10);--db-neutral-on-bg-weak-enabled:var(--db-neutral-10);--db-neutral-on-bg-weak-hover:var(--db-neutral-9);--db-neutral-on-bg-weak-pressed:var(--db-neutral-8);--db-neutral-on-contrast-enabled:var(--db-neutral-3);--db-neutral-on-contrast-hover:var(--db-neutral-4);--db-neutral-on-contrast-pressed:var(--db-neutral-5);--db-neutral-contrast-high-enabled:var(--db-neutral-9);--db-neutral-contrast-high-hover:var(--db-neutral-8);--db-neutral-contrast-high-pressed:var(--db-neutral-7);--db-neutral-contrast-low-enabled:var(--db-neutral-8);--db-neutral-contrast-low-hover:var(--db-neutral-7);--db-neutral-contrast-low-pressed:var(--db-neutral-6);--db-neutral-border:var(--db-neutral-6);--db-brand-on-enabled:var(--db-brand-on-dark);--db-brand-on-hover:var(--db-brand-on-hover-dark);--db-brand-on-pressed:var(--db-brand-on-pressed-dark);--db-brand-origin-enabled:var(--db-brand-origin-dark);--db-brand-origin-hover:var(--db-brand-hover-dark);--db-brand-origin-pressed:var(--db-brand-pressed-dark);--db-brand-bg-lvl-1-enabled:var(--db-brand-3);--db-brand-bg-lvl-1-hover:var(--db-brand-4);--db-brand-bg-lvl-1-pressed:var(--db-brand-5);--db-brand-bg-lvl-2-enabled:var(--db-brand-2);--db-brand-bg-lvl-2-hover:var(--db-brand-3);--db-brand-bg-lvl-2-pressed:var(--db-brand-4);--db-brand-bg-lvl-3-enabled:var(--db-brand-1);--db-brand-bg-lvl-3-hover:var(--db-brand-2);--db-brand-bg-lvl-3-pressed:var(--db-brand-3);--db-brand-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-brand-9));--db-brand-bg-transparent-semi-enabled:color-mix(in srgb,transparent 84%,var(--db-brand-9));--db-brand-bg-transparent-hover:color-mix(in srgb,transparent 76%,var(--db-brand-9));--db-brand-bg-transparent-pressed:color-mix(in srgb,transparent 68%,var(--db-brand-9));--db-brand-on-bg-enabled:var(--db-brand-12);--db-brand-on-bg-hover:var(--db-brand-11);--db-brand-on-bg-pressed:var(--db-brand-10);--db-brand-on-bg-weak-enabled:var(--db-brand-10);--db-brand-on-bg-weak-hover:var(--db-brand-9);--db-brand-on-bg-weak-pressed:var(--db-brand-8);--db-brand-on-contrast-enabled:var(--db-brand-3);--db-brand-on-contrast-hover:var(--db-brand-4);--db-brand-on-contrast-pressed:var(--db-brand-5);--db-brand-contrast-high-enabled:var(--db-brand-9);--db-brand-contrast-high-hover:var(--db-brand-8);--db-brand-contrast-high-pressed:var(--db-brand-7);--db-brand-contrast-low-enabled:var(--db-brand-8);--db-brand-contrast-low-hover:var(--db-brand-7);--db-brand-contrast-low-pressed:var(--db-brand-6);--db-brand-border:var(--db-brand-6);--db-informational-bg-lvl-1-enabled:var(--db-informational-3);--db-informational-bg-lvl-1-hover:var(--db-informational-4);--db-informational-bg-lvl-1-pressed:var(--db-informational-5);--db-informational-bg-lvl-2-enabled:var(--db-informational-2);--db-informational-bg-lvl-2-hover:var(--db-informational-3);--db-informational-bg-lvl-2-pressed:var(--db-informational-4);--db-informational-bg-lvl-3-enabled:var(--db-informational-1);--db-informational-bg-lvl-3-hover:var(--db-informational-2);--db-informational-bg-lvl-3-pressed:var(--db-informational-3);--db-informational-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-informational-9));--db-informational-bg-transparent-semi-enabled:color-mix(in srgb,transparent 84%,var(--db-informational-9));--db-informational-bg-transparent-hover:color-mix(in srgb,transparent 76%,var(--db-informational-9));--db-informational-bg-transparent-pressed:color-mix(in srgb,transparent 68%,var(--db-informational-9));--db-informational-on-bg-enabled:var(--db-informational-12);--db-informational-on-bg-hover:var(--db-informational-11);--db-informational-on-bg-pressed:var(--db-informational-10);--db-informational-on-bg-weak-enabled:var(--db-informational-10);--db-informational-on-bg-weak-hover:var(--db-informational-9);--db-informational-on-bg-weak-pressed:var(--db-informational-8);--db-informational-on-contrast-enabled:var(--db-informational-3);--db-informational-on-contrast-hover:var(--db-informational-4);--db-informational-on-contrast-pressed:var(--db-informational-5);--db-informational-contrast-high-enabled:var(--db-informational-9);--db-informational-contrast-high-hover:var(--db-informational-8);--db-informational-contrast-high-pressed:var(--db-informational-7);--db-informational-contrast-low-enabled:var(--db-informational-8);--db-informational-contrast-low-hover:var(--db-informational-7);--db-informational-contrast-low-pressed:var(--db-informational-6);--db-informational-border:var(--db-informational-6);--db-warning-bg-lvl-1-enabled:var(--db-warning-3);--db-warning-bg-lvl-1-hover:var(--db-warning-4);--db-warning-bg-lvl-1-pressed:var(--db-warning-5);--db-warning-bg-lvl-2-enabled:var(--db-warning-2);--db-warning-bg-lvl-2-hover:var(--db-warning-3);--db-warning-bg-lvl-2-pressed:var(--db-warning-4);--db-warning-bg-lvl-3-enabled:var(--db-warning-1);--db-warning-bg-lvl-3-hover:var(--db-warning-2);--db-warning-bg-lvl-3-pressed:var(--db-warning-3);--db-warning-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-warning-9));--db-warning-bg-transparent-semi-enabled:color-mix(in srgb,transparent 84%,var(--db-warning-9));--db-warning-bg-transparent-hover:color-mix(in srgb,transparent 76%,var(--db-warning-9));--db-warning-bg-transparent-pressed:color-mix(in srgb,transparent 68%,var(--db-warning-9));--db-warning-on-bg-enabled:var(--db-warning-12);--db-warning-on-bg-hover:var(--db-warning-11);--db-warning-on-bg-pressed:var(--db-warning-10);--db-warning-on-bg-weak-enabled:var(--db-warning-10);--db-warning-on-bg-weak-hover:var(--db-warning-9);--db-warning-on-bg-weak-pressed:var(--db-warning-8);--db-warning-on-contrast-enabled:var(--db-warning-3);--db-warning-on-contrast-hover:var(--db-warning-4);--db-warning-on-contrast-pressed:var(--db-warning-5);--db-warning-contrast-high-enabled:var(--db-warning-9);--db-warning-contrast-high-hover:var(--db-warning-8);--db-warning-contrast-high-pressed:var(--db-warning-7);--db-warning-contrast-low-enabled:var(--db-warning-8);--db-warning-contrast-low-hover:var(--db-warning-7);--db-warning-contrast-low-pressed:var(--db-warning-6);--db-warning-border:var(--db-warning-6);--db-successful-bg-lvl-1-enabled:var(--db-successful-3);--db-successful-bg-lvl-1-hover:var(--db-successful-4);--db-successful-bg-lvl-1-pressed:var(--db-successful-5);--db-successful-bg-lvl-2-enabled:var(--db-successful-2);--db-successful-bg-lvl-2-hover:var(--db-successful-3);--db-successful-bg-lvl-2-pressed:var(--db-successful-4);--db-successful-bg-lvl-3-enabled:var(--db-successful-1);--db-successful-bg-lvl-3-hover:var(--db-successful-2);--db-successful-bg-lvl-3-pressed:var(--db-successful-3);--db-successful-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-successful-9));--db-successful-bg-transparent-semi-enabled:color-mix(in srgb,transparent 84%,var(--db-successful-9));--db-successful-bg-transparent-hover:color-mix(in srgb,transparent 76%,var(--db-successful-9));--db-successful-bg-transparent-pressed:color-mix(in srgb,transparent 68%,var(--db-successful-9));--db-successful-on-bg-enabled:var(--db-successful-12);--db-successful-on-bg-hover:var(--db-successful-11);--db-successful-on-bg-pressed:var(--db-successful-10);--db-successful-on-bg-weak-enabled:var(--db-successful-10);--db-successful-on-bg-weak-hover:var(--db-successful-9);--db-successful-on-bg-weak-pressed:var(--db-successful-8);--db-successful-on-contrast-enabled:var(--db-successful-3);--db-successful-on-contrast-hover:var(--db-successful-4);--db-successful-on-contrast-pressed:var(--db-successful-5);--db-successful-contrast-high-enabled:var(--db-successful-9);--db-successful-contrast-high-hover:var(--db-successful-8);--db-successful-contrast-high-pressed:var(--db-successful-7);--db-successful-contrast-low-enabled:var(--db-successful-8);--db-successful-contrast-low-hover:var(--db-successful-7);--db-successful-contrast-low-pressed:var(--db-successful-6);--db-successful-border:var(--db-successful-6);--db-critical-bg-lvl-1-enabled:var(--db-critical-3);--db-critical-bg-lvl-1-hover:var(--db-critical-4);--db-critical-bg-lvl-1-pressed:var(--db-critical-5);--db-critical-bg-lvl-2-enabled:var(--db-critical-2);--db-critical-bg-lvl-2-hover:var(--db-critical-3);--db-critical-bg-lvl-2-pressed:var(--db-critical-4);--db-critical-bg-lvl-3-enabled:var(--db-critical-1);--db-critical-bg-lvl-3-hover:var(--db-critical-2);--db-critical-bg-lvl-3-pressed:var(--db-critical-3);--db-critical-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-critical-9));--db-critical-bg-transparent-semi-enabled:color-mix(in srgb,transparent 84%,var(--db-critical-9));--db-critical-bg-transparent-hover:color-mix(in srgb,transparent 76%,var(--db-critical-9));--db-critical-bg-transparent-pressed:color-mix(in srgb,transparent 68%,var(--db-critical-9));--db-critical-on-bg-enabled:var(--db-critical-12);--db-critical-on-bg-hover:var(--db-critical-11);--db-critical-on-bg-pressed:var(--db-critical-10);--db-critical-on-bg-weak-enabled:var(--db-critical-10);--db-critical-on-bg-weak-hover:var(--db-critical-9);--db-critical-on-bg-weak-pressed:var(--db-critical-8);--db-critical-on-contrast-enabled:var(--db-critical-3);--db-critical-on-contrast-hover:var(--db-critical-4);--db-critical-on-contrast-pressed:var(--db-critical-5);--db-critical-contrast-high-enabled:var(--db-critical-9);--db-critical-contrast-high-hover:var(--db-critical-8);--db-critical-contrast-high-pressed:var(--db-critical-7);--db-critical-contrast-low-enabled:var(--db-critical-8);--db-critical-contrast-low-hover:var(--db-critical-7);--db-critical-contrast-low-pressed:var(--db-critical-6);--db-critical-border:var(--db-critical-6);--db-textarea-resizer-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTExLjUgMTYuNWEuOTk5Ljk5OSAwIDAgMSAtLjcwNy0xLjcwN2w0LTRhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTQgNGEuOTk3Ljk5NyAwIDAgMSAtLjcwNy4yOTN6bS03IDBhLjk5OS45OTkgMCAwIDEgLS43MDctMS43MDdsMTEtMTFhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTExIDExYS45OTcuOTk3IDAgMCAxIC0uNzA3LjI5M3oiIGZpbGw9IiNmOGY4ZjkiIHN0eWxlPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==");--db-textarea-scrollbar-button-decrement:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDEzYS45OTguOTk4IDAgMCAxIC0uOTk0LS45OTVjMC0uMjY2LjEzMy0uNTMxLjI5OC0uNjk3bDUuMDA2LTUuMDFjLjE5OS0uMTk4LjQ2NC0uMjk4LjY5Ni0uMjk4LjIyNyAwIC40NTUuMDczLjYyLjIybDUuMDgyIDUuMDg4Yy4xOTkuMTY2LjI5OC40MzEuMjk4LjY5N2EuOTk4Ljk5OCAwIDAgMSAtLjk5NC45OTVjLS4yNjYgMC0uNTMtLjEtLjczLS4yOTlsLTQuMjc2LTQuMjgtNC4yNzYgNC4yOGMtLjIuMi0uNDY0LjI5OS0uNzMuMjk5eiIgZmlsbD0iI2Y4ZjhmOSIgc3R5bGU9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg0K");--db-textarea-scrollbar-button-increment:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDdhLjk5OC45OTggMCAwIDAgLS45OTQuOTk1YzAgLjI2Ni4xMzMuNTMxLjI5OC42OTdsNS4wMDYgNS4wMWMuMTk5LjE5OC40NjQuMjk4LjY5Ni4yOThhLjkzNi45MzYgMCAwIDAgLjYyLS4yMmw1LjA4Mi01LjA4OGMuMTk5LS4xNjYuMjk4LS40MzEuMjk4LS42OTdhLjk5OC45OTggMCAwIDAgLS45OTQtLjk5NWMtLjI2NiAwLS41My4xLS43My4yOTlsLTQuMjc2IDQuMjgtNC4yNzYtNC4yOGExLjAyOCAxLjAyOCAwIDAgMCAtLjczLS4yOTl6IiBmaWxsPSIjZjhmOGY5IiBzdHlsZT0idmFyKC0tZGItaWNvbi1jb2xvciwgY3VycmVudENvbG9yKSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+DQo=");color-scheme:dark}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:400;src:url(/mono/review/feat-switch/_next/static/media/db-ux.1c0c8b7d.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:16;src:url(/mono/review/feat-switch/_next/static/media/db-ux.20879d9d.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:20;src:url(/mono/review/feat-switch/_next/static/media/db-ux.c49e578a.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:24;src:url(/mono/review/feat-switch/_next/static/media/db-ux.153c063c.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:32;src:url(/mono/review/feat-switch/_next/static/media/db-ux.dd791cbf.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:48;src:url(/mono/review/feat-switch/_next/static/media/db-ux.7b9514fa.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:64;src:url(/mono/review/feat-switch/_next/static/media/db-ux.d53301ff.woff2) format("woff2")}[data-icon-variant-after=default]:after,[data-icon-variant-before=default]:before,[data-icon-variant=default]:before{--db-icon-font-family:"db-ux-default"}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:400;src:url(/mono/review/feat-switch/_next/static/media/db-ux.c936e741.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:16;src:url(/mono/review/feat-switch/_next/static/media/db-ux.c792d237.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:20;src:url(/mono/review/feat-switch/_next/static/media/db-ux.9bf5898d.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:24;src:url(/mono/review/feat-switch/_next/static/media/db-ux.28d615fa.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:32;src:url(/mono/review/feat-switch/_next/static/media/db-ux.be19cec8.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:48;src:url(/mono/review/feat-switch/_next/static/media/db-ux.2eaf3f09.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:64;src:url(/mono/review/feat-switch/_next/static/media/db-ux.2eaf3f09.woff2) format("woff2")}[data-icon-variant-after=inverted]:after,[data-icon-variant-before=inverted]:before,[data-icon-variant=inverted]:before{--db-icon-font-family:"db-ux-inverted"}@font-face{font-display:block;font-family:db-ux-filled;font-style:normal;font-weight:400;src:url(/mono/review/feat-switch/_next/static/media/db-ux.cc9236a8.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-filled;font-style:normal;font-weight:16;src:url(/mono/review/feat-switch/_next/static/media/db-ux.4c32ed10.woff2) format("woff2")}[data-icon-weight-after="16"]:after,[data-icon-weight-before="16"]:before,[data-icon-weight="16"]:before{--db-icon-font-weight:16}@font-face{font-display:block;font-family:db-ux-filled;font-style:normal;font-weight:20;src:url(/mono/review/feat-switch/_next/static/media/db-ux.e560c679.woff2) format("woff2")}[data-icon-weight-after="20"]:after,[data-icon-weight-before="20"]:before,[data-icon-weight="20"]:before{--db-icon-font-weight:20}@font-face{font-display:block;font-family:db-ux-filled;font-style:normal;font-weight:24;src:url(/mono/review/feat-switch/_next/static/media/db-ux.12cc1147.woff2) format("woff2")}[data-icon-weight-after="24"]:after,[data-icon-weight-before="24"]:before,[data-icon-weight="24"]:before{--db-icon-font-weight:24}@font-face{font-display:block;font-family:db-ux-filled;font-style:normal;font-weight:32;src:url(/mono/review/feat-switch/_next/static/media/db-ux.ff528a8f.woff2) format("woff2")}[data-icon-weight-after="32"]:after,[data-icon-weight-before="32"]:before,[data-icon-weight="32"]:before{--db-icon-font-weight:32}@font-face{font-display:block;font-family:db-ux-filled;font-style:normal;font-weight:48;src:url(/mono/review/feat-switch/_next/static/media/db-ux.ff528a8f.woff2) format("woff2")}[data-icon-weight-after="48"]:after,[data-icon-weight-before="48"]:before,[data-icon-weight="48"]:before{--db-icon-font-weight:48}@font-face{font-display:block;font-family:db-ux-filled;font-style:normal;font-weight:64;src:url(/mono/review/feat-switch/_next/static/media/db-ux.38866e7b.woff2) format("woff2")}[data-icon-weight-after="64"]:after,[data-icon-weight-before="64"]:before,[data-icon-weight="64"]:before{--db-icon-font-weight:64}[data-icon-variant-after=filled]:after,[data-icon-variant-before=filled]:before,[data-icon-variant=filled]:before{--db-icon-font-family:"db-ux-filled"}[data-icon-after]:is(span),[data-icon-before]:is(span),[data-icon]:is(span){display:inline-flex;vertical-align:baseline}[data-icon-before]:before,[data-icon]:before{-webkit-margin-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs));margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}[data-icon-before=none]:before,[data-icon=none]:before{content:none}[data-icon-after]:after{content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports(content:""/""){[data-icon-after]:after{content:var(--db-icon-after,attr(data-icon-after))/""}}[data-icon-after=none]:after{content:none}.is-icon-text-replace[data-icon-before],.is-icon-text-replace[data-icon]{font-size:0!important}.is-icon-text-replace[data-icon-before]:before,.is-icon-text-replace[data-icon]:before{--db-icon-margin-end:0}.is-icon-text-replace[data-icon-after]{font-size:0!important}.is-icon-text-replace[data-icon-after]:after{--db-icon-margin-start:0}.db-brand-bg,.db-brand-bg [data-bg-weight="1"],.db-brand-bg [data-bg-weight="2"],.db-brand-bg [data-bg-weight="3"],.db-brand-bg-lvl-1,.db-brand-bg-lvl-2,.db-brand-bg-lvl-3,.db-brand-bg-transparent-full,.db-brand-bg-transparent-semi,.db-brand-contrast-high,.db-brand-contrast-high-interactive,.db-brand-contrast-low,.db-brand-contrast-low-interactive,.db-critical-bg,.db-critical-bg [data-bg-weight="1"],.db-critical-bg [data-bg-weight="2"],.db-critical-bg [data-bg-weight="3"],.db-critical-bg-lvl-1,.db-critical-bg-lvl-2,.db-critical-bg-lvl-3,.db-critical-bg-transparent-full,.db-critical-bg-transparent-semi,.db-critical-contrast-high,.db-critical-contrast-high-interactive,.db-critical-contrast-low,.db-critical-contrast-low-interactive,.db-informational-bg,.db-informational-bg [data-bg-weight="1"],.db-informational-bg [data-bg-weight="2"],.db-informational-bg [data-bg-weight="3"],.db-informational-bg-lvl-1,.db-informational-bg-lvl-2,.db-informational-bg-lvl-3,.db-informational-bg-transparent-full,.db-informational-bg-transparent-semi,.db-informational-contrast-high,.db-informational-contrast-high-interactive,.db-informational-contrast-low,.db-informational-contrast-low-interactive,.db-neutral-bg,.db-neutral-bg [data-bg-weight="1"],.db-neutral-bg [data-bg-weight="2"],.db-neutral-bg [data-bg-weight="3"],.db-neutral-bg-lvl-1,.db-neutral-bg-lvl-2,.db-neutral-bg-lvl-3,.db-neutral-bg-transparent-full,.db-neutral-bg-transparent-semi,.db-neutral-contrast-high,.db-neutral-contrast-high-interactive,.db-neutral-contrast-low,.db-neutral-contrast-low-interactive,.db-successful-bg,.db-successful-bg [data-bg-weight="1"],.db-successful-bg [data-bg-weight="2"],.db-successful-bg [data-bg-weight="3"],.db-successful-bg-lvl-1,.db-successful-bg-lvl-2,.db-successful-bg-lvl-3,.db-successful-bg-transparent-full,.db-successful-bg-transparent-semi,.db-successful-contrast-high,.db-successful-contrast-high-interactive,.db-successful-contrast-low,.db-successful-contrast-low-interactive,.db-warning-bg,.db-warning-bg [data-bg-weight="1"],.db-warning-bg [data-bg-weight="2"],.db-warning-bg [data-bg-weight="3"],.db-warning-bg-lvl-1,.db-warning-bg-lvl-2,.db-warning-bg-lvl-3,.db-warning-bg-transparent-full,.db-warning-bg-transparent-semi,.db-warning-contrast-high,.db-warning-contrast-high-interactive,.db-warning-contrast-low,.db-warning-contrast-low-interactive{background:var(--db-current-color-bg-enabled);color:var(--db-current-color-enabled)}.db-brand-bg [data-bg-weight="1"]:after,.db-brand-bg [data-bg-weight="1"]:before,.db-brand-bg [data-bg-weight="2"]:after,.db-brand-bg [data-bg-weight="2"]:before,.db-brand-bg [data-bg-weight="3"]:after,.db-brand-bg [data-bg-weight="3"]:before,.db-brand-bg-lvl-1:after,.db-brand-bg-lvl-1:before,.db-brand-bg-lvl-2:after,.db-brand-bg-lvl-2:before,.db-brand-bg-lvl-3:after,.db-brand-bg-lvl-3:before,.db-brand-bg-transparent-full:after,.db-brand-bg-transparent-full:before,.db-brand-bg-transparent-semi:after,.db-brand-bg-transparent-semi:before,.db-brand-bg:after,.db-brand-bg:before,.db-brand-contrast-high-interactive:after,.db-brand-contrast-high-interactive:before,.db-brand-contrast-high:after,.db-brand-contrast-high:before,.db-brand-contrast-low-interactive:after,.db-brand-contrast-low-interactive:before,.db-brand-contrast-low:after,.db-brand-contrast-low:before,.db-critical-bg [data-bg-weight="1"]:after,.db-critical-bg [data-bg-weight="1"]:before,.db-critical-bg [data-bg-weight="2"]:after,.db-critical-bg [data-bg-weight="2"]:before,.db-critical-bg [data-bg-weight="3"]:after,.db-critical-bg [data-bg-weight="3"]:before,.db-critical-bg-lvl-1:after,.db-critical-bg-lvl-1:before,.db-critical-bg-lvl-2:after,.db-critical-bg-lvl-2:before,.db-critical-bg-lvl-3:after,.db-critical-bg-lvl-3:before,.db-critical-bg-transparent-full:after,.db-critical-bg-transparent-full:before,.db-critical-bg-transparent-semi:after,.db-critical-bg-transparent-semi:before,.db-critical-bg:after,.db-critical-bg:before,.db-critical-contrast-high-interactive:after,.db-critical-contrast-high-interactive:before,.db-critical-contrast-high:after,.db-critical-contrast-high:before,.db-critical-contrast-low-interactive:after,.db-critical-contrast-low-interactive:before,.db-critical-contrast-low:after,.db-critical-contrast-low:before,.db-informational-bg [data-bg-weight="1"]:after,.db-informational-bg [data-bg-weight="1"]:before,.db-informational-bg [data-bg-weight="2"]:after,.db-informational-bg [data-bg-weight="2"]:before,.db-informational-bg [data-bg-weight="3"]:after,.db-informational-bg [data-bg-weight="3"]:before,.db-informational-bg-lvl-1:after,.db-informational-bg-lvl-1:before,.db-informational-bg-lvl-2:after,.db-informational-bg-lvl-2:before,.db-informational-bg-lvl-3:after,.db-informational-bg-lvl-3:before,.db-informational-bg-transparent-full:after,.db-informational-bg-transparent-full:before,.db-informational-bg-transparent-semi:after,.db-informational-bg-transparent-semi:before,.db-informational-bg:after,.db-informational-bg:before,.db-informational-contrast-high-interactive:after,.db-informational-contrast-high-interactive:before,.db-informational-contrast-high:after,.db-informational-contrast-high:before,.db-informational-contrast-low-interactive:after,.db-informational-contrast-low-interactive:before,.db-informational-contrast-low:after,.db-informational-contrast-low:before,.db-neutral-bg [data-bg-weight="1"]:after,.db-neutral-bg [data-bg-weight="1"]:before,.db-neutral-bg [data-bg-weight="2"]:after,.db-neutral-bg [data-bg-weight="2"]:before,.db-neutral-bg [data-bg-weight="3"]:after,.db-neutral-bg [data-bg-weight="3"]:before,.db-neutral-bg-lvl-1:after,.db-neutral-bg-lvl-1:before,.db-neutral-bg-lvl-2:after,.db-neutral-bg-lvl-2:before,.db-neutral-bg-lvl-3:after,.db-neutral-bg-lvl-3:before,.db-neutral-bg-transparent-full:after,.db-neutral-bg-transparent-full:before,.db-neutral-bg-transparent-semi:after,.db-neutral-bg-transparent-semi:before,.db-neutral-bg:after,.db-neutral-bg:before,.db-neutral-contrast-high-interactive:after,.db-neutral-contrast-high-interactive:before,.db-neutral-contrast-high:after,.db-neutral-contrast-high:before,.db-neutral-contrast-low-interactive:after,.db-neutral-contrast-low-interactive:before,.db-neutral-contrast-low:after,.db-neutral-contrast-low:before,.db-successful-bg [data-bg-weight="1"]:after,.db-successful-bg [data-bg-weight="1"]:before,.db-successful-bg [data-bg-weight="2"]:after,.db-successful-bg [data-bg-weight="2"]:before,.db-successful-bg [data-bg-weight="3"]:after,.db-successful-bg [data-bg-weight="3"]:before,.db-successful-bg-lvl-1:after,.db-successful-bg-lvl-1:before,.db-successful-bg-lvl-2:after,.db-successful-bg-lvl-2:before,.db-successful-bg-lvl-3:after,.db-successful-bg-lvl-3:before,.db-successful-bg-transparent-full:after,.db-successful-bg-transparent-full:before,.db-successful-bg-transparent-semi:after,.db-successful-bg-transparent-semi:before,.db-successful-bg:after,.db-successful-bg:before,.db-successful-contrast-high-interactive:after,.db-successful-contrast-high-interactive:before,.db-successful-contrast-high:after,.db-successful-contrast-high:before,.db-successful-contrast-low-interactive:after,.db-successful-contrast-low-interactive:before,.db-successful-contrast-low:after,.db-successful-contrast-low:before,.db-warning-bg [data-bg-weight="1"]:after,.db-warning-bg [data-bg-weight="1"]:before,.db-warning-bg [data-bg-weight="2"]:after,.db-warning-bg [data-bg-weight="2"]:before,.db-warning-bg [data-bg-weight="3"]:after,.db-warning-bg [data-bg-weight="3"]:before,.db-warning-bg-lvl-1:after,.db-warning-bg-lvl-1:before,.db-warning-bg-lvl-2:after,.db-warning-bg-lvl-2:before,.db-warning-bg-lvl-3:after,.db-warning-bg-lvl-3:before,.db-warning-bg-transparent-full:after,.db-warning-bg-transparent-full:before,.db-warning-bg-transparent-semi:after,.db-warning-bg-transparent-semi:before,.db-warning-bg:after,.db-warning-bg:before,.db-warning-contrast-high-interactive:after,.db-warning-contrast-high-interactive:before,.db-warning-contrast-high:after,.db-warning-contrast-high:before,.db-warning-contrast-low-interactive:after,.db-warning-contrast-low-interactive:before,.db-warning-contrast-low:after,.db-warning-contrast-low:before{color:var(--db-current-icon-color,inherit)}.db-neutral-contrast-high,.db-neutral-contrast-high-interactive{--db-current-icon-color:var(--db-neutral-on-contrast-enabled);--db-current-color-enabled:var( --db-neutral-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-neutral-contrast-high-enabled );--db-current-color-bg-hover:var( --db-neutral-contrast-high-hover );--db-current-color-bg-pressed:var( --db-neutral-contrast-high-pressed );--db-current-color-border:var( --db-neutral-contrast-high-enabled )}.db-neutral-contrast-high-interactive:hover{background:var(--db-neutral-contrast-high-hover)}.db-neutral-contrast-high-interactive:active{background:var(--db-neutral-contrast-high-pressed)}.db-neutral-contrast-low,.db-neutral-contrast-low-interactive{--db-current-icon-color:var(--db-neutral-on-contrast-enabled);--db-current-color-enabled:var( --db-neutral-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-neutral-contrast-low-enabled );--db-current-color-bg-hover:var( --db-neutral-contrast-low-hover );--db-current-color-bg-pressed:var( --db-neutral-contrast-low-pressed );--db-current-color-border:var( --db-neutral-contrast-low-enabled )}.db-neutral-contrast-low-interactive:hover{background:var(--db-neutral-contrast-low-hover)}.db-neutral-contrast-low-interactive:active{background:var(--db-neutral-contrast-low-pressed)}.db-neutral-bg,.db-neutral-bg [data-bg-weight="1"],.db-neutral-bg [data-bg-weight="2"],.db-neutral-bg [data-bg-weight="3"],.db-neutral-bg-lvl-1,.db-neutral-bg-lvl-2,.db-neutral-bg-lvl-3,.db-neutral-bg-transparent-full,.db-neutral-bg-transparent-semi{--db-current-color-bg-transparent-full-enabled:var( --db-neutral-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-neutral-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-neutral-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-neutral-bg-transparent-pressed );--db-current-color-enabled:var(--db-neutral-on-bg-enabled);--db-current-color-icon:var(--db-neutral-on-bg-enabled);--db-current-color-hover:var(--db-neutral-on-bg-hover);--db-current-color-pressed:var(--db-neutral-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-neutral-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-neutral-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-neutral-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-neutral-contrast-low-enabled );--db-current-color-border:var(--db-neutral-border);--db-current-color-bg-lvl-1-hover:var(--db-neutral-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-neutral-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-neutral-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-neutral-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-neutral-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-neutral-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-neutral-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-neutral-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-neutral-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-neutral-contrast-high-pressed )}.db-neutral-bg [data-emphasis=weak][data-bg-weight="1"],.db-neutral-bg [data-emphasis=weak][data-bg-weight="2"],.db-neutral-bg [data-emphasis=weak][data-bg-weight="3"],[data-emphasis=weak].db-neutral-bg,[data-emphasis=weak].db-neutral-bg-lvl-1,[data-emphasis=weak].db-neutral-bg-lvl-2,[data-emphasis=weak].db-neutral-bg-lvl-3,[data-emphasis=weak].db-neutral-bg-transparent-full,[data-emphasis=weak].db-neutral-bg-transparent-semi{--db-current-color-enabled:var( --db-neutral-on-bg-weak-enabled );--db-current-color-hover:var( --db-neutral-on-bg-weak-hover );--db-current-color-pressed:var( --db-neutral-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-neutral-bg,.db-neutral-bg [data-bg-weight="1"],.db-neutral-bg-lvl-1{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-neutral-bg [data-bg-weight="2"],.db-neutral-bg-lvl-2{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-2-enabled )}.db-neutral-bg [data-bg-weight="3"],.db-neutral-bg-lvl-3{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-3-enabled )}.db-neutral-bg-transparent-full{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-full-enabled )}.db-neutral-bg-transparent-semi{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-semi-enabled )}.db-brand-contrast-high,.db-brand-contrast-high-interactive{--db-current-icon-color:var(--db-brand-on-contrast-enabled);--db-current-color-enabled:var( --db-brand-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-brand-contrast-high-enabled );--db-current-color-bg-hover:var( --db-brand-contrast-high-hover );--db-current-color-bg-pressed:var( --db-brand-contrast-high-pressed );--db-current-color-border:var( --db-brand-contrast-high-enabled )}.db-brand-contrast-high-interactive:hover{background:var(--db-brand-contrast-high-hover)}.db-brand-contrast-high-interactive:active{background:var(--db-brand-contrast-high-pressed)}.db-brand-contrast-low,.db-brand-contrast-low-interactive{--db-current-icon-color:var(--db-brand-on-contrast-enabled);--db-current-color-enabled:var( --db-brand-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-brand-contrast-low-enabled );--db-current-color-bg-hover:var( --db-brand-contrast-low-hover );--db-current-color-bg-pressed:var( --db-brand-contrast-low-pressed );--db-current-color-border:var( --db-brand-contrast-low-enabled )}.db-brand-contrast-low-interactive:hover{background:var(--db-brand-contrast-low-hover)}.db-brand-contrast-low-interactive:active{background:var(--db-brand-contrast-low-pressed)}.db-brand-bg,.db-brand-bg [data-bg-weight="1"],.db-brand-bg [data-bg-weight="2"],.db-brand-bg [data-bg-weight="3"],.db-brand-bg-lvl-1,.db-brand-bg-lvl-2,.db-brand-bg-lvl-3,.db-brand-bg-transparent-full,.db-brand-bg-transparent-semi{--db-current-color-bg-transparent-full-enabled:var( --db-brand-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-brand-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-brand-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-brand-bg-transparent-pressed );--db-current-color-enabled:var(--db-brand-on-bg-enabled);--db-current-color-icon:var(--db-brand-on-bg-enabled);--db-current-color-hover:var(--db-brand-on-bg-hover);--db-current-color-pressed:var(--db-brand-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-brand-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-brand-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-brand-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-brand-contrast-low-enabled );--db-current-color-border:var(--db-brand-border);--db-current-color-bg-lvl-1-hover:var(--db-brand-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-brand-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-brand-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-brand-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-brand-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-brand-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-brand-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-brand-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-brand-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-brand-contrast-high-pressed )}.db-brand-bg [data-emphasis=weak][data-bg-weight="1"],.db-brand-bg [data-emphasis=weak][data-bg-weight="2"],.db-brand-bg [data-emphasis=weak][data-bg-weight="3"],[data-emphasis=weak].db-brand-bg,[data-emphasis=weak].db-brand-bg-lvl-1,[data-emphasis=weak].db-brand-bg-lvl-2,[data-emphasis=weak].db-brand-bg-lvl-3,[data-emphasis=weak].db-brand-bg-transparent-full,[data-emphasis=weak].db-brand-bg-transparent-semi{--db-current-color-enabled:var( --db-brand-on-bg-weak-enabled );--db-current-color-hover:var( --db-brand-on-bg-weak-hover );--db-current-color-pressed:var( --db-brand-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-brand-bg,.db-brand-bg [data-bg-weight="1"],.db-brand-bg-lvl-1{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-brand-bg [data-bg-weight="2"],.db-brand-bg-lvl-2{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-2-enabled )}.db-brand-bg [data-bg-weight="3"],.db-brand-bg-lvl-3{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-3-enabled )}.db-brand-bg-transparent-full{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-full-enabled )}.db-brand-bg-transparent-semi{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-semi-enabled )}.db-critical-contrast-high,.db-critical-contrast-high-interactive{--db-current-icon-color:var(--db-critical-on-contrast-enabled);--db-current-color-enabled:var( --db-critical-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-critical-contrast-high-enabled );--db-current-color-bg-hover:var( --db-critical-contrast-high-hover );--db-current-color-bg-pressed:var( --db-critical-contrast-high-pressed );--db-current-color-border:var( --db-critical-contrast-high-enabled )}.db-critical-contrast-high-interactive:hover{background:var(--db-critical-contrast-high-hover)}.db-critical-contrast-high-interactive:active{background:var(--db-critical-contrast-high-pressed)}.db-critical-contrast-low,.db-critical-contrast-low-interactive{--db-current-icon-color:var(--db-critical-on-contrast-enabled);--db-current-color-enabled:var( --db-critical-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-critical-contrast-low-enabled );--db-current-color-bg-hover:var( --db-critical-contrast-low-hover );--db-current-color-bg-pressed:var( --db-critical-contrast-low-pressed );--db-current-color-border:var( --db-critical-contrast-low-enabled )}.db-critical-contrast-low-interactive:hover{background:var(--db-critical-contrast-low-hover)}.db-critical-contrast-low-interactive:active{background:var(--db-critical-contrast-low-pressed)}.db-critical-bg,.db-critical-bg [data-bg-weight="1"],.db-critical-bg [data-bg-weight="2"],.db-critical-bg [data-bg-weight="3"],.db-critical-bg-lvl-1,.db-critical-bg-lvl-2,.db-critical-bg-lvl-3,.db-critical-bg-transparent-full,.db-critical-bg-transparent-semi{--db-current-color-bg-transparent-full-enabled:var( --db-critical-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-critical-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-critical-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-critical-bg-transparent-pressed );--db-current-color-enabled:var(--db-critical-on-bg-enabled);--db-current-color-icon:var(--db-critical-on-bg-enabled);--db-current-color-hover:var(--db-critical-on-bg-hover);--db-current-color-pressed:var(--db-critical-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-critical-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-critical-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-critical-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-critical-contrast-low-enabled );--db-current-color-border:var(--db-critical-border);--db-current-color-bg-lvl-1-hover:var(--db-critical-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-critical-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-critical-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-critical-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-critical-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-critical-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-critical-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-critical-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-critical-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-critical-contrast-high-pressed )}.db-critical-bg [data-emphasis=weak][data-bg-weight="1"],.db-critical-bg [data-emphasis=weak][data-bg-weight="2"],.db-critical-bg [data-emphasis=weak][data-bg-weight="3"],[data-emphasis=weak].db-critical-bg,[data-emphasis=weak].db-critical-bg-lvl-1,[data-emphasis=weak].db-critical-bg-lvl-2,[data-emphasis=weak].db-critical-bg-lvl-3,[data-emphasis=weak].db-critical-bg-transparent-full,[data-emphasis=weak].db-critical-bg-transparent-semi{--db-current-color-enabled:var( --db-critical-on-bg-weak-enabled );--db-current-color-hover:var( --db-critical-on-bg-weak-hover );--db-current-color-pressed:var( --db-critical-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-critical-bg,.db-critical-bg [data-bg-weight="1"],.db-critical-bg-lvl-1{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-critical-bg [data-bg-weight="2"],.db-critical-bg-lvl-2{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-2-enabled )}.db-critical-bg [data-bg-weight="3"],.db-critical-bg-lvl-3{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-3-enabled )}.db-critical-bg-transparent-full{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-full-enabled )}.db-critical-bg-transparent-semi{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-semi-enabled )}.db-successful-contrast-high,.db-successful-contrast-high-interactive{--db-current-icon-color:var(--db-successful-on-contrast-enabled);--db-current-color-enabled:var( --db-successful-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-successful-contrast-high-enabled );--db-current-color-bg-hover:var( --db-successful-contrast-high-hover );--db-current-color-bg-pressed:var( --db-successful-contrast-high-pressed );--db-current-color-border:var( --db-successful-contrast-high-enabled )}.db-successful-contrast-high-interactive:hover{background:var(--db-successful-contrast-high-hover)}.db-successful-contrast-high-interactive:active{background:var(--db-successful-contrast-high-pressed)}.db-successful-contrast-low,.db-successful-contrast-low-interactive{--db-current-icon-color:var(--db-successful-on-contrast-enabled);--db-current-color-enabled:var( --db-successful-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-successful-contrast-low-enabled );--db-current-color-bg-hover:var( --db-successful-contrast-low-hover );--db-current-color-bg-pressed:var( --db-successful-contrast-low-pressed );--db-current-color-border:var( --db-successful-contrast-low-enabled )}.db-successful-contrast-low-interactive:hover{background:var(--db-successful-contrast-low-hover)}.db-successful-contrast-low-interactive:active{background:var(--db-successful-contrast-low-pressed)}.db-successful-bg,.db-successful-bg [data-bg-weight="1"],.db-successful-bg [data-bg-weight="2"],.db-successful-bg [data-bg-weight="3"],.db-successful-bg-lvl-1,.db-successful-bg-lvl-2,.db-successful-bg-lvl-3,.db-successful-bg-transparent-full,.db-successful-bg-transparent-semi{--db-current-color-bg-transparent-full-enabled:var( --db-successful-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-successful-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-successful-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-successful-bg-transparent-pressed );--db-current-color-enabled:var(--db-successful-on-bg-enabled);--db-current-color-icon:var(--db-successful-on-bg-enabled);--db-current-color-hover:var(--db-successful-on-bg-hover);--db-current-color-pressed:var(--db-successful-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-successful-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-successful-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-successful-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-successful-contrast-low-enabled );--db-current-color-border:var(--db-successful-border);--db-current-color-bg-lvl-1-hover:var(--db-successful-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-successful-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-successful-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-successful-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-successful-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-successful-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-successful-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-successful-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-successful-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-successful-contrast-high-pressed )}.db-successful-bg [data-emphasis=weak][data-bg-weight="1"],.db-successful-bg [data-emphasis=weak][data-bg-weight="2"],.db-successful-bg [data-emphasis=weak][data-bg-weight="3"],[data-emphasis=weak].db-successful-bg,[data-emphasis=weak].db-successful-bg-lvl-1,[data-emphasis=weak].db-successful-bg-lvl-2,[data-emphasis=weak].db-successful-bg-lvl-3,[data-emphasis=weak].db-successful-bg-transparent-full,[data-emphasis=weak].db-successful-bg-transparent-semi{--db-current-color-enabled:var( --db-successful-on-bg-weak-enabled );--db-current-color-hover:var( --db-successful-on-bg-weak-hover );--db-current-color-pressed:var( --db-successful-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-successful-bg,.db-successful-bg [data-bg-weight="1"],.db-successful-bg-lvl-1{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-successful-bg [data-bg-weight="2"],.db-successful-bg-lvl-2{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-2-enabled )}.db-successful-bg [data-bg-weight="3"],.db-successful-bg-lvl-3{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-3-enabled )}.db-successful-bg-transparent-full{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-full-enabled )}.db-successful-bg-transparent-semi{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-semi-enabled )}.db-warning-contrast-high,.db-warning-contrast-high-interactive{--db-current-icon-color:var(--db-warning-on-contrast-enabled);--db-current-color-enabled:var( --db-warning-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-warning-contrast-high-enabled );--db-current-color-bg-hover:var( --db-warning-contrast-high-hover );--db-current-color-bg-pressed:var( --db-warning-contrast-high-pressed );--db-current-color-border:var( --db-warning-contrast-high-enabled )}.db-warning-contrast-high-interactive:hover{background:var(--db-warning-contrast-high-hover)}.db-warning-contrast-high-interactive:active{background:var(--db-warning-contrast-high-pressed)}.db-warning-contrast-low,.db-warning-contrast-low-interactive{--db-current-icon-color:var(--db-warning-on-contrast-enabled);--db-current-color-enabled:var( --db-warning-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-warning-contrast-low-enabled );--db-current-color-bg-hover:var( --db-warning-contrast-low-hover );--db-current-color-bg-pressed:var( --db-warning-contrast-low-pressed );--db-current-color-border:var( --db-warning-contrast-low-enabled )}.db-warning-contrast-low-interactive:hover{background:var(--db-warning-contrast-low-hover)}.db-warning-contrast-low-interactive:active{background:var(--db-warning-contrast-low-pressed)}.db-warning-bg,.db-warning-bg [data-bg-weight="1"],.db-warning-bg [data-bg-weight="2"],.db-warning-bg [data-bg-weight="3"],.db-warning-bg-lvl-1,.db-warning-bg-lvl-2,.db-warning-bg-lvl-3,.db-warning-bg-transparent-full,.db-warning-bg-transparent-semi{--db-current-color-bg-transparent-full-enabled:var( --db-warning-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-warning-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-warning-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-warning-bg-transparent-pressed );--db-current-color-enabled:var(--db-warning-on-bg-enabled);--db-current-color-icon:var(--db-warning-on-bg-enabled);--db-current-color-hover:var(--db-warning-on-bg-hover);--db-current-color-pressed:var(--db-warning-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-warning-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-warning-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-warning-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-warning-contrast-low-enabled );--db-current-color-border:var(--db-warning-border);--db-current-color-bg-lvl-1-hover:var(--db-warning-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-warning-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-warning-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-warning-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-warning-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-warning-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-warning-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-warning-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-warning-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-warning-contrast-high-pressed )}.db-warning-bg [data-emphasis=weak][data-bg-weight="1"],.db-warning-bg [data-emphasis=weak][data-bg-weight="2"],.db-warning-bg [data-emphasis=weak][data-bg-weight="3"],[data-emphasis=weak].db-warning-bg,[data-emphasis=weak].db-warning-bg-lvl-1,[data-emphasis=weak].db-warning-bg-lvl-2,[data-emphasis=weak].db-warning-bg-lvl-3,[data-emphasis=weak].db-warning-bg-transparent-full,[data-emphasis=weak].db-warning-bg-transparent-semi{--db-current-color-enabled:var( --db-warning-on-bg-weak-enabled );--db-current-color-hover:var( --db-warning-on-bg-weak-hover );--db-current-color-pressed:var( --db-warning-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-warning-bg,.db-warning-bg [data-bg-weight="1"],.db-warning-bg-lvl-1{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-warning-bg [data-bg-weight="2"],.db-warning-bg-lvl-2{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-2-enabled )}.db-warning-bg [data-bg-weight="3"],.db-warning-bg-lvl-3{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-3-enabled )}.db-warning-bg-transparent-full{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-full-enabled )}.db-warning-bg-transparent-semi{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-semi-enabled )}.db-informational-contrast-high,.db-informational-contrast-high-interactive{--db-current-icon-color:var(--db-informational-on-contrast-enabled);--db-current-color-enabled:var( --db-informational-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-informational-contrast-high-enabled );--db-current-color-bg-hover:var( --db-informational-contrast-high-hover );--db-current-color-bg-pressed:var( --db-informational-contrast-high-pressed );--db-current-color-border:var( --db-informational-contrast-high-enabled )}.db-informational-contrast-high-interactive:hover{background:var(--db-informational-contrast-high-hover)}.db-informational-contrast-high-interactive:active{background:var(--db-informational-contrast-high-pressed)}.db-informational-contrast-low,.db-informational-contrast-low-interactive{--db-current-icon-color:var(--db-informational-on-contrast-enabled);--db-current-color-enabled:var( --db-informational-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-informational-contrast-low-enabled );--db-current-color-bg-hover:var( --db-informational-contrast-low-hover );--db-current-color-bg-pressed:var( --db-informational-contrast-low-pressed );--db-current-color-border:var( --db-informational-contrast-low-enabled )}.db-informational-contrast-low-interactive:hover{background:var(--db-informational-contrast-low-hover)}.db-informational-contrast-low-interactive:active{background:var(--db-informational-contrast-low-pressed)}.db-informational-bg,.db-informational-bg [data-bg-weight="1"],.db-informational-bg [data-bg-weight="2"],.db-informational-bg [data-bg-weight="3"],.db-informational-bg-lvl-1,.db-informational-bg-lvl-2,.db-informational-bg-lvl-3,.db-informational-bg-transparent-full,.db-informational-bg-transparent-semi{--db-current-color-bg-transparent-full-enabled:var( --db-informational-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-informational-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-informational-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-informational-bg-transparent-pressed );--db-current-color-enabled:var(--db-informational-on-bg-enabled);--db-current-color-icon:var(--db-informational-on-bg-enabled);--db-current-color-hover:var(--db-informational-on-bg-hover);--db-current-color-pressed:var(--db-informational-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-informational-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-informational-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-informational-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-informational-contrast-low-enabled );--db-current-color-border:var(--db-informational-border);--db-current-color-bg-lvl-1-hover:var(--db-informational-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-informational-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-informational-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-informational-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-informational-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-informational-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-informational-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-informational-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-informational-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-informational-contrast-high-pressed )}.db-informational-bg [data-emphasis=weak][data-bg-weight="1"],.db-informational-bg [data-emphasis=weak][data-bg-weight="2"],.db-informational-bg [data-emphasis=weak][data-bg-weight="3"],[data-emphasis=weak].db-informational-bg,[data-emphasis=weak].db-informational-bg-lvl-1,[data-emphasis=weak].db-informational-bg-lvl-2,[data-emphasis=weak].db-informational-bg-lvl-3,[data-emphasis=weak].db-informational-bg-transparent-full,[data-emphasis=weak].db-informational-bg-transparent-semi{--db-current-color-enabled:var( --db-informational-on-bg-weak-enabled );--db-current-color-hover:var( --db-informational-on-bg-weak-hover );--db-current-color-pressed:var( --db-informational-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-informational-bg,.db-informational-bg [data-bg-weight="1"],.db-informational-bg-lvl-1{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-informational-bg [data-bg-weight="2"],.db-informational-bg-lvl-2{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-2-enabled )}.db-informational-bg [data-bg-weight="3"],.db-informational-bg-lvl-3{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-3-enabled )}.db-informational-bg-transparent-full{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-full-enabled )}.db-informational-bg-transparent-semi{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-semi-enabled )}.db-font-size-3xl{--db-icon-font-weight:var(--db-base-body-icon-weight-3xl);--db-icon-font-size:var(--db-base-body-icon-font-size-3xl);--db-base-line-height:var(--db-type-body-line-height-3xl);--db-base-font-size:var(--db-type-body-font-size-3xl);line-height:var(--db-type-body-line-height-3xl);font-size:var(--db-type-body-font-size-3xl)}.db-font-size-2xl{--db-icon-font-weight:var(--db-base-body-icon-weight-2xl);--db-icon-font-size:var(--db-base-body-icon-font-size-2xl);--db-base-line-height:var(--db-type-body-line-height-2xl);--db-base-font-size:var(--db-type-body-font-size-2xl);line-height:var(--db-type-body-line-height-2xl);font-size:var(--db-type-body-font-size-2xl)}.db-font-size-xl{--db-icon-font-weight:var(--db-base-body-icon-weight-xl);--db-icon-font-size:var(--db-base-body-icon-font-size-xl);--db-base-line-height:var(--db-type-body-line-height-xl);--db-base-font-size:var(--db-type-body-font-size-xl);line-height:var(--db-type-body-line-height-xl);font-size:var(--db-type-body-font-size-xl)}.db-font-size-lg{--db-icon-font-weight:var(--db-base-body-icon-weight-lg);--db-icon-font-size:var(--db-base-body-icon-font-size-lg);--db-base-line-height:var(--db-type-body-line-height-lg);--db-base-font-size:var(--db-type-body-font-size-lg);line-height:var(--db-type-body-line-height-lg);font-size:var(--db-type-body-font-size-lg)}.db-font-size-md{--db-icon-font-weight:var(--db-base-body-icon-weight-md);--db-icon-font-size:var(--db-base-body-icon-font-size-md);--db-base-line-height:var(--db-type-body-line-height-md);--db-base-font-size:var(--db-type-body-font-size-md);line-height:var(--db-type-body-line-height-md);font-size:var(--db-type-body-font-size-md)}.db-font-size-sm{--db-icon-font-weight:var(--db-base-body-icon-weight-sm);--db-icon-font-size:var(--db-base-body-icon-font-size-sm);--db-base-line-height:var(--db-type-body-line-height-sm);--db-base-font-size:var(--db-type-body-font-size-sm);line-height:var(--db-type-body-line-height-sm);font-size:var(--db-type-body-font-size-sm)}.db-font-size-xs{--db-icon-font-weight:var(--db-base-body-icon-weight-xs);--db-icon-font-size:var(--db-base-body-icon-font-size-xs);--db-base-line-height:var(--db-type-body-line-height-xs);--db-base-font-size:var(--db-type-body-font-size-xs);line-height:var(--db-type-body-line-height-xs);font-size:var(--db-type-body-font-size-xs)}.db-font-size-2xs{--db-icon-font-weight:var(--db-base-body-icon-weight-2xs);--db-icon-font-size:var(--db-base-body-icon-font-size-2xs);--db-base-line-height:var(--db-type-body-line-height-2xs);--db-base-font-size:var(--db-type-body-font-size-2xs);line-height:var(--db-type-body-line-height-2xs);font-size:var(--db-type-body-font-size-2xs)}.db-font-size-3xs{--db-icon-font-weight:var(--db-base-body-icon-weight-3xs);--db-icon-font-size:var(--db-base-body-icon-font-size-3xs);--db-base-line-height:var(--db-type-body-line-height-3xs);--db-base-font-size:var(--db-type-body-font-size-3xs);line-height:var(--db-type-body-line-height-3xs);font-size:var(--db-type-body-font-size-3xs)}body{-webkit-padding-after:var(--db-spacing-fixed-lg);padding-block-end:var(--db-spacing-fixed-lg)}.db-main{scroll-behavior:smooth}#__next,#__next>div{height:inherit}db-mainnavigation{margin:auto}github-version-switcher{margin:auto 16px}iframe{width:100%;height:calc(100% - 8px)!important}.example-list dd{-webkit-margin-after:var(--db-spacing-fixed-md);margin-block-end:var(--db-spacing-fixed-md);max-width:500px}.code-pre-wrap{white-space:pre-wrap}.iframe-component-container{display:flex;flex-direction:column}.iframe-component-container .flex{display:flex;gap:var(--db-spacing-fixed-sm)}.iframe-component-container .flex[data-variant=column]{flex-direction:column}.base-64-container{display:grid;padding:var(--db-spacing-fixed-md);grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md)}.base-64-container span{word-break:break-all}.noh1 h1{display:none}.is-properties{height:100%;overflow:auto}.is-properties h1,.is-properties h2{display:none}table{width:100%;border-collapse:collapse}table td,table th{border:1px solid var(--db-current-color-border);padding:var(--db-spacing-fixed-md);max-width:33vw}table th{padding-inline:var(--db-spacing-fixed-md)}.version-switcher{max-width:var(--db-sizing-3xl)}div[class^=ch-] div,div[class^=ch-] span{color:var(--db-current-color-enabled)}.ch-frame-buttons{display:none!important}.db-section[data-size=none]{-webkit-padding-after:var(--db-spacing-fixed-xl);padding-block-end:var(--db-spacing-fixed-xl)}.color-overview-container,.example-container,.icons-filter-container,.icons-overview-container{--columns:1;display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md)}@media screen and (min-width:45em){.color-overview-container:not([data-force-mobile]),.example-container:not([data-force-mobile]),.icons-filter-container:not([data-force-mobile]),.icons-overview-container:not([data-force-mobile]),[data-force-mobile=false].color-overview-container,[data-force-mobile=false].example-container,[data-force-mobile=false].icons-filter-container,[data-force-mobile=false].icons-overview-container{--columns:3}}.icons-overview-container{--columns:2;padding:var(--db-spacing-fixed-md)}@media screen and (min-width:45em){.icons-overview-container:not([data-force-mobile]),.icons-overview-container[data-force-mobile=false]{--columns:7}}.icons-overview-container>.db-card{justify-content:center;align-items:center}.icons-overview-container>.db-card .db-infotext{word-break:break-word}.color-overview-container,.color-overview-container>div{padding:var(--db-spacing-fixed-md)}.color-overview-container>div{display:flex;justify-content:center;align-items:center;border:1px solid #000}.density-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md)}.density-example-grid .db-card{gap:var(--db-spacing-fixed-sm)}.density-example-page{display:flex;flex-direction:column;gap:var(--db-spacing-fixed-md)}.density-example-page .density-example-page-regular{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md)}.density-example-page .density-example-page-functional{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md)}.example-container p{margin:0}.example-container .example-item .example-sizing .sizing,.example-container .example-item .example-spacing-fixed .gap1,.example-container .example-item .example-spacing-fixed .gap2,.example-container .example-item .example-spacing-responsive .margin1,.example-container .example-item .example-spacing-responsive .margin2{height:100%;display:flex;justify-content:center;position:absolute;align-items:center}.example-container .example-item{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--db-spacing-fixed-md)}.example-container .example-item .example-spacing-fixed,.example-container .example-item .example-spacing-responsive{border:1px solid #000}.example-container .example-item .example-spacing-fixed>div,.example-container .example-item .example-spacing-responsive>div{display:flex;border:1px solid var(--db-informational-4);position:relative}.example-container .example-item .example-spacing-fixed>div{gap:var(--db-spacing-fixed-xl)}.example-container .example-item .example-spacing-fixed .gap1,.example-container .example-item .example-spacing-fixed .gap2{width:var(--db-spacing-fixed-xl)}.example-container .example-item .example-spacing-fixed .gap1{left:calc(var(--db-base-line-height)*var(--db-base-font-size))}.example-container .example-item .example-spacing-fixed .gap2{right:calc(var(--db-base-line-height)*var(--db-base-font-size))}.example-container .example-item .example-spacing-responsive>div{margin-inline:var(--db-spacing-responsive-sm)}.example-container .example-item .example-spacing-responsive .margin1,.example-container .example-item .example-spacing-responsive .margin2{width:var(--db-spacing-responsive-sm)}.example-container .example-item .example-spacing-responsive .margin1{left:calc(-1*var(--db-spacing-responsive-sm))}.example-container .example-item .example-spacing-responsive .margin2{right:calc(-1*var(--db-spacing-responsive-sm))}.example-container .example-item .example-sizing>div{display:flex;gap:var(--db-spacing-fixed-md)}.example-container .example-item .example-sizing .sizing{position:unset;block-size:var(--db-sizing-md);inline-size:var(--db-sizing-md)}.color-schemes-container{padding:var(--db-spacing-fixed-md);border:1px dashed var(--db-current-color-enabled);display:grid;grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md);grid-template-columns:repeat(2,minmax(0,1fr))}.color-schemes-container .db-button{grid-column:span 2/span 2}.color-schemes-container .db-tag{-webkit-margin-start:auto;margin-inline-start:auto}.color-schemes-container section{padding:var(--db-spacing-fixed-md)}.color-schemes-container .color-cards{grid-column:span 2/span 2;display:grid;grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md);grid-template-columns:repeat(5,minmax(0,1fr))}h1 a:is(.header-link),h2 a:is(.header-link),h3 a:is(.header-link),h4 a:is(.header-link),h5 a:is(.header-link),h6 a:is(.header-link){display:inline-block;margin-block:auto;-webkit-margin-start:var(--db-spacing-fixed-xs);margin-inline-start:var(--db-spacing-fixed-xs);visibility:hidden;text-decoration:none;font-size:0}h1:hover a:is(.header-link),h2:hover a:is(.header-link),h3:hover a:is(.header-link),h4:hover a:is(.header-link),h5:hover a:is(.header-link),h6:hover a:is(.header-link){visibility:visible}.db-code-docs{min-block-size:var(--db-sizing-3xl);align-items:center;justify-content:center;padding:var(--db-spacing-fixed-xl);-webkit-margin-after:calc(var(--db-spacing-fixed-xl) + var(--db-sizing-sm));margin-block-end:calc(var(--db-spacing-fixed-xl) + var(--db-sizing-sm));position:relative}.db-code-docs .code-details{display:flex}.db-code-docs .code-details[open]{inset-inline-start:0;inset-block-start:0}.db-code-docs .code-details .code-button{position:absolute;inset-block-end:calc(-1*(var(--db-spacing-fixed-sm) + var(--db-sizing-sm)));inset-inline-end:var(--db-spacing-fixed-sm);z-index:1;cursor:pointer}.db-code-docs .code-details .code-button::-webkit-details-marker{display:none}.db-code-docs .code-details .no-code{margin:auto}.db-code-docs .code-details .backdrop{border-radius:var(--db-border-radius-sm);background-color:var(var(--db-current-color-enabled),var(--db-neutral-on-bg-enabled));opacity:.64;position:absolute;inset:0}.db-code-docs .code-details .code{overflow:auto;position:absolute;z-index:20;inset:0;margin:var(--db-spacing-fixed-md);display:flex;flex-direction:column;gap:var(--db-spacing-fixed-sm)}.db-code-docs .code-details .code code{display:block;white-space:pre-wrap}.db-code-docs .code-details .code .tab-container{position:relative}.db-code-docs .code-details .code .tab-container .copy-button{position:absolute;z-index:20;inset-inline-end:var(--db-spacing-fixed-sm);inset-block-end:var(--db-spacing-fixed-sm)}@media screen and (min-width:64em){.db-code-docs .code-details .code .tab-container .copy-button:not([data-force-mobile]),.db-code-docs .code-details .code .tab-container .copy-button[data-force-mobile=false]{inset-block-end:auto;inset-block-start:var(--db-spacing-fixed-sm)}}.validity-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--db-spacing-fixed-sm);gap:var(--db-spacing-fixed-sm)}.validity-container form{display:flex;flex-direction:column;gap:var(--db-spacing-fixed-sm)}pre:has(.hljs):not(:has(.language-shell)),pre:has(.hljs):not(:has(.language-shell)) .hljs{background:var(--db-current-color-bg-enabled);color:var(--db-current-color-enabled)}pre:has(.hljs):not(:has(.language-shell)) .hljs:after,pre:has(.hljs):not(:has(.language-shell)) .hljs:before,pre:has(.hljs):not(:has(.language-shell)):after,pre:has(.hljs):not(:has(.language-shell)):before{color:var(--db-current-icon-color,inherit)}pre:has(.hljs):not(:has(.language-shell)),pre:has(.hljs):not(:has(.language-shell)) .hljs{--db-current-color-bg-transparent-full-enabled:var( --db-neutral-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-neutral-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-neutral-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-neutral-bg-transparent-pressed );--db-current-color-enabled:var(--db-neutral-on-bg-enabled);--db-current-color-icon:var(--db-neutral-on-bg-enabled);--db-current-color-hover:var(--db-neutral-on-bg-hover);--db-current-color-pressed:var(--db-neutral-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-neutral-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-neutral-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-neutral-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-neutral-contrast-low-enabled );--db-current-color-border:var(--db-neutral-border);--db-current-color-bg-lvl-1-hover:var(--db-neutral-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-neutral-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-neutral-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-neutral-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-neutral-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-neutral-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-neutral-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-neutral-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-neutral-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-neutral-contrast-high-pressed )}pre:has(.hljs):not(:has(.language-shell)) [data-emphasis=weak].hljs,pre[data-emphasis=weak]:has(.hljs):not(:has(.language-shell)){--db-current-color-enabled:var( --db-neutral-on-bg-weak-enabled );--db-current-color-hover:var( --db-neutral-on-bg-weak-hover );--db-current-color-pressed:var( --db-neutral-on-bg-weak-pressed );color:var(--db-current-color-enabled)}pre:has(.hljs):not(:has(.language-shell)),pre:has(.hljs):not(:has(.language-shell)) .hljs{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-full-enabled )}.hljs-attribute,.hljs-doctag,.hljs-keyword,.hljs-literal,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string,.hljs-number,.hljs-operator,.hljs-regexp,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-string,.hljs-template-tag,.hljs-template-variable,.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_,.hljs-type,.hljs-variable,.hljs-variable.language_{color:var(--db-successful-on-bg-weak-enabled)}.hljs-built_in,.hljs-symbol{color:var(--db-warning-on-bg-weak-enabled)}.hljs-attr{color:var(--db-informational-on-bg-weak-enabled)}.hljs-code,.hljs-comment,.hljs-formula,.hljs-meta{color:var(--db-current-color-enabled)}.hljs-name,.hljs-tag{color:var(--db-warning-on-bg-weak-enabled)}.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:var(--db-successful-on-bg-weak-enabled)}.hljs-subst{color:var(--db-neutral-bg-lvl-1-enabled)}.hljs-section{color:var(--db-informational-on-bg-weak-enabled);font-weight:700}.hljs-bullet{color:var(--db-warning-on-bg-weak-enabled)}.hljs-emphasis{font-style:italic}.hljs-emphasis,.hljs-strong{color:var(--db-current-color-enabled)}.hljs-strong{font-weight:700}.hljs-addition{color:var(--db-successful-on-bg-weak-enabled)}.hljs-addition,.hljs-deletion{background-color:var(--db-neutral-on-bg-weak-enabled)}.hljs-deletion{color:var(--db-critical-on-bg-weak-enabled)}.desktop-navigation ul{list-style-type:none;display:flex}.default-container{display:flex;flex-direction:column;gap:var(--db-spacing-fixed-md);padding:var(--db-spacing-fixed-md)}.variants-card,.variants-card>.db-card{min-block-size:var(--db-sizing-3xl);align-items:center;justify-content:center;padding:var(--db-spacing-fixed-xl);-webkit-padding-after:calc(var(--db-spacing-fixed-xl) + var(--db-sizing-sm));padding-block-end:calc(var(--db-spacing-fixed-xl) + var(--db-sizing-sm));position:relative}db-card:is(.variants-card)>.db-card{padding:var(--db-spacing-fixed-sm)}.variants-list{flex-wrap:wrap;inline-size:100%;justify-content:center}.variants-list,.variants-list>div{display:flex;gap:var(--db-spacing-fixed-md)}.variants-list>div{align-items:center}.variants-list .db-select,.w-full{inline-size:100%}.variants-list .db-input,.variants-list .db-select,.variants-list .db-textarea{-webkit-margin-before:auto;margin-block-start:auto}.variants-list .db-input:has([placeholder="(Default) Basic"]),.variants-list .db-select:has([placeholder="(Default) Basic"]),.variants-list .db-textarea:has([placeholder="(Default) Basic"]){-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:auto;margin-block-end:auto}.html-code-container{display:flex;flex-direction:column;gap:var(--db-spacing-fixed-md)}.example-name{margin-block:0 var(--db-spacing-fixed-md)}.link-headline{display:block;margin-block:var(--db-spacing-fixed-md);font-weight:700}.form-container{display:flex;gap:var(--db-spacing-fixed-md);margin:var(--db-spacing-fixed-md)}.form-container fieldset{padding:0;border-color:transparent}.form-container>div{flex-direction:column;inline-size:50%}.button-container,.input-container{display:flex;gap:var(--db-spacing-fixed-md);padding:var(--db-spacing-fixed-md)}.input-container{flex-wrap:wrap}.input-container>form{display:flex;flex-wrap:wrap;gap:var(--db-spacing-fixed-md)}.badge-inline-container{display:flex;gap:var(--db-spacing-fixed-sm);padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-sm);background-color:var(--db-base-bg-lvl-2)}.badge-inline-container .db-badge{-webkit-margin-start:var(--db-spacing-responsive-md);margin-inline-start:var(--db-spacing-responsive-md);margin-block:auto}.fixed-header-footer{overflow:hidden}.tab-hide-article article{display:none!important}.db-page.fixed-header-footer main{overflow-x:hidden}:root{block-size:100%;overflow:hidden}
\ No newline at end of file
diff --git a/review/feat-switch/_next/static/css/54b731654357cddf.css b/review/feat-switch/_next/static/css/54b731654357cddf.css
deleted file mode 100644
index 1e58434154f..00000000000
--- a/review/feat-switch/_next/static/css/54b731654357cddf.css
+++ /dev/null
@@ -1 +0,0 @@
-.db-badge[data-emphasis=strong],.db-badge[data-semantic=critical],.db-badge[data-semantic=critical][data-emphasis=strong],.db-badge[data-semantic=informational],.db-badge[data-semantic=informational][data-emphasis=strong],.db-badge[data-semantic=neutral],.db-badge[data-semantic=neutral][data-emphasis=strong],.db-badge[data-semantic=successful],.db-badge[data-semantic=successful][data-emphasis=strong],.db-badge[data-semantic=warning],.db-badge[data-semantic=warning][data-emphasis=strong],.db-switch[data-emphasis=strong]>input,.db-switch[data-emphasis=strong]>input:checked,.db-tag:has(.db-tab-remove-button)[data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-semantic=critical],.db-tag:has(.db-tab-remove-button)[data-semantic=critical][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-semantic=informational],.db-tag:has(.db-tab-remove-button)[data-semantic=informational][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-semantic=neutral],.db-tag:has(.db-tab-remove-button)[data-semantic=neutral][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-semantic=successful],.db-tag:has(.db-tab-remove-button)[data-semantic=successful][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-semantic=warning],.db-tag:has(.db-tab-remove-button)[data-semantic=warning][data-emphasis=strong],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:has(a),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:has(input:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-emphasis=strong],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=critical],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=critical][data-emphasis=strong],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=informational],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=informational][data-emphasis=strong],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=neutral],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=neutral][data-emphasis=strong],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=successful],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=successful][data-emphasis=strong],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=warning],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=warning][data-emphasis=strong],.example-container .example-item .example-sizing .sizing,.example-container .example-item .example-spacing-fixed .gap1,.example-container .example-item .example-spacing-fixed .gap2,.example-container .example-item .example-spacing-responsive .margin1,.example-container .example-item .example-spacing-responsive .margin2,:root,blockquote,code,pre:has(code),table th,table tr:nth-child(2n){background:var(--db-current-color-bg-enabled);color:var(--db-current-color-enabled)}.db-badge[data-emphasis=strong]:after,.db-badge[data-emphasis=strong]:before,.db-badge[data-semantic=critical]:after,.db-badge[data-semantic=critical]:before,.db-badge[data-semantic=critical][data-emphasis=strong]:after,.db-badge[data-semantic=critical][data-emphasis=strong]:before,.db-badge[data-semantic=informational]:after,.db-badge[data-semantic=informational]:before,.db-badge[data-semantic=informational][data-emphasis=strong]:after,.db-badge[data-semantic=informational][data-emphasis=strong]:before,.db-badge[data-semantic=neutral]:after,.db-badge[data-semantic=neutral]:before,.db-badge[data-semantic=neutral][data-emphasis=strong]:after,.db-badge[data-semantic=neutral][data-emphasis=strong]:before,.db-badge[data-semantic=successful]:after,.db-badge[data-semantic=successful]:before,.db-badge[data-semantic=successful][data-emphasis=strong]:after,.db-badge[data-semantic=successful][data-emphasis=strong]:before,.db-badge[data-semantic=warning]:after,.db-badge[data-semantic=warning]:before,.db-badge[data-semantic=warning][data-emphasis=strong]:after,.db-badge[data-semantic=warning][data-emphasis=strong]:before,.db-switch[data-emphasis=strong]>input:after,.db-switch[data-emphasis=strong]>input:before,.db-switch[data-emphasis=strong]>input:checked:after,.db-switch[data-emphasis=strong]>input:checked:before,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:after,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:before,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:after,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:before,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:after,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:before,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=checkbox]:checked):after,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=checkbox]:checked):before,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):after,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):before,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:not(.db-tab-remove-button):after,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:not(.db-tab-remove-button):before,.db-tag[data-emphasis=strong]:has(.db-tab-remove-button):after,.db-tag[data-emphasis=strong]:has(.db-tab-remove-button):before,.db-tag[data-emphasis=strong]:has(label,button:not(.db-tab-remove-button),a):has(a):after,.db-tag[data-emphasis=strong]:has(label,button:not(.db-tab-remove-button),a):has(a):before,.db-tag[data-emphasis=strong]:has(label,button:not(.db-tab-remove-button),a):has(input:checked):after,.db-tag[data-emphasis=strong]:has(label,button:not(.db-tab-remove-button),a):has(input:checked):before,.db-tag[data-emphasis=strong]:not(:has(label,button:not(.db-tab-remove-button),a)):after,.db-tag[data-emphasis=strong]:not(:has(label,button:not(.db-tab-remove-button),a)):before,.db-tag[data-semantic=critical]:has(.db-tab-remove-button):after,.db-tag[data-semantic=critical]:has(.db-tab-remove-button):before,.db-tag[data-semantic=critical]:not(:has(label,button:not(.db-tab-remove-button),a)):after,.db-tag[data-semantic=critical]:not(:has(label,button:not(.db-tab-remove-button),a)):before,.db-tag[data-semantic=critical][data-emphasis=strong]:has(.db-tab-remove-button):after,.db-tag[data-semantic=critical][data-emphasis=strong]:has(.db-tab-remove-button):before,.db-tag[data-semantic=critical][data-emphasis=strong]:not(:has(label,button:not(.db-tab-remove-button),a)):after,.db-tag[data-semantic=critical][data-emphasis=strong]:not(:has(label,button:not(.db-tab-remove-button),a)):before,.db-tag[data-semantic=informational]:has(.db-tab-remove-button):after,.db-tag[data-semantic=informational]:has(.db-tab-remove-button):before,.db-tag[data-semantic=informational]:not(:has(label,button:not(.db-tab-remove-button),a)):after,.db-tag[data-semantic=informational]:not(:has(label,button:not(.db-tab-remove-button),a)):before,.db-tag[data-semantic=informational][data-emphasis=strong]:has(.db-tab-remove-button):after,.db-tag[data-semantic=informational][data-emphasis=strong]:has(.db-tab-remove-button):before,.db-tag[data-semantic=informational][data-emphasis=strong]:not(:has(label,button:not(.db-tab-remove-button),a)):after,.db-tag[data-semantic=informational][data-emphasis=strong]:not(:has(label,button:not(.db-tab-remove-button),a)):before,.db-tag[data-semantic=neutral]:has(.db-tab-remove-button):after,.db-tag[data-semantic=neutral]:has(.db-tab-remove-button):before,.db-tag[data-semantic=neutral]:not(:has(label,button:not(.db-tab-remove-button),a)):after,.db-tag[data-semantic=neutral]:not(:has(label,button:not(.db-tab-remove-button),a)):before,.db-tag[data-semantic=neutral][data-emphasis=strong]:has(.db-tab-remove-button):after,.db-tag[data-semantic=neutral][data-emphasis=strong]:has(.db-tab-remove-button):before,.db-tag[data-semantic=neutral][data-emphasis=strong]:not(:has(label,button:not(.db-tab-remove-button),a)):after,.db-tag[data-semantic=neutral][data-emphasis=strong]:not(:has(label,button:not(.db-tab-remove-button),a)):before,.db-tag[data-semantic=successful]:has(.db-tab-remove-button):after,.db-tag[data-semantic=successful]:has(.db-tab-remove-button):before,.db-tag[data-semantic=successful]:not(:has(label,button:not(.db-tab-remove-button),a)):after,.db-tag[data-semantic=successful]:not(:has(label,button:not(.db-tab-remove-button),a)):before,.db-tag[data-semantic=successful][data-emphasis=strong]:has(.db-tab-remove-button):after,.db-tag[data-semantic=successful][data-emphasis=strong]:has(.db-tab-remove-button):before,.db-tag[data-semantic=successful][data-emphasis=strong]:not(:has(label,button:not(.db-tab-remove-button),a)):after,.db-tag[data-semantic=successful][data-emphasis=strong]:not(:has(label,button:not(.db-tab-remove-button),a)):before,.db-tag[data-semantic=warning]:has(.db-tab-remove-button):after,.db-tag[data-semantic=warning]:has(.db-tab-remove-button):before,.db-tag[data-semantic=warning]:not(:has(label,button:not(.db-tab-remove-button),a)):after,.db-tag[data-semantic=warning]:not(:has(label,button:not(.db-tab-remove-button),a)):before,.db-tag[data-semantic=warning][data-emphasis=strong]:has(.db-tab-remove-button):after,.db-tag[data-semantic=warning][data-emphasis=strong]:has(.db-tab-remove-button):before,.db-tag[data-semantic=warning][data-emphasis=strong]:not(:has(label,button:not(.db-tab-remove-button),a)):after,.db-tag[data-semantic=warning][data-emphasis=strong]:not(:has(label,button:not(.db-tab-remove-button),a)):before,.example-container .example-item .example-sizing .sizing:after,.example-container .example-item .example-sizing .sizing:before,.example-container .example-item .example-spacing-fixed .gap1:after,.example-container .example-item .example-spacing-fixed .gap1:before,.example-container .example-item .example-spacing-fixed .gap2:after,.example-container .example-item .example-spacing-fixed .gap2:before,.example-container .example-item .example-spacing-responsive .margin1:after,.example-container .example-item .example-spacing-responsive .margin1:before,.example-container .example-item .example-spacing-responsive .margin2:after,.example-container .example-item .example-spacing-responsive .margin2:before,:root:after,:root:before,blockquote:after,blockquote:before,code:after,code:before,pre:has(code):after,pre:has(code):before,table th:after,table th:before,table tr:nth-child(2n):after,table tr:nth-child(2n):before{color:var(--db-current-icon-color,inherit)}.db-badge[data-semantic=neutral][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-semantic=neutral][data-emphasis=strong],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=neutral][data-emphasis=strong],code,pre:has(code){--db-current-icon-color:var(--db-neutral-on-contrast-enabled);--db-current-color-enabled:var( --db-neutral-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-neutral-contrast-high-enabled );--db-current-color-bg-hover:var( --db-neutral-contrast-high-hover );--db-current-color-bg-pressed:var( --db-neutral-contrast-high-pressed );--db-current-color-border:var( --db-neutral-contrast-high-enabled )}.db-badge[data-semantic=neutral],.db-notification[data-semantic=neutral],.db-tag:has(.db-tab-remove-button)[data-semantic=neutral],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-semantic=neutral],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=neutral],:root,blockquote,table th,table tr:nth-child(2n){--db-current-color-bg-transparent-full-enabled:var( --db-neutral-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-neutral-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-neutral-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-neutral-bg-transparent-pressed );--db-current-color-enabled:var(--db-neutral-on-bg-enabled);--db-current-color-icon:var(--db-neutral-on-bg-enabled);--db-current-color-hover:var(--db-neutral-on-bg-hover);--db-current-color-pressed:var(--db-neutral-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-neutral-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-neutral-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-neutral-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-neutral-contrast-low-enabled );--db-current-color-border:var(--db-neutral-border);--db-current-color-bg-lvl-1-hover:var(--db-neutral-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-neutral-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-neutral-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-neutral-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-neutral-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-neutral-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-neutral-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-neutral-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-neutral-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-neutral-contrast-high-pressed )}[data-emphasis=weak].db-badge[data-semantic=neutral],[data-emphasis=weak].db-tag[data-semantic=neutral]:has(.db-tab-remove-button),[data-emphasis=weak].db-tag[data-semantic=neutral]:not(:has(label,button:not(.db-tab-remove-button),a)),[data-emphasis=weak]:root,blockquote[data-emphasis=weak],table th[data-emphasis=weak],table tr[data-emphasis=weak]:nth-child(2n){--db-current-color-enabled:var( --db-neutral-on-bg-weak-enabled );--db-current-color-hover:var( --db-neutral-on-bg-weak-hover );--db-current-color-pressed:var( --db-neutral-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-badge[data-semantic=neutral],.db-tag:has(.db-tab-remove-button)[data-semantic=neutral],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=neutral],:root{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}blockquote,table th,table tr:nth-child(2n){--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-semi-enabled )}.db-badge[data-semantic=critical][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-semantic=critical][data-emphasis=strong],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=critical][data-emphasis=strong]{--db-current-icon-color:var(--db-critical-on-contrast-enabled);--db-current-color-enabled:var( --db-critical-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-critical-contrast-high-enabled );--db-current-color-bg-hover:var( --db-critical-contrast-high-hover );--db-current-color-bg-pressed:var( --db-critical-contrast-high-pressed );--db-current-color-border:var( --db-critical-contrast-high-enabled )}.db-switch[data-emphasis=strong]>input{--db-current-icon-color:var(--db-critical-on-contrast-enabled);--db-current-color-enabled:var( --db-critical-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-critical-contrast-low-enabled );--db-current-color-bg-hover:var( --db-critical-contrast-low-hover );--db-current-color-bg-pressed:var( --db-critical-contrast-low-pressed );--db-current-color-border:var( --db-critical-contrast-low-enabled )}.db-badge[data-semantic=critical],.db-input:has(input:not([data-custom-validity]):is(:required,[minlength],[maxlength],[pattern],[type=color],[type=date],[type=datetime-local],[type=email],[type=file],[type=hidden],[type=month],[type=number],[type=range],[type=tel],[type=time],[type=url],[type=week]):user-invalid),.db-input:has(input[data-custom-validity=invalid]),.db-notification[data-semantic=critical],.db-select:has(select:not([data-custom-validity]):is(:required):user-invalid),.db-select:has(select[data-custom-validity=invalid]),.db-tag:has(.db-tab-remove-button)[data-semantic=critical],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-semantic=critical],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=critical]{--db-current-color-bg-transparent-full-enabled:var( --db-critical-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-critical-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-critical-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-critical-bg-transparent-pressed );--db-current-color-enabled:var(--db-critical-on-bg-enabled);--db-current-color-icon:var(--db-critical-on-bg-enabled);--db-current-color-hover:var(--db-critical-on-bg-hover);--db-current-color-pressed:var(--db-critical-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-critical-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-critical-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-critical-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-critical-contrast-low-enabled );--db-current-color-border:var(--db-critical-border);--db-current-color-bg-lvl-1-hover:var(--db-critical-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-critical-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-critical-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-critical-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-critical-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-critical-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-critical-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-critical-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-critical-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-critical-contrast-high-pressed )}[data-emphasis=weak].db-badge[data-semantic=critical],[data-emphasis=weak].db-tag[data-semantic=critical]:has(.db-tab-remove-button),[data-emphasis=weak].db-tag[data-semantic=critical]:not(:has(label,button:not(.db-tab-remove-button),a)){--db-current-color-enabled:var( --db-critical-on-bg-weak-enabled );--db-current-color-hover:var( --db-critical-on-bg-weak-hover );--db-current-color-pressed:var( --db-critical-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-badge[data-semantic=critical],.db-tag:has(.db-tab-remove-button)[data-semantic=critical],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=critical]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-badge[data-semantic=successful][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-semantic=successful][data-emphasis=strong],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=successful][data-emphasis=strong],.example-container .example-item .example-sizing .sizing,.example-container .example-item .example-spacing-fixed .gap1,.example-container .example-item .example-spacing-fixed .gap2,.example-container .example-item .example-spacing-responsive .margin1,.example-container .example-item .example-spacing-responsive .margin2{--db-current-icon-color:var(--db-successful-on-contrast-enabled);--db-current-color-enabled:var( --db-successful-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-successful-contrast-high-enabled );--db-current-color-bg-hover:var( --db-successful-contrast-high-hover );--db-current-color-bg-pressed:var( --db-successful-contrast-high-pressed );--db-current-color-border:var( --db-successful-contrast-high-enabled )}.db-switch[data-emphasis=strong]>input:checked{--db-current-icon-color:var(--db-successful-on-contrast-enabled);--db-current-color-enabled:var( --db-successful-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-successful-contrast-low-enabled );--db-current-color-bg-hover:var( --db-successful-contrast-low-hover );--db-current-color-bg-pressed:var( --db-successful-contrast-low-pressed );--db-current-color-border:var( --db-successful-contrast-low-enabled )}.db-badge[data-semantic=successful],.db-input:has(input:not([data-custom-validity]):is(:required,[minlength],[maxlength],[pattern],[type=color],[type=date],[type=datetime-local],[type=email],[type=file],[type=hidden],[type=month],[type=number],[type=range],[type=tel],[type=time],[type=url],[type=week]):user-valid),.db-input:has(input[data-custom-validity=valid]),.db-notification[data-semantic=successful],.db-select:has(select:not([data-custom-validity]):is(:required):user-valid),.db-select:has(select[data-custom-validity=valid]),.db-tag:has(.db-tab-remove-button)[data-semantic=successful],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-semantic=successful],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=successful]{--db-current-color-bg-transparent-full-enabled:var( --db-successful-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-successful-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-successful-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-successful-bg-transparent-pressed );--db-current-color-enabled:var(--db-successful-on-bg-enabled);--db-current-color-icon:var(--db-successful-on-bg-enabled);--db-current-color-hover:var(--db-successful-on-bg-hover);--db-current-color-pressed:var(--db-successful-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-successful-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-successful-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-successful-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-successful-contrast-low-enabled );--db-current-color-border:var(--db-successful-border);--db-current-color-bg-lvl-1-hover:var(--db-successful-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-successful-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-successful-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-successful-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-successful-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-successful-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-successful-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-successful-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-successful-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-successful-contrast-high-pressed )}[data-emphasis=weak].db-badge[data-semantic=successful],[data-emphasis=weak].db-tag[data-semantic=successful]:has(.db-tab-remove-button),[data-emphasis=weak].db-tag[data-semantic=successful]:not(:has(label,button:not(.db-tab-remove-button),a)){--db-current-color-enabled:var( --db-successful-on-bg-weak-enabled );--db-current-color-hover:var( --db-successful-on-bg-weak-hover );--db-current-color-pressed:var( --db-successful-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-badge[data-semantic=successful],.db-tag:has(.db-tab-remove-button)[data-semantic=successful],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=successful]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-badge[data-semantic=warning][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-semantic=warning][data-emphasis=strong],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=warning][data-emphasis=strong],.example-container .example-item .example-sizing .sizing{--db-current-icon-color:var(--db-warning-on-contrast-enabled);--db-current-color-enabled:var( --db-warning-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-warning-contrast-high-enabled );--db-current-color-bg-hover:var( --db-warning-contrast-high-hover );--db-current-color-bg-pressed:var( --db-warning-contrast-high-pressed );--db-current-color-border:var( --db-warning-contrast-high-enabled )}.db-badge[data-semantic=warning],.db-notification[data-semantic=warning],.db-tag:has(.db-tab-remove-button)[data-semantic=warning],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-semantic=warning],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=warning]{--db-current-color-bg-transparent-full-enabled:var( --db-warning-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-warning-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-warning-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-warning-bg-transparent-pressed );--db-current-color-enabled:var(--db-warning-on-bg-enabled);--db-current-color-icon:var(--db-warning-on-bg-enabled);--db-current-color-hover:var(--db-warning-on-bg-hover);--db-current-color-pressed:var(--db-warning-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-warning-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-warning-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-warning-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-warning-contrast-low-enabled );--db-current-color-border:var(--db-warning-border);--db-current-color-bg-lvl-1-hover:var(--db-warning-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-warning-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-warning-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-warning-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-warning-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-warning-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-warning-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-warning-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-warning-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-warning-contrast-high-pressed )}[data-emphasis=weak].db-badge[data-semantic=warning],[data-emphasis=weak].db-tag[data-semantic=warning]:has(.db-tab-remove-button),[data-emphasis=weak].db-tag[data-semantic=warning]:not(:has(label,button:not(.db-tab-remove-button),a)){--db-current-color-enabled:var( --db-warning-on-bg-weak-enabled );--db-current-color-hover:var( --db-warning-on-bg-weak-hover );--db-current-color-pressed:var( --db-warning-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-badge[data-semantic=warning],.db-tag:has(.db-tab-remove-button)[data-semantic=warning],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=warning]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-badge[data-semantic=informational][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-semantic=informational][data-emphasis=strong],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=informational][data-emphasis=strong]{--db-current-icon-color:var(--db-informational-on-contrast-enabled);--db-current-color-enabled:var( --db-informational-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-informational-contrast-high-enabled );--db-current-color-bg-hover:var( --db-informational-contrast-high-hover );--db-current-color-bg-pressed:var( --db-informational-contrast-high-pressed );--db-current-color-border:var( --db-informational-contrast-high-enabled )}.db-badge[data-semantic=informational],.db-notification[data-semantic=informational],.db-tag:has(.db-tab-remove-button)[data-semantic=informational],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-semantic=informational],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=informational]{--db-current-color-bg-transparent-full-enabled:var( --db-informational-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-informational-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-informational-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-informational-bg-transparent-pressed );--db-current-color-enabled:var(--db-informational-on-bg-enabled);--db-current-color-icon:var(--db-informational-on-bg-enabled);--db-current-color-hover:var(--db-informational-on-bg-hover);--db-current-color-pressed:var(--db-informational-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-informational-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-informational-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-informational-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-informational-contrast-low-enabled );--db-current-color-border:var(--db-informational-border);--db-current-color-bg-lvl-1-hover:var(--db-informational-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-informational-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-informational-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-informational-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-informational-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-informational-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-informational-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-informational-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-informational-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-informational-contrast-high-pressed )}[data-emphasis=weak].db-badge[data-semantic=informational],[data-emphasis=weak].db-tag[data-semantic=informational]:has(.db-tab-remove-button),[data-emphasis=weak].db-tag[data-semantic=informational]:not(:has(label,button:not(.db-tab-remove-button),a)){--db-current-color-enabled:var( --db-informational-on-bg-weak-enabled );--db-current-color-hover:var( --db-informational-on-bg-weak-hover );--db-current-color-pressed:var( --db-informational-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-badge[data-semantic=informational],.db-tag:has(.db-tab-remove-button)[data-semantic=informational],.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-semantic=informational]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-input[data-variant=hidden] label,.db-select[data-variant=hidden] label,.db-textarea[data-variant=hidden] label{clip:rect(0,0,0,0);block-size:1px;overflow:hidden;position:absolute!important;white-space:nowrap;inline-size:1px}:root{--db-breakpoint-xs:22.5em;--db-breakpoint-sm:45em;--db-breakpoint-md:64em;--db-breakpoint-lg:90em;--db-breakpoint-xl:120em}.db-density-expressive,.db-density-functional,.db-density-regular,.db-header-meta-navigation,:root,:root .app-canvas,:root:not(:has(.app-canvas)),[data-density=expressive],[data-density=functional],[data-density=regular],table{--db-icon-font-weight:var(--db-base-body-icon-weight-md);--db-icon-font-size:var(--db-base-body-icon-font-size-md);--db-base-line-height:var(--db-type-body-line-height-md);--db-base-font-size:var(--db-type-body-font-size-md)}:root,[class^=db-]{line-height:var(--db-type-body-line-height-md);font-size:var(--db-type-body-font-size-md)}.db-input input,.db-input[data-variant=floating] label,.db-notification a[data-size=small],.db-select [id$=-placeholder],.db-select select,.db-select[data-variant=floating] label,.db-textarea textarea,.db-textarea[data-variant=floating] label{--db-icon-font-weight:var(--db-base-body-icon-weight-md);--db-icon-font-size:var(--db-base-body-icon-font-size-md);--db-base-line-height:var(--db-type-body-line-height-md);--db-base-font-size:var(--db-type-body-font-size-md);line-height:var(--db-type-body-line-height-md);font-size:var(--db-type-body-font-size-md)}.db-badge[data-size=medium],.db-badge[data-size=medium] .db-icon,.db-badge[data-size=medium]>*,.db-button[data-size=small],.db-checkbox[data-size=small],.db-infotext,.db-input,.db-input[data-variant=floating] [id$=-placeholder],.db-input[data-variant=floating] input,.db-link[data-size=small],.db-notification span,.db-radio[data-size=small],.db-select,.db-select[data-variant=floating] [id$=-placeholder],.db-select[data-variant=floating] select,.db-switch>input,.db-switch[data-size=small],.db-tag,.db-tag a,.db-tag button,.db-tag label,.db-textarea,.db-textarea[data-variant=floating] [id$=-placeholder],.db-textarea[data-variant=floating] textarea,.db-tooltip,code,div[class^=ch-] div,div[class^=ch-] span,small{--db-icon-font-weight:var(--db-base-body-icon-weight-sm);--db-icon-font-size:var(--db-base-body-icon-font-size-sm);--db-base-line-height:var(--db-type-body-line-height-sm);--db-base-font-size:var(--db-type-body-font-size-sm);line-height:var(--db-type-body-line-height-sm);font-size:var(--db-type-body-font-size-sm)}.db-infotext[data-size=small],.db-input label,.db-select label,.db-switch[data-size=small]>input,.db-textarea label{--db-icon-font-weight:var(--db-base-body-icon-weight-xs);--db-icon-font-size:var(--db-base-body-icon-font-size-xs);--db-base-line-height:var(--db-type-body-line-height-xs);--db-base-font-size:var(--db-type-body-font-size-xs);line-height:var(--db-type-body-line-height-xs);font-size:var(--db-type-body-font-size-xs)}.db-badge,.db-badge .db-icon,.db-badge>*,.db-input[data-variant=floating]:has(>select option:checked:not([hidden])) label,.db-input[data-variant=floating]:has(input:focus-within) label,.db-input[data-variant=floating]:has(input:is(input,textarea):not(:placeholder-shown)) label,.db-select[data-variant=floating]:has(>select option:checked:not([hidden])) label,.db-select[data-variant=floating]:has(select:focus-within) label,.db-select[data-variant=floating]:has(select:is(input,textarea):not(:placeholder-shown)) label,.db-textarea[data-variant=floating]:has(>select option:checked:not([hidden])) label,.db-textarea[data-variant=floating]:has(textarea:focus-within) label,.db-textarea[data-variant=floating]:has(textarea:is(input,textarea):not(:placeholder-shown)) label{--db-icon-font-weight:var(--db-base-body-icon-weight-2xs);--db-icon-font-size:var(--db-base-body-icon-font-size-2xs);--db-base-line-height:var(--db-type-body-line-height-2xs);--db-base-font-size:var(--db-type-body-font-size-2xs);line-height:var(--db-type-body-line-height-2xs);font-size:var(--db-type-body-font-size-2xs)}.db-density-expressive,[data-density=expressive]{--db-sizing-3xs:var(--db-sizing-expressive-3xs);--db-sizing-2xs:var(--db-sizing-expressive-2xs);--db-sizing-xs:var(--db-sizing-expressive-xs);--db-sizing-sm:var(--db-sizing-expressive-sm);--db-sizing-md:var(--db-sizing-expressive-md);--db-sizing-lg:var(--db-sizing-expressive-lg);--db-sizing-xl:var(--db-sizing-expressive-xl);--db-sizing-2xl:var(--db-sizing-expressive-2xl);--db-sizing-3xl:var(--db-sizing-expressive-3xl);--db-spacing-fixed-3xs:var(--db-spacing-fixed-expressive-3xs);--db-spacing-fixed-2xs:var(--db-spacing-fixed-expressive-2xs);--db-spacing-fixed-xs:var(--db-spacing-fixed-expressive-xs);--db-spacing-fixed-sm:var(--db-spacing-fixed-expressive-sm);--db-spacing-fixed-md:var(--db-spacing-fixed-expressive-md);--db-spacing-fixed-lg:var(--db-spacing-fixed-expressive-lg);--db-spacing-fixed-xl:var(--db-spacing-fixed-expressive-xl);--db-spacing-fixed-2xl:var(--db-spacing-fixed-expressive-2xl);--db-spacing-fixed-3xl:var(--db-spacing-fixed-expressive-3xl);--db-spacing-responsive-3xs:var(--db-spacing-responsive-expressive-mobile-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-expressive-mobile-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-expressive-mobile-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-expressive-mobile-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-expressive-mobile-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-expressive-mobile-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-expressive-mobile-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-expressive-mobile-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-expressive-mobile-3xl)}@media screen and (min-width:45em){.db-density-expressive:not([data-force-mobile]),[data-density=expressive]:not([data-force-mobile]),[data-force-mobile=false].db-density-expressive,[data-force-mobile=false][data-density=expressive]{--db-spacing-responsive-3xs:var(--db-spacing-responsive-expressive-tablet-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-expressive-tablet-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-expressive-tablet-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-expressive-tablet-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-expressive-tablet-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-expressive-tablet-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-expressive-tablet-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-expressive-tablet-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-expressive-tablet-3xl)}}@media screen and (min-width:64em){.db-density-expressive:not([data-force-mobile]),[data-density=expressive]:not([data-force-mobile]),[data-force-mobile=false].db-density-expressive,[data-force-mobile=false][data-density=expressive]{--db-spacing-responsive-3xs:var(--db-spacing-responsive-expressive-desktop-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-expressive-desktop-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-expressive-desktop-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-expressive-desktop-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-expressive-desktop-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-expressive-desktop-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-expressive-desktop-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-expressive-desktop-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-expressive-desktop-3xl)}}.db-density-regular,:root .app-canvas,:root:not(:has(.app-canvas)),[data-density=regular]{--db-sizing-3xs:var(--db-sizing-regular-3xs);--db-sizing-2xs:var(--db-sizing-regular-2xs);--db-sizing-xs:var(--db-sizing-regular-xs);--db-sizing-sm:var(--db-sizing-regular-sm);--db-sizing-md:var(--db-sizing-regular-md);--db-sizing-lg:var(--db-sizing-regular-lg);--db-sizing-xl:var(--db-sizing-regular-xl);--db-sizing-2xl:var(--db-sizing-regular-2xl);--db-sizing-3xl:var(--db-sizing-regular-3xl);--db-spacing-fixed-3xs:var(--db-spacing-fixed-regular-3xs);--db-spacing-fixed-2xs:var(--db-spacing-fixed-regular-2xs);--db-spacing-fixed-xs:var(--db-spacing-fixed-regular-xs);--db-spacing-fixed-sm:var(--db-spacing-fixed-regular-sm);--db-spacing-fixed-md:var(--db-spacing-fixed-regular-md);--db-spacing-fixed-lg:var(--db-spacing-fixed-regular-lg);--db-spacing-fixed-xl:var(--db-spacing-fixed-regular-xl);--db-spacing-fixed-2xl:var(--db-spacing-fixed-regular-2xl);--db-spacing-fixed-3xl:var(--db-spacing-fixed-regular-3xl);--db-spacing-responsive-3xs:var(--db-spacing-responsive-regular-mobile-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-regular-mobile-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-regular-mobile-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-regular-mobile-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-regular-mobile-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-regular-mobile-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-regular-mobile-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-regular-mobile-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-regular-mobile-3xl)}@media screen and (min-width:45em){.db-density-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-density=regular]:not([data-force-mobile]),[data-force-mobile=false].db-density-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-density=regular]{--db-spacing-responsive-3xs:var(--db-spacing-responsive-regular-tablet-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-regular-tablet-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-regular-tablet-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-regular-tablet-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-regular-tablet-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-regular-tablet-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-regular-tablet-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-regular-tablet-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-regular-tablet-3xl)}}@media screen and (min-width:64em){.db-density-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-density=regular]:not([data-force-mobile]),[data-force-mobile=false].db-density-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-density=regular]{--db-spacing-responsive-3xs:var(--db-spacing-responsive-regular-desktop-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-regular-desktop-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-regular-desktop-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-regular-desktop-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-regular-desktop-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-regular-desktop-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-regular-desktop-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-regular-desktop-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-regular-desktop-3xl)}}.db-density-functional,.db-header-meta-navigation,[data-density=functional],table{--db-sizing-3xs:var(--db-sizing-functional-3xs);--db-sizing-2xs:var(--db-sizing-functional-2xs);--db-sizing-xs:var(--db-sizing-functional-xs);--db-sizing-sm:var(--db-sizing-functional-sm);--db-sizing-md:var(--db-sizing-functional-md);--db-sizing-lg:var(--db-sizing-functional-lg);--db-sizing-xl:var(--db-sizing-functional-xl);--db-sizing-2xl:var(--db-sizing-functional-2xl);--db-sizing-3xl:var(--db-sizing-functional-3xl);--db-spacing-fixed-3xs:var(--db-spacing-fixed-functional-3xs);--db-spacing-fixed-2xs:var(--db-spacing-fixed-functional-2xs);--db-spacing-fixed-xs:var(--db-spacing-fixed-functional-xs);--db-spacing-fixed-sm:var(--db-spacing-fixed-functional-sm);--db-spacing-fixed-md:var(--db-spacing-fixed-functional-md);--db-spacing-fixed-lg:var(--db-spacing-fixed-functional-lg);--db-spacing-fixed-xl:var(--db-spacing-fixed-functional-xl);--db-spacing-fixed-2xl:var(--db-spacing-fixed-functional-2xl);--db-spacing-fixed-3xl:var(--db-spacing-fixed-functional-3xl);--db-spacing-responsive-3xs:var(--db-spacing-responsive-functional-mobile-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-functional-mobile-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-functional-mobile-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-functional-mobile-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-functional-mobile-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-functional-mobile-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-functional-mobile-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-functional-mobile-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-functional-mobile-3xl)}@media screen and (min-width:45em){.db-density-functional:not([data-force-mobile]),.db-header-meta-navigation:not([data-force-mobile]),[data-density=functional]:not([data-force-mobile]),[data-force-mobile=false].db-density-functional,[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false][data-density=functional],table:not([data-force-mobile]),table[data-force-mobile=false]{--db-spacing-responsive-3xs:var(--db-spacing-responsive-functional-tablet-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-functional-tablet-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-functional-tablet-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-functional-tablet-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-functional-tablet-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-functional-tablet-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-functional-tablet-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-functional-tablet-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-functional-tablet-3xl)}}@media screen and (min-width:64em){.db-density-functional:not([data-force-mobile]),.db-header-meta-navigation:not([data-force-mobile]),[data-density=functional]:not([data-force-mobile]),[data-force-mobile=false].db-density-functional,[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false][data-density=functional],table:not([data-force-mobile]),table[data-force-mobile=false]{--db-spacing-responsive-3xs:var(--db-spacing-responsive-functional-desktop-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-functional-desktop-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-functional-desktop-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-functional-desktop-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-functional-desktop-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-functional-desktop-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-functional-desktop-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-functional-desktop-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-functional-desktop-3xl)}}.db-density-expressive,[data-density=expressive]{--db-type-headline-font-size-3xs:var(--db-typography-expressive-mobile-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-expressive-mobile-headline-3xs-line-height);--db-base-headline-icon-weight-3xs:var(--db-base-icon-weight-expressive-mobile-headline-3xs);--db-base-headline-icon-font-size-3xs:var(--db-base-icon-font-size-expressive-mobile-headline-3xs);--db-type-headline-font-size-2xs:var(--db-typography-expressive-mobile-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-expressive-mobile-headline-2xs-line-height);--db-base-headline-icon-weight-2xs:var(--db-base-icon-weight-expressive-mobile-headline-2xs);--db-base-headline-icon-font-size-2xs:var(--db-base-icon-font-size-expressive-mobile-headline-2xs);--db-type-headline-font-size-xs:var(--db-typography-expressive-mobile-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-expressive-mobile-headline-xs-line-height);--db-base-headline-icon-weight-xs:var(--db-base-icon-weight-expressive-mobile-headline-xs);--db-base-headline-icon-font-size-xs:var(--db-base-icon-font-size-expressive-mobile-headline-xs);--db-type-headline-font-size-sm:var(--db-typography-expressive-mobile-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-expressive-mobile-headline-sm-line-height);--db-base-headline-icon-weight-sm:var(--db-base-icon-weight-expressive-mobile-headline-sm);--db-base-headline-icon-font-size-sm:var(--db-base-icon-font-size-expressive-mobile-headline-sm);--db-type-headline-font-size-md:var(--db-typography-expressive-mobile-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-expressive-mobile-headline-md-line-height);--db-base-headline-icon-weight-md:var(--db-base-icon-weight-expressive-mobile-headline-md);--db-base-headline-icon-font-size-md:var(--db-base-icon-font-size-expressive-mobile-headline-md);--db-type-headline-font-size-lg:var(--db-typography-expressive-mobile-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-expressive-mobile-headline-lg-line-height);--db-base-headline-icon-weight-lg:var(--db-base-icon-weight-expressive-mobile-headline-lg);--db-base-headline-icon-font-size-lg:var(--db-base-icon-font-size-expressive-mobile-headline-lg);--db-type-headline-font-size-xl:var(--db-typography-expressive-mobile-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-expressive-mobile-headline-xl-line-height);--db-base-headline-icon-weight-xl:var(--db-base-icon-weight-expressive-mobile-headline-xl);--db-base-headline-icon-font-size-xl:var(--db-base-icon-font-size-expressive-mobile-headline-xl);--db-type-headline-font-size-2xl:var(--db-typography-expressive-mobile-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-expressive-mobile-headline-2xl-line-height);--db-base-headline-icon-weight-2xl:var(--db-base-icon-weight-expressive-mobile-headline-2xl);--db-base-headline-icon-font-size-2xl:var(--db-base-icon-font-size-expressive-mobile-headline-2xl);--db-type-headline-font-size-3xl:var(--db-typography-expressive-mobile-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-expressive-mobile-headline-3xl-line-height);--db-base-headline-icon-weight-3xl:var(--db-base-icon-weight-expressive-mobile-headline-3xl);--db-base-headline-icon-font-size-3xl:var(--db-base-icon-font-size-expressive-mobile-headline-3xl)}@media screen and (min-width:45em){.db-density-expressive:not([data-force-mobile]),[data-density=expressive]:not([data-force-mobile]),[data-force-mobile=false].db-density-expressive,[data-force-mobile=false][data-density=expressive]{--db-type-headline-font-size-3xs:var(--db-typography-expressive-tablet-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-expressive-tablet-headline-3xs-line-height);--db-base-headline-icon-weight-3xs:var(--db-base-icon-weight-expressive-tablet-headline-3xs);--db-base-headline-icon-font-size-3xs:var(--db-base-icon-font-size-expressive-tablet-headline-3xs);--db-type-headline-font-size-2xs:var(--db-typography-expressive-tablet-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-expressive-tablet-headline-2xs-line-height);--db-base-headline-icon-weight-2xs:var(--db-base-icon-weight-expressive-tablet-headline-2xs);--db-base-headline-icon-font-size-2xs:var(--db-base-icon-font-size-expressive-tablet-headline-2xs);--db-type-headline-font-size-xs:var(--db-typography-expressive-tablet-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-expressive-tablet-headline-xs-line-height);--db-base-headline-icon-weight-xs:var(--db-base-icon-weight-expressive-tablet-headline-xs);--db-base-headline-icon-font-size-xs:var(--db-base-icon-font-size-expressive-tablet-headline-xs);--db-type-headline-font-size-sm:var(--db-typography-expressive-tablet-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-expressive-tablet-headline-sm-line-height);--db-base-headline-icon-weight-sm:var(--db-base-icon-weight-expressive-tablet-headline-sm);--db-base-headline-icon-font-size-sm:var(--db-base-icon-font-size-expressive-tablet-headline-sm);--db-type-headline-font-size-md:var(--db-typography-expressive-tablet-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-expressive-tablet-headline-md-line-height);--db-base-headline-icon-weight-md:var(--db-base-icon-weight-expressive-tablet-headline-md);--db-base-headline-icon-font-size-md:var(--db-base-icon-font-size-expressive-tablet-headline-md);--db-type-headline-font-size-lg:var(--db-typography-expressive-tablet-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-expressive-tablet-headline-lg-line-height);--db-base-headline-icon-weight-lg:var(--db-base-icon-weight-expressive-tablet-headline-lg);--db-base-headline-icon-font-size-lg:var(--db-base-icon-font-size-expressive-tablet-headline-lg);--db-type-headline-font-size-xl:var(--db-typography-expressive-tablet-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-expressive-tablet-headline-xl-line-height);--db-base-headline-icon-weight-xl:var(--db-base-icon-weight-expressive-tablet-headline-xl);--db-base-headline-icon-font-size-xl:var(--db-base-icon-font-size-expressive-tablet-headline-xl);--db-type-headline-font-size-2xl:var(--db-typography-expressive-tablet-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-expressive-tablet-headline-2xl-line-height);--db-base-headline-icon-weight-2xl:var(--db-base-icon-weight-expressive-tablet-headline-2xl);--db-base-headline-icon-font-size-2xl:var(--db-base-icon-font-size-expressive-tablet-headline-2xl);--db-type-headline-font-size-3xl:var(--db-typography-expressive-tablet-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-expressive-tablet-headline-3xl-line-height);--db-base-headline-icon-weight-3xl:var(--db-base-icon-weight-expressive-tablet-headline-3xl);--db-base-headline-icon-font-size-3xl:var(--db-base-icon-font-size-expressive-tablet-headline-3xl)}}@media screen and (min-width:64em){.db-density-expressive:not([data-force-mobile]),[data-density=expressive]:not([data-force-mobile]),[data-force-mobile=false].db-density-expressive,[data-force-mobile=false][data-density=expressive]{--db-type-headline-font-size-3xs:var(--db-typography-expressive-desktop-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-expressive-desktop-headline-3xs-line-height);--db-base-headline-icon-weight-3xs:var(--db-base-icon-weight-expressive-desktop-headline-3xs);--db-base-headline-icon-font-size-3xs:var(--db-base-icon-font-size-expressive-desktop-headline-3xs);--db-type-headline-font-size-2xs:var(--db-typography-expressive-desktop-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-expressive-desktop-headline-2xs-line-height);--db-base-headline-icon-weight-2xs:var(--db-base-icon-weight-expressive-desktop-headline-2xs);--db-base-headline-icon-font-size-2xs:var(--db-base-icon-font-size-expressive-desktop-headline-2xs);--db-type-headline-font-size-xs:var(--db-typography-expressive-desktop-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-expressive-desktop-headline-xs-line-height);--db-base-headline-icon-weight-xs:var(--db-base-icon-weight-expressive-desktop-headline-xs);--db-base-headline-icon-font-size-xs:var(--db-base-icon-font-size-expressive-desktop-headline-xs);--db-type-headline-font-size-sm:var(--db-typography-expressive-desktop-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-expressive-desktop-headline-sm-line-height);--db-base-headline-icon-weight-sm:var(--db-base-icon-weight-expressive-desktop-headline-sm);--db-base-headline-icon-font-size-sm:var(--db-base-icon-font-size-expressive-desktop-headline-sm);--db-type-headline-font-size-md:var(--db-typography-expressive-desktop-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-expressive-desktop-headline-md-line-height);--db-base-headline-icon-weight-md:var(--db-base-icon-weight-expressive-desktop-headline-md);--db-base-headline-icon-font-size-md:var(--db-base-icon-font-size-expressive-desktop-headline-md);--db-type-headline-font-size-lg:var(--db-typography-expressive-desktop-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-expressive-desktop-headline-lg-line-height);--db-base-headline-icon-weight-lg:var(--db-base-icon-weight-expressive-desktop-headline-lg);--db-base-headline-icon-font-size-lg:var(--db-base-icon-font-size-expressive-desktop-headline-lg);--db-type-headline-font-size-xl:var(--db-typography-expressive-desktop-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-expressive-desktop-headline-xl-line-height);--db-base-headline-icon-weight-xl:var(--db-base-icon-weight-expressive-desktop-headline-xl);--db-base-headline-icon-font-size-xl:var(--db-base-icon-font-size-expressive-desktop-headline-xl);--db-type-headline-font-size-2xl:var(--db-typography-expressive-desktop-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-expressive-desktop-headline-2xl-line-height);--db-base-headline-icon-weight-2xl:var(--db-base-icon-weight-expressive-desktop-headline-2xl);--db-base-headline-icon-font-size-2xl:var(--db-base-icon-font-size-expressive-desktop-headline-2xl);--db-type-headline-font-size-3xl:var(--db-typography-expressive-desktop-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-expressive-desktop-headline-3xl-line-height);--db-base-headline-icon-weight-3xl:var(--db-base-icon-weight-expressive-desktop-headline-3xl);--db-base-headline-icon-font-size-3xl:var(--db-base-icon-font-size-expressive-desktop-headline-3xl)}}.db-density-expressive,[data-density=expressive]{--db-type-body-font-size-3xs:var(--db-typography-expressive-mobile-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-expressive-mobile-body-3xs-line-height);--db-base-body-icon-weight-3xs:var(--db-base-icon-weight-expressive-mobile-body-3xs);--db-base-body-icon-font-size-3xs:var(--db-base-icon-font-size-expressive-mobile-body-3xs);--db-type-body-font-size-2xs:var(--db-typography-expressive-mobile-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-expressive-mobile-body-2xs-line-height);--db-base-body-icon-weight-2xs:var(--db-base-icon-weight-expressive-mobile-body-2xs);--db-base-body-icon-font-size-2xs:var(--db-base-icon-font-size-expressive-mobile-body-2xs);--db-type-body-font-size-xs:var(--db-typography-expressive-mobile-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-expressive-mobile-body-xs-line-height);--db-base-body-icon-weight-xs:var(--db-base-icon-weight-expressive-mobile-body-xs);--db-base-body-icon-font-size-xs:var(--db-base-icon-font-size-expressive-mobile-body-xs);--db-type-body-font-size-sm:var(--db-typography-expressive-mobile-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-expressive-mobile-body-sm-line-height);--db-base-body-icon-weight-sm:var(--db-base-icon-weight-expressive-mobile-body-sm);--db-base-body-icon-font-size-sm:var(--db-base-icon-font-size-expressive-mobile-body-sm);--db-type-body-font-size-md:var(--db-typography-expressive-mobile-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-expressive-mobile-body-md-line-height);--db-base-body-icon-weight-md:var(--db-base-icon-weight-expressive-mobile-body-md);--db-base-body-icon-font-size-md:var(--db-base-icon-font-size-expressive-mobile-body-md);--db-type-body-font-size-lg:var(--db-typography-expressive-mobile-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-expressive-mobile-body-lg-line-height);--db-base-body-icon-weight-lg:var(--db-base-icon-weight-expressive-mobile-body-lg);--db-base-body-icon-font-size-lg:var(--db-base-icon-font-size-expressive-mobile-body-lg);--db-type-body-font-size-xl:var(--db-typography-expressive-mobile-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-expressive-mobile-body-xl-line-height);--db-base-body-icon-weight-xl:var(--db-base-icon-weight-expressive-mobile-body-xl);--db-base-body-icon-font-size-xl:var(--db-base-icon-font-size-expressive-mobile-body-xl);--db-type-body-font-size-2xl:var(--db-typography-expressive-mobile-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-expressive-mobile-body-2xl-line-height);--db-base-body-icon-weight-2xl:var(--db-base-icon-weight-expressive-mobile-body-2xl);--db-base-body-icon-font-size-2xl:var(--db-base-icon-font-size-expressive-mobile-body-2xl);--db-type-body-font-size-3xl:var(--db-typography-expressive-mobile-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-expressive-mobile-body-3xl-line-height);--db-base-body-icon-weight-3xl:var(--db-base-icon-weight-expressive-mobile-body-3xl);--db-base-body-icon-font-size-3xl:var(--db-base-icon-font-size-expressive-mobile-body-3xl)}@media screen and (min-width:45em){.db-density-expressive:not([data-force-mobile]),[data-density=expressive]:not([data-force-mobile]),[data-force-mobile=false].db-density-expressive,[data-force-mobile=false][data-density=expressive]{--db-type-body-font-size-3xs:var(--db-typography-expressive-tablet-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-expressive-tablet-body-3xs-line-height);--db-base-body-icon-weight-3xs:var(--db-base-icon-weight-expressive-mobile-body-3xs);--db-base-body-icon-font-size-3xs:var(--db-base-icon-font-size-expressive-mobile-body-3xs);--db-type-body-font-size-2xs:var(--db-typography-expressive-tablet-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-expressive-tablet-body-2xs-line-height);--db-base-body-icon-weight-2xs:var(--db-base-icon-weight-expressive-mobile-body-2xs);--db-base-body-icon-font-size-2xs:var(--db-base-icon-font-size-expressive-mobile-body-2xs);--db-type-body-font-size-xs:var(--db-typography-expressive-tablet-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-expressive-tablet-body-xs-line-height);--db-base-body-icon-weight-xs:var(--db-base-icon-weight-expressive-mobile-body-xs);--db-base-body-icon-font-size-xs:var(--db-base-icon-font-size-expressive-mobile-body-xs);--db-type-body-font-size-sm:var(--db-typography-expressive-tablet-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-expressive-tablet-body-sm-line-height);--db-base-body-icon-weight-sm:var(--db-base-icon-weight-expressive-mobile-body-sm);--db-base-body-icon-font-size-sm:var(--db-base-icon-font-size-expressive-mobile-body-sm);--db-type-body-font-size-md:var(--db-typography-expressive-tablet-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-expressive-tablet-body-md-line-height);--db-base-body-icon-weight-md:var(--db-base-icon-weight-expressive-mobile-body-md);--db-base-body-icon-font-size-md:var(--db-base-icon-font-size-expressive-mobile-body-md);--db-type-body-font-size-lg:var(--db-typography-expressive-tablet-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-expressive-tablet-body-lg-line-height);--db-base-body-icon-weight-lg:var(--db-base-icon-weight-expressive-mobile-body-lg);--db-base-body-icon-font-size-lg:var(--db-base-icon-font-size-expressive-mobile-body-lg);--db-type-body-font-size-xl:var(--db-typography-expressive-tablet-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-expressive-tablet-body-xl-line-height);--db-base-body-icon-weight-xl:var(--db-base-icon-weight-expressive-mobile-body-xl);--db-base-body-icon-font-size-xl:var(--db-base-icon-font-size-expressive-mobile-body-xl);--db-type-body-font-size-2xl:var(--db-typography-expressive-tablet-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-expressive-tablet-body-2xl-line-height);--db-base-body-icon-weight-2xl:var(--db-base-icon-weight-expressive-mobile-body-2xl);--db-base-body-icon-font-size-2xl:var(--db-base-icon-font-size-expressive-mobile-body-2xl);--db-type-body-font-size-3xl:var(--db-typography-expressive-tablet-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-expressive-tablet-body-3xl-line-height);--db-base-body-icon-weight-3xl:var(--db-base-icon-weight-expressive-mobile-body-3xl);--db-base-body-icon-font-size-3xl:var(--db-base-icon-font-size-expressive-mobile-body-3xl)}}@media screen and (min-width:64em){.db-density-expressive:not([data-force-mobile]),[data-density=expressive]:not([data-force-mobile]),[data-force-mobile=false].db-density-expressive,[data-force-mobile=false][data-density=expressive]{--db-type-body-font-size-3xs:var(--db-typography-expressive-desktop-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-expressive-desktop-body-3xs-line-height);--db-base-body-icon-weight-3xs:var(--db-base-icon-weight-expressive-mobile-body-3xs);--db-base-body-icon-font-size-3xs:var(--db-base-icon-font-size-expressive-mobile-body-3xs);--db-type-body-font-size-2xs:var(--db-typography-expressive-desktop-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-expressive-desktop-body-2xs-line-height);--db-base-body-icon-weight-2xs:var(--db-base-icon-weight-expressive-mobile-body-2xs);--db-base-body-icon-font-size-2xs:var(--db-base-icon-font-size-expressive-mobile-body-2xs);--db-type-body-font-size-xs:var(--db-typography-expressive-desktop-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-expressive-desktop-body-xs-line-height);--db-base-body-icon-weight-xs:var(--db-base-icon-weight-expressive-mobile-body-xs);--db-base-body-icon-font-size-xs:var(--db-base-icon-font-size-expressive-mobile-body-xs);--db-type-body-font-size-sm:var(--db-typography-expressive-desktop-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-expressive-desktop-body-sm-line-height);--db-base-body-icon-weight-sm:var(--db-base-icon-weight-expressive-mobile-body-sm);--db-base-body-icon-font-size-sm:var(--db-base-icon-font-size-expressive-mobile-body-sm);--db-type-body-font-size-md:var(--db-typography-expressive-desktop-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-expressive-desktop-body-md-line-height);--db-base-body-icon-weight-md:var(--db-base-icon-weight-expressive-mobile-body-md);--db-base-body-icon-font-size-md:var(--db-base-icon-font-size-expressive-mobile-body-md);--db-type-body-font-size-lg:var(--db-typography-expressive-desktop-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-expressive-desktop-body-lg-line-height);--db-base-body-icon-weight-lg:var(--db-base-icon-weight-expressive-mobile-body-lg);--db-base-body-icon-font-size-lg:var(--db-base-icon-font-size-expressive-mobile-body-lg);--db-type-body-font-size-xl:var(--db-typography-expressive-desktop-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-expressive-desktop-body-xl-line-height);--db-base-body-icon-weight-xl:var(--db-base-icon-weight-expressive-mobile-body-xl);--db-base-body-icon-font-size-xl:var(--db-base-icon-font-size-expressive-mobile-body-xl);--db-type-body-font-size-2xl:var(--db-typography-expressive-desktop-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-expressive-desktop-body-2xl-line-height);--db-base-body-icon-weight-2xl:var(--db-base-icon-weight-expressive-mobile-body-2xl);--db-base-body-icon-font-size-2xl:var(--db-base-icon-font-size-expressive-mobile-body-2xl);--db-type-body-font-size-3xl:var(--db-typography-expressive-desktop-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-expressive-desktop-body-3xl-line-height);--db-base-body-icon-weight-3xl:var(--db-base-icon-weight-expressive-mobile-body-3xl);--db-base-body-icon-font-size-3xl:var(--db-base-icon-font-size-expressive-mobile-body-3xl)}}.db-density-regular,:root .app-canvas,:root:not(:has(.app-canvas)),[data-density=regular]{--db-type-headline-font-size-3xs:var(--db-typography-regular-mobile-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-regular-mobile-headline-3xs-line-height);--db-base-headline-icon-weight-3xs:var(--db-base-icon-weight-regular-mobile-headline-3xs);--db-base-headline-icon-font-size-3xs:var(--db-base-icon-font-size-regular-mobile-headline-3xs);--db-type-headline-font-size-2xs:var(--db-typography-regular-mobile-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-regular-mobile-headline-2xs-line-height);--db-base-headline-icon-weight-2xs:var(--db-base-icon-weight-regular-mobile-headline-2xs);--db-base-headline-icon-font-size-2xs:var(--db-base-icon-font-size-regular-mobile-headline-2xs);--db-type-headline-font-size-xs:var(--db-typography-regular-mobile-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-regular-mobile-headline-xs-line-height);--db-base-headline-icon-weight-xs:var(--db-base-icon-weight-regular-mobile-headline-xs);--db-base-headline-icon-font-size-xs:var(--db-base-icon-font-size-regular-mobile-headline-xs);--db-type-headline-font-size-sm:var(--db-typography-regular-mobile-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-regular-mobile-headline-sm-line-height);--db-base-headline-icon-weight-sm:var(--db-base-icon-weight-regular-mobile-headline-sm);--db-base-headline-icon-font-size-sm:var(--db-base-icon-font-size-regular-mobile-headline-sm);--db-type-headline-font-size-md:var(--db-typography-regular-mobile-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-regular-mobile-headline-md-line-height);--db-base-headline-icon-weight-md:var(--db-base-icon-weight-regular-mobile-headline-md);--db-base-headline-icon-font-size-md:var(--db-base-icon-font-size-regular-mobile-headline-md);--db-type-headline-font-size-lg:var(--db-typography-regular-mobile-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-regular-mobile-headline-lg-line-height);--db-base-headline-icon-weight-lg:var(--db-base-icon-weight-regular-mobile-headline-lg);--db-base-headline-icon-font-size-lg:var(--db-base-icon-font-size-regular-mobile-headline-lg);--db-type-headline-font-size-xl:var(--db-typography-regular-mobile-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-regular-mobile-headline-xl-line-height);--db-base-headline-icon-weight-xl:var(--db-base-icon-weight-regular-mobile-headline-xl);--db-base-headline-icon-font-size-xl:var(--db-base-icon-font-size-regular-mobile-headline-xl);--db-type-headline-font-size-2xl:var(--db-typography-regular-mobile-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-regular-mobile-headline-2xl-line-height);--db-base-headline-icon-weight-2xl:var(--db-base-icon-weight-regular-mobile-headline-2xl);--db-base-headline-icon-font-size-2xl:var(--db-base-icon-font-size-regular-mobile-headline-2xl);--db-type-headline-font-size-3xl:var(--db-typography-regular-mobile-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-regular-mobile-headline-3xl-line-height);--db-base-headline-icon-weight-3xl:var(--db-base-icon-weight-regular-mobile-headline-3xl);--db-base-headline-icon-font-size-3xl:var(--db-base-icon-font-size-regular-mobile-headline-3xl)}@media screen and (min-width:45em){.db-density-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-density=regular]:not([data-force-mobile]),[data-force-mobile=false].db-density-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-density=regular]{--db-type-headline-font-size-3xs:var(--db-typography-regular-tablet-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-regular-tablet-headline-3xs-line-height);--db-base-headline-icon-weight-3xs:var(--db-base-icon-weight-regular-tablet-headline-3xs);--db-base-headline-icon-font-size-3xs:var(--db-base-icon-font-size-regular-tablet-headline-3xs);--db-type-headline-font-size-2xs:var(--db-typography-regular-tablet-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-regular-tablet-headline-2xs-line-height);--db-base-headline-icon-weight-2xs:var(--db-base-icon-weight-regular-tablet-headline-2xs);--db-base-headline-icon-font-size-2xs:var(--db-base-icon-font-size-regular-tablet-headline-2xs);--db-type-headline-font-size-xs:var(--db-typography-regular-tablet-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-regular-tablet-headline-xs-line-height);--db-base-headline-icon-weight-xs:var(--db-base-icon-weight-regular-tablet-headline-xs);--db-base-headline-icon-font-size-xs:var(--db-base-icon-font-size-regular-tablet-headline-xs);--db-type-headline-font-size-sm:var(--db-typography-regular-tablet-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-regular-tablet-headline-sm-line-height);--db-base-headline-icon-weight-sm:var(--db-base-icon-weight-regular-tablet-headline-sm);--db-base-headline-icon-font-size-sm:var(--db-base-icon-font-size-regular-tablet-headline-sm);--db-type-headline-font-size-md:var(--db-typography-regular-tablet-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-regular-tablet-headline-md-line-height);--db-base-headline-icon-weight-md:var(--db-base-icon-weight-regular-tablet-headline-md);--db-base-headline-icon-font-size-md:var(--db-base-icon-font-size-regular-tablet-headline-md);--db-type-headline-font-size-lg:var(--db-typography-regular-tablet-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-regular-tablet-headline-lg-line-height);--db-base-headline-icon-weight-lg:var(--db-base-icon-weight-regular-tablet-headline-lg);--db-base-headline-icon-font-size-lg:var(--db-base-icon-font-size-regular-tablet-headline-lg);--db-type-headline-font-size-xl:var(--db-typography-regular-tablet-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-regular-tablet-headline-xl-line-height);--db-base-headline-icon-weight-xl:var(--db-base-icon-weight-regular-tablet-headline-xl);--db-base-headline-icon-font-size-xl:var(--db-base-icon-font-size-regular-tablet-headline-xl);--db-type-headline-font-size-2xl:var(--db-typography-regular-tablet-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-regular-tablet-headline-2xl-line-height);--db-base-headline-icon-weight-2xl:var(--db-base-icon-weight-regular-tablet-headline-2xl);--db-base-headline-icon-font-size-2xl:var(--db-base-icon-font-size-regular-tablet-headline-2xl);--db-type-headline-font-size-3xl:var(--db-typography-regular-tablet-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-regular-tablet-headline-3xl-line-height);--db-base-headline-icon-weight-3xl:var(--db-base-icon-weight-regular-tablet-headline-3xl);--db-base-headline-icon-font-size-3xl:var(--db-base-icon-font-size-regular-tablet-headline-3xl)}}@media screen and (min-width:64em){.db-density-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-density=regular]:not([data-force-mobile]),[data-force-mobile=false].db-density-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-density=regular]{--db-type-headline-font-size-3xs:var(--db-typography-regular-desktop-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-regular-desktop-headline-3xs-line-height);--db-base-headline-icon-weight-3xs:var(--db-base-icon-weight-regular-desktop-headline-3xs);--db-base-headline-icon-font-size-3xs:var(--db-base-icon-font-size-regular-desktop-headline-3xs);--db-type-headline-font-size-2xs:var(--db-typography-regular-desktop-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-regular-desktop-headline-2xs-line-height);--db-base-headline-icon-weight-2xs:var(--db-base-icon-weight-regular-desktop-headline-2xs);--db-base-headline-icon-font-size-2xs:var(--db-base-icon-font-size-regular-desktop-headline-2xs);--db-type-headline-font-size-xs:var(--db-typography-regular-desktop-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-regular-desktop-headline-xs-line-height);--db-base-headline-icon-weight-xs:var(--db-base-icon-weight-regular-desktop-headline-xs);--db-base-headline-icon-font-size-xs:var(--db-base-icon-font-size-regular-desktop-headline-xs);--db-type-headline-font-size-sm:var(--db-typography-regular-desktop-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-regular-desktop-headline-sm-line-height);--db-base-headline-icon-weight-sm:var(--db-base-icon-weight-regular-desktop-headline-sm);--db-base-headline-icon-font-size-sm:var(--db-base-icon-font-size-regular-desktop-headline-sm);--db-type-headline-font-size-md:var(--db-typography-regular-desktop-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-regular-desktop-headline-md-line-height);--db-base-headline-icon-weight-md:var(--db-base-icon-weight-regular-desktop-headline-md);--db-base-headline-icon-font-size-md:var(--db-base-icon-font-size-regular-desktop-headline-md);--db-type-headline-font-size-lg:var(--db-typography-regular-desktop-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-regular-desktop-headline-lg-line-height);--db-base-headline-icon-weight-lg:var(--db-base-icon-weight-regular-desktop-headline-lg);--db-base-headline-icon-font-size-lg:var(--db-base-icon-font-size-regular-desktop-headline-lg);--db-type-headline-font-size-xl:var(--db-typography-regular-desktop-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-regular-desktop-headline-xl-line-height);--db-base-headline-icon-weight-xl:var(--db-base-icon-weight-regular-desktop-headline-xl);--db-base-headline-icon-font-size-xl:var(--db-base-icon-font-size-regular-desktop-headline-xl);--db-type-headline-font-size-2xl:var(--db-typography-regular-desktop-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-regular-desktop-headline-2xl-line-height);--db-base-headline-icon-weight-2xl:var(--db-base-icon-weight-regular-desktop-headline-2xl);--db-base-headline-icon-font-size-2xl:var(--db-base-icon-font-size-regular-desktop-headline-2xl);--db-type-headline-font-size-3xl:var(--db-typography-regular-desktop-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-regular-desktop-headline-3xl-line-height);--db-base-headline-icon-weight-3xl:var(--db-base-icon-weight-regular-desktop-headline-3xl);--db-base-headline-icon-font-size-3xl:var(--db-base-icon-font-size-regular-desktop-headline-3xl)}}.db-density-regular,:root .app-canvas,:root:not(:has(.app-canvas)),[data-density=regular]{--db-type-body-font-size-3xs:var(--db-typography-regular-mobile-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-regular-mobile-body-3xs-line-height);--db-base-body-icon-weight-3xs:var(--db-base-icon-weight-regular-mobile-body-3xs);--db-base-body-icon-font-size-3xs:var(--db-base-icon-font-size-regular-mobile-body-3xs);--db-type-body-font-size-2xs:var(--db-typography-regular-mobile-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-regular-mobile-body-2xs-line-height);--db-base-body-icon-weight-2xs:var(--db-base-icon-weight-regular-mobile-body-2xs);--db-base-body-icon-font-size-2xs:var(--db-base-icon-font-size-regular-mobile-body-2xs);--db-type-body-font-size-xs:var(--db-typography-regular-mobile-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-regular-mobile-body-xs-line-height);--db-base-body-icon-weight-xs:var(--db-base-icon-weight-regular-mobile-body-xs);--db-base-body-icon-font-size-xs:var(--db-base-icon-font-size-regular-mobile-body-xs);--db-type-body-font-size-sm:var(--db-typography-regular-mobile-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-regular-mobile-body-sm-line-height);--db-base-body-icon-weight-sm:var(--db-base-icon-weight-regular-mobile-body-sm);--db-base-body-icon-font-size-sm:var(--db-base-icon-font-size-regular-mobile-body-sm);--db-type-body-font-size-md:var(--db-typography-regular-mobile-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-regular-mobile-body-md-line-height);--db-base-body-icon-weight-md:var(--db-base-icon-weight-regular-mobile-body-md);--db-base-body-icon-font-size-md:var(--db-base-icon-font-size-regular-mobile-body-md);--db-type-body-font-size-lg:var(--db-typography-regular-mobile-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-regular-mobile-body-lg-line-height);--db-base-body-icon-weight-lg:var(--db-base-icon-weight-regular-mobile-body-lg);--db-base-body-icon-font-size-lg:var(--db-base-icon-font-size-regular-mobile-body-lg);--db-type-body-font-size-xl:var(--db-typography-regular-mobile-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-regular-mobile-body-xl-line-height);--db-base-body-icon-weight-xl:var(--db-base-icon-weight-regular-mobile-body-xl);--db-base-body-icon-font-size-xl:var(--db-base-icon-font-size-regular-mobile-body-xl);--db-type-body-font-size-2xl:var(--db-typography-regular-mobile-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-regular-mobile-body-2xl-line-height);--db-base-body-icon-weight-2xl:var(--db-base-icon-weight-regular-mobile-body-2xl);--db-base-body-icon-font-size-2xl:var(--db-base-icon-font-size-regular-mobile-body-2xl);--db-type-body-font-size-3xl:var(--db-typography-regular-mobile-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-regular-mobile-body-3xl-line-height);--db-base-body-icon-weight-3xl:var(--db-base-icon-weight-regular-mobile-body-3xl);--db-base-body-icon-font-size-3xl:var(--db-base-icon-font-size-regular-mobile-body-3xl)}@media screen and (min-width:45em){.db-density-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-density=regular]:not([data-force-mobile]),[data-force-mobile=false].db-density-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-density=regular]{--db-type-body-font-size-3xs:var(--db-typography-regular-tablet-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-regular-tablet-body-3xs-line-height);--db-base-body-icon-weight-3xs:var(--db-base-icon-weight-regular-mobile-body-3xs);--db-base-body-icon-font-size-3xs:var(--db-base-icon-font-size-regular-mobile-body-3xs);--db-type-body-font-size-2xs:var(--db-typography-regular-tablet-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-regular-tablet-body-2xs-line-height);--db-base-body-icon-weight-2xs:var(--db-base-icon-weight-regular-mobile-body-2xs);--db-base-body-icon-font-size-2xs:var(--db-base-icon-font-size-regular-mobile-body-2xs);--db-type-body-font-size-xs:var(--db-typography-regular-tablet-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-regular-tablet-body-xs-line-height);--db-base-body-icon-weight-xs:var(--db-base-icon-weight-regular-mobile-body-xs);--db-base-body-icon-font-size-xs:var(--db-base-icon-font-size-regular-mobile-body-xs);--db-type-body-font-size-sm:var(--db-typography-regular-tablet-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-regular-tablet-body-sm-line-height);--db-base-body-icon-weight-sm:var(--db-base-icon-weight-regular-mobile-body-sm);--db-base-body-icon-font-size-sm:var(--db-base-icon-font-size-regular-mobile-body-sm);--db-type-body-font-size-md:var(--db-typography-regular-tablet-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-regular-tablet-body-md-line-height);--db-base-body-icon-weight-md:var(--db-base-icon-weight-regular-mobile-body-md);--db-base-body-icon-font-size-md:var(--db-base-icon-font-size-regular-mobile-body-md);--db-type-body-font-size-lg:var(--db-typography-regular-tablet-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-regular-tablet-body-lg-line-height);--db-base-body-icon-weight-lg:var(--db-base-icon-weight-regular-mobile-body-lg);--db-base-body-icon-font-size-lg:var(--db-base-icon-font-size-regular-mobile-body-lg);--db-type-body-font-size-xl:var(--db-typography-regular-tablet-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-regular-tablet-body-xl-line-height);--db-base-body-icon-weight-xl:var(--db-base-icon-weight-regular-mobile-body-xl);--db-base-body-icon-font-size-xl:var(--db-base-icon-font-size-regular-mobile-body-xl);--db-type-body-font-size-2xl:var(--db-typography-regular-tablet-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-regular-tablet-body-2xl-line-height);--db-base-body-icon-weight-2xl:var(--db-base-icon-weight-regular-mobile-body-2xl);--db-base-body-icon-font-size-2xl:var(--db-base-icon-font-size-regular-mobile-body-2xl);--db-type-body-font-size-3xl:var(--db-typography-regular-tablet-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-regular-tablet-body-3xl-line-height);--db-base-body-icon-weight-3xl:var(--db-base-icon-weight-regular-mobile-body-3xl);--db-base-body-icon-font-size-3xl:var(--db-base-icon-font-size-regular-mobile-body-3xl)}}@media screen and (min-width:64em){.db-density-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-density=regular]:not([data-force-mobile]),[data-force-mobile=false].db-density-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-density=regular]{--db-type-body-font-size-3xs:var(--db-typography-regular-desktop-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-regular-desktop-body-3xs-line-height);--db-base-body-icon-weight-3xs:var(--db-base-icon-weight-regular-mobile-body-3xs);--db-base-body-icon-font-size-3xs:var(--db-base-icon-font-size-regular-mobile-body-3xs);--db-type-body-font-size-2xs:var(--db-typography-regular-desktop-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-regular-desktop-body-2xs-line-height);--db-base-body-icon-weight-2xs:var(--db-base-icon-weight-regular-mobile-body-2xs);--db-base-body-icon-font-size-2xs:var(--db-base-icon-font-size-regular-mobile-body-2xs);--db-type-body-font-size-xs:var(--db-typography-regular-desktop-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-regular-desktop-body-xs-line-height);--db-base-body-icon-weight-xs:var(--db-base-icon-weight-regular-mobile-body-xs);--db-base-body-icon-font-size-xs:var(--db-base-icon-font-size-regular-mobile-body-xs);--db-type-body-font-size-sm:var(--db-typography-regular-desktop-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-regular-desktop-body-sm-line-height);--db-base-body-icon-weight-sm:var(--db-base-icon-weight-regular-mobile-body-sm);--db-base-body-icon-font-size-sm:var(--db-base-icon-font-size-regular-mobile-body-sm);--db-type-body-font-size-md:var(--db-typography-regular-desktop-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-regular-desktop-body-md-line-height);--db-base-body-icon-weight-md:var(--db-base-icon-weight-regular-mobile-body-md);--db-base-body-icon-font-size-md:var(--db-base-icon-font-size-regular-mobile-body-md);--db-type-body-font-size-lg:var(--db-typography-regular-desktop-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-regular-desktop-body-lg-line-height);--db-base-body-icon-weight-lg:var(--db-base-icon-weight-regular-mobile-body-lg);--db-base-body-icon-font-size-lg:var(--db-base-icon-font-size-regular-mobile-body-lg);--db-type-body-font-size-xl:var(--db-typography-regular-desktop-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-regular-desktop-body-xl-line-height);--db-base-body-icon-weight-xl:var(--db-base-icon-weight-regular-mobile-body-xl);--db-base-body-icon-font-size-xl:var(--db-base-icon-font-size-regular-mobile-body-xl);--db-type-body-font-size-2xl:var(--db-typography-regular-desktop-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-regular-desktop-body-2xl-line-height);--db-base-body-icon-weight-2xl:var(--db-base-icon-weight-regular-mobile-body-2xl);--db-base-body-icon-font-size-2xl:var(--db-base-icon-font-size-regular-mobile-body-2xl);--db-type-body-font-size-3xl:var(--db-typography-regular-desktop-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-regular-desktop-body-3xl-line-height);--db-base-body-icon-weight-3xl:var(--db-base-icon-weight-regular-mobile-body-3xl);--db-base-body-icon-font-size-3xl:var(--db-base-icon-font-size-regular-mobile-body-3xl)}}.db-density-functional,.db-header-meta-navigation,[data-density=functional],table{--db-type-headline-font-size-3xs:var(--db-typography-functional-mobile-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-functional-mobile-headline-3xs-line-height);--db-base-headline-icon-weight-3xs:var(--db-base-icon-weight-functional-mobile-headline-3xs);--db-base-headline-icon-font-size-3xs:var(--db-base-icon-font-size-functional-mobile-headline-3xs);--db-type-headline-font-size-2xs:var(--db-typography-functional-mobile-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-functional-mobile-headline-2xs-line-height);--db-base-headline-icon-weight-2xs:var(--db-base-icon-weight-functional-mobile-headline-2xs);--db-base-headline-icon-font-size-2xs:var(--db-base-icon-font-size-functional-mobile-headline-2xs);--db-type-headline-font-size-xs:var(--db-typography-functional-mobile-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-functional-mobile-headline-xs-line-height);--db-base-headline-icon-weight-xs:var(--db-base-icon-weight-functional-mobile-headline-xs);--db-base-headline-icon-font-size-xs:var(--db-base-icon-font-size-functional-mobile-headline-xs);--db-type-headline-font-size-sm:var(--db-typography-functional-mobile-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-functional-mobile-headline-sm-line-height);--db-base-headline-icon-weight-sm:var(--db-base-icon-weight-functional-mobile-headline-sm);--db-base-headline-icon-font-size-sm:var(--db-base-icon-font-size-functional-mobile-headline-sm);--db-type-headline-font-size-md:var(--db-typography-functional-mobile-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-functional-mobile-headline-md-line-height);--db-base-headline-icon-weight-md:var(--db-base-icon-weight-functional-mobile-headline-md);--db-base-headline-icon-font-size-md:var(--db-base-icon-font-size-functional-mobile-headline-md);--db-type-headline-font-size-lg:var(--db-typography-functional-mobile-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-functional-mobile-headline-lg-line-height);--db-base-headline-icon-weight-lg:var(--db-base-icon-weight-functional-mobile-headline-lg);--db-base-headline-icon-font-size-lg:var(--db-base-icon-font-size-functional-mobile-headline-lg);--db-type-headline-font-size-xl:var(--db-typography-functional-mobile-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-functional-mobile-headline-xl-line-height);--db-base-headline-icon-weight-xl:var(--db-base-icon-weight-functional-mobile-headline-xl);--db-base-headline-icon-font-size-xl:var(--db-base-icon-font-size-functional-mobile-headline-xl);--db-type-headline-font-size-2xl:var(--db-typography-functional-mobile-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-functional-mobile-headline-2xl-line-height);--db-base-headline-icon-weight-2xl:var(--db-base-icon-weight-functional-mobile-headline-2xl);--db-base-headline-icon-font-size-2xl:var(--db-base-icon-font-size-functional-mobile-headline-2xl);--db-type-headline-font-size-3xl:var(--db-typography-functional-mobile-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-functional-mobile-headline-3xl-line-height);--db-base-headline-icon-weight-3xl:var(--db-base-icon-weight-functional-mobile-headline-3xl);--db-base-headline-icon-font-size-3xl:var(--db-base-icon-font-size-functional-mobile-headline-3xl)}@media screen and (min-width:45em){.db-density-functional:not([data-force-mobile]),.db-header-meta-navigation:not([data-force-mobile]),[data-density=functional]:not([data-force-mobile]),[data-force-mobile=false].db-density-functional,[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false][data-density=functional],table:not([data-force-mobile]),table[data-force-mobile=false]{--db-type-headline-font-size-3xs:var(--db-typography-functional-tablet-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-functional-tablet-headline-3xs-line-height);--db-base-headline-icon-weight-3xs:var(--db-base-icon-weight-functional-tablet-headline-3xs);--db-base-headline-icon-font-size-3xs:var(--db-base-icon-font-size-functional-tablet-headline-3xs);--db-type-headline-font-size-2xs:var(--db-typography-functional-tablet-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-functional-tablet-headline-2xs-line-height);--db-base-headline-icon-weight-2xs:var(--db-base-icon-weight-functional-tablet-headline-2xs);--db-base-headline-icon-font-size-2xs:var(--db-base-icon-font-size-functional-tablet-headline-2xs);--db-type-headline-font-size-xs:var(--db-typography-functional-tablet-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-functional-tablet-headline-xs-line-height);--db-base-headline-icon-weight-xs:var(--db-base-icon-weight-functional-tablet-headline-xs);--db-base-headline-icon-font-size-xs:var(--db-base-icon-font-size-functional-tablet-headline-xs);--db-type-headline-font-size-sm:var(--db-typography-functional-tablet-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-functional-tablet-headline-sm-line-height);--db-base-headline-icon-weight-sm:var(--db-base-icon-weight-functional-tablet-headline-sm);--db-base-headline-icon-font-size-sm:var(--db-base-icon-font-size-functional-tablet-headline-sm);--db-type-headline-font-size-md:var(--db-typography-functional-tablet-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-functional-tablet-headline-md-line-height);--db-base-headline-icon-weight-md:var(--db-base-icon-weight-functional-tablet-headline-md);--db-base-headline-icon-font-size-md:var(--db-base-icon-font-size-functional-tablet-headline-md);--db-type-headline-font-size-lg:var(--db-typography-functional-tablet-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-functional-tablet-headline-lg-line-height);--db-base-headline-icon-weight-lg:var(--db-base-icon-weight-functional-tablet-headline-lg);--db-base-headline-icon-font-size-lg:var(--db-base-icon-font-size-functional-tablet-headline-lg);--db-type-headline-font-size-xl:var(--db-typography-functional-tablet-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-functional-tablet-headline-xl-line-height);--db-base-headline-icon-weight-xl:var(--db-base-icon-weight-functional-tablet-headline-xl);--db-base-headline-icon-font-size-xl:var(--db-base-icon-font-size-functional-tablet-headline-xl);--db-type-headline-font-size-2xl:var(--db-typography-functional-tablet-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-functional-tablet-headline-2xl-line-height);--db-base-headline-icon-weight-2xl:var(--db-base-icon-weight-functional-tablet-headline-2xl);--db-base-headline-icon-font-size-2xl:var(--db-base-icon-font-size-functional-tablet-headline-2xl);--db-type-headline-font-size-3xl:var(--db-typography-functional-tablet-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-functional-tablet-headline-3xl-line-height);--db-base-headline-icon-weight-3xl:var(--db-base-icon-weight-functional-tablet-headline-3xl);--db-base-headline-icon-font-size-3xl:var(--db-base-icon-font-size-functional-tablet-headline-3xl)}}@media screen and (min-width:64em){.db-density-functional:not([data-force-mobile]),.db-header-meta-navigation:not([data-force-mobile]),[data-density=functional]:not([data-force-mobile]),[data-force-mobile=false].db-density-functional,[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false][data-density=functional],table:not([data-force-mobile]),table[data-force-mobile=false]{--db-type-headline-font-size-3xs:var(--db-typography-functional-desktop-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-functional-desktop-headline-3xs-line-height);--db-base-headline-icon-weight-3xs:var(--db-base-icon-weight-functional-desktop-headline-3xs);--db-base-headline-icon-font-size-3xs:var(--db-base-icon-font-size-functional-desktop-headline-3xs);--db-type-headline-font-size-2xs:var(--db-typography-functional-desktop-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-functional-desktop-headline-2xs-line-height);--db-base-headline-icon-weight-2xs:var(--db-base-icon-weight-functional-desktop-headline-2xs);--db-base-headline-icon-font-size-2xs:var(--db-base-icon-font-size-functional-desktop-headline-2xs);--db-type-headline-font-size-xs:var(--db-typography-functional-desktop-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-functional-desktop-headline-xs-line-height);--db-base-headline-icon-weight-xs:var(--db-base-icon-weight-functional-desktop-headline-xs);--db-base-headline-icon-font-size-xs:var(--db-base-icon-font-size-functional-desktop-headline-xs);--db-type-headline-font-size-sm:var(--db-typography-functional-desktop-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-functional-desktop-headline-sm-line-height);--db-base-headline-icon-weight-sm:var(--db-base-icon-weight-functional-desktop-headline-sm);--db-base-headline-icon-font-size-sm:var(--db-base-icon-font-size-functional-desktop-headline-sm);--db-type-headline-font-size-md:var(--db-typography-functional-desktop-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-functional-desktop-headline-md-line-height);--db-base-headline-icon-weight-md:var(--db-base-icon-weight-functional-desktop-headline-md);--db-base-headline-icon-font-size-md:var(--db-base-icon-font-size-functional-desktop-headline-md);--db-type-headline-font-size-lg:var(--db-typography-functional-desktop-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-functional-desktop-headline-lg-line-height);--db-base-headline-icon-weight-lg:var(--db-base-icon-weight-functional-desktop-headline-lg);--db-base-headline-icon-font-size-lg:var(--db-base-icon-font-size-functional-desktop-headline-lg);--db-type-headline-font-size-xl:var(--db-typography-functional-desktop-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-functional-desktop-headline-xl-line-height);--db-base-headline-icon-weight-xl:var(--db-base-icon-weight-functional-desktop-headline-xl);--db-base-headline-icon-font-size-xl:var(--db-base-icon-font-size-functional-desktop-headline-xl);--db-type-headline-font-size-2xl:var(--db-typography-functional-desktop-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-functional-desktop-headline-2xl-line-height);--db-base-headline-icon-weight-2xl:var(--db-base-icon-weight-functional-desktop-headline-2xl);--db-base-headline-icon-font-size-2xl:var(--db-base-icon-font-size-functional-desktop-headline-2xl);--db-type-headline-font-size-3xl:var(--db-typography-functional-desktop-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-functional-desktop-headline-3xl-line-height);--db-base-headline-icon-weight-3xl:var(--db-base-icon-weight-functional-desktop-headline-3xl);--db-base-headline-icon-font-size-3xl:var(--db-base-icon-font-size-functional-desktop-headline-3xl)}}.db-density-functional,.db-header-meta-navigation,[data-density=functional],table{--db-type-body-font-size-3xs:var(--db-typography-functional-mobile-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-functional-mobile-body-3xs-line-height);--db-base-body-icon-weight-3xs:var(--db-base-icon-weight-functional-mobile-body-3xs);--db-base-body-icon-font-size-3xs:var(--db-base-icon-font-size-functional-mobile-body-3xs);--db-type-body-font-size-2xs:var(--db-typography-functional-mobile-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-functional-mobile-body-2xs-line-height);--db-base-body-icon-weight-2xs:var(--db-base-icon-weight-functional-mobile-body-2xs);--db-base-body-icon-font-size-2xs:var(--db-base-icon-font-size-functional-mobile-body-2xs);--db-type-body-font-size-xs:var(--db-typography-functional-mobile-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-functional-mobile-body-xs-line-height);--db-base-body-icon-weight-xs:var(--db-base-icon-weight-functional-mobile-body-xs);--db-base-body-icon-font-size-xs:var(--db-base-icon-font-size-functional-mobile-body-xs);--db-type-body-font-size-sm:var(--db-typography-functional-mobile-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-functional-mobile-body-sm-line-height);--db-base-body-icon-weight-sm:var(--db-base-icon-weight-functional-mobile-body-sm);--db-base-body-icon-font-size-sm:var(--db-base-icon-font-size-functional-mobile-body-sm);--db-type-body-font-size-md:var(--db-typography-functional-mobile-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-functional-mobile-body-md-line-height);--db-base-body-icon-weight-md:var(--db-base-icon-weight-functional-mobile-body-md);--db-base-body-icon-font-size-md:var(--db-base-icon-font-size-functional-mobile-body-md);--db-type-body-font-size-lg:var(--db-typography-functional-mobile-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-functional-mobile-body-lg-line-height);--db-base-body-icon-weight-lg:var(--db-base-icon-weight-functional-mobile-body-lg);--db-base-body-icon-font-size-lg:var(--db-base-icon-font-size-functional-mobile-body-lg);--db-type-body-font-size-xl:var(--db-typography-functional-mobile-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-functional-mobile-body-xl-line-height);--db-base-body-icon-weight-xl:var(--db-base-icon-weight-functional-mobile-body-xl);--db-base-body-icon-font-size-xl:var(--db-base-icon-font-size-functional-mobile-body-xl);--db-type-body-font-size-2xl:var(--db-typography-functional-mobile-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-functional-mobile-body-2xl-line-height);--db-base-body-icon-weight-2xl:var(--db-base-icon-weight-functional-mobile-body-2xl);--db-base-body-icon-font-size-2xl:var(--db-base-icon-font-size-functional-mobile-body-2xl);--db-type-body-font-size-3xl:var(--db-typography-functional-mobile-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-functional-mobile-body-3xl-line-height);--db-base-body-icon-weight-3xl:var(--db-base-icon-weight-functional-mobile-body-3xl);--db-base-body-icon-font-size-3xl:var(--db-base-icon-font-size-functional-mobile-body-3xl)}@media screen and (min-width:45em){.db-density-functional:not([data-force-mobile]),.db-header-meta-navigation:not([data-force-mobile]),[data-density=functional]:not([data-force-mobile]),[data-force-mobile=false].db-density-functional,[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false][data-density=functional],table:not([data-force-mobile]),table[data-force-mobile=false]{--db-type-body-font-size-3xs:var(--db-typography-functional-tablet-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-functional-tablet-body-3xs-line-height);--db-base-body-icon-weight-3xs:var(--db-base-icon-weight-functional-mobile-body-3xs);--db-base-body-icon-font-size-3xs:var(--db-base-icon-font-size-functional-mobile-body-3xs);--db-type-body-font-size-2xs:var(--db-typography-functional-tablet-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-functional-tablet-body-2xs-line-height);--db-base-body-icon-weight-2xs:var(--db-base-icon-weight-functional-mobile-body-2xs);--db-base-body-icon-font-size-2xs:var(--db-base-icon-font-size-functional-mobile-body-2xs);--db-type-body-font-size-xs:var(--db-typography-functional-tablet-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-functional-tablet-body-xs-line-height);--db-base-body-icon-weight-xs:var(--db-base-icon-weight-functional-mobile-body-xs);--db-base-body-icon-font-size-xs:var(--db-base-icon-font-size-functional-mobile-body-xs);--db-type-body-font-size-sm:var(--db-typography-functional-tablet-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-functional-tablet-body-sm-line-height);--db-base-body-icon-weight-sm:var(--db-base-icon-weight-functional-mobile-body-sm);--db-base-body-icon-font-size-sm:var(--db-base-icon-font-size-functional-mobile-body-sm);--db-type-body-font-size-md:var(--db-typography-functional-tablet-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-functional-tablet-body-md-line-height);--db-base-body-icon-weight-md:var(--db-base-icon-weight-functional-mobile-body-md);--db-base-body-icon-font-size-md:var(--db-base-icon-font-size-functional-mobile-body-md);--db-type-body-font-size-lg:var(--db-typography-functional-tablet-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-functional-tablet-body-lg-line-height);--db-base-body-icon-weight-lg:var(--db-base-icon-weight-functional-mobile-body-lg);--db-base-body-icon-font-size-lg:var(--db-base-icon-font-size-functional-mobile-body-lg);--db-type-body-font-size-xl:var(--db-typography-functional-tablet-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-functional-tablet-body-xl-line-height);--db-base-body-icon-weight-xl:var(--db-base-icon-weight-functional-mobile-body-xl);--db-base-body-icon-font-size-xl:var(--db-base-icon-font-size-functional-mobile-body-xl);--db-type-body-font-size-2xl:var(--db-typography-functional-tablet-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-functional-tablet-body-2xl-line-height);--db-base-body-icon-weight-2xl:var(--db-base-icon-weight-functional-mobile-body-2xl);--db-base-body-icon-font-size-2xl:var(--db-base-icon-font-size-functional-mobile-body-2xl);--db-type-body-font-size-3xl:var(--db-typography-functional-tablet-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-functional-tablet-body-3xl-line-height);--db-base-body-icon-weight-3xl:var(--db-base-icon-weight-functional-mobile-body-3xl);--db-base-body-icon-font-size-3xl:var(--db-base-icon-font-size-functional-mobile-body-3xl)}}@media screen and (min-width:64em){.db-density-functional:not([data-force-mobile]),.db-header-meta-navigation:not([data-force-mobile]),[data-density=functional]:not([data-force-mobile]),[data-force-mobile=false].db-density-functional,[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false][data-density=functional],table:not([data-force-mobile]),table[data-force-mobile=false]{--db-type-body-font-size-3xs:var(--db-typography-functional-desktop-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-functional-desktop-body-3xs-line-height);--db-base-body-icon-weight-3xs:var(--db-base-icon-weight-functional-mobile-body-3xs);--db-base-body-icon-font-size-3xs:var(--db-base-icon-font-size-functional-mobile-body-3xs);--db-type-body-font-size-2xs:var(--db-typography-functional-desktop-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-functional-desktop-body-2xs-line-height);--db-base-body-icon-weight-2xs:var(--db-base-icon-weight-functional-mobile-body-2xs);--db-base-body-icon-font-size-2xs:var(--db-base-icon-font-size-functional-mobile-body-2xs);--db-type-body-font-size-xs:var(--db-typography-functional-desktop-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-functional-desktop-body-xs-line-height);--db-base-body-icon-weight-xs:var(--db-base-icon-weight-functional-mobile-body-xs);--db-base-body-icon-font-size-xs:var(--db-base-icon-font-size-functional-mobile-body-xs);--db-type-body-font-size-sm:var(--db-typography-functional-desktop-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-functional-desktop-body-sm-line-height);--db-base-body-icon-weight-sm:var(--db-base-icon-weight-functional-mobile-body-sm);--db-base-body-icon-font-size-sm:var(--db-base-icon-font-size-functional-mobile-body-sm);--db-type-body-font-size-md:var(--db-typography-functional-desktop-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-functional-desktop-body-md-line-height);--db-base-body-icon-weight-md:var(--db-base-icon-weight-functional-mobile-body-md);--db-base-body-icon-font-size-md:var(--db-base-icon-font-size-functional-mobile-body-md);--db-type-body-font-size-lg:var(--db-typography-functional-desktop-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-functional-desktop-body-lg-line-height);--db-base-body-icon-weight-lg:var(--db-base-icon-weight-functional-mobile-body-lg);--db-base-body-icon-font-size-lg:var(--db-base-icon-font-size-functional-mobile-body-lg);--db-type-body-font-size-xl:var(--db-typography-functional-desktop-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-functional-desktop-body-xl-line-height);--db-base-body-icon-weight-xl:var(--db-base-icon-weight-functional-mobile-body-xl);--db-base-body-icon-font-size-xl:var(--db-base-icon-font-size-functional-mobile-body-xl);--db-type-body-font-size-2xl:var(--db-typography-functional-desktop-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-functional-desktop-body-2xl-line-height);--db-base-body-icon-weight-2xl:var(--db-base-icon-weight-functional-mobile-body-2xl);--db-base-body-icon-font-size-2xl:var(--db-base-icon-font-size-functional-mobile-body-2xl);--db-type-body-font-size-3xl:var(--db-typography-functional-desktop-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-functional-desktop-body-3xl-line-height);--db-base-body-icon-weight-3xl:var(--db-base-icon-weight-functional-mobile-body-3xl);--db-base-body-icon-font-size-3xl:var(--db-base-icon-font-size-functional-mobile-body-3xl)}}dialog[data-backdrop]{position:fixed;inset:0;z-index:9995}dialog{padding:0;margin:0;border:0;z-index:9996;color:inherit}dialog:not([data-backdrop=none])::-webkit-backdrop{background-color:var(var(--db-current-color-enabled),var(--db-neutral-on-bg-enabled));opacity:.64}dialog:not([data-backdrop=none])::backdrop{background-color:var(var(--db-current-color-enabled),var(--db-neutral-on-bg-enabled));opacity:.64}dialog:not([data-backdrop=none])[data-backdrop=invisible]::-webkit-backdrop{opacity:0}dialog:not([data-backdrop=none])[data-backdrop=invisible]::backdrop{opacity:0}dialog:not([data-backdrop=none])[data-backdrop=weak]::-webkit-backdrop{opacity:.32}dialog:not([data-backdrop=none])[data-backdrop=weak]::backdrop{opacity:.32}:where(html){line-height:1.15;text-size-adjust:100%}:where(h1){font-size:2em;-webkit-margin-after:.67em;margin-block-end:.67em;-webkit-margin-before:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){-webkit-margin-after:0;margin-block-end:0;-webkit-margin-before:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,pre,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}@font-face{font-family:DB Screen Sans;font-style:normal;font-weight:300;src:url(/mono/review/feat-switch/_next/static/media/dbscreensans-digitalregular.06a7ba06.woff2) format("woff2")}@font-face{font-family:DB Screen Sans;font-style:normal;font-weight:400;src:url(/mono/review/feat-switch/_next/static/media/dbscreensans-regular.6ef88637.woff2) format("woff2")}@font-face{font-family:DB Screen Sans;font-style:normal;font-weight:500;src:url(/mono/review/feat-switch/_next/static/media/dbscreensans-medium.c023f5c3.woff2) format("woff2")}@font-face{font-family:DB Screen Sans;font-style:normal;font-weight:600;src:url(/mono/review/feat-switch/_next/static/media/dbscreensans-semibold.8a157062.woff2) format("woff2")}@font-face{font-family:DB Screen Sans;font-style:normal;font-weight:700;src:url(/mono/review/feat-switch/_next/static/media/dbscreensans-bold.97637e71.woff2) format("woff2")}@font-face{font-family:DB Screen Head;font-style:normal;font-weight:300;src:url(/mono/review/feat-switch/_next/static/media/dbscreenhead-light.f43da5c1.woff2) format("woff2")}@font-face{font-family:DB Screen Head;font-style:normal;font-weight:400;src:url(/mono/review/feat-switch/_next/static/media/dbscreenhead-regular.c08dcf80.woff2) format("woff2")}@font-face{font-family:DB Screen Head;font-style:normal;font-weight:900;src:url(/mono/review/feat-switch/_next/static/media/dbscreenhead-black.8003423d.woff2) format("woff2")}.db-tab-list>ul::-webkit-scrollbar,.db-tab-list>ul::-webkit-scrollbar-corner,.db-tag a,.db-tag label,.db-textarea textarea::-webkit-scrollbar,.db-textarea textarea::-webkit-scrollbar-corner,.db-textarea[data-variant=floating]:has(textarea:focus-within):before,.db-textarea[data-variant=floating]:has(textarea:not(:placeholder-shown)):before,[class^=db-],[class^=db-] *,[class^=db-] :after,[class^=db-] :before{-webkit-transition:outline var(--db-transition-duration-ultra-fast),background-color var(--db-transition-straight-emotional);transition:outline var(--db-transition-duration-ultra-fast),background-color var(--db-transition-straight-emotional)}.db-link,.db-notification a{transition:outline var(--db-transition-duration-ultra-fast),color var(--db-transition-straight-emotional)}@keyframes show-right-to-left{0%{transform:translateX(110%)}to{transform:translateX(0)}}@keyframes hide-right-to-left{0%{transform:translateX(0)}to{transform:translateX(110%)}}@keyframes show-left-to-right{0%{transform:translateX(-110%)}to{transform:translateX(0)}}@keyframes hide-left-to-right{0%{transform:translateX(0)}to{transform:translateX(-110%)}}@keyframes show-bottom-to-top{0%{transform:translateY(110%)}to{transform:translateY(0)}}@keyframes hide-bottom-to-top{0%{transform:translateY(0)}to{transform:translateY(110%)}}@keyframes show-top-to-bottom{0%{transform:translateY(-110%)}to{transform:translateY(0)}}@keyframes hide-top-to-bottom{0%{transform:translateY(0)}to{transform:translateY(-110%)}}@keyframes accordion-open{0%{opacity:0;transform:translateY(-10%)}to{opacity:1;transform:translateY(0)}}@keyframes popover-animation{0%{opacity:0;transform:translate(var(--db-popover-center-x,var(--db-popover-translate-x,0)),var(--db-popover-center-y,var(--db-popover-translate-y,0)))}to{opacity:1;transform:translate(var(--db-popover-center-x,0),var(--db-popover-center-y,0))}}.db-tab-item input:focus-visible:before,:is(a,button,input,textarea,summary,select,[tabindex]:not([tabindex="-1"])):focus-visible{outline:var(--db-border-height-2xs) solid var(--db-informational-contrast-high-enabled);outline-offset:var(--db-border-height-xs);transition:outline var(--db-transition-duration-ultra-fast,var(--db-transition-duration-ultra-fast)),box-shadow var(--db-transition-duration-ultra-fast,var(--db-transition-duration-ultra-fast))}.db-tab-item input:not([type=radio]):focus-visible:before,:not([type=radio]):is(a,button,input,textarea,summary,select,[tabindex]:not([tabindex="-1"])):focus-visible{border-radius:var(--db-border-radius-xs)}.db-tab-item input:not([type=radio])[role=switch]:focus-visible:before,.db-tab-item input:not([type=radio])[type=radio]:focus-visible:before,:not([type=radio])[role=switch]:is(a,button,input,textarea,summary,select,[tabindex]:not([tabindex="-1"])):focus-visible,:not([type=radio])[type=radio]:is(a,button,input,textarea,summary,select,[tabindex]:not([tabindex="-1"])):focus-visible{border-radius:var(--db-border-radius-full)}@media(prefers-reduced-motion:reduce){.db-tab-item input:not([type=radio]):focus-visible:before,:not([type=radio]):is(a,button,input,textarea,summary,select,[tabindex]:not([tabindex="-1"])):focus-visible{transition-duration:.01s!important}}body,html{margin:0;padding:0}#app,#root,body{block-size:inherit}.app-canvas,.control-pane,body{font-family:var(--db-font-family-sans)}html{box-sizing:var(--db-box-sizing,border-box)}*{font-size:inherit;line-height:inherit}*,:after,:before{box-sizing:inherit}a,body,button,input,select,summary,textarea{color:inherit}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}embed,iframe,img,object,video{block-size:auto;max-inline-size:100%}iframe{border:0}:where(ul){-webkit-padding-start:var(--db-spacing-fixed-md);padding-inline-start:var(--db-spacing-fixed-md);list-style-type:"• "}:where(ul) li::marker{color:var(--db-brand-origin-enabled)}[role=navigation] ol,[role=navigation] ul,nav ol,nav ul{list-style:none;margin:0;padding:0}fieldset{border:none}pre:has(code){padding:var(--db-spacing-fixed-xs)}code{padding-block:var(--db-spacing-fixed-3xs);padding-inline:var(--db-spacing-fixed-2xs)}blockquote{margin:0;padding:var(--db-spacing-fixed-sm) var(--db-spacing-fixed-md)}details>*,details>:after,details>:before{box-sizing:var(--db-box-sizing,border-box)}h1,h2,h3,h4,h5,h6{font-family:var(--db-font-family-head);font-weight:700}h1[data-variant=light],h2[data-variant=light],h3[data-variant=light],h4[data-variant=light],h5[data-variant=light],h6[data-variant=light]{font-weight:300}h1[data-variant=regular],h2[data-variant=regular],h3[data-variant=regular],h4[data-variant=regular],h5[data-variant=regular],h6[data-variant=regular]{font-weight:400}h1{line-height:var(--db-type-headline-line-height-xl);font-size:var(--db-type-headline-font-size-xl);margin-block:var(--db-spacing-fixed-xl)}h1:after,h1:before{--db-icon-font-size:var(--db-base-headline-icon-font-size-xl);--db-icon-font-weight:var(--db-base-headline-icon-weight-xl)}h2{line-height:var(--db-type-headline-line-height-lg);font-size:var(--db-type-headline-font-size-lg);margin-block:var(--db-spacing-fixed-lg)}h2:after,h2:before{--db-icon-font-size:var(--db-base-headline-icon-font-size-lg);--db-icon-font-weight:var(--db-base-headline-icon-weight-lg)}h3{line-height:var(--db-type-headline-line-height-md);font-size:var(--db-type-headline-font-size-md);margin-block:var(--db-spacing-fixed-md)}h3:after,h3:before{--db-icon-font-size:var(--db-base-headline-icon-font-size-md);--db-icon-font-weight:var(--db-base-headline-icon-weight-md)}h4{line-height:var(--db-type-headline-line-height-sm);font-size:var(--db-type-headline-font-size-sm);margin-block:var(--db-spacing-fixed-sm)}h4:after,h4:before{--db-icon-font-size:var(--db-base-headline-icon-font-size-sm);--db-icon-font-weight:var(--db-base-headline-icon-weight-sm)}h5{line-height:var(--db-type-headline-line-height-xs);font-size:var(--db-type-headline-font-size-xs);margin-block:var(--db-spacing-fixed-xs)}h5:after,h5:before{--db-icon-font-size:var(--db-base-headline-icon-font-size-xs);--db-icon-font-weight:var(--db-base-headline-icon-weight-xs)}h6{line-height:var(--db-type-headline-line-height-2xs);font-size:var(--db-type-headline-font-size-2xs);margin-block:var(--db-spacing-fixed-2xs)}h6:after,h6:before{--db-icon-font-size:var(--db-base-headline-icon-font-size-2xs);--db-icon-font-weight:var(--db-base-headline-icon-weight-2xs)}p{margin-block:var(--db-spacing-fixed-md)}strong{font-weight:700}[data-font=digital]{font-weight:300}[data-font=regular]{font-weight:400}[data-font=medium]{font-weight:500}[data-font=semibold]{font-weight:600}[data-font=bold]{font-weight:700}[data-interactive=elevation]{cursor:pointer;transition:box-shadow var(--db-transition-duration-fast) var(--db-transition-timing-functional);box-shadow:var(--db-elevation-md)}[data-interactive=elevation]:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;box-shadow:var(--db-elevation-lg)}[data-interactive=elevation]:hover:not(:disabled):not([aria-disabled=true]):is(input),[data-interactive=elevation]:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}[data-interactive=elevation]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),[data-interactive=elevation]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}[data-interactive=elevation]:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;box-shadow:var(--db-elevation-sm)}[data-interactive=elevation]:active:not(:disabled):not([aria-disabled=true]):is(input),[data-interactive=elevation]:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}[data-interactive=elevation]:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),[data-interactive=elevation]:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-accordion-item summary:after,.db-checkbox input:checked:before,.db-checkbox input:indeterminate:before,.db-infotext:not([data-icon]):before,.db-input:has(datalist):after,.db-input:has(input[type=date]):after,.db-input:has(input[type=datetime-local]):after,.db-input:has(input[type=month]):after,.db-input:has(input[type=search]):after,.db-input:has(input[type=search]):before,.db-input:has(input[type=time]):after,.db-input:has(input[type=week]):after,.db-link:not([data-variant=inline])[data-content=external]:after,.db-link:not([data-variant=inline])[data-content=internal]:after,.db-navigation-item .db-navigation-item-expand-button:is(button):after,.db-navigation-item .db-navigation-item-expand-button>button:after,.db-notification[data-semantic=critical]:before,.db-notification[data-semantic=informational]:before,.db-notification[data-semantic=neutral]:before,.db-notification[data-semantic=successful]:before,.db-notification[data-semantic=warning]:before,.db-select:after,.db-switch>input:after,.db-switch[data-emphasis=strong]>input:checked:after,.db-switch[data-visual-aid=true]>input:checked:after,[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{content:var(--db-icon,attr(data-icon));-webkit-alt:"";alt:"";color:var(--db-current-icon-color,inherit);display:inline-block;font-family:var(--db-icon-font-family,"db-ux-default")!important;font-size:var(--db-icon-font-size,1.5rem);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-feature-settings:normal;font-variant:normal;font-weight:var(--db-icon-font-weight,normal);line-height:1;speak:none;speak:never;text-transform:none;vertical-align:middle;block-size:var(--db-icon-font-size,1.5rem);inline-size:var(--db-icon-font-size,1.5rem)}@supports(content:""/""){.db-accordion-item summary:after,.db-checkbox input:checked:before,.db-checkbox input:indeterminate:before,.db-infotext:not([data-icon]):before,.db-input:has(datalist):after,.db-input:has(input[type=date]):after,.db-input:has(input[type=datetime-local]):after,.db-input:has(input[type=month]):after,.db-input:has(input[type=search]):after,.db-input:has(input[type=search]):before,.db-input:has(input[type=time]):after,.db-input:has(input[type=week]):after,.db-link:not([data-variant=inline])[data-content=external]:after,.db-link:not([data-variant=inline])[data-content=internal]:after,.db-navigation-item .db-navigation-item-expand-button:is(button):after,.db-navigation-item .db-navigation-item-expand-button>button:after,.db-notification[data-semantic=critical]:before,.db-notification[data-semantic=informational]:before,.db-notification[data-semantic=neutral]:before,.db-notification[data-semantic=successful]:before,.db-notification[data-semantic=warning]:before,.db-select:after,.db-switch>input:after,.db-switch[data-emphasis=strong]>input:checked:after,.db-switch[data-visual-aid=true]>input:checked:after,[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{content:var(--db-icon,attr(data-icon))/""}}@media aural{.db-accordion-item summary:after,.db-checkbox input:checked:before,.db-checkbox input:indeterminate:before,.db-infotext:not([data-icon]):before,.db-input:has(datalist):after,.db-input:has(input[type=date]):after,.db-input:has(input[type=datetime-local]):after,.db-input:has(input[type=month]):after,.db-input:has(input[type=search]):after,.db-input:has(input[type=search]):before,.db-input:has(input[type=time]):after,.db-input:has(input[type=week]):after,.db-link:not([data-variant=inline])[data-content=external]:after,.db-link:not([data-variant=inline])[data-content=internal]:after,.db-navigation-item .db-navigation-item-expand-button:is(button):after,.db-navigation-item .db-navigation-item-expand-button>button:after,.db-notification[data-semantic=critical]:before,.db-notification[data-semantic=informational]:before,.db-notification[data-semantic=neutral]:before,.db-notification[data-semantic=successful]:before,.db-notification[data-semantic=warning]:before,.db-select:after,.db-switch>input:after,.db-switch[data-emphasis=strong]>input:checked:after,.db-switch[data-visual-aid=true]>input:checked:after,[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{content:none}}@media speech{.db-accordion-item summary:after,.db-checkbox input:checked:before,.db-checkbox input:indeterminate:before,.db-infotext:not([data-icon]):before,.db-input:has(datalist):after,.db-input:has(input[type=date]):after,.db-input:has(input[type=datetime-local]):after,.db-input:has(input[type=month]):after,.db-input:has(input[type=search]):after,.db-input:has(input[type=search]):before,.db-input:has(input[type=time]):after,.db-input:has(input[type=week]):after,.db-link:not([data-variant=inline])[data-content=external]:after,.db-link:not([data-variant=inline])[data-content=internal]:after,.db-navigation-item .db-navigation-item-expand-button:is(button):after,.db-navigation-item .db-navigation-item-expand-button>button:after,.db-notification[data-semantic=critical]:before,.db-notification[data-semantic=informational]:before,.db-notification[data-semantic=neutral]:before,.db-notification[data-semantic=successful]:before,.db-notification[data-semantic=warning]:before,.db-select:after,.db-switch>input:after,.db-switch[data-emphasis=strong]>input:checked:after,.db-switch[data-visual-aid=true]>input:checked:after,[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{content:none}}.db-button,.db-input input,.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button,.db-navigation-item a,.db-select select,.db-tag,.db-textarea textarea{border:var(--db-border-height-3xs) solid var(--db-current-color-enabled)}.db-button[data-variant=brand],.db-button[data-variant=filled],.db-button[data-variant=ghost],.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button,.db-navigation-item a{border:var(--db-border-height-3xs) solid transparent}.db-accordion[data-variant=card] .db-accordion-item:after,.db-badge,.db-card,.db-input input,.db-notification,.db-notification[data-variant=overlay],.db-notification[data-variant=standalone],.db-popover>article,.db-select select,.db-tag a,.db-tag button,.db-tag label,.db-tag:has(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a)),.db-textarea textarea,.db-textarea[data-variant=floating]:has(textarea:focus-within):after,.db-textarea[data-variant=floating]:has(textarea:not(:placeholder-shown)):after,.db-tooltip,.db-tooltip:not([data-variant=basic]):after{border:var(--db-border-height-3xs) solid var(--db-current-color-border)}.db-button,.db-input input,.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button,.db-navigation-item a,.db-select select,.db-tag,.db-textarea textarea{border-radius:var(--db-border-radius-xs)}.db-card,.db-notification[data-variant=overlay],.db-notification[data-variant=standalone],.db-popover>article,.db-tooltip{border-radius:var(--default-card-border-radius,var(--db-border-radius-sm))}.db-badge,.db-button,.db-tag{font-weight:700;white-space:nowrap;justify-content:center;text-align:center;display:inline-flex;align-items:center}.db-button{color:var(--db-current-color-enabled);block-size:var(--db-sizing-md);inline-size:-moz-fit-content;inline-size:fit-content;padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);text-decoration:none}.db-button:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-transparent-hover)}.db-button:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-button:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-button:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-transparent-pressed)}.db-button:active:not(:disabled):not([aria-disabled=true]):is(input),.db-button:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-button:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-button:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-button[data-no-text=true]{font-size:0!important;padding:0;inline-size:var(--db-sizing-md)}.db-button[data-no-text=true]:before{--db-icon-margin-end:0;margin:auto}.db-button[data-size=small]{block-size:var(--db-sizing-sm)}.db-button[data-size=small]:not([data-no-text=true]){padding:var(--db-spacing-fixed-3xs) var(--db-spacing-fixed-sm)}.db-button[data-size=small]:not([data-no-text=true]):before{-webkit-margin-end:var(--db-spacing-fixed-2xs);margin-inline-end:var(--db-spacing-fixed-2xs)}.db-button[data-size=small][data-no-text=true]{inline-size:var(--db-sizing-sm)}.db-button[data-width=full]{inline-size:100%}.db-button[data-variant=brand]{--db-current-icon-color:var(--db-brand-on-enabled);background-color:var(--db-brand-origin-enabled);color:var(--db-brand-on-enabled)}.db-button[data-variant=brand]:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-brand-origin-hover)}.db-button[data-variant=brand]:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-button[data-variant=brand]:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-button[data-variant=brand]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-button[data-variant=brand]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-button[data-variant=brand]:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-brand-origin-pressed)}.db-button[data-variant=brand]:active:not(:disabled):not([aria-disabled=true]):is(input),.db-button[data-variant=brand]:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-button[data-variant=brand]:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-button[data-variant=brand]:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-button:not([data-variant]),.db-button[data-variant=ghost],.db-button[data-variant=outlined]{background-color:var(--db-current-color-bg-transparent-full-enabled)}.db-button[data-variant=filled]{background-color:var(--db-current-color-bg-transparent-semi-enabled)}.db-button:disabled{opacity:.4}.db-button[data-state=loading]{font-size:0!important}.db-button[data-state=loading]:before{--db-icon-margin-end:0;content:""}.db-button[data-state=loading]{font-size:0}.db-icon{font-size:0!important}.db-icon:before{--db-icon-margin-end:0}@supports(-webkit-hyphens:none){.db-icon{display:inline-block}.db-icon:before{block-size:auto}}.db-navigation>menu .db-navigation-item:after,.db-tabs .db-tab-item:after{content:"";position:absolute;border-radius:var(--db-border-radius-xs);transition:height var(--db-transition-duration-fast) var(--db-transition-timing-emotional),width var(--db-transition-duration-fast) var(--db-transition-timing-emotional)}.db-navigation>menu .db-navigation-item:after{block-size:0;inline-size:var(--db-border-height-xs);transform:translateY(-50%);inset-block-start:50%;background-color:var(--db-brand-origin-enabled);inset-inline-start:calc(-1*var(--db-spacing-fixed-xs));inset-block-end:auto}@media screen and (min-width:64em){.db-navigation>menu .db-navigation-item:not([data-force-mobile]):after,.db-navigation>menu [data-force-mobile=false].db-navigation-item:after{block-size:var(--db-border-height-xs);inline-size:0;transform:translate(-50%);inset-inline-start:50%;background-color:var(--db-brand-origin-enabled);inset-block-start:auto;inset-block-end:calc(-1*var(--db-spacing-fixed-xs))}}.db-navigation>menu .db-navigation-item:has([aria-current=page]):after,.db-navigation>menu .db-navigation-item[aria-current=page]:after{block-size:100%;inline-size:var(--db-border-height-xs)}@media screen and (min-width:64em){.db-navigation>menu .db-navigation-item:not([data-force-mobile]):has([aria-current=page]):after,.db-navigation>menu .db-navigation-item[aria-current=page]:not([data-force-mobile]):after,.db-navigation>menu [data-force-mobile=false].db-navigation-item:has([aria-current=page]):after,.db-navigation>menu [data-force-mobile=false].db-navigation-item[aria-current=page]:after{block-size:var(--db-border-height-xs);inline-size:100%}}.db-accordion-item summary:after,.db-input:has(datalist):after,.db-select:after{--db-icon-after:"chevron_down";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports(content:""/""){.db-accordion-item summary:after,.db-input:has(datalist):after,.db-select:after{content:var(--db-icon-after,attr(data-icon-after))/""}}.db-accordion-item summary:after,.db-input:has(datalist):after,.db-select:after{transition:transform var(--db-transition-straight-emotional);pointer-events:none}.db-checkbox .db-infotext,.db-input .db-infotext,.db-select .db-infotext,.db-textarea .db-infotext{-webkit-margin-before:var(--db-spacing-fixed-2xs);margin-block-start:var(--db-spacing-fixed-2xs)}.db-checkbox .db-infotext:is([data-semantic],:empty),.db-input .db-infotext:is([data-semantic],:empty),.db-select .db-infotext:is([data-semantic],:empty),.db-textarea .db-infotext:is([data-semantic],:empty){display:none}.db-tab-item{position:relative;display:inline-flex;list-style-type:none;border-radius:var(--db-border-radius-sm)}.db-tab-item:has(input:disabled){opacity:.4}.db-tab-item label{background-color:var(--db-current-color-bg-transparent-full-enabled);padding:var(--db-spacing-fixed-xs);align-items:center;display:inline-block;white-space:nowrap;border:none;border-radius:var(--db-border-radius-sm);overflow:hidden;text-overflow:ellipsis}.db-tab-item label:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer}.db-tab-item label:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tab-item label:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-tab-item label:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tab-item label:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-tab-item label:hover:not(:disabled):not([aria-disabled=true]):has(:not(input:disabled)){background-color:var(--db-current-color-bg-transparent-hover)}.db-tab-item label:hover:not(:disabled):not([aria-disabled=true]):has(input:disabled){cursor:auto}.db-tab-item label:has(input:checked){font-weight:700}.db-tab-item label[data-icon]{-webkit-padding-start:calc(var(--db-spacing-fixed-xs) + var(--db-spacing-fixed-sm) + calc(var(--db-base-font-size) * var(--db-base-line-height)));padding-inline-start:calc(var(--db-spacing-fixed-xs) + var(--db-spacing-fixed-sm) + calc(var(--db-base-font-size) * var(--db-base-line-height)))}.db-tab-item label[data-icon]:before{position:absolute;transform:translateY(-50%);inset-block-start:50%;inset-inline-start:calc(0% + var(--db-spacing-fixed-xs))}.db-tab-item label[data-icon-after]{-webkit-padding-end:calc(var(--db-spacing-fixed-xs) + var(--db-spacing-fixed-sm) + calc(var(--db-base-font-size) * var(--db-base-line-height)));padding-inline-end:calc(var(--db-spacing-fixed-xs) + var(--db-spacing-fixed-sm) + calc(var(--db-base-font-size) * var(--db-base-line-height)))}.db-tab-item label[data-icon-after]:after{position:absolute;transform:translateY(-50%);inset-block-start:50%;inset-inline-end:calc(0% + var(--db-spacing-fixed-xs))}.db-tab-item label[data-no-text=true]{font-size:0!important;padding:0;inline-size:calc(calc(var(--db-spacing-fixed-xs) + var(--db-spacing-fixed-sm) + calc(var(--db-base-font-size) * var(--db-base-line-height))) - var(--db-spacing-fixed-2xs));block-size:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)) + var(--db-spacing-fixed-xs))}.db-tab-item label[data-no-text=true]:before{--db-icon-margin-end:0;-webkit-margin-end:0;margin-inline-end:0}.db-tab-item input{position:absolute;-webkit-appearance:none;-moz-appearance:none;appearance:none;inline-size:100%;-webkit-margin-end:initial;margin-inline-end:0;inset:0;background:var(--db-current-color-bg-enabled);border-radius:var(--db-border-radius-sm);z-index:-1}.db-tab-item input:focus-visible:is(input[type=radio]){outline:none;box-shadow:none}.db-tab-item input:focus-visible:before{content:"";position:absolute;inset:0;border-radius:var(--db-border-radius-sm);z-index:10;pointer-events:none}.db-divider:not([data-margin=none]){margin:var(--db-spacing-fixed-sm) 0}.db-divider:not([data-variant=vertical]){--db-divider-bg-color:var(--db-current-color-border);position:relative;block-size:var(--db-border-height-3xs);inline-size:100%}.db-divider:not([data-variant=vertical])[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-color-contrast-low-enabled)}.db-divider:not([data-variant=vertical]):before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:var(--db-border-height-3xs);inset-block-start:0;inset-inline:0}.db-divider[data-variant=vertical]{--db-divider-bg-color:var(--db-current-color-border);position:relative;block-size:100%;inline-size:var(--db-border-height-3xs)}.db-divider[data-variant=vertical][data-emphasis=strong]{--db-divider-bg-color:var(--db-current-color-contrast-low-enabled)}.db-divider[data-variant=vertical]:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;inline-size:var(--db-border-height-3xs);inset-inline-start:0;inset-block:0}.db-divider[data-variant=vertical]:not([data-margin=none]){margin:0 var(--db-spacing-fixed-sm)}.db-card{display:flex;flex-direction:column}.db-card>a{text-decoration:none}.db-card[data-spacing=medium]{padding:var(--db-spacing-fixed-md)}.db-card:not([data-spacing]),.db-card[data-spacing=small]{padding:var(--db-spacing-fixed-sm)}.db-card[data-spacing=none]{padding:0}.db-card:not([data-elevation-level]),.db-card[data-elevation-level="1"]{background-color:var(--db-current-color-bg-lvl-1-enabled)}.db-card:not([data-elevation-level])[data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]),.db-card[data-elevation-level="1"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-lvl-1-hover)}.db-card:not([data-elevation-level])[data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-card:not([data-elevation-level])[data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-card[data-elevation-level="1"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-card[data-elevation-level="1"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-card:not([data-elevation-level])[data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-card:not([data-elevation-level])[data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-card[data-elevation-level="1"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-card[data-elevation-level="1"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-card:not([data-elevation-level])[data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]),.db-card[data-elevation-level="1"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-lvl-1-pressed)}.db-card:not([data-elevation-level])[data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(input),.db-card:not([data-elevation-level])[data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-card[data-elevation-level="1"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(input),.db-card[data-elevation-level="1"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-card:not([data-elevation-level])[data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-card:not([data-elevation-level])[data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-card[data-elevation-level="1"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-card[data-elevation-level="1"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-card[data-elevation-level="2"]{background-color:var(--db-current-color-bg-lvl-2-enabled)}.db-card[data-elevation-level="2"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-lvl-2-hover)}.db-card[data-elevation-level="2"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-card[data-elevation-level="2"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-card[data-elevation-level="2"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-card[data-elevation-level="2"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-card[data-elevation-level="2"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-lvl-2-pressed)}.db-card[data-elevation-level="2"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(input),.db-card[data-elevation-level="2"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-card[data-elevation-level="2"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-card[data-elevation-level="2"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-card[data-elevation-level="3"]{background-color:var(--db-current-color-bg-lvl-3-enabled)}.db-card[data-elevation-level="3"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-lvl-3-hover)}.db-card[data-elevation-level="3"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-card[data-elevation-level="3"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-card[data-elevation-level="3"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-card[data-elevation-level="3"][data-behaviour=interactive]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-card[data-elevation-level="3"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-lvl-3-pressed)}.db-card[data-elevation-level="3"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(input),.db-card[data-elevation-level="3"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-card[data-elevation-level="3"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-card[data-elevation-level="3"][data-behaviour=interactive]:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-input{--db-form-has-before:0;--db-current-icon-color:var(--db-current-color-enabled);position:relative;display:flex;flex-direction:column}.db-input[data-variant=floating] label{opacity:.4;position:absolute;z-index:2;inset-block-start:calc((var(--db-sizing-md) - calc(var(--db-base-font-size) * var(--db-base-line-height)))/2);inset-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm))}.db-input[data-variant=floating]:after,.db-input[data-variant=floating]:before{inset-block-start:calc(var(--db-sizing-md)/2 - calc(var(--db-base-font-size) * var(--db-base-line-height))/2)}.db-input[data-variant=floating] [id$=-placeholder]{inset-block-start:calc(50% - .5em + var(--db-spacing-fixed-3xs))}.db-input[data-variant=floating] input{-webkit-padding-before:calc(var(--db-type-body-font-size-2xs) + var(--db-spacing-fixed-3xs));padding-block-start:calc(var(--db-type-body-font-size-2xs) + var(--db-spacing-fixed-3xs))}.db-input[data-variant=floating] input+[id$=-placeholder],.db-input[data-variant=floating] input::placeholder{transition:none;opacity:0}.db-input[data-variant=floating]:has(>select option:checked:not([hidden])) label,.db-input[data-variant=floating]:has(input:focus-within) label,.db-input[data-variant=floating]:has(input:is(input,textarea):not(:placeholder-shown)) label{inset-block-start:var(--db-spacing-fixed-2xs);opacity:1}.db-input[data-variant=floating]:has(>select option:checked:not([hidden])) input+[id$=-placeholder],.db-input[data-variant=floating]:has(>select option:checked:not([hidden])) input::placeholder,.db-input[data-variant=floating]:has(input:focus-within) input+[id$=-placeholder],.db-input[data-variant=floating]:has(input:focus-within) input::placeholder,.db-input[data-variant=floating]:has(input:is(input,textarea):not(:placeholder-shown)) input+[id$=-placeholder],.db-input[data-variant=floating]:has(input:is(input,textarea):not(:placeholder-shown)) input::placeholder{transition:opacity var(--db-transition-straight-emotional);opacity:.4}.db-input:has(input:required) label:after,.db-input:has(input:required):is(label):after{content:"*";-webkit-padding-start:var(--db-spacing-fixed-2xs);padding-inline-start:var(--db-spacing-fixed-2xs)}.db-input:has(input:not([data-custom-validity]):is(:required,[minlength],[maxlength],[pattern],[type=color],[type=date],[type=datetime-local],[type=email],[type=file],[type=hidden],[type=month],[type=number],[type=range],[type=tel],[type=time],[type=url],[type=week]):user-valid) .db-infotext[data-semantic=successful]{display:flex}.db-input:has(input:not([data-custom-validity]):is(:required,[minlength],[maxlength],[pattern],[type=color],[type=date],[type=datetime-local],[type=email],[type=file],[type=hidden],[type=month],[type=number],[type=range],[type=tel],[type=time],[type=url],[type=week]):user-valid) .db-infotext:not([data-semantic]){display:none}.db-input:has(input:not([data-custom-validity]):is(:required,[minlength],[maxlength],[pattern],[type=color],[type=date],[type=datetime-local],[type=email],[type=file],[type=hidden],[type=month],[type=number],[type=range],[type=tel],[type=time],[type=url],[type=week]):user-valid) [id$=-placeholder],.db-input:has(input:not([data-custom-validity]):is(:required,[minlength],[maxlength],[pattern],[type=color],[type=date],[type=datetime-local],[type=email],[type=file],[type=hidden],[type=month],[type=number],[type=range],[type=tel],[type=time],[type=url],[type=week]):user-valid) input{color:var(--db-successful-on-bg-enabled);caret-color:var(--db-successful-on-bg-enabled)}.db-input:has(input[data-custom-validity=valid]) .db-infotext[data-semantic=successful]{display:flex}.db-input:has(input[data-custom-validity=valid]) .db-infotext:not([data-semantic]){display:none}.db-input:has(input[data-custom-validity=valid]) [id$=-placeholder],.db-input:has(input[data-custom-validity=valid]) input{color:var(--db-successful-on-bg-enabled);caret-color:var(--db-successful-on-bg-enabled)}.db-input:has(input:not([data-custom-validity]):is(:required,[minlength],[maxlength],[pattern],[type=color],[type=date],[type=datetime-local],[type=email],[type=file],[type=hidden],[type=month],[type=number],[type=range],[type=tel],[type=time],[type=url],[type=week]):user-invalid) .db-infotext[data-semantic=critical]{display:flex}.db-input:has(input:not([data-custom-validity]):is(:required,[minlength],[maxlength],[pattern],[type=color],[type=date],[type=datetime-local],[type=email],[type=file],[type=hidden],[type=month],[type=number],[type=range],[type=tel],[type=time],[type=url],[type=week]):user-invalid) .db-infotext:not([data-semantic]){display:none}.db-input:has(input:not([data-custom-validity]):is(:required,[minlength],[maxlength],[pattern],[type=color],[type=date],[type=datetime-local],[type=email],[type=file],[type=hidden],[type=month],[type=number],[type=range],[type=tel],[type=time],[type=url],[type=week]):user-invalid) [id$=-placeholder],.db-input:has(input:not([data-custom-validity]):is(:required,[minlength],[maxlength],[pattern],[type=color],[type=date],[type=datetime-local],[type=email],[type=file],[type=hidden],[type=month],[type=number],[type=range],[type=tel],[type=time],[type=url],[type=week]):user-invalid) input{color:var(--db-successful-on-bg-enabled);caret-color:var(--db-successful-on-bg-enabled)}.db-input:has(input[data-custom-validity=invalid]) .db-infotext[data-semantic=critical]{display:flex}.db-input:has(input[data-custom-validity=invalid]) .db-infotext:not([data-semantic]){display:none}.db-input:has(input[data-custom-validity=invalid]) [id$=-placeholder],.db-input:has(input[data-custom-validity=invalid]) input{color:var(--db-successful-on-bg-enabled);caret-color:var(--db-successful-on-bg-enabled)}.db-input input{background-color:var(--db-current-color-bg-transparent-semi-enabled);caret-color:var(--db-current-color-enabled);-webkit-appearance:none;-moz-appearance:none;appearance:none;max-inline-size:100%;inline-size:100%;padding-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end,var(--db-spacing-fixed-sm))}.db-input input+[id$=-placeholder],.db-input input::placeholder{opacity:.4}.db-input input:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-transparent-hover)}.db-input input:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-input input:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-input input:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-input input:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-input input:is(input,textarea):not(:disabled):-moz-read-only{background-color:var(--db-textarea-read-only,var(--db-current-color-bg-lvl-1-enabled))!important}.db-input input:is(input,textarea):not(:disabled):read-only{background-color:var(--db-textarea-read-only,var(--db-current-color-bg-lvl-1-enabled))!important}.db-input label{-webkit-padding-after:var(--db-spacing-fixed-xs);padding-block-end:var(--db-spacing-fixed-xs);pointer-events:none;cursor:text;transition:font-size var(--db-transition-straight-emotional);max-inline-size:25ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.db-input[data-variant=hidden] label{padding:0}.db-input:has(input:disabled){opacity:.4;pointer-events:none}.db-input:after,.db-input:before{position:absolute;pointer-events:none;inset-block-start:calc(var(--db-sizing-md)/2 - var(--db-spacing-fixed-xs)*var(--db-label-visible-spacing, 0) + calc(var(--db-type-body-font-size-xs) * var(--db-type-body-line-height-xs))*var(--db-label-visible-height, 1) - 1px)}.db-input:before{-webkit-margin-end:var(--db-spacing-fixed-sm);margin-inline-end:var(--db-spacing-fixed-sm);inset-inline-start:var(--db-spacing-fixed-sm)}.db-input:after{-webkit-margin-start:var(--db-spacing-fixed-sm);margin-inline-start:var(--db-spacing-fixed-sm);inset-inline-end:var(--db-spacing-fixed-sm)}.db-input input{block-size:var(--db-sizing-md);text-overflow:ellipsis}.db-input:has(input[type=search]),.db-input[data-icon]{--db-form-component-padding-inline-start:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)) + var(--db-spacing-fixed-sm) + var(--db-spacing-fixed-xs))}.db-input:has(datalist),.db-input:has(input[type=search]),.db-input[data-icon-after]{--db-form-component-padding-inline-end:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)) + var(--db-spacing-fixed-sm) + var(--db-spacing-fixed-xs))}.db-input:has(input[type=search]):before{--db-icon:"magnifying_glass";-webkit-margin-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs));margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}.db-input:has(input[type=search]):after{--db-icon-after:"cross_circle";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports(content:""/""){.db-input:has(input[type=search]):after{content:var(--db-icon-after,attr(data-icon-after))/""}}.db-input:has(input[type=search]):after{opacity:0;transition:opacity var(--db-transition-duration-fast)}.db-input:has(input[type=search]):has(input:not(:placeholder-shown)):has(input:hover,input:focus-visible):after{opacity:1}.db-input:has(input[type=date]):after,.db-input:has(input[type=datetime-local]):after,.db-input:has(input[type=month]):after,.db-input:has(input[type=week]):after{--db-icon-after:"calendar";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports(content:""/""){.db-input:has(input[type=date]):after,.db-input:has(input[type=datetime-local]):after,.db-input:has(input[type=month]):after,.db-input:has(input[type=week]):after{content:var(--db-icon-after,attr(data-icon-after))/""}}.db-input:has(input[type=time]):after{--db-icon-after:"clock";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports(content:""/""){.db-input:has(input[type=time]):after{content:var(--db-icon-after,attr(data-icon-after))/""}}.db-input input{position:relative}.db-input input::-webkit-calendar-picker-indicator,.db-input input::-webkit-search-cancel-button{background-image:none;inline-size:var(--db-icon-font-size,1.5rem);block-size:var(--db-icon-font-size,1.5rem);padding:0;cursor:pointer}.db-input input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;position:absolute;inset-inline-end:calc(var(--db-spacing-fixed-sm) + var(--db-border-height-3xs))}.db-input:has(datalist) input::-webkit-calendar-picker-indicator{display:none!important}.db-brand{display:flex;gap:var(--db-spacing-fixed-md);align-items:center;font-weight:700}.db-brand:before{--db-icon-font-size:var(--db-sizing-md);--db-icon-margin-end:0;--db-current-icon-color:var(--db-brand-origin-enabled)}.db-brand img{inline-size:calc(var(--db-sizing-md) - var(--db-sizing-3xs));max-block-size:calc(var(--db-sizing-md) - var(--db-sizing-3xs))}.db-brand a,a:has(.db-brand){text-decoration:none}.db-header{background-color:var(--db-current-color-bg-lvl-1-enabled);display:flex;flex-direction:column;position:relative;min-block-size:var(--db-sizing-fixed-mobile-header,3.5rem);-webkit-border-after:var(--db-border-height-3xs) solid var(--db-current-color-border);border-block-end:var(--db-border-height-3xs) solid var(--db-current-color-border)}@media screen and (min-width:64em){.db-header:not([data-force-mobile]),.db-header[data-force-mobile=false]{--db-drawer-max-width:45em}}.db-header .db-link{display:inline-block}.db-header[data-on-forcing-mobile=true]{visibility:hidden}.db-header-navigation-bar{display:flex;position:relative;padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-xs);inline-size:100%;align-items:center}@media screen and (min-width:64em){.db-header-navigation-bar:not([data-force-mobile]),.db-header-navigation-bar[data-force-mobile=false]{padding:var(--db-spacing-fixed-md)}}.db-header-meta-navigation{--db-divider-bg-color:var(--db-current-color-border);position:relative;display:flex;flex-direction:column;gap:var(--db-spacing-fixed-sm);justify-content:flex-end;background-color:var(--db-current-color-bg-lvl-2-enabled);padding:var(--db-spacing-fixed-md)}.db-header-meta-navigation[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-color-contrast-low-enabled)}.db-header-meta-navigation:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:var(--db-border-height-3xs);inset-block-start:0;inset-inline:0}@media screen and (min-width:64em){.db-header-meta-navigation:not([data-force-mobile]),.db-header-meta-navigation[data-force-mobile=false]{padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);margin:0;flex-direction:row}.db-header-meta-navigation:not([data-force-mobile]):empty,.db-header-meta-navigation[data-force-mobile=false]:empty{display:none}}.db-header-meta-navigation:empty{display:none}.db-header-navigation-container{display:inherit;flex:1 1 auto;inline-size:100%;gap:inherit;align-items:center;block-size:100%}@media screen and (min-width:64em){.db-header-navigation-container:not([data-force-mobile]),.db-header-navigation-container[data-force-mobile=false]{--db-divider-bg-color:var(--db-current-color-border);position:relative}.db-header-navigation-container:not([data-force-mobile])[data-emphasis=strong],.db-header-navigation-container[data-force-mobile=false][data-emphasis=strong]{--db-divider-bg-color:var(--db-current-color-contrast-low-enabled)}.db-header-navigation-container:not([data-force-mobile]):before,.db-header-navigation-container[data-force-mobile=false]:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;inline-size:var(--db-border-height-3xs);inset-inline-start:0;inset-block:0;position:inherit;block-size:100%;-webkit-margin-start:var(--db-spacing-fixed-sm);margin-inline-start:var(--db-spacing-fixed-sm)}}.db-header-call-to-action{-webkit-margin-start:auto;margin-inline-start:auto}.db-header-brand-container:not(:has(>:first-child)){display:none}@media screen and (min-width:64em){.db-header-action-container:has(>.db-header-action-bar:empty):not([data-force-mobile]),.db-header-action-container:has(>.db-header-action-bar:empty)[data-force-mobile=false]{display:none}}.db-header-brand-container{min-block-size:var(--db-sizing-md)}.db-header-action-container{--db-divider-bg-color:var(--db-current-color-border);position:relative}.db-header-action-container[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-color-contrast-low-enabled)}.db-header-action-container:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;inline-size:var(--db-border-height-3xs);inset-inline-start:0;inset-block:0}@media screen and (min-width:64em){.db-header-action-container:not([data-force-mobile]):before,.db-header-action-container[data-force-mobile=false]:before{-webkit-margin-end:var(--db-spacing-fixed-sm);margin-inline-end:var(--db-spacing-fixed-sm)}}.db-header-action-container:before{position:inherit;block-size:100%}.db-header-action-container,.db-header-brand-container{align-items:center;block-size:100%;display:inherit;gap:inherit;flex:0 1 auto;flex-grow:0;flex-shrink:0}.db-header-action-bar{--db-divider-bg-color:var(--db-current-color-border);position:relative;flex:0 1 auto;flex-grow:0;flex-shrink:0;-webkit-padding-before:var(--db-spacing-fixed-xs);padding-block-start:var(--db-spacing-fixed-xs)}.db-header-action-bar[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-color-contrast-low-enabled)}.db-header-action-bar:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:var(--db-border-height-3xs);inset-block-start:0;inset-inline:0}@media screen and (min-width:64em){.db-header-action-bar:not([data-force-mobile]):before,.db-header-action-bar[data-force-mobile=false]:before{display:none}}.db-header-drawer-navigation{display:flex;flex-direction:column;flex:1 1 auto;block-size:100%;overflow:auto;justify-content:space-between}.db-header-navigation{padding-block:var(--db-spacing-fixed-md)}.db-header-action-bar,.db-header-navigation{display:flex;gap:var(--db-spacing-fixed-sm);padding-inline:var(--db-spacing-fixed-md)}@media screen and (min-width:64em){.db-header-action-bar:not([data-force-mobile]),.db-header-action-bar[data-force-mobile=false],.db-header-navigation:not([data-force-mobile]),.db-header-navigation[data-force-mobile=false]{gap:var(--db-spacing-fixed-xs);padding:0}}.db-header-drawer{--db-drawer-content-padding-inline:0;--db-drawer-header-padding-block-end:calc(1px + var(--db-spacing-fixed-xs));-webkit-padding-after:0;padding-block-end:0}.db-header-drawer .db-drawer-content{display:flex;flex-direction:column;block-size:100%;overflow:hidden}.db-header-action-container>.db-header-action-bar,.db-header-meta-navigation,.db-header-navigation-container>.db-header-navigation{display:none}@media screen and (min-width:64em){.db-header-action-container>.db-header-action-bar:not([data-force-mobile]),.db-header-action-container>.db-header-action-bar[data-force-mobile=false],.db-header-meta-navigation:not([data-force-mobile]),.db-header-meta-navigation[data-force-mobile=false],.db-header-navigation-container>.db-header-navigation:not([data-force-mobile]),.db-header-navigation-container>.db-header-navigation[data-force-mobile=false]{display:inherit}}.db-header-drawer-navigation>.db-header-meta-navigation{display:inherit}@media screen and (min-width:64em){.db-header-burger-menu-container:not([data-force-mobile]),.db-header-burger-menu-container[data-force-mobile=false],.db-header-drawer:not([data-force-mobile]),.db-header-drawer[data-force-mobile=false]{display:none}}.db-page{opacity:0}.db-page[data-fade-in=true]{transition:opacity var(--db-transition-straight-emotional)}.db-page:not([data-fonts-loaded]),.db-page[data-fonts-loaded=true]{opacity:1}.db-page[data-variant=fixed]{block-size:100%;min-block-size:100%;display:flex;flex-direction:column}.db-page[data-variant=fixed] footer,.db-page[data-variant=fixed] header{display:flex;flex:0 1 auto;flex-grow:0;flex-shrink:0}.db-page[data-variant=fixed] main{display:flex;flex-direction:column;overflow:auto;flex:1 1 auto;inline-size:100%}.db-link,.db-link a,.db-notification a{display:inline-block;block-size:var(--db-sizing-sm)}.db-link,.db-notification a,.db-notification a[data-variant=brand]{color:var(--db-current-color-enabled)}.db-link:hover:not(:disabled):not([aria-disabled=true]),.db-notification a:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;color:color-mix(in srgb,transparent 25%,var(--db-current-color-enabled))}.db-link:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-link:hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-notification a:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-notification a:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-link:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-link:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-notification a:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-notification a:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-link:active:not(:disabled):not([aria-disabled=true]),.db-notification a:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;color:color-mix(in srgb,transparent 50%,var(--db-current-color-enabled))}.db-link:active:not(:disabled):not([aria-disabled=true]):is(input),.db-link:active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-notification a:active:not(:disabled):not([aria-disabled=true]):is(input),.db-notification a:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-link:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-link:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-notification a:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-notification a:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-link,.db-notification a{inline-size:-moz-fit-content;inline-size:fit-content;text-underline-position:from-font;text-decoration-thickness:.0625rem;white-space:nowrap}.db-link:focus-visible,.db-notification a:focus-visible{border-radius:var(--db-border-radius-xs)}.db-notification a[aria-disabled=true],[aria-disabled=true].db-link{opacity:.4;pointer-events:none}.db-link:not([data-variant=inline])[data-content=internal]:after{--db-icon-after:"arrow_right";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports(content:""/""){.db-link:not([data-variant=inline])[data-content=internal]:after{content:var(--db-icon-after,attr(data-icon-after))/""}}.db-link:not([data-variant=inline])[data-content=internal]:after{vertical-align:top}.db-link:not([data-variant=inline])[data-content=external]:after{--db-icon-after:"arrow_up_right";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports(content:""/""){.db-link:not([data-variant=inline])[data-content=external]:after{content:var(--db-icon-after,attr(data-icon-after))/""}}.db-link[data-content=external],.db-link[data-content=internal]{--db-icon-margin-start:var(--db-spacing-fixed-2xs)}.db-link[data-content=external]:after,.db-link[data-content=internal]:after{-webkit-margin-start:var(--db-icon-margin-start);margin-inline-start:var(--db-icon-margin-start)}.db-link[data-variant=brand]{--db-current-color-enabled:var(--db-brand-contrast-high-enabled);--db-current-icon-color:var(--db-brand-contrast-high-enabled);color:var(--db-current-color-enabled)}.db-link[data-variant=brand]:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;--db-current-color-enabled:var(--db-brand-contrast-high-hover)}.db-link[data-variant=brand]:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-link[data-variant=brand]:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-link[data-variant=brand]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-link[data-variant=brand]:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-link[data-variant=brand]:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;--db-current-color-enabled:var(--db-brand-contrast-high-pressed)}.db-link[data-variant=brand]:active:not(:disabled):not([aria-disabled=true]):is(input),.db-link[data-variant=brand]:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-link[data-variant=brand]:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-link[data-variant=brand]:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-link[data-size=small]{--db-icon-margin-start:var(--db-spacing-fixed-3xs)}.db-section{padding-inline:var(--db-spacing-fixed-md)}@media screen and (min-width:64em){.db-section:not([data-force-mobile]),.db-section[data-force-mobile=false]{padding-inline:var(--db-spacing-fixed-md)}}.db-section[data-variant=full]{padding-inline:0}.db-section[data-size=none]{padding-block:0}.db-section[data-size=small]{padding-block:var(--db-spacing-responsive-sm)}.db-section[data-size=medium]{padding-block:var(--db-spacing-responsive-md)}.db-section[data-size=large]{padding-block:var(--db-spacing-responsive-lg)}.db-section>div{margin:0 auto}.db-section>div[data-variant=full]{max-inline-size:none}.db-section>div[data-variant=medium]{max-inline-size:64em}.db-section>div[data-variant=large]{max-inline-size:90em}.db-infotext{--db-icon-margin-end:var(--db-spacing-fixed-2xs);display:flex}.db-infotext:not([data-icon]){--db-icon-font-family:"db-ux-filled"}.db-infotext:not([data-icon]):before{--db-icon:"information_circle";-webkit-margin-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs));margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}.db-infotext:not([data-semantic]),.db-infotext[data-semantic=adaptive]{color:var(--db-current-color-contrast-high-enabled)}.db-infotext:not([data-semantic]):before,.db-infotext[data-semantic=adaptive]:before{--db-current-icon-color:var(--db-current-color-contrast-low-enabled)}.db-infotext[data-semantic=neutral]{color:var(--db-neutral-contrast-high-enabled)}.db-infotext[data-semantic=neutral]:not([data-icon]):before{--db-icon:"information_circle"}.db-infotext[data-semantic=neutral]:before{--db-current-icon-color:var( --db-neutral-contrast-low-enabled )}.db-infotext[data-semantic=critical]{color:var(--db-critical-contrast-high-enabled)}.db-infotext[data-semantic=critical]:not([data-icon]):before{--db-icon:"exclamation_mark_circle"}.db-infotext[data-semantic=critical]:before{--db-current-icon-color:var( --db-critical-contrast-low-enabled )}.db-infotext[data-semantic=successful]{color:var(--db-successful-contrast-high-enabled)}.db-infotext[data-semantic=successful]:not([data-icon]):before{--db-icon:"check_circle"}.db-infotext[data-semantic=successful]:before{--db-current-icon-color:var( --db-successful-contrast-low-enabled )}.db-infotext[data-semantic=warning]{color:var(--db-warning-contrast-high-enabled)}.db-infotext[data-semantic=warning]:not([data-icon]):before{--db-icon:"warning_triangle"}.db-infotext[data-semantic=warning]:before{--db-current-icon-color:var( --db-warning-contrast-low-enabled )}.db-infotext[data-semantic=informational]{color:var(--db-informational-contrast-high-enabled)}.db-infotext[data-semantic=informational]:not([data-icon]):before{--db-icon:"information_circle"}.db-infotext[data-semantic=informational]:before{--db-current-icon-color:var( --db-informational-contrast-low-enabled )}.db-notification{grid-template-areas:"content";grid-template-columns:1fr}.db-notification:has(.db-button){grid-template-columns:1fr min-content;grid-template-areas:"content close"}.db-notification:has(h6){grid-template-columns:1fr;grid-template-areas:"head" "content"}.db-notification:has(h6):has(.db-button){grid-template-columns:1fr min-content;grid-template-areas:"head close" "content content"}.db-notification:has(img),[data-icon].db-notification,[data-semantic].db-notification:not([data-semantic=adaptive]){grid-template-areas:"icon content";grid-template-columns:min-content 1fr}.db-notification:has(img):has(.db-button),[data-icon].db-notification:has(.db-button),[data-semantic].db-notification:not([data-semantic=adaptive]):has(.db-button){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon content close"}.db-notification:has(img):has(h6),[data-icon].db-notification:has(h6),[data-semantic].db-notification:not([data-semantic=adaptive]):has(h6){grid-template-columns:min-content 1fr;grid-template-areas:"icon head" "icon content"}.db-notification:has(img):has(h6):has(.db-button),[data-icon].db-notification:has(h6):has(.db-button),[data-semantic].db-notification:not([data-semantic=adaptive]):has(h6):has(.db-button){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head close" "icon content content"}.db-notification[data-variant=overlay] a{display:none}.db-notification[data-variant=overlay]:has(span){grid-template-areas:"content timestamp";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has(span):has(.db-button){grid-template-columns:1fr min-content min-content;grid-template-areas:"content timestamp close"}.db-notification[data-variant=overlay]:has(span):has(h6){grid-template-columns:1fr min-content;grid-template-areas:"head timestamp" "content content"}.db-notification[data-variant=overlay]:has(span):has(h6):has(.db-button){grid-template-columns:1fr min-content min-content;grid-template-areas:"head timestamp close" "content content content"}.db-notification[data-variant=overlay]:has(span):has(img),.db-notification[data-variant=overlay]:has(span)[data-icon],.db-notification[data-variant=overlay]:has(span)[data-semantic]:not([data-semantic=adaptive]){grid-template-areas:"icon content timestamp";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has(span):has(img):has(.db-button),.db-notification[data-variant=overlay]:has(span)[data-icon]:has(.db-button),.db-notification[data-variant=overlay]:has(span)[data-semantic]:not([data-semantic=adaptive]):has(.db-button){grid-template-columns:min-content 1fr min-content min-content;grid-template-areas:"icon content timestamp close"}.db-notification[data-variant=overlay]:has(span):has(img):has(h6),.db-notification[data-variant=overlay]:has(span)[data-icon]:has(h6),.db-notification[data-variant=overlay]:has(span)[data-semantic]:not([data-semantic=adaptive]):has(h6){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head timestamp" "icon content content"}.db-notification[data-variant=overlay]:has(span):has(img):has(h6):has(.db-button),.db-notification[data-variant=overlay]:has(span)[data-icon]:has(h6):has(.db-button),.db-notification[data-variant=overlay]:has(span)[data-semantic]:not([data-semantic=adaptive]):has(h6):has(.db-button){grid-template-columns:min-content 1fr min-content min-content;grid-template-areas:"icon head timestamp close" "icon content content content"}.db-notification:not([data-variant=overlay]) span{display:none}.db-notification:has(a):not([data-link-variant=inline]):not([data-variant=overlay]){grid-template-areas:"content" "link";grid-template-columns:1fr}.db-notification:has(a):not([data-link-variant=inline]):has(.db-button):not([data-variant=overlay]){grid-template-columns:1fr min-content;grid-template-areas:"content close" "link link"}.db-notification:has(a):not([data-link-variant=inline]):has(h6):not([data-variant=overlay]){grid-template-columns:1fr;grid-template-areas:"head" "content" "link"}.db-notification:has(a):not([data-link-variant=inline]):has(h6):has(.db-button):not([data-variant=overlay]){grid-template-columns:1fr min-content;grid-template-areas:"head close" "content content" "link link"}.db-notification:has(a):not([data-link-variant=inline]):has(img):not([data-variant=overlay]),.db-notification:has(a):not([data-link-variant=inline])[data-icon]:not([data-variant=overlay]),.db-notification:has(a):not([data-link-variant=inline])[data-semantic]:not([data-semantic=adaptive]):not([data-variant=overlay]){grid-template-areas:"icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification:has(a):not([data-link-variant=inline]):has(img):has(h6):not([data-variant=overlay]),.db-notification:has(a):not([data-link-variant=inline])[data-icon]:has(h6):not([data-variant=overlay]),.db-notification:has(a):not([data-link-variant=inline])[data-semantic]:not([data-semantic=adaptive]):has(h6):not([data-variant=overlay]){grid-template-columns:min-content 1fr;grid-template-areas:"icon head" "icon content" "icon link"}.db-notification:has(a):not([data-link-variant=inline]):has(img):has(h6):has(.db-button):not([data-variant=overlay]),.db-notification:has(a):not([data-link-variant=inline])[data-icon]:has(h6):has(.db-button):not([data-variant=overlay]),.db-notification:has(a):not([data-link-variant=inline])[data-semantic]:not([data-semantic=adaptive]):has(h6):has(.db-button):not([data-variant=overlay]){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head close" "icon content content" "icon link link"}.db-notification:has(a)[data-link-variant=inline]:not([data-variant=overlay]){grid-template-areas:"content link";grid-template-columns:1fr min-content}.db-notification:has(a)[data-link-variant=inline]:has(.db-button):not([data-variant=overlay]){grid-template-columns:1fr min-content min-content;grid-template-areas:"content link close"}.db-notification:has(a)[data-link-variant=inline]:has(h6):not([data-variant=overlay]){grid-template-columns:1fr min-content;grid-template-areas:"head link" "content content"}.db-notification:has(a)[data-link-variant=inline]:has(h6):has(.db-button):not([data-variant=overlay]){grid-template-columns:1fr min-content min-content;grid-template-areas:"head link close" "content content content"}.db-notification:has(a)[data-link-variant=inline]:has(img):not([data-variant=overlay]),.db-notification:has(a)[data-link-variant=inline][data-icon]:not([data-variant=overlay]),.db-notification:has(a)[data-link-variant=inline][data-semantic]:not([data-semantic=adaptive]):not([data-variant=overlay]){grid-template-areas:"icon content link";grid-template-columns:min-content 1fr min-content}.db-notification:has(a)[data-link-variant=inline]:has(img):has(.db-button):not([data-variant=overlay]),.db-notification:has(a)[data-link-variant=inline][data-icon]:has(.db-button):not([data-variant=overlay]),.db-notification:has(a)[data-link-variant=inline][data-semantic]:not([data-semantic=adaptive]):has(.db-button):not([data-variant=overlay]){grid-template-columns:min-content 1fr min-content min-content;grid-template-areas:"icon content link close"}.db-notification:has(a)[data-link-variant=inline]:has(img):has(h6):not([data-variant=overlay]),.db-notification:has(a)[data-link-variant=inline][data-icon]:has(h6):not([data-variant=overlay]),.db-notification:has(a)[data-link-variant=inline][data-semantic]:not([data-semantic=adaptive]):has(h6):not([data-variant=overlay]){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head link" "icon content content"}.db-notification:has(a)[data-link-variant=inline]:has(img):has(h6):has(.db-button):not([data-variant=overlay]),.db-notification:has(a)[data-link-variant=inline][data-icon]:has(h6):has(.db-button):not([data-variant=overlay]),.db-notification:has(a)[data-link-variant=inline][data-semantic]:not([data-semantic=adaptive]):has(h6):has(.db-button):not([data-variant=overlay]){grid-template-columns:min-content 1fr min-content min-content;grid-template-areas:"icon head link close" "icon content content content"}.db-notification:has(span) .db-button,.db-notification:has(span) h6,.db-notification:has(span) p,.db-notification:has(span):before{-webkit-margin-before:-2px;margin-block-start:-2px}.db-notification{display:grid;padding:var(--db-spacing-fixed-md);grid-gap:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);inline-size:inherit;background-color:var(--db-current-color-bg-lvl-2-enabled)}.db-notification:before{--db-current-icon-color:var(--db-current-color-contrast-low-enabled)}.db-notification a{grid-area:link;white-space:nowrap}.db-notification a:after,.db-notification a:before{content:none!important;margin:0!important}.db-notification h6{font-family:var(--db-font-family-sans);grid-area:head;margin:0}.db-notification p{grid-area:content;margin:0}.db-notification img{min-block-size:var(--db-sizing-md);min-inline-size:var(--db-sizing-md);max-block-size:var(--db-sizing-md);max-inline-size:var(--db-sizing-md);border-radius:var(--db-border-radius-xs)}.db-notification span{grid-area:timestamp;white-space:nowrap}.db-notification .db-button{grid-area:close}.db-notification:has(img) :before{content:none!important}.db-notification img,.db-notification:before,.db-notification[data-icon]:before{--db-icon-font-family:"db-ux-filled";--db-icon-margin-end:0;grid-area:icon}.db-notification[data-variant=overlay]{box-shadow:var(--db-elevation-md)}.db-notification[data-semantic=neutral]:not([data-icon]):before{--db-icon:"information_circle"}.db-notification[data-semantic=critical]:not([data-icon]):before{--db-icon:"exclamation_mark_circle"}.db-notification[data-semantic=successful]:not([data-icon]):before{--db-icon:"check_circle"}.db-notification[data-semantic=warning]:not([data-icon]):before{--db-icon:"warning_triangle"}.db-notification[data-semantic=informational]:not([data-icon]):before{--db-icon:"information_circle"}.db-checkbox:has(input:required) label:after,.db-checkbox:has(input:required):is(label):after{content:"*";-webkit-padding-start:var(--db-spacing-fixed-2xs);padding-inline-start:var(--db-spacing-fixed-2xs)}.db-checkbox:has(input:not([data-custom-validity]):required:user-valid) .db-infotext[data-semantic=successful]{display:flex}.db-checkbox:has(input:not([data-custom-validity]):required:user-valid) .db-infotext:not([data-semantic]){display:none}.db-checkbox:has(input:not([data-custom-validity]):required:user-valid) input{--db-current-color-bg-transparent-semi:var( --db-successful-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-successful-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-successful-bg-transparent-pressed );border-color:var(--db-current-color-enabled)}.db-checkbox:has(input:not([data-custom-validity]):required:user-valid) input:is([type=radio]),.db-checkbox:has(input:not([data-custom-validity]):required:user-valid) input:not(:checked){--db-current-color-enabled:var( --db-successful-contrast-high-enabled )}.db-checkbox:has(input:not([data-custom-validity]):required:user-valid) input:checked{--db-current-color-enabled:var(--db-successful-contrast-high-enabled);--db-current-color-hover:var(--db-successful-contrast-high-hover);--db-current-color-pressed:var(--db-successful-contrast-high-pressed)}.db-checkbox:has(input:not([data-custom-validity]):required:user-valid) label,.db-checkbox:has(input:not([data-custom-validity]):required:user-valid):is(label){color:var(--db-successful-contrast-high-enabled)}.db-checkbox:has(input[data-custom-validity=valid]) .db-infotext[data-semantic=successful]{display:flex}.db-checkbox:has(input[data-custom-validity=valid]) .db-infotext:not([data-semantic]){display:none}.db-checkbox:has(input[data-custom-validity=valid]) input{--db-current-color-bg-transparent-semi:var( --db-successful-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-successful-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-successful-bg-transparent-pressed );border-color:var(--db-current-color-enabled)}.db-checkbox:has(input[data-custom-validity=valid]) input:is([type=radio]),.db-checkbox:has(input[data-custom-validity=valid]) input:not(:checked){--db-current-color-enabled:var( --db-successful-contrast-high-enabled )}.db-checkbox:has(input[data-custom-validity=valid]) input:checked{--db-current-color-enabled:var(--db-successful-contrast-high-enabled);--db-current-color-hover:var(--db-successful-contrast-high-hover);--db-current-color-pressed:var(--db-successful-contrast-high-pressed)}.db-checkbox:has(input[data-custom-validity=valid]) label,.db-checkbox:has(input[data-custom-validity=valid]):is(label){color:var(--db-successful-contrast-high-enabled)}.db-checkbox:has(input:not([data-custom-validity]):required:user-invalid) .db-infotext[data-semantic=critical]{display:flex}.db-checkbox:has(input:not([data-custom-validity]):required:user-invalid) .db-infotext:not([data-semantic]){display:none}.db-checkbox:has(input:not([data-custom-validity]):required:user-invalid) input{--db-current-color-bg-transparent-semi:var( --db-critical-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-critical-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-critical-bg-transparent-pressed );border-color:var(--db-current-color-enabled)}.db-checkbox:has(input:not([data-custom-validity]):required:user-invalid) input:is([type=radio]),.db-checkbox:has(input:not([data-custom-validity]):required:user-invalid) input:not(:checked){--db-current-color-enabled:var( --db-critical-contrast-high-enabled )}.db-checkbox:has(input:not([data-custom-validity]):required:user-invalid) input:checked{--db-current-color-enabled:var(--db-successful-contrast-high-enabled);--db-current-color-hover:var(--db-successful-contrast-high-hover);--db-current-color-pressed:var(--db-successful-contrast-high-pressed)}.db-checkbox:has(input:not([data-custom-validity]):required:user-invalid) label,.db-checkbox:has(input:not([data-custom-validity]):required:user-invalid):is(label){color:var(--db-critical-contrast-high-enabled)}.db-checkbox:has(input[data-custom-validity=invalid]) .db-infotext[data-semantic=critical]{display:flex}.db-checkbox:has(input[data-custom-validity=invalid]) .db-infotext:not([data-semantic]){display:none}.db-checkbox:has(input[data-custom-validity=invalid]) input{--db-current-color-bg-transparent-semi:var( --db-critical-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-critical-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-critical-bg-transparent-pressed );border-color:var(--db-current-color-enabled)}.db-checkbox:has(input[data-custom-validity=invalid]) input:is([type=radio]),.db-checkbox:has(input[data-custom-validity=invalid]) input:not(:checked){--db-current-color-enabled:var( --db-critical-contrast-high-enabled )}.db-checkbox:has(input[data-custom-validity=invalid]) input:checked{--db-current-color-enabled:var(--db-successful-contrast-high-enabled);--db-current-color-hover:var(--db-successful-contrast-high-hover);--db-current-color-pressed:var(--db-successful-contrast-high-pressed)}.db-checkbox:has(input[data-custom-validity=invalid]) label,.db-checkbox:has(input[data-custom-validity=invalid]):is(label){color:var(--db-critical-contrast-high-enabled)}.db-checkbox:has(input:disabled){opacity:.4}.db-checkbox label,.db-checkbox:is(label){display:flex;align-items:center;position:relative;gap:var(--db-spacing-fixed-xs)}.db-checkbox label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]),.db-checkbox:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]){cursor:pointer}.db-checkbox label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input),.db-checkbox label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-checkbox:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input),.db-checkbox:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-checkbox label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-checkbox label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-checkbox:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-checkbox:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-checkbox label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]),.db-checkbox:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]){cursor:pointer}.db-checkbox label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input),.db-checkbox label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-checkbox:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input),.db-checkbox:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-checkbox label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-checkbox label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-checkbox:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-checkbox:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-checkbox input{background-color:var(--db-current-color-bg-transparent-full-enabled);align-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;aspect-ratio:1;border:min(var(--db-border-height-2xs),2px) solid var(--db-check-element-border-color,currentColor);block-size:calc(var(--db-base-font-size)*var(--db-base-line-height));justify-content:center;inline-size:auto;padding:0}.db-checkbox input:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-transparent-hover)}.db-checkbox input:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-checkbox input:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-checkbox input:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-checkbox input:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-checkbox input:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-transparent-pressed)}.db-checkbox input:active:not(:disabled):not([aria-disabled=true]):is(input),.db-checkbox input:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-checkbox input:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-checkbox input:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-checkbox[data-size=small] input{-webkit-margin-end:var(--db-spacing-fixed-2xs);margin-inline-end:var(--db-spacing-fixed-2xs)}.db-checkbox[data-variant=hidden]{font-size:0}.db-checkbox[data-variant=hidden] input{-webkit-margin-end:0;margin-inline-end:0}@media(prefers-reduced-motion:reduce){.db-checkbox{transition-duration:.01s!important}}.db-checkbox input{border-radius:var(--db-border-radius-2xs)}.db-checkbox input:before{--db-icon-margin-end:0;position:absolute;inset-inline:0;inset-block:0}.db-checkbox input:checked{border-width:0;color:var(--db-current-color-bg-enabled);background-color:var(--db-current-color-enabled)}.db-checkbox input:checked:before{--db-icon:"check";-webkit-margin-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs));margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}.db-checkbox input:checked:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-hover)}.db-checkbox input:checked:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-checkbox input:checked:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-checkbox input:checked:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-checkbox input:checked:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-checkbox input:checked:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-pressed)}.db-checkbox input:checked:active:not(:disabled):not([aria-disabled=true]):is(input),.db-checkbox input:checked:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-checkbox input:checked:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-checkbox input:checked:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-checkbox input:checked:before{color:var(--db-current-color-bg-enabled)}.db-checkbox input:indeterminate:before{--db-icon:"minus";-webkit-margin-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs));margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}.db-radio:has(input:required) label:after,.db-radio:has(input:required):is(label):after{content:"*";-webkit-padding-start:var(--db-spacing-fixed-2xs);padding-inline-start:var(--db-spacing-fixed-2xs)}.db-radio:has(input:not([data-custom-validity]):required:valid) .db-infotext[data-semantic=successful]{display:flex}.db-radio:has(input:not([data-custom-validity]):required:valid) .db-infotext:not([data-semantic]){display:none}.db-radio:has(input:not([data-custom-validity]):required:valid) input{--db-current-color-bg-transparent-semi:var( --db-successful-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-successful-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-successful-bg-transparent-pressed );border-color:var(--db-current-color-enabled)}.db-radio:has(input:not([data-custom-validity]):required:valid) input:is([type=radio]),.db-radio:has(input:not([data-custom-validity]):required:valid) input:not(:checked){--db-current-color-enabled:var( --db-successful-contrast-high-enabled )}.db-radio:has(input:not([data-custom-validity]):required:valid) input:checked{--db-current-color-enabled:var(--db-successful-contrast-high-enabled);--db-current-color-hover:var(--db-successful-contrast-high-hover);--db-current-color-pressed:var(--db-successful-contrast-high-pressed)}.db-radio:has(input:not([data-custom-validity]):required:valid) label,.db-radio:has(input:not([data-custom-validity]):required:valid):is(label){color:var(--db-successful-contrast-high-enabled)}.db-radio:has(input[data-custom-validity=valid]) .db-infotext[data-semantic=successful]{display:flex}.db-radio:has(input[data-custom-validity=valid]) .db-infotext:not([data-semantic]){display:none}.db-radio:has(input[data-custom-validity=valid]) input{--db-current-color-bg-transparent-semi:var( --db-successful-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-successful-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-successful-bg-transparent-pressed );border-color:var(--db-current-color-enabled)}.db-radio:has(input[data-custom-validity=valid]) input:is([type=radio]),.db-radio:has(input[data-custom-validity=valid]) input:not(:checked){--db-current-color-enabled:var( --db-successful-contrast-high-enabled )}.db-radio:has(input[data-custom-validity=valid]) input:checked{--db-current-color-enabled:var(--db-successful-contrast-high-enabled);--db-current-color-hover:var(--db-successful-contrast-high-hover);--db-current-color-pressed:var(--db-successful-contrast-high-pressed)}.db-radio:has(input[data-custom-validity=valid]) label,.db-radio:has(input[data-custom-validity=valid]):is(label){color:var(--db-successful-contrast-high-enabled)}.db-radio:has(input:not([data-custom-validity]):required:invalid) .db-infotext[data-semantic=critical]{display:flex}.db-radio:has(input:not([data-custom-validity]):required:invalid) .db-infotext:not([data-semantic]){display:none}.db-radio:has(input:not([data-custom-validity]):required:invalid) input{--db-current-color-bg-transparent-semi:var( --db-critical-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-critical-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-critical-bg-transparent-pressed );border-color:var(--db-current-color-enabled)}.db-radio:has(input:not([data-custom-validity]):required:invalid) input:is([type=radio]),.db-radio:has(input:not([data-custom-validity]):required:invalid) input:not(:checked){--db-current-color-enabled:var( --db-critical-contrast-high-enabled )}.db-radio:has(input:not([data-custom-validity]):required:invalid) input:checked{--db-current-color-enabled:var(--db-successful-contrast-high-enabled);--db-current-color-hover:var(--db-successful-contrast-high-hover);--db-current-color-pressed:var(--db-successful-contrast-high-pressed)}.db-radio:has(input:not([data-custom-validity]):required:invalid) label,.db-radio:has(input:not([data-custom-validity]):required:invalid):is(label){color:var(--db-critical-contrast-high-enabled)}.db-radio:has(input[data-custom-validity=invalid]) .db-infotext[data-semantic=critical]{display:flex}.db-radio:has(input[data-custom-validity=invalid]) .db-infotext:not([data-semantic]){display:none}.db-radio:has(input[data-custom-validity=invalid]) input{--db-current-color-bg-transparent-semi:var( --db-critical-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-critical-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-critical-bg-transparent-pressed );border-color:var(--db-current-color-enabled)}.db-radio:has(input[data-custom-validity=invalid]) input:is([type=radio]),.db-radio:has(input[data-custom-validity=invalid]) input:not(:checked){--db-current-color-enabled:var( --db-critical-contrast-high-enabled )}.db-radio:has(input[data-custom-validity=invalid]) input:checked{--db-current-color-enabled:var(--db-successful-contrast-high-enabled);--db-current-color-hover:var(--db-successful-contrast-high-hover);--db-current-color-pressed:var(--db-successful-contrast-high-pressed)}.db-radio:has(input[data-custom-validity=invalid]) label,.db-radio:has(input[data-custom-validity=invalid]):is(label){color:var(--db-critical-contrast-high-enabled)}.db-radio:has(input:disabled){opacity:.4}.db-radio label,.db-radio:is(label){display:flex;align-items:center;position:relative;gap:var(--db-spacing-fixed-xs)}.db-radio label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]),.db-radio:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]){cursor:pointer}.db-radio label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input),.db-radio label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-radio:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input),.db-radio:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-radio label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-radio label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-radio:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-radio:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-radio label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]),.db-radio:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]){cursor:pointer}.db-radio label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input),.db-radio label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-radio:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input),.db-radio:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-radio label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-radio label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-radio:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-radio:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-radio input{background-color:var(--db-current-color-bg-transparent-full-enabled);align-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;aspect-ratio:1;border:min(var(--db-border-height-2xs),2px) solid var(--db-check-element-border-color,currentColor);block-size:calc(var(--db-base-font-size)*var(--db-base-line-height));justify-content:center;inline-size:auto;padding:0}.db-radio input:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-transparent-hover)}.db-radio input:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-radio input:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-radio input:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-radio input:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-radio input:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-transparent-pressed)}.db-radio input:active:not(:disabled):not([aria-disabled=true]):is(input),.db-radio input:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-radio input:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-radio input:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-radio[data-size=small] input{-webkit-margin-end:var(--db-spacing-fixed-2xs);margin-inline-end:var(--db-spacing-fixed-2xs)}.db-radio[data-variant=hidden]{font-size:0}.db-radio[data-variant=hidden] input{-webkit-margin-end:0;margin-inline-end:0}@media(prefers-reduced-motion:reduce){.db-radio{transition-duration:.01s!important}}.db-radio input{border-color:currentColor;border-radius:var(--db-border-radius-full);transition:border-width var(--db-transition-duration-fast) var(--db-transition-timing-functional)}.db-radio input:checked:not(:disabled):hover{background-color:var(--db-current-color-bg-enabled)}.db-radio input:checked:not([data-size=small]){border-width:calc((calc(var(--db-base-font-size) * var(--db-base-line-height)) - var(--db-sizing-2xs))/2)}.db-radio input:checked[data-size=small]{border-width:calc((calc(var(--db-base-font-size) * var(--db-base-line-height)) - var(--db-sizing-3xs))/2)}.db-badge[data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-emphasis=strong],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:has(a),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:has(input:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-emphasis=strong]{--db-current-icon-color:var(--db-current-color-on-contrast-enabled);--db-current-color-enabled:var(--db-current-color-on-contrast-enabled);--db-current-color-bg-enabled:var(--db-current-color-contrast-high-enabled);--db-current-color-border:var(--db-current-color-contrast-high-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a) label:has(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) a,.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]):not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak]:not(:has(dbbutton)) button:not(.db-tab-remove-button){background-color:var(--db-current-color-bg-lvl-1-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a) label:hover:not(:disabled):not([aria-disabled=true]):has(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) a:hover:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) db-button>button:hover:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]):not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] a:hover:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] db-button>button:hover:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak]:not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):not(.db-tab-remove-button){cursor:pointer;background-color:var(--db-current-color-bg-lvl-1-hover)}.db-tag:has(label,button:not(.db-tab-remove-button),a) label:hover:not(:disabled):not([aria-disabled=true]):is(input):has(input),.db-tag:has(label,button:not(.db-tab-remove-button),a) label:hover:not(:disabled):not([aria-disabled=true]):is(textarea):has(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) a:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) a:hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) db-button>button:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) db-button>button:hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]):not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):is(input):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]):not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):is(textarea):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] a:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] a:hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] db-button>button:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] db-button>button:hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak]:not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):is(input):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak]:not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):is(textarea):not(.db-tab-remove-button){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a) label:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]):has(input),.db-tag:has(label,button:not(.db-tab-remove-button),a) label:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)):has(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) a:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) a:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) db-button>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) db-button>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]):not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]):not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] a:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] a:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] db-button>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] db-button>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak]:not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak]:not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)):not(.db-tab-remove-button){cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a) label:active:not(:disabled):not([aria-disabled=true]):has(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) a:active:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) db-button>button:active:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]):not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] a:active:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] db-button>button:active:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak]:not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):not(.db-tab-remove-button){cursor:pointer;background-color:var(--db-current-color-bg-lvl-1-pressed)}.db-tag:has(label,button:not(.db-tab-remove-button),a) label:active:not(:disabled):not([aria-disabled=true]):is(input):has(input),.db-tag:has(label,button:not(.db-tab-remove-button),a) label:active:not(:disabled):not([aria-disabled=true]):is(textarea):has(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) a:active:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) a:active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) db-button>button:active:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) db-button>button:active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]):not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):is(input):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]):not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):is(textarea):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] a:active:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] a:active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] db-button>button:active:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] db-button>button:active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak]:not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):is(input):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak]:not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):is(textarea):not(.db-tab-remove-button){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a) label:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]):has(input),.db-tag:has(label,button:not(.db-tab-remove-button),a) label:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)):has(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) a:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) a:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) db-button>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) db-button>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]):not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]):not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] a:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] a:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] db-button>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] db-button>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak]:not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak]:not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)):not(.db-tab-remove-button){cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:hover:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:hover:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:hover:not(:disabled):not([aria-disabled=true]):has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):not(.db-tab-remove-button){cursor:pointer;background-color:var(--db-current-color-contrast-high-hover)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:hover:not(:disabled):not([aria-disabled=true]):is(input):has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:hover:not(:disabled):not([aria-disabled=true]):is(textarea):has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):is(input):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):is(textarea):not(.db-tab-remove-button){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]):has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)):has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)):not(.db-tab-remove-button){cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:active:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:active:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:active:not(:disabled):not([aria-disabled=true]):has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):not(.db-tab-remove-button){cursor:pointer;background-color:var(--db-current-color-contrast-high-pressed)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:active:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:active:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:active:not(:disabled):not([aria-disabled=true]):is(input):has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:active:not(:disabled):not([aria-disabled=true]):is(textarea):has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):is(input):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):is(textarea):not(.db-tab-remove-button){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]):has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)):has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]):not(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)):not(.db-tab-remove-button){cursor:pointer}[data-no-text=true].db-tag{--icon-margin-after:0;font-size:0!important;padding:0}[data-no-text=true].db-tag:before{--db-icon-margin-end:0}[data-no-text=true].db-tag label{font-size:0!important}[data-no-text=true].db-tag label:before{--db-icon-margin-end:0}.db-tag:not([data-no-text=true]){--db-padding-inline-start:var(--db-spacing-fixed-2xs);padding-inline:var(--db-padding-inline-start) var(--db-spacing-fixed-2xs)}.db-tag:not([data-no-text=true]):has(.db-tab-remove-button){-webkit-padding-end:0;padding-inline-end:0}.db-tag:not([data-no-text=true]):has(a),.db-tag:not([data-no-text=true]):has(db-button):has(db-button:not(.db-tab-remove-button)),.db-tag:not([data-no-text=true]):has(dbbutton):has(dbbutton:not(.db-tab-remove-button)),.db-tag:not([data-no-text=true]):has(label),.db-tag:not([data-no-text=true]):not(:has(dbbutton)):has(button:not(.db-tab-remove-button)){padding-inline:0}.db-tag{--db-icon-margin-end:var(--db-spacing-fixed-2xs);padding-block:0;block-size:var(--db-sizing-sm);min-inline-size:var(--db-sizing-sm);inline-size:-moz-fit-content;inline-size:fit-content}.db-tag:has(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a)){background-color:var(--db-current-color-bg-lvl-1-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon]:before{position:absolute;inset-block-start:calc(50% - .5em);inset-inline-start:var(--db-spacing-fixed-2xs);pointer-events:none;z-index:1}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon] button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon] label{--db-padding-inline-start:calc(var(--db-spacing-fixed-2xs) + var(--db-icon-margin-end, var(--db-spacing-fixed-xs)) + var(--db-base-font-size) * var(--db-base-line-height));-webkit-padding-start:var(--db-padding-inline-start);padding-inline-start:var(--db-padding-inline-start)}.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked{background-color:transparent}.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:transparent}.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:hover:not(:disabled):not([aria-disabled=true]):is(input){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:transparent}.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:active:not(:disabled):not([aria-disabled=true]):is(input){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a) input:checked:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a) a{color:currentColor}.db-tag:has(label,button:not(.db-tab-remove-button),a) a:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;color:currentColor}.db-tag:has(label,button:not(.db-tab-remove-button),a) a:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a) a:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a) a:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a) a:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a) a:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;color:currentColor}.db-tag:has(label,button:not(.db-tab-remove-button),a) a:active:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a) a:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a) a:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a) a:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=checkbox]:checked){background-color:var(--db-current-color-bg-lvl-3-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=checkbox]:checked):hover:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=checkbox]:checked):hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-lvl-3-hover)}.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=checkbox]:checked):hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=checkbox]:checked):hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=checkbox]:checked):hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=checkbox]:checked):hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=checkbox]:checked):hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=checkbox]:checked):hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=checkbox]:checked):hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=checkbox]:checked):hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=checkbox]:checked):active:not(:disabled):not([aria-disabled=true]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=checkbox]:checked):active:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-lvl-3-pressed)}.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=checkbox]:checked):active:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=checkbox]:checked):active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=checkbox]:checked):active:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=checkbox]:checked):active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=checkbox]:checked):active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=checkbox]:checked):active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=checkbox]:checked):active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=checkbox]:checked):active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a):not([data-emphasis]) label:has(input[type=radio]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=weak] label:has(input[type=radio]:checked){background-color:var(--db-current-color-bg-lvl-3-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-contrast-high-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):hover:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):active:not(:disabled):not([aria-disabled=true]){cursor:pointer;cursor:default;background-color:var(--db-current-color-contrast-high-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):active:not(:disabled):not([aria-disabled=true]):is(input),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked):active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-tag button:nth-of-type(2),.db-tag dbbutton:nth-of-type(2),.db-tag:has(db-button):has(dbbutton) .db-tab-remove-button{display:none}.db-tag{position:relative}.db-tag label{inline-size:100%;-webkit-margin-start:0;margin-inline-start:0}.db-tag label:has(input:checked){border-width:var(--db-border-height-3xs)}.db-tag label:has(input:checked):before{content:none}.db-tag label input{inline-size:calc(100% + 2px);block-size:calc(100% + 2px);position:absolute;-webkit-margin-end:initial;margin-inline-end:0;border:none;border-radius:inherit;transform:translateX(calc((var(--db-padding-inline-start, var(--db-spacing-fixed-2xs)) + var(--db-border-height-3xs)) * -1))}.db-tag label input:checked,.db-tag label input:checked:not(:disabled):active,.db-tag label input:checked:not(:disabled):hover{background-color:var(--db-brand-bg-transparent-full-enabled)}.db-tag label input:checked:before{--db-icon:""}.db-tag a{display:inline-flex;align-items:center;text-decoration:none}.db-tag a:after{--db-icon-margin-start:0;--db-icon-font-size:0;content:none!important}.db-tag .db-link:active,.db-tag .db-link:hover{color:inherit}.db-tag:has(:is(dbbutton,db-button):not(.db-tab-remove-button),a,label),.db-tag:not(:has(dbbutton,db-button)):has(button:not(.db-tab-remove-button)){border:none}.db-tag a,.db-tag button,.db-tag label{block-size:inherit;padding:0 var(--db-spacing-fixed-2xs);border-radius:var(--db-border-radius-xs)}.db-tag db-button,.db-tag db-checkbox,.db-tag db-link,.db-tag db-radio,.db-tag dbbutton,.db-tag dbcheckbox,.db-tag dblink,.db-tag dbradio{block-size:inherit}.db-tag[data-disabled=true]{opacity:.4;pointer-events:none}.db-tag[data-overflow=true]{max-inline-size:var(--db-sizing-2xl)}.db-tag[data-overflow=true]>*{inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-tag .db-tab-remove-button button,.db-tag .db-tab-remove-button:is(button){background-color:var(--db-current-color-bg-transparent-full-enabled);-webkit-margin-start:var(--db-spacing-fixed-2xs);margin-inline-start:var(--db-spacing-fixed-2xs);block-size:100%}.db-drawer .db-drawer-container{inset-inline:auto 0}.db-drawer [data-rounded=true].db-drawer-container{border-start-start-radius:var(--db-border-radius-sm);border-end-start-radius:var(--db-border-radius-sm)}.db-drawer .db-drawer-container[data-direction=left]{inset-inline:0 auto}.db-drawer [data-rounded=true].db-drawer-container[data-direction=left]{border-start-end-radius:var(--db-border-radius-sm);border-end-end-radius:var(--db-border-radius-sm)}.db-drawer .db-drawer-container[data-direction=down]:not([data-width=full]),.db-drawer .db-drawer-container[data-direction=up]:not([data-width=full]){max-block-size:var(--db-drawer-max-height,calc(100% - var(--db-spacing-fixed-xl)));max-inline-size:none}.db-drawer .db-drawer-container[data-direction=up]{inset:auto 0 0}.db-drawer [data-rounded=true].db-drawer-container[data-direction=up]{border-start-end-radius:var(--db-border-radius-sm);border-start-start-radius:var(--db-border-radius-sm)}.db-drawer .db-drawer-container[data-direction=down]{inset:0 0 auto}.db-drawer [data-rounded=true].db-drawer-container[data-direction=down]{border-end-end-radius:var(--db-border-radius-sm);border-end-start-radius:var(--db-border-radius-sm)}.db-drawer .db-drawer-container{padding-block:var(--db-spacing-fixed-sm)}.db-drawer [data-spacing=small].db-drawer-container{padding-block:var(--db-spacing-fixed-xs)}.db-drawer [data-spacing=small].db-drawer-container .db-drawer-header{-webkit-padding-after:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-xs));padding-block-end:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-xs));padding-inline:var(--db-spacing-fixed-md)}.db-drawer [data-spacing=small].db-drawer-container .db-drawer-content{padding-inline:var(--db-drawer-content-padding-inline,var(--db-spacing-fixed-md))}.db-drawer .db-drawer-container .db-drawer-header{-webkit-padding-after:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-sm));padding-block-end:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-sm));padding-inline:var(--db-spacing-fixed-lg)}.db-drawer .db-drawer-container .db-drawer-content{padding-inline:var(--db-drawer-content-padding-inline,var(--db-spacing-fixed-lg))}.db-drawer [data-spacing=medium].db-drawer-container{padding-block:var(--db-spacing-fixed-sm)}.db-drawer [data-spacing=medium].db-drawer-container .db-drawer-header{-webkit-padding-after:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-sm));padding-block-end:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-sm));padding-inline:var(--db-spacing-fixed-lg)}.db-drawer [data-spacing=medium].db-drawer-container .db-drawer-content{padding-inline:var(--db-drawer-content-padding-inline,var(--db-spacing-fixed-lg))}.db-drawer [data-spacing=large].db-drawer-container{padding-block:var(--db-spacing-fixed-md)}.db-drawer [data-spacing=large].db-drawer-container .db-drawer-header{-webkit-padding-after:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-md));padding-block-end:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-md));padding-inline:var(--db-spacing-fixed-xl)}.db-drawer [data-spacing=large].db-drawer-container .db-drawer-content{padding-inline:var(--db-drawer-content-padding-inline,var(--db-spacing-fixed-xl))}.db-drawer [data-spacing=none].db-drawer-container{padding-block:0}.db-drawer [data-spacing=none].db-drawer-container .db-drawer-header{-webkit-padding-after:var(--db-drawer-header-padding-block-end,0);padding-block-end:var(--db-drawer-header-padding-block-end,0);padding-inline:0}.db-drawer [data-spacing=none].db-drawer-container .db-drawer-content{padding-inline:var(--db-drawer-content-padding-inline,0)}.db-drawer .db-drawer-container{display:flex;flex-direction:column;background-color:var(--db-current-color-bg-lvl-1-enabled);block-size:100%;inline-size:100%;position:fixed;box-shadow:var(--db-elevation-md)}.db-drawer .db-drawer-container:not([data-width=full]){max-inline-size:var(--db-drawer-max-width,calc(100% - var(--db-spacing-fixed-xl)))}.db-drawer .db-drawer-container[data-rounded=true]{box-shadow:var(--db-elevation-md)}.db-drawer .db-drawer-container .db-drawer-header{--db-divider-bg-color:var(--db-current-color-border);position:relative;display:none}.db-drawer .db-drawer-container .db-drawer-header[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-color-contrast-low-enabled)}.db-drawer .db-drawer-container .db-drawer-header:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:var(--db-border-height-3xs);inset-block-end:0;inset-inline:0}.db-drawer .db-drawer-container .db-drawer-header .db-drawer-header-text{margin-block:auto;font-weight:700}.db-drawer .db-drawer-container .db-drawer-header .button-close-drawer,.db-drawer .db-drawer-container .db-drawer-header .button-close-drawer button{-webkit-margin-start:auto;margin-inline-start:auto}.db-drawer .db-drawer-container .db-drawer-header:has(.button-close-drawer),.db-drawer .db-drawer-container .db-drawer-header:has(:not(.db-drawer-header-text:empty)){display:flex}.db-drawer[open] .db-drawer-container:not([data-direction]),.db-drawer[open] .db-drawer-container[data-direction=right]{animation:show-right-to-left var(--db-transition-straight-show)}.db-drawer[open] .db-drawer-container[data-direction=left]{animation:show-left-to-right var(--db-transition-straight-show)}.db-drawer[open] .db-drawer-container[data-direction=up]{animation:show-bottom-to-top var(--db-transition-straight-show)}.db-drawer[open] .db-drawer-container[data-direction=down]{animation:show-top-to-bottom var(--db-transition-straight-show)}.db-drawer[open] .db-drawer-container[hidden]:not([data-direction]),.db-drawer[open] .db-drawer-container[hidden][data-direction=right]{animation:hide-right-to-left var(--db-transition-straight-hide)}.db-drawer[open] .db-drawer-container[hidden][data-direction=left]{animation:hide-left-to-right var(--db-transition-straight-hide)}.db-drawer[open] .db-drawer-container[hidden][data-direction=up]{animation:hide-bottom-to-top var(--db-transition-straight-hide)}.db-drawer[open] .db-drawer-container[hidden][data-direction=down]{animation:hide-top-to-bottom var(--db-transition-straight-hide)}[data-icon].db-select{--db-form-has-before:1}.db-select{--db-form-component-padding-inline-end:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)) + var(--db-spacing-fixed-sm));--db-form-has-before:0;--db-current-icon-color:var(--db-current-color-enabled);position:relative;display:flex;flex-direction:column;min-inline-size:calc(4*var(--db-sizing-md) + var(--db-form-has-before)*var(--db-sizing-md))}.db-select[data-variant=floating] label{opacity:.4;position:absolute;z-index:2;inset-block-start:calc((var(--db-sizing-md) - calc(var(--db-base-font-size) * var(--db-base-line-height)))/2);inset-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm))}.db-select[data-variant=floating]:after,.db-select[data-variant=floating]:before{inset-block-start:calc(var(--db-sizing-md)/2 - calc(var(--db-base-font-size) * var(--db-base-line-height))/2)}.db-select[data-variant=floating] [id$=-placeholder]{inset-block-start:calc(50% - .5em + var(--db-spacing-fixed-3xs))}.db-select[data-variant=floating] select{-webkit-padding-before:calc(var(--db-type-body-font-size-2xs) + var(--db-spacing-fixed-3xs));padding-block-start:calc(var(--db-type-body-font-size-2xs) + var(--db-spacing-fixed-3xs))}.db-select[data-variant=floating] select+[id$=-placeholder],.db-select[data-variant=floating] select::placeholder{transition:none;opacity:0}.db-select[data-variant=floating]:has(>select option:checked:not([hidden])) label,.db-select[data-variant=floating]:has(select:focus-within) label,.db-select[data-variant=floating]:has(select:is(input,textarea):not(:placeholder-shown)) label{inset-block-start:var(--db-spacing-fixed-2xs);opacity:1}.db-select[data-variant=floating]:has(>select option:checked:not([hidden])) select+[id$=-placeholder],.db-select[data-variant=floating]:has(>select option:checked:not([hidden])) select::placeholder,.db-select[data-variant=floating]:has(select:focus-within) select+[id$=-placeholder],.db-select[data-variant=floating]:has(select:focus-within) select::placeholder,.db-select[data-variant=floating]:has(select:is(input,textarea):not(:placeholder-shown)) select+[id$=-placeholder],.db-select[data-variant=floating]:has(select:is(input,textarea):not(:placeholder-shown)) select::placeholder{transition:opacity var(--db-transition-straight-emotional);opacity:.4}.db-select:has(select:required) label:after,.db-select:has(select:required):is(label):after{content:"*";-webkit-padding-start:var(--db-spacing-fixed-2xs);padding-inline-start:var(--db-spacing-fixed-2xs)}.db-select:has(select:not([data-custom-validity]):is(:required):user-valid) .db-infotext[data-semantic=successful]{display:flex}.db-select:has(select:not([data-custom-validity]):is(:required):user-valid) .db-infotext:not([data-semantic]){display:none}.db-select:has(select:not([data-custom-validity]):is(:required):user-valid) [id$=-placeholder],.db-select:has(select:not([data-custom-validity]):is(:required):user-valid) select{color:var(--db-successful-on-bg-enabled);caret-color:var(--db-successful-on-bg-enabled)}.db-select:has(select[data-custom-validity=valid]) .db-infotext[data-semantic=successful]{display:flex}.db-select:has(select[data-custom-validity=valid]) .db-infotext:not([data-semantic]){display:none}.db-select:has(select[data-custom-validity=valid]) [id$=-placeholder],.db-select:has(select[data-custom-validity=valid]) select{color:var(--db-successful-on-bg-enabled);caret-color:var(--db-successful-on-bg-enabled)}.db-select:has(select:not([data-custom-validity]):is(:required):user-invalid) .db-infotext[data-semantic=critical]{display:flex}.db-select:has(select:not([data-custom-validity]):is(:required):user-invalid) .db-infotext:not([data-semantic]){display:none}.db-select:has(select:not([data-custom-validity]):is(:required):user-invalid) [id$=-placeholder],.db-select:has(select:not([data-custom-validity]):is(:required):user-invalid) select{color:var(--db-successful-on-bg-enabled);caret-color:var(--db-successful-on-bg-enabled)}.db-select:has(select[data-custom-validity=invalid]) .db-infotext[data-semantic=critical]{display:flex}.db-select:has(select[data-custom-validity=invalid]) .db-infotext:not([data-semantic]){display:none}.db-select:has(select[data-custom-validity=invalid]) [id$=-placeholder],.db-select:has(select[data-custom-validity=invalid]) select{color:var(--db-successful-on-bg-enabled);caret-color:var(--db-successful-on-bg-enabled)}.db-select select{background-color:var(--db-current-color-bg-transparent-semi-enabled);caret-color:var(--db-current-color-enabled);-webkit-appearance:none;-moz-appearance:none;appearance:none;max-inline-size:100%;inline-size:100%;padding-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end,var(--db-spacing-fixed-sm))}.db-select select+[id$=-placeholder],.db-select select::placeholder{opacity:.4}.db-select select:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-transparent-hover)}.db-select select:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-select select:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-select select:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-select select:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-select select:is(input,textarea):not(:disabled):-moz-read-only{background-color:var(--db-textarea-read-only,var(--db-current-color-bg-lvl-1-enabled))!important}.db-select select:is(input,textarea):not(:disabled):read-only{background-color:var(--db-textarea-read-only,var(--db-current-color-bg-lvl-1-enabled))!important}.db-select label{-webkit-padding-after:var(--db-spacing-fixed-xs);padding-block-end:var(--db-spacing-fixed-xs);pointer-events:none;cursor:text;transition:font-size var(--db-transition-straight-emotional);max-inline-size:25ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.db-select[data-variant=hidden] label{padding:0}.db-select:has(select:disabled){opacity:.4;pointer-events:none}.db-select:after,.db-select:before{position:absolute;pointer-events:none;inset-block-start:calc(var(--db-sizing-md)/2 - var(--db-spacing-fixed-xs)*var(--db-label-visible-spacing, 0) + calc(var(--db-type-body-font-size-xs) * var(--db-type-body-line-height-xs))*var(--db-label-visible-height, 1) - 1px)}.db-select:before{-webkit-margin-end:var(--db-spacing-fixed-sm);margin-inline-end:var(--db-spacing-fixed-sm);inset-inline-start:var(--db-spacing-fixed-sm)}.db-select:after{-webkit-margin-start:var(--db-spacing-fixed-sm);margin-inline-start:var(--db-spacing-fixed-sm);inset-inline-end:var(--db-spacing-fixed-sm)}.db-select select{block-size:var(--db-sizing-md);text-overflow:ellipsis;text-indent:calc(var(--db-form-has-before)*(var(--db-base-body-icon-font-size-sm) + var(--db-spacing-fixed-sm)))}.db-select option{background-color:var(--db-current-color-bg-enabled)}.db-select[data-variant=hidden]{--db-label-visible-height:0;--db-label-visible-spacing:1}.db-select [id$=-placeholder]{position:absolute;pointer-events:none;inset-block-start:calc(0% + (calc(var(--db-type-body-font-size-xs) * var(--db-type-body-line-height-xs)) + var(--db-spacing-fixed-xs))*var(--db-label-visible-height, 1) + var(--db-base-font-size)/2 - var(--db-density-functional, 0)*1px);inset-inline:calc(var(--db-form-has-before)*(var(--db-base-body-icon-font-size-sm) + var(--db-spacing-fixed-sm)));-webkit-margin-start:var(--db-spacing-fixed-sm);margin-inline-start:var(--db-spacing-fixed-sm);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;inline-size:calc(100% - var(--db-form-component-padding-inline-end) - calc(var(--db-form-has-before) * (var(--db-base-body-icon-font-size-sm) + var(--db-spacing-fixed-sm))) - var(--db-spacing-fixed-sm))}.db-select:has(>select option:checked:not([hidden])) [id$=-placeholder]{display:none}@media screen and (min-width:64em){.db-navigation-item .db-navigation-item-expand-button:not([data-force-mobile]):focus-visible:is(button)~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button:not([data-force-mobile]):hover:is(button)~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):focus-visible~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):hover~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:focus-visible~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:hover~.db-sub-navigation,.db-navigation-item [data-force-mobile=false].db-navigation-item-expand-button:focus-visible:is(button)~.db-sub-navigation,.db-navigation-item [data-force-mobile=false].db-navigation-item-expand-button:hover:is(button)~.db-sub-navigation{visibility:visible}}.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button,.db-navigation-item a{background-color:var(--db-current-color-bg-transparent-full-enabled);cursor:pointer;inline-size:100%;display:inline-flex;border-radius:var(--db-border-radius-sm);padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-sm);white-space:nowrap;text-align:center;align-items:center}.db-navigation-item .db-navigation-item-expand-button:hover:not(:disabled):not([aria-disabled=true]):is(button),.db-navigation-item .db-navigation-item-expand-button>button:hover:not(:disabled):not([aria-disabled=true]),.db-navigation-item a:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-transparent-hover)}.db-navigation-item .db-navigation-item-expand-button:hover:not(:disabled):not([aria-disabled=true]):is(input):is(button),.db-navigation-item .db-navigation-item-expand-button:hover:not(:disabled):not([aria-disabled=true]):is(textarea):is(button),.db-navigation-item .db-navigation-item-expand-button>button:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-navigation-item .db-navigation-item-expand-button>button:hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-navigation-item a:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-navigation-item a:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-navigation-item .db-navigation-item-expand-button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]):is(button),.db-navigation-item .db-navigation-item-expand-button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)):is(button),.db-navigation-item .db-navigation-item-expand-button>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-navigation-item .db-navigation-item-expand-button>button:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-navigation-item a:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-navigation-item a:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-navigation-item .db-navigation-item-expand-button:active:not(:disabled):not([aria-disabled=true]):is(button),.db-navigation-item .db-navigation-item-expand-button>button:active:not(:disabled):not([aria-disabled=true]),.db-navigation-item a:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-transparent-pressed)}.db-navigation-item .db-navigation-item-expand-button:active:not(:disabled):not([aria-disabled=true]):is(input):is(button),.db-navigation-item .db-navigation-item-expand-button:active:not(:disabled):not([aria-disabled=true]):is(textarea):is(button),.db-navigation-item .db-navigation-item-expand-button>button:active:not(:disabled):not([aria-disabled=true]):is(input),.db-navigation-item .db-navigation-item-expand-button>button:active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-navigation-item a:active:not(:disabled):not([aria-disabled=true]):is(input),.db-navigation-item a:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-navigation-item .db-navigation-item-expand-button:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]):is(button),.db-navigation-item .db-navigation-item-expand-button:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)):is(button),.db-navigation-item .db-navigation-item-expand-button>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-navigation-item .db-navigation-item-expand-button>button:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-navigation-item a:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-navigation-item a:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-navigation-item .db-navigation-item-expand-button:has(~.db-sub-navigation:hover):is(button),.db-navigation-item .db-navigation-item-expand-button>button:has(~.db-sub-navigation:hover),.db-navigation-item a:has(~.db-sub-navigation:hover){background-color:var(--db-current-color-bg-transparent-hover)}.db-navigation-item{--db-has-before:0;display:inline-flex;position:relative;inline-size:100%}.db-navigation-item[data-icon]:before{position:absolute;inset-block-start:calc(50% - .5em);inset-inline-start:var(--db-spacing-fixed-sm);pointer-events:none;z-index:1}.db-navigation-item[data-icon] a,.db-navigation-item[data-icon] button,.db-navigation-item[data-icon] label{--db-padding-inline-start:calc(var(--db-spacing-fixed-sm) + var(--db-icon-margin-end, var(--db-spacing-fixed-xs)) + var(--db-base-font-size) * var(--db-base-line-height));-webkit-padding-start:var(--db-padding-inline-start);padding-inline-start:var(--db-padding-inline-start)}.db-navigation-item[data-force-mobile=true]:not([data-width=full]) .db-navigation-item-expand-button:after{--db-icon-margin-start:auto}@media screen and (max-width:63.9375em){.db-navigation-item:not([data-width=full]) .db-navigation-item-expand-button:after{--db-icon-margin-start:auto}}.db-navigation-item a{text-decoration:none}.db-navigation-item a:focus-visible{z-index:1}.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true][aria-expanded=true]~.db-sub-navigation{visibility:visible;transition:visibility 0ms linear 0ms;animation:show-right-to-left var(--db-transition-straight-show)}.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true][aria-expanded=true]~.db-sub-navigation .db-sub-navigation{inset-block:0}.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true]:not(.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true][aria-expanded=true])~.db-sub-navigation{transition:visibility 0ms linear .41s;animation:hide-right-to-left var(--db-transition-straight-hide)}@media screen and (max-width:63.9375em){.db-navigation-item .db-navigation-item-expand-button[aria-expanded=true]~.db-sub-navigation{visibility:visible;transition:visibility 0ms linear 0ms;animation:show-right-to-left var(--db-transition-straight-show)}.db-navigation-item .db-navigation-item-expand-button[aria-expanded=true]~.db-sub-navigation .db-sub-navigation{inset-block:0}.db-navigation-item .db-navigation-item-expand-button:not(.db-navigation-item .db-navigation-item-expand-button[aria-expanded=true])~.db-sub-navigation{transition:visibility 0ms linear .41s;animation:hide-right-to-left var(--db-transition-straight-hide)}}.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button{font-weight:inherit}.db-navigation-item .db-navigation-item-expand-button:is(button):after,.db-navigation-item .db-navigation-item-expand-button>button:after{--db-icon-after:"chevron_right";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports(content:""/""){.db-navigation-item .db-navigation-item-expand-button:is(button):after,.db-navigation-item .db-navigation-item-expand-button>button:after{content:var(--db-icon-after,attr(data-icon-after))/""}}.db-navigation-item:has([aria-current=page])>:is(a,button),.db-navigation-item[aria-current=page]>:is(a,button){font-weight:700}.db-navigation-item:not([data-width=full]) .db-navigation-item-expand-button:after{--db-icon-margin-start:var(--db-spacing-fixed-sm)}.db-navigation-item[data-width=full]{inline-size:100%}.db-navigation-item[data-width=full] .db-navigation-item-expand-button:after{--db-icon-margin-start:auto}.db-navigation-item[aria-disabled=true]{opacity:.4;pointer-events:none}.db-sub-navigation{margin:0;display:flex;flex-direction:column;z-index:70;inset-inline-start:0;background-color:var(--db-current-color-bg-lvl-1-enabled);visibility:hidden}.db-sub-navigation[data-force-mobile=true]{padding:var(--db-spacing-fixed-md);inline-size:100%;position:fixed;overflow-y:auto;inset-block:calc(var(--db-sizing-fixed-mobile-header, 3.5rem) + var(--db-spacing-fixed-3xs)) calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs)*2 + var(--db-spacing-fixed-3xs))}@media screen and (max-width:63.9375em){.db-sub-navigation{padding:var(--db-spacing-fixed-md);inline-size:100%;position:fixed;overflow-y:auto;inset-block:calc(var(--db-sizing-fixed-mobile-header, 3.5rem) + var(--db-spacing-fixed-3xs)) calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs)*2 + var(--db-spacing-fixed-3xs))}}@media screen and (min-width:64em){.db-sub-navigation:not([data-force-mobile]) .db-mobile-navigation-back,.db-sub-navigation[data-force-mobile=false] .db-mobile-navigation-back{display:none}.db-sub-navigation:not([data-force-mobile]),.db-sub-navigation[data-force-mobile=false]{border-radius:var(--db-border-radius-sm);box-shadow:var(--db-elevation-md);padding:var(--db-spacing-fixed-sm);position:absolute;min-inline-size:328px;inset-block-start:calc(100% + var(--db-spacing-fixed-md));transition:visibility 1ms linear}.db-sub-navigation:not([data-force-mobile])[data-outside-vx=true],.db-sub-navigation[data-force-mobile=false][data-outside-vx=true]{transform:translateX(-100%);inset-inline-start:100%}}@media screen and (min-width:64em){.db-sub-navigation:not([data-force-mobile]):focus-within,.db-sub-navigation:not([data-force-mobile]):hover,.db-sub-navigation[data-force-mobile=false]:focus-within,.db-sub-navigation[data-force-mobile=false]:hover{visibility:visible}.db-sub-navigation:not([data-force-mobile]):before,.db-sub-navigation[data-force-mobile=false]:before{content:"";position:absolute;inset-inline-start:0;inline-size:100%;block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-md));inset-block-start:calc(-1*var(--db-spacing-fixed-md) - var(--db-spacing-fixed-3xs))}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation,.db-sub-navigation[data-force-mobile=false] .db-sub-navigation{inset-block-start:calc(-50% + var(--db-spacing-fixed-xs) + 1px);inset-inline-start:calc(100% + var(--db-spacing-fixed-xs))}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation[data-outside-vy=true],.db-sub-navigation[data-force-mobile=false] .db-sub-navigation[data-outside-vy=true]{inset-block-start:calc(100% + var(--db-spacing-fixed-md));transform:translateY(-100%)}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation[data-outside-vx=true],.db-sub-navigation[data-force-mobile=false] .db-sub-navigation[data-outside-vx=true]{transform:translateX(-100%);inset-inline-start:calc(-1*var(--db-spacing-fixed-xs))}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation[data-outside-vx=true][data-outside-vy=true],.db-sub-navigation[data-force-mobile=false] .db-sub-navigation[data-outside-vx=true][data-outside-vy=true]{transform:translate(-100%,-100%)}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation:before,.db-sub-navigation[data-force-mobile=false] .db-sub-navigation:before{content:"";position:absolute;padding:var(--db-spacing-fixed-xs);inset-block-start:var(--db-spacing-fixed-3xs);inset-inline-start:calc(-1*var(--db-spacing-fixed-xs));block-size:100%;inline-size:var(--db-spacing-fixed-xs)}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation:after,.db-sub-navigation[data-force-mobile=false] .db-sub-navigation:after{content:"";position:absolute;padding:var(--db-spacing-fixed-xs);inset-block-start:var(--db-spacing-fixed-3xs);inset-inline-end:calc(-1*var(--db-spacing-fixed-xs));block-size:100%;inline-size:var(--db-spacing-fixed-xs)}}.db-sub-navigation:empty{display:none}.db-sub-navigation .db-navigation-item{inline-size:100%}.db-sub-navigation .db-navigation-item:after{-webkit-margin-start:auto;margin-inline-start:auto}.db-mobile-navigation-back{--db-divider-bg-color:var(--db-current-color-border);position:relative;display:flex;font-weight:400;background-color:var(--db-current-color-bg-lvl-1-enabled);-webkit-padding-after:var(--db-spacing-fixed-md);padding-block-end:var(--db-spacing-fixed-md);-webkit-margin-after:var(--db-spacing-fixed-md);margin-block-end:var(--db-spacing-fixed-md)}.db-mobile-navigation-back[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-color-contrast-low-enabled)}.db-mobile-navigation-back:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:var(--db-border-height-3xs);inset-block-end:0;inset-inline:0}.db-tab-list>ul::-webkit-scrollbar,.db-textarea textarea::-webkit-scrollbar{z-index:3;inline-size:.5rem;block-size:.5rem;background-color:var(--db-current-color-bg-lvl-1-enabled);border-start-end-radius:var(--db-border-radius-xs)}.db-tab-list>ul:hover::-webkit-scrollbar-button:single-button,.db-tab-list>ul:hover::-webkit-scrollbar-track,.db-textarea textarea:hover::-webkit-scrollbar-button:single-button,.db-textarea textarea:hover::-webkit-scrollbar-track{background-color:var(--db-current-color-bg-transparent-hover)}.db-tab-list>ul:read-only::-webkit-scrollbar-button:single-button,.db-tab-list>ul:read-only::-webkit-scrollbar-track,.db-textarea textarea:read-only::-webkit-scrollbar-button:single-button,.db-textarea textarea:read-only::-webkit-scrollbar-track{background-color:var(--db-current-color-bg-lvl-1-enabled)!important}.db-tab-list>ul::-webkit-scrollbar-track,.db-textarea textarea::-webkit-scrollbar-track{background-color:var(--db-current-color-bg-transparent-semi-enabled)}.db-tab-list>ul::-webkit-scrollbar-thumb,.db-textarea textarea::-webkit-scrollbar-thumb{background-color:var(--db-current-color-bg-transparent-pressed)}.db-tab-list>ul::-webkit-scrollbar-button:single-button,.db-textarea textarea::-webkit-scrollbar-button:single-button{background-color:var(--db-current-color-bg-transparent-semi-enabled);background-size:.5rem;background-repeat:no-repeat;background-position:50%;block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + calc(var(--db-type-body-font-size-2xs) * var(--db-type-body-line-height-2xs)))}.db-tab-list>ul::-webkit-scrollbar-button:single-button:hover,.db-textarea textarea::-webkit-scrollbar-button:single-button:hover{background-color:var(--db-current-color-bg-transparent-hover)}.db-tab-list>ul::-webkit-scrollbar-button:single-button:active,.db-textarea textarea::-webkit-scrollbar-button:single-button:active{background-color:var(--db-current-color-bg-transparent-pressed)}.db-tab-list>ul::-webkit-scrollbar-button:single-button:vertical:decrement,.db-textarea textarea::-webkit-scrollbar-button:single-button:vertical:decrement{background-image:var(--db-textarea-scrollbar-button-decrement)}.db-tab-list>ul::-webkit-scrollbar-button:single-button:vertical:increment,.db-textarea textarea::-webkit-scrollbar-button:single-button:vertical:increment{background-image:var(--db-textarea-scrollbar-button-increment)}.db-tab-list>ul[data-variant=floating]::-webkit-resizer,.db-textarea textarea[data-variant=floating]::-webkit-resizer{background-color:var(--db-current-color-bg-transparent-semi-enabled)}.db-tab-list>ul[data-variant=floating]::-webkit-scrollbar-corner,.db-textarea textarea[data-variant=floating]::-webkit-scrollbar-corner{background-color:var(--db-current-color-bg-lvl-1-enabled)}.db-tab-list>ul::-webkit-resizer,.db-textarea textarea::-webkit-resizer{background-color:var(--db-current-color-bg-transparent-full-enabled);background-size:.5rem;background-repeat:no-repeat;background-position:50%;background-image:var(--db-textarea-resizer-image);border-end-end-radius:var(--db-border-radius-xs)}.db-tab-list>ul::-webkit-scrollbar-corner,.db-textarea textarea::-webkit-scrollbar-corner{border-end-end-radius:var(--db-border-radius-xs)}.db-textarea textarea[data-resize=none]{resize:none}.db-textarea textarea[data-resize=both]{resize:both}.db-textarea textarea[data-resize=horizontal]{resize:horizontal}.db-textarea textarea[data-resize=vertical]{resize:vertical}.db-textarea{--db-form-has-before:0;--db-current-icon-color:var(--db-current-color-enabled);position:relative;display:flex;flex-direction:column}.db-textarea[data-variant=floating] label{opacity:.4;position:absolute;z-index:2;inset-block-start:calc((var(--db-sizing-md) - calc(var(--db-base-font-size) * var(--db-base-line-height)))/2);inset-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm))}.db-textarea[data-variant=floating]:after,.db-textarea[data-variant=floating]:before{inset-block-start:calc(var(--db-sizing-md)/2 - calc(var(--db-base-font-size) * var(--db-base-line-height))/2)}.db-textarea[data-variant=floating] [id$=-placeholder]{inset-block-start:calc(50% - .5em + var(--db-spacing-fixed-3xs))}.db-textarea[data-variant=floating] textarea{-webkit-padding-before:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + calc(var(--db-type-body-font-size-2xs) * var(--db-type-body-line-height-2xs)));padding-block-start:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + calc(var(--db-type-body-font-size-2xs) * var(--db-type-body-line-height-2xs)))}.db-textarea[data-variant=floating] textarea+[id$=-placeholder],.db-textarea[data-variant=floating] textarea::placeholder{transition:none;opacity:0}.db-textarea[data-variant=floating]:has(>select option:checked:not([hidden])) label,.db-textarea[data-variant=floating]:has(textarea:focus-within) label,.db-textarea[data-variant=floating]:has(textarea:is(input,textarea):not(:placeholder-shown)) label{inset-block-start:var(--db-spacing-fixed-2xs);opacity:1}.db-textarea[data-variant=floating]:has(>select option:checked:not([hidden])) textarea+[id$=-placeholder],.db-textarea[data-variant=floating]:has(>select option:checked:not([hidden])) textarea::placeholder,.db-textarea[data-variant=floating]:has(textarea:focus-within) textarea+[id$=-placeholder],.db-textarea[data-variant=floating]:has(textarea:focus-within) textarea::placeholder,.db-textarea[data-variant=floating]:has(textarea:is(input,textarea):not(:placeholder-shown)) textarea+[id$=-placeholder],.db-textarea[data-variant=floating]:has(textarea:is(input,textarea):not(:placeholder-shown)) textarea::placeholder{transition:opacity var(--db-transition-straight-emotional);opacity:.4}.db-textarea:has(textarea:required) label:after,.db-textarea:has(textarea:required):is(label):after{content:"*";-webkit-padding-start:var(--db-spacing-fixed-2xs);padding-inline-start:var(--db-spacing-fixed-2xs)}.db-textarea:has(textarea:not([data-custom-validity]):is(:required,[minlength],[maxlength]):user-valid) .db-infotext[data-semantic=successful]{display:flex}.db-textarea:has(textarea:not([data-custom-validity]):is(:required,[minlength],[maxlength]):user-valid) .db-infotext:not([data-semantic]){display:none}.db-textarea:has(textarea:not([data-custom-validity]):is(:required,[minlength],[maxlength]):user-valid) [id$=-placeholder],.db-textarea:has(textarea:not([data-custom-validity]):is(:required,[minlength],[maxlength]):user-valid) textarea{color:var(--db-successful-on-bg-enabled);caret-color:var(--db-successful-on-bg-enabled)}.db-textarea:has(textarea:not([data-custom-validity]):is(:required,[minlength],[maxlength]):user-valid){--db-textarea-read-only:var(--db-successful-bg-lvl-1-enabled);--db-current-color-bg-transparent-full-enabled:var( --db-successful-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-successful-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-successful-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-successful-bg-transparent-pressed );--db-current-color-enabled:var(--db-successful-on-bg-enabled);--db-current-color-border:var(--db-successful-border)}.db-textarea:has(textarea[data-custom-validity=valid]) .db-infotext[data-semantic=successful]{display:flex}.db-textarea:has(textarea[data-custom-validity=valid]) .db-infotext:not([data-semantic]){display:none}.db-textarea:has(textarea[data-custom-validity=valid]) [id$=-placeholder],.db-textarea:has(textarea[data-custom-validity=valid]) textarea{color:var(--db-successful-on-bg-enabled);caret-color:var(--db-successful-on-bg-enabled)}.db-textarea:has(textarea[data-custom-validity=valid]){--db-textarea-read-only:var(--db-successful-bg-lvl-1-enabled);--db-current-color-bg-transparent-full-enabled:var( --db-successful-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-successful-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-successful-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-successful-bg-transparent-pressed );--db-current-color-enabled:var(--db-successful-on-bg-enabled);--db-current-color-border:var(--db-successful-border)}.db-textarea:has(textarea:not([data-custom-validity]):is(:required,[minlength],[maxlength]):user-invalid) .db-infotext[data-semantic=critical]{display:flex}.db-textarea:has(textarea:not([data-custom-validity]):is(:required,[minlength],[maxlength]):user-invalid) .db-infotext:not([data-semantic]){display:none}.db-textarea:has(textarea:not([data-custom-validity]):is(:required,[minlength],[maxlength]):user-invalid) [id$=-placeholder],.db-textarea:has(textarea:not([data-custom-validity]):is(:required,[minlength],[maxlength]):user-invalid) textarea{color:var(--db-successful-on-bg-enabled);caret-color:var(--db-successful-on-bg-enabled)}.db-textarea:has(textarea:not([data-custom-validity]):is(:required,[minlength],[maxlength]):user-invalid){--db-textarea-read-only:var(--db-critical-bg-lvl-1-enabled);--db-current-color-bg-transparent-full-enabled:var( --db-critical-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-critical-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-critical-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-critical-bg-transparent-pressed );--db-current-color-enabled:var(--db-critical-on-bg-enabled);--db-current-color-border:var(--db-critical-border)}.db-textarea:has(textarea[data-custom-validity=invalid]) .db-infotext[data-semantic=critical]{display:flex}.db-textarea:has(textarea[data-custom-validity=invalid]) .db-infotext:not([data-semantic]){display:none}.db-textarea:has(textarea[data-custom-validity=invalid]) [id$=-placeholder],.db-textarea:has(textarea[data-custom-validity=invalid]) textarea{color:var(--db-successful-on-bg-enabled);caret-color:var(--db-successful-on-bg-enabled)}.db-textarea:has(textarea[data-custom-validity=invalid]){--db-textarea-read-only:var(--db-critical-bg-lvl-1-enabled);--db-current-color-bg-transparent-full-enabled:var( --db-critical-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-critical-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-critical-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-critical-bg-transparent-pressed );--db-current-color-enabled:var(--db-critical-on-bg-enabled);--db-current-color-border:var(--db-critical-border)}.db-textarea textarea{background-color:var(--db-current-color-bg-transparent-semi-enabled);caret-color:var(--db-current-color-enabled);-webkit-appearance:none;-moz-appearance:none;appearance:none;max-inline-size:100%;inline-size:100%;padding-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end,var(--db-spacing-fixed-sm))}.db-textarea textarea+[id$=-placeholder],.db-textarea textarea::placeholder{opacity:.4}.db-textarea textarea:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-transparent-hover)}.db-textarea textarea:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-textarea textarea:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-textarea textarea:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-textarea textarea:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-textarea textarea:is(input,textarea):not(:disabled):-moz-read-only{background-color:var(--db-textarea-read-only,var(--db-current-color-bg-lvl-1-enabled))!important}.db-textarea textarea:is(input,textarea):not(:disabled):read-only{background-color:var(--db-textarea-read-only,var(--db-current-color-bg-lvl-1-enabled))!important}.db-textarea label{-webkit-padding-after:var(--db-spacing-fixed-xs);padding-block-end:var(--db-spacing-fixed-xs);pointer-events:none;cursor:text;transition:font-size var(--db-transition-straight-emotional);max-inline-size:25ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.db-textarea[data-variant=hidden] label{padding:0}.db-textarea:has(textarea:disabled){opacity:.4;pointer-events:none}.db-textarea:after,.db-textarea:before{position:absolute;pointer-events:none;inset-block-start:calc(var(--db-sizing-md)/2 - var(--db-spacing-fixed-xs)*var(--db-label-visible-spacing, 0) + calc(var(--db-type-body-font-size-xs) * var(--db-type-body-line-height-xs))*var(--db-label-visible-height, 1) - 1px)}.db-textarea:before{-webkit-margin-end:var(--db-spacing-fixed-sm);margin-inline-end:var(--db-spacing-fixed-sm);inset-inline-start:var(--db-spacing-fixed-sm)}.db-textarea:after{-webkit-margin-start:var(--db-spacing-fixed-sm);margin-inline-start:var(--db-spacing-fixed-sm);inset-inline-end:var(--db-spacing-fixed-sm)}.db-textarea textarea{cursor:auto;overflow-y:scroll;padding-block:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-xs)}.db-textarea[data-variant=floating]:has(textarea:focus-within):before,.db-textarea[data-variant=floating]:has(textarea:not(:placeholder-shown)):before{border-radius:var(--db-border-radius-xs) 0 0 0;position:absolute;content:"";inset-block-start:0;block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + calc(var(--db-type-body-font-size-2xs) * var(--db-type-body-line-height-2xs)));margin-inline:0;inline-size:calc(100% - .5rem - 1px);inset-inline:0;background-color:var(--db-current-color-bg-lvl-1-enabled)}.db-textarea[data-variant=floating]:has(textarea:focus-within):after,.db-textarea[data-variant=floating]:has(textarea:not(:placeholder-shown)):after{border-radius:var(--db-border-radius-xs) 0 0 0;position:absolute;content:"";inset-block-start:0;block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + calc(var(--db-type-body-font-size-2xs) * var(--db-type-body-line-height-2xs)));margin-inline:0;inline-size:calc(100% - .5rem - 1px);inset-inline:0;background-color:var(--db-current-color-bg-transparent-semi-enabled);z-index:1;-webkit-border-after:none;border-block-end:none;-webkit-border-end:none;border-inline-end:none}.db-textarea[data-variant=floating]:has(textarea:focus-within):has(textarea:not(:disabled):hover):after,.db-textarea[data-variant=floating]:has(textarea:not(:placeholder-shown)):has(textarea:not(:disabled):hover):after{background-color:var(--db-current-color-bg-transparent-hover)}.db-textarea[data-variant=floating]:has(textarea:focus-within):has(textarea:-moz-read-only):after,.db-textarea[data-variant=floating]:has(textarea:not(:placeholder-shown)):has(textarea:-moz-read-only):after{background-color:var(--db-current-color-bg-lvl-1-enabled)!important}.db-textarea[data-variant=floating]:has(textarea:focus-within):has(textarea:read-only):after,.db-textarea[data-variant=floating]:has(textarea:not(:placeholder-shown)):has(textarea:read-only):after{background-color:var(--db-current-color-bg-lvl-1-enabled)!important}.db-badge[data-placement^=corner]{position:absolute;transform:translate(var(--badge-transform-x),var(--badge-transform-y))}[data-placement$=right].db-badge[data-placement^=corner]{--badge-transform-x:50%;inset-inline-end:0}[data-placement$=left].db-badge[data-placement^=corner]{--badge-transform-x:-50%;inset-inline-start:0}[data-placement*=top].db-badge[data-placement^=corner]{--badge-transform-y:-50%;inset-block-start:0}[data-placement*=center].db-badge[data-placement^=corner]{--badge-transform-y:-50%;inset-block-start:50%}[data-placement*=bottom].db-badge[data-placement^=corner]{--badge-transform-y:50%;inset-block-end:0}.db-badge{--badge-size:var(--db-spacing-fixed-xs);background-color:var(--db-current-color-bg-lvl-1-enabled);border-radius:42px;padding-inline:var(--db-spacing-fixed-2xs);block-size:-moz-fit-content;block-size:fit-content;inline-size:-moz-fit-content;inline-size:fit-content}.db-badge:empty,.db-badge>span:empty{block-size:var(--badge-size);inline-size:var(--badge-size);padding:0}.db-badge:has(.db-icon){padding:var(--db-spacing-fixed-3xs)}.db-badge[data-size=medium]{--badge-size:var(--db-spacing-fixed-sm);padding-inline:var(--db-spacing-fixed-xs)}.db-badge[data-size=medium]:empty,.db-badge[data-size=medium]>span:empty{padding:0}.db-badge[data-size=medium]:has(.db-icon){padding:var(--db-spacing-fixed-2xs)}.db-accordion:not([data-variant]) .db-accordion-item+.db-accordion-item,.db-accordion:not([data-variant]) db-accordion-item+db-accordion-item .db-accordion-item{--db-divider-bg-color:var(--db-current-color-border);position:relative;-webkit-margin-before:calc(2*var(--db-spacing-fixed-sm));margin-block-start:calc(2*var(--db-spacing-fixed-sm))}.db-accordion:not([data-variant]) .db-accordion-item+.db-accordion-item[data-emphasis=strong],.db-accordion:not([data-variant]) db-accordion-item+db-accordion-item .db-accordion-item[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-color-contrast-low-enabled)}.db-accordion:not([data-variant]) .db-accordion-item+.db-accordion-item:before,.db-accordion:not([data-variant]) db-accordion-item+db-accordion-item .db-accordion-item:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:var(--db-border-height-3xs);inset-block-start:0;inset-inline:0;inset-block-start:calc(-1*var(--db-spacing-fixed-sm))}.db-accordion[data-variant=card] .db-accordion-item+.db-accordion-item,.db-accordion[data-variant=card] db-accordion-item+db-accordion-item .db-accordion-item{-webkit-margin-before:var(--db-spacing-fixed-sm);margin-block-start:var(--db-spacing-fixed-sm)}.db-accordion[data-variant=card] .db-accordion-item:after{content:"";position:absolute;inset-inline-start:0;inset-block-start:0;inline-size:100%;block-size:100%;border-radius:var(--db-border-radius-sm);pointer-events:none}.db-accordion-item{position:relative;inline-size:100%;border-radius:var(--db-border-radius-sm)}.db-accordion-item summary+div{padding:var(--db-spacing-fixed-md);-webkit-padding-after:var(--db-spacing-fixed-lg);padding-block-end:var(--db-spacing-fixed-lg)}.db-accordion-item[aria-disabled=true]{pointer-events:none;opacity:.4}.db-accordion-item summary{background-color:var(--db-current-color-bg-transparent-full-enabled);list-style:none;display:flex;justify-content:space-between;padding:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md);border-radius:var(--db-border-radius-sm)}.db-accordion-item summary:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-transparent-hover)}.db-accordion-item summary:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-accordion-item summary:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-accordion-item summary:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-accordion-item summary:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-accordion-item summary:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-transparent-pressed)}.db-accordion-item summary:active:not(:disabled):not([aria-disabled=true]):is(input),.db-accordion-item summary:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-accordion-item summary:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-accordion-item summary:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-accordion-item summary::-webkit-details-marker{display:none}.db-accordion-item summary:after{inset-inline-end:var(--db-spacing-fixed-sm)}.db-accordion-item summary:focus-visible{border-radius:var(--db-border-radius-xs)}.db-accordion-item[open] summary+div{animation:accordion-open var(--db-transition-straight-emotional) normal both}.db-accordion-item[open] summary:after{transform:rotate(-180deg)}.db-navigation{-webkit-tap-highlight-color:rgba(0,0,0,0);inline-size:100%}@media screen and (min-width:64em){.db-navigation:not([data-force-mobile]),.db-navigation[data-force-mobile=false]{-webkit-tap-highlight-color:inherit;inline-size:auto}}.db-navigation>menu{display:flex;flex-direction:column;padding:0;margin:0;gap:var(--db-spacing-fixed-sm)}@media screen and (min-width:64em){.db-navigation>menu:not([data-force-mobile]),.db-navigation>menu[data-force-mobile=false]{flex-direction:row}}@media screen and (min-width:64em){.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:after{--db-icon-margin-start:var(--db-spacing-fixed-sm);--db-icon-after:"chevron_down";transition:transform var(--db-transition-straight-emotional)}.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):focus-visible:after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:focus-visible):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:focus-within):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:hover):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):hover:after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:focus-visible:after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:focus-visible):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:focus-within):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:hover):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:hover:after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):focus-visible:after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:focus-visible):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:focus-within):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:hover):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):hover:after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:focus-visible:after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:focus-visible):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:focus-within):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:hover):after,.db-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:hover:after{transform:rotate(-180deg)}}@media screen and (min-width:64em){.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:after{--db-icon-after:"chevron_right";--db-icon-margin-start:auto}.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):focus-visible:after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:focus-visible):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:focus-within):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:hover):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):hover:after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:focus-visible:after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:focus-visible):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:focus-within):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:hover):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:hover:after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):focus-visible:after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:focus-visible):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:focus-within):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:hover):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):hover:after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:focus-visible:after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:focus-visible):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:focus-within):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:hover):after,.db-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:hover:after{transform:none}}.db-navigation>menu .db-navigation-item:has([aria-current=page]) menu :has([aria-current=page]):after,.db-navigation>menu .db-navigation-item:has([aria-current=page]) menu [aria-current=page]:after,.db-navigation>menu .db-navigation-item[aria-current=page] menu :has([aria-current=page]):after,.db-navigation>menu .db-navigation-item[aria-current=page] menu [aria-current=page]:after{display:none}@media screen and (min-width:64em){.db-navigation[data-force-close=true]>menu menu:not([data-force-mobile]),.db-navigation[data-force-close=true]>menu menu[data-force-mobile=false]{display:none}}.db-popover>article:not([data-placement]),.db-popover>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-placement$=end]):not([data-placement$=start]),.db-popover>article[data-outside-vy=top]:not([data-outside-vx]):not([data-placement$=end]):not([data-placement$=start]),.db-popover>article[data-placement=bottom]:not([data-outside-vy]),.db-popover>article[data-placement=top]:not([data-outside-vy]){--db-popover-center-x:-50%;inset-inline-start:50%}.db-popover>article[data-outside-vx=left]:not([data-placement$=end]):not([data-placement$=start]),.db-popover>article[data-outside-vx=right]:not([data-placement$=end]):not([data-placement$=start]),.db-popover>article[data-placement=left]:not([data-outside-vx]),.db-popover>article[data-placement=right]:not([data-outside-vx]){--db-popover-center-y:-50%;inset-block-start:50%}.db-popover>article,.db-tooltip{--db-popover-distance:var(--db-spacing-fixed-2xs)}.db-popover>article:before,.db-tooltip:before{content:"";position:absolute}.db-popover>article[data-gap=true],[data-gap=true].db-tooltip{--db-popover-gap:1;--db-popover-distance:var(--db-spacing-fixed-md)}.db-popover>article:is(.db-tooltip),.db-tooltip:is(.db-tooltip){--db-popover-distance:var(--db-spacing-fixed-sm)}.db-popover>article[data-outside-vy=bottom]:not([data-outside-vx])[data-placement$=end],.db-popover>article[data-outside-vy=top]:not([data-outside-vx])[data-placement$=end],.db-popover>article[data-placement^=bottom]:not([data-outside-vy])[data-placement$=end],.db-popover>article[data-placement^=top]:not([data-outside-vy])[data-placement$=end],[data-outside-vy=bottom].db-tooltip:not([data-outside-vx])[data-placement$=end],[data-outside-vy=top].db-tooltip:not([data-outside-vx])[data-placement$=end],[data-placement^=bottom].db-tooltip:not([data-outside-vy])[data-placement$=end],[data-placement^=top].db-tooltip:not([data-outside-vy])[data-placement$=end]{inset-inline-end:0}.db-popover>article[data-outside-vy=bottom]:not([data-outside-vx])[data-placement$=start],.db-popover>article[data-outside-vy=top]:not([data-outside-vx])[data-placement$=start],.db-popover>article[data-placement^=bottom]:not([data-outside-vy])[data-placement$=start],.db-popover>article[data-placement^=top]:not([data-outside-vy])[data-placement$=start],[data-outside-vy=bottom].db-tooltip:not([data-outside-vx])[data-placement$=start],[data-outside-vy=top].db-tooltip:not([data-outside-vx])[data-placement$=start],[data-placement^=bottom].db-tooltip:not([data-outside-vy])[data-placement$=start],[data-placement^=top].db-tooltip:not([data-outside-vy])[data-placement$=start]{inset-inline-start:0}.db-popover>article[data-outside-vx=left][data-placement$=end],.db-popover>article[data-outside-vx=right][data-placement$=end],.db-popover>article[data-placement^=left]:not([data-outside-vx])[data-placement$=end],.db-popover>article[data-placement^=right]:not([data-outside-vx])[data-placement$=end],[data-outside-vx=left][data-placement$=end].db-tooltip,[data-outside-vx=right][data-placement$=end].db-tooltip,[data-placement^=left].db-tooltip:not([data-outside-vx])[data-placement$=end],[data-placement^=right].db-tooltip:not([data-outside-vx])[data-placement$=end]{inset-block-end:0}.db-popover>article[data-outside-vx=left][data-placement$=start],.db-popover>article[data-outside-vx=right][data-placement$=start],.db-popover>article[data-placement^=left]:not([data-outside-vx])[data-placement$=start],.db-popover>article[data-placement^=right]:not([data-outside-vx])[data-placement$=start],[data-outside-vx=left][data-placement$=start].db-tooltip,[data-outside-vx=right][data-placement$=start].db-tooltip,[data-placement^=left].db-tooltip:not([data-outside-vx])[data-placement$=start],[data-placement^=right].db-tooltip:not([data-outside-vx])[data-placement$=start]{inset-block-start:0}.db-popover>article:not([data-placement]):not([data-outside-vy]),.db-popover>article[data-outside-vy=top]:not([data-outside-vx]),.db-popover>article[data-placement^=bottom]:not([data-outside-vy]),.db-tooltip:not([data-placement]):not([data-outside-vy]),[data-outside-vy=top].db-tooltip:not([data-outside-vx]),[data-placement^=bottom].db-tooltip:not([data-outside-vy]){inset-block-start:calc(100% + var(--db-popover-distance)*var(--db-popover-gap, 0))}.db-popover>article:not([data-placement]):not([data-outside-vy]):before,.db-popover>article[data-outside-vy=top]:not([data-outside-vx]):before,.db-popover>article[data-placement^=bottom]:not([data-outside-vy]):before,.db-tooltip:not([data-placement]):not([data-outside-vy]):before,[data-outside-vy=top].db-tooltip:not([data-outside-vx]):before,[data-placement^=bottom].db-tooltip:not([data-outside-vy]):before{inset-inline-start:0;inline-size:100%;block-size:var(--db-popover-distance);inset-block-start:calc(-1*var(--db-popover-distance))}.db-popover>article[data-outside-vy=bottom]:not([data-outside-vx]),.db-popover>article[data-placement^=top]:not([data-outside-vy]),[data-outside-vy=bottom].db-tooltip:not([data-outside-vx]),[data-placement^=top].db-tooltip:not([data-outside-vy]){inset-block-end:calc(100% + var(--db-popover-distance)*var(--db-popover-gap, 0))}.db-popover>article[data-outside-vy=bottom]:not([data-outside-vx]):before,.db-popover>article[data-placement^=top]:not([data-outside-vy]):before,[data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):before,[data-placement^=top].db-tooltip:not([data-outside-vy]):before{inset-inline-end:0;inline-size:100%;block-size:var(--db-popover-distance);inset-block-end:calc(-1*var(--db-popover-distance))}.db-popover>article[data-outside-vx=right],.db-popover>article[data-placement^=left]:not([data-outside-vx]),[data-outside-vx=right].db-tooltip,[data-placement^=left].db-tooltip:not([data-outside-vx]){inset-inline-end:calc(100% + var(--db-popover-distance)*var(--db-popover-gap, 0))}.db-popover>article[data-outside-vx=right]:before,.db-popover>article[data-placement^=left]:not([data-outside-vx]):before,[data-outside-vx=right].db-tooltip:before,[data-placement^=left].db-tooltip:not([data-outside-vx]):before{inset-block-end:0;block-size:100%;inline-size:var(--db-popover-distance);inset-inline-end:calc(-1*var(--db-popover-distance))}.db-popover>article[data-outside-vx=left],.db-popover>article[data-placement^=right]:not([data-outside-vx]),[data-outside-vx=left].db-tooltip,[data-placement^=right].db-tooltip:not([data-outside-vx]){inset-inline-start:calc(100% + var(--db-popover-distance)*var(--db-popover-gap, 0))}.db-popover>article[data-outside-vx=left]:before,.db-popover>article[data-placement^=right]:not([data-outside-vx]):before,[data-outside-vx=left].db-tooltip:before,[data-placement^=right].db-tooltip:not([data-outside-vx]):before{inset-block-start:0;block-size:100%;inline-size:var(--db-popover-distance);inset-inline-start:calc(-1*var(--db-popover-distance))}.db-popover:focus-within>article,.db-popover:hover>article,.db-popover>article[data-open=true],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus .db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover .db-tooltip:first-of-type{visibility:visible}.db-popover:focus-within>article:not([data-placement]):not([data-outside-vy]),.db-popover:focus-within>article[data-outside-vy=top]:not([data-outside-vx]),.db-popover:focus-within>article[data-placement^=bottom]:not([data-outside-vy]),.db-popover:hover>article:not([data-placement]):not([data-outside-vy]),.db-popover:hover>article[data-outside-vy=top]:not([data-outside-vx]),.db-popover:hover>article[data-placement^=bottom]:not([data-outside-vy]),.db-popover>article[data-open=true]:not([data-placement]):not([data-outside-vy]),.db-popover>article[data-outside-vy=top][data-open=true]:not([data-outside-vx]),.db-popover>article[data-placement^=bottom][data-open=true]:not([data-outside-vy]),:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-outside-vy]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=top].db-tooltip:not([data-outside-vx]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-outside-vy]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-outside-vy]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=top].db-tooltip:not([data-outside-vx]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-outside-vy]):first-of-type{--db-popover-translate-y:-25%}.db-popover:focus-within>article:not([data-placement]):not([data-outside-vy])[data-animation=disabled],.db-popover:focus-within>article[data-outside-vy=top]:not([data-outside-vx])[data-animation=disabled],.db-popover:focus-within>article[data-placement^=bottom]:not([data-outside-vy])[data-animation=disabled],.db-popover:hover>article:not([data-placement]):not([data-outside-vy])[data-animation=disabled],.db-popover:hover>article[data-outside-vy=top]:not([data-outside-vx])[data-animation=disabled],.db-popover:hover>article[data-placement^=bottom]:not([data-outside-vy])[data-animation=disabled],.db-popover>article[data-open=true]:not([data-placement]):not([data-outside-vy])[data-animation=disabled],.db-popover>article[data-outside-vy=top][data-open=true]:not([data-outside-vx])[data-animation=disabled],.db-popover>article[data-placement^=bottom][data-open=true]:not([data-outside-vy])[data-animation=disabled],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-outside-vy])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=top].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-outside-vy])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-outside-vy])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=top].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-outside-vy])[data-animation=disabled]:first-of-type{opacity:1}.db-popover:focus-within>article:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled]),.db-popover:focus-within>article[data-outside-vy=top]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover:focus-within>article[data-placement^=bottom]:not([data-outside-vy]):not([data-animation=disabled]),.db-popover:hover>article:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled]),.db-popover:hover>article[data-outside-vy=top]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover:hover>article[data-placement^=bottom]:not([data-outside-vy]):not([data-animation=disabled]),.db-popover>article[data-open=true]:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled]),.db-popover>article[data-outside-vy=top][data-open=true]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover>article[data-placement^=bottom][data-open=true]:not([data-outside-vy]):not([data-animation=disabled]),:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=top].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-outside-vy]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=top].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-outside-vy]):not([data-animation=disabled]):first-of-type{animation:popover-animation var(--db-transition-straight-emotional) normal both}.db-popover:focus-within>article:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover:focus-within>article[data-outside-vy=top]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover:focus-within>article[data-placement^=bottom]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-outside-vy=top]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-placement^=bottom]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-open=true]:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-outside-vy=top][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-placement^=bottom][data-open=true]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=top].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=top].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow]:first-of-type{animation-delay:var(--db-transition-duration-fast)}.db-popover:focus-within>article:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover:focus-within>article[data-outside-vy=top]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover:focus-within>article[data-placement^=bottom]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-outside-vy=top]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-placement^=bottom]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-open=true]:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-outside-vy=top][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-placement^=bottom][data-open=true]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=top].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=top].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast]:first-of-type{animation-delay:calc(var(--db-transition-duration-fast)/2)}.db-popover:focus-within>article[data-outside-vy=bottom]:not([data-outside-vx]),.db-popover:focus-within>article[data-placement^=top]:not([data-outside-vy]),.db-popover:hover>article[data-outside-vy=bottom]:not([data-outside-vx]),.db-popover:hover>article[data-placement^=top]:not([data-outside-vy]),.db-popover>article[data-outside-vy=bottom][data-open=true]:not([data-outside-vx]),.db-popover>article[data-placement^=top][data-open=true]:not([data-outside-vy]),:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-outside-vy]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-outside-vy]):first-of-type{--db-popover-translate-y:25%}.db-popover:focus-within>article[data-outside-vy=bottom]:not([data-outside-vx])[data-animation=disabled],.db-popover:focus-within>article[data-placement^=top]:not([data-outside-vy])[data-animation=disabled],.db-popover:hover>article[data-outside-vy=bottom]:not([data-outside-vx])[data-animation=disabled],.db-popover:hover>article[data-placement^=top]:not([data-outside-vy])[data-animation=disabled],.db-popover>article[data-outside-vy=bottom][data-open=true]:not([data-outside-vx])[data-animation=disabled],.db-popover>article[data-placement^=top][data-open=true]:not([data-outside-vy])[data-animation=disabled],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=bottom].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-outside-vy])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=bottom].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-outside-vy])[data-animation=disabled]:first-of-type{opacity:1}.db-popover:focus-within>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover:focus-within>article[data-placement^=top]:not([data-outside-vy]):not([data-animation=disabled]),.db-popover:hover>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover:hover>article[data-placement^=top]:not([data-outside-vy]):not([data-animation=disabled]),.db-popover>article[data-outside-vy=bottom][data-open=true]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover>article[data-placement^=top][data-open=true]:not([data-outside-vy]):not([data-animation=disabled]),:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-outside-vy]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-outside-vy]):not([data-animation=disabled]):first-of-type{animation:popover-animation var(--db-transition-straight-emotional) normal both}.db-popover:focus-within>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover:focus-within>article[data-placement^=top]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-placement^=top]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-outside-vy=bottom][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-placement^=top][data-open=true]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow]:first-of-type{animation-delay:var(--db-transition-duration-fast)}.db-popover:focus-within>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover:focus-within>article[data-placement^=top]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-placement^=top]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-outside-vy=bottom][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-placement^=top][data-open=true]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast]:first-of-type{animation-delay:calc(var(--db-transition-duration-fast)/2)}.db-popover:focus-within>article[data-outside-vx=left],.db-popover:focus-within>article[data-placement^=right]:not([data-outside-vx]),.db-popover:hover>article[data-outside-vx=left],.db-popover:hover>article[data-placement^=right]:not([data-outside-vx]),.db-popover>article[data-outside-vx=left][data-open=true],.db-popover>article[data-placement^=right][data-open=true]:not([data-outside-vx]),:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=left].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-outside-vx]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=left].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-outside-vx]):first-of-type{--db-popover-translate-x:-25%}.db-popover:focus-within>article[data-outside-vx=left][data-animation=disabled],.db-popover:focus-within>article[data-placement^=right]:not([data-outside-vx])[data-animation=disabled],.db-popover:hover>article[data-outside-vx=left][data-animation=disabled],.db-popover:hover>article[data-placement^=right]:not([data-outside-vx])[data-animation=disabled],.db-popover>article[data-outside-vx=left][data-animation=disabled][data-open=true],.db-popover>article[data-placement^=right][data-open=true]:not([data-outside-vx])[data-animation=disabled],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=left][data-animation=disabled].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=left][data-animation=disabled].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type{opacity:1}.db-popover:focus-within>article[data-outside-vx=left]:not([data-animation=disabled]),.db-popover:focus-within>article[data-placement^=right]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover:hover>article[data-outside-vx=left]:not([data-animation=disabled]),.db-popover:hover>article[data-placement^=right]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover>article[data-outside-vx=left][data-open=true]:not([data-animation=disabled]),.db-popover>article[data-placement^=right][data-open=true]:not([data-outside-vx]):not([data-animation=disabled]),:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=left].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=left].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type{animation:popover-animation var(--db-transition-straight-emotional) normal both}.db-popover:focus-within>article[data-outside-vx=left]:not([data-animation=disabled])[data-delay=slow],.db-popover:focus-within>article[data-placement^=right]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-outside-vx=left]:not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-placement^=right]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-outside-vx=left][data-open=true]:not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-placement^=right][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=left].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=left].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type{animation-delay:var(--db-transition-duration-fast)}.db-popover:focus-within>article[data-outside-vx=left]:not([data-animation=disabled])[data-delay=fast],.db-popover:focus-within>article[data-placement^=right]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-outside-vx=left]:not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-placement^=right]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-outside-vx=left][data-open=true]:not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-placement^=right][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=left].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=left].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type{animation-delay:calc(var(--db-transition-duration-fast)/2)}.db-popover:focus-within>article[data-outside-vx=right],.db-popover:focus-within>article[data-placement^=left]:not([data-outside-vx]),.db-popover:hover>article[data-outside-vx=right],.db-popover:hover>article[data-placement^=left]:not([data-outside-vx]),.db-popover>article[data-outside-vx=right][data-open=true],.db-popover>article[data-placement^=left][data-open=true]:not([data-outside-vx]),:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=right].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-outside-vx]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=right].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-outside-vx]):first-of-type{--db-popover-translate-x:25%}.db-popover:focus-within>article[data-outside-vx=right][data-animation=disabled],.db-popover:focus-within>article[data-placement^=left]:not([data-outside-vx])[data-animation=disabled],.db-popover:hover>article[data-outside-vx=right][data-animation=disabled],.db-popover:hover>article[data-placement^=left]:not([data-outside-vx])[data-animation=disabled],.db-popover>article[data-outside-vx=right][data-animation=disabled][data-open=true],.db-popover>article[data-placement^=left][data-open=true]:not([data-outside-vx])[data-animation=disabled],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=right][data-animation=disabled].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=right][data-animation=disabled].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type{opacity:1}.db-popover:focus-within>article[data-outside-vx=right]:not([data-animation=disabled]),.db-popover:focus-within>article[data-placement^=left]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover:hover>article[data-outside-vx=right]:not([data-animation=disabled]),.db-popover:hover>article[data-placement^=left]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover>article[data-outside-vx=right][data-open=true]:not([data-animation=disabled]),.db-popover>article[data-placement^=left][data-open=true]:not([data-outside-vx]):not([data-animation=disabled]),:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=right].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=right].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type{animation:popover-animation var(--db-transition-straight-emotional) normal both}.db-popover:focus-within>article[data-outside-vx=right]:not([data-animation=disabled])[data-delay=slow],.db-popover:focus-within>article[data-placement^=left]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-outside-vx=right]:not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-placement^=left]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-outside-vx=right][data-open=true]:not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-placement^=left][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=right].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=right].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type{animation-delay:var(--db-transition-duration-fast)}.db-popover:focus-within>article[data-outside-vx=right]:not([data-animation=disabled])[data-delay=fast],.db-popover:focus-within>article[data-placement^=left]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-outside-vx=right]:not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-placement^=left]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-outside-vx=right][data-open=true]:not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-placement^=left][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=right].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=right].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type{animation-delay:calc(var(--db-transition-duration-fast)/2)}.db-popover>article,.db-tooltip{position:absolute;background-color:var(--db-current-color-bg-lvl-1-enabled);box-shadow:var(--db-elevation-md);visibility:hidden;z-index:1;white-space:nowrap}.db-popover>article[data-width=fixed],[data-width=fixed].db-tooltip{inline-size:max-content;max-inline-size:var(--db-sizing-3xl);white-space:normal;text-align:initial}.db-popover{position:relative}.db-popover>article,.db-popover>article[data-spacing=small]{padding:var(--db-spacing-fixed-sm)}.db-popover>article[data-spacing=medium]{padding:var(--db-spacing-fixed-md)}.db-popover>article[data-spacing=none]{padding:0}.db-tooltip{--default-card-elevation:var(--db-elevation-sm);--default-card-border-radius:var(--db-border-radius-xs);font-style:normal;font-weight:400;padding:var(--db-spacing-fixed-2xs) var(--db-spacing-fixed-xs)}.db-tooltip:not([data-variant=basic]):after{content:"";box-shadow:var(--db-elevation-md);position:absolute;background-color:var(--db-current-color-bg-lvl-1-enabled);inline-size:var(--db-sizing-2xs);block-size:var(--db-sizing-2xs);-webkit-clip-path:polygon(calc(var(--db-sizing-2xs) * -1) calc(var(--db-sizing-2xs) * -1),calc(100% + var(--db-sizing-2xs)) calc(var(--db-sizing-2xs) * -1),calc(100% + var(--db-sizing-2xs)) calc(100% + var(--db-sizing-2xs)));clip-path:polygon(calc(var(--db-sizing-2xs) * -1) calc(var(--db-sizing-2xs) * -1),calc(100% + var(--db-sizing-2xs)) calc(var(--db-sizing-2xs) * -1),calc(100% + var(--db-sizing-2xs)) calc(100% + var(--db-sizing-2xs)));border-radius:0 2px;transform:skew(-8deg,-8deg)}.db-tooltip:not([data-placement]):not([data-outside-vy]):after,.db-tooltip[data-outside-vy=top]:not([data-outside-vx]):after,.db-tooltip[data-placement^=bottom]:not([data-outside-vy]):after{inset-inline-start:50%;inset-block-start:0;translate:-50% -50%;rotate:315deg}.db-tooltip[data-outside-vy=bottom]:not([data-outside-vx]):after,.db-tooltip[data-placement^=top]:not([data-outside-vy]):after{inset-inline-start:50%;inset-block-end:0;translate:-50% 50%;rotate:135deg}.db-tooltip[data-outside-vx=left]:after,.db-tooltip[data-placement^=right]:not([data-outside-vx]):after{inset-block-start:50%;inset-inline-start:0;translate:-50% -50%;rotate:225deg}.db-tooltip[data-outside-vx=right]:after,.db-tooltip[data-placement^=left]:not([data-outside-vx]):after{inset-block-start:50%;inset-inline-end:0;translate:50% -50%;rotate:45deg}.db-tooltip[data-emphasis=strong]{--db-current-icon-color:var(--db-current-color-on-contrast-enabled);color:var(--db-current-color-on-contrast-enabled)}.db-tooltip[data-emphasis=strong],.db-tooltip[data-emphasis=strong]:after{background-color:var(--db-current-color-contrast-high-enabled)}.db-tab-list{position:relative}.db-tab-list>ul{display:flex;gap:var(--db-spacing-fixed-sm);scroll-behavior:smooth;padding:0;margin:0}.db-tabs db-tab-list:has([id$=-tab-0]:checked)~db-tab-panel>[id$=-tab-panel-0],.db-tabs db-tab-list:has([id$=-tab-0]:checked)~dbtabpanel>[id$=-tab-panel-0],.db-tabs dbtablist:has([id$=-tab-0]:checked)~db-tab-panel>[id$=-tab-panel-0],.db-tabs dbtablist:has([id$=-tab-0]:checked)~dbtabpanel>[id$=-tab-panel-0]{display:block}.db-tabs db-tab-list:has([id$=-tab-1]:checked)~db-tab-panel>[id$=-tab-panel-1],.db-tabs db-tab-list:has([id$=-tab-1]:checked)~dbtabpanel>[id$=-tab-panel-1],.db-tabs dbtablist:has([id$=-tab-1]:checked)~db-tab-panel>[id$=-tab-panel-1],.db-tabs dbtablist:has([id$=-tab-1]:checked)~dbtabpanel>[id$=-tab-panel-1]{display:block}.db-tabs db-tab-list:has([id$=-tab-2]:checked)~db-tab-panel>[id$=-tab-panel-2],.db-tabs db-tab-list:has([id$=-tab-2]:checked)~dbtabpanel>[id$=-tab-panel-2],.db-tabs dbtablist:has([id$=-tab-2]:checked)~db-tab-panel>[id$=-tab-panel-2],.db-tabs dbtablist:has([id$=-tab-2]:checked)~dbtabpanel>[id$=-tab-panel-2]{display:block}.db-tabs db-tab-list:has([id$=-tab-3]:checked)~db-tab-panel>[id$=-tab-panel-3],.db-tabs db-tab-list:has([id$=-tab-3]:checked)~dbtabpanel>[id$=-tab-panel-3],.db-tabs dbtablist:has([id$=-tab-3]:checked)~db-tab-panel>[id$=-tab-panel-3],.db-tabs dbtablist:has([id$=-tab-3]:checked)~dbtabpanel>[id$=-tab-panel-3]{display:block}.db-tabs db-tab-list:has([id$=-tab-4]:checked)~db-tab-panel>[id$=-tab-panel-4],.db-tabs db-tab-list:has([id$=-tab-4]:checked)~dbtabpanel>[id$=-tab-panel-4],.db-tabs dbtablist:has([id$=-tab-4]:checked)~db-tab-panel>[id$=-tab-panel-4],.db-tabs dbtablist:has([id$=-tab-4]:checked)~dbtabpanel>[id$=-tab-panel-4]{display:block}.db-tabs db-tab-list:has([id$=-tab-5]:checked)~db-tab-panel>[id$=-tab-panel-5],.db-tabs db-tab-list:has([id$=-tab-5]:checked)~dbtabpanel>[id$=-tab-panel-5],.db-tabs dbtablist:has([id$=-tab-5]:checked)~db-tab-panel>[id$=-tab-panel-5],.db-tabs dbtablist:has([id$=-tab-5]:checked)~dbtabpanel>[id$=-tab-panel-5]{display:block}.db-tabs db-tab-list:has([id$=-tab-6]:checked)~db-tab-panel>[id$=-tab-panel-6],.db-tabs db-tab-list:has([id$=-tab-6]:checked)~dbtabpanel>[id$=-tab-panel-6],.db-tabs dbtablist:has([id$=-tab-6]:checked)~db-tab-panel>[id$=-tab-panel-6],.db-tabs dbtablist:has([id$=-tab-6]:checked)~dbtabpanel>[id$=-tab-panel-6]{display:block}.db-tabs db-tab-list:has([id$=-tab-7]:checked)~db-tab-panel>[id$=-tab-panel-7],.db-tabs db-tab-list:has([id$=-tab-7]:checked)~dbtabpanel>[id$=-tab-panel-7],.db-tabs dbtablist:has([id$=-tab-7]:checked)~db-tab-panel>[id$=-tab-panel-7],.db-tabs dbtablist:has([id$=-tab-7]:checked)~dbtabpanel>[id$=-tab-panel-7]{display:block}.db-tabs db-tab-list:has([id$=-tab-8]:checked)~db-tab-panel>[id$=-tab-panel-8],.db-tabs db-tab-list:has([id$=-tab-8]:checked)~dbtabpanel>[id$=-tab-panel-8],.db-tabs dbtablist:has([id$=-tab-8]:checked)~db-tab-panel>[id$=-tab-panel-8],.db-tabs dbtablist:has([id$=-tab-8]:checked)~dbtabpanel>[id$=-tab-panel-8]{display:block}.db-tabs db-tab-list:has([id$=-tab-9]:checked)~db-tab-panel>[id$=-tab-panel-9],.db-tabs db-tab-list:has([id$=-tab-9]:checked)~dbtabpanel>[id$=-tab-panel-9],.db-tabs dbtablist:has([id$=-tab-9]:checked)~db-tab-panel>[id$=-tab-panel-9],.db-tabs dbtablist:has([id$=-tab-9]:checked)~dbtabpanel>[id$=-tab-panel-9]{display:block}.db-tabs db-tab-list:has([id$=-tab-10]:checked)~db-tab-panel>[id$=-tab-panel-10],.db-tabs db-tab-list:has([id$=-tab-10]:checked)~dbtabpanel>[id$=-tab-panel-10],.db-tabs dbtablist:has([id$=-tab-10]:checked)~db-tab-panel>[id$=-tab-panel-10],.db-tabs dbtablist:has([id$=-tab-10]:checked)~dbtabpanel>[id$=-tab-panel-10]{display:block}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul .db-tab-item:after{block-size:var(--db-border-height-xs);inline-size:0;transform:translate(-50%);inset-inline-start:50%;background-color:var(--db-brand-origin-enabled);inset-block-start:auto;inset-block-end:calc(-1*var(--db-spacing-fixed-xs))}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul .db-tab-item:has(input:checked):after{block-size:var(--db-border-height-xs);inline-size:100%}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul .db-tab-item:has(input:checked):after{inset-block-end:calc(-1*(var(--db-spacing-fixed-2xs) + var(--db-border-height-xs)))}.db-tabs[data-orientation=vertical] .db-tab-list>ul .db-tab-item:after{block-size:0;inline-size:var(--db-border-height-xs);transform:translateY(-50%);inset-block-start:50%;background-color:var(--db-brand-origin-enabled);inset-inline-start:calc(-1*var(--db-spacing-fixed-xs));inset-block-end:auto;inset-inline-start:0;z-index:-2}.db-tabs[data-orientation=vertical] .db-tab-list>ul .db-tab-item:has(input:checked):after{block-size:100%;inline-size:var(--db-border-height-xs)}.db-tabs:not([data-orientation=vertical]) .db-tab-list:before,.db-tabs[data-orientation=vertical] .db-tab-list:before{background-color:var(--db-current-color-bg-transparent-semi-enabled);content:"";border-radius:var(--db-border-radius-xs);position:absolute}.db-tabs{display:flex;inline-size:100%;position:relative}.db-tabs .db-tab-panel{padding:0 var(--db-spacing-fixed-xs)}.db-tabs .db-tab-list{max-inline-size:100%;z-index:20}.db-tabs .db-tab-list:has([id$=-tab-0]:checked)~[id$=-tab-panel-0]{display:block}.db-tabs .db-tab-list:has([id$=-tab-1]:checked)~[id$=-tab-panel-1]{display:block}.db-tabs .db-tab-list:has([id$=-tab-2]:checked)~[id$=-tab-panel-2]{display:block}.db-tabs .db-tab-list:has([id$=-tab-3]:checked)~[id$=-tab-panel-3]{display:block}.db-tabs .db-tab-list:has([id$=-tab-4]:checked)~[id$=-tab-panel-4]{display:block}.db-tabs .db-tab-list:has([id$=-tab-5]:checked)~[id$=-tab-panel-5]{display:block}.db-tabs .db-tab-list:has([id$=-tab-6]:checked)~[id$=-tab-panel-6]{display:block}.db-tabs .db-tab-list:has([id$=-tab-7]:checked)~[id$=-tab-panel-7]{display:block}.db-tabs .db-tab-list:has([id$=-tab-8]:checked)~[id$=-tab-panel-8]{display:block}.db-tabs .db-tab-list:has([id$=-tab-9]:checked)~[id$=-tab-panel-9]{display:block}.db-tabs .db-tab-list:has([id$=-tab-10]:checked)~[id$=-tab-panel-10]{display:block}.db-tabs:not([data-orientation=vertical]){flex-direction:column;flex-wrap:wrap}.db-tabs:not([data-orientation=vertical]) .db-tab-panel{inline-size:100%}.db-tabs:not([data-orientation=vertical]) .db-tab-list:before{block-size:var(--db-border-height-xs);inset-inline:var(--db-spacing-fixed-xs);inset-block-start:calc(3*var(--db-spacing-fixed-xs) + var(--db-spacing-fixed-2xs) + calc(var(--db-base-font-size) * var(--db-base-line-height)))}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul{overflow-x:auto;overflow-y:hidden;inline-size:100%}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul .db-tab-item{-webkit-margin-before:var(--db-spacing-fixed-xs);margin-block-start:var(--db-spacing-fixed-xs);-webkit-margin-after:calc(2*var(--db-spacing-fixed-2xs) + var(--db-border-height-xs));margin-block-end:calc(2*var(--db-spacing-fixed-2xs) + var(--db-border-height-xs))}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul db-tab-item:first-of-type .db-tab-item,.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul dbtabitem:first-of-type .db-tab-item{-webkit-margin-start:var(--db-spacing-fixed-xs);margin-inline-start:var(--db-spacing-fixed-xs)}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul db-tab-item:last-of-type .db-tab-item,.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul dbtabitem:last-of-type .db-tab-item{-webkit-margin-end:var(--db-spacing-fixed-xs);margin-inline-end:var(--db-spacing-fixed-xs)}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul:not(:has(db-tab-item,dbtabitem)) .db-tab-item:first-of-type{-webkit-margin-start:var(--db-spacing-fixed-xs);margin-inline-start:var(--db-spacing-fixed-xs)}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul:not(:has(db-tab-item,dbtabitem)) .db-tab-item:last-of-type{-webkit-margin-end:var(--db-spacing-fixed-xs);margin-inline-end:var(--db-spacing-fixed-xs)}.db-tabs[data-orientation=vertical]{flex-direction:row}.db-tabs[data-orientation=vertical] .db-tab-panel{padding:var(--db-spacing-fixed-xs) 0}.db-tabs[data-orientation=vertical] .db-tab-list{min-inline-size:var(--db-tab-list-vertical-width,var(--db-sizing-3xl));max-inline-size:var(--db-tab-list-vertical-width,var(--db-sizing-3xl));-webkit-padding-end:var(--db-spacing-fixed-xs);padding-inline-end:var(--db-spacing-fixed-xs);-webkit-margin-after:auto;margin-block-end:auto}.db-tabs[data-orientation=vertical] .db-tab-list .db-tab-item label{position:relative}.db-tabs[data-orientation=vertical] .db-tab-list .db-tab-item:has(input:focus-visible),.db-tabs[data-orientation=vertical] .db-tab-list .db-tab-item:hover{inline-size:-moz-fit-content;inline-size:fit-content}.db-tabs[data-orientation=vertical] .db-tab-list .db-tab-item:has(input:focus-visible) label,.db-tabs[data-orientation=vertical] .db-tab-list .db-tab-item:hover label{overflow:visible}.db-tabs[data-orientation=vertical] .db-tab-list:before{inline-size:var(--db-border-height-xs);inset-block:var(--db-spacing-fixed-xs);inset-inline-start:0}.db-tabs[data-orientation=vertical] .db-tab-list>ul{flex-direction:column;block-size:100%}.db-tabs[data-orientation=vertical] .db-tab-list>ul:not(:has(db-tab-item,dbtabitem)) .db-tab-item:first-of-type{-webkit-margin-before:var(--db-spacing-fixed-xs);margin-block-start:var(--db-spacing-fixed-xs)}.db-tabs[data-orientation=vertical] .db-tab-list>ul:not(:has(db-tab-item,dbtabitem)) .db-tab-item:last-of-type{-webkit-margin-after:var(--db-spacing-fixed-xs);margin-block-end:var(--db-spacing-fixed-xs)}.db-tabs[data-orientation=vertical] .db-tab-item,.db-tabs[data-orientation=vertical] .db-tab-item input{-webkit-padding-start:calc(var(--db-border-height-xs) + var(--db-spacing-fixed-2xs));padding-inline-start:calc(var(--db-border-height-xs) + var(--db-spacing-fixed-2xs))}.db-tabs[data-orientation=vertical] db-tab-item:first-of-type .db-tab-item,.db-tabs[data-orientation=vertical] dbtabitem:first-of-type .db-tab-item{-webkit-margin-before:var(--db-spacing-fixed-xs);margin-block-start:var(--db-spacing-fixed-xs)}.db-tabs[data-orientation=vertical] db-tab-item:last-of-type .db-tab-item,.db-tabs[data-orientation=vertical] dbtabitem:last-of-type .db-tab-item{-webkit-margin-after:var(--db-spacing-fixed-xs);margin-block-end:var(--db-spacing-fixed-xs)}.db-tabs[data-width=full] .db-tab-item,.db-tabs[data-width=full] .db-tab-item label,.db-tabs[data-width=full] .db-tab-list{inline-size:100%}.db-tabs[data-width=full][data-alignment=center] .db-tab-item label{text-align:center;justify-content:center}.db-tabs[data-scroll-behaviour=arrows] .db-tab-list>ul::-webkit-scrollbar{display:none}.db-tabs[data-scroll-behaviour=arrows]:has(.tabs-scroll-left):before{content:""}.db-tabs[data-scroll-behaviour=arrows]:has(.tabs-scroll-right):after{content:""}.db-tabs[data-scroll-behaviour=arrows]:has(.db-button):after,.db-tabs[data-scroll-behaviour=arrows]:has(.db-button):before{position:absolute;z-index:21;background-color:var(--db-current-color-bg-enabled);inline-size:var(--db-sizing-md);block-size:calc(var(--db-spacing-fixed-sm) + var(--db-sizing-md));flex:0 0 auto}.db-tabs[data-scroll-behaviour=arrows]:has(.db-button):before{inset-inline-start:0}.db-tabs[data-scroll-behaviour=arrows]:has(.db-button):after{inset-inline-end:0}.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-left:is(.db-button),.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-left>.db-button{inset-inline-start:0}.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-right:is(.db-button),.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-right>.db-button{inset-inline-end:0}.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-left:is(.db-button),.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-left>.db-button,.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-right:is(.db-button),.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-right>.db-button{position:absolute;z-index:22;inset-block:var(--db-spacing-fixed-xs)}.db-tab-panel{display:none}.db-switch:active:not(:disabled):not([aria-disabled=true])>input:before,.db-switch>input:active:not(:disabled):not([aria-disabled=true]):before{inline-size:calc(calc(calc(var(--db-base-font-size) * var(--db-base-line-height))) - .125rem*2 + var(--db-spacing-fixed-2xs));margin:0}.db-switch:active:not(:disabled):not([aria-disabled=true])>input:checked:before,.db-switch>input:checked:active:not(:disabled):not([aria-disabled=true]):before{block-size:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)) - .125rem*2)}.db-switch{justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;user-select:none}.db-switch:has(input:required) label:after,.db-switch:has(input:required):is(label):after{content:"*";-webkit-padding-start:var(--db-spacing-fixed-2xs);padding-inline-start:var(--db-spacing-fixed-2xs)}.db-switch:has(input:not([data-custom-validity]):required:user-valid) .db-infotext[data-semantic=successful]{display:flex}.db-switch:has(input:not([data-custom-validity]):required:user-valid) .db-infotext:not([data-semantic]){display:none}.db-switch:has(input:not([data-custom-validity]):required:user-valid) input{--db-current-color-bg-transparent-semi:var( --db-successful-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-successful-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-successful-bg-transparent-pressed );border-color:var(--db-current-color-enabled)}.db-switch:has(input:not([data-custom-validity]):required:user-valid) input:is([type=radio]),.db-switch:has(input:not([data-custom-validity]):required:user-valid) input:not(:checked){--db-current-color-enabled:var( --db-successful-contrast-high-enabled )}.db-switch:has(input:not([data-custom-validity]):required:user-valid) input:checked{--db-current-color-enabled:var(--db-successful-contrast-high-enabled);--db-current-color-hover:var(--db-successful-contrast-high-hover);--db-current-color-pressed:var(--db-successful-contrast-high-pressed)}.db-switch:has(input:not([data-custom-validity]):required:user-valid) label,.db-switch:has(input:not([data-custom-validity]):required:user-valid):is(label){color:var(--db-successful-contrast-high-enabled)}.db-switch:has(input[data-custom-validity=valid]) .db-infotext[data-semantic=successful]{display:flex}.db-switch:has(input[data-custom-validity=valid]) .db-infotext:not([data-semantic]){display:none}.db-switch:has(input[data-custom-validity=valid]) input{--db-current-color-bg-transparent-semi:var( --db-successful-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-successful-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-successful-bg-transparent-pressed );border-color:var(--db-current-color-enabled)}.db-switch:has(input[data-custom-validity=valid]) input:is([type=radio]),.db-switch:has(input[data-custom-validity=valid]) input:not(:checked){--db-current-color-enabled:var( --db-successful-contrast-high-enabled )}.db-switch:has(input[data-custom-validity=valid]) input:checked{--db-current-color-enabled:var(--db-successful-contrast-high-enabled);--db-current-color-hover:var(--db-successful-contrast-high-hover);--db-current-color-pressed:var(--db-successful-contrast-high-pressed)}.db-switch:has(input[data-custom-validity=valid]) label,.db-switch:has(input[data-custom-validity=valid]):is(label){color:var(--db-successful-contrast-high-enabled)}.db-switch:has(input:not([data-custom-validity]):required:user-invalid) .db-infotext[data-semantic=critical]{display:flex}.db-switch:has(input:not([data-custom-validity]):required:user-invalid) .db-infotext:not([data-semantic]){display:none}.db-switch:has(input:not([data-custom-validity]):required:user-invalid) input{--db-current-color-bg-transparent-semi:var( --db-critical-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-critical-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-critical-bg-transparent-pressed );border-color:var(--db-current-color-enabled)}.db-switch:has(input:not([data-custom-validity]):required:user-invalid) input:is([type=radio]),.db-switch:has(input:not([data-custom-validity]):required:user-invalid) input:not(:checked){--db-current-color-enabled:var( --db-critical-contrast-high-enabled )}.db-switch:has(input:not([data-custom-validity]):required:user-invalid) input:checked{--db-current-color-enabled:var(--db-successful-contrast-high-enabled);--db-current-color-hover:var(--db-successful-contrast-high-hover);--db-current-color-pressed:var(--db-successful-contrast-high-pressed)}.db-switch:has(input:not([data-custom-validity]):required:user-invalid) label,.db-switch:has(input:not([data-custom-validity]):required:user-invalid):is(label){color:var(--db-critical-contrast-high-enabled)}.db-switch:has(input[data-custom-validity=invalid]) .db-infotext[data-semantic=critical]{display:flex}.db-switch:has(input[data-custom-validity=invalid]) .db-infotext:not([data-semantic]){display:none}.db-switch:has(input[data-custom-validity=invalid]) input{--db-current-color-bg-transparent-semi:var( --db-critical-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-critical-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-critical-bg-transparent-pressed );border-color:var(--db-current-color-enabled)}.db-switch:has(input[data-custom-validity=invalid]) input:is([type=radio]),.db-switch:has(input[data-custom-validity=invalid]) input:not(:checked){--db-current-color-enabled:var( --db-critical-contrast-high-enabled )}.db-switch:has(input[data-custom-validity=invalid]) input:checked{--db-current-color-enabled:var(--db-successful-contrast-high-enabled);--db-current-color-hover:var(--db-successful-contrast-high-hover);--db-current-color-pressed:var(--db-successful-contrast-high-pressed)}.db-switch:has(input[data-custom-validity=invalid]) label,.db-switch:has(input[data-custom-validity=invalid]):is(label){color:var(--db-critical-contrast-high-enabled)}.db-switch:has(input:disabled){opacity:.4}.db-switch label,.db-switch:is(label){display:flex;align-items:center;position:relative;gap:var(--db-spacing-fixed-xs)}.db-switch label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]),.db-switch:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]){cursor:pointer}.db-switch label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input),.db-switch label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(textarea),.db-switch:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input),.db-switch:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-switch label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-switch label:not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-switch:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-switch:is(label):not(:has(input:disabled)):hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-switch label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]),.db-switch:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]){cursor:pointer}.db-switch label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input),.db-switch label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(textarea),.db-switch:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input),.db-switch:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-switch label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-switch label:not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)),.db-switch:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-switch:is(label):not(:has(input:disabled)):active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-switch input{background-color:var(--db-current-color-bg-transparent-full-enabled);align-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;aspect-ratio:1;border:min(var(--db-border-height-2xs),2px) solid var(--db-check-element-border-color,currentColor);block-size:calc(var(--db-base-font-size)*var(--db-base-line-height));justify-content:center;inline-size:auto;padding:0}.db-switch input:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-transparent-hover)}.db-switch input:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-switch input:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-switch input:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-switch input:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-switch input:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-transparent-pressed)}.db-switch input:active:not(:disabled):not([aria-disabled=true]):is(input),.db-switch input:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-switch input:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-switch input:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-switch[data-size=small] input{-webkit-margin-end:var(--db-spacing-fixed-2xs);margin-inline-end:var(--db-spacing-fixed-2xs)}.db-switch[data-variant=hidden]{font-size:0}.db-switch[data-variant=hidden] input{-webkit-margin-end:0;margin-inline-end:0}@media(prefers-reduced-motion:reduce){.db-switch{transition-duration:.01s!important}}.db-switch:active:not(:disabled):not([aria-disabled=true]){cursor:pointer}.db-switch:active:not(:disabled):not([aria-disabled=true]):is(input),.db-switch:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-switch:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-switch:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-switch>input{--db-icon-margin-start:0;--thumb-position:calc(0% + 0.125rem);-webkit-appearance:none;-moz-appearance:none;appearance:none;inline-size:calc(calc(var(--db-base-font-size) * var(--db-base-line-height))*2 + .125rem);block-size:calc(var(--db-base-font-size)*var(--db-base-line-height));box-sizing:content-box;display:flex;align-items:center;gap:.125rem;background-color:var(--db-current-color-bg-enabled);border-radius:var(--db-border-radius-full)}.db-switch>input:after{--db-icon-after:"cross";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports(content:""/""){.db-switch>input:after{content:var(--db-icon-after,attr(data-icon-after))/""}}.db-switch>input:active:not(:disabled):not([aria-disabled=true]){cursor:pointer}.db-switch>input:active:not(:disabled):not([aria-disabled=true]):is(input),.db-switch>input:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-switch>input:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-switch>input:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-switch>input:after{visibility:hidden;align-self:center;aspect-ratio:1}.db-switch>input:before{content:"";aspect-ratio:1;block-size:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)) - .125rem*2);background:var(--db-current-color-enabled);border-radius:var(--db-border-radius-full);transform:translateX(var(--thumb-position));-webkit-margin-end:calc(calc(calc(var(--db-base-font-size) * var(--db-base-line-height))) - calc(calc(var(--db-base-font-size) * var(--db-base-line-height)) - .125rem * 2));margin-inline-end:calc(calc(calc(var(--db-base-font-size) * var(--db-base-line-height))) - calc(calc(var(--db-base-font-size) * var(--db-base-line-height)) - .125rem * 2));transition:margin var(--db-transition-duration-fast) var(--db-transition-timing-emotional),inline-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),block-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),transform var(--db-transition-duration-fast) var(--db-transition-timing-emotional)}@media(prefers-reduced-motion:reduce){.db-switch>input:before{transition-duration:.01s!important}}.db-switch>input:checked{--db-current-icon-color:var(--db-current-color-bg-enabled);--thumb-position:calc(100% + 0.125rem);background-color:var(--db-current-color-enabled)}.db-switch>input:checked:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-hover);border-color:var(--db-current-color-hover)}.db-switch>input:checked:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-switch>input:checked:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-switch>input:checked:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-switch>input:checked:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-switch>input:checked:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-pressed);border-color:var(--db-current-color-pressed)}.db-switch>input:checked:active:not(:disabled):not([aria-disabled=true]):is(input),.db-switch>input:checked:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-switch>input:checked:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-switch>input:checked:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-switch>input:checked:before{block-size:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)));background-color:var(--db-current-color-bg-enabled);margin:0}.db-switch[data-variant=hidden]{gap:0}.db-switch[data-size=small]{gap:var(--db-spacing-fixed-2xs)}.db-switch[data-emphasis=strong]:active:not(:disabled):not([aria-disabled=true]){cursor:pointer}.db-switch[data-emphasis=strong]:active:not(:disabled):not([aria-disabled=true]):is(input),.db-switch[data-emphasis=strong]:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-switch[data-emphasis=strong]:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-switch[data-emphasis=strong]:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-switch[data-emphasis=strong]:active:not(:disabled):not([aria-disabled=true])>input:before{block-size:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)) - .125rem*2)}.db-switch[data-emphasis=strong]>input{--db-check-element-border-color:var(--db-current-color-bg-enabled)}.db-switch[data-emphasis=strong]>input:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-hover);border-color:var(--db-current-color-bg-hover)}.db-switch[data-emphasis=strong]>input:hover:not(:disabled):not([aria-disabled=true]):is(input),.db-switch[data-emphasis=strong]>input:hover:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-switch[data-emphasis=strong]>input:hover:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-switch[data-emphasis=strong]>input:hover:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-switch[data-emphasis=strong]>input:active:not(:disabled):not([aria-disabled=true]){cursor:pointer;background-color:var(--db-current-color-bg-pressed);border-color:var(--db-current-color-bg-pressed)}.db-switch[data-emphasis=strong]>input:active:not(:disabled):not([aria-disabled=true]):is(input),.db-switch[data-emphasis=strong]>input:active:not(:disabled):not([aria-disabled=true]):is(textarea){cursor:auto}.db-switch[data-emphasis=strong]>input:active:not(:disabled):not([aria-disabled=true]):is(input[type=checkbox]),.db-switch[data-emphasis=strong]>input:active:not(:disabled):not([aria-disabled=true]):is(input[type=radio]:not(:checked)){cursor:pointer}.db-switch[data-emphasis=strong]>input:active:not(:disabled):not([aria-disabled=true]):before{block-size:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)) - .125rem*2)}.db-switch[data-emphasis=strong]>input:not(:checked){--thumb-position:0%}.db-switch[data-emphasis=strong]>input:checked:before{background-color:var(--db-current-color-enabled)}.db-switch[data-emphasis=strong]>input:before{block-size:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)));margin:0}.db-switch[data-emphasis=strong]>input:after,.db-switch[data-visual-aid=true]>input:after{visibility:visible;block-size:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)))}.db-switch[data-emphasis=strong]>input:checked:after,.db-switch[data-visual-aid=true]>input:checked:after{--db-icon-after:"check";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports(content:""/""){.db-switch[data-emphasis=strong]>input:checked:after,.db-switch[data-visual-aid=true]>input:checked:after{content:var(--db-icon-after,attr(data-icon-after))/""}}.db-switch[data-emphasis=strong]>input:checked:after,.db-switch[data-visual-aid=true]>input:checked:after{transform:translateX(calc(-100% - .125rem));block-size:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)))}.db-switch>input[data-aid-icon]:not(:checked):after{content:attr(data-aid-icon)}.db-switch>input[data-aid-icon-after]:checked:after{content:attr(data-aid-icon-after)}db-accordion,db-accordion-item,db-badge,db-brand,db-button,db-card,db-checkbox,db-codedocs,db-divider,db-drawer,db-header,db-icon,db-infotext,db-input,db-link,db-navigation,db-navigation-item,db-notification,db-page,db-popover,db-radio,db-section,db-select,db-switch,db-tab,db-tab-bar,db-tab-item,db-tab-list,db-tab-panel,db-tabbar,db-tabs,db-tag,db-textarea,db-tooltip,dbaccordion,dbaccordion-item,dbbadge,dbbrand,dbbutton,dbcard,dbcheckbox,dbcodedocs,dbdivider,dbdrawer,dbheader,dbicon,dbinfotext,dbinput,dblink,dbnavigation,dbnavigation-item,dbnotification,dbpage,dbpopover,dbradio,dbsection,dbselect,dbswitch,dbtab,dbtab-bar,dbtab-list,dbtab-panel,dbtabbar,dbtabitem,dbtabs,dbtag,dbtextarea,dbtooltip{display:contents}db-notification,dbnotification{inline-size:inherit}:has(>.db-badge[data-placement^=corner]){position:relative}:has(>db-tooltip,>dbtooltip,>.db-tooltip){position:relative}[data-color-scheme=dark],[data-color-scheme=light]{background:var(--db-current-color-bg-enabled);color:var(--db-current-color-enabled)}[data-color-scheme=dark]:after,[data-color-scheme=dark]:before,[data-color-scheme=light]:after,[data-color-scheme=light]:before{color:var(--db-current-icon-color,inherit)}[data-color-scheme=dark],[data-color-scheme=light]{--db-current-color-bg-transparent-full-enabled:var( --db-neutral-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-neutral-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-neutral-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-neutral-bg-transparent-pressed );--db-current-color-enabled:var(--db-neutral-on-bg-enabled);--db-current-color-icon:var(--db-neutral-on-bg-enabled);--db-current-color-hover:var(--db-neutral-on-bg-hover);--db-current-color-pressed:var(--db-neutral-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-neutral-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-neutral-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-neutral-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-neutral-contrast-low-enabled );--db-current-color-border:var(--db-neutral-border);--db-current-color-bg-lvl-1-hover:var(--db-neutral-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-neutral-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-neutral-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-neutral-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-neutral-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-neutral-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-neutral-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-neutral-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-neutral-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-neutral-contrast-high-pressed )}[data-emphasis=weak][data-color-scheme=dark],[data-emphasis=weak][data-color-scheme=light]{--db-current-color-enabled:var( --db-neutral-on-bg-weak-enabled );--db-current-color-hover:var( --db-neutral-on-bg-weak-hover );--db-current-color-pressed:var( --db-neutral-on-bg-weak-pressed );color:var(--db-current-color-enabled)}[data-color-scheme=dark],[data-color-scheme=light]{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}:root{--db-spacing-responsive-regular-desktop-3xl:40rem;--db-spacing-responsive-regular-desktop-2xl:30rem;--db-spacing-responsive-regular-desktop-xl:15rem;--db-spacing-responsive-regular-desktop-lg:7.5rem;--db-spacing-responsive-regular-desktop-md:5rem;--db-spacing-responsive-regular-desktop-sm:3rem;--db-spacing-responsive-regular-desktop-xs:2rem;--db-spacing-responsive-regular-desktop-2xs:1.5rem;--db-spacing-responsive-regular-desktop-3xs:1.25rem;--db-spacing-responsive-regular-tablet-3xs:1rem;--db-spacing-responsive-regular-tablet-2xs:1.25rem;--db-spacing-responsive-regular-tablet-xs:1.75rem;--db-spacing-responsive-regular-tablet-sm:2.5rem;--db-spacing-responsive-regular-tablet-md:4rem;--db-spacing-responsive-regular-tablet-lg:6rem;--db-spacing-responsive-regular-tablet-xl:10rem;--db-spacing-responsive-regular-tablet-2xl:15rem;--db-spacing-responsive-regular-tablet-3xl:30rem;--db-spacing-responsive-regular-mobile-3xs:1rem;--db-spacing-responsive-regular-mobile-2xs:1.25rem;--db-spacing-responsive-regular-mobile-xs:1.5rem;--db-spacing-responsive-regular-mobile-sm:2rem;--db-spacing-responsive-regular-mobile-md:3rem;--db-spacing-responsive-regular-mobile-lg:5rem;--db-spacing-responsive-regular-mobile-xl:7.5rem;--db-spacing-responsive-regular-mobile-2xl:10rem;--db-spacing-responsive-regular-mobile-3xl:15rem;--db-spacing-responsive-functional-desktop-3xs:1rem;--db-spacing-responsive-functional-desktop-2xs:1.25rem;--db-spacing-responsive-functional-desktop-xs:1.75rem;--db-spacing-responsive-functional-desktop-sm:2.5rem;--db-spacing-responsive-functional-desktop-md:4rem;--db-spacing-responsive-functional-desktop-lg:6rem;--db-spacing-responsive-functional-desktop-xl:10rem;--db-spacing-responsive-functional-desktop-2xl:15rem;--db-spacing-responsive-functional-desktop-3xl:30rem;--db-spacing-responsive-functional-tablet-3xs:1rem;--db-spacing-responsive-functional-tablet-2xs:1.25rem;--db-spacing-responsive-functional-tablet-xs:1.5rem;--db-spacing-responsive-functional-tablet-sm:2rem;--db-spacing-responsive-functional-tablet-md:3rem;--db-spacing-responsive-functional-tablet-lg:5rem;--db-spacing-responsive-functional-tablet-xl:7.5rem;--db-spacing-responsive-functional-tablet-2xl:10rem;--db-spacing-responsive-functional-tablet-3xl:15rem;--db-spacing-responsive-functional-mobile-3xs:1rem;--db-spacing-responsive-functional-mobile-2xs:1.25rem;--db-spacing-responsive-functional-mobile-xs:1.25rem;--db-spacing-responsive-functional-mobile-sm:1.75rem;--db-spacing-responsive-functional-mobile-md:2.5rem;--db-spacing-responsive-functional-mobile-lg:4rem;--db-spacing-responsive-functional-mobile-xl:6rem;--db-spacing-responsive-functional-mobile-2xl:7.5rem;--db-spacing-responsive-functional-mobile-3xl:10rem;--db-spacing-responsive-expressive-desktop-3xs:1.75rem;--db-spacing-responsive-expressive-desktop-2xs:2rem;--db-spacing-responsive-expressive-desktop-xs:3rem;--db-spacing-responsive-expressive-desktop-sm:5rem;--db-spacing-responsive-expressive-desktop-md:7.5rem;--db-spacing-responsive-expressive-desktop-lg:15rem;--db-spacing-responsive-expressive-desktop-xl:30rem;--db-spacing-responsive-expressive-desktop-2xl:40rem;--db-spacing-responsive-expressive-desktop-3xl:50rem;--db-spacing-responsive-expressive-tablet-3xs:1.5rem;--db-spacing-responsive-expressive-tablet-2xs:1.75rem;--db-spacing-responsive-expressive-tablet-xs:2.5rem;--db-spacing-responsive-expressive-tablet-sm:4rem;--db-spacing-responsive-expressive-tablet-md:6rem;--db-spacing-responsive-expressive-tablet-lg:10rem;--db-spacing-responsive-expressive-tablet-xl:15rem;--db-spacing-responsive-expressive-tablet-2xl:30rem;--db-spacing-responsive-expressive-tablet-3xl:40rem;--db-spacing-responsive-expressive-mobile-3xs:1.25rem;--db-spacing-responsive-expressive-mobile-2xs:1.5rem;--db-spacing-responsive-expressive-mobile-xs:2rem;--db-spacing-responsive-expressive-mobile-sm:3rem;--db-spacing-responsive-expressive-mobile-md:5rem;--db-spacing-responsive-expressive-mobile-lg:7.5rem;--db-spacing-responsive-expressive-mobile-xl:10rem;--db-spacing-responsive-expressive-mobile-2xl:15rem;--db-spacing-responsive-expressive-mobile-3xl:30rem;--db-spacing-fixed-regular-3xs:0.125rem;--db-spacing-fixed-regular-2xs:0.25rem;--db-spacing-fixed-regular-xs:0.5rem;--db-spacing-fixed-regular-sm:0.75rem;--db-spacing-fixed-regular-md:1rem;--db-spacing-fixed-regular-lg:1.5rem;--db-spacing-fixed-regular-xl:2rem;--db-spacing-fixed-regular-2xl:3rem;--db-spacing-fixed-regular-3xl:5rem;--db-spacing-fixed-functional-3xs:0.125rem;--db-spacing-fixed-functional-2xs:0.25rem;--db-spacing-fixed-functional-xs:0.375rem;--db-spacing-fixed-functional-sm:0.5rem;--db-spacing-fixed-functional-md:0.75rem;--db-spacing-fixed-functional-lg:1rem;--db-spacing-fixed-functional-xl:1.5rem;--db-spacing-fixed-functional-2xl:2rem;--db-spacing-fixed-functional-3xl:3rem;--db-spacing-fixed-expressive-3xs:0.25rem;--db-spacing-fixed-expressive-2xs:0.5rem;--db-spacing-fixed-expressive-xs:0.75rem;--db-spacing-fixed-expressive-sm:1rem;--db-spacing-fixed-expressive-md:1.5rem;--db-spacing-fixed-expressive-lg:2rem;--db-spacing-fixed-expressive-xl:3rem;--db-spacing-fixed-expressive-2xl:5rem;--db-spacing-fixed-expressive-3xl:7.5rem;--db-sizing-fixed-mobile-header:3.5rem;--db-sizing-regular-3xl:15rem;--db-sizing-regular-2xl:10rem;--db-sizing-regular-xl:6rem;--db-sizing-regular-lg:4rem;--db-sizing-regular-md:2.5rem;--db-sizing-regular-sm:1.5rem;--db-sizing-regular-xs:1rem;--db-sizing-regular-2xs:0.75rem;--db-sizing-regular-3xs:0.5rem;--db-sizing-functional-3xs:0.375rem;--db-sizing-functional-2xs:0.625rem;--db-sizing-functional-xs:0.875rem;--db-sizing-functional-sm:1.25rem;--db-sizing-functional-md:2rem;--db-sizing-functional-lg:3rem;--db-sizing-functional-xl:5rem;--db-sizing-functional-2xl:7.5rem;--db-sizing-functional-3xl:10rem;--db-sizing-expressive-3xs:0.625rem;--db-sizing-expressive-2xs:0.875rem;--db-sizing-expressive-xs:1.25rem;--db-sizing-expressive-sm:1.75rem;--db-sizing-expressive-md:3rem;--db-sizing-expressive-lg:5rem;--db-sizing-expressive-xl:7.5rem;--db-sizing-expressive-2xl:15rem;--db-sizing-expressive-3xl:30rem;--db-typography-regular-desktop-headline-3xl-line-height:1.2;--db-typography-regular-desktop-headline-3xl-font-size:5rem;--db-base-icon-weight-regular-desktop-headline-3xl:96;--db-base-icon-font-size-regular-desktop-headline-3xl:6rem;--db-typography-regular-desktop-headline-2xl-line-height:1.25;--db-typography-regular-desktop-headline-2xl-font-size:4rem;--db-base-icon-weight-regular-desktop-headline-2xl:80;--db-base-icon-font-size-regular-desktop-headline-2xl:5rem;--db-typography-regular-desktop-headline-xl-line-height:1.3333333333333333;--db-typography-regular-desktop-headline-xl-font-size:3rem;--db-base-icon-weight-regular-desktop-headline-xl:64;--db-base-icon-font-size-regular-desktop-headline-xl:4rem;--db-typography-regular-desktop-headline-lg-line-height:1.2;--db-typography-regular-desktop-headline-lg-font-size:2.5rem;--db-base-icon-weight-regular-desktop-headline-lg:48;--db-base-icon-font-size-regular-desktop-headline-lg:3rem;--db-typography-regular-desktop-headline-md-line-height:1.25;--db-typography-regular-desktop-headline-md-font-size:2rem;--db-base-icon-weight-regular-desktop-headline-md:40;--db-base-icon-font-size-regular-desktop-headline-md:2.5rem;--db-typography-regular-desktop-headline-sm-line-height:1.1428571428571428;--db-typography-regular-desktop-headline-sm-font-size:1.75rem;--db-base-icon-weight-regular-desktop-headline-sm:32;--db-base-icon-font-size-regular-desktop-headline-sm:2rem;--db-typography-regular-desktop-headline-2xs-line-height:1.2;--db-typography-regular-desktop-headline-2xs-font-size:1.25rem;--db-base-icon-weight-regular-desktop-headline-2xs:24;--db-base-icon-font-size-regular-desktop-headline-2xs:1.5rem;--db-typography-regular-desktop-headline-3xs-line-height:1.25;--db-typography-regular-desktop-headline-3xs-font-size:1rem;--db-base-icon-weight-regular-desktop-headline-3xs:20;--db-base-icon-font-size-regular-desktop-headline-3xs:1.25rem;--db-typography-regular-desktop-headline-xs-line-height:1.1666666666666667;--db-typography-regular-desktop-headline-xs-font-size:1.5rem;--db-base-icon-weight-regular-desktop-headline-xs:28;--db-base-icon-font-size-regular-desktop-headline-xs:1.75rem;--db-typography-regular-desktop-body-lg-line-height:1.4;--db-typography-regular-desktop-body-lg-font-size:1.25rem;--db-base-icon-weight-regular-desktop-body-lg:28;--db-base-icon-font-size-regular-desktop-body-lg:1.75rem;--db-typography-regular-desktop-body-xl-line-height:1.3333333333333333;--db-typography-regular-desktop-body-xl-font-size:1.5rem;--db-base-icon-weight-regular-desktop-body-xl:32;--db-base-icon-font-size-regular-desktop-body-xl:2rem;--db-typography-regular-desktop-body-2xl-line-height:1.4285714285714286;--db-typography-regular-desktop-body-2xl-font-size:1.75rem;--db-base-icon-weight-regular-desktop-body-2xl:40;--db-base-icon-font-size-regular-desktop-body-2xl:2.5rem;--db-typography-regular-desktop-body-3xl-line-height:1.5;--db-typography-regular-desktop-body-3xl-font-size:2rem;--db-base-icon-weight-regular-desktop-3xl:48;--db-base-icon-font-size-regular-desktop-3xl:3rem;--db-typography-regular-desktop-body-md-line-height:1.5;--db-typography-regular-desktop-body-md-font-size:1rem;--db-base-icon-weight-regular-desktop-body-md:24;--db-base-icon-font-size-regular-desktop-body-md:1.5rem;--db-typography-regular-desktop-body-sm-line-height:1.4285714285714286;--db-typography-regular-desktop-body-sm-font-size:0.875rem;--db-base-icon-weight-regular-desktop-body-sm:20;--db-base-icon-font-size-regular-desktop-body-sm:1.25rem;--db-typography-regular-desktop-body-2xs-line-height:1.4;--db-typography-regular-desktop-body-2xs-font-size:0.625rem;--db-base-icon-weight-regular-desktop-body-2xs:14;--db-base-icon-font-size-regular-desktop-body-2xs:0.875rem;--db-typography-regular-desktop-body-3xs-line-height:1.4;--db-typography-regular-desktop-body-3xs-font-size:0.625rem;--db-base-icon-weight-regular-desktop-3xs:14;--db-base-icon-font-size-regular-desktop-3xs:0.875rem;--db-typography-regular-desktop-body-xs-line-height:1.3333333333333333;--db-typography-regular-desktop-body-xs-font-size:0.75rem;--db-base-icon-weight-regular-desktop-body-xs:16;--db-base-icon-font-size-regular-desktop-body-xs:1rem;--db-typography-regular-mobile-body-lg-line-height:1.4;--db-typography-regular-mobile-body-lg-font-size:1.25rem;--db-base-icon-weight-regular-mobile-body-lg:28;--db-base-icon-font-size-regular-mobile-body-lg:1.75rem;--db-typography-regular-mobile-body-md-line-height:1.5;--db-typography-regular-mobile-body-md-font-size:1rem;--db-base-icon-weight-regular-mobile-body-md:24;--db-base-icon-font-size-regular-mobile-body-md:1.5rem;--db-typography-regular-mobile-body-sm-line-height:1.4285714285714286;--db-typography-regular-mobile-body-sm-font-size:0.875rem;--db-base-icon-weight-regular-mobile-body-sm:20;--db-base-icon-font-size-regular-mobile-body-sm:1.25rem;--db-typography-regular-mobile-body-xl-line-height:1.4;--db-typography-regular-mobile-body-xl-font-size:1.25rem;--db-base-icon-weight-regular-mobile-body-xl:28;--db-base-icon-font-size-regular-mobile-body-xl:1.75rem;--db-typography-regular-mobile-body-xs-line-height:1.3333333333333333;--db-typography-regular-mobile-body-xs-font-size:0.75rem;--db-base-icon-weight-regular-mobile-body-xs:16;--db-base-icon-font-size-regular-mobile-body-xs:1rem;--db-typography-regular-mobile-body-2xl-line-height:1.4;--db-typography-regular-mobile-body-2xl-font-size:1.25rem;--db-base-icon-weight-regular-mobile-body-2xl:28;--db-base-icon-font-size-regular-mobile-body-2xl:1.75rem;--db-typography-regular-mobile-body-3xl-line-height:1.4;--db-typography-regular-mobile-body-3xl-font-size:1.25rem;--db-base-icon-weight-regular-mobile-3xl:28;--db-base-icon-font-size-regular-mobile-3xl:1.75rem;--db-typography-regular-mobile-body-2xs-line-height:1.4;--db-typography-regular-mobile-body-2xs-font-size:0.625rem;--db-base-icon-weight-regular-mobile-body-2xs:14;--db-base-icon-font-size-regular-mobile-body-2xs:0.875rem;--db-typography-regular-mobile-body-3xs-line-height:1.4;--db-typography-regular-mobile-body-3xs-font-size:0.625rem;--db-base-icon-weight-regular-mobile-3xs:14;--db-base-icon-font-size-regular-mobile-3xs:0.875rem;--db-typography-regular-mobile-headline-lg-line-height:1.1428571428571428;--db-typography-regular-mobile-headline-lg-font-size:1.75rem;--db-base-icon-weight-regular-mobile-headline-lg:32;--db-base-icon-font-size-regular-mobile-headline-lg:2rem;--db-typography-regular-mobile-headline-md-line-height:1.1666666666666667;--db-typography-regular-mobile-headline-md-font-size:1.5rem;--db-base-icon-weight-regular-mobile-headline-md:28;--db-base-icon-font-size-regular-mobile-headline-md:1.75rem;--db-typography-regular-mobile-headline-sm-line-height:1.2;--db-typography-regular-mobile-headline-sm-font-size:1.25rem;--db-base-icon-weight-regular-mobile-headline-sm:24;--db-base-icon-font-size-regular-mobile-headline-sm:1.5rem;--db-typography-regular-mobile-headline-xl-line-height:1.25;--db-typography-regular-mobile-headline-xl-font-size:2rem;--db-base-icon-weight-regular-mobile-headline-xl:40;--db-base-icon-font-size-regular-mobile-headline-xl:2.5rem;--db-typography-regular-mobile-headline-xs-line-height:1.25;--db-typography-regular-mobile-headline-xs-font-size:1rem;--db-base-icon-weight-regular-mobile-headline-xs:20;--db-base-icon-font-size-regular-mobile-headline-xs:1.25rem;--db-typography-regular-mobile-headline-2xl-line-height:1.25;--db-typography-regular-mobile-headline-2xl-font-size:2rem;--db-base-icon-weight-regular-mobile-headline-2xl:40;--db-base-icon-font-size-regular-mobile-headline-2xl:2.5rem;--db-typography-regular-mobile-headline-2xs-line-height:1.1428571428571428;--db-typography-regular-mobile-headline-2xs-font-size:0.875rem;--db-base-icon-weight-regular-mobile-headline-2xs:16;--db-base-icon-font-size-regular-mobile-headline-2xs:1rem;--db-typography-regular-mobile-headline-3xl-line-height:1.25;--db-typography-regular-mobile-headline-3xl-font-size:2rem;--db-base-icon-weight-regular-mobile-headline-3xl:40;--db-base-icon-font-size-regular-mobile-headline-3xl:2.5rem;--db-typography-regular-mobile-headline-3xs-line-height:1.1428571428571428;--db-typography-regular-mobile-headline-3xs-font-size:0.875rem;--db-base-icon-weight-regular-mobile-headline-3xs:16;--db-base-icon-font-size-regular-mobile-headline-3xs:1rem;--db-typography-regular-tablet-body-lg-line-height:1.4;--db-typography-regular-tablet-body-lg-font-size:1.25rem;--db-base-icon-weight-regular-tablet-body-lg:28;--db-base-icon-font-size-regular-tablet-body-lg:1.75rem;--db-typography-regular-tablet-body-md-line-height:1.5;--db-typography-regular-tablet-body-md-font-size:1rem;--db-base-icon-weight-regular-tablet-body-md:24;--db-base-icon-font-size-regular-tablet-body-md:1.5rem;--db-typography-regular-tablet-body-sm-line-height:1.4285714285714286;--db-typography-regular-tablet-body-sm-font-size:0.875rem;--db-base-icon-weight-regular-tablet-body-sm:20;--db-base-icon-font-size-regular-tablet-body-sm:1.25rem;--db-typography-regular-tablet-body-xl-line-height:1.3333333333333333;--db-typography-regular-tablet-body-xl-font-size:1.5rem;--db-base-icon-weight-regular-tablet-body-xl:32;--db-base-icon-font-size-regular-tablet-body-xl:2rem;--db-typography-regular-tablet-body-xs-line-height:1.3333333333333333;--db-typography-regular-tablet-body-xs-font-size:0.75rem;--db-base-icon-weight-regular-tablet-body-xs:16;--db-base-icon-font-size-regular-tablet-body-xs:1rem;--db-typography-regular-tablet-body-2xl-line-height:1.4285714285714286;--db-typography-regular-tablet-body-2xl-font-size:1.75rem;--db-base-icon-weight-regular-tablet-body-2xl:40;--db-base-icon-font-size-regular-tablet-body-2xl:2.5rem;--db-typography-regular-tablet-body-3xl-line-height:1.5;--db-typography-regular-tablet-body-3xl-font-size:2rem;--db-base-icon-weight-regular-tablet-3xl:48;--db-base-icon-font-size-regular-tablet-3xl:3rem;--db-typography-regular-tablet-body-2xs-line-height:1.4;--db-typography-regular-tablet-body-2xs-font-size:0.625rem;--db-base-icon-weight-regular-tablet-body-2xs:14;--db-base-icon-font-size-regular-tablet-body-2xs:0.875rem;--db-typography-regular-tablet-body-3xs-line-height:1.4;--db-typography-regular-tablet-body-3xs-font-size:0.625rem;--db-base-icon-weight-regular-tablet-3xs:14;--db-base-icon-font-size-regular-tablet-3xs:0.875rem;--db-typography-regular-tablet-headline-lg-line-height:1.25;--db-typography-regular-tablet-headline-lg-font-size:2rem;--db-base-icon-weight-regular-tablet-headline-lg:40;--db-base-icon-font-size-regular-tablet-headline-lg:2.5rem;--db-typography-regular-tablet-headline-md-line-height:1.1428571428571428;--db-typography-regular-tablet-headline-md-font-size:1.75rem;--db-base-icon-weight-regular-tablet-headline-md:32;--db-base-icon-font-size-regular-tablet-headline-md:2rem;--db-typography-regular-tablet-headline-sm-line-height:1.1666666666666667;--db-typography-regular-tablet-headline-sm-font-size:1.5rem;--db-base-icon-weight-regular-tablet-headline-sm:28;--db-base-icon-font-size-regular-tablet-headline-sm:1.75rem;--db-typography-regular-tablet-headline-xl-line-height:1.2;--db-typography-regular-tablet-headline-xl-font-size:2.5rem;--db-base-icon-weight-regular-tablet-headline-xl:48;--db-base-icon-font-size-regular-tablet-headline-xl:3rem;--db-typography-regular-tablet-headline-xs-line-height:1.2;--db-typography-regular-tablet-headline-xs-font-size:1.25rem;--db-base-icon-weight-regular-tablet-headline-xs:24;--db-base-icon-font-size-regular-tablet-headline-xs:1.5rem;--db-typography-regular-tablet-headline-2xl-line-height:1.3333333333333333;--db-typography-regular-tablet-headline-2xl-font-size:3rem;--db-base-icon-weight-regular-tablet-headline-2xl:64;--db-base-icon-font-size-regular-tablet-headline-2xl:4rem;--db-typography-regular-tablet-headline-2xs-line-height:1.25;--db-typography-regular-tablet-headline-2xs-font-size:1rem;--db-base-icon-weight-regular-tablet-headline-2xs:20;--db-base-icon-font-size-regular-tablet-headline-2xs:1.25rem;--db-typography-regular-tablet-headline-3xl-line-height:1.3333333333333333;--db-typography-regular-tablet-headline-3xl-font-size:3rem;--db-base-icon-weight-regular-tablet-headline-3xl:64;--db-base-icon-font-size-regular-tablet-headline-3xl:4rem;--db-typography-regular-tablet-headline-3xs-line-height:1.25;--db-typography-regular-tablet-headline-3xs-font-size:1rem;--db-base-icon-weight-regular-tablet-headline-3xs:20;--db-base-icon-font-size-regular-tablet-headline-3xs:1.25rem;--db-typography-functional-desktop-body-lg-line-height:1.5;--db-typography-functional-desktop-body-lg-font-size:1rem;--db-base-icon-weight-functional-desktop-body-lg:24;--db-base-icon-font-size-functional-desktop-body-lg:1.5rem;--db-typography-functional-desktop-body-md-line-height:1.4285714285714286;--db-typography-functional-desktop-body-md-font-size:0.875rem;--db-base-icon-weight-functional-desktop-body-md:20;--db-base-icon-font-size-functional-desktop-body-md:1.25rem;--db-typography-functional-desktop-body-sm-line-height:1.3333333333333333;--db-typography-functional-desktop-body-sm-font-size:0.75rem;--db-base-icon-weight-functional-desktop-body-sm:16;--db-base-icon-font-size-functional-desktop-body-sm:1rem;--db-typography-functional-desktop-body-xl-line-height:1.4;--db-typography-functional-desktop-body-xl-font-size:1.25rem;--db-base-icon-weight-functional-desktop-body-xl:28;--db-base-icon-font-size-functional-desktop-body-xl:1.75rem;--db-typography-functional-desktop-body-xs-line-height:1.4;--db-typography-functional-desktop-body-xs-font-size:0.625rem;--db-base-icon-weight-functional-desktop-body-xs:14;--db-base-icon-font-size-functional-desktop-body-xs:0.875rem;--db-typography-functional-desktop-body-2xl-line-height:1.3333333333333333;--db-typography-functional-desktop-body-2xl-font-size:1.5rem;--db-base-icon-weight-functional-desktop-body-2xl:32;--db-base-icon-font-size-functional-desktop-body-2xl:2rem;--db-typography-functional-desktop-body-3xl-line-height:1.4285714285714286;--db-typography-functional-desktop-body-3xl-font-size:1.75rem;--db-base-icon-weight-functional-desktop-3xl:40;--db-base-icon-font-size-functional-desktop-3xl:2.5rem;--db-typography-functional-desktop-body-2xs-line-height:1.4;--db-typography-functional-desktop-body-2xs-font-size:0.625rem;--db-base-icon-weight-functional-desktop-body-2xs:14;--db-base-icon-font-size-functional-desktop-body-2xs:0.875rem;--db-typography-functional-desktop-body-3xs-line-height:1.4;--db-typography-functional-desktop-body-3xs-font-size:0.625rem;--db-base-icon-weight-functional-desktop-3xs:14;--db-base-icon-font-size-functional-desktop-3xs:0.875rem;--db-typography-functional-desktop-headline-lg-line-height:1.1428571428571428;--db-typography-functional-desktop-headline-lg-font-size:1.75rem;--db-base-icon-weight-functional-desktop-headline-lg:32;--db-base-icon-font-size-functional-desktop-headline-lg:2rem;--db-typography-functional-desktop-headline-md-line-height:1.1666666666666667;--db-typography-functional-desktop-headline-md-font-size:1.5rem;--db-base-icon-weight-functional-desktop-headline-md:28;--db-base-icon-font-size-functional-desktop-headline-md:1.75rem;--db-typography-functional-desktop-headline-sm-line-height:1.2;--db-typography-functional-desktop-headline-sm-font-size:1.25rem;--db-base-icon-weight-functional-desktop-headline-sm:24;--db-base-icon-font-size-functional-desktop-headline-sm:1.5rem;--db-typography-functional-desktop-headline-xl-line-height:1.25;--db-typography-functional-desktop-headline-xl-font-size:2rem;--db-base-icon-weight-functional-desktop-headline-xl:40;--db-base-icon-font-size-functional-desktop-headline-xl:2.5rem;--db-typography-functional-desktop-headline-xs-line-height:1.25;--db-typography-functional-desktop-headline-xs-font-size:1rem;--db-base-icon-weight-functional-desktop-headline-xs:20;--db-base-icon-font-size-functional-desktop-headline-xs:1.25rem;--db-typography-functional-desktop-headline-2xl-line-height:1.2;--db-typography-functional-desktop-headline-2xl-font-size:2.5rem;--db-base-icon-weight-functional-desktop-headline-2xl:48;--db-base-icon-font-size-functional-desktop-headline-2xl:3rem;--db-typography-functional-desktop-headline-2xs-line-height:1.1428571428571428;--db-typography-functional-desktop-headline-2xs-font-size:0.875rem;--db-base-icon-weight-functional-desktop-headline-2xs:16;--db-base-icon-font-size-functional-desktop-headline-2xs:1rem;--db-typography-functional-desktop-headline-3xl-line-height:1.2;--db-typography-functional-desktop-headline-3xl-font-size:2.5rem;--db-base-icon-weight-functional-desktop-headline-3xl:48;--db-base-icon-font-size-functional-desktop-headline-3xl:3rem;--db-typography-functional-desktop-headline-3xs-line-height:1.1428571428571428;--db-typography-functional-desktop-headline-3xs-font-size:0.875rem;--db-base-icon-weight-functional-desktop-headline-3xs:16;--db-base-icon-font-size-functional-desktop-headline-3xs:1rem;--db-typography-functional-tablet-body-lg-line-height:1.5;--db-typography-functional-tablet-body-lg-font-size:1rem;--db-base-icon-weight-functional-tablet-body-lg:24;--db-base-icon-font-size-functional-tablet-body-lg:1.5rem;--db-typography-functional-tablet-body-md-line-height:1.4285714285714286;--db-typography-functional-tablet-body-md-font-size:0.875rem;--db-base-icon-weight-functional-tablet-body-md:20;--db-base-icon-font-size-functional-tablet-body-md:1.25rem;--db-typography-functional-tablet-body-sm-line-height:1.3333333333333333;--db-typography-functional-tablet-body-sm-font-size:0.75rem;--db-base-icon-weight-functional-tablet-body-sm:16;--db-base-icon-font-size-functional-tablet-body-sm:1rem;--db-typography-functional-tablet-body-xl-line-height:1.4;--db-typography-functional-tablet-body-xl-font-size:1.25rem;--db-base-icon-weight-functional-tablet-body-xl:28;--db-base-icon-font-size-functional-tablet-body-xl:1.75rem;--db-typography-functional-tablet-body-xs-line-height:1.4;--db-typography-functional-tablet-body-xs-font-size:0.625rem;--db-base-icon-weight-functional-tablet-body-xs:14;--db-base-icon-font-size-functional-tablet-body-xs:0.875rem;--db-typography-functional-tablet-body-2xl-line-height:1.3333333333333333;--db-typography-functional-tablet-body-2xl-font-size:1.5rem;--db-base-icon-weight-functional-tablet-body-2xl:32;--db-base-icon-font-size-functional-tablet-body-2xl:2rem;--db-typography-functional-tablet-body-3xl-line-height:1.4285714285714286;--db-typography-functional-tablet-body-3xl-font-size:1.75rem;--db-base-icon-weight-functional-tablet-3xl:40;--db-base-icon-font-size-functional-tablet-3xl:2.5rem;--db-typography-functional-tablet-body-2xs-line-height:1.4;--db-typography-functional-tablet-body-2xs-font-size:0.625rem;--db-base-icon-weight-functional-tablet-body-2xs:14;--db-base-icon-font-size-functional-tablet-body-2xs:0.875rem;--db-typography-functional-tablet-body-3xs-line-height:1.4;--db-typography-functional-tablet-body-3xs-font-size:0.625rem;--db-base-icon-weight-functional-tablet-3xs:14;--db-base-icon-font-size-functional-tablet-3xs:0.875rem;--db-typography-functional-tablet-headline-lg-line-height:1.1428571428571428;--db-typography-functional-tablet-headline-lg-font-size:1.75rem;--db-base-icon-weight-functional-tablet-headline-lg:32;--db-base-icon-font-size-functional-tablet-headline-lg:2rem;--db-typography-functional-tablet-headline-md-line-height:1.1666666666666667;--db-typography-functional-tablet-headline-md-font-size:1.5rem;--db-base-icon-weight-functional-tablet-headline-md:28;--db-base-icon-font-size-functional-tablet-headline-md:1.75rem;--db-typography-functional-tablet-headline-sm-line-height:1.2;--db-typography-functional-tablet-headline-sm-font-size:1.25rem;--db-base-icon-weight-functional-tablet-headline-sm:24;--db-base-icon-font-size-functional-tablet-headline-sm:1.5rem;--db-typography-functional-tablet-headline-xl-line-height:1.25;--db-typography-functional-tablet-headline-xl-font-size:2rem;--db-base-icon-weight-functional-tablet-headline-xl:40;--db-base-icon-font-size-functional-tablet-headline-xl:2.5rem;--db-typography-functional-tablet-headline-xs-line-height:1.25;--db-typography-functional-tablet-headline-xs-font-size:1rem;--db-base-icon-weight-functional-tablet-headline-xs:20;--db-base-icon-font-size-functional-tablet-headline-xs:1.25rem;--db-typography-functional-tablet-headline-2xl-line-height:1.25;--db-typography-functional-tablet-headline-2xl-font-size:2rem;--db-base-icon-weight-functional-tablet-headline-2xl:40;--db-base-icon-font-size-functional-tablet-headline-2xl:2.5rem;--db-typography-functional-tablet-headline-2xs-line-height:1.1428571428571428;--db-typography-functional-tablet-headline-2xs-font-size:0.875rem;--db-base-icon-weight-functional-tablet-headline-2xs:16;--db-base-icon-font-size-functional-tablet-headline-2xs:1rem;--db-typography-functional-tablet-headline-3xl-line-height:1.25;--db-typography-functional-tablet-headline-3xl-font-size:2rem;--db-base-icon-weight-functional-tablet-headline-3xl:40;--db-base-icon-font-size-functional-tablet-headline-3xl:2.5rem;--db-typography-functional-tablet-headline-3xs-line-height:1.1428571428571428;--db-typography-functional-tablet-headline-3xs-font-size:0.875rem;--db-base-icon-weight-functional-tablet-headline-3xs:16;--db-base-icon-font-size-functional-tablet-headline-3xs:1rem;--db-typography-functional-mobile-body-lg-line-height:1.5;--db-typography-functional-mobile-body-lg-font-size:1rem;--db-base-icon-weight-functional-mobile-body-lg:24;--db-base-icon-font-size-functional-mobile-body-lg:1.5rem;--db-typography-functional-mobile-body-md-line-height:1.4285714285714286;--db-typography-functional-mobile-body-md-font-size:0.875rem;--db-base-icon-weight-functional-mobile-body-md:20;--db-base-icon-font-size-functional-mobile-body-md:1.25rem;--db-typography-functional-mobile-body-sm-line-height:1.3333333333333333;--db-typography-functional-mobile-body-sm-font-size:0.75rem;--db-base-icon-weight-functional-mobile-body-sm:16;--db-base-icon-font-size-functional-mobile-body-sm:1rem;--db-typography-functional-mobile-body-xl-line-height:1.5;--db-typography-functional-mobile-body-xl-font-size:1rem;--db-base-icon-weight-functional-mobile-body-xl:24;--db-base-icon-font-size-functional-mobile-body-xl:1.5rem;--db-typography-functional-mobile-body-xs-line-height:1.4;--db-typography-functional-mobile-body-xs-font-size:0.625rem;--db-base-icon-weight-functional-mobile-body-xs:14;--db-base-icon-font-size-functional-mobile-body-xs:0.875rem;--db-typography-functional-mobile-body-2xl-line-height:1.5;--db-typography-functional-mobile-body-2xl-font-size:1rem;--db-base-icon-weight-functional-mobile-body-2xl:24;--db-base-icon-font-size-functional-mobile-body-2xl:1.5rem;--db-typography-functional-mobile-body-3xl-line-height:1.5;--db-typography-functional-mobile-body-3xl-font-size:1rem;--db-base-icon-weight-functional-mobile-3xl:24;--db-base-icon-font-size-functional-mobile-3xl:1.5rem;--db-typography-functional-mobile-body-2xs-line-height:1.4;--db-typography-functional-mobile-body-2xs-font-size:0.625rem;--db-base-icon-weight-functional-mobile-body-2xs:14;--db-base-icon-font-size-functional-mobile-body-2xs:0.875rem;--db-typography-functional-mobile-body-3xs-line-height:1.4;--db-typography-functional-mobile-body-3xs-font-size:0.625rem;--db-base-icon-weight-functional-mobile-3xs:14;--db-base-icon-font-size-functional-mobile-3xs:0.875rem;--db-typography-functional-mobile-headline-lg-line-height:1.1666666666666667;--db-typography-functional-mobile-headline-lg-font-size:1.5rem;--db-base-icon-weight-functional-mobile-headline-lg:28;--db-base-icon-font-size-functional-mobile-headline-lg:1.75rem;--db-typography-functional-mobile-headline-md-line-height:1.2;--db-typography-functional-mobile-headline-md-font-size:1.25rem;--db-base-icon-weight-functional-mobile-headline-md:24;--db-base-icon-font-size-functional-mobile-headline-md:1.5rem;--db-typography-functional-mobile-headline-sm-line-height:1.25;--db-typography-functional-mobile-headline-sm-font-size:1rem;--db-base-icon-weight-functional-mobile-headline-sm:20;--db-base-icon-font-size-functional-mobile-headline-sm:1.25rem;--db-typography-functional-mobile-headline-xl-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-xl-font-size:1.75rem;--db-base-icon-weight-functional-mobile-headline-xl:32;--db-base-icon-font-size-functional-mobile-headline-xl:2rem;--db-typography-functional-mobile-headline-xs-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-xs-font-size:0.875rem;--db-base-icon-weight-functional-mobile-headline-xs:16;--db-base-icon-font-size-functional-mobile-headline-xs:1rem;--db-typography-functional-mobile-headline-2xl-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-2xl-font-size:1.75rem;--db-base-icon-weight-functional-mobile-headline-2xl:32;--db-base-icon-font-size-functional-mobile-headline-2xl:2rem;--db-typography-functional-mobile-headline-2xs-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-2xs-font-size:0.875rem;--db-base-icon-weight-functional-mobile-headline-2xs:16;--db-base-icon-font-size-functional-mobile-headline-2xs:1rem;--db-typography-functional-mobile-headline-3xl-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-3xl-font-size:1.75rem;--db-base-icon-weight-functional-mobile-headline-3xl:32;--db-base-icon-font-size-functional-mobile-headline-3xl:2rem;--db-typography-functional-mobile-headline-3xs-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-3xs-font-size:0.875rem;--db-base-icon-weight-functional-mobile-headline-3xs:16;--db-base-icon-font-size-functional-mobile-headline-3xs:1rem;--db-typography-expressive-desktop-body-lg-line-height:1.3333333333333333;--db-typography-expressive-desktop-body-lg-font-size:1.5rem;--db-base-icon-weight-expressive-desktop-body-lg:32;--db-base-icon-font-size-expressive-desktop-body-lg:2rem;--db-typography-expressive-desktop-body-md-line-height:1.4;--db-typography-expressive-desktop-body-md-font-size:1.25rem;--db-base-icon-weight-expressive-desktop-body-md:28;--db-base-icon-font-size-expressive-desktop-body-md:1.75rem;--db-typography-expressive-desktop-body-sm-line-height:1.5;--db-typography-expressive-desktop-body-sm-font-size:1rem;--db-base-icon-weight-expressive-desktop-body-sm:24;--db-base-icon-font-size-expressive-desktop-body-sm:1.5rem;--db-typography-expressive-desktop-body-xl-line-height:1.4285714285714286;--db-typography-expressive-desktop-body-xl-font-size:1.75rem;--db-base-icon-weight-expressive-desktop-body-xl:40;--db-base-icon-font-size-expressive-desktop-body-xl:2.5rem;--db-typography-expressive-desktop-body-xs-line-height:1.4285714285714286;--db-typography-expressive-desktop-body-xs-font-size:0.875rem;--db-base-icon-weight-expressive-desktop-body-xs:20;--db-base-icon-font-size-expressive-desktop-body-xs:1.25rem;--db-typography-expressive-desktop-body-2xl-line-height:1.5;--db-typography-expressive-desktop-body-2xl-font-size:2rem;--db-base-icon-weight-expressive-desktop-body-2xl:48;--db-base-icon-font-size-expressive-desktop-body-2xl:3rem;--db-typography-expressive-desktop-body-3xl-line-height:1.6;--db-typography-expressive-desktop-body-3xl-font-size:2.5rem;--db-base-icon-weight-expressive-desktop-3xl:64;--db-base-icon-font-size-expressive-desktop-3xl:4rem;--db-typography-expressive-desktop-body-2xs-line-height:1.3333333333333333;--db-typography-expressive-desktop-body-2xs-font-size:0.75rem;--db-base-icon-weight-expressive-desktop-body-2xs:16;--db-base-icon-font-size-expressive-desktop-body-2xs:1rem;--db-typography-expressive-desktop-body-3xs-line-height:1.4;--db-typography-expressive-desktop-body-3xs-font-size:0.625rem;--db-base-icon-weight-expressive-desktop-3xs:14;--db-base-icon-font-size-expressive-desktop-3xs:0.875rem;--db-typography-expressive-desktop-headline-lg-line-height:1.3333333333333333;--db-typography-expressive-desktop-headline-lg-font-size:3rem;--db-base-icon-weight-expressive-desktop-headline-lg:64;--db-base-icon-font-size-expressive-desktop-headline-lg:4rem;--db-typography-expressive-desktop-headline-md-line-height:1.2;--db-typography-expressive-desktop-headline-md-font-size:2.5rem;--db-base-icon-weight-expressive-desktop-headline-md:48;--db-base-icon-font-size-expressive-desktop-headline-md:3rem;--db-typography-expressive-desktop-headline-sm-line-height:1.25;--db-typography-expressive-desktop-headline-sm-font-size:2rem;--db-base-icon-weight-expressive-desktop-headline-sm:40;--db-base-icon-font-size-expressive-desktop-headline-sm:2.5rem;--db-typography-expressive-desktop-headline-xl-line-height:1.25;--db-typography-expressive-desktop-headline-xl-font-size:4rem;--db-base-icon-weight-expressive-desktop-headline-xl:80;--db-base-icon-font-size-expressive-desktop-headline-xl:5rem;--db-typography-expressive-desktop-headline-xs-line-height:1.1428571428571428;--db-typography-expressive-desktop-headline-xs-font-size:1.75rem;--db-base-icon-weight-expressive-desktop-headline-xs:32;--db-base-icon-font-size-expressive-desktop-headline-xs:2rem;--db-typography-expressive-desktop-headline-2xl-line-height:1.2;--db-typography-expressive-desktop-headline-2xl-font-size:5rem;--db-base-icon-weight-expressive-desktop-headline-2xl:96;--db-base-icon-font-size-expressive-desktop-headline-2xl:6rem;--db-typography-expressive-desktop-headline-2xs-line-height:1.1666666666666667;--db-typography-expressive-desktop-headline-2xs-font-size:1.5rem;--db-base-icon-weight-expressive-desktop-headline-2xs:28;--db-base-icon-font-size-expressive-desktop-headline-2xs:1.75rem;--db-typography-expressive-desktop-headline-3xl-line-height:1.25;--db-typography-expressive-desktop-headline-3xl-font-size:6rem;--db-base-icon-weight-expressive-desktop-headline-3xl:120;--db-base-icon-font-size-expressive-desktop-headline-3xl:7.5rem;--db-typography-expressive-desktop-headline-3xs-line-height:1.2;--db-typography-expressive-desktop-headline-3xs-font-size:1.25rem;--db-base-icon-weight-expressive-desktop-headline-3xs:24;--db-base-icon-font-size-expressive-desktop-headline-3xs:1.5rem;--db-typography-expressive-tablet-body-lg-line-height:1.3333333333333333;--db-typography-expressive-tablet-body-lg-font-size:1.5rem;--db-base-icon-weight-expressive-tablet-body-lg:32;--db-base-icon-font-size-expressive-tablet-body-lg:2rem;--db-typography-expressive-tablet-body-md-line-height:1.4;--db-typography-expressive-tablet-body-md-font-size:1.25rem;--db-base-icon-weight-expressive-tablet-body-md:28;--db-base-icon-font-size-expressive-tablet-body-md:1.75rem;--db-typography-expressive-tablet-body-sm-line-height:1.5;--db-typography-expressive-tablet-body-sm-font-size:1rem;--db-base-icon-weight-expressive-tablet-body-sm:24;--db-base-icon-font-size-expressive-tablet-body-sm:1.5rem;--db-typography-expressive-tablet-body-xl-line-height:1.4285714285714286;--db-typography-expressive-tablet-body-xl-font-size:1.75rem;--db-base-icon-weight-expressive-tablet-body-xl:40;--db-base-icon-font-size-expressive-tablet-body-xl:2.5rem;--db-typography-expressive-tablet-body-xs-line-height:1.4285714285714286;--db-typography-expressive-tablet-body-xs-font-size:0.875rem;--db-base-icon-weight-expressive-tablet-body-xs:20;--db-base-icon-font-size-expressive-tablet-body-xs:1.25rem;--db-typography-expressive-tablet-body-2xl-line-height:1.5;--db-typography-expressive-tablet-body-2xl-font-size:2rem;--db-base-icon-weight-expressive-tablet-body-2xl:48;--db-base-icon-font-size-expressive-tablet-body-2xl:3rem;--db-typography-expressive-tablet-body-3xl-line-height:1.6;--db-typography-expressive-tablet-body-3xl-font-size:2.5rem;--db-base-icon-weight-expressive-tablet-3xl:64;--db-base-icon-font-size-expressive-tablet-3xl:4rem;--db-typography-expressive-tablet-body-2xs-line-height:1.3333333333333333;--db-typography-expressive-tablet-body-2xs-font-size:0.75rem;--db-base-icon-weight-expressive-tablet-body-2xs:16;--db-base-icon-font-size-expressive-tablet-body-2xs:1rem;--db-typography-expressive-tablet-body-3xs-line-height:1.4;--db-typography-expressive-tablet-body-3xs-font-size:0.625rem;--db-base-icon-weight-expressive-tablet-3xs:14;--db-base-icon-font-size-expressive-tablet-3xs:0.875rem;--db-typography-expressive-tablet-headline-lg-line-height:1.2;--db-typography-expressive-tablet-headline-lg-font-size:2.5rem;--db-base-icon-weight-expressive-tablet-headline-lg:48;--db-base-icon-font-size-expressive-tablet-headline-lg:3rem;--db-typography-expressive-tablet-headline-md-line-height:1.25;--db-typography-expressive-tablet-headline-md-font-size:2rem;--db-base-icon-weight-expressive-tablet-headline-md:40;--db-base-icon-font-size-expressive-tablet-headline-md:2.5rem;--db-typography-expressive-tablet-headline-sm-line-height:1.1428571428571428;--db-typography-expressive-tablet-headline-sm-font-size:1.75rem;--db-base-icon-weight-expressive-tablet-headline-sm:32;--db-base-icon-font-size-expressive-tablet-headline-sm:2rem;--db-typography-expressive-tablet-headline-xl-line-height:1.3333333333333333;--db-typography-expressive-tablet-headline-xl-font-size:3rem;--db-base-icon-weight-expressive-tablet-headline-xl:64;--db-base-icon-font-size-expressive-tablet-headline-xl:4rem;--db-typography-expressive-tablet-headline-xs-line-height:1.1666666666666667;--db-typography-expressive-tablet-headline-xs-font-size:1.5rem;--db-base-icon-weight-expressive-tablet-headline-xs:28;--db-base-icon-font-size-expressive-tablet-headline-xs:1.75rem;--db-typography-expressive-tablet-headline-2xl-line-height:1.25;--db-typography-expressive-tablet-headline-2xl-font-size:4rem;--db-base-icon-weight-expressive-tablet-headline-2xl:80;--db-base-icon-font-size-expressive-tablet-headline-2xl:5rem;--db-typography-expressive-tablet-headline-2xs-line-height:1.2;--db-typography-expressive-tablet-headline-2xs-font-size:1.25rem;--db-base-icon-weight-expressive-tablet-headline-2xs:24;--db-base-icon-font-size-expressive-tablet-headline-2xs:1.5rem;--db-typography-expressive-tablet-headline-3xl-line-height:1.2;--db-typography-expressive-tablet-headline-3xl-font-size:5rem;--db-base-icon-weight-expressive-tablet-headline-3xl:96;--db-base-icon-font-size-expressive-tablet-headline-3xl:6rem;--db-typography-expressive-tablet-headline-3xs-line-height:1.2;--db-typography-expressive-tablet-headline-3xs-font-size:1.25rem;--db-base-icon-weight-expressive-tablet-headline-3xs:24;--db-base-icon-font-size-expressive-tablet-headline-3xs:1.5rem;--db-typography-expressive-mobile-body-lg-line-height:1.3333333333333333;--db-typography-expressive-mobile-body-lg-font-size:1.5rem;--db-base-icon-weight-expressive-mobile-body-lg:32;--db-base-icon-font-size-expressive-mobile-body-lg:2rem;--db-typography-expressive-mobile-body-md-line-height:1.4;--db-typography-expressive-mobile-body-md-font-size:1.25rem;--db-base-icon-weight-expressive-mobile-body-md:28;--db-base-icon-font-size-expressive-mobile-body-md:1.75rem;--db-typography-expressive-mobile-body-sm-line-height:1.5;--db-typography-expressive-mobile-body-sm-font-size:1rem;--db-base-icon-weight-expressive-mobile-body-sm:24;--db-base-icon-font-size-expressive-mobile-body-sm:1.5rem;--db-typography-expressive-mobile-body-xl-line-height:1.3333333333333333;--db-typography-expressive-mobile-body-xl-font-size:1.5rem;--db-base-icon-weight-expressive-mobile-body-xl:32;--db-base-icon-font-size-expressive-mobile-body-xl:2rem;--db-typography-expressive-mobile-body-xs-line-height:1.4285714285714286;--db-typography-expressive-mobile-body-xs-font-size:0.875rem;--db-base-icon-weight-expressive-mobile-body-xs:20;--db-base-icon-font-size-expressive-mobile-body-xs:1.25rem;--db-typography-expressive-mobile-body-2xl-line-height:1.3333333333333333;--db-typography-expressive-mobile-body-2xl-font-size:1.5rem;--db-base-icon-weight-expressive-mobile-body-2xl:32;--db-base-icon-font-size-expressive-mobile-body-2xl:2rem;--db-typography-expressive-mobile-body-3xl-line-height:1.3333333333333333;--db-typography-expressive-mobile-body-3xl-font-size:1.5rem;--db-base-icon-weight-expressive-mobile-3xl:32;--db-base-icon-font-size-expressive-mobile-3xl:2rem;--db-typography-expressive-mobile-body-2xs-line-height:1.3333333333333333;--db-typography-expressive-mobile-body-2xs-font-size:0.75rem;--db-base-icon-weight-expressive-mobile-body-2xs:16;--db-base-icon-font-size-expressive-mobile-body-2xs:1rem;--db-typography-expressive-mobile-body-3xs-line-height:1.4;--db-typography-expressive-mobile-body-3xs-font-size:0.625rem;--db-base-icon-weight-expressive-mobile-3xs:14;--db-base-icon-font-size-expressive-mobile-3xs:0.875rem;--db-typography-expressive-mobile-headline-lg-line-height:1.25;--db-typography-expressive-mobile-headline-lg-font-size:2rem;--db-base-icon-weight-expressive-mobile-headline-lg:40;--db-base-icon-font-size-expressive-mobile-headline-lg:2.5rem;--db-typography-expressive-mobile-headline-md-line-height:1.1428571428571428;--db-typography-expressive-mobile-headline-md-font-size:1.75rem;--db-base-icon-weight-expressive-mobile-headline-md:32;--db-base-icon-font-size-expressive-mobile-headline-md:2rem;--db-typography-expressive-mobile-headline-sm-line-height:1.1666666666666667;--db-typography-expressive-mobile-headline-sm-font-size:1.5rem;--db-base-icon-weight-expressive-mobile-headline-sm:28;--db-base-icon-font-size-expressive-mobile-headline-sm:1.75rem;--db-typography-expressive-mobile-headline-xl-line-height:1.2;--db-typography-expressive-mobile-headline-xl-font-size:2.5rem;--db-base-icon-weight-expressive-mobile-headline-xl:48;--db-base-icon-font-size-expressive-mobile-headline-xl:3rem;--db-typography-expressive-mobile-headline-xs-line-height:1.2;--db-typography-expressive-mobile-headline-xs-font-size:1.25rem;--db-base-icon-weight-expressive-mobile-headline-xs:24;--db-base-icon-font-size-expressive-mobile-headline-xs:1.5rem;--db-typography-expressive-mobile-headline-2xl-line-height:1.2;--db-typography-expressive-mobile-headline-2xl-font-size:2.5rem;--db-base-icon-weight-expressive-mobile-headline-2xl:48;--db-base-icon-font-size-expressive-mobile-headline-2xl:3rem;--db-typography-expressive-mobile-headline-2xs-line-height:1.25;--db-typography-expressive-mobile-headline-2xs-font-size:1rem;--db-base-icon-weight-expressive-mobile-headline-2xs:20;--db-base-icon-font-size-expressive-mobile-headline-2xs:1.25rem;--db-typography-expressive-mobile-headline-3xl-line-height:1.2;--db-typography-expressive-mobile-headline-3xl-font-size:2.5rem;--db-base-icon-weight-expressive-mobile-headline-3xl:48;--db-base-icon-font-size-expressive-mobile-headline-3xl:3rem;--db-typography-expressive-mobile-headline-3xs-line-height:1.25;--db-typography-expressive-mobile-headline-3xs-font-size:1rem;--db-base-icon-weight-expressive-mobile-headline-3xs:20;--db-base-icon-font-size-expressive-mobile-headline-3xs:1.25rem;--db-border-height-3xs:0.0625rem;--db-border-height-2xs:0.125rem;--db-border-height-xs:0.25rem;--db-border-height-sm:0.375rem;--db-border-height-md:0.5rem;--db-border-height-lg:0.625rem;--db-border-height-xl:0.75rem;--db-border-height-2xl:0.875rem;--db-border-height-3xl:1rem;--db-border-radius-3xs:0.0625rem;--db-border-radius-2xs:0.125rem;--db-border-radius-xs:0.25rem;--db-border-radius-sm:0.5rem;--db-border-radius-md:0.75rem;--db-border-radius-lg:1rem;--db-border-radius-xl:1.5rem;--db-border-radius-2xl:1.75rem;--db-border-radius-3xl:2rem;--db-border-radius-full:500rem;--db-elevation-sm:0 0 1px -1px rgba(0,0,0,.2),0 0 4px 1px rgba(0,0,0,.12),0 0 2px 0 rgba(0,0,0,.14);--db-elevation-md:0 0 2px -1px rgba(0,0,0,.2),0 0 8px 1px rgba(0,0,0,.12),0 0 4px 0 rgba(0,0,0,.14);--db-elevation-lg:0 0 4px -3px rgba(0,0,0,.2),0 0 16px 3px rgba(0,0,0,.12),0 0 8px 1px rgba(0,0,0,.14);--db-transition-duration-x-slow:0.5s;--db-transition-duration-slow:0.4s;--db-transition-duration-medium:0.3s;--db-transition-duration-fast:0.15s;--db-transition-duration-x-fast:0.075s;--db-transition-timing-show:cubic-bezier(0.49,0.1,0.16,1) normal both;--db-transition-timing-hide:cubic-bezier(0.49,0.1,0.16,1) normal both;--db-transition-timing-emotional:cubic-bezier(0.27,0.05,0.4,0.95);--db-transition-timing-functional:cubic-bezier(0.15,0,0.45,1);--db-transition-straight-show:0.5s cubic-bezier(0.49,0.1,0.16,1) normal both;--db-transition-straight-hide:0.4s cubic-bezier(0.49,0.1,0.16,1) normal both;--db-transition-straight-emotional:0.3s cubic-bezier(0.27,0.05,0.4,0.95);--db-transition-straight-functional:0.3s cubic-bezier(0.15,0,0.45,1);--db-font-family-sans:"DB Screen Sans",Helvetica,Arial,sans-serif;--db-font-family-head:"DB Screen Head",Helvetica,Arial,sans-serif;--db-neutral-0:#070708;--db-neutral-1:#0d0e10;--db-neutral-2:#121315;--db-neutral-3:#1a1c1e;--db-neutral-4:#2e3134;--db-neutral-5:#44474c;--db-neutral-6:#5a5f65;--db-neutral-7:#72777f;--db-neutral-8:#8b919a;--db-neutral-9:#a6acb4;--db-neutral-10:#c3c7cc;--db-neutral-11:#e1e3e5;--db-neutral-12:#edeef0;--db-neutral-13:#f3f4f5;--db-neutral-14:#fff;--db-brand-0:#1a0000;--db-brand-1:#280001;--db-brand-2:#310001;--db-brand-3:#410002;--db-brand-4:#690004;--db-brand-5:#930009;--db-brand-6:#c00010;--db-brand-7:#ef0016;--db-brand-8:#ff5357;--db-brand-9:#ff888a;--db-brand-10:#ffb3b4;--db-brand-11:#ffdada;--db-brand-12:#ffe9e9;--db-brand-13:#fff0f0;--db-brand-14:#fff8f8;--db-brand-on-pressed-light:#edeef0;--db-brand-on-hover-light:#f3f4f5;--db-brand-on-light:#fff;--db-brand-origin-light:#ec0016;--db-brand-hover-light:#c00010;--db-brand-pressed-light:#930009;--db-brand-on-pressed-dark:#edeef0;--db-brand-on-hover-dark:#f3f4f5;--db-brand-on-dark:#fff;--db-brand-origin-dark:#ec0016;--db-brand-hover-dark:#ff5357;--db-brand-pressed-dark:#ff888a;--db-informational-0:#01080f;--db-informational-1:#011018;--db-informational-2:#021520;--db-informational-3:#041e2b;--db-informational-4:#0a3447;--db-informational-5:#124c66;--db-informational-6:#1b6586;--db-informational-7:#257fa8;--db-informational-8:#2e9acb;--db-informational-9:#38b6ef;--db-informational-10:#89cffa;--db-informational-11:#cae6fd;--db-informational-12:#e0f0fe;--db-informational-13:#ebf5fe;--db-informational-14:#f5faff;--db-warning-0:#100500;--db-warning-1:#190b00;--db-warning-2:#210f00;--db-warning-3:#2c1600;--db-warning-4:#4a2800;--db-warning-5:#693c00;--db-warning-6:#8a5100;--db-warning-7:#ad6600;--db-warning-8:#d17d00;--db-warning-9:#f69400;--db-warning-10:#ffb782;--db-warning-11:#ffdbc8;--db-warning-12:#ffeadf;--db-warning-13:#fff1ea;--db-warning-14:#fff8f5;--db-successful-0:#030900;--db-successful-1:#061100;--db-successful-2:#091701;--db-successful-3:#0f2001;--db-successful-4:#1d3702;--db-successful-5:#2d5005;--db-successful-6:#3d6a09;--db-successful-7:#4e850f;--db-successful-8:#60a114;--db-successful-9:#72bf1a;--db-successful-10:#85dd20;--db-successful-11:#99fc26;--db-successful-12:#c3ff9d;--db-successful-13:#d9ffc4;--db-successful-14:#edffe4;--db-critical-0:#1a0000;--db-critical-1:#280001;--db-critical-2:#310001;--db-critical-3:#410002;--db-critical-4:#690004;--db-critical-5:#930009;--db-critical-6:#c00010;--db-critical-7:#ef0016;--db-critical-8:#ff5357;--db-critical-9:#ff888a;--db-critical-10:#ffb3b4;--db-critical-11:#ffdada;--db-critical-12:#ffe9e9;--db-critical-13:#fff0f0;--db-critical-14:#fff8f8;--db-neutral-bg-lvl-1-enabled:var(--db-neutral-14);--db-neutral-bg-lvl-1-hover:var(--db-neutral-13);--db-neutral-bg-lvl-1-pressed:var(--db-neutral-12);--db-neutral-bg-lvl-2-enabled:var(--db-neutral-13);--db-neutral-bg-lvl-2-hover:var(--db-neutral-12);--db-neutral-bg-lvl-2-pressed:var(--db-neutral-11);--db-neutral-bg-lvl-3-enabled:var(--db-neutral-12);--db-neutral-bg-lvl-3-hover:var(--db-neutral-11);--db-neutral-bg-lvl-3-pressed:var(--db-neutral-10);--db-neutral-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-neutral-6));--db-neutral-bg-transparent-semi-enabled:color-mix(in srgb,transparent 92%,var(--db-neutral-6));--db-neutral-bg-transparent-hover:color-mix(in srgb,transparent 84%,var(--db-neutral-6));--db-neutral-bg-transparent-pressed:color-mix(in srgb,transparent 76%,var(--db-neutral-6));--db-neutral-on-bg-enabled:var(--db-neutral-3);--db-neutral-on-bg-hover:var(--db-neutral-4);--db-neutral-on-bg-pressed:var(--db-neutral-5);--db-neutral-on-bg-weak-enabled:var(--db-neutral-5);--db-neutral-on-bg-weak-hover:var(--db-neutral-6);--db-neutral-on-bg-weak-pressed:var(--db-neutral-7);--db-neutral-on-contrast-enabled:var(--db-neutral-14);--db-neutral-on-contrast-hover:var(--db-neutral-13);--db-neutral-on-contrast-pressed:var(--db-neutral-12);--db-neutral-contrast-high-enabled:var(--db-neutral-6);--db-neutral-contrast-high-hover:var(--db-neutral-5);--db-neutral-contrast-high-pressed:var(--db-neutral-4);--db-neutral-contrast-low-enabled:var(--db-neutral-7);--db-neutral-contrast-low-hover:var(--db-neutral-6);--db-neutral-contrast-low-pressed:var(--db-neutral-5);--db-neutral-border:var(--db-neutral-10);--db-brand-on-enabled:var(--db-brand-on-light);--db-brand-on-hover:var(--db-brand-on-hover-light);--db-brand-on-pressed:var(--db-brand-on-pressed-light);--db-brand-origin-enabled:var(--db-brand-origin-light);--db-brand-origin-hover:var(--db-brand-hover-light);--db-brand-origin-pressed:var(--db-brand-pressed-light);--db-brand-bg-lvl-1-enabled:var(--db-brand-14);--db-brand-bg-lvl-1-hover:var(--db-brand-13);--db-brand-bg-lvl-1-pressed:var(--db-brand-12);--db-brand-bg-lvl-2-enabled:var(--db-brand-13);--db-brand-bg-lvl-2-hover:var(--db-brand-12);--db-brand-bg-lvl-2-pressed:var(--db-brand-11);--db-brand-bg-lvl-3-enabled:var(--db-brand-12);--db-brand-bg-lvl-3-hover:var(--db-brand-11);--db-brand-bg-lvl-3-pressed:var(--db-brand-10);--db-brand-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-brand-6));--db-brand-bg-transparent-semi-enabled:color-mix(in srgb,transparent 92%,var(--db-brand-6));--db-brand-bg-transparent-hover:color-mix(in srgb,transparent 84%,var(--db-brand-6));--db-brand-bg-transparent-pressed:color-mix(in srgb,transparent 76%,var(--db-brand-6));--db-brand-on-bg-enabled:var(--db-brand-3);--db-brand-on-bg-hover:var(--db-brand-4);--db-brand-on-bg-pressed:var(--db-brand-5);--db-brand-on-bg-weak-enabled:var(--db-brand-5);--db-brand-on-bg-weak-hover:var(--db-brand-6);--db-brand-on-bg-weak-pressed:var(--db-brand-7);--db-brand-on-contrast-enabled:var(--db-brand-14);--db-brand-on-contrast-hover:var(--db-brand-13);--db-brand-on-contrast-pressed:var(--db-brand-12);--db-brand-contrast-high-enabled:var(--db-brand-6);--db-brand-contrast-high-hover:var(--db-brand-5);--db-brand-contrast-high-pressed:var(--db-brand-4);--db-brand-contrast-low-enabled:var(--db-brand-7);--db-brand-contrast-low-hover:var(--db-brand-6);--db-brand-contrast-low-pressed:var(--db-brand-5);--db-brand-border:var(--db-brand-10);--db-informational-bg-lvl-1-enabled:var(--db-informational-14);--db-informational-bg-lvl-1-hover:var(--db-informational-13);--db-informational-bg-lvl-1-pressed:var(--db-informational-12);--db-informational-bg-lvl-2-enabled:var(--db-informational-13);--db-informational-bg-lvl-2-hover:var(--db-informational-12);--db-informational-bg-lvl-2-pressed:var(--db-informational-11);--db-informational-bg-lvl-3-enabled:var(--db-informational-12);--db-informational-bg-lvl-3-hover:var(--db-informational-11);--db-informational-bg-lvl-3-pressed:var(--db-informational-10);--db-informational-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-informational-6));--db-informational-bg-transparent-semi-enabled:color-mix(in srgb,transparent 92%,var(--db-informational-6));--db-informational-bg-transparent-hover:color-mix(in srgb,transparent 84%,var(--db-informational-6));--db-informational-bg-transparent-pressed:color-mix(in srgb,transparent 76%,var(--db-informational-6));--db-informational-on-bg-enabled:var(--db-informational-3);--db-informational-on-bg-hover:var(--db-informational-4);--db-informational-on-bg-pressed:var(--db-informational-5);--db-informational-on-bg-weak-enabled:var(--db-informational-5);--db-informational-on-bg-weak-hover:var(--db-informational-6);--db-informational-on-bg-weak-pressed:var(--db-informational-7);--db-informational-on-contrast-enabled:var(--db-informational-14);--db-informational-on-contrast-hover:var(--db-informational-13);--db-informational-on-contrast-pressed:var(--db-informational-12);--db-informational-contrast-high-enabled:var(--db-informational-6);--db-informational-contrast-high-hover:var(--db-informational-5);--db-informational-contrast-high-pressed:var(--db-informational-4);--db-informational-contrast-low-enabled:var(--db-informational-7);--db-informational-contrast-low-hover:var(--db-informational-6);--db-informational-contrast-low-pressed:var(--db-informational-5);--db-informational-border:var(--db-informational-10);--db-warning-bg-lvl-1-enabled:var(--db-warning-14);--db-warning-bg-lvl-1-hover:var(--db-warning-13);--db-warning-bg-lvl-1-pressed:var(--db-warning-12);--db-warning-bg-lvl-2-enabled:var(--db-warning-13);--db-warning-bg-lvl-2-hover:var(--db-warning-12);--db-warning-bg-lvl-2-pressed:var(--db-warning-11);--db-warning-bg-lvl-3-enabled:var(--db-warning-12);--db-warning-bg-lvl-3-hover:var(--db-warning-11);--db-warning-bg-lvl-3-pressed:var(--db-warning-10);--db-warning-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-warning-6));--db-warning-bg-transparent-semi-enabled:color-mix(in srgb,transparent 92%,var(--db-warning-6));--db-warning-bg-transparent-hover:color-mix(in srgb,transparent 84%,var(--db-warning-6));--db-warning-bg-transparent-pressed:color-mix(in srgb,transparent 76%,var(--db-warning-6));--db-warning-on-bg-enabled:var(--db-warning-3);--db-warning-on-bg-hover:var(--db-warning-4);--db-warning-on-bg-pressed:var(--db-warning-5);--db-warning-on-bg-weak-enabled:var(--db-warning-5);--db-warning-on-bg-weak-hover:var(--db-warning-6);--db-warning-on-bg-weak-pressed:var(--db-warning-7);--db-warning-on-contrast-enabled:var(--db-warning-14);--db-warning-on-contrast-hover:var(--db-warning-13);--db-warning-on-contrast-pressed:var(--db-warning-12);--db-warning-contrast-high-enabled:var(--db-warning-6);--db-warning-contrast-high-hover:var(--db-warning-5);--db-warning-contrast-high-pressed:var(--db-warning-4);--db-warning-contrast-low-enabled:var(--db-warning-7);--db-warning-contrast-low-hover:var(--db-warning-6);--db-warning-contrast-low-pressed:var(--db-warning-5);--db-warning-border:var(--db-warning-10);--db-successful-bg-lvl-1-enabled:var(--db-successful-14);--db-successful-bg-lvl-1-hover:var(--db-successful-13);--db-successful-bg-lvl-1-pressed:var(--db-successful-12);--db-successful-bg-lvl-2-enabled:var(--db-successful-13);--db-successful-bg-lvl-2-hover:var(--db-successful-12);--db-successful-bg-lvl-2-pressed:var(--db-successful-11);--db-successful-bg-lvl-3-enabled:var(--db-successful-12);--db-successful-bg-lvl-3-hover:var(--db-successful-11);--db-successful-bg-lvl-3-pressed:var(--db-successful-10);--db-successful-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-successful-6));--db-successful-bg-transparent-semi-enabled:color-mix(in srgb,transparent 92%,var(--db-successful-6));--db-successful-bg-transparent-hover:color-mix(in srgb,transparent 84%,var(--db-successful-6));--db-successful-bg-transparent-pressed:color-mix(in srgb,transparent 76%,var(--db-successful-6));--db-successful-on-bg-enabled:var(--db-successful-3);--db-successful-on-bg-hover:var(--db-successful-4);--db-successful-on-bg-pressed:var(--db-successful-5);--db-successful-on-bg-weak-enabled:var(--db-successful-5);--db-successful-on-bg-weak-hover:var(--db-successful-6);--db-successful-on-bg-weak-pressed:var(--db-successful-7);--db-successful-on-contrast-enabled:var(--db-successful-14);--db-successful-on-contrast-hover:var(--db-successful-13);--db-successful-on-contrast-pressed:var(--db-successful-12);--db-successful-contrast-high-enabled:var(--db-successful-6);--db-successful-contrast-high-hover:var(--db-successful-5);--db-successful-contrast-high-pressed:var(--db-successful-4);--db-successful-contrast-low-enabled:var(--db-successful-7);--db-successful-contrast-low-hover:var(--db-successful-6);--db-successful-contrast-low-pressed:var(--db-successful-5);--db-successful-border:var(--db-successful-10);--db-critical-bg-lvl-1-enabled:var(--db-critical-14);--db-critical-bg-lvl-1-hover:var(--db-critical-13);--db-critical-bg-lvl-1-pressed:var(--db-critical-12);--db-critical-bg-lvl-2-enabled:var(--db-critical-13);--db-critical-bg-lvl-2-hover:var(--db-critical-12);--db-critical-bg-lvl-2-pressed:var(--db-critical-11);--db-critical-bg-lvl-3-enabled:var(--db-critical-12);--db-critical-bg-lvl-3-hover:var(--db-critical-11);--db-critical-bg-lvl-3-pressed:var(--db-critical-10);--db-critical-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-critical-6));--db-critical-bg-transparent-semi-enabled:color-mix(in srgb,transparent 92%,var(--db-critical-6));--db-critical-bg-transparent-hover:color-mix(in srgb,transparent 84%,var(--db-critical-6));--db-critical-bg-transparent-pressed:color-mix(in srgb,transparent 76%,var(--db-critical-6));--db-critical-on-bg-enabled:var(--db-critical-3);--db-critical-on-bg-hover:var(--db-critical-4);--db-critical-on-bg-pressed:var(--db-critical-5);--db-critical-on-bg-weak-enabled:var(--db-critical-5);--db-critical-on-bg-weak-hover:var(--db-critical-6);--db-critical-on-bg-weak-pressed:var(--db-critical-7);--db-critical-on-contrast-enabled:var(--db-critical-14);--db-critical-on-contrast-hover:var(--db-critical-13);--db-critical-on-contrast-pressed:var(--db-critical-12);--db-critical-contrast-high-enabled:var(--db-critical-6);--db-critical-contrast-high-hover:var(--db-critical-5);--db-critical-contrast-high-pressed:var(--db-critical-4);--db-critical-contrast-low-enabled:var(--db-critical-7);--db-critical-contrast-low-hover:var(--db-critical-6);--db-critical-contrast-low-pressed:var(--db-critical-5);--db-critical-border:var(--db-critical-10);--db-textarea-resizer-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTExLjUgMTYuNWEuOTk5Ljk5OSAwIDAgMSAtLjcwNy0xLjcwN2w0LTRhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTQgNGEuOTk3Ljk5NyAwIDAgMSAtLjcwNy4yOTN6bS03IDBhLjk5OS45OTkgMCAwIDEgLS43MDctMS43MDdsMTEtMTFhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTExIDExYS45OTcuOTk3IDAgMCAxIC0uNzA3LjI5M3oiIGZpbGw9IiMyODJkMzciIHN0eWxlPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==");--db-textarea-scrollbar-button-decrement:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDEzYS45OTguOTk4IDAgMCAxIC0uOTk0LS45OTVjMC0uMjY2LjEzMy0uNTMxLjI5OC0uNjk3bDUuMDA2LTUuMDFjLjE5OS0uMTk4LjQ2NC0uMjk4LjY5Ni0uMjk4LjIyNyAwIC40NTUuMDczLjYyLjIybDUuMDgyIDUuMDg4Yy4xOTkuMTY2LjI5OC40MzEuMjk4LjY5N2EuOTk4Ljk5OCAwIDAgMSAtLjk5NC45OTVjLS4yNjYgMC0uNTMtLjEtLjczLS4yOTlsLTQuMjc2LTQuMjgtNC4yNzYgNC4yOGMtLjIuMi0uNDY0LjI5OS0uNzMuMjk5eiIgZmlsbD0iIzI4MmQzNyIgc3R5bGU9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg0K");--db-textarea-scrollbar-button-increment:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwLjQ3MiA4LjY5Ni0zLjUzMiAzLjUzNGEuOTk4Ljk5OCAwIDEgMSAtMS40MTMtMS40MTNsMi44MjUtMi44MjUtMi44MjUtMi44MjVhLjk5OC45OTggMCAxIDEgMS40MTMtMS40MTNsMy41MzIgMy41MzJhLjk5OS45OTkgMCAwIDEgMCAxLjQxMnoiIGZpbGw9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJtYXRyaXgoMCAxIC0xIDAgMTUuOTkxIC0uMDA5KSIvPjwvc3ZnPg0K");color-scheme:light}@media(prefers-color-scheme:dark){:root{--db-neutral-bg-lvl-1-enabled:var(--db-neutral-3);--db-neutral-bg-lvl-1-hover:var(--db-neutral-4);--db-neutral-bg-lvl-1-pressed:var(--db-neutral-5);--db-neutral-bg-lvl-2-enabled:var(--db-neutral-2);--db-neutral-bg-lvl-2-hover:var(--db-neutral-3);--db-neutral-bg-lvl-2-pressed:var(--db-neutral-4);--db-neutral-bg-lvl-3-enabled:var(--db-neutral-1);--db-neutral-bg-lvl-3-hover:var(--db-neutral-2);--db-neutral-bg-lvl-3-pressed:var(--db-neutral-3);--db-neutral-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-neutral-9));--db-neutral-bg-transparent-semi-enabled:color-mix(in srgb,transparent 84%,var(--db-neutral-9));--db-neutral-bg-transparent-hover:color-mix(in srgb,transparent 76%,var(--db-neutral-9));--db-neutral-bg-transparent-pressed:color-mix(in srgb,transparent 68%,var(--db-neutral-9));--db-neutral-on-bg-enabled:var(--db-neutral-12);--db-neutral-on-bg-hover:var(--db-neutral-11);--db-neutral-on-bg-pressed:var(--db-neutral-10);--db-neutral-on-bg-weak-enabled:var(--db-neutral-10);--db-neutral-on-bg-weak-hover:var(--db-neutral-9);--db-neutral-on-bg-weak-pressed:var(--db-neutral-8);--db-neutral-on-contrast-enabled:var(--db-neutral-3);--db-neutral-on-contrast-hover:var(--db-neutral-4);--db-neutral-on-contrast-pressed:var(--db-neutral-5);--db-neutral-contrast-high-enabled:var(--db-neutral-9);--db-neutral-contrast-high-hover:var(--db-neutral-8);--db-neutral-contrast-high-pressed:var(--db-neutral-7);--db-neutral-contrast-low-enabled:var(--db-neutral-8);--db-neutral-contrast-low-hover:var(--db-neutral-7);--db-neutral-contrast-low-pressed:var(--db-neutral-6);--db-neutral-border:var(--db-neutral-6);--db-brand-on-enabled:var(--db-brand-on-dark);--db-brand-on-hover:var(--db-brand-on-hover-dark);--db-brand-on-pressed:var(--db-brand-on-pressed-dark);--db-brand-origin-enabled:var(--db-brand-origin-dark);--db-brand-origin-hover:var(--db-brand-hover-dark);--db-brand-origin-pressed:var(--db-brand-pressed-dark);--db-brand-bg-lvl-1-enabled:var(--db-brand-3);--db-brand-bg-lvl-1-hover:var(--db-brand-4);--db-brand-bg-lvl-1-pressed:var(--db-brand-5);--db-brand-bg-lvl-2-enabled:var(--db-brand-2);--db-brand-bg-lvl-2-hover:var(--db-brand-3);--db-brand-bg-lvl-2-pressed:var(--db-brand-4);--db-brand-bg-lvl-3-enabled:var(--db-brand-1);--db-brand-bg-lvl-3-hover:var(--db-brand-2);--db-brand-bg-lvl-3-pressed:var(--db-brand-3);--db-brand-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-brand-9));--db-brand-bg-transparent-semi-enabled:color-mix(in srgb,transparent 84%,var(--db-brand-9));--db-brand-bg-transparent-hover:color-mix(in srgb,transparent 76%,var(--db-brand-9));--db-brand-bg-transparent-pressed:color-mix(in srgb,transparent 68%,var(--db-brand-9));--db-brand-on-bg-enabled:var(--db-brand-12);--db-brand-on-bg-hover:var(--db-brand-11);--db-brand-on-bg-pressed:var(--db-brand-10);--db-brand-on-bg-weak-enabled:var(--db-brand-10);--db-brand-on-bg-weak-hover:var(--db-brand-9);--db-brand-on-bg-weak-pressed:var(--db-brand-8);--db-brand-on-contrast-enabled:var(--db-brand-3);--db-brand-on-contrast-hover:var(--db-brand-4);--db-brand-on-contrast-pressed:var(--db-brand-5);--db-brand-contrast-high-enabled:var(--db-brand-9);--db-brand-contrast-high-hover:var(--db-brand-8);--db-brand-contrast-high-pressed:var(--db-brand-7);--db-brand-contrast-low-enabled:var(--db-brand-8);--db-brand-contrast-low-hover:var(--db-brand-7);--db-brand-contrast-low-pressed:var(--db-brand-6);--db-brand-border:var(--db-brand-6);--db-informational-bg-lvl-1-enabled:var(--db-informational-3);--db-informational-bg-lvl-1-hover:var(--db-informational-4);--db-informational-bg-lvl-1-pressed:var(--db-informational-5);--db-informational-bg-lvl-2-enabled:var(--db-informational-2);--db-informational-bg-lvl-2-hover:var(--db-informational-3);--db-informational-bg-lvl-2-pressed:var(--db-informational-4);--db-informational-bg-lvl-3-enabled:var(--db-informational-1);--db-informational-bg-lvl-3-hover:var(--db-informational-2);--db-informational-bg-lvl-3-pressed:var(--db-informational-3);--db-informational-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-informational-9));--db-informational-bg-transparent-semi-enabled:color-mix(in srgb,transparent 84%,var(--db-informational-9));--db-informational-bg-transparent-hover:color-mix(in srgb,transparent 76%,var(--db-informational-9));--db-informational-bg-transparent-pressed:color-mix(in srgb,transparent 68%,var(--db-informational-9));--db-informational-on-bg-enabled:var(--db-informational-12);--db-informational-on-bg-hover:var(--db-informational-11);--db-informational-on-bg-pressed:var(--db-informational-10);--db-informational-on-bg-weak-enabled:var(--db-informational-10);--db-informational-on-bg-weak-hover:var(--db-informational-9);--db-informational-on-bg-weak-pressed:var(--db-informational-8);--db-informational-on-contrast-enabled:var(--db-informational-3);--db-informational-on-contrast-hover:var(--db-informational-4);--db-informational-on-contrast-pressed:var(--db-informational-5);--db-informational-contrast-high-enabled:var(--db-informational-9);--db-informational-contrast-high-hover:var(--db-informational-8);--db-informational-contrast-high-pressed:var(--db-informational-7);--db-informational-contrast-low-enabled:var(--db-informational-8);--db-informational-contrast-low-hover:var(--db-informational-7);--db-informational-contrast-low-pressed:var(--db-informational-6);--db-informational-border:var(--db-informational-6);--db-warning-bg-lvl-1-enabled:var(--db-warning-3);--db-warning-bg-lvl-1-hover:var(--db-warning-4);--db-warning-bg-lvl-1-pressed:var(--db-warning-5);--db-warning-bg-lvl-2-enabled:var(--db-warning-2);--db-warning-bg-lvl-2-hover:var(--db-warning-3);--db-warning-bg-lvl-2-pressed:var(--db-warning-4);--db-warning-bg-lvl-3-enabled:var(--db-warning-1);--db-warning-bg-lvl-3-hover:var(--db-warning-2);--db-warning-bg-lvl-3-pressed:var(--db-warning-3);--db-warning-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-warning-9));--db-warning-bg-transparent-semi-enabled:color-mix(in srgb,transparent 84%,var(--db-warning-9));--db-warning-bg-transparent-hover:color-mix(in srgb,transparent 76%,var(--db-warning-9));--db-warning-bg-transparent-pressed:color-mix(in srgb,transparent 68%,var(--db-warning-9));--db-warning-on-bg-enabled:var(--db-warning-12);--db-warning-on-bg-hover:var(--db-warning-11);--db-warning-on-bg-pressed:var(--db-warning-10);--db-warning-on-bg-weak-enabled:var(--db-warning-10);--db-warning-on-bg-weak-hover:var(--db-warning-9);--db-warning-on-bg-weak-pressed:var(--db-warning-8);--db-warning-on-contrast-enabled:var(--db-warning-3);--db-warning-on-contrast-hover:var(--db-warning-4);--db-warning-on-contrast-pressed:var(--db-warning-5);--db-warning-contrast-high-enabled:var(--db-warning-9);--db-warning-contrast-high-hover:var(--db-warning-8);--db-warning-contrast-high-pressed:var(--db-warning-7);--db-warning-contrast-low-enabled:var(--db-warning-8);--db-warning-contrast-low-hover:var(--db-warning-7);--db-warning-contrast-low-pressed:var(--db-warning-6);--db-warning-border:var(--db-warning-6);--db-successful-bg-lvl-1-enabled:var(--db-successful-3);--db-successful-bg-lvl-1-hover:var(--db-successful-4);--db-successful-bg-lvl-1-pressed:var(--db-successful-5);--db-successful-bg-lvl-2-enabled:var(--db-successful-2);--db-successful-bg-lvl-2-hover:var(--db-successful-3);--db-successful-bg-lvl-2-pressed:var(--db-successful-4);--db-successful-bg-lvl-3-enabled:var(--db-successful-1);--db-successful-bg-lvl-3-hover:var(--db-successful-2);--db-successful-bg-lvl-3-pressed:var(--db-successful-3);--db-successful-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-successful-9));--db-successful-bg-transparent-semi-enabled:color-mix(in srgb,transparent 84%,var(--db-successful-9));--db-successful-bg-transparent-hover:color-mix(in srgb,transparent 76%,var(--db-successful-9));--db-successful-bg-transparent-pressed:color-mix(in srgb,transparent 68%,var(--db-successful-9));--db-successful-on-bg-enabled:var(--db-successful-12);--db-successful-on-bg-hover:var(--db-successful-11);--db-successful-on-bg-pressed:var(--db-successful-10);--db-successful-on-bg-weak-enabled:var(--db-successful-10);--db-successful-on-bg-weak-hover:var(--db-successful-9);--db-successful-on-bg-weak-pressed:var(--db-successful-8);--db-successful-on-contrast-enabled:var(--db-successful-3);--db-successful-on-contrast-hover:var(--db-successful-4);--db-successful-on-contrast-pressed:var(--db-successful-5);--db-successful-contrast-high-enabled:var(--db-successful-9);--db-successful-contrast-high-hover:var(--db-successful-8);--db-successful-contrast-high-pressed:var(--db-successful-7);--db-successful-contrast-low-enabled:var(--db-successful-8);--db-successful-contrast-low-hover:var(--db-successful-7);--db-successful-contrast-low-pressed:var(--db-successful-6);--db-successful-border:var(--db-successful-6);--db-critical-bg-lvl-1-enabled:var(--db-critical-3);--db-critical-bg-lvl-1-hover:var(--db-critical-4);--db-critical-bg-lvl-1-pressed:var(--db-critical-5);--db-critical-bg-lvl-2-enabled:var(--db-critical-2);--db-critical-bg-lvl-2-hover:var(--db-critical-3);--db-critical-bg-lvl-2-pressed:var(--db-critical-4);--db-critical-bg-lvl-3-enabled:var(--db-critical-1);--db-critical-bg-lvl-3-hover:var(--db-critical-2);--db-critical-bg-lvl-3-pressed:var(--db-critical-3);--db-critical-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-critical-9));--db-critical-bg-transparent-semi-enabled:color-mix(in srgb,transparent 84%,var(--db-critical-9));--db-critical-bg-transparent-hover:color-mix(in srgb,transparent 76%,var(--db-critical-9));--db-critical-bg-transparent-pressed:color-mix(in srgb,transparent 68%,var(--db-critical-9));--db-critical-on-bg-enabled:var(--db-critical-12);--db-critical-on-bg-hover:var(--db-critical-11);--db-critical-on-bg-pressed:var(--db-critical-10);--db-critical-on-bg-weak-enabled:var(--db-critical-10);--db-critical-on-bg-weak-hover:var(--db-critical-9);--db-critical-on-bg-weak-pressed:var(--db-critical-8);--db-critical-on-contrast-enabled:var(--db-critical-3);--db-critical-on-contrast-hover:var(--db-critical-4);--db-critical-on-contrast-pressed:var(--db-critical-5);--db-critical-contrast-high-enabled:var(--db-critical-9);--db-critical-contrast-high-hover:var(--db-critical-8);--db-critical-contrast-high-pressed:var(--db-critical-7);--db-critical-contrast-low-enabled:var(--db-critical-8);--db-critical-contrast-low-hover:var(--db-critical-7);--db-critical-contrast-low-pressed:var(--db-critical-6);--db-critical-border:var(--db-critical-6);--db-textarea-resizer-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTExLjUgMTYuNWEuOTk5Ljk5OSAwIDAgMSAtLjcwNy0xLjcwN2w0LTRhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTQgNGEuOTk3Ljk5NyAwIDAgMSAtLjcwNy4yOTN6bS03IDBhLjk5OS45OTkgMCAwIDEgLS43MDctMS43MDdsMTEtMTFhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTExIDExYS45OTcuOTk3IDAgMCAxIC0uNzA3LjI5M3oiIGZpbGw9IiNmOGY4ZjkiIHN0eWxlPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==");--db-textarea-scrollbar-button-decrement:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDEzYS45OTguOTk4IDAgMCAxIC0uOTk0LS45OTVjMC0uMjY2LjEzMy0uNTMxLjI5OC0uNjk3bDUuMDA2LTUuMDFjLjE5OS0uMTk4LjQ2NC0uMjk4LjY5Ni0uMjk4LjIyNyAwIC40NTUuMDczLjYyLjIybDUuMDgyIDUuMDg4Yy4xOTkuMTY2LjI5OC40MzEuMjk4LjY5N2EuOTk4Ljk5OCAwIDAgMSAtLjk5NC45OTVjLS4yNjYgMC0uNTMtLjEtLjczLS4yOTlsLTQuMjc2LTQuMjgtNC4yNzYgNC4yOGMtLjIuMi0uNDY0LjI5OS0uNzMuMjk5eiIgZmlsbD0iI2Y4ZjhmOSIgc3R5bGU9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg0K");--db-textarea-scrollbar-button-increment:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDdhLjk5OC45OTggMCAwIDAgLS45OTQuOTk1YzAgLjI2Ni4xMzMuNTMxLjI5OC42OTdsNS4wMDYgNS4wMWMuMTk5LjE5OC40NjQuMjk4LjY5Ni4yOThhLjkzNi45MzYgMCAwIDAgLjYyLS4yMmw1LjA4Mi01LjA4OGMuMTk5LS4xNjYuMjk4LS40MzEuMjk4LS42OTdhLjk5OC45OTggMCAwIDAgLS45OTQtLjk5NWMtLjI2NiAwLS41My4xLS43My4yOTlsLTQuMjc2IDQuMjgtNC4yNzYtNC4yOGExLjAyOCAxLjAyOCAwIDAgMCAtLjczLS4yOTl6IiBmaWxsPSIjZjhmOGY5IiBzdHlsZT0idmFyKC0tZGItaWNvbi1jb2xvciwgY3VycmVudENvbG9yKSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+DQo=");color-scheme:dark}}[data-color-scheme=light]{--db-neutral-bg-lvl-1-enabled:var(--db-neutral-14);--db-neutral-bg-lvl-1-hover:var(--db-neutral-13);--db-neutral-bg-lvl-1-pressed:var(--db-neutral-12);--db-neutral-bg-lvl-2-enabled:var(--db-neutral-13);--db-neutral-bg-lvl-2-hover:var(--db-neutral-12);--db-neutral-bg-lvl-2-pressed:var(--db-neutral-11);--db-neutral-bg-lvl-3-enabled:var(--db-neutral-12);--db-neutral-bg-lvl-3-hover:var(--db-neutral-11);--db-neutral-bg-lvl-3-pressed:var(--db-neutral-10);--db-neutral-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-neutral-6));--db-neutral-bg-transparent-semi-enabled:color-mix(in srgb,transparent 92%,var(--db-neutral-6));--db-neutral-bg-transparent-hover:color-mix(in srgb,transparent 84%,var(--db-neutral-6));--db-neutral-bg-transparent-pressed:color-mix(in srgb,transparent 76%,var(--db-neutral-6));--db-neutral-on-bg-enabled:var(--db-neutral-3);--db-neutral-on-bg-hover:var(--db-neutral-4);--db-neutral-on-bg-pressed:var(--db-neutral-5);--db-neutral-on-bg-weak-enabled:var(--db-neutral-5);--db-neutral-on-bg-weak-hover:var(--db-neutral-6);--db-neutral-on-bg-weak-pressed:var(--db-neutral-7);--db-neutral-on-contrast-enabled:var(--db-neutral-14);--db-neutral-on-contrast-hover:var(--db-neutral-13);--db-neutral-on-contrast-pressed:var(--db-neutral-12);--db-neutral-contrast-high-enabled:var(--db-neutral-6);--db-neutral-contrast-high-hover:var(--db-neutral-5);--db-neutral-contrast-high-pressed:var(--db-neutral-4);--db-neutral-contrast-low-enabled:var(--db-neutral-7);--db-neutral-contrast-low-hover:var(--db-neutral-6);--db-neutral-contrast-low-pressed:var(--db-neutral-5);--db-neutral-border:var(--db-neutral-10);--db-brand-on-enabled:var(--db-brand-on-light);--db-brand-on-hover:var(--db-brand-on-hover-light);--db-brand-on-pressed:var(--db-brand-on-pressed-light);--db-brand-origin-enabled:var(--db-brand-origin-light);--db-brand-origin-hover:var(--db-brand-hover-light);--db-brand-origin-pressed:var(--db-brand-pressed-light);--db-brand-bg-lvl-1-enabled:var(--db-brand-14);--db-brand-bg-lvl-1-hover:var(--db-brand-13);--db-brand-bg-lvl-1-pressed:var(--db-brand-12);--db-brand-bg-lvl-2-enabled:var(--db-brand-13);--db-brand-bg-lvl-2-hover:var(--db-brand-12);--db-brand-bg-lvl-2-pressed:var(--db-brand-11);--db-brand-bg-lvl-3-enabled:var(--db-brand-12);--db-brand-bg-lvl-3-hover:var(--db-brand-11);--db-brand-bg-lvl-3-pressed:var(--db-brand-10);--db-brand-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-brand-6));--db-brand-bg-transparent-semi-enabled:color-mix(in srgb,transparent 92%,var(--db-brand-6));--db-brand-bg-transparent-hover:color-mix(in srgb,transparent 84%,var(--db-brand-6));--db-brand-bg-transparent-pressed:color-mix(in srgb,transparent 76%,var(--db-brand-6));--db-brand-on-bg-enabled:var(--db-brand-3);--db-brand-on-bg-hover:var(--db-brand-4);--db-brand-on-bg-pressed:var(--db-brand-5);--db-brand-on-bg-weak-enabled:var(--db-brand-5);--db-brand-on-bg-weak-hover:var(--db-brand-6);--db-brand-on-bg-weak-pressed:var(--db-brand-7);--db-brand-on-contrast-enabled:var(--db-brand-14);--db-brand-on-contrast-hover:var(--db-brand-13);--db-brand-on-contrast-pressed:var(--db-brand-12);--db-brand-contrast-high-enabled:var(--db-brand-6);--db-brand-contrast-high-hover:var(--db-brand-5);--db-brand-contrast-high-pressed:var(--db-brand-4);--db-brand-contrast-low-enabled:var(--db-brand-7);--db-brand-contrast-low-hover:var(--db-brand-6);--db-brand-contrast-low-pressed:var(--db-brand-5);--db-brand-border:var(--db-brand-10);--db-informational-bg-lvl-1-enabled:var(--db-informational-14);--db-informational-bg-lvl-1-hover:var(--db-informational-13);--db-informational-bg-lvl-1-pressed:var(--db-informational-12);--db-informational-bg-lvl-2-enabled:var(--db-informational-13);--db-informational-bg-lvl-2-hover:var(--db-informational-12);--db-informational-bg-lvl-2-pressed:var(--db-informational-11);--db-informational-bg-lvl-3-enabled:var(--db-informational-12);--db-informational-bg-lvl-3-hover:var(--db-informational-11);--db-informational-bg-lvl-3-pressed:var(--db-informational-10);--db-informational-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-informational-6));--db-informational-bg-transparent-semi-enabled:color-mix(in srgb,transparent 92%,var(--db-informational-6));--db-informational-bg-transparent-hover:color-mix(in srgb,transparent 84%,var(--db-informational-6));--db-informational-bg-transparent-pressed:color-mix(in srgb,transparent 76%,var(--db-informational-6));--db-informational-on-bg-enabled:var(--db-informational-3);--db-informational-on-bg-hover:var(--db-informational-4);--db-informational-on-bg-pressed:var(--db-informational-5);--db-informational-on-bg-weak-enabled:var(--db-informational-5);--db-informational-on-bg-weak-hover:var(--db-informational-6);--db-informational-on-bg-weak-pressed:var(--db-informational-7);--db-informational-on-contrast-enabled:var(--db-informational-14);--db-informational-on-contrast-hover:var(--db-informational-13);--db-informational-on-contrast-pressed:var(--db-informational-12);--db-informational-contrast-high-enabled:var(--db-informational-6);--db-informational-contrast-high-hover:var(--db-informational-5);--db-informational-contrast-high-pressed:var(--db-informational-4);--db-informational-contrast-low-enabled:var(--db-informational-7);--db-informational-contrast-low-hover:var(--db-informational-6);--db-informational-contrast-low-pressed:var(--db-informational-5);--db-informational-border:var(--db-informational-10);--db-warning-bg-lvl-1-enabled:var(--db-warning-14);--db-warning-bg-lvl-1-hover:var(--db-warning-13);--db-warning-bg-lvl-1-pressed:var(--db-warning-12);--db-warning-bg-lvl-2-enabled:var(--db-warning-13);--db-warning-bg-lvl-2-hover:var(--db-warning-12);--db-warning-bg-lvl-2-pressed:var(--db-warning-11);--db-warning-bg-lvl-3-enabled:var(--db-warning-12);--db-warning-bg-lvl-3-hover:var(--db-warning-11);--db-warning-bg-lvl-3-pressed:var(--db-warning-10);--db-warning-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-warning-6));--db-warning-bg-transparent-semi-enabled:color-mix(in srgb,transparent 92%,var(--db-warning-6));--db-warning-bg-transparent-hover:color-mix(in srgb,transparent 84%,var(--db-warning-6));--db-warning-bg-transparent-pressed:color-mix(in srgb,transparent 76%,var(--db-warning-6));--db-warning-on-bg-enabled:var(--db-warning-3);--db-warning-on-bg-hover:var(--db-warning-4);--db-warning-on-bg-pressed:var(--db-warning-5);--db-warning-on-bg-weak-enabled:var(--db-warning-5);--db-warning-on-bg-weak-hover:var(--db-warning-6);--db-warning-on-bg-weak-pressed:var(--db-warning-7);--db-warning-on-contrast-enabled:var(--db-warning-14);--db-warning-on-contrast-hover:var(--db-warning-13);--db-warning-on-contrast-pressed:var(--db-warning-12);--db-warning-contrast-high-enabled:var(--db-warning-6);--db-warning-contrast-high-hover:var(--db-warning-5);--db-warning-contrast-high-pressed:var(--db-warning-4);--db-warning-contrast-low-enabled:var(--db-warning-7);--db-warning-contrast-low-hover:var(--db-warning-6);--db-warning-contrast-low-pressed:var(--db-warning-5);--db-warning-border:var(--db-warning-10);--db-successful-bg-lvl-1-enabled:var(--db-successful-14);--db-successful-bg-lvl-1-hover:var(--db-successful-13);--db-successful-bg-lvl-1-pressed:var(--db-successful-12);--db-successful-bg-lvl-2-enabled:var(--db-successful-13);--db-successful-bg-lvl-2-hover:var(--db-successful-12);--db-successful-bg-lvl-2-pressed:var(--db-successful-11);--db-successful-bg-lvl-3-enabled:var(--db-successful-12);--db-successful-bg-lvl-3-hover:var(--db-successful-11);--db-successful-bg-lvl-3-pressed:var(--db-successful-10);--db-successful-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-successful-6));--db-successful-bg-transparent-semi-enabled:color-mix(in srgb,transparent 92%,var(--db-successful-6));--db-successful-bg-transparent-hover:color-mix(in srgb,transparent 84%,var(--db-successful-6));--db-successful-bg-transparent-pressed:color-mix(in srgb,transparent 76%,var(--db-successful-6));--db-successful-on-bg-enabled:var(--db-successful-3);--db-successful-on-bg-hover:var(--db-successful-4);--db-successful-on-bg-pressed:var(--db-successful-5);--db-successful-on-bg-weak-enabled:var(--db-successful-5);--db-successful-on-bg-weak-hover:var(--db-successful-6);--db-successful-on-bg-weak-pressed:var(--db-successful-7);--db-successful-on-contrast-enabled:var(--db-successful-14);--db-successful-on-contrast-hover:var(--db-successful-13);--db-successful-on-contrast-pressed:var(--db-successful-12);--db-successful-contrast-high-enabled:var(--db-successful-6);--db-successful-contrast-high-hover:var(--db-successful-5);--db-successful-contrast-high-pressed:var(--db-successful-4);--db-successful-contrast-low-enabled:var(--db-successful-7);--db-successful-contrast-low-hover:var(--db-successful-6);--db-successful-contrast-low-pressed:var(--db-successful-5);--db-successful-border:var(--db-successful-10);--db-critical-bg-lvl-1-enabled:var(--db-critical-14);--db-critical-bg-lvl-1-hover:var(--db-critical-13);--db-critical-bg-lvl-1-pressed:var(--db-critical-12);--db-critical-bg-lvl-2-enabled:var(--db-critical-13);--db-critical-bg-lvl-2-hover:var(--db-critical-12);--db-critical-bg-lvl-2-pressed:var(--db-critical-11);--db-critical-bg-lvl-3-enabled:var(--db-critical-12);--db-critical-bg-lvl-3-hover:var(--db-critical-11);--db-critical-bg-lvl-3-pressed:var(--db-critical-10);--db-critical-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-critical-6));--db-critical-bg-transparent-semi-enabled:color-mix(in srgb,transparent 92%,var(--db-critical-6));--db-critical-bg-transparent-hover:color-mix(in srgb,transparent 84%,var(--db-critical-6));--db-critical-bg-transparent-pressed:color-mix(in srgb,transparent 76%,var(--db-critical-6));--db-critical-on-bg-enabled:var(--db-critical-3);--db-critical-on-bg-hover:var(--db-critical-4);--db-critical-on-bg-pressed:var(--db-critical-5);--db-critical-on-bg-weak-enabled:var(--db-critical-5);--db-critical-on-bg-weak-hover:var(--db-critical-6);--db-critical-on-bg-weak-pressed:var(--db-critical-7);--db-critical-on-contrast-enabled:var(--db-critical-14);--db-critical-on-contrast-hover:var(--db-critical-13);--db-critical-on-contrast-pressed:var(--db-critical-12);--db-critical-contrast-high-enabled:var(--db-critical-6);--db-critical-contrast-high-hover:var(--db-critical-5);--db-critical-contrast-high-pressed:var(--db-critical-4);--db-critical-contrast-low-enabled:var(--db-critical-7);--db-critical-contrast-low-hover:var(--db-critical-6);--db-critical-contrast-low-pressed:var(--db-critical-5);--db-critical-border:var(--db-critical-10);--db-textarea-resizer-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTExLjUgMTYuNWEuOTk5Ljk5OSAwIDAgMSAtLjcwNy0xLjcwN2w0LTRhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTQgNGEuOTk3Ljk5NyAwIDAgMSAtLjcwNy4yOTN6bS03IDBhLjk5OS45OTkgMCAwIDEgLS43MDctMS43MDdsMTEtMTFhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTExIDExYS45OTcuOTk3IDAgMCAxIC0uNzA3LjI5M3oiIGZpbGw9IiMyODJkMzciIHN0eWxlPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==");--db-textarea-scrollbar-button-decrement:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDEzYS45OTguOTk4IDAgMCAxIC0uOTk0LS45OTVjMC0uMjY2LjEzMy0uNTMxLjI5OC0uNjk3bDUuMDA2LTUuMDFjLjE5OS0uMTk4LjQ2NC0uMjk4LjY5Ni0uMjk4LjIyNyAwIC40NTUuMDczLjYyLjIybDUuMDgyIDUuMDg4Yy4xOTkuMTY2LjI5OC40MzEuMjk4LjY5N2EuOTk4Ljk5OCAwIDAgMSAtLjk5NC45OTVjLS4yNjYgMC0uNTMtLjEtLjczLS4yOTlsLTQuMjc2LTQuMjgtNC4yNzYgNC4yOGMtLjIuMi0uNDY0LjI5OS0uNzMuMjk5eiIgZmlsbD0iIzI4MmQzNyIgc3R5bGU9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg0K");--db-textarea-scrollbar-button-increment:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwLjQ3MiA4LjY5Ni0zLjUzMiAzLjUzNGEuOTk4Ljk5OCAwIDEgMSAtMS40MTMtMS40MTNsMi44MjUtMi44MjUtMi44MjUtMi44MjVhLjk5OC45OTggMCAxIDEgMS40MTMtMS40MTNsMy41MzIgMy41MzJhLjk5OS45OTkgMCAwIDEgMCAxLjQxMnoiIGZpbGw9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJtYXRyaXgoMCAxIC0xIDAgMTUuOTkxIC0uMDA5KSIvPjwvc3ZnPg0K");color-scheme:light}[data-color-scheme=dark]{--db-neutral-bg-lvl-1-enabled:var(--db-neutral-3);--db-neutral-bg-lvl-1-hover:var(--db-neutral-4);--db-neutral-bg-lvl-1-pressed:var(--db-neutral-5);--db-neutral-bg-lvl-2-enabled:var(--db-neutral-2);--db-neutral-bg-lvl-2-hover:var(--db-neutral-3);--db-neutral-bg-lvl-2-pressed:var(--db-neutral-4);--db-neutral-bg-lvl-3-enabled:var(--db-neutral-1);--db-neutral-bg-lvl-3-hover:var(--db-neutral-2);--db-neutral-bg-lvl-3-pressed:var(--db-neutral-3);--db-neutral-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-neutral-9));--db-neutral-bg-transparent-semi-enabled:color-mix(in srgb,transparent 84%,var(--db-neutral-9));--db-neutral-bg-transparent-hover:color-mix(in srgb,transparent 76%,var(--db-neutral-9));--db-neutral-bg-transparent-pressed:color-mix(in srgb,transparent 68%,var(--db-neutral-9));--db-neutral-on-bg-enabled:var(--db-neutral-12);--db-neutral-on-bg-hover:var(--db-neutral-11);--db-neutral-on-bg-pressed:var(--db-neutral-10);--db-neutral-on-bg-weak-enabled:var(--db-neutral-10);--db-neutral-on-bg-weak-hover:var(--db-neutral-9);--db-neutral-on-bg-weak-pressed:var(--db-neutral-8);--db-neutral-on-contrast-enabled:var(--db-neutral-3);--db-neutral-on-contrast-hover:var(--db-neutral-4);--db-neutral-on-contrast-pressed:var(--db-neutral-5);--db-neutral-contrast-high-enabled:var(--db-neutral-9);--db-neutral-contrast-high-hover:var(--db-neutral-8);--db-neutral-contrast-high-pressed:var(--db-neutral-7);--db-neutral-contrast-low-enabled:var(--db-neutral-8);--db-neutral-contrast-low-hover:var(--db-neutral-7);--db-neutral-contrast-low-pressed:var(--db-neutral-6);--db-neutral-border:var(--db-neutral-6);--db-brand-on-enabled:var(--db-brand-on-dark);--db-brand-on-hover:var(--db-brand-on-hover-dark);--db-brand-on-pressed:var(--db-brand-on-pressed-dark);--db-brand-origin-enabled:var(--db-brand-origin-dark);--db-brand-origin-hover:var(--db-brand-hover-dark);--db-brand-origin-pressed:var(--db-brand-pressed-dark);--db-brand-bg-lvl-1-enabled:var(--db-brand-3);--db-brand-bg-lvl-1-hover:var(--db-brand-4);--db-brand-bg-lvl-1-pressed:var(--db-brand-5);--db-brand-bg-lvl-2-enabled:var(--db-brand-2);--db-brand-bg-lvl-2-hover:var(--db-brand-3);--db-brand-bg-lvl-2-pressed:var(--db-brand-4);--db-brand-bg-lvl-3-enabled:var(--db-brand-1);--db-brand-bg-lvl-3-hover:var(--db-brand-2);--db-brand-bg-lvl-3-pressed:var(--db-brand-3);--db-brand-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-brand-9));--db-brand-bg-transparent-semi-enabled:color-mix(in srgb,transparent 84%,var(--db-brand-9));--db-brand-bg-transparent-hover:color-mix(in srgb,transparent 76%,var(--db-brand-9));--db-brand-bg-transparent-pressed:color-mix(in srgb,transparent 68%,var(--db-brand-9));--db-brand-on-bg-enabled:var(--db-brand-12);--db-brand-on-bg-hover:var(--db-brand-11);--db-brand-on-bg-pressed:var(--db-brand-10);--db-brand-on-bg-weak-enabled:var(--db-brand-10);--db-brand-on-bg-weak-hover:var(--db-brand-9);--db-brand-on-bg-weak-pressed:var(--db-brand-8);--db-brand-on-contrast-enabled:var(--db-brand-3);--db-brand-on-contrast-hover:var(--db-brand-4);--db-brand-on-contrast-pressed:var(--db-brand-5);--db-brand-contrast-high-enabled:var(--db-brand-9);--db-brand-contrast-high-hover:var(--db-brand-8);--db-brand-contrast-high-pressed:var(--db-brand-7);--db-brand-contrast-low-enabled:var(--db-brand-8);--db-brand-contrast-low-hover:var(--db-brand-7);--db-brand-contrast-low-pressed:var(--db-brand-6);--db-brand-border:var(--db-brand-6);--db-informational-bg-lvl-1-enabled:var(--db-informational-3);--db-informational-bg-lvl-1-hover:var(--db-informational-4);--db-informational-bg-lvl-1-pressed:var(--db-informational-5);--db-informational-bg-lvl-2-enabled:var(--db-informational-2);--db-informational-bg-lvl-2-hover:var(--db-informational-3);--db-informational-bg-lvl-2-pressed:var(--db-informational-4);--db-informational-bg-lvl-3-enabled:var(--db-informational-1);--db-informational-bg-lvl-3-hover:var(--db-informational-2);--db-informational-bg-lvl-3-pressed:var(--db-informational-3);--db-informational-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-informational-9));--db-informational-bg-transparent-semi-enabled:color-mix(in srgb,transparent 84%,var(--db-informational-9));--db-informational-bg-transparent-hover:color-mix(in srgb,transparent 76%,var(--db-informational-9));--db-informational-bg-transparent-pressed:color-mix(in srgb,transparent 68%,var(--db-informational-9));--db-informational-on-bg-enabled:var(--db-informational-12);--db-informational-on-bg-hover:var(--db-informational-11);--db-informational-on-bg-pressed:var(--db-informational-10);--db-informational-on-bg-weak-enabled:var(--db-informational-10);--db-informational-on-bg-weak-hover:var(--db-informational-9);--db-informational-on-bg-weak-pressed:var(--db-informational-8);--db-informational-on-contrast-enabled:var(--db-informational-3);--db-informational-on-contrast-hover:var(--db-informational-4);--db-informational-on-contrast-pressed:var(--db-informational-5);--db-informational-contrast-high-enabled:var(--db-informational-9);--db-informational-contrast-high-hover:var(--db-informational-8);--db-informational-contrast-high-pressed:var(--db-informational-7);--db-informational-contrast-low-enabled:var(--db-informational-8);--db-informational-contrast-low-hover:var(--db-informational-7);--db-informational-contrast-low-pressed:var(--db-informational-6);--db-informational-border:var(--db-informational-6);--db-warning-bg-lvl-1-enabled:var(--db-warning-3);--db-warning-bg-lvl-1-hover:var(--db-warning-4);--db-warning-bg-lvl-1-pressed:var(--db-warning-5);--db-warning-bg-lvl-2-enabled:var(--db-warning-2);--db-warning-bg-lvl-2-hover:var(--db-warning-3);--db-warning-bg-lvl-2-pressed:var(--db-warning-4);--db-warning-bg-lvl-3-enabled:var(--db-warning-1);--db-warning-bg-lvl-3-hover:var(--db-warning-2);--db-warning-bg-lvl-3-pressed:var(--db-warning-3);--db-warning-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-warning-9));--db-warning-bg-transparent-semi-enabled:color-mix(in srgb,transparent 84%,var(--db-warning-9));--db-warning-bg-transparent-hover:color-mix(in srgb,transparent 76%,var(--db-warning-9));--db-warning-bg-transparent-pressed:color-mix(in srgb,transparent 68%,var(--db-warning-9));--db-warning-on-bg-enabled:var(--db-warning-12);--db-warning-on-bg-hover:var(--db-warning-11);--db-warning-on-bg-pressed:var(--db-warning-10);--db-warning-on-bg-weak-enabled:var(--db-warning-10);--db-warning-on-bg-weak-hover:var(--db-warning-9);--db-warning-on-bg-weak-pressed:var(--db-warning-8);--db-warning-on-contrast-enabled:var(--db-warning-3);--db-warning-on-contrast-hover:var(--db-warning-4);--db-warning-on-contrast-pressed:var(--db-warning-5);--db-warning-contrast-high-enabled:var(--db-warning-9);--db-warning-contrast-high-hover:var(--db-warning-8);--db-warning-contrast-high-pressed:var(--db-warning-7);--db-warning-contrast-low-enabled:var(--db-warning-8);--db-warning-contrast-low-hover:var(--db-warning-7);--db-warning-contrast-low-pressed:var(--db-warning-6);--db-warning-border:var(--db-warning-6);--db-successful-bg-lvl-1-enabled:var(--db-successful-3);--db-successful-bg-lvl-1-hover:var(--db-successful-4);--db-successful-bg-lvl-1-pressed:var(--db-successful-5);--db-successful-bg-lvl-2-enabled:var(--db-successful-2);--db-successful-bg-lvl-2-hover:var(--db-successful-3);--db-successful-bg-lvl-2-pressed:var(--db-successful-4);--db-successful-bg-lvl-3-enabled:var(--db-successful-1);--db-successful-bg-lvl-3-hover:var(--db-successful-2);--db-successful-bg-lvl-3-pressed:var(--db-successful-3);--db-successful-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-successful-9));--db-successful-bg-transparent-semi-enabled:color-mix(in srgb,transparent 84%,var(--db-successful-9));--db-successful-bg-transparent-hover:color-mix(in srgb,transparent 76%,var(--db-successful-9));--db-successful-bg-transparent-pressed:color-mix(in srgb,transparent 68%,var(--db-successful-9));--db-successful-on-bg-enabled:var(--db-successful-12);--db-successful-on-bg-hover:var(--db-successful-11);--db-successful-on-bg-pressed:var(--db-successful-10);--db-successful-on-bg-weak-enabled:var(--db-successful-10);--db-successful-on-bg-weak-hover:var(--db-successful-9);--db-successful-on-bg-weak-pressed:var(--db-successful-8);--db-successful-on-contrast-enabled:var(--db-successful-3);--db-successful-on-contrast-hover:var(--db-successful-4);--db-successful-on-contrast-pressed:var(--db-successful-5);--db-successful-contrast-high-enabled:var(--db-successful-9);--db-successful-contrast-high-hover:var(--db-successful-8);--db-successful-contrast-high-pressed:var(--db-successful-7);--db-successful-contrast-low-enabled:var(--db-successful-8);--db-successful-contrast-low-hover:var(--db-successful-7);--db-successful-contrast-low-pressed:var(--db-successful-6);--db-successful-border:var(--db-successful-6);--db-critical-bg-lvl-1-enabled:var(--db-critical-3);--db-critical-bg-lvl-1-hover:var(--db-critical-4);--db-critical-bg-lvl-1-pressed:var(--db-critical-5);--db-critical-bg-lvl-2-enabled:var(--db-critical-2);--db-critical-bg-lvl-2-hover:var(--db-critical-3);--db-critical-bg-lvl-2-pressed:var(--db-critical-4);--db-critical-bg-lvl-3-enabled:var(--db-critical-1);--db-critical-bg-lvl-3-hover:var(--db-critical-2);--db-critical-bg-lvl-3-pressed:var(--db-critical-3);--db-critical-bg-transparent-full-enabled:color-mix(in srgb,transparent 100%,var(--db-critical-9));--db-critical-bg-transparent-semi-enabled:color-mix(in srgb,transparent 84%,var(--db-critical-9));--db-critical-bg-transparent-hover:color-mix(in srgb,transparent 76%,var(--db-critical-9));--db-critical-bg-transparent-pressed:color-mix(in srgb,transparent 68%,var(--db-critical-9));--db-critical-on-bg-enabled:var(--db-critical-12);--db-critical-on-bg-hover:var(--db-critical-11);--db-critical-on-bg-pressed:var(--db-critical-10);--db-critical-on-bg-weak-enabled:var(--db-critical-10);--db-critical-on-bg-weak-hover:var(--db-critical-9);--db-critical-on-bg-weak-pressed:var(--db-critical-8);--db-critical-on-contrast-enabled:var(--db-critical-3);--db-critical-on-contrast-hover:var(--db-critical-4);--db-critical-on-contrast-pressed:var(--db-critical-5);--db-critical-contrast-high-enabled:var(--db-critical-9);--db-critical-contrast-high-hover:var(--db-critical-8);--db-critical-contrast-high-pressed:var(--db-critical-7);--db-critical-contrast-low-enabled:var(--db-critical-8);--db-critical-contrast-low-hover:var(--db-critical-7);--db-critical-contrast-low-pressed:var(--db-critical-6);--db-critical-border:var(--db-critical-6);--db-textarea-resizer-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTExLjUgMTYuNWEuOTk5Ljk5OSAwIDAgMSAtLjcwNy0xLjcwN2w0LTRhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTQgNGEuOTk3Ljk5NyAwIDAgMSAtLjcwNy4yOTN6bS03IDBhLjk5OS45OTkgMCAwIDEgLS43MDctMS43MDdsMTEtMTFhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTExIDExYS45OTcuOTk3IDAgMCAxIC0uNzA3LjI5M3oiIGZpbGw9IiNmOGY4ZjkiIHN0eWxlPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==");--db-textarea-scrollbar-button-decrement:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDEzYS45OTguOTk4IDAgMCAxIC0uOTk0LS45OTVjMC0uMjY2LjEzMy0uNTMxLjI5OC0uNjk3bDUuMDA2LTUuMDFjLjE5OS0uMTk4LjQ2NC0uMjk4LjY5Ni0uMjk4LjIyNyAwIC40NTUuMDczLjYyLjIybDUuMDgyIDUuMDg4Yy4xOTkuMTY2LjI5OC40MzEuMjk4LjY5N2EuOTk4Ljk5OCAwIDAgMSAtLjk5NC45OTVjLS4yNjYgMC0uNTMtLjEtLjczLS4yOTlsLTQuMjc2LTQuMjgtNC4yNzYgNC4yOGMtLjIuMi0uNDY0LjI5OS0uNzMuMjk5eiIgZmlsbD0iI2Y4ZjhmOSIgc3R5bGU9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg0K");--db-textarea-scrollbar-button-increment:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDdhLjk5OC45OTggMCAwIDAgLS45OTQuOTk1YzAgLjI2Ni4xMzMuNTMxLjI5OC42OTdsNS4wMDYgNS4wMWMuMTk5LjE5OC40NjQuMjk4LjY5Ni4yOThhLjkzNi45MzYgMCAwIDAgLjYyLS4yMmw1LjA4Mi01LjA4OGMuMTk5LS4xNjYuMjk4LS40MzEuMjk4LS42OTdhLjk5OC45OTggMCAwIDAgLS45OTQtLjk5NWMtLjI2NiAwLS41My4xLS43My4yOTlsLTQuMjc2IDQuMjgtNC4yNzYtNC4yOGExLjAyOCAxLjAyOCAwIDAgMCAtLjczLS4yOTl6IiBmaWxsPSIjZjhmOGY5IiBzdHlsZT0idmFyKC0tZGItaWNvbi1jb2xvciwgY3VycmVudENvbG9yKSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+DQo=");color-scheme:dark}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:400;src:url(/mono/review/feat-switch/_next/static/media/db-ux.1c0c8b7d.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:16;src:url(/mono/review/feat-switch/_next/static/media/db-ux.20879d9d.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:20;src:url(/mono/review/feat-switch/_next/static/media/db-ux.c49e578a.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:24;src:url(/mono/review/feat-switch/_next/static/media/db-ux.153c063c.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:32;src:url(/mono/review/feat-switch/_next/static/media/db-ux.dd791cbf.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:48;src:url(/mono/review/feat-switch/_next/static/media/db-ux.7b9514fa.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:64;src:url(/mono/review/feat-switch/_next/static/media/db-ux.d53301ff.woff2) format("woff2")}[data-icon-variant-after=default]:after,[data-icon-variant-before=default]:before,[data-icon-variant=default]:before{--db-icon-font-family:"db-ux-default"}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:400;src:url(/mono/review/feat-switch/_next/static/media/db-ux.c936e741.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:16;src:url(/mono/review/feat-switch/_next/static/media/db-ux.c792d237.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:20;src:url(/mono/review/feat-switch/_next/static/media/db-ux.9bf5898d.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:24;src:url(/mono/review/feat-switch/_next/static/media/db-ux.28d615fa.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:32;src:url(/mono/review/feat-switch/_next/static/media/db-ux.be19cec8.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:48;src:url(/mono/review/feat-switch/_next/static/media/db-ux.2eaf3f09.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:64;src:url(/mono/review/feat-switch/_next/static/media/db-ux.2eaf3f09.woff2) format("woff2")}[data-icon-variant-after=inverted]:after,[data-icon-variant-before=inverted]:before,[data-icon-variant=inverted]:before{--db-icon-font-family:"db-ux-inverted"}@font-face{font-display:block;font-family:db-ux-filled;font-style:normal;font-weight:400;src:url(/mono/review/feat-switch/_next/static/media/db-ux.cc9236a8.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-filled;font-style:normal;font-weight:16;src:url(/mono/review/feat-switch/_next/static/media/db-ux.4c32ed10.woff2) format("woff2")}[data-icon-weight-after="16"]:after,[data-icon-weight-before="16"]:before,[data-icon-weight="16"]:before{--db-icon-font-weight:16}@font-face{font-display:block;font-family:db-ux-filled;font-style:normal;font-weight:20;src:url(/mono/review/feat-switch/_next/static/media/db-ux.e560c679.woff2) format("woff2")}[data-icon-weight-after="20"]:after,[data-icon-weight-before="20"]:before,[data-icon-weight="20"]:before{--db-icon-font-weight:20}@font-face{font-display:block;font-family:db-ux-filled;font-style:normal;font-weight:24;src:url(/mono/review/feat-switch/_next/static/media/db-ux.12cc1147.woff2) format("woff2")}[data-icon-weight-after="24"]:after,[data-icon-weight-before="24"]:before,[data-icon-weight="24"]:before{--db-icon-font-weight:24}@font-face{font-display:block;font-family:db-ux-filled;font-style:normal;font-weight:32;src:url(/mono/review/feat-switch/_next/static/media/db-ux.ff528a8f.woff2) format("woff2")}[data-icon-weight-after="32"]:after,[data-icon-weight-before="32"]:before,[data-icon-weight="32"]:before{--db-icon-font-weight:32}@font-face{font-display:block;font-family:db-ux-filled;font-style:normal;font-weight:48;src:url(/mono/review/feat-switch/_next/static/media/db-ux.ff528a8f.woff2) format("woff2")}[data-icon-weight-after="48"]:after,[data-icon-weight-before="48"]:before,[data-icon-weight="48"]:before{--db-icon-font-weight:48}@font-face{font-display:block;font-family:db-ux-filled;font-style:normal;font-weight:64;src:url(/mono/review/feat-switch/_next/static/media/db-ux.38866e7b.woff2) format("woff2")}[data-icon-weight-after="64"]:after,[data-icon-weight-before="64"]:before,[data-icon-weight="64"]:before{--db-icon-font-weight:64}[data-icon-variant-after=filled]:after,[data-icon-variant-before=filled]:before,[data-icon-variant=filled]:before{--db-icon-font-family:"db-ux-filled"}[data-icon-after]:is(span),[data-icon-before]:is(span),[data-icon]:is(span){display:inline-flex;vertical-align:baseline}[data-icon-before]:before,[data-icon]:before{-webkit-margin-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs));margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}[data-icon-before=none]:before,[data-icon=none]:before{content:none}[data-icon-after]:after{content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports(content:""/""){[data-icon-after]:after{content:var(--db-icon-after,attr(data-icon-after))/""}}[data-icon-after=none]:after{content:none}.is-icon-text-replace[data-icon-before],.is-icon-text-replace[data-icon]{font-size:0!important}.is-icon-text-replace[data-icon-before]:before,.is-icon-text-replace[data-icon]:before{--db-icon-margin-end:0}.is-icon-text-replace[data-icon-after]{font-size:0!important}.is-icon-text-replace[data-icon-after]:after{--db-icon-margin-start:0}.db-brand-bg,.db-brand-bg [data-bg-weight="1"],.db-brand-bg [data-bg-weight="2"],.db-brand-bg [data-bg-weight="3"],.db-brand-bg-lvl-1,.db-brand-bg-lvl-2,.db-brand-bg-lvl-3,.db-brand-bg-transparent-full,.db-brand-bg-transparent-semi,.db-brand-contrast-high,.db-brand-contrast-high-interactive,.db-brand-contrast-low,.db-brand-contrast-low-interactive,.db-critical-bg,.db-critical-bg [data-bg-weight="1"],.db-critical-bg [data-bg-weight="2"],.db-critical-bg [data-bg-weight="3"],.db-critical-bg-lvl-1,.db-critical-bg-lvl-2,.db-critical-bg-lvl-3,.db-critical-bg-transparent-full,.db-critical-bg-transparent-semi,.db-critical-contrast-high,.db-critical-contrast-high-interactive,.db-critical-contrast-low,.db-critical-contrast-low-interactive,.db-informational-bg,.db-informational-bg [data-bg-weight="1"],.db-informational-bg [data-bg-weight="2"],.db-informational-bg [data-bg-weight="3"],.db-informational-bg-lvl-1,.db-informational-bg-lvl-2,.db-informational-bg-lvl-3,.db-informational-bg-transparent-full,.db-informational-bg-transparent-semi,.db-informational-contrast-high,.db-informational-contrast-high-interactive,.db-informational-contrast-low,.db-informational-contrast-low-interactive,.db-neutral-bg,.db-neutral-bg [data-bg-weight="1"],.db-neutral-bg [data-bg-weight="2"],.db-neutral-bg [data-bg-weight="3"],.db-neutral-bg-lvl-1,.db-neutral-bg-lvl-2,.db-neutral-bg-lvl-3,.db-neutral-bg-transparent-full,.db-neutral-bg-transparent-semi,.db-neutral-contrast-high,.db-neutral-contrast-high-interactive,.db-neutral-contrast-low,.db-neutral-contrast-low-interactive,.db-successful-bg,.db-successful-bg [data-bg-weight="1"],.db-successful-bg [data-bg-weight="2"],.db-successful-bg [data-bg-weight="3"],.db-successful-bg-lvl-1,.db-successful-bg-lvl-2,.db-successful-bg-lvl-3,.db-successful-bg-transparent-full,.db-successful-bg-transparent-semi,.db-successful-contrast-high,.db-successful-contrast-high-interactive,.db-successful-contrast-low,.db-successful-contrast-low-interactive,.db-warning-bg,.db-warning-bg [data-bg-weight="1"],.db-warning-bg [data-bg-weight="2"],.db-warning-bg [data-bg-weight="3"],.db-warning-bg-lvl-1,.db-warning-bg-lvl-2,.db-warning-bg-lvl-3,.db-warning-bg-transparent-full,.db-warning-bg-transparent-semi,.db-warning-contrast-high,.db-warning-contrast-high-interactive,.db-warning-contrast-low,.db-warning-contrast-low-interactive{background:var(--db-current-color-bg-enabled);color:var(--db-current-color-enabled)}.db-brand-bg [data-bg-weight="1"]:after,.db-brand-bg [data-bg-weight="1"]:before,.db-brand-bg [data-bg-weight="2"]:after,.db-brand-bg [data-bg-weight="2"]:before,.db-brand-bg [data-bg-weight="3"]:after,.db-brand-bg [data-bg-weight="3"]:before,.db-brand-bg-lvl-1:after,.db-brand-bg-lvl-1:before,.db-brand-bg-lvl-2:after,.db-brand-bg-lvl-2:before,.db-brand-bg-lvl-3:after,.db-brand-bg-lvl-3:before,.db-brand-bg-transparent-full:after,.db-brand-bg-transparent-full:before,.db-brand-bg-transparent-semi:after,.db-brand-bg-transparent-semi:before,.db-brand-bg:after,.db-brand-bg:before,.db-brand-contrast-high-interactive:after,.db-brand-contrast-high-interactive:before,.db-brand-contrast-high:after,.db-brand-contrast-high:before,.db-brand-contrast-low-interactive:after,.db-brand-contrast-low-interactive:before,.db-brand-contrast-low:after,.db-brand-contrast-low:before,.db-critical-bg [data-bg-weight="1"]:after,.db-critical-bg [data-bg-weight="1"]:before,.db-critical-bg [data-bg-weight="2"]:after,.db-critical-bg [data-bg-weight="2"]:before,.db-critical-bg [data-bg-weight="3"]:after,.db-critical-bg [data-bg-weight="3"]:before,.db-critical-bg-lvl-1:after,.db-critical-bg-lvl-1:before,.db-critical-bg-lvl-2:after,.db-critical-bg-lvl-2:before,.db-critical-bg-lvl-3:after,.db-critical-bg-lvl-3:before,.db-critical-bg-transparent-full:after,.db-critical-bg-transparent-full:before,.db-critical-bg-transparent-semi:after,.db-critical-bg-transparent-semi:before,.db-critical-bg:after,.db-critical-bg:before,.db-critical-contrast-high-interactive:after,.db-critical-contrast-high-interactive:before,.db-critical-contrast-high:after,.db-critical-contrast-high:before,.db-critical-contrast-low-interactive:after,.db-critical-contrast-low-interactive:before,.db-critical-contrast-low:after,.db-critical-contrast-low:before,.db-informational-bg [data-bg-weight="1"]:after,.db-informational-bg [data-bg-weight="1"]:before,.db-informational-bg [data-bg-weight="2"]:after,.db-informational-bg [data-bg-weight="2"]:before,.db-informational-bg [data-bg-weight="3"]:after,.db-informational-bg [data-bg-weight="3"]:before,.db-informational-bg-lvl-1:after,.db-informational-bg-lvl-1:before,.db-informational-bg-lvl-2:after,.db-informational-bg-lvl-2:before,.db-informational-bg-lvl-3:after,.db-informational-bg-lvl-3:before,.db-informational-bg-transparent-full:after,.db-informational-bg-transparent-full:before,.db-informational-bg-transparent-semi:after,.db-informational-bg-transparent-semi:before,.db-informational-bg:after,.db-informational-bg:before,.db-informational-contrast-high-interactive:after,.db-informational-contrast-high-interactive:before,.db-informational-contrast-high:after,.db-informational-contrast-high:before,.db-informational-contrast-low-interactive:after,.db-informational-contrast-low-interactive:before,.db-informational-contrast-low:after,.db-informational-contrast-low:before,.db-neutral-bg [data-bg-weight="1"]:after,.db-neutral-bg [data-bg-weight="1"]:before,.db-neutral-bg [data-bg-weight="2"]:after,.db-neutral-bg [data-bg-weight="2"]:before,.db-neutral-bg [data-bg-weight="3"]:after,.db-neutral-bg [data-bg-weight="3"]:before,.db-neutral-bg-lvl-1:after,.db-neutral-bg-lvl-1:before,.db-neutral-bg-lvl-2:after,.db-neutral-bg-lvl-2:before,.db-neutral-bg-lvl-3:after,.db-neutral-bg-lvl-3:before,.db-neutral-bg-transparent-full:after,.db-neutral-bg-transparent-full:before,.db-neutral-bg-transparent-semi:after,.db-neutral-bg-transparent-semi:before,.db-neutral-bg:after,.db-neutral-bg:before,.db-neutral-contrast-high-interactive:after,.db-neutral-contrast-high-interactive:before,.db-neutral-contrast-high:after,.db-neutral-contrast-high:before,.db-neutral-contrast-low-interactive:after,.db-neutral-contrast-low-interactive:before,.db-neutral-contrast-low:after,.db-neutral-contrast-low:before,.db-successful-bg [data-bg-weight="1"]:after,.db-successful-bg [data-bg-weight="1"]:before,.db-successful-bg [data-bg-weight="2"]:after,.db-successful-bg [data-bg-weight="2"]:before,.db-successful-bg [data-bg-weight="3"]:after,.db-successful-bg [data-bg-weight="3"]:before,.db-successful-bg-lvl-1:after,.db-successful-bg-lvl-1:before,.db-successful-bg-lvl-2:after,.db-successful-bg-lvl-2:before,.db-successful-bg-lvl-3:after,.db-successful-bg-lvl-3:before,.db-successful-bg-transparent-full:after,.db-successful-bg-transparent-full:before,.db-successful-bg-transparent-semi:after,.db-successful-bg-transparent-semi:before,.db-successful-bg:after,.db-successful-bg:before,.db-successful-contrast-high-interactive:after,.db-successful-contrast-high-interactive:before,.db-successful-contrast-high:after,.db-successful-contrast-high:before,.db-successful-contrast-low-interactive:after,.db-successful-contrast-low-interactive:before,.db-successful-contrast-low:after,.db-successful-contrast-low:before,.db-warning-bg [data-bg-weight="1"]:after,.db-warning-bg [data-bg-weight="1"]:before,.db-warning-bg [data-bg-weight="2"]:after,.db-warning-bg [data-bg-weight="2"]:before,.db-warning-bg [data-bg-weight="3"]:after,.db-warning-bg [data-bg-weight="3"]:before,.db-warning-bg-lvl-1:after,.db-warning-bg-lvl-1:before,.db-warning-bg-lvl-2:after,.db-warning-bg-lvl-2:before,.db-warning-bg-lvl-3:after,.db-warning-bg-lvl-3:before,.db-warning-bg-transparent-full:after,.db-warning-bg-transparent-full:before,.db-warning-bg-transparent-semi:after,.db-warning-bg-transparent-semi:before,.db-warning-bg:after,.db-warning-bg:before,.db-warning-contrast-high-interactive:after,.db-warning-contrast-high-interactive:before,.db-warning-contrast-high:after,.db-warning-contrast-high:before,.db-warning-contrast-low-interactive:after,.db-warning-contrast-low-interactive:before,.db-warning-contrast-low:after,.db-warning-contrast-low:before{color:var(--db-current-icon-color,inherit)}.db-neutral-contrast-high,.db-neutral-contrast-high-interactive{--db-current-icon-color:var(--db-neutral-on-contrast-enabled);--db-current-color-enabled:var( --db-neutral-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-neutral-contrast-high-enabled );--db-current-color-bg-hover:var( --db-neutral-contrast-high-hover );--db-current-color-bg-pressed:var( --db-neutral-contrast-high-pressed );--db-current-color-border:var( --db-neutral-contrast-high-enabled )}.db-neutral-contrast-high-interactive:hover{background:var(--db-neutral-contrast-high-hover)}.db-neutral-contrast-high-interactive:active{background:var(--db-neutral-contrast-high-pressed)}.db-neutral-contrast-low,.db-neutral-contrast-low-interactive{--db-current-icon-color:var(--db-neutral-on-contrast-enabled);--db-current-color-enabled:var( --db-neutral-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-neutral-contrast-low-enabled );--db-current-color-bg-hover:var( --db-neutral-contrast-low-hover );--db-current-color-bg-pressed:var( --db-neutral-contrast-low-pressed );--db-current-color-border:var( --db-neutral-contrast-low-enabled )}.db-neutral-contrast-low-interactive:hover{background:var(--db-neutral-contrast-low-hover)}.db-neutral-contrast-low-interactive:active{background:var(--db-neutral-contrast-low-pressed)}.db-neutral-bg,.db-neutral-bg [data-bg-weight="1"],.db-neutral-bg [data-bg-weight="2"],.db-neutral-bg [data-bg-weight="3"],.db-neutral-bg-lvl-1,.db-neutral-bg-lvl-2,.db-neutral-bg-lvl-3,.db-neutral-bg-transparent-full,.db-neutral-bg-transparent-semi{--db-current-color-bg-transparent-full-enabled:var( --db-neutral-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-neutral-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-neutral-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-neutral-bg-transparent-pressed );--db-current-color-enabled:var(--db-neutral-on-bg-enabled);--db-current-color-icon:var(--db-neutral-on-bg-enabled);--db-current-color-hover:var(--db-neutral-on-bg-hover);--db-current-color-pressed:var(--db-neutral-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-neutral-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-neutral-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-neutral-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-neutral-contrast-low-enabled );--db-current-color-border:var(--db-neutral-border);--db-current-color-bg-lvl-1-hover:var(--db-neutral-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-neutral-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-neutral-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-neutral-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-neutral-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-neutral-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-neutral-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-neutral-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-neutral-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-neutral-contrast-high-pressed )}.db-neutral-bg [data-emphasis=weak][data-bg-weight="1"],.db-neutral-bg [data-emphasis=weak][data-bg-weight="2"],.db-neutral-bg [data-emphasis=weak][data-bg-weight="3"],[data-emphasis=weak].db-neutral-bg,[data-emphasis=weak].db-neutral-bg-lvl-1,[data-emphasis=weak].db-neutral-bg-lvl-2,[data-emphasis=weak].db-neutral-bg-lvl-3,[data-emphasis=weak].db-neutral-bg-transparent-full,[data-emphasis=weak].db-neutral-bg-transparent-semi{--db-current-color-enabled:var( --db-neutral-on-bg-weak-enabled );--db-current-color-hover:var( --db-neutral-on-bg-weak-hover );--db-current-color-pressed:var( --db-neutral-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-neutral-bg,.db-neutral-bg [data-bg-weight="1"],.db-neutral-bg-lvl-1{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-neutral-bg [data-bg-weight="2"],.db-neutral-bg-lvl-2{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-2-enabled )}.db-neutral-bg [data-bg-weight="3"],.db-neutral-bg-lvl-3{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-3-enabled )}.db-neutral-bg-transparent-full{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-full-enabled )}.db-neutral-bg-transparent-semi{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-semi-enabled )}.db-brand-contrast-high,.db-brand-contrast-high-interactive{--db-current-icon-color:var(--db-brand-on-contrast-enabled);--db-current-color-enabled:var( --db-brand-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-brand-contrast-high-enabled );--db-current-color-bg-hover:var( --db-brand-contrast-high-hover );--db-current-color-bg-pressed:var( --db-brand-contrast-high-pressed );--db-current-color-border:var( --db-brand-contrast-high-enabled )}.db-brand-contrast-high-interactive:hover{background:var(--db-brand-contrast-high-hover)}.db-brand-contrast-high-interactive:active{background:var(--db-brand-contrast-high-pressed)}.db-brand-contrast-low,.db-brand-contrast-low-interactive{--db-current-icon-color:var(--db-brand-on-contrast-enabled);--db-current-color-enabled:var( --db-brand-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-brand-contrast-low-enabled );--db-current-color-bg-hover:var( --db-brand-contrast-low-hover );--db-current-color-bg-pressed:var( --db-brand-contrast-low-pressed );--db-current-color-border:var( --db-brand-contrast-low-enabled )}.db-brand-contrast-low-interactive:hover{background:var(--db-brand-contrast-low-hover)}.db-brand-contrast-low-interactive:active{background:var(--db-brand-contrast-low-pressed)}.db-brand-bg,.db-brand-bg [data-bg-weight="1"],.db-brand-bg [data-bg-weight="2"],.db-brand-bg [data-bg-weight="3"],.db-brand-bg-lvl-1,.db-brand-bg-lvl-2,.db-brand-bg-lvl-3,.db-brand-bg-transparent-full,.db-brand-bg-transparent-semi{--db-current-color-bg-transparent-full-enabled:var( --db-brand-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-brand-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-brand-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-brand-bg-transparent-pressed );--db-current-color-enabled:var(--db-brand-on-bg-enabled);--db-current-color-icon:var(--db-brand-on-bg-enabled);--db-current-color-hover:var(--db-brand-on-bg-hover);--db-current-color-pressed:var(--db-brand-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-brand-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-brand-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-brand-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-brand-contrast-low-enabled );--db-current-color-border:var(--db-brand-border);--db-current-color-bg-lvl-1-hover:var(--db-brand-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-brand-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-brand-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-brand-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-brand-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-brand-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-brand-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-brand-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-brand-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-brand-contrast-high-pressed )}.db-brand-bg [data-emphasis=weak][data-bg-weight="1"],.db-brand-bg [data-emphasis=weak][data-bg-weight="2"],.db-brand-bg [data-emphasis=weak][data-bg-weight="3"],[data-emphasis=weak].db-brand-bg,[data-emphasis=weak].db-brand-bg-lvl-1,[data-emphasis=weak].db-brand-bg-lvl-2,[data-emphasis=weak].db-brand-bg-lvl-3,[data-emphasis=weak].db-brand-bg-transparent-full,[data-emphasis=weak].db-brand-bg-transparent-semi{--db-current-color-enabled:var( --db-brand-on-bg-weak-enabled );--db-current-color-hover:var( --db-brand-on-bg-weak-hover );--db-current-color-pressed:var( --db-brand-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-brand-bg,.db-brand-bg [data-bg-weight="1"],.db-brand-bg-lvl-1{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-brand-bg [data-bg-weight="2"],.db-brand-bg-lvl-2{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-2-enabled )}.db-brand-bg [data-bg-weight="3"],.db-brand-bg-lvl-3{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-3-enabled )}.db-brand-bg-transparent-full{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-full-enabled )}.db-brand-bg-transparent-semi{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-semi-enabled )}.db-critical-contrast-high,.db-critical-contrast-high-interactive{--db-current-icon-color:var(--db-critical-on-contrast-enabled);--db-current-color-enabled:var( --db-critical-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-critical-contrast-high-enabled );--db-current-color-bg-hover:var( --db-critical-contrast-high-hover );--db-current-color-bg-pressed:var( --db-critical-contrast-high-pressed );--db-current-color-border:var( --db-critical-contrast-high-enabled )}.db-critical-contrast-high-interactive:hover{background:var(--db-critical-contrast-high-hover)}.db-critical-contrast-high-interactive:active{background:var(--db-critical-contrast-high-pressed)}.db-critical-contrast-low,.db-critical-contrast-low-interactive{--db-current-icon-color:var(--db-critical-on-contrast-enabled);--db-current-color-enabled:var( --db-critical-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-critical-contrast-low-enabled );--db-current-color-bg-hover:var( --db-critical-contrast-low-hover );--db-current-color-bg-pressed:var( --db-critical-contrast-low-pressed );--db-current-color-border:var( --db-critical-contrast-low-enabled )}.db-critical-contrast-low-interactive:hover{background:var(--db-critical-contrast-low-hover)}.db-critical-contrast-low-interactive:active{background:var(--db-critical-contrast-low-pressed)}.db-critical-bg,.db-critical-bg [data-bg-weight="1"],.db-critical-bg [data-bg-weight="2"],.db-critical-bg [data-bg-weight="3"],.db-critical-bg-lvl-1,.db-critical-bg-lvl-2,.db-critical-bg-lvl-3,.db-critical-bg-transparent-full,.db-critical-bg-transparent-semi{--db-current-color-bg-transparent-full-enabled:var( --db-critical-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-critical-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-critical-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-critical-bg-transparent-pressed );--db-current-color-enabled:var(--db-critical-on-bg-enabled);--db-current-color-icon:var(--db-critical-on-bg-enabled);--db-current-color-hover:var(--db-critical-on-bg-hover);--db-current-color-pressed:var(--db-critical-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-critical-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-critical-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-critical-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-critical-contrast-low-enabled );--db-current-color-border:var(--db-critical-border);--db-current-color-bg-lvl-1-hover:var(--db-critical-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-critical-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-critical-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-critical-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-critical-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-critical-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-critical-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-critical-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-critical-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-critical-contrast-high-pressed )}.db-critical-bg [data-emphasis=weak][data-bg-weight="1"],.db-critical-bg [data-emphasis=weak][data-bg-weight="2"],.db-critical-bg [data-emphasis=weak][data-bg-weight="3"],[data-emphasis=weak].db-critical-bg,[data-emphasis=weak].db-critical-bg-lvl-1,[data-emphasis=weak].db-critical-bg-lvl-2,[data-emphasis=weak].db-critical-bg-lvl-3,[data-emphasis=weak].db-critical-bg-transparent-full,[data-emphasis=weak].db-critical-bg-transparent-semi{--db-current-color-enabled:var( --db-critical-on-bg-weak-enabled );--db-current-color-hover:var( --db-critical-on-bg-weak-hover );--db-current-color-pressed:var( --db-critical-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-critical-bg,.db-critical-bg [data-bg-weight="1"],.db-critical-bg-lvl-1{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-critical-bg [data-bg-weight="2"],.db-critical-bg-lvl-2{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-2-enabled )}.db-critical-bg [data-bg-weight="3"],.db-critical-bg-lvl-3{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-3-enabled )}.db-critical-bg-transparent-full{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-full-enabled )}.db-critical-bg-transparent-semi{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-semi-enabled )}.db-successful-contrast-high,.db-successful-contrast-high-interactive{--db-current-icon-color:var(--db-successful-on-contrast-enabled);--db-current-color-enabled:var( --db-successful-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-successful-contrast-high-enabled );--db-current-color-bg-hover:var( --db-successful-contrast-high-hover );--db-current-color-bg-pressed:var( --db-successful-contrast-high-pressed );--db-current-color-border:var( --db-successful-contrast-high-enabled )}.db-successful-contrast-high-interactive:hover{background:var(--db-successful-contrast-high-hover)}.db-successful-contrast-high-interactive:active{background:var(--db-successful-contrast-high-pressed)}.db-successful-contrast-low,.db-successful-contrast-low-interactive{--db-current-icon-color:var(--db-successful-on-contrast-enabled);--db-current-color-enabled:var( --db-successful-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-successful-contrast-low-enabled );--db-current-color-bg-hover:var( --db-successful-contrast-low-hover );--db-current-color-bg-pressed:var( --db-successful-contrast-low-pressed );--db-current-color-border:var( --db-successful-contrast-low-enabled )}.db-successful-contrast-low-interactive:hover{background:var(--db-successful-contrast-low-hover)}.db-successful-contrast-low-interactive:active{background:var(--db-successful-contrast-low-pressed)}.db-successful-bg,.db-successful-bg [data-bg-weight="1"],.db-successful-bg [data-bg-weight="2"],.db-successful-bg [data-bg-weight="3"],.db-successful-bg-lvl-1,.db-successful-bg-lvl-2,.db-successful-bg-lvl-3,.db-successful-bg-transparent-full,.db-successful-bg-transparent-semi{--db-current-color-bg-transparent-full-enabled:var( --db-successful-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-successful-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-successful-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-successful-bg-transparent-pressed );--db-current-color-enabled:var(--db-successful-on-bg-enabled);--db-current-color-icon:var(--db-successful-on-bg-enabled);--db-current-color-hover:var(--db-successful-on-bg-hover);--db-current-color-pressed:var(--db-successful-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-successful-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-successful-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-successful-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-successful-contrast-low-enabled );--db-current-color-border:var(--db-successful-border);--db-current-color-bg-lvl-1-hover:var(--db-successful-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-successful-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-successful-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-successful-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-successful-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-successful-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-successful-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-successful-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-successful-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-successful-contrast-high-pressed )}.db-successful-bg [data-emphasis=weak][data-bg-weight="1"],.db-successful-bg [data-emphasis=weak][data-bg-weight="2"],.db-successful-bg [data-emphasis=weak][data-bg-weight="3"],[data-emphasis=weak].db-successful-bg,[data-emphasis=weak].db-successful-bg-lvl-1,[data-emphasis=weak].db-successful-bg-lvl-2,[data-emphasis=weak].db-successful-bg-lvl-3,[data-emphasis=weak].db-successful-bg-transparent-full,[data-emphasis=weak].db-successful-bg-transparent-semi{--db-current-color-enabled:var( --db-successful-on-bg-weak-enabled );--db-current-color-hover:var( --db-successful-on-bg-weak-hover );--db-current-color-pressed:var( --db-successful-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-successful-bg,.db-successful-bg [data-bg-weight="1"],.db-successful-bg-lvl-1{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-successful-bg [data-bg-weight="2"],.db-successful-bg-lvl-2{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-2-enabled )}.db-successful-bg [data-bg-weight="3"],.db-successful-bg-lvl-3{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-3-enabled )}.db-successful-bg-transparent-full{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-full-enabled )}.db-successful-bg-transparent-semi{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-semi-enabled )}.db-warning-contrast-high,.db-warning-contrast-high-interactive{--db-current-icon-color:var(--db-warning-on-contrast-enabled);--db-current-color-enabled:var( --db-warning-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-warning-contrast-high-enabled );--db-current-color-bg-hover:var( --db-warning-contrast-high-hover );--db-current-color-bg-pressed:var( --db-warning-contrast-high-pressed );--db-current-color-border:var( --db-warning-contrast-high-enabled )}.db-warning-contrast-high-interactive:hover{background:var(--db-warning-contrast-high-hover)}.db-warning-contrast-high-interactive:active{background:var(--db-warning-contrast-high-pressed)}.db-warning-contrast-low,.db-warning-contrast-low-interactive{--db-current-icon-color:var(--db-warning-on-contrast-enabled);--db-current-color-enabled:var( --db-warning-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-warning-contrast-low-enabled );--db-current-color-bg-hover:var( --db-warning-contrast-low-hover );--db-current-color-bg-pressed:var( --db-warning-contrast-low-pressed );--db-current-color-border:var( --db-warning-contrast-low-enabled )}.db-warning-contrast-low-interactive:hover{background:var(--db-warning-contrast-low-hover)}.db-warning-contrast-low-interactive:active{background:var(--db-warning-contrast-low-pressed)}.db-warning-bg,.db-warning-bg [data-bg-weight="1"],.db-warning-bg [data-bg-weight="2"],.db-warning-bg [data-bg-weight="3"],.db-warning-bg-lvl-1,.db-warning-bg-lvl-2,.db-warning-bg-lvl-3,.db-warning-bg-transparent-full,.db-warning-bg-transparent-semi{--db-current-color-bg-transparent-full-enabled:var( --db-warning-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-warning-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-warning-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-warning-bg-transparent-pressed );--db-current-color-enabled:var(--db-warning-on-bg-enabled);--db-current-color-icon:var(--db-warning-on-bg-enabled);--db-current-color-hover:var(--db-warning-on-bg-hover);--db-current-color-pressed:var(--db-warning-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-warning-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-warning-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-warning-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-warning-contrast-low-enabled );--db-current-color-border:var(--db-warning-border);--db-current-color-bg-lvl-1-hover:var(--db-warning-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-warning-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-warning-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-warning-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-warning-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-warning-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-warning-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-warning-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-warning-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-warning-contrast-high-pressed )}.db-warning-bg [data-emphasis=weak][data-bg-weight="1"],.db-warning-bg [data-emphasis=weak][data-bg-weight="2"],.db-warning-bg [data-emphasis=weak][data-bg-weight="3"],[data-emphasis=weak].db-warning-bg,[data-emphasis=weak].db-warning-bg-lvl-1,[data-emphasis=weak].db-warning-bg-lvl-2,[data-emphasis=weak].db-warning-bg-lvl-3,[data-emphasis=weak].db-warning-bg-transparent-full,[data-emphasis=weak].db-warning-bg-transparent-semi{--db-current-color-enabled:var( --db-warning-on-bg-weak-enabled );--db-current-color-hover:var( --db-warning-on-bg-weak-hover );--db-current-color-pressed:var( --db-warning-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-warning-bg,.db-warning-bg [data-bg-weight="1"],.db-warning-bg-lvl-1{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-warning-bg [data-bg-weight="2"],.db-warning-bg-lvl-2{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-2-enabled )}.db-warning-bg [data-bg-weight="3"],.db-warning-bg-lvl-3{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-3-enabled )}.db-warning-bg-transparent-full{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-full-enabled )}.db-warning-bg-transparent-semi{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-semi-enabled )}.db-informational-contrast-high,.db-informational-contrast-high-interactive{--db-current-icon-color:var(--db-informational-on-contrast-enabled);--db-current-color-enabled:var( --db-informational-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-informational-contrast-high-enabled );--db-current-color-bg-hover:var( --db-informational-contrast-high-hover );--db-current-color-bg-pressed:var( --db-informational-contrast-high-pressed );--db-current-color-border:var( --db-informational-contrast-high-enabled )}.db-informational-contrast-high-interactive:hover{background:var(--db-informational-contrast-high-hover)}.db-informational-contrast-high-interactive:active{background:var(--db-informational-contrast-high-pressed)}.db-informational-contrast-low,.db-informational-contrast-low-interactive{--db-current-icon-color:var(--db-informational-on-contrast-enabled);--db-current-color-enabled:var( --db-informational-on-contrast-enabled );--db-current-color-bg-enabled:var( --db-informational-contrast-low-enabled );--db-current-color-bg-hover:var( --db-informational-contrast-low-hover );--db-current-color-bg-pressed:var( --db-informational-contrast-low-pressed );--db-current-color-border:var( --db-informational-contrast-low-enabled )}.db-informational-contrast-low-interactive:hover{background:var(--db-informational-contrast-low-hover)}.db-informational-contrast-low-interactive:active{background:var(--db-informational-contrast-low-pressed)}.db-informational-bg,.db-informational-bg [data-bg-weight="1"],.db-informational-bg [data-bg-weight="2"],.db-informational-bg [data-bg-weight="3"],.db-informational-bg-lvl-1,.db-informational-bg-lvl-2,.db-informational-bg-lvl-3,.db-informational-bg-transparent-full,.db-informational-bg-transparent-semi{--db-current-color-bg-transparent-full-enabled:var( --db-informational-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-informational-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-informational-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-informational-bg-transparent-pressed );--db-current-color-enabled:var(--db-informational-on-bg-enabled);--db-current-color-icon:var(--db-informational-on-bg-enabled);--db-current-color-hover:var(--db-informational-on-bg-hover);--db-current-color-pressed:var(--db-informational-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-informational-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-informational-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-informational-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-informational-contrast-low-enabled );--db-current-color-border:var(--db-informational-border);--db-current-color-bg-lvl-1-hover:var(--db-informational-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-informational-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-informational-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-informational-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-informational-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-informational-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-informational-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-informational-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-informational-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-informational-contrast-high-pressed )}.db-informational-bg [data-emphasis=weak][data-bg-weight="1"],.db-informational-bg [data-emphasis=weak][data-bg-weight="2"],.db-informational-bg [data-emphasis=weak][data-bg-weight="3"],[data-emphasis=weak].db-informational-bg,[data-emphasis=weak].db-informational-bg-lvl-1,[data-emphasis=weak].db-informational-bg-lvl-2,[data-emphasis=weak].db-informational-bg-lvl-3,[data-emphasis=weak].db-informational-bg-transparent-full,[data-emphasis=weak].db-informational-bg-transparent-semi{--db-current-color-enabled:var( --db-informational-on-bg-weak-enabled );--db-current-color-hover:var( --db-informational-on-bg-weak-hover );--db-current-color-pressed:var( --db-informational-on-bg-weak-pressed );color:var(--db-current-color-enabled)}.db-informational-bg,.db-informational-bg [data-bg-weight="1"],.db-informational-bg-lvl-1{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-1-enabled )}.db-informational-bg [data-bg-weight="2"],.db-informational-bg-lvl-2{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-2-enabled )}.db-informational-bg [data-bg-weight="3"],.db-informational-bg-lvl-3{--db-current-color-bg-enabled:var( --db-current-color-bg-lvl-3-enabled )}.db-informational-bg-transparent-full{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-full-enabled )}.db-informational-bg-transparent-semi{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-semi-enabled )}.db-font-size-3xl{--db-icon-font-weight:var(--db-base-body-icon-weight-3xl);--db-icon-font-size:var(--db-base-body-icon-font-size-3xl);--db-base-line-height:var(--db-type-body-line-height-3xl);--db-base-font-size:var(--db-type-body-font-size-3xl);line-height:var(--db-type-body-line-height-3xl);font-size:var(--db-type-body-font-size-3xl)}.db-font-size-2xl{--db-icon-font-weight:var(--db-base-body-icon-weight-2xl);--db-icon-font-size:var(--db-base-body-icon-font-size-2xl);--db-base-line-height:var(--db-type-body-line-height-2xl);--db-base-font-size:var(--db-type-body-font-size-2xl);line-height:var(--db-type-body-line-height-2xl);font-size:var(--db-type-body-font-size-2xl)}.db-font-size-xl{--db-icon-font-weight:var(--db-base-body-icon-weight-xl);--db-icon-font-size:var(--db-base-body-icon-font-size-xl);--db-base-line-height:var(--db-type-body-line-height-xl);--db-base-font-size:var(--db-type-body-font-size-xl);line-height:var(--db-type-body-line-height-xl);font-size:var(--db-type-body-font-size-xl)}.db-font-size-lg{--db-icon-font-weight:var(--db-base-body-icon-weight-lg);--db-icon-font-size:var(--db-base-body-icon-font-size-lg);--db-base-line-height:var(--db-type-body-line-height-lg);--db-base-font-size:var(--db-type-body-font-size-lg);line-height:var(--db-type-body-line-height-lg);font-size:var(--db-type-body-font-size-lg)}.db-font-size-md{--db-icon-font-weight:var(--db-base-body-icon-weight-md);--db-icon-font-size:var(--db-base-body-icon-font-size-md);--db-base-line-height:var(--db-type-body-line-height-md);--db-base-font-size:var(--db-type-body-font-size-md);line-height:var(--db-type-body-line-height-md);font-size:var(--db-type-body-font-size-md)}.db-font-size-sm{--db-icon-font-weight:var(--db-base-body-icon-weight-sm);--db-icon-font-size:var(--db-base-body-icon-font-size-sm);--db-base-line-height:var(--db-type-body-line-height-sm);--db-base-font-size:var(--db-type-body-font-size-sm);line-height:var(--db-type-body-line-height-sm);font-size:var(--db-type-body-font-size-sm)}.db-font-size-xs{--db-icon-font-weight:var(--db-base-body-icon-weight-xs);--db-icon-font-size:var(--db-base-body-icon-font-size-xs);--db-base-line-height:var(--db-type-body-line-height-xs);--db-base-font-size:var(--db-type-body-font-size-xs);line-height:var(--db-type-body-line-height-xs);font-size:var(--db-type-body-font-size-xs)}.db-font-size-2xs{--db-icon-font-weight:var(--db-base-body-icon-weight-2xs);--db-icon-font-size:var(--db-base-body-icon-font-size-2xs);--db-base-line-height:var(--db-type-body-line-height-2xs);--db-base-font-size:var(--db-type-body-font-size-2xs);line-height:var(--db-type-body-line-height-2xs);font-size:var(--db-type-body-font-size-2xs)}.db-font-size-3xs{--db-icon-font-weight:var(--db-base-body-icon-weight-3xs);--db-icon-font-size:var(--db-base-body-icon-font-size-3xs);--db-base-line-height:var(--db-type-body-line-height-3xs);--db-base-font-size:var(--db-type-body-font-size-3xs);line-height:var(--db-type-body-line-height-3xs);font-size:var(--db-type-body-font-size-3xs)}body{-webkit-padding-after:var(--db-spacing-fixed-lg);padding-block-end:var(--db-spacing-fixed-lg)}.db-main{scroll-behavior:smooth}#__next,#__next>div{height:inherit}db-mainnavigation{margin:auto}github-version-switcher{margin:auto 16px}iframe{width:100%;height:calc(100% - 8px)!important}.example-list dd{-webkit-margin-after:var(--db-spacing-fixed-md);margin-block-end:var(--db-spacing-fixed-md);max-width:500px}.code-pre-wrap{white-space:pre-wrap}.iframe-component-container{display:flex;flex-direction:column}.iframe-component-container .flex{display:flex;gap:var(--db-spacing-fixed-sm)}.iframe-component-container .flex[data-variant=column]{flex-direction:column}.base-64-container{display:grid;padding:var(--db-spacing-fixed-md);grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md)}.base-64-container span{word-break:break-all}.noh1 h1{display:none}.is-properties{height:100%;overflow:auto}.is-properties h1,.is-properties h2{display:none}table{width:100%;border-collapse:collapse}table td,table th{border:1px solid var(--db-current-color-border);padding:var(--db-spacing-fixed-md);max-width:33vw}table th{padding-inline:var(--db-spacing-fixed-md)}.version-switcher{max-width:var(--db-sizing-3xl)}div[class^=ch-] div,div[class^=ch-] span{color:var(--db-current-color-enabled)}.ch-frame-buttons{display:none!important}.db-section[data-size=none]{-webkit-padding-after:var(--db-spacing-fixed-xl);padding-block-end:var(--db-spacing-fixed-xl)}.color-overview-container,.example-container,.icons-filter-container,.icons-overview-container{--columns:1;display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md)}@media screen and (min-width:45em){.color-overview-container:not([data-force-mobile]),.example-container:not([data-force-mobile]),.icons-filter-container:not([data-force-mobile]),.icons-overview-container:not([data-force-mobile]),[data-force-mobile=false].color-overview-container,[data-force-mobile=false].example-container,[data-force-mobile=false].icons-filter-container,[data-force-mobile=false].icons-overview-container{--columns:3}}.icons-overview-container{--columns:2;padding:var(--db-spacing-fixed-md)}@media screen and (min-width:45em){.icons-overview-container:not([data-force-mobile]),.icons-overview-container[data-force-mobile=false]{--columns:7}}.icons-overview-container>.db-card{justify-content:center;align-items:center}.icons-overview-container>.db-card .db-infotext{word-break:break-word}.color-overview-container,.color-overview-container>div{padding:var(--db-spacing-fixed-md)}.color-overview-container>div{display:flex;justify-content:center;align-items:center;border:1px solid #000}.density-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md)}.density-example-grid .db-card{gap:var(--db-spacing-fixed-sm)}.density-example-page{display:flex;flex-direction:column;gap:var(--db-spacing-fixed-md)}.density-example-page .density-example-page-regular{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md)}.density-example-page .density-example-page-functional{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md)}.example-container p{margin:0}.example-container .example-item .example-sizing .sizing,.example-container .example-item .example-spacing-fixed .gap1,.example-container .example-item .example-spacing-fixed .gap2,.example-container .example-item .example-spacing-responsive .margin1,.example-container .example-item .example-spacing-responsive .margin2{height:100%;display:flex;justify-content:center;position:absolute;align-items:center}.example-container .example-item{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--db-spacing-fixed-md)}.example-container .example-item .example-spacing-fixed,.example-container .example-item .example-spacing-responsive{border:1px solid #000}.example-container .example-item .example-spacing-fixed>div,.example-container .example-item .example-spacing-responsive>div{display:flex;border:1px solid var(--db-informational-4);position:relative}.example-container .example-item .example-spacing-fixed>div{gap:var(--db-spacing-fixed-xl)}.example-container .example-item .example-spacing-fixed .gap1,.example-container .example-item .example-spacing-fixed .gap2{width:var(--db-spacing-fixed-xl)}.example-container .example-item .example-spacing-fixed .gap1{left:calc(var(--db-base-line-height)*var(--db-base-font-size))}.example-container .example-item .example-spacing-fixed .gap2{right:calc(var(--db-base-line-height)*var(--db-base-font-size))}.example-container .example-item .example-spacing-responsive>div{margin-inline:var(--db-spacing-responsive-sm)}.example-container .example-item .example-spacing-responsive .margin1,.example-container .example-item .example-spacing-responsive .margin2{width:var(--db-spacing-responsive-sm)}.example-container .example-item .example-spacing-responsive .margin1{left:calc(-1*var(--db-spacing-responsive-sm))}.example-container .example-item .example-spacing-responsive .margin2{right:calc(-1*var(--db-spacing-responsive-sm))}.example-container .example-item .example-sizing>div{display:flex;gap:var(--db-spacing-fixed-md)}.example-container .example-item .example-sizing .sizing{position:unset;block-size:var(--db-sizing-md);inline-size:var(--db-sizing-md)}.color-schemes-container{padding:var(--db-spacing-fixed-md);border:1px dashed var(--db-current-color-enabled);display:grid;grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md);grid-template-columns:repeat(2,minmax(0,1fr))}.color-schemes-container .db-button{grid-column:span 2/span 2}.color-schemes-container .db-tag{-webkit-margin-start:auto;margin-inline-start:auto}.color-schemes-container section{padding:var(--db-spacing-fixed-md)}.color-schemes-container .color-cards{grid-column:span 2/span 2;display:grid;grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md);grid-template-columns:repeat(5,minmax(0,1fr))}h1 a:is(.header-link),h2 a:is(.header-link),h3 a:is(.header-link),h4 a:is(.header-link),h5 a:is(.header-link),h6 a:is(.header-link){display:inline-block;margin-block:auto;-webkit-margin-start:var(--db-spacing-fixed-xs);margin-inline-start:var(--db-spacing-fixed-xs);visibility:hidden;text-decoration:none;font-size:0}h1:hover a:is(.header-link),h2:hover a:is(.header-link),h3:hover a:is(.header-link),h4:hover a:is(.header-link),h5:hover a:is(.header-link),h6:hover a:is(.header-link){visibility:visible}.db-code-docs{min-block-size:var(--db-sizing-3xl);align-items:center;justify-content:center;padding:var(--db-spacing-fixed-xl);-webkit-margin-after:calc(var(--db-spacing-fixed-xl) + var(--db-sizing-sm));margin-block-end:calc(var(--db-spacing-fixed-xl) + var(--db-sizing-sm));position:relative}.db-code-docs .code-details{display:flex}.db-code-docs .code-details[open]{inset-inline-start:0;inset-block-start:0}.db-code-docs .code-details .code-button{position:absolute;inset-block-end:calc(-1*(var(--db-spacing-fixed-sm) + var(--db-sizing-sm)));inset-inline-end:var(--db-spacing-fixed-sm);z-index:1;cursor:pointer}.db-code-docs .code-details .code-button::-webkit-details-marker{display:none}.db-code-docs .code-details .no-code{margin:auto}.db-code-docs .code-details .backdrop{border-radius:var(--db-border-radius-sm);background-color:var(var(--db-current-color-enabled),var(--db-neutral-on-bg-enabled));opacity:.64;position:absolute;inset:0}.db-code-docs .code-details .code{overflow:auto;position:absolute;z-index:20;inset:0;margin:var(--db-spacing-fixed-md);display:flex;flex-direction:column;gap:var(--db-spacing-fixed-sm)}.db-code-docs .code-details .code code{display:block;white-space:pre-wrap}.db-code-docs .code-details .code .tab-container{position:relative}.db-code-docs .code-details .code .tab-container .copy-button{position:absolute;z-index:20;inset-inline-end:var(--db-spacing-fixed-sm);inset-block-end:var(--db-spacing-fixed-sm)}@media screen and (min-width:64em){.db-code-docs .code-details .code .tab-container .copy-button:not([data-force-mobile]),.db-code-docs .code-details .code .tab-container .copy-button[data-force-mobile=false]{inset-block-end:auto;inset-block-start:var(--db-spacing-fixed-sm)}}.validity-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--db-spacing-fixed-sm);gap:var(--db-spacing-fixed-sm)}.validity-container form{display:flex;flex-direction:column;gap:var(--db-spacing-fixed-sm)}pre:has(.hljs):not(:has(.language-shell)),pre:has(.hljs):not(:has(.language-shell)) .hljs{background:var(--db-current-color-bg-enabled);color:var(--db-current-color-enabled)}pre:has(.hljs):not(:has(.language-shell)) .hljs:after,pre:has(.hljs):not(:has(.language-shell)) .hljs:before,pre:has(.hljs):not(:has(.language-shell)):after,pre:has(.hljs):not(:has(.language-shell)):before{color:var(--db-current-icon-color,inherit)}pre:has(.hljs):not(:has(.language-shell)),pre:has(.hljs):not(:has(.language-shell)) .hljs{--db-current-color-bg-transparent-full-enabled:var( --db-neutral-bg-transparent-full-enabled );--db-current-color-bg-transparent-semi-enabled:var( --db-neutral-bg-transparent-semi-enabled );--db-current-color-bg-transparent-hover:var( --db-neutral-bg-transparent-hover );--db-current-color-bg-transparent-pressed:var( --db-neutral-bg-transparent-pressed );--db-current-color-enabled:var(--db-neutral-on-bg-enabled);--db-current-color-icon:var(--db-neutral-on-bg-enabled);--db-current-color-hover:var(--db-neutral-on-bg-hover);--db-current-color-pressed:var(--db-neutral-on-bg-pressed);--db-current-color-bg-lvl-1-enabled:var( --db-neutral-bg-lvl-1-enabled );--db-current-color-bg-lvl-2-enabled:var( --db-neutral-bg-lvl-2-enabled );--db-current-color-bg-lvl-3-enabled:var( --db-neutral-bg-lvl-3-enabled );--db-current-color-contrast-low-enabled:var( --db-neutral-contrast-low-enabled );--db-current-color-border:var(--db-neutral-border);--db-current-color-bg-lvl-1-hover:var(--db-neutral-bg-lvl-1-hover);--db-current-color-bg-lvl-1-pressed:var( --db-neutral-bg-lvl-1-pressed );--db-current-color-bg-lvl-2-hover:var(--db-neutral-bg-lvl-2-hover);--db-current-color-bg-lvl-2-pressed:var( --db-neutral-bg-lvl-2-pressed );--db-current-color-bg-lvl-3-hover:var(--db-neutral-bg-lvl-3-hover);--db-current-color-bg-lvl-3-pressed:var( --db-neutral-bg-lvl-3-pressed );--db-current-color-on-contrast-enabled:var( --db-neutral-on-contrast-enabled );--db-current-color-contrast-high-enabled:var( --db-neutral-contrast-high-enabled );--db-current-color-contrast-high-hover:var( --db-neutral-contrast-high-hover );--db-current-color-contrast-high-pressed:var( --db-neutral-contrast-high-pressed )}pre:has(.hljs):not(:has(.language-shell)) [data-emphasis=weak].hljs,pre[data-emphasis=weak]:has(.hljs):not(:has(.language-shell)){--db-current-color-enabled:var( --db-neutral-on-bg-weak-enabled );--db-current-color-hover:var( --db-neutral-on-bg-weak-hover );--db-current-color-pressed:var( --db-neutral-on-bg-weak-pressed );color:var(--db-current-color-enabled)}pre:has(.hljs):not(:has(.language-shell)),pre:has(.hljs):not(:has(.language-shell)) .hljs{--db-current-color-bg-enabled:var( --db-current-color-bg-transparent-full-enabled )}.hljs-attribute,.hljs-doctag,.hljs-keyword,.hljs-literal,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string,.hljs-number,.hljs-operator,.hljs-regexp,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-string,.hljs-template-tag,.hljs-template-variable,.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_,.hljs-type,.hljs-variable,.hljs-variable.language_{color:var(--db-successful-on-bg-weak-enabled)}.hljs-built_in,.hljs-symbol{color:var(--db-warning-on-bg-weak-enabled)}.hljs-attr{color:var(--db-informational-on-bg-weak-enabled)}.hljs-code,.hljs-comment,.hljs-formula,.hljs-meta{color:var(--db-current-color-enabled)}.hljs-name,.hljs-tag{color:var(--db-warning-on-bg-weak-enabled)}.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:var(--db-successful-on-bg-weak-enabled)}.hljs-subst{color:var(--db-neutral-bg-lvl-1-enabled)}.hljs-section{color:var(--db-informational-on-bg-weak-enabled);font-weight:700}.hljs-bullet{color:var(--db-warning-on-bg-weak-enabled)}.hljs-emphasis{font-style:italic}.hljs-emphasis,.hljs-strong{color:var(--db-current-color-enabled)}.hljs-strong{font-weight:700}.hljs-addition{color:var(--db-successful-on-bg-weak-enabled)}.hljs-addition,.hljs-deletion{background-color:var(--db-neutral-on-bg-weak-enabled)}.hljs-deletion{color:var(--db-critical-on-bg-weak-enabled)}.desktop-navigation ul{list-style-type:none;display:flex}.default-container{display:flex;flex-direction:column;gap:var(--db-spacing-fixed-md);padding:var(--db-spacing-fixed-md)}.variants-card,.variants-card>.db-card{min-block-size:var(--db-sizing-3xl);align-items:center;justify-content:center;padding:var(--db-spacing-fixed-xl);-webkit-padding-after:calc(var(--db-spacing-fixed-xl) + var(--db-sizing-sm));padding-block-end:calc(var(--db-spacing-fixed-xl) + var(--db-sizing-sm));position:relative}db-card:is(.variants-card)>.db-card{padding:var(--db-spacing-fixed-sm)}.variants-list{flex-wrap:wrap;inline-size:100%;justify-content:center}.variants-list,.variants-list>div{display:flex;gap:var(--db-spacing-fixed-md)}.variants-list>div{align-items:center}.variants-list .db-select,.w-full{inline-size:100%}.variants-list .db-input,.variants-list .db-select,.variants-list .db-textarea{-webkit-margin-before:auto;margin-block-start:auto}.variants-list .db-input:has([placeholder="(Default) Basic"]),.variants-list .db-select:has([placeholder="(Default) Basic"]),.variants-list .db-textarea:has([placeholder="(Default) Basic"]){-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:auto;margin-block-end:auto}.html-code-container{display:flex;flex-direction:column;gap:var(--db-spacing-fixed-md)}.example-name{margin-block:0 var(--db-spacing-fixed-md)}.link-headline{display:block;margin-block:var(--db-spacing-fixed-md);font-weight:700}.form-container{display:flex;gap:var(--db-spacing-fixed-md);margin:var(--db-spacing-fixed-md)}.form-container fieldset{padding:0;border-color:transparent}.form-container>div{flex-direction:column;inline-size:50%}.button-container,.input-container{display:flex;gap:var(--db-spacing-fixed-md);padding:var(--db-spacing-fixed-md)}.input-container{flex-wrap:wrap}.input-container>form{display:flex;flex-wrap:wrap;gap:var(--db-spacing-fixed-md)}.badge-inline-container{display:flex;gap:var(--db-spacing-fixed-sm);padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-sm);background-color:var(--db-base-bg-lvl-2)}.badge-inline-container .db-badge{-webkit-margin-start:var(--db-spacing-responsive-md);margin-inline-start:var(--db-spacing-responsive-md);margin-block:auto}.fixed-header-footer{overflow:hidden}.tab-hide-article article{display:none!important}.db-page.fixed-header-footer main{overflow-x:hidden}:root{block-size:100%;overflow:hidden}
\ No newline at end of file
diff --git a/review/feat-switch/base64.html b/review/feat-switch/base64.html
index 04629872bcf..3ecc5fcc61c 100644
--- a/review/feat-switch/base64.html
+++ b/review/feat-switch/base64.html
@@ -1 +1 @@
-DB UI Mono functional regular expressive neutral-bg-lvl-1 neutral-bg-lvl-2 neutral-bg-lvl-3 neutral-bg-transparent-semi neutral-bg-transparent-full brand-bg-lvl-1 brand-bg-lvl-2 brand-bg-lvl-3 brand-bg-transparent-semi brand-bg-transparent-full successful-bg-lvl-1 successful-bg-lvl-2 successful-bg-lvl-3 successful-bg-transparent-semi successful-bg-transparent-full critical-bg-lvl-1 critical-bg-lvl-2 critical-bg-lvl-3 critical-bg-transparent-semi critical-bg-transparent-full warning-bg-lvl-1 warning-bg-lvl-2 warning-bg-lvl-3 warning-bg-transparent-semi warning-bg-transparent-full informational-bg-lvl-1 informational-bg-lvl-2 informational-bg-lvl-3 informational-bg-transparent-semi informational-bg-transparent-full
Open IFrame
\ No newline at end of file
+DB UI Mono functional regular expressive neutral-bg-lvl-1 neutral-bg-lvl-2 neutral-bg-lvl-3 neutral-bg-transparent-semi neutral-bg-transparent-full brand-bg-lvl-1 brand-bg-lvl-2 brand-bg-lvl-3 brand-bg-transparent-semi brand-bg-transparent-full successful-bg-lvl-1 successful-bg-lvl-2 successful-bg-lvl-3 successful-bg-transparent-semi successful-bg-transparent-full critical-bg-lvl-1 critical-bg-lvl-2 critical-bg-lvl-3 critical-bg-transparent-semi critical-bg-transparent-full warning-bg-lvl-1 warning-bg-lvl-2 warning-bg-lvl-3 warning-bg-transparent-semi warning-bg-transparent-full informational-bg-lvl-1 informational-bg-lvl-2 informational-bg-lvl-3 informational-bg-transparent-semi informational-bg-transparent-full
Open IFrame
\ No newline at end of file
diff --git a/review/feat-switch/components/accordion-item.html b/review/feat-switch/components/accordion-item.html
index f98d0a719e8..617323fa8d2 100644
--- a/review/feat-switch/components/accordion-item.html
+++ b/review/feat-switch/components/accordion-item.html
@@ -1 +1 @@
-DB UI Mono
\ No newline at end of file
+DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/accordion-item/code/ContentStates.html b/review/feat-switch/components/accordion-item/code/ContentStates.html
index dd7409cb46d..afd98996f2c 100644
--- a/review/feat-switch/components/accordion-item/code/ContentStates.html
+++ b/review/feat-switch/components/accordion-item/code/ContentStates.html
@@ -1,4 +1,4 @@
-DB UI Mono <db-accordion-item headlinePlain="(Default) Collapsed">
+DB UI Mono <db-accordion-item headlinePlain="(Default) Collapsed">
(Default) Collapsed
</db-accordion-item>
Copy code undefined
Copy code <DBAccordionItem headlinePlain="(Default) Collapsed">
(Default) Collapsed
@@ -6,4 +6,4 @@
(Default) Collapsed
</DBAccordionItem>
Copy code <db-accordion-item headlinePlain="Open" [open]="true">Open</db-accordion-item>
Copy code undefined
Copy code <DBAccordionItem headlinePlain="Open" open>
Open
-</DBAccordionItem>
Copy code <DBAccordionItem headlinePlain="Open" :open="true">Open</DBAccordionItem>
Copy code
\ No newline at end of file
+</DBAccordionItem>
Copy code <DBAccordionItem headlinePlain="Open" :open="true">Open</DBAccordionItem>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/accordion-item/code/Density.html b/review/feat-switch/components/accordion-item/code/Density.html
index 69909f14af2..e3e13bd185e 100644
--- a/review/feat-switch/components/accordion-item/code/Density.html
+++ b/review/feat-switch/components/accordion-item/code/Density.html
@@ -1,4 +1,4 @@
-DB UI Mono <db-accordion-item headlinePlain="Functional">Functional</db-accordion-item>
Copy code <details id="OVERWRITE_DEFAULT_ID" class="db-accordion-item">
+DB UI Mono <db-accordion-item headlinePlain="Functional">Functional</db-accordion-item>
Copy code <details id="OVERWRITE_DEFAULT_ID" class="db-accordion-item">
<summary>Functional</summary>
<div>Functional</div>
</details>
Copy code <DBAccordionItem headlinePlain="Functional">Functional</DBAccordionItem>
Copy code <DBAccordionItem headlinePlain="Functional">Functional</DBAccordionItem>
Copy code <db-accordion-item headlinePlain="(Default) Regular">
@@ -13,4 +13,4 @@
</DBAccordionItem>
Copy code <db-accordion-item headlinePlain="Expressive">Expressive</db-accordion-item>
Copy code <details id="OVERWRITE_DEFAULT_ID" class="db-accordion-item">
<summary>Expressive</summary>
<div>Expressive</div>
-</details>
Copy code <DBAccordionItem headlinePlain="Expressive">Expressive</DBAccordionItem>
Copy code <DBAccordionItem headlinePlain="Expressive">Expressive</DBAccordionItem>
Copy code
\ No newline at end of file
+</details>
Copy code <DBAccordionItem headlinePlain="Expressive">Expressive</DBAccordionItem>
Copy code <DBAccordionItem headlinePlain="Expressive">Expressive</DBAccordionItem>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/accordion-item/code/InteractionStates.html b/review/feat-switch/components/accordion-item/code/InteractionStates.html
index 94d344c34cc..585a93bdba9 100644
--- a/review/feat-switch/components/accordion-item/code/InteractionStates.html
+++ b/review/feat-switch/components/accordion-item/code/InteractionStates.html
@@ -1,4 +1,4 @@
-DB UI Mono <db-accordion-item headlinePlain="Enabled (Default)/Hover/Pressed">
+DB UI Mono <db-accordion-item headlinePlain="Enabled (Default)/Hover/Pressed">
Enabled (Default)/Hover/Pressed
</db-accordion-item>
Copy code undefined
Copy code <DBAccordionItem headlinePlain="Enabled (Default)/Hover/Pressed">
Enabled (Default)/Hover/Pressed
@@ -6,4 +6,4 @@
Enabled (Default)/Hover/Pressed
</DBAccordionItem>
Copy code <db-accordion-item headlinePlain="Disabled" [disabled]="true">Disabled</db-accordion-item>
Copy code undefined
Copy code <DBAccordionItem headlinePlain="Disabled" disabled>
Disabled
-</DBAccordionItem>
Copy code <DBAccordionItem headlinePlain="Disabled" :disabled="true">Disabled</DBAccordionItem>
Copy code
\ No newline at end of file
+</DBAccordionItem>
Copy code <DBAccordionItem headlinePlain="Disabled" :disabled="true">Disabled</DBAccordionItem>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/accordion-item/docs/Angular.html b/review/feat-switch/components/accordion-item/docs/Angular.html
index d2595219135..d3d49119a79 100644
--- a/review/feat-switch/components/accordion-item/docs/Angular.html
+++ b/review/feat-switch/components/accordion-item/docs/Angular.html
@@ -1,4 +1,4 @@
-DB UI Mono Angular
+
DB UI Mono Angular
For general installation and configuration look at the ngx-components package.
Load component
// app.component.ts
@@ -22,4 +22,4 @@ With Content Projection
<!-- app.component.html -->
<db-accordion-item headlinePlain="Title" content="Content"></db-accordion-item>
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/review/feat-switch/components/accordion-item/docs/HTML.html b/review/feat-switch/components/accordion-item/docs/HTML.html
index e6829e67971..57d586a61cf 100644
--- a/review/feat-switch/components/accordion-item/docs/HTML.html
+++ b/review/feat-switch/components/accordion-item/docs/HTML.html
@@ -1,4 +1,4 @@
-DB UI Mono HTML
+
DB UI Mono HTML
For general installation and configuration look at the components package.
Use component
<!-- index.html -->
@@ -9,4 +9,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/accordion-item/docs/Migration.html b/review/feat-switch/components/accordion-item/docs/Migration.html
index 96998c608be..10d015aba6a 100644
--- a/review/feat-switch/components/accordion-item/docs/Migration.html
+++ b/review/feat-switch/components/accordion-item/docs/Migration.html
@@ -1,4 +1,4 @@
-
DB UI Mono General
+
DB UI Mono General
Note
For a general installation or migration process check out this documentation .
@@ -7,4 +7,4 @@ DB UI Core ➡ DB UI Componentsclass
Before Status After Description cmp-accordion
🔁 db-accordion-item
The old accordion was just 1 item, we split it to combine multiple accordion-items into 1 accordion (which is another component)
props
-Before Status After Description summary
🔁 headline
The title/summary of the details element. emphasis
❌ ❌ There is no emphasis anymore. size
❌ ❌ Controlled by the density. 🆕 disabled
Disable the component. 🆕 content
Pass in a simple string as fallback to normal children/slot
\ No newline at end of file
+
Before Status After Description summary
🔁 headline
The title/summary of the details element. emphasis
❌ ❌ There is no emphasis anymore. size
❌ ❌ Controlled by the density. 🆕 disabled
Disable the component. 🆕 content
Pass in a simple string as fallback to normal children/slot
\ No newline at end of file
diff --git a/review/feat-switch/components/accordion-item/docs/React.html b/review/feat-switch/components/accordion-item/docs/React.html
index a039148687d..269bba790d1 100644
--- a/review/feat-switch/components/accordion-item/docs/React.html
+++ b/review/feat-switch/components/accordion-item/docs/React.html
@@ -1,4 +1,4 @@
-
DB UI Mono React
+
DB UI Mono React
For general installation and configuration look at the react-components package.
Use component
With Slots
@@ -14,4 +14,4 @@
With attributes
\ No newline at end of file
diff --git a/review/feat-switch/components/accordion-item/docs/Vue.html b/review/feat-switch/components/accordion-item/docs/Vue.html
index f5d5661c4b5..a9b19a193ee 100644
--- a/review/feat-switch/components/accordion-item/docs/Vue.html
+++ b/review/feat-switch/components/accordion-item/docs/Vue.html
@@ -1,4 +1,4 @@
-
DB UI Mono Vue
+
DB UI Mono Vue
For general installation and configuration look at the v-components package.
Use component
With Slots
@@ -23,4 +23,4 @@
With attributes
\ No newline at end of file
diff --git a/review/feat-switch/components/accordion-item/how-to-use.html b/review/feat-switch/components/accordion-item/how-to-use.html
index 6ef7e7eb2d1..532e8b7ecb1 100644
--- a/review/feat-switch/components/accordion-item/how-to-use.html
+++ b/review/feat-switch/components/accordion-item/how-to-use.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/accordion-item/migration.html b/review/feat-switch/components/accordion-item/migration.html
index a7f5ba0f6f2..e5daccf2d87 100644
--- a/review/feat-switch/components/accordion-item/migration.html
+++ b/review/feat-switch/components/accordion-item/migration.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/accordion-item/overview.html b/review/feat-switch/components/accordion-item/overview.html
index 2cdc7021bc9..bc052ff8610 100644
--- a/review/feat-switch/components/accordion-item/overview.html
+++ b/review/feat-switch/components/accordion-item/overview.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/accordion-item/properties.html b/review/feat-switch/components/accordion-item/properties.html
index f562c70091c..e7ba7a40d8e 100644
--- a/review/feat-switch/components/accordion-item/properties.html
+++ b/review/feat-switch/components/accordion-item/properties.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/accordion.html b/review/feat-switch/components/accordion.html
index 6ed2ddc2bdb..c2473aa8bfc 100644
--- a/review/feat-switch/components/accordion.html
+++ b/review/feat-switch/components/accordion.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/accordion/code/Behaviour.html b/review/feat-switch/components/accordion/code/Behaviour.html
index fa1d647840a..92b76398314 100644
--- a/review/feat-switch/components/accordion/code/Behaviour.html
+++ b/review/feat-switch/components/accordion/code/Behaviour.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-accordion>
+DB UI Mono <db-accordion>
<db-accordion-item headline="Item 1" content="Content 1"></db-accordion-item>
<db-accordion-item headline="Item 2" content="Content 2"></db-accordion-item>
<db-accordion-item headline="Item 3" content="Content 3"></db-accordion-item>
@@ -22,4 +22,4 @@
<DBAccordionItem headline="Item 1" content="Content 1" />
<DBAccordionItem headline="Item 2" content="Content 2" />
<DBAccordionItem headline="Item 3" content="Content 3" />
-</DBAccordion>
Copy code
\ No newline at end of file
+</DBAccordion>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/accordion/code/Density.html b/review/feat-switch/components/accordion/code/Density.html
index 648c1f248ec..b32d4784cac 100644
--- a/review/feat-switch/components/accordion/code/Density.html
+++ b/review/feat-switch/components/accordion/code/Density.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-accordion>
+DB UI Mono <db-accordion>
<db-accordion-item headline="Item 1" content="Content 1"></db-accordion-item>
<db-accordion-item headline="Item 2" content="Content 2"></db-accordion-item>
<db-accordion-item headline="Item 3" content="Content 3"></db-accordion-item>
@@ -34,4 +34,4 @@
<DBAccordionItem headline="Item 1" content="Content 1" />
<DBAccordionItem headline="Item 2" content="Content 2" />
<DBAccordionItem headline="Item 3" content="Content 3" />
-</DBAccordion>
Copy code
\ No newline at end of file
+</DBAccordion>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/accordion/code/Variant.html b/review/feat-switch/components/accordion/code/Variant.html
index 665e5f0db25..2783339d052 100644
--- a/review/feat-switch/components/accordion/code/Variant.html
+++ b/review/feat-switch/components/accordion/code/Variant.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-accordion>
+DB UI Mono <db-accordion>
<db-accordion-item title="Item 1" content="Content 1"></db-accordion-item>
<db-accordion-item title="Item 2" content="Content 2"></db-accordion-item>
<db-accordion-item title="Item 3" content="Content 3"></db-accordion-item>
@@ -22,4 +22,4 @@
<DBAccordionItem title="Item 1" content="Content 1" />
<DBAccordionItem title="Item 2" content="Content 2" />
<DBAccordionItem title="Item 3" content="Content 3" />
-</DBAccordion>
Copy code
\ No newline at end of file
+</DBAccordion>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/accordion/docs/Angular.html b/review/feat-switch/components/accordion/docs/Angular.html
index 12436b6c626..d5f1d570016 100644
--- a/review/feat-switch/components/accordion/docs/Angular.html
+++ b/review/feat-switch/components/accordion/docs/Angular.html
@@ -1,4 +1,4 @@
-
DB UI Mono Angular
+
DB UI Mono Angular
For general installation and configuration look at the ngx-components package.
Load component
// app.component.ts
@@ -27,4 +27,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/accordion/docs/HTML.html b/review/feat-switch/components/accordion/docs/HTML.html
index bf52df0ae9c..3e2fed0b412 100644
--- a/review/feat-switch/components/accordion/docs/HTML.html
+++ b/review/feat-switch/components/accordion/docs/HTML.html
@@ -1,4 +1,4 @@
-
DB UI Mono HTML
+
DB UI Mono HTML
For general installation and configuration look at the components package.
Use component
<!-- index.html -->
@@ -19,4 +19,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/accordion/docs/Migration.html b/review/feat-switch/components/accordion/docs/Migration.html
index 8c44275ebfd..5fd416bca72 100644
--- a/review/feat-switch/components/accordion/docs/Migration.html
+++ b/review/feat-switch/components/accordion/docs/Migration.html
@@ -1,7 +1,7 @@
-
DB UI Mono General
+
DB UI Mono General
Note
For a general installation or migration process check out this documentation .
DB UI Core ➡ DB UI Components
-
New Component 🥳
\ No newline at end of file
+
New Component 🥳
\ No newline at end of file
diff --git a/review/feat-switch/components/accordion/docs/React.html b/review/feat-switch/components/accordion/docs/React.html
index e1439bef543..6eb4f9d085c 100644
--- a/review/feat-switch/components/accordion/docs/React.html
+++ b/review/feat-switch/components/accordion/docs/React.html
@@ -1,4 +1,4 @@
-
DB UI Mono React
+
DB UI Mono React
For general installation and configuration look at the react-components package.
Use component
// App.tsx
@@ -12,4 +12,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/accordion/docs/Vue.html b/review/feat-switch/components/accordion/docs/Vue.html
index 1be6a9d925a..c7bf71b73ba 100644
--- a/review/feat-switch/components/accordion/docs/Vue.html
+++ b/review/feat-switch/components/accordion/docs/Vue.html
@@ -1,4 +1,4 @@
-
DB UI Mono Vue
+
DB UI Mono Vue
For general installation and configuration look at the v-components package.
Use component
<!-- App.vue -->
@@ -13,4 +13,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/accordion/how-to-use.html b/review/feat-switch/components/accordion/how-to-use.html
index d6b6b7bcb5c..4b78b6fe537 100644
--- a/review/feat-switch/components/accordion/how-to-use.html
+++ b/review/feat-switch/components/accordion/how-to-use.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/accordion/migration.html b/review/feat-switch/components/accordion/migration.html
index 4d90ed444b8..7ff81acd8bf 100644
--- a/review/feat-switch/components/accordion/migration.html
+++ b/review/feat-switch/components/accordion/migration.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/accordion/overview.html b/review/feat-switch/components/accordion/overview.html
index 66f5251bdc1..19248097626 100644
--- a/review/feat-switch/components/accordion/overview.html
+++ b/review/feat-switch/components/accordion/overview.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/accordion/properties.html b/review/feat-switch/components/accordion/properties.html
index 62b961edb97..f2c58f4c408 100644
--- a/review/feat-switch/components/accordion/properties.html
+++ b/review/feat-switch/components/accordion/properties.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/badge.html b/review/feat-switch/components/badge.html
index b2d14d87aab..7c9f61a7cb3 100644
--- a/review/feat-switch/components/badge.html
+++ b/review/feat-switch/components/badge.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/badge/code/Content.html b/review/feat-switch/components/badge/code/Content.html
index a33ae8b3b62..f227efc66eb 100644
--- a/review/feat-switch/components/badge/code/Content.html
+++ b/review/feat-switch/components/badge/code/Content.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-badge>(Default) Text</db-badge>
Copy code <span class="db-badge">(Default) Text</span>
Copy code <DBBadge>(Default) Text</DBBadge>
Copy code <DBBadge>(Default) Text</DBBadge>
Copy code <db-badge size="medium">(Default) Text - Medium</db-badge>
Copy code <span class="db-badge" data-size="medium">
+DB UI Mono <db-badge>(Default) Text</db-badge>
Copy code <span class="db-badge">(Default) Text</span>
Copy code <DBBadge>(Default) Text</DBBadge>
Copy code <DBBadge>(Default) Text</DBBadge>
Copy code <db-badge size="medium">(Default) Text - Medium</db-badge>
Copy code <span class="db-badge" data-size="medium">
(Default) Text - Medium
</span>
Copy code <DBBadge size="medium">(Default) Text - Medium</DBBadge>
Copy code <DBBadge size="medium">(Default) Text - Medium</DBBadge>
Copy code <db-badge [noContent]="true">Dot - Small</db-badge>
Copy code <span class="db-badge">Dot - Small</span>
Copy code <DBBadge noContent>Dot - Small</DBBadge>
Copy code <DBBadge :noContent="true">Dot - Small</DBBadge>
Copy code <db-badge [noContent]="true" size="medium">Dot - Medium</db-badge>
Copy code <span class="db-badge" data-size="medium">
Dot - Medium
@@ -12,4 +12,4 @@
Icon - Medium
</DBBadge>
Copy code <DBBadge example="icon" size="medium">
Icon - Medium
-</DBBadge>
Copy code
\ No newline at end of file
+</DBBadge>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/badge/code/Density.html b/review/feat-switch/components/badge/code/Density.html
index b891097d686..76224527287 100644
--- a/review/feat-switch/components/badge/code/Density.html
+++ b/review/feat-switch/components/badge/code/Density.html
@@ -1 +1 @@
-
DB UI Mono <db-badge>Functional</db-badge>
Copy code <span class="db-badge">Functional</span>
Copy code <DBBadge>Functional</DBBadge>
Copy code <DBBadge>Functional</DBBadge>
Copy code <db-badge>(Default) Regular</db-badge>
Copy code <span class="db-badge">(Default) Regular</span>
Copy code <DBBadge>(Default) Regular</DBBadge>
Copy code <DBBadge>(Default) Regular</DBBadge>
Copy code <db-badge>Expressive</db-badge>
Copy code <span class="db-badge">Expressive</span>
Copy code <DBBadge>Expressive</DBBadge>
Copy code <DBBadge>Expressive</DBBadge>
Copy code
\ No newline at end of file
+
DB UI Mono <db-badge>Functional</db-badge>
Copy code <span class="db-badge">Functional</span>
Copy code <DBBadge>Functional</DBBadge>
Copy code <DBBadge>Functional</DBBadge>
Copy code <db-badge>(Default) Regular</db-badge>
Copy code <span class="db-badge">(Default) Regular</span>
Copy code <DBBadge>(Default) Regular</DBBadge>
Copy code <DBBadge>(Default) Regular</DBBadge>
Copy code <db-badge>Expressive</db-badge>
Copy code <span class="db-badge">Expressive</span>
Copy code <DBBadge>Expressive</DBBadge>
Copy code <DBBadge>Expressive</DBBadge>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/badge/code/Emphasis.html b/review/feat-switch/components/badge/code/Emphasis.html
index bf32037a267..154564ea41b 100644
--- a/review/feat-switch/components/badge/code/Emphasis.html
+++ b/review/feat-switch/components/badge/code/Emphasis.html
@@ -1,3 +1,3 @@
-
DB UI Mono <db-badge>(Default) Weak</db-badge>
Copy code <span class="db-badge">(Default) Weak</span>
Copy code <DBBadge>(Default) Weak</DBBadge>
Copy code <DBBadge>(Default) Weak</DBBadge>
Copy code <db-badge emphasis="strong">Strong</db-badge>
Copy code <span class="db-badge" data-emphasis="strong">
+DB UI Mono <db-badge>(Default) Weak</db-badge>
Copy code <span class="db-badge">(Default) Weak</span>
Copy code <DBBadge>(Default) Weak</DBBadge>
Copy code <DBBadge>(Default) Weak</DBBadge>
Copy code <db-badge emphasis="strong">Strong</db-badge>
Copy code <span class="db-badge" data-emphasis="strong">
Strong
-</span>
Copy code <DBBadge emphasis="strong">Strong</DBBadge>
Copy code <DBBadge emphasis="strong">Strong</DBBadge>
Copy code
\ No newline at end of file
+</span>
Copy code <DBBadge emphasis="strong">Strong</DBBadge>
Copy code <DBBadge emphasis="strong">Strong</DBBadge>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/badge/code/Examples.html b/review/feat-switch/components/badge/code/Examples.html
index 855fd4f2a00..46b4ff1fb77 100644
--- a/review/feat-switch/components/badge/code/Examples.html
+++ b/review/feat-switch/components/badge/code/Examples.html
@@ -1 +1 @@
-
DB UI Mono <db-badge example="number">Numbers</db-badge>
Copy code <span class="db-badge">Numbers</span>
Copy code <DBBadge example="number">Numbers</DBBadge>
Copy code <DBBadge example="number">Numbers</DBBadge>
Copy code
\ No newline at end of file
+
DB UI Mono <db-badge example="number">Numbers</db-badge>
Copy code <span class="db-badge">Numbers</span>
Copy code <DBBadge example="number">Numbers</DBBadge>
Copy code <DBBadge example="number">Numbers</DBBadge>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/badge/code/Placement.html b/review/feat-switch/components/badge/code/Placement.html
index 149df900011..aedd2c25c9c 100644
--- a/review/feat-switch/components/badge/code/Placement.html
+++ b/review/feat-switch/components/badge/code/Placement.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-badge placement="inline">(Default) Inline</db-badge>
Copy code <span class="db-badge" data-placement="inline">
+DB UI Mono <db-badge placement="inline">(Default) Inline</db-badge>
Copy code <span class="db-badge" data-placement="inline">
(Default) Inline
</span>
Copy code <DBBadge placement="inline">(Default) Inline</DBBadge>
Copy code <DBBadge placement="inline">(Default) Inline</DBBadge>
Copy code <db-badge placement="corner-top-left">Corner - Top - Left</db-badge>
Copy code <span class="db-badge" data-placement="corner-top-left">
Corner - Top - Left
@@ -12,4 +12,4 @@
Corner - Center - Right
</span>
Copy code <DBBadge placement="corner-center-right">Corner - Center - Right</DBBadge>
Copy code <DBBadge placement="corner-center-right">Corner - Center - Right</DBBadge>
Copy code <db-badge placement="corner-bottom-right">Corner - Bottom- Right</db-badge>
Copy code <span class="db-badge" data-placement="corner-bottom-right">
Corner - Bottom- Right
-</span>
Copy code <DBBadge placement="corner-bottom-right">Corner - Bottom- Right</DBBadge>
Copy code <DBBadge placement="corner-bottom-right">Corner - Bottom- Right</DBBadge>
Copy code
\ No newline at end of file
+</span>
Copy code <DBBadge placement="corner-bottom-right">Corner - Bottom- Right</DBBadge>
Copy code <DBBadge placement="corner-bottom-right">Corner - Bottom- Right</DBBadge>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/badge/code/Semantic.html b/review/feat-switch/components/badge/code/Semantic.html
index db182d68f4c..048a7c033ed 100644
--- a/review/feat-switch/components/badge/code/Semantic.html
+++ b/review/feat-switch/components/badge/code/Semantic.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-badge>(Default) Adaptive</db-badge>
Copy code <span class="db-badge">(Default) Adaptive</span>
Copy code <DBBadge>(Default) Adaptive</DBBadge>
Copy code <DBBadge>(Default) Adaptive</DBBadge>
Copy code <db-badge semantic="neutral">Neutral</db-badge>
Copy code <span class="db-badge" data-semantic="neutral">
+DB UI Mono <db-badge>(Default) Adaptive</db-badge>
Copy code <span class="db-badge">(Default) Adaptive</span>
Copy code <DBBadge>(Default) Adaptive</DBBadge>
Copy code <DBBadge>(Default) Adaptive</DBBadge>
Copy code <db-badge semantic="neutral">Neutral</db-badge>
Copy code <span class="db-badge" data-semantic="neutral">
Neutral
</span>
Copy code <DBBadge semantic="neutral">Neutral</DBBadge>
Copy code <DBBadge semantic="neutral">Neutral</DBBadge>
Copy code <db-badge semantic="critical">Critical</db-badge>
Copy code <span class="db-badge" data-semantic="critical">
Critical
@@ -50,4 +50,4 @@
Warning Strong
</DBBadge>
Copy code <DBBadge semantic="warning" emphasis="strong">
Warning Strong
-</DBBadge>
Copy code
\ No newline at end of file
+</DBBadge>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/badge/code/Size.html b/review/feat-switch/components/badge/code/Size.html
index 5ee44b8bfdf..76b61ccdbec 100644
--- a/review/feat-switch/components/badge/code/Size.html
+++ b/review/feat-switch/components/badge/code/Size.html
@@ -1,3 +1,3 @@
-
DB UI Mono <db-badge>(Default) Small</db-badge>
Copy code <span class="db-badge">(Default) Small</span>
Copy code <DBBadge>(Default) Small</DBBadge>
Copy code <DBBadge>(Default) Small</DBBadge>
Copy code <db-badge size="medium">Medium</db-badge>
Copy code <span class="db-badge" data-size="medium">
+DB UI Mono <db-badge>(Default) Small</db-badge>
Copy code <span class="db-badge">(Default) Small</span>
Copy code <DBBadge>(Default) Small</DBBadge>
Copy code <DBBadge>(Default) Small</DBBadge>
Copy code <db-badge size="medium">Medium</db-badge>
Copy code <span class="db-badge" data-size="medium">
Medium
-</span>
Copy code <DBBadge size="medium">Medium</DBBadge>
Copy code <DBBadge size="medium">Medium</DBBadge>
Copy code
\ No newline at end of file
+</span>
Copy code <DBBadge size="medium">Medium</DBBadge>
Copy code <DBBadge size="medium">Medium</DBBadge>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/badge/docs/Angular.html b/review/feat-switch/components/badge/docs/Angular.html
index 281fa6f2484..e922e5fb0e4 100644
--- a/review/feat-switch/components/badge/docs/Angular.html
+++ b/review/feat-switch/components/badge/docs/Angular.html
@@ -1,4 +1,4 @@
-
DB UI Mono Angular
+
DB UI Mono Angular
For general installation and configuration take a look at the ngx-components package.
Load component
// app.component.ts
@@ -14,4 +14,4 @@ Load component
<!-- app.component.html -->
<db-badge>Badge</db-badge>
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/review/feat-switch/components/badge/docs/HTML.html b/review/feat-switch/components/badge/docs/HTML.html
index 7d233783451..fcdeb73452f 100644
--- a/review/feat-switch/components/badge/docs/HTML.html
+++ b/review/feat-switch/components/badge/docs/HTML.html
@@ -1,4 +1,4 @@
-
DB UI Mono HTML
+
DB UI Mono HTML
For general installation and configuration take a look at the components package.
Use component
<!-- index.html -->
@@ -6,4 +6,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/badge/docs/Migration.html b/review/feat-switch/components/badge/docs/Migration.html
index b2d21ab6aff..a633c1ef0c7 100644
--- a/review/feat-switch/components/badge/docs/Migration.html
+++ b/review/feat-switch/components/badge/docs/Migration.html
@@ -1,7 +1,7 @@
-
DB UI Mono General
+
DB UI Mono General
Note
For a general installation or migration process check out this documentation .
DB UI Core ➡ DB UI Components
-
New Component 🥳
\ No newline at end of file
+
New Component 🥳
\ No newline at end of file
diff --git a/review/feat-switch/components/badge/docs/React.html b/review/feat-switch/components/badge/docs/React.html
index 1b5ba55152c..227fc207486 100644
--- a/review/feat-switch/components/badge/docs/React.html
+++ b/review/feat-switch/components/badge/docs/React.html
@@ -1,4 +1,4 @@
-
DB UI Mono React
+
DB UI Mono React
For general installation and configuration take a look at the react-components package.
Use component
// App.tsx
@@ -7,4 +7,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/badge/docs/Vue.html b/review/feat-switch/components/badge/docs/Vue.html
index 85289556fa1..fa5c0d315dc 100644
--- a/review/feat-switch/components/badge/docs/Vue.html
+++ b/review/feat-switch/components/badge/docs/Vue.html
@@ -1,4 +1,4 @@
-
DB UI Mono Vue
+
DB UI Mono Vue
For general installation and configuration take a look at the v-components package.
Use component
<!-- App.vue -->
@@ -9,4 +9,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/badge/how-to-use.html b/review/feat-switch/components/badge/how-to-use.html
index 7a35a701081..ec303276eed 100644
--- a/review/feat-switch/components/badge/how-to-use.html
+++ b/review/feat-switch/components/badge/how-to-use.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/badge/migration.html b/review/feat-switch/components/badge/migration.html
index 5bbbf1bb9a8..6f51879ab1e 100644
--- a/review/feat-switch/components/badge/migration.html
+++ b/review/feat-switch/components/badge/migration.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/badge/overview.html b/review/feat-switch/components/badge/overview.html
index 6518e469a28..d0d770f53ff 100644
--- a/review/feat-switch/components/badge/overview.html
+++ b/review/feat-switch/components/badge/overview.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/badge/properties.html b/review/feat-switch/components/badge/properties.html
index 6fbbb567cdf..70ca0f88496 100644
--- a/review/feat-switch/components/badge/properties.html
+++ b/review/feat-switch/components/badge/properties.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/brand.html b/review/feat-switch/components/brand.html
index d387427f9b8..54531ff7772 100644
--- a/review/feat-switch/components/brand.html
+++ b/review/feat-switch/components/brand.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/brand/code/Tonality.html b/review/feat-switch/components/brand/code/Tonality.html
index 357ef22fd0b..f01d4a26c51 100644
--- a/review/feat-switch/components/brand/code/Tonality.html
+++ b/review/feat-switch/components/brand/code/Tonality.html
@@ -1,7 +1,7 @@
-
DB UI Mono <db-brand>Functional</db-brand>
Copy code <div data-icon="db" class="db-brand">
+DB UI Mono <db-brand>Functional</db-brand>
Copy code <div data-icon="db" class="db-brand">
Functional
</div>
Copy code <DBBrand>Functional</DBBrand>
Copy code <DBBrand>Functional</DBBrand>
Copy code <db-brand>(Default) Regular</db-brand>
Copy code <div data-icon="db" class="db-brand">
(Default) Regular
</div>
Copy code <DBBrand>(Default) Regular</DBBrand>
Copy code <DBBrand>(Default) Regular</DBBrand>
Copy code <db-brand>Expressive</db-brand>
Copy code <div data-icon="db" class="db-brand">
Expressive
-</div>
Copy code <DBBrand>Expressive</DBBrand>
Copy code <DBBrand>Expressive</DBBrand>
Copy code
\ No newline at end of file
+</div>
Copy code <DBBrand>Expressive</DBBrand>
Copy code <DBBrand>Expressive</DBBrand>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/brand/code/Variants.html b/review/feat-switch/components/brand/code/Variants.html
index 15918e28770..a13cab5e3cb 100644
--- a/review/feat-switch/components/brand/code/Variants.html
+++ b/review/feat-switch/components/brand/code/Variants.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-brand>(Default) With Logo</db-brand>
Copy code <div data-icon="db" class="db-brand">
+DB UI Mono <db-brand>(Default) With Logo</db-brand>
Copy code <div data-icon="db" class="db-brand">
(Default) With Logo
</div>
Copy code <DBBrand>(Default) With Logo</DBBrand>
Copy code <DBBrand>(Default) With Logo</DBBrand>
Copy code <db-brand [hideLogo]="true">No Logo</db-brand>
Copy code <div data-icon="none" class="db-brand">
No Logo
@@ -6,4 +6,4 @@
Custom Logo
</div>
Copy code <DBBrand hideLogo customLogo>
Custom Logo
-</DBBrand>
Copy code <DBBrand :hideLogo="true" :customLogo="true">Custom Logo</DBBrand>
Copy code
\ No newline at end of file
+</DBBrand>
Copy code <DBBrand :hideLogo="true" :customLogo="true">Custom Logo</DBBrand>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/brand/docs/Angular.html b/review/feat-switch/components/brand/docs/Angular.html
index de94507c982..899399ae0fa 100644
--- a/review/feat-switch/components/brand/docs/Angular.html
+++ b/review/feat-switch/components/brand/docs/Angular.html
@@ -1,4 +1,4 @@
-
DB UI Mono Angular
+
DB UI Mono Angular
For general installation and configuration take a look at the ngx-components package.
Load component
// app.component.ts
@@ -14,4 +14,4 @@ Load component
<!-- app.component.html -->
<db-brand>Brand</db-brand>
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/review/feat-switch/components/brand/docs/HTML.html b/review/feat-switch/components/brand/docs/HTML.html
index e706e91c2af..98bde72fc00 100644
--- a/review/feat-switch/components/brand/docs/HTML.html
+++ b/review/feat-switch/components/brand/docs/HTML.html
@@ -1,4 +1,4 @@
-
DB UI Mono HTML
+
DB UI Mono HTML
For general installation and configuration take a look at the components package.
Use component
<!-- index.html -->
@@ -6,4 +6,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/brand/docs/Migration.html b/review/feat-switch/components/brand/docs/Migration.html
index 8abb6bad179..989a0f025e5 100644
--- a/review/feat-switch/components/brand/docs/Migration.html
+++ b/review/feat-switch/components/brand/docs/Migration.html
@@ -1,4 +1,4 @@
-
DB UI Mono General
+
DB UI Mono General
Note
For a general installation or migration process check out this documentation .
@@ -12,4 +12,4 @@ propertiesAfter Description siteNameLink
❌ ❌ see Note alt
❌ ❌ see Note anchorRef
❌ ❌ see Note anchorTitle
❌ ❌ see Note anchorRelation
❌ ❌ see Note src
❌ ❌ see Note hideLogo
🆕 ❌ If you want a custom image, you can hide the default one and pass anything into the children
/slot
\ No newline at end of file
+
Before Status After Description siteNameLink
❌ ❌ see Note alt
❌ ❌ see Note anchorRef
❌ ❌ see Note anchorTitle
❌ ❌ see Note anchorRelation
❌ ❌ see Note src
❌ ❌ see Note hideLogo
🆕 ❌ If you want a custom image, you can hide the default one and pass anything into the children
/slot
\ No newline at end of file
diff --git a/review/feat-switch/components/brand/docs/React.html b/review/feat-switch/components/brand/docs/React.html
index 9d4f06d0ed6..56490756734 100644
--- a/review/feat-switch/components/brand/docs/React.html
+++ b/review/feat-switch/components/brand/docs/React.html
@@ -1,4 +1,4 @@
-
DB UI Mono React
+
DB UI Mono React
For general installation and configuration take a look at the react-components package.
Use component
// App.tsx
@@ -7,4 +7,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/brand/docs/Vue.html b/review/feat-switch/components/brand/docs/Vue.html
index 0c3f9cda9fb..d8d3881eee9 100644
--- a/review/feat-switch/components/brand/docs/Vue.html
+++ b/review/feat-switch/components/brand/docs/Vue.html
@@ -1,4 +1,4 @@
-
DB UI Mono Vue
+
DB UI Mono Vue
For general installation and configuration take a look at the v-components package.
Use component
<!-- App.vue -->
@@ -9,4 +9,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/brand/how-to-use.html b/review/feat-switch/components/brand/how-to-use.html
index bcacf2813fe..b1f3cdcc868 100644
--- a/review/feat-switch/components/brand/how-to-use.html
+++ b/review/feat-switch/components/brand/how-to-use.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/brand/migration.html b/review/feat-switch/components/brand/migration.html
index e43dcd38e1d..2b265cd9cda 100644
--- a/review/feat-switch/components/brand/migration.html
+++ b/review/feat-switch/components/brand/migration.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/brand/overview.html b/review/feat-switch/components/brand/overview.html
index 549aa783426..add321c0631 100644
--- a/review/feat-switch/components/brand/overview.html
+++ b/review/feat-switch/components/brand/overview.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/brand/properties.html b/review/feat-switch/components/brand/properties.html
index 8c9b4c53efa..72c3a700a65 100644
--- a/review/feat-switch/components/brand/properties.html
+++ b/review/feat-switch/components/brand/properties.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/button.html b/review/feat-switch/components/button.html
index 4798187f104..3b0695245f8 100644
--- a/review/feat-switch/components/button.html
+++ b/review/feat-switch/components/button.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/button/code/Behaviour.html b/review/feat-switch/components/button/code/Behaviour.html
index 50f4f73fd72..aed89a2b71a 100644
--- a/review/feat-switch/components/button/code/Behaviour.html
+++ b/review/feat-switch/components/button/code/Behaviour.html
@@ -1,3 +1,3 @@
-
DB UI Mono <db-button>(Default) Auto Width</db-button>
Copy code <button class="db-button">(Default) Auto Width</button>
Copy code <DBButton>(Default) Auto Width</DBButton>
Copy code <DBButton>(Default) Auto Width</DBButton>
Copy code <db-button width="full">Width full</db-button>
Copy code <button class="db-button" data-width="full">
+DB UI Mono <db-button>(Default) Auto Width</db-button>
Copy code <button class="db-button">(Default) Auto Width</button>
Copy code <DBButton>(Default) Auto Width</DBButton>
Copy code <DBButton>(Default) Auto Width</DBButton>
Copy code <db-button width="full">Width full</db-button>
Copy code <button class="db-button" data-width="full">
Width full
-</button>
Copy code <DBButton width="full">Width full</DBButton>
Copy code <DBButton width="full">Width full</DBButton>
Copy code
\ No newline at end of file
+</button>
Copy code <DBButton width="full">Width full</DBButton>
Copy code <DBButton width="full">Width full</DBButton>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/button/code/Content.html b/review/feat-switch/components/button/code/Content.html
index b3a3933ea2c..c1cad956e84 100644
--- a/review/feat-switch/components/button/code/Content.html
+++ b/review/feat-switch/components/button/code/Content.html
@@ -1,7 +1,7 @@
-
DB UI Mono <db-button>(Default) Text</db-button>
Copy code <button class="db-button">(Default) Text</button>
Copy code <DBButton>(Default) Text</DBButton>
Copy code <DBButton>(Default) Text</DBButton>
Copy code <db-button icon="user">Icon & Text</db-button>
Copy code <button class="db-button" data-icon="user">
+DB UI Mono <db-button>(Default) Text</db-button>
Copy code <button class="db-button">(Default) Text</button>
Copy code <DBButton>(Default) Text</DBButton>
Copy code <DBButton>(Default) Text</DBButton>
Copy code <db-button icon="user">Icon & Text</db-button>
Copy code <button class="db-button" data-icon="user">
Icon & Text
</button>
Copy code <DBButton icon="user">Icon & Text</DBButton>
Copy code <DBButton icon="user">Icon & Text</DBButton>
Copy code <db-button icon="user" [noText]="true">Icon</db-button>
Copy code <button class="db-button" data-icon="user" data-no-text="true">
Icon
</button>
Copy code <DBButton icon="user" noText>
Icon
-</DBButton>
Copy code <DBButton icon="user" :noText="true">Icon</DBButton>
Copy code
\ No newline at end of file
+</DBButton>
Copy code <DBButton icon="user" :noText="true">Icon</DBButton>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/button/code/Density.html b/review/feat-switch/components/button/code/Density.html
index b2274e01f4f..51f42172d5e 100644
--- a/review/feat-switch/components/button/code/Density.html
+++ b/review/feat-switch/components/button/code/Density.html
@@ -1 +1 @@
-
DB UI Mono <db-button>Functional</db-button>
Copy code <button class="db-button">Functional</button>
Copy code <DBButton>Functional</DBButton>
Copy code <DBButton>Functional</DBButton>
Copy code <db-button>(Default) Regular</db-button>
Copy code <button class="db-button">(Default) Regular</button>
Copy code <DBButton>(Default) Regular</DBButton>
Copy code <DBButton>(Default) Regular</DBButton>
Copy code <db-button>Expressive</db-button>
Copy code <button class="db-button">Expressive</button>
Copy code <DBButton>Expressive</DBButton>
Copy code <DBButton>Expressive</DBButton>
Copy code
\ No newline at end of file
+
DB UI Mono <db-button>Functional</db-button>
Copy code <button class="db-button">Functional</button>
Copy code <DBButton>Functional</DBButton>
Copy code <DBButton>Functional</DBButton>
Copy code <db-button>(Default) Regular</db-button>
Copy code <button class="db-button">(Default) Regular</button>
Copy code <DBButton>(Default) Regular</DBButton>
Copy code <DBButton>(Default) Regular</DBButton>
Copy code <db-button>Expressive</db-button>
Copy code <button class="db-button">Expressive</button>
Copy code <DBButton>Expressive</DBButton>
Copy code <DBButton>Expressive</DBButton>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/button/code/Size.html b/review/feat-switch/components/button/code/Size.html
index f7b4e210317..c844d72f48f 100644
--- a/review/feat-switch/components/button/code/Size.html
+++ b/review/feat-switch/components/button/code/Size.html
@@ -1,3 +1,3 @@
-
DB UI Mono <db-button>(Default) Medium</db-button>
Copy code <button class="db-button">(Default) Medium</button>
Copy code <DBButton>(Default) Medium</DBButton>
Copy code <DBButton>(Default) Medium</DBButton>
Copy code <db-button size="small">Small</db-button>
Copy code <button class="db-button" data-size="small">
+DB UI Mono <db-button>(Default) Medium</db-button>
Copy code <button class="db-button">(Default) Medium</button>
Copy code <DBButton>(Default) Medium</DBButton>
Copy code <DBButton>(Default) Medium</DBButton>
Copy code <db-button size="small">Small</db-button>
Copy code <button class="db-button" data-size="small">
Small
-</button>
Copy code <DBButton size="small">Small</DBButton>
Copy code <DBButton size="small">Small</DBButton>
Copy code
\ No newline at end of file
+</button>
Copy code <DBButton size="small">Small</DBButton>
Copy code <DBButton size="small">Small</DBButton>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/button/code/State.html b/review/feat-switch/components/button/code/State.html
index 50f1e2f616e..8e08db020be 100644
--- a/review/feat-switch/components/button/code/State.html
+++ b/review/feat-switch/components/button/code/State.html
@@ -1,3 +1,3 @@
-
DB UI Mono <db-button>(Default) Enabled</db-button>
Copy code <button class="db-button">(Default) Enabled</button>
Copy code <DBButton>(Default) Enabled</DBButton>
Copy code <DBButton>(Default) Enabled</DBButton>
Copy code <db-button [disabled]="true">Disabled</db-button>
Copy code <button class="db-button" disabled="">
+DB UI Mono <db-button>(Default) Enabled</db-button>
Copy code <button class="db-button">(Default) Enabled</button>
Copy code <DBButton>(Default) Enabled</DBButton>
Copy code <DBButton>(Default) Enabled</DBButton>
Copy code <db-button [disabled]="true">Disabled</db-button>
Copy code <button class="db-button" disabled="">
Disabled
-</button>
Copy code <DBButton disabled>Disabled</DBButton>
Copy code <DBButton :disabled="true">Disabled</DBButton>
Copy code
\ No newline at end of file
+</button>
Copy code <DBButton disabled>Disabled</DBButton>
Copy code <DBButton :disabled="true">Disabled</DBButton>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/button/code/Variant.html b/review/feat-switch/components/button/code/Variant.html
index 141fc90850d..c54ed85da0b 100644
--- a/review/feat-switch/components/button/code/Variant.html
+++ b/review/feat-switch/components/button/code/Variant.html
@@ -1,7 +1,7 @@
-
DB UI Mono <db-button>(Default) Outlined - Adaptive</db-button>
Copy code <button class="db-button">(Default) Outlined - Adaptive</button>
Copy code <DBButton>(Default) Outlined - Adaptive</DBButton>
Copy code <DBButton>(Default) Outlined - Adaptive</DBButton>
Copy code <db-button variant="filled">Filled - Adaptive</db-button>
Copy code <button class="db-button" data-variant="filled">
+DB UI Mono <db-button>(Default) Outlined - Adaptive</db-button>
Copy code <button class="db-button">(Default) Outlined - Adaptive</button>
Copy code <DBButton>(Default) Outlined - Adaptive</DBButton>
Copy code <DBButton>(Default) Outlined - Adaptive</DBButton>
Copy code <db-button variant="filled">Filled - Adaptive</db-button>
Copy code <button class="db-button" data-variant="filled">
Filled - Adaptive
</button>
Copy code <DBButton variant="filled">Filled - Adaptive</DBButton>
Copy code <DBButton variant="filled">Filled - Adaptive</DBButton>
Copy code <db-button variant="ghost">Ghost - Adaptive</db-button>
Copy code <button class="db-button" data-variant="ghost">
Ghost - Adaptive
</button>
Copy code <DBButton variant="ghost">Ghost - Adaptive</DBButton>
Copy code <DBButton variant="ghost">Ghost - Adaptive</DBButton>
Copy code <db-button variant="brand">Brand</db-button>
Copy code <button class="db-button" data-variant="brand">
Brand
-</button>
Copy code <DBButton variant="brand">Brand</DBButton>
Copy code <DBButton variant="brand">Brand</DBButton>
Copy code
\ No newline at end of file
+</button>
Copy code <DBButton variant="brand">Brand</DBButton>
Copy code <DBButton variant="brand">Brand</DBButton>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/button/docs/Angular.html b/review/feat-switch/components/button/docs/Angular.html
index f655b80a2f3..a209b32e441 100644
--- a/review/feat-switch/components/button/docs/Angular.html
+++ b/review/feat-switch/components/button/docs/Angular.html
@@ -1,4 +1,4 @@
-
DB UI Mono Angular
+
DB UI Mono Angular
For general installation and configuration take a look at the ngx-components package.
Load component
// app.component.ts
@@ -14,4 +14,4 @@ Load component
<!-- app.component.html -->
<db-button variant="brand">Button</db-button>
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/review/feat-switch/components/button/docs/HTML.html b/review/feat-switch/components/button/docs/HTML.html
index f0bc75a9657..150fc35a8bd 100644
--- a/review/feat-switch/components/button/docs/HTML.html
+++ b/review/feat-switch/components/button/docs/HTML.html
@@ -1,4 +1,4 @@
-
DB UI Mono HTML
+
DB UI Mono HTML
For general installation and configuration take a look at the components package.
Use component
<!-- index.html -->
@@ -6,4 +6,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/button/docs/Migration.html b/review/feat-switch/components/button/docs/Migration.html
index 4064219042a..1563b8149dc 100644
--- a/review/feat-switch/components/button/docs/Migration.html
+++ b/review/feat-switch/components/button/docs/Migration.html
@@ -1,4 +1,4 @@
-
DB UI Mono General
+
DB UI Mono General
Note
For a general installation or migration process check out this documentation .
@@ -11,4 +11,4 @@ sizes
Before Status After Description primary
❌ ❌ not valid anymore, use outlined
buttons for those purposes brand-primary
🔁 primary
secondary-outline
🔁 outlined
secondary-solid
🔁 solid
tertiary-plain
🔁 text
icons
-Before Status After Description iconAfter
❌ ❌ not valid anymore, for buttons only icons before text are allowed iconOnly
🔁 noText
\ No newline at end of file
+
Before Status After Description iconAfter
❌ ❌ not valid anymore, for buttons only icons before text are allowed iconOnly
🔁 noText
\ No newline at end of file
diff --git a/review/feat-switch/components/button/docs/React.html b/review/feat-switch/components/button/docs/React.html
index 48e20aba45d..c17d4c10c27 100644
--- a/review/feat-switch/components/button/docs/React.html
+++ b/review/feat-switch/components/button/docs/React.html
@@ -1,4 +1,4 @@
-
DB UI Mono React
+
DB UI Mono React
For general installation and configuration take a look at the react-components package.
Use component
// App.tsx
@@ -7,4 +7,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/button/docs/Vue.html b/review/feat-switch/components/button/docs/Vue.html
index a0b7e213771..70b763d74df 100644
--- a/review/feat-switch/components/button/docs/Vue.html
+++ b/review/feat-switch/components/button/docs/Vue.html
@@ -1,4 +1,4 @@
-
DB UI Mono Vue
+
DB UI Mono Vue
For general installation and configuration take a look at the v-components package.
Use component
<!-- App.vue -->
@@ -9,4 +9,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/button/how-to-use.html b/review/feat-switch/components/button/how-to-use.html
index 5ca706d4d2a..1e67531d5b0 100644
--- a/review/feat-switch/components/button/how-to-use.html
+++ b/review/feat-switch/components/button/how-to-use.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/button/migration.html b/review/feat-switch/components/button/migration.html
index 1851b4788cd..4a6ed57f2cd 100644
--- a/review/feat-switch/components/button/migration.html
+++ b/review/feat-switch/components/button/migration.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/button/overview.html b/review/feat-switch/components/button/overview.html
index 736b4ba9123..3e80f4144d8 100644
--- a/review/feat-switch/components/button/overview.html
+++ b/review/feat-switch/components/button/overview.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/button/properties.html b/review/feat-switch/components/button/properties.html
index a3b0da95fb9..76b87ce5230 100644
--- a/review/feat-switch/components/button/properties.html
+++ b/review/feat-switch/components/button/properties.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/card.html b/review/feat-switch/components/card.html
index b85946a010a..6541234a449 100644
--- a/review/feat-switch/components/card.html
+++ b/review/feat-switch/components/card.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/card/code/Behaviour.html b/review/feat-switch/components/card/code/Behaviour.html
index 9c54be9992b..227597789e8 100644
--- a/review/feat-switch/components/card/code/Behaviour.html
+++ b/review/feat-switch/components/card/code/Behaviour.html
@@ -1,3 +1,3 @@
-
DB UI Mono <db-card>(Default) Non interactive</db-card>
Copy code <div class="db-card">(Default) Non interactive</div>
Copy code <DBCard>(Default) Non interactive</DBCard>
Copy code <DBCard>(Default) Non interactive</DBCard>
Copy code <db-card behaviour="interactive">Interactive</db-card>
Copy code <div data-behaviour="interactive" role="button" tabindex="0" class="db-card">
+DB UI Mono <db-card>(Default) Non interactive</db-card>
Copy code <div class="db-card">(Default) Non interactive</div>
Copy code <DBCard>(Default) Non interactive</DBCard>
Copy code <DBCard>(Default) Non interactive</DBCard>
Copy code <db-card behaviour="interactive">Interactive</db-card>
Copy code <div data-behaviour="interactive" role="button" tabindex="0" class="db-card">
Interactive
-</div>
Copy code <DBCard behaviour="interactive">Interactive</DBCard>
Copy code <DBCard behaviour="interactive">Interactive</DBCard>
Copy code
\ No newline at end of file
+</div>
Copy code <DBCard behaviour="interactive">Interactive</DBCard>
Copy code <DBCard behaviour="interactive">Interactive</DBCard>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/card/code/Density.html b/review/feat-switch/components/card/code/Density.html
index 2922d37fb42..765a4f24cd8 100644
--- a/review/feat-switch/components/card/code/Density.html
+++ b/review/feat-switch/components/card/code/Density.html
@@ -1 +1 @@
-
DB UI Mono <db-card>Functional</db-card>
Copy code <div class="db-card">Functional</div>
Copy code <DBCard>Functional</DBCard>
Copy code <DBCard>Functional</DBCard>
Copy code <db-card>(Default) Regular</db-card>
Copy code <div class="db-card">(Default) Regular</div>
Copy code <DBCard>(Default) Regular</DBCard>
Copy code <DBCard>(Default) Regular</DBCard>
Copy code <db-card>Expressive</db-card>
Copy code <div class="db-card">Expressive</div>
Copy code <DBCard>Expressive</DBCard>
Copy code <DBCard>Expressive</DBCard>
Copy code <db-card>functional</db-card>
Copy code <div class="db-card">functional</div>
Copy code <DBCard>functional</DBCard>
Copy code <DBCard>functional</DBCard>
Copy code
\ No newline at end of file
+
DB UI Mono <db-card>Functional</db-card>
Copy code <div class="db-card">Functional</div>
Copy code <DBCard>Functional</DBCard>
Copy code <DBCard>Functional</DBCard>
Copy code <db-card>(Default) Regular</db-card>
Copy code <div class="db-card">(Default) Regular</div>
Copy code <DBCard>(Default) Regular</DBCard>
Copy code <DBCard>(Default) Regular</DBCard>
Copy code <db-card>Expressive</db-card>
Copy code <div class="db-card">Expressive</div>
Copy code <DBCard>Expressive</DBCard>
Copy code <DBCard>Expressive</DBCard>
Copy code <db-card>functional</db-card>
Copy code <div class="db-card">functional</div>
Copy code <DBCard>functional</DBCard>
Copy code <DBCard>functional</DBCard>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/card/code/ElevationLevel.html b/review/feat-switch/components/card/code/ElevationLevel.html
index 031ea6b71bc..dd0bb56e151 100644
--- a/review/feat-switch/components/card/code/ElevationLevel.html
+++ b/review/feat-switch/components/card/code/ElevationLevel.html
@@ -1 +1 @@
-
DB UI Mono <db-card elevationLevel="1">(Default) Level 1 - Adaptive</db-card>
Copy code undefined
Copy code <DBCard elevationLevel="1">(Default) Level 1 - Adaptive</DBCard>
Copy code <DBCard elevationLevel="1">(Default) Level 1 - Adaptive</DBCard>
Copy code <db-card elevationLevel="2">Level 2 - Adaptive</db-card>
Copy code undefined
Copy code <DBCard elevationLevel="2">Level 2 - Adaptive</DBCard>
Copy code <DBCard elevationLevel="2">Level 2 - Adaptive</DBCard>
Copy code <db-card elevationLevel="3">Level 3 - Adaptive</db-card>
Copy code undefined
Copy code <DBCard elevationLevel="3">Level 3 - Adaptive</DBCard>
Copy code <DBCard elevationLevel="3">Level 3 - Adaptive</DBCard>
Copy code
\ No newline at end of file
+
DB UI Mono <db-card elevationLevel="1">(Default) Level 1 - Adaptive</db-card>
Copy code undefined
Copy code <DBCard elevationLevel="1">(Default) Level 1 - Adaptive</DBCard>
Copy code <DBCard elevationLevel="1">(Default) Level 1 - Adaptive</DBCard>
Copy code <db-card elevationLevel="2">Level 2 - Adaptive</db-card>
Copy code undefined
Copy code <DBCard elevationLevel="2">Level 2 - Adaptive</DBCard>
Copy code <DBCard elevationLevel="2">Level 2 - Adaptive</DBCard>
Copy code <db-card elevationLevel="3">Level 3 - Adaptive</db-card>
Copy code undefined
Copy code <DBCard elevationLevel="3">Level 3 - Adaptive</DBCard>
Copy code <DBCard elevationLevel="3">Level 3 - Adaptive</DBCard>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/card/code/Example.html b/review/feat-switch/components/card/code/Example.html
index 84de1e172c5..054cc9a8324 100644
--- a/review/feat-switch/components/card/code/Example.html
+++ b/review/feat-switch/components/card/code/Example.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-card elevationLevel="1" behaviour="interactive">
+DB UI Mono <db-card elevationLevel="1" behaviour="interactive">
Level 1 - Interactive
</db-card>
Copy code <div
data-behaviour="interactive"
@@ -40,4 +40,4 @@
Level 3 - Interactive
</DBCard>
Copy code <DBCard elevationLevel="3" behaviour="interactive">
Level 3 - Interactive
-</DBCard>
Copy code
\ No newline at end of file
+</DBCard>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/card/code/Spacing.html b/review/feat-switch/components/card/code/Spacing.html
index 3c71ea144da..c0840eb3095 100644
--- a/review/feat-switch/components/card/code/Spacing.html
+++ b/review/feat-switch/components/card/code/Spacing.html
@@ -1,7 +1,7 @@
-
DB UI Mono <db-card spacing="small">(Default) Small</db-card>
Copy code <div data-spacing="small" class="db-card">
+DB UI Mono <db-card spacing="small">(Default) Small</db-card>
Copy code <div data-spacing="small" class="db-card">
(Default) Small
</div>
Copy code <DBCard spacing="small">(Default) Small</DBCard>
Copy code <DBCard spacing="small">(Default) Small</DBCard>
Copy code <db-card spacing="none">No Spacing</db-card>
Copy code <div data-spacing="none" class="db-card">
No Spacing
</div>
Copy code <DBCard spacing="none">No Spacing</DBCard>
Copy code <DBCard spacing="none">No Spacing</DBCard>
Copy code <db-card spacing="medium">Medium</db-card>
Copy code <div data-spacing="medium" class="db-card">
Medium
-</div>
Copy code <DBCard spacing="medium">Medium</DBCard>
Copy code <DBCard spacing="medium">Medium</DBCard>
Copy code
\ No newline at end of file
+</div>
Copy code <DBCard spacing="medium">Medium</DBCard>
Copy code <DBCard spacing="medium">Medium</DBCard>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/card/docs/Angular.html b/review/feat-switch/components/card/docs/Angular.html
index ed63a5cb494..def8714eee0 100644
--- a/review/feat-switch/components/card/docs/Angular.html
+++ b/review/feat-switch/components/card/docs/Angular.html
@@ -1,4 +1,4 @@
-
DB UI Mono Angular
+
DB UI Mono Angular
For general installation and configuration take a look at the ngx-components package.
Load component
//app.component.ts
@@ -16,4 +16,4 @@ Load component
<!-- app.component.html -->
<db-card>Card content</db-card>
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/review/feat-switch/components/card/docs/HTML.html b/review/feat-switch/components/card/docs/HTML.html
index f92b6442dcd..b24974f1c82 100644
--- a/review/feat-switch/components/card/docs/HTML.html
+++ b/review/feat-switch/components/card/docs/HTML.html
@@ -1,4 +1,4 @@
-
DB UI Mono HTML
+
DB UI Mono HTML
For general installation and configuration take a look at the components package.
Use component
<!-- index.html -->
@@ -6,4 +6,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/card/docs/Migration.html b/review/feat-switch/components/card/docs/Migration.html
index 021026e8987..123a2d5aec8 100644
--- a/review/feat-switch/components/card/docs/Migration.html
+++ b/review/feat-switch/components/card/docs/Migration.html
@@ -1,4 +1,4 @@
-
DB UI Mono General
+
DB UI Mono General
Note
For a general installation or migration process check out this documentation .
@@ -9,4 +9,4 @@ class
Before Status After Description variant
🔁 variant
There is no default header
/content
anymore. Now you can change the card with variant="interactive"
to act like a button. header
❌ ❌ Add your own content via children/slot. content
❌ ❌ Add your own content via children/slot.
image
-Before Status After Description alt
🔁 imgAlt
image
🔁 imgSrc
🆕 imgWidth
🆕 imgHeight
illustration
❌ ❌ uiCoreIllustrationPath
❌ ❌
\ No newline at end of file
+
Before Status After Description alt
🔁 imgAlt
image
🔁 imgSrc
🆕 imgWidth
🆕 imgHeight
illustration
❌ ❌ uiCoreIllustrationPath
❌ ❌
\ No newline at end of file
diff --git a/review/feat-switch/components/card/docs/React.html b/review/feat-switch/components/card/docs/React.html
index 28fa6e0a55b..1751110b1cb 100644
--- a/review/feat-switch/components/card/docs/React.html
+++ b/review/feat-switch/components/card/docs/React.html
@@ -1,4 +1,4 @@
-
DB UI Mono React
+
DB UI Mono React
For general installation and configuration take a look at the react-components package.
Use component
// App.tsx
@@ -6,4 +6,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/card/docs/Vue.html b/review/feat-switch/components/card/docs/Vue.html
index 551698049cc..8e122edeb21 100644
--- a/review/feat-switch/components/card/docs/Vue.html
+++ b/review/feat-switch/components/card/docs/Vue.html
@@ -1,4 +1,4 @@
-
DB UI Mono Vue
+
DB UI Mono Vue
For general installation and configuration take a look at the v-components package.
Use component
<!-- App.vue -->
@@ -9,4 +9,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/card/how-to-use.html b/review/feat-switch/components/card/how-to-use.html
index 553d9a25b81..9231fcf2c22 100644
--- a/review/feat-switch/components/card/how-to-use.html
+++ b/review/feat-switch/components/card/how-to-use.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/card/migration.html b/review/feat-switch/components/card/migration.html
index b72163400b1..47c52ded3dc 100644
--- a/review/feat-switch/components/card/migration.html
+++ b/review/feat-switch/components/card/migration.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/card/overview.html b/review/feat-switch/components/card/overview.html
index 8bc18bd422e..360f04a1ed8 100644
--- a/review/feat-switch/components/card/overview.html
+++ b/review/feat-switch/components/card/overview.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/card/properties.html b/review/feat-switch/components/card/properties.html
index 366404ea45b..b771a807239 100644
--- a/review/feat-switch/components/card/properties.html
+++ b/review/feat-switch/components/card/properties.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/checkbox.html b/review/feat-switch/components/checkbox.html
index bedf3fb8bd4..21885b5a730 100644
--- a/review/feat-switch/components/checkbox.html
+++ b/review/feat-switch/components/checkbox.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/checkbox/code/Content.html b/review/feat-switch/components/checkbox/code/Content.html
index 241398101ae..f907d2b12f0 100644
--- a/review/feat-switch/components/checkbox/code/Content.html
+++ b/review/feat-switch/components/checkbox/code/Content.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-checkbox name="Content">(Default) Label</db-checkbox>
Copy code <div class="db-checkbox">
+DB UI Mono <db-checkbox name="Content">(Default) Label</db-checkbox>
Copy code <div class="db-checkbox">
<label for="OVERWRITE_DEFAULT_ID">
<input
type="checkbox"
@@ -58,4 +58,4 @@
No Label
</DBCheckbox>
Copy code <DBCheckbox name="Content" variant="hidden">
No Label
-</DBCheckbox>
Copy code
\ No newline at end of file
+</DBCheckbox>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/checkbox/code/Density.html b/review/feat-switch/components/checkbox/code/Density.html
index 21e0720db0c..712ced468da 100644
--- a/review/feat-switch/components/checkbox/code/Density.html
+++ b/review/feat-switch/components/checkbox/code/Density.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-checkbox name="Density">Functional</db-checkbox>
Copy code <div class="db-checkbox">
+DB UI Mono <db-checkbox name="Density">Functional</db-checkbox>
Copy code <div class="db-checkbox">
<label for="OVERWRITE_DEFAULT_ID">
<input
type="checkbox"
@@ -79,4 +79,4 @@
>
TODO: Add an invalidMessage
</span>
-</div>
Copy code <DBCheckbox name="Density">Expressive</DBCheckbox>
Copy code <DBCheckbox name="Density">Expressive</DBCheckbox>
Copy code
\ No newline at end of file
+</div>
Copy code <DBCheckbox name="Density">Expressive</DBCheckbox>
Copy code <DBCheckbox name="Density">Expressive</DBCheckbox>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/checkbox/code/InteractionStates.html b/review/feat-switch/components/checkbox/code/InteractionStates.html
index b31b2475b60..2d47cc564f1 100644
--- a/review/feat-switch/components/checkbox/code/InteractionStates.html
+++ b/review/feat-switch/components/checkbox/code/InteractionStates.html
@@ -1,3 +1,3 @@
-
DB UI Mono <db-checkbox name="Interaction States">(Default) Enabled</db-checkbox>
Copy code undefined
Copy code <DBCheckbox name="Interaction States">(Default) Enabled</DBCheckbox>
Copy code <DBCheckbox name="Interaction States">(Default) Enabled</DBCheckbox>
Copy code <db-checkbox name="Interaction States" [disabled]="true">Disabled</db-checkbox>
Copy code undefined
Copy code <DBCheckbox name="Interaction States" disabled>
+DB UI Mono <db-checkbox name="Interaction States">(Default) Enabled</db-checkbox>
Copy code undefined
Copy code <DBCheckbox name="Interaction States">(Default) Enabled</DBCheckbox>
Copy code <DBCheckbox name="Interaction States">(Default) Enabled</DBCheckbox>
Copy code <db-checkbox name="Interaction States" [disabled]="true">Disabled</db-checkbox>
Copy code undefined
Copy code <DBCheckbox name="Interaction States" disabled>
Disabled
-</DBCheckbox>
Copy code <DBCheckbox name="Interaction States" :disabled="true">Disabled</DBCheckbox>
Copy code
\ No newline at end of file
+</DBCheckbox>
Copy code <DBCheckbox name="Interaction States" :disabled="true">Disabled</DBCheckbox>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/checkbox/code/Requirement.html b/review/feat-switch/components/checkbox/code/Requirement.html
index 802f3effcbe..9afab48c5df 100644
--- a/review/feat-switch/components/checkbox/code/Requirement.html
+++ b/review/feat-switch/components/checkbox/code/Requirement.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-checkbox name="Requirement">(Default) Optional</db-checkbox>
Copy code <div class="db-checkbox">
+DB UI Mono <db-checkbox name="Requirement">(Default) Optional</db-checkbox>
Copy code <div class="db-checkbox">
<label for="OVERWRITE_DEFAULT_ID">
<input
type="checkbox"
@@ -84,4 +84,4 @@
</span>
</div>
Copy code <DBCheckbox name="Requirement" indeterminate>
Required - Indeterminate
-</DBCheckbox>
Copy code <DBCheckbox name="Requirement" :indeterminate="true">Required - Indeterminate</DBCheckbox>
Copy code
\ No newline at end of file
+</DBCheckbox>
Copy code <DBCheckbox name="Requirement" :indeterminate="true">Required - Indeterminate</DBCheckbox>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/checkbox/code/Size.html b/review/feat-switch/components/checkbox/code/Size.html
index 1b855ee04ba..2e0ef9f91a6 100644
--- a/review/feat-switch/components/checkbox/code/Size.html
+++ b/review/feat-switch/components/checkbox/code/Size.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-checkbox name="Size">(Default) Medium</db-checkbox>
Copy code <div class="db-checkbox">
+DB UI Mono <db-checkbox name="Size">(Default) Medium</db-checkbox>
Copy code <div class="db-checkbox">
<label for="OVERWRITE_DEFAULT_ID">
<input
type="checkbox"
@@ -58,4 +58,4 @@
Small
</DBCheckbox>
Copy code <DBCheckbox name="Size" size="small">
Small
-</DBCheckbox>
Copy code
\ No newline at end of file
+</DBCheckbox>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/checkbox/code/States.html b/review/feat-switch/components/checkbox/code/States.html
index 323b39aa76f..c158ccf5657 100644
--- a/review/feat-switch/components/checkbox/code/States.html
+++ b/review/feat-switch/components/checkbox/code/States.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-checkbox name="States">(Default) Unchecked</db-checkbox>
Copy code <div class="db-checkbox">
+DB UI Mono <db-checkbox name="States">(Default) Unchecked</db-checkbox>
Copy code <div class="db-checkbox">
<label for="OVERWRITE_DEFAULT_ID">
<input
type="checkbox"
@@ -206,4 +206,4 @@
</span>
</div>
Copy code <DBCheckbox name="States" indeterminate required checked>
Indeterminate - Valid
-</DBCheckbox>
Copy code <DBCheckbox name="States" :indeterminate="true" :required="true" :checked="true">Indeterminate - Valid</DBCheckbox>
Copy code
\ No newline at end of file
+</DBCheckbox>
Copy code <DBCheckbox name="States" :indeterminate="true" :required="true" :checked="true">Indeterminate - Valid</DBCheckbox>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/checkbox/docs/Angular.html b/review/feat-switch/components/checkbox/docs/Angular.html
index 4b3ec5ec156..0f4aee2f30c 100644
--- a/review/feat-switch/components/checkbox/docs/Angular.html
+++ b/review/feat-switch/components/checkbox/docs/Angular.html
@@ -1,4 +1,4 @@
-
DB UI Mono Angular
+
DB UI Mono Angular
For general installation and configuration take a look at the ngx-components package.
Load component
// app.component.ts
@@ -80,4 +80,4 @@
-
coming soon … if your interested in contributing, you're very welcome ;)
\ No newline at end of file
+
coming soon … if your interested in contributing, you're very welcome ;)
\ No newline at end of file
diff --git a/review/feat-switch/components/checkbox/docs/HTML.html b/review/feat-switch/components/checkbox/docs/HTML.html
index f49fb913bdc..56a5f3f117b 100644
--- a/review/feat-switch/components/checkbox/docs/HTML.html
+++ b/review/feat-switch/components/checkbox/docs/HTML.html
@@ -1,4 +1,4 @@
-
DB UI Mono HTML
+
DB UI Mono HTML
For general installation and configuration take a look at the components package.
Use component
<!-- index.html -->
@@ -9,4 +9,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/checkbox/docs/Migration.html b/review/feat-switch/components/checkbox/docs/Migration.html
index af18d8a7abc..950a20710b3 100644
--- a/review/feat-switch/components/checkbox/docs/Migration.html
+++ b/review/feat-switch/components/checkbox/docs/Migration.html
@@ -1,4 +1,4 @@
-
DB UI Mono General
+
DB UI Mono General
Note
For a general installation or migration process check out this documentation .
@@ -7,4 +7,4 @@ DB UI Core ➡ DB UI Componentsclass
Before Status After Description elm-checkbox
🔁 db-checkbox
id
-Before Status After Description input_id
🔁 id
\ No newline at end of file
+
Before Status After Description input_id
🔁 id
\ No newline at end of file
diff --git a/review/feat-switch/components/checkbox/docs/React.html b/review/feat-switch/components/checkbox/docs/React.html
index ac49dec4e4e..784988147b7 100644
--- a/review/feat-switch/components/checkbox/docs/React.html
+++ b/review/feat-switch/components/checkbox/docs/React.html
@@ -1,4 +1,4 @@
-
DB UI Mono React
+
DB UI Mono React
For general installation and configuration take a look at the react-components package.
Use component
// App.tsx
@@ -22,4 +22,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/checkbox/docs/Vue.html b/review/feat-switch/components/checkbox/docs/Vue.html
index b93121e0c80..09755a9a83e 100644
--- a/review/feat-switch/components/checkbox/docs/Vue.html
+++ b/review/feat-switch/components/checkbox/docs/Vue.html
@@ -1,4 +1,4 @@
-
DB UI Mono Vue
+
DB UI Mono Vue
For general installation and configuration take a look at the v-components package.
Use component
<!-- App.vue -->
@@ -13,4 +13,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/checkbox/how-to-use.html b/review/feat-switch/components/checkbox/how-to-use.html
index 8a5b007b37c..c8afb7a4186 100644
--- a/review/feat-switch/components/checkbox/how-to-use.html
+++ b/review/feat-switch/components/checkbox/how-to-use.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/checkbox/migration.html b/review/feat-switch/components/checkbox/migration.html
index c9fbdca35b4..55537ad9bfc 100644
--- a/review/feat-switch/components/checkbox/migration.html
+++ b/review/feat-switch/components/checkbox/migration.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/checkbox/overview.html b/review/feat-switch/components/checkbox/overview.html
index 7b3d42b42f6..73d3c5327b4 100644
--- a/review/feat-switch/components/checkbox/overview.html
+++ b/review/feat-switch/components/checkbox/overview.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/checkbox/properties.html b/review/feat-switch/components/checkbox/properties.html
index cf8f20ffece..a6210538ab1 100644
--- a/review/feat-switch/components/checkbox/properties.html
+++ b/review/feat-switch/components/checkbox/properties.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/divider.html b/review/feat-switch/components/divider.html
index 7b9803ccedd..03d32205204 100644
--- a/review/feat-switch/components/divider.html
+++ b/review/feat-switch/components/divider.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/divider/code/Density.html b/review/feat-switch/components/divider/code/Density.html
index 0b9f0e86f8d..4972020a385 100644
--- a/review/feat-switch/components/divider/code/Density.html
+++ b/review/feat-switch/components/divider/code/Density.html
@@ -1 +1 @@
-
DB UI Mono <db-divider>Functional</db-divider>
Copy code <div class="db-divider"></div>
Copy code <DBDivider>Functional</DBDivider>
Copy code <DBDivider>Functional</DBDivider>
Copy code <db-divider>(Default) Regular</db-divider>
Copy code <div class="db-divider"></div>
Copy code <DBDivider>(Default) Regular</DBDivider>
Copy code <DBDivider>(Default) Regular</DBDivider>
Copy code <db-divider>Expressive</db-divider>
Copy code <div class="db-divider"></div>
Copy code <DBDivider>Expressive</DBDivider>
Copy code <DBDivider>Expressive</DBDivider>
Copy code
\ No newline at end of file
+
DB UI Mono <db-divider>Functional</db-divider>
Copy code <div class="db-divider"></div>
Copy code <DBDivider>Functional</DBDivider>
Copy code <DBDivider>Functional</DBDivider>
Copy code <db-divider>(Default) Regular</db-divider>
Copy code <div class="db-divider"></div>
Copy code <DBDivider>(Default) Regular</DBDivider>
Copy code <DBDivider>(Default) Regular</DBDivider>
Copy code <db-divider>Expressive</db-divider>
Copy code <div class="db-divider"></div>
Copy code <DBDivider>Expressive</DBDivider>
Copy code <DBDivider>Expressive</DBDivider>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/divider/code/Emphasis.html b/review/feat-switch/components/divider/code/Emphasis.html
index 6055a097602..bdbf76e3937 100644
--- a/review/feat-switch/components/divider/code/Emphasis.html
+++ b/review/feat-switch/components/divider/code/Emphasis.html
@@ -1 +1 @@
-
DB UI Mono <db-divider>(Default) Weak</db-divider>
Copy code <div class="db-divider"></div>
Copy code <DBDivider>(Default) Weak</DBDivider>
Copy code <DBDivider>(Default) Weak</DBDivider>
Copy code <db-divider emphasis="strong">Strong</db-divider>
Copy code <div data-emphasis="strong" class="db-divider"></div>
Copy code <DBDivider emphasis="strong">Strong</DBDivider>
Copy code <DBDivider emphasis="strong">Strong</DBDivider>
Copy code
\ No newline at end of file
+
DB UI Mono <db-divider>(Default) Weak</db-divider>
Copy code <div class="db-divider"></div>
Copy code <DBDivider>(Default) Weak</DBDivider>
Copy code <DBDivider>(Default) Weak</DBDivider>
Copy code <db-divider emphasis="strong">Strong</db-divider>
Copy code <div data-emphasis="strong" class="db-divider"></div>
Copy code <DBDivider emphasis="strong">Strong</DBDivider>
Copy code <DBDivider emphasis="strong">Strong</DBDivider>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/divider/code/Variant.html b/review/feat-switch/components/divider/code/Variant.html
index 3817e01f9cb..a407bc7ae07 100644
--- a/review/feat-switch/components/divider/code/Variant.html
+++ b/review/feat-switch/components/divider/code/Variant.html
@@ -1 +1 @@
-
DB UI Mono <db-divider>(Default) Adaptive - Horizontal</db-divider>
Copy code <div class="db-divider"></div>
Copy code <DBDivider>(Default) Adaptive - Horizontal</DBDivider>
Copy code <DBDivider>(Default) Adaptive - Horizontal</DBDivider>
Copy code <db-divider variant="vertical">Adaptive - Vertical</db-divider>
Copy code <div data-variant="vertical" class="db-divider"></div>
Copy code <DBDivider variant="vertical">Adaptive - Vertical</DBDivider>
Copy code <DBDivider variant="vertical">Adaptive - Vertical</DBDivider>
Copy code
\ No newline at end of file
+
DB UI Mono <db-divider>(Default) Adaptive - Horizontal</db-divider>
Copy code <div class="db-divider"></div>
Copy code <DBDivider>(Default) Adaptive - Horizontal</DBDivider>
Copy code <DBDivider>(Default) Adaptive - Horizontal</DBDivider>
Copy code <db-divider variant="vertical">Adaptive - Vertical</db-divider>
Copy code <div data-variant="vertical" class="db-divider"></div>
Copy code <DBDivider variant="vertical">Adaptive - Vertical</DBDivider>
Copy code <DBDivider variant="vertical">Adaptive - Vertical</DBDivider>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/divider/docs/Angular.html b/review/feat-switch/components/divider/docs/Angular.html
index f9e1cfcabd6..42c68eef038 100644
--- a/review/feat-switch/components/divider/docs/Angular.html
+++ b/review/feat-switch/components/divider/docs/Angular.html
@@ -1,4 +1,4 @@
-
DB UI Mono Angular
+
DB UI Mono Angular
For general installation and configuration take a look at the ngx-components package.
Load component
// app.component.ts
@@ -14,4 +14,4 @@ Load component
<!-- app.component.html -->
<db-divider></db-divider>
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/review/feat-switch/components/divider/docs/HTML.html b/review/feat-switch/components/divider/docs/HTML.html
index 46a19db3013..f62891f95bc 100644
--- a/review/feat-switch/components/divider/docs/HTML.html
+++ b/review/feat-switch/components/divider/docs/HTML.html
@@ -1,4 +1,4 @@
-
DB UI Mono HTML
+
DB UI Mono HTML
For general installation and configuration take a look at the components package.
Use component
<!-- index.html -->
@@ -6,4 +6,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/divider/docs/Migration.html b/review/feat-switch/components/divider/docs/Migration.html
index 9ad62b17d79..ce870561349 100644
--- a/review/feat-switch/components/divider/docs/Migration.html
+++ b/review/feat-switch/components/divider/docs/Migration.html
@@ -1,7 +1,7 @@
-
DB UI Mono General
+
DB UI Mono General
Note
For a general installation or migration process check out this documentation .
DB UI Core ➡ DB UI Components
-
New Component 🥳
\ No newline at end of file
+
New Component 🥳
\ No newline at end of file
diff --git a/review/feat-switch/components/divider/docs/React.html b/review/feat-switch/components/divider/docs/React.html
index a3c41211b59..4724025ec0f 100644
--- a/review/feat-switch/components/divider/docs/React.html
+++ b/review/feat-switch/components/divider/docs/React.html
@@ -1,4 +1,4 @@
-
DB UI Mono React
+
DB UI Mono React
For general installation and configuration take a look at the react-components package.
Use component
// App.tsx
@@ -7,4 +7,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/divider/docs/Vue.html b/review/feat-switch/components/divider/docs/Vue.html
index 6dae846484e..ec8cd9f8739 100644
--- a/review/feat-switch/components/divider/docs/Vue.html
+++ b/review/feat-switch/components/divider/docs/Vue.html
@@ -1,4 +1,4 @@
-
DB UI Mono Vue
+
DB UI Mono Vue
For general installation and configuration take a look at the v-components package.
Use component
<!-- App.vue -->
@@ -9,4 +9,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/divider/how-to-use.html b/review/feat-switch/components/divider/how-to-use.html
index f4d4467067b..3c42a870a86 100644
--- a/review/feat-switch/components/divider/how-to-use.html
+++ b/review/feat-switch/components/divider/how-to-use.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/divider/migration.html b/review/feat-switch/components/divider/migration.html
index ea0813a713a..3da0474526f 100644
--- a/review/feat-switch/components/divider/migration.html
+++ b/review/feat-switch/components/divider/migration.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/divider/overview.html b/review/feat-switch/components/divider/overview.html
index c5600da8b66..5b794d83c55 100644
--- a/review/feat-switch/components/divider/overview.html
+++ b/review/feat-switch/components/divider/overview.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/divider/properties.html b/review/feat-switch/components/divider/properties.html
index 4bfb35aad07..c1307a1f36e 100644
--- a/review/feat-switch/components/divider/properties.html
+++ b/review/feat-switch/components/divider/properties.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/drawer.html b/review/feat-switch/components/drawer.html
index 435647f4b56..f321d8d83eb 100644
--- a/review/feat-switch/components/drawer.html
+++ b/review/feat-switch/components/drawer.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/drawer/code/Backdrop.html b/review/feat-switch/components/drawer/code/Backdrop.html
index 2e116c2ac2b..710e3c267ea 100644
--- a/review/feat-switch/components/drawer/code/Backdrop.html
+++ b/review/feat-switch/components/drawer/code/Backdrop.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-drawer [withCloseButton]="true" [open]="openDrawer" (onClose)="toggleDrawer(false)">
+DB UI Mono <db-drawer [withCloseButton]="true" [open]="openDrawer" (onClose)="toggleDrawer(false)">
With Backdrop (Default)
</db-drawer>
Copy code <dialog class="db-drawer" data-backdrop="strong" open>
<article class="db-drawer-container">
@@ -93,4 +93,4 @@
}}
>
No Backdrop
-</DBDrawer>
Copy code <DBDrawer backdrop="none" :withCloseButton="true" :open="openDrawer" @close="toggleDrawer(false)">No Backdrop</DBDrawer>
Copy code
\ No newline at end of file
+</DBDrawer>
Copy code <DBDrawer backdrop="none" :withCloseButton="true" :open="openDrawer" @close="toggleDrawer(false)">No Backdrop</DBDrawer>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/drawer/code/Density.html b/review/feat-switch/components/drawer/code/Density.html
index d5fcff65594..d71003c61b0 100644
--- a/review/feat-switch/components/drawer/code/Density.html
+++ b/review/feat-switch/components/drawer/code/Density.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-drawer [open]="openDrawer" (onClose)="toggleDrawer(false)">
+DB UI Mono <db-drawer [open]="openDrawer" (onClose)="toggleDrawer(false)">
functional
</db-drawer>
Copy code <dialog class="db-drawer" data-backdrop="strong" open>
<article class="db-drawer-container">
@@ -70,4 +70,4 @@
expressive
</DBDrawer>
Copy code <DBDrawer :open="openDrawer" @close="toggleDrawer(false)">
expressive
- </DBDrawer>
Copy code
\ No newline at end of file
+ </DBDrawer>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/drawer/code/Directions.html b/review/feat-switch/components/drawer/code/Directions.html
index 9c6002d23e4..43d73729c26 100644
--- a/review/feat-switch/components/drawer/code/Directions.html
+++ b/review/feat-switch/components/drawer/code/Directions.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-drawer [withCloseButton]="true" [open]="openDrawer" (onClose)="toggleDrawer(false)">
+DB UI Mono <db-drawer [withCloseButton]="true" [open]="openDrawer" (onClose)="toggleDrawer(false)">
Right (Default)
</db-drawer>
Copy code <dialog class="db-drawer" data-backdrop="strong" open>
<article class="db-drawer-container">
@@ -93,4 +93,4 @@
}}
>
Down
-</DBDrawer>
Copy code <DBDrawer direction="left" :withCloseButton="true" :open="openDrawer" @close="toggleDrawer(false)">Down</DBDrawer>
Copy code
\ No newline at end of file
+</DBDrawer>
Copy code <DBDrawer direction="left" :withCloseButton="true" :open="openDrawer" @close="toggleDrawer(false)">Down</DBDrawer>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/drawer/code/Rounded.html b/review/feat-switch/components/drawer/code/Rounded.html
index 79c5efcb7bf..f3e4bd08d99 100644
--- a/review/feat-switch/components/drawer/code/Rounded.html
+++ b/review/feat-switch/components/drawer/code/Rounded.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-drawer [withCloseButton]="true" [open]="openDrawer" (onClose)="toggleDrawer(false)">
+DB UI Mono <db-drawer [withCloseButton]="true" [open]="openDrawer" (onClose)="toggleDrawer(false)">
No rounding (Default)
</db-drawer>
Copy code <dialog class="db-drawer" data-backdrop="strong" open>
<article class="db-drawer-container">
@@ -45,4 +45,4 @@
}}
>
Rounded
-</DBDrawer>
Copy code <DBDrawer :rounded="true" :withCloseButton="true" :open="openDrawer" @close="toggleDrawer(false)">Rounded</DBDrawer>
Copy code
\ No newline at end of file
+</DBDrawer>
Copy code <DBDrawer :rounded="true" :withCloseButton="true" :open="openDrawer" @close="toggleDrawer(false)">Rounded</DBDrawer>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/drawer/code/Size.html b/review/feat-switch/components/drawer/code/Size.html
index 6ec36e1989b..cb924e41703 100644
--- a/review/feat-switch/components/drawer/code/Size.html
+++ b/review/feat-switch/components/drawer/code/Size.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-drawer [withCloseButton]="true" [open]="openDrawer" (onClose)="toggleDrawer(false)">
+DB UI Mono <db-drawer [withCloseButton]="true" [open]="openDrawer" (onClose)="toggleDrawer(false)">
With padding (Default)
</db-drawer>
Copy code <dialog class="db-drawer" data-backdrop="strong" open>
<article class="db-drawer-container">
@@ -47,4 +47,4 @@
Full
</DBDrawer>
Copy code <DBDrawer :withCloseButton="true" width="full" :open="openDrawer" @close="toggleDrawer(false)">
Full
- </DBDrawer>
Copy code
\ No newline at end of file
+ </DBDrawer>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/drawer/code/Spacing.html b/review/feat-switch/components/drawer/code/Spacing.html
index 3f44c7eb434..0f868201496 100644
--- a/review/feat-switch/components/drawer/code/Spacing.html
+++ b/review/feat-switch/components/drawer/code/Spacing.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-drawer [withCloseButton]="true" [open]="openDrawer" (onClose)="toggleDrawer(false)">
+DB UI Mono <db-drawer [withCloseButton]="true" [open]="openDrawer" (onClose)="toggleDrawer(false)">
Medium (Default)
</db-drawer>
Copy code <dialog class="db-drawer" data-backdrop="strong" open>
<article class="db-drawer-container">
@@ -93,4 +93,4 @@
}}
>
None
-</DBDrawer>
Copy code <DBDrawer spacing="none" :withCloseButton="true" :open="openDrawer" @close="toggleDrawer(false)">None</DBDrawer>
Copy code
\ No newline at end of file
+</DBDrawer>
Copy code <DBDrawer spacing="none" :withCloseButton="true" :open="openDrawer" @close="toggleDrawer(false)">None</DBDrawer>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/drawer/docs/Angular.html b/review/feat-switch/components/drawer/docs/Angular.html
index 37591947ace..9c45c190fa3 100644
--- a/review/feat-switch/components/drawer/docs/Angular.html
+++ b/review/feat-switch/components/drawer/docs/Angular.html
@@ -1,4 +1,4 @@
-
DB UI Mono Angular
+
DB UI Mono Angular
For general installation and configuration take a look at the ngx-components package.
General
If you use width !== full
you are able to overwrite the max-width
with --db-drawer-max-width:
CSS variable.
@@ -28,4 +28,4 @@
Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/drawer/docs/HTML.html b/review/feat-switch/components/drawer/docs/HTML.html
index 9138787ed94..45f1d597113 100644
--- a/review/feat-switch/components/drawer/docs/HTML.html
+++ b/review/feat-switch/components/drawer/docs/HTML.html
@@ -1,4 +1,4 @@
-
DB UI Mono HTML
+
DB UI Mono HTML
For general installation and configuration take a look at the components package.
General
If you use width !== full
you are able to overwrite the max-width
with --db-drawer-max-width:
CSS variable.
@@ -21,4 +21,4 @@
Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/drawer/docs/Migration.html b/review/feat-switch/components/drawer/docs/Migration.html
index e86803c7c1d..c960918d904 100644
--- a/review/feat-switch/components/drawer/docs/Migration.html
+++ b/review/feat-switch/components/drawer/docs/Migration.html
@@ -1,7 +1,7 @@
-
DB UI Mono General
+
DB UI Mono General
Note
For a general installation or migration process check out this documentation .
DB UI Core ➡ DB UI Components
-
New Component 🥳
\ No newline at end of file
+
New Component 🥳
\ No newline at end of file
diff --git a/review/feat-switch/components/drawer/docs/React.html b/review/feat-switch/components/drawer/docs/React.html
index 5dc0d6cab3f..168abdc191d 100644
--- a/review/feat-switch/components/drawer/docs/React.html
+++ b/review/feat-switch/components/drawer/docs/React.html
@@ -1,4 +1,4 @@
-
DB UI Mono React
+
DB UI Mono React
For general installation and configuration take a look at the react-components package.
General
If you use width !== full
you are able to overwrite the max-width
with --db-drawer-max-width:
CSS variable.
@@ -31,4 +31,4 @@
Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/drawer/docs/Vue.html b/review/feat-switch/components/drawer/docs/Vue.html
index 310d2d6541f..7f3ba01ad12 100644
--- a/review/feat-switch/components/drawer/docs/Vue.html
+++ b/review/feat-switch/components/drawer/docs/Vue.html
@@ -1,4 +1,4 @@
-
DB UI Mono Vue
+
DB UI Mono Vue
For general installation and configuration take a look at the v-components package.
General
If you use width !== full
you are able to overwrite the max-width
with --db-drawer-max-width:
CSS variable.
@@ -21,4 +21,4 @@
Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/drawer/how-to-use.html b/review/feat-switch/components/drawer/how-to-use.html
index 76abed75a85..8957db542d9 100644
--- a/review/feat-switch/components/drawer/how-to-use.html
+++ b/review/feat-switch/components/drawer/how-to-use.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/drawer/migration.html b/review/feat-switch/components/drawer/migration.html
index 89d14563dd8..dd709b7c764 100644
--- a/review/feat-switch/components/drawer/migration.html
+++ b/review/feat-switch/components/drawer/migration.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/drawer/overview.html b/review/feat-switch/components/drawer/overview.html
index 90c4b199a29..85926c6be7e 100644
--- a/review/feat-switch/components/drawer/overview.html
+++ b/review/feat-switch/components/drawer/overview.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/drawer/properties.html b/review/feat-switch/components/drawer/properties.html
index 50a5805ed76..cb904f6bc33 100644
--- a/review/feat-switch/components/drawer/properties.html
+++ b/review/feat-switch/components/drawer/properties.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/header.html b/review/feat-switch/components/header.html
index 31be06145b1..d234fd9be58 100644
--- a/review/feat-switch/components/header.html
+++ b/review/feat-switch/components/header.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/header/code/Behaviour.html b/review/feat-switch/components/header/code/Behaviour.html
index f54c4ea227e..922d90dea89 100644
--- a/review/feat-switch/components/header/code/Behaviour.html
+++ b/review/feat-switch/components/header/code/Behaviour.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-header>
+DB UI Mono <db-header>
<db-brand brand>DBHeader</db-brand>
<db-main-navigation *dbNavigation>
<db-navigation-item icon="account"><a>Desktop (full width)</a></db-navigation-item><db-navigation-item disabled><a>Desktop (full width) disabled</a></db-navigation-item>
@@ -599,4 +599,4 @@
<a href="#">Mobile disabled</a>
</DBNavigationItem>
</DBMainNavigation>
- </DBHeader>
Copy code
\ No newline at end of file
+ </DBHeader>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/header/code/Tonality.html b/review/feat-switch/components/header/code/Tonality.html
index 6d47ca3a776..d57bc2d6b01 100644
--- a/review/feat-switch/components/header/code/Tonality.html
+++ b/review/feat-switch/components/header/code/Tonality.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-header>
+DB UI Mono <db-header>
<db-brand brand>DBHeader</db-brand>
<db-main-navigation *dbNavigation>
<db-navigation-item icon="account"><a>functional</a></db-navigation-item><db-navigation-item disabled><a>functional disabled</a></db-navigation-item>
@@ -898,4 +898,4 @@
<a href="#">expressive disabled</a>
</DBNavigationItem>
</DBMainNavigation>
- </DBHeader>
Copy code
\ No newline at end of file
+ </DBHeader>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/header/docs/Angular.html b/review/feat-switch/components/header/docs/Angular.html
index dc80569b0c2..a0f94af8ce0 100644
--- a/review/feat-switch/components/header/docs/Angular.html
+++ b/review/feat-switch/components/header/docs/Angular.html
@@ -1,4 +1,4 @@
-
DB UI Mono Angular
+
DB UI Mono Angular
For general installation and configuration take a look at the ngx-components package.
Load component
//app.component.ts
@@ -70,4 +70,4 @@ Full
\ No newline at end of file
diff --git a/review/feat-switch/components/header/docs/HTML.html b/review/feat-switch/components/header/docs/HTML.html
index 783940e5a8f..792f1e6a0d5 100644
--- a/review/feat-switch/components/header/docs/HTML.html
+++ b/review/feat-switch/components/header/docs/HTML.html
@@ -1,4 +1,4 @@
-
DB UI Mono HTML
+
DB UI Mono HTML
For general installation and configuration take a look at the components package.
Use component
<!-- index.html -->
@@ -204,4 +204,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/header/docs/Migration.html b/review/feat-switch/components/header/docs/Migration.html
index 1c77b2d6381..4c2e8d27e29 100644
--- a/review/feat-switch/components/header/docs/Migration.html
+++ b/review/feat-switch/components/header/docs/Migration.html
@@ -1,4 +1,4 @@
-
DB UI Mono General
+
DB UI Mono General
Note
For a general installation or migration process check out this documentation .
@@ -7,4 +7,4 @@ DB UI Core ➡ DB UI Componentsclass
Before Status After Description rea-header
🔁 db-header
mobile
-Before Status After Description mobile
🔁 forceMobile
forces the burger menu for desktop
\ No newline at end of file
+
Before Status After Description mobile
🔁 forceMobile
forces the burger menu for desktop
\ No newline at end of file
diff --git a/review/feat-switch/components/header/docs/React.html b/review/feat-switch/components/header/docs/React.html
index 93148f7abc1..104db0274ef 100644
--- a/review/feat-switch/components/header/docs/React.html
+++ b/review/feat-switch/components/header/docs/React.html
@@ -1,4 +1,4 @@
-
DB UI Mono React
+
DB UI Mono React
For general installation and configuration take a look at the react-components package.
Use component
Simple
@@ -54,4 +54,4 @@
Full
\ No newline at end of file
diff --git a/review/feat-switch/components/header/docs/Vue.html b/review/feat-switch/components/header/docs/Vue.html
index d81c427e185..a976165675c 100644
--- a/review/feat-switch/components/header/docs/Vue.html
+++ b/review/feat-switch/components/header/docs/Vue.html
@@ -1,4 +1,4 @@
-
DB UI Mono Vue
+
DB UI Mono Vue
For general installation and configuration take a look at the v-components package.
Use component
Simple
@@ -58,4 +58,4 @@
Full
\ No newline at end of file
diff --git a/review/feat-switch/components/header/how-to-use.html b/review/feat-switch/components/header/how-to-use.html
index 0c0da616856..cfe4221f6e2 100644
--- a/review/feat-switch/components/header/how-to-use.html
+++ b/review/feat-switch/components/header/how-to-use.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/header/migration.html b/review/feat-switch/components/header/migration.html
index 1647ac13483..674733be953 100644
--- a/review/feat-switch/components/header/migration.html
+++ b/review/feat-switch/components/header/migration.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/header/overview.html b/review/feat-switch/components/header/overview.html
index 1e8a03cb34e..6825703465b 100644
--- a/review/feat-switch/components/header/overview.html
+++ b/review/feat-switch/components/header/overview.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/header/properties.html b/review/feat-switch/components/header/properties.html
index d701326dbd5..5015fa8109d 100644
--- a/review/feat-switch/components/header/properties.html
+++ b/review/feat-switch/components/header/properties.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/icon.html b/review/feat-switch/components/icon.html
index 3a011243daa..cc7fa72452a 100644
--- a/review/feat-switch/components/icon.html
+++ b/review/feat-switch/components/icon.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/icon/code/Density.html b/review/feat-switch/components/icon/code/Density.html
index 95eff19f609..9bb4cbf1621 100644
--- a/review/feat-switch/components/icon/code/Density.html
+++ b/review/feat-switch/components/icon/code/Density.html
@@ -1,7 +1,7 @@
-
DB UI Mono <db-icon>Functional</db-icon>
Copy code <span aria-hidden="true" class="db-icon">
+DB UI Mono <db-icon>Functional</db-icon>
Copy code <span aria-hidden="true" class="db-icon">
Functional
</span>
Copy code <DBIcon>Functional</DBIcon>
Copy code <DBIcon>Functional</DBIcon>
Copy code <db-icon>(Default) Regular</db-icon>
Copy code <span aria-hidden="true" class="db-icon">
(Default) Regular
</span>
Copy code <DBIcon>(Default) Regular</DBIcon>
Copy code <DBIcon>(Default) Regular</DBIcon>
Copy code <db-icon>Expressive</db-icon>
Copy code <span aria-hidden="true" class="db-icon">
Expressive
-</span>
Copy code <DBIcon>Expressive</DBIcon>
Copy code <DBIcon>Expressive</DBIcon>
Copy code
\ No newline at end of file
+</span>
Copy code <DBIcon>Expressive</DBIcon>
Copy code <DBIcon>Expressive</DBIcon>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/icon/docs/Angular.html b/review/feat-switch/components/icon/docs/Angular.html
index 1ea5b51f5ae..1458d5a75c8 100644
--- a/review/feat-switch/components/icon/docs/Angular.html
+++ b/review/feat-switch/components/icon/docs/Angular.html
@@ -1,4 +1,4 @@
-
DB UI Mono Angular
+
DB UI Mono Angular
For general installation and configuration take a look at the ngx-components package.
Load component
// app.component.ts
@@ -14,4 +14,4 @@ Load component
<!-- app.component.html -->
<db-icon icon="user">Icon</db-icon>
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/review/feat-switch/components/icon/docs/HTML.html b/review/feat-switch/components/icon/docs/HTML.html
index 347d32e239e..774e46771a8 100644
--- a/review/feat-switch/components/icon/docs/HTML.html
+++ b/review/feat-switch/components/icon/docs/HTML.html
@@ -1,4 +1,4 @@
-
DB UI Mono HTML
+
DB UI Mono HTML
For general installation and configuration take a look at the components package.
Use component
You could use the data-icon
or data-icon-after
attributes on any HTML tag:
@@ -7,4 +7,4 @@
Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/icon/docs/Migration.html b/review/feat-switch/components/icon/docs/Migration.html
index 60e8d05db6f..5545162b8a7 100644
--- a/review/feat-switch/components/icon/docs/Migration.html
+++ b/review/feat-switch/components/icon/docs/Migration.html
@@ -1,4 +1,4 @@
-
DB UI Mono General
+
DB UI Mono General
Note
For a general installation or migration process check out this documentation .
@@ -7,4 +7,4 @@ DB UI Core ➡ DB UI Componentsclass
Before Status After Description 🔁 db-icon
variant
-Before Status After Description variant
🔁 ❌ icon variants are controlled by font-family:var(--db-icon-font-family)
and font-weight: var(--db-icon-font-weight);
\ No newline at end of file
+
Before Status After Description variant
🔁 ❌ icon variants are controlled by font-family:var(--db-icon-font-family)
and font-weight: var(--db-icon-font-weight);
\ No newline at end of file
diff --git a/review/feat-switch/components/icon/docs/React.html b/review/feat-switch/components/icon/docs/React.html
index e842ff19c6c..96a3dba578e 100644
--- a/review/feat-switch/components/icon/docs/React.html
+++ b/review/feat-switch/components/icon/docs/React.html
@@ -1,4 +1,4 @@
-
DB UI Mono React
+
DB UI Mono React
For general installation and configuration take a look at the react-components package.
Use component
// App.tsx
@@ -7,4 +7,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/icon/docs/Vue.html b/review/feat-switch/components/icon/docs/Vue.html
index 1d1f2e4b47b..f5d06287c9c 100644
--- a/review/feat-switch/components/icon/docs/Vue.html
+++ b/review/feat-switch/components/icon/docs/Vue.html
@@ -1,4 +1,4 @@
-
DB UI Mono Vue
+
DB UI Mono Vue
For general installation and configuration take a look at the v-components package.
Use component
<!-- App.vue -->
@@ -9,4 +9,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/icon/how-to-use.html b/review/feat-switch/components/icon/how-to-use.html
index 6ae59166961..0c6ff5188f0 100644
--- a/review/feat-switch/components/icon/how-to-use.html
+++ b/review/feat-switch/components/icon/how-to-use.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/icon/migration.html b/review/feat-switch/components/icon/migration.html
index aec8ee6fbbe..562ef59da72 100644
--- a/review/feat-switch/components/icon/migration.html
+++ b/review/feat-switch/components/icon/migration.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/icon/overview.html b/review/feat-switch/components/icon/overview.html
index 4cc3b0849ea..748a05dca77 100644
--- a/review/feat-switch/components/icon/overview.html
+++ b/review/feat-switch/components/icon/overview.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/icon/properties.html b/review/feat-switch/components/icon/properties.html
index 5b0c23535a9..2c6d50e63b5 100644
--- a/review/feat-switch/components/icon/properties.html
+++ b/review/feat-switch/components/icon/properties.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/infotext.html b/review/feat-switch/components/infotext.html
index d18d189afe3..161b61f20e1 100644
--- a/review/feat-switch/components/infotext.html
+++ b/review/feat-switch/components/infotext.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/infotext/code/Density.html b/review/feat-switch/components/infotext/code/Density.html
index bb2ee22848a..b2565730de2 100644
--- a/review/feat-switch/components/infotext/code/Density.html
+++ b/review/feat-switch/components/infotext/code/Density.html
@@ -1 +1 @@
-
DB UI Mono <db-infotext>Functional</db-infotext>
Copy code <span class="db-infotext">Functional</span>
Copy code <DBInfotext>Functional</DBInfotext>
Copy code <DBInfotext>Functional</DBInfotext>
Copy code <db-infotext>(Default) Regular</db-infotext>
Copy code <span class="db-infotext">(Default) Regular</span>
Copy code <DBInfotext>(Default) Regular</DBInfotext>
Copy code <DBInfotext>(Default) Regular</DBInfotext>
Copy code <db-infotext>Expressive</db-infotext>
Copy code <span class="db-infotext">Expressive</span>
Copy code <DBInfotext>Expressive</DBInfotext>
Copy code <DBInfotext>Expressive</DBInfotext>
Copy code
\ No newline at end of file
+
DB UI Mono <db-infotext>Functional</db-infotext>
Copy code <span class="db-infotext">Functional</span>
Copy code <DBInfotext>Functional</DBInfotext>
Copy code <DBInfotext>Functional</DBInfotext>
Copy code <db-infotext>(Default) Regular</db-infotext>
Copy code <span class="db-infotext">(Default) Regular</span>
Copy code <DBInfotext>(Default) Regular</DBInfotext>
Copy code <DBInfotext>(Default) Regular</DBInfotext>
Copy code <db-infotext>Expressive</db-infotext>
Copy code <span class="db-infotext">Expressive</span>
Copy code <DBInfotext>Expressive</DBInfotext>
Copy code <DBInfotext>Expressive</DBInfotext>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/infotext/code/Semantic.html b/review/feat-switch/components/infotext/code/Semantic.html
index d4b2ce7854e..b7f7c338a75 100644
--- a/review/feat-switch/components/infotext/code/Semantic.html
+++ b/review/feat-switch/components/infotext/code/Semantic.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-infotext>(Default) Adaptive</db-infotext>
Copy code <span class="db-infotext">(Default) Adaptive</span>
Copy code <DBInfotext>(Default) Adaptive</DBInfotext>
Copy code <DBInfotext>(Default) Adaptive</DBInfotext>
Copy code <db-infotext semantic="neutral">Neutral</db-infotext>
Copy code <span class="db-infotext" data-semantic="neutral">
+DB UI Mono <db-infotext>(Default) Adaptive</db-infotext>
Copy code <span class="db-infotext">(Default) Adaptive</span>
Copy code <DBInfotext>(Default) Adaptive</DBInfotext>
Copy code <DBInfotext>(Default) Adaptive</DBInfotext>
Copy code <db-infotext semantic="neutral">Neutral</db-infotext>
Copy code <span class="db-infotext" data-semantic="neutral">
Neutral
</span>
Copy code <DBInfotext semantic="neutral">Neutral</DBInfotext>
Copy code <DBInfotext semantic="neutral">Neutral</DBInfotext>
Copy code <db-infotext semantic="critical">Critical</db-infotext>
Copy code <span class="db-infotext" data-semantic="critical">
Critical
@@ -8,4 +8,4 @@
Successful
</span>
Copy code <DBInfotext semantic="successful">Successful</DBInfotext>
Copy code <DBInfotext semantic="successful">Successful</DBInfotext>
Copy code <db-infotext semantic="warning">Warning</db-infotext>
Copy code <span class="db-infotext" data-semantic="warning">
Warning
-</span>
Copy code <DBInfotext semantic="warning">Warning</DBInfotext>
Copy code <DBInfotext semantic="warning">Warning</DBInfotext>
Copy code
\ No newline at end of file
+</span>
Copy code <DBInfotext semantic="warning">Warning</DBInfotext>
Copy code <DBInfotext semantic="warning">Warning</DBInfotext>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/infotext/code/Size.html b/review/feat-switch/components/infotext/code/Size.html
index 5b4f1626cc0..35ecf1f0479 100644
--- a/review/feat-switch/components/infotext/code/Size.html
+++ b/review/feat-switch/components/infotext/code/Size.html
@@ -1,3 +1,3 @@
-
DB UI Mono <db-infotext>(Default) Medium</db-infotext>
Copy code <span class="db-infotext">(Default) Medium</span>
Copy code <DBInfotext>(Default) Medium</DBInfotext>
Copy code <DBInfotext>(Default) Medium</DBInfotext>
Copy code <db-infotext size="small">Small</db-infotext>
Copy code <span class="db-infotext" data-size="small">
+DB UI Mono <db-infotext>(Default) Medium</db-infotext>
Copy code <span class="db-infotext">(Default) Medium</span>
Copy code <DBInfotext>(Default) Medium</DBInfotext>
Copy code <DBInfotext>(Default) Medium</DBInfotext>
Copy code <db-infotext size="small">Small</db-infotext>
Copy code <span class="db-infotext" data-size="small">
Small
-</span>
Copy code <DBInfotext size="small">Small</DBInfotext>
Copy code <DBInfotext size="small">Small</DBInfotext>
Copy code
\ No newline at end of file
+</span>
Copy code <DBInfotext size="small">Small</DBInfotext>
Copy code <DBInfotext size="small">Small</DBInfotext>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/infotext/docs/Angular.html b/review/feat-switch/components/infotext/docs/Angular.html
index f6b22d4d95e..b48b15db85b 100644
--- a/review/feat-switch/components/infotext/docs/Angular.html
+++ b/review/feat-switch/components/infotext/docs/Angular.html
@@ -1,4 +1,4 @@
-
DB UI Mono Angular
+
DB UI Mono Angular
For general installation and configuration take a look at the ngx-components package.
Load component
// app.component.ts
@@ -14,4 +14,4 @@ Load component
<!-- app.component.html -->
<db-infotext>Infotext</db-infotext>
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/review/feat-switch/components/infotext/docs/HTML.html b/review/feat-switch/components/infotext/docs/HTML.html
index b308510351b..536b87a0fdf 100644
--- a/review/feat-switch/components/infotext/docs/HTML.html
+++ b/review/feat-switch/components/infotext/docs/HTML.html
@@ -1,4 +1,4 @@
-
DB UI Mono HTML
+
DB UI Mono HTML
For general installation and configuration take a look at the components package.
Use component
<!-- index.html -->
@@ -6,4 +6,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/infotext/docs/Migration.html b/review/feat-switch/components/infotext/docs/Migration.html
index ce9ed14a779..6ae1477752e 100644
--- a/review/feat-switch/components/infotext/docs/Migration.html
+++ b/review/feat-switch/components/infotext/docs/Migration.html
@@ -1,7 +1,7 @@
-
DB UI Mono General
+
DB UI Mono General
Note
For a general installation or migration process check out this documentation .
DB UI Core ➡ DB UI Components
-
New Component 🥳
\ No newline at end of file
+
New Component 🥳
\ No newline at end of file
diff --git a/review/feat-switch/components/infotext/docs/React.html b/review/feat-switch/components/infotext/docs/React.html
index cde81885be1..bdda093a74a 100644
--- a/review/feat-switch/components/infotext/docs/React.html
+++ b/review/feat-switch/components/infotext/docs/React.html
@@ -1,4 +1,4 @@
-
DB UI Mono React
+
DB UI Mono React
For general installation and configuration take a look at the react-components package.
Use component
// App.tsx
@@ -7,4 +7,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/infotext/docs/Vue.html b/review/feat-switch/components/infotext/docs/Vue.html
index 85004ffca90..4adcd7a410d 100644
--- a/review/feat-switch/components/infotext/docs/Vue.html
+++ b/review/feat-switch/components/infotext/docs/Vue.html
@@ -1,4 +1,4 @@
-
DB UI Mono Vue
+
DB UI Mono Vue
For general installation and configuration take a look at the v-components package.
Use component
<!-- App.vue -->
@@ -9,4 +9,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/infotext/how-to-use.html b/review/feat-switch/components/infotext/how-to-use.html
index 32678b76250..b92afa0d67d 100644
--- a/review/feat-switch/components/infotext/how-to-use.html
+++ b/review/feat-switch/components/infotext/how-to-use.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/infotext/migration.html b/review/feat-switch/components/infotext/migration.html
index e77cc7f73d0..2245ab5ec83 100644
--- a/review/feat-switch/components/infotext/migration.html
+++ b/review/feat-switch/components/infotext/migration.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/infotext/overview.html b/review/feat-switch/components/infotext/overview.html
index 8cc3c397501..096797e8e18 100644
--- a/review/feat-switch/components/infotext/overview.html
+++ b/review/feat-switch/components/infotext/overview.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/infotext/properties.html b/review/feat-switch/components/infotext/properties.html
index 5780c0b64be..aafb7600b75 100644
--- a/review/feat-switch/components/infotext/properties.html
+++ b/review/feat-switch/components/infotext/properties.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/input.html b/review/feat-switch/components/input.html
index 2708e50a952..95d96bc30ba 100644
--- a/review/feat-switch/components/input.html
+++ b/review/feat-switch/components/input.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/input/code/Content.html b/review/feat-switch/components/input/code/Content.html
index f412fc22230..096bed2cbd4 100644
--- a/review/feat-switch/components/input/code/Content.html
+++ b/review/feat-switch/components/input/code/Content.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-input label="Label" value="(Default) Text">
+DB UI Mono <db-input label="Label" value="(Default) Text">
(Default) Text
</db-input>
Copy code <div class="db-input">
<label for="OVERWRITE_DEFAULT_ID">Label</label>
@@ -160,4 +160,4 @@
Text - Trailing Icon
</DBInput>
Copy code <DBInput label="Label" iconAfter="x_placeholder">
Text - Trailing Icon
-</DBInput>
Copy code
\ No newline at end of file
+</DBInput>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/input/code/Density.html b/review/feat-switch/components/input/code/Density.html
index 3d83417fe01..5f51cc8fd9b 100644
--- a/review/feat-switch/components/input/code/Density.html
+++ b/review/feat-switch/components/input/code/Density.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-input label="Label">Functional</db-input>
Copy code <div class="db-input">
+DB UI Mono <db-input label="Label">Functional</db-input>
Copy code <div class="db-input">
<label for="OVERWRITE_DEFAULT_ID">Label</label>
<input
aria-invalid="false"
@@ -76,4 +76,4 @@
>
TODO: Add an invalidMessage
</span>
-</div>
Copy code <DBInput label="Label">Expressive</DBInput>
Copy code <DBInput label="Label">Expressive</DBInput>
Copy code
\ No newline at end of file
+</div>
Copy code <DBInput label="Label">Expressive</DBInput>
Copy code <DBInput label="Label">Expressive</DBInput>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/input/code/ExampleTypes.html b/review/feat-switch/components/input/code/ExampleTypes.html
index b571242b3cb..291a7ae33e2 100644
--- a/review/feat-switch/components/input/code/ExampleTypes.html
+++ b/review/feat-switch/components/input/code/ExampleTypes.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-input label="Label">(Default) Text</db-input>
Copy code undefined
Copy code <DBInput label="Label">(Default) Text</DBInput>
Copy code <DBInput label="Label">(Default) Text</DBInput>
Copy code <db-input label="Label" type="password">
+DB UI Mono <db-input label="Label">(Default) Text</db-input>
Copy code undefined
Copy code <DBInput label="Label">(Default) Text</DBInput>
Copy code <DBInput label="Label">(Default) Text</DBInput>
Copy code <db-input label="Label" type="password">
Password
</db-input>
Copy code undefined
Copy code <DBInput label="Label" type="password">
Password
@@ -64,4 +64,4 @@
Week
</DBInput>
Copy code <DBInput label="Label" type="week">
Week
-</DBInput>
Copy code
\ No newline at end of file
+</DBInput>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/input/code/ExampleTypesFloatingLabel.html b/review/feat-switch/components/input/code/ExampleTypesFloatingLabel.html
index 02069c2b905..4bdef90c508 100644
--- a/review/feat-switch/components/input/code/ExampleTypesFloatingLabel.html
+++ b/review/feat-switch/components/input/code/ExampleTypesFloatingLabel.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-input label="Label" variant="floating">
+DB UI Mono <db-input label="Label" variant="floating">
(Default) Text
</db-input>
Copy code undefined
Copy code <DBInput label="Label" variant="floating">
(Default) Text
@@ -70,4 +70,4 @@
Week
</DBInput>
Copy code <DBInput label="Label" type="week" variant="floating">
Week
-</DBInput>
Copy code
\ No newline at end of file
+</DBInput>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/input/code/Requirement.html b/review/feat-switch/components/input/code/Requirement.html
index c3d39ed3e91..35181fe984b 100644
--- a/review/feat-switch/components/input/code/Requirement.html
+++ b/review/feat-switch/components/input/code/Requirement.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-input label="Label">(Default) Optional</db-input>
Copy code <div class="db-input">
+DB UI Mono <db-input label="Label">(Default) Optional</db-input>
Copy code <div class="db-input">
<label for="OVERWRITE_DEFAULT_ID">Label</label>
<input
aria-invalid="false"
@@ -53,4 +53,4 @@
</span>
</div>
Copy code <DBInput label="Label" required>
Required
-</DBInput>
Copy code <DBInput label="Label" :required="true">Required</DBInput>
Copy code
\ No newline at end of file
+</DBInput>
Copy code <DBInput label="Label" :required="true">Required</DBInput>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/input/code/StatesFloatingLabel.html b/review/feat-switch/components/input/code/StatesFloatingLabel.html
index 545e2a89363..af1ac617789 100644
--- a/review/feat-switch/components/input/code/StatesFloatingLabel.html
+++ b/review/feat-switch/components/input/code/StatesFloatingLabel.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-input label="Label" variant="floating">
+DB UI Mono <db-input label="Label" variant="floating">
(Default) Empty
</db-input>
Copy code undefined
Copy code <DBInput label="Label" variant="floating">
(Default) Empty
@@ -14,4 +14,4 @@
Disabled
</DBInput>
Copy code <DBInput label="Label" :disabled="true" variant="floating">Disabled</DBInput>
Copy code <db-input label="Label" value="Readonly - Filled" [readOnly]="true" variant="floating">Readonly - Filled</db-input>
Copy code undefined
Copy code <DBInput label="Label" value="Readonly - Filled" readOnly variant="floating">
Readonly - Filled
-</DBInput>
Copy code <DBInput label="Label" value="Readonly - Filled" :readOnly="true" variant="floating">Readonly - Filled</DBInput>
Copy code
\ No newline at end of file
+</DBInput>
Copy code <DBInput label="Label" value="Readonly - Filled" :readOnly="true" variant="floating">Readonly - Filled</DBInput>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/input/code/StatesLabelAbove.html b/review/feat-switch/components/input/code/StatesLabelAbove.html
index 004ece8373a..111fbb5db01 100644
--- a/review/feat-switch/components/input/code/StatesLabelAbove.html
+++ b/review/feat-switch/components/input/code/StatesLabelAbove.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-input label="Label">(Default) Empty</db-input>
Copy code undefined
Copy code <DBInput label="Label">(Default) Empty</DBInput>
Copy code <DBInput label="Label">(Default) Empty</DBInput>
Copy code <db-input label="Label" value="Filled">
+DB UI Mono <db-input label="Label">(Default) Empty</db-input>
Copy code undefined
Copy code <DBInput label="Label">(Default) Empty</DBInput>
Copy code <DBInput label="Label">(Default) Empty</DBInput>
Copy code <db-input label="Label" value="Filled">
Filled
</db-input>
Copy code undefined
Copy code <DBInput label="Label" value="Filled">
Filled
@@ -8,4 +8,4 @@
Disabled
</DBInput>
Copy code <DBInput label="Label" :disabled="true">Disabled</DBInput>
Copy code <db-input label="Label" value="Readonly - Filled" [readOnly]="true">Readonly - Filled</db-input>
Copy code undefined
Copy code <DBInput label="Label" value="Readonly - Filled" readOnly>
Readonly - Filled
-</DBInput>
Copy code <DBInput label="Label" value="Readonly - Filled" :readOnly="true">Readonly - Filled</DBInput>
Copy code
\ No newline at end of file
+</DBInput>
Copy code <DBInput label="Label" value="Readonly - Filled" :readOnly="true">Readonly - Filled</DBInput>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/input/code/VariantHelperMessage.html b/review/feat-switch/components/input/code/VariantHelperMessage.html
index 0e4f508c377..e969d17a713 100644
--- a/review/feat-switch/components/input/code/VariantHelperMessage.html
+++ b/review/feat-switch/components/input/code/VariantHelperMessage.html
@@ -1,7 +1,7 @@
-
DB UI Mono <db-input label="Label">(Default) Basic</db-input>
Copy code undefined
Copy code <DBInput label="Label">(Default) Basic</DBInput>
Copy code <DBInput label="Label">(Default) Basic</DBInput>
Copy code <db-input label="Label" message="Helper Message">
+DB UI Mono <db-input label="Label">(Default) Basic</db-input>
Copy code undefined
Copy code <DBInput label="Label">(Default) Basic</DBInput>
Copy code <DBInput label="Label">(Default) Basic</DBInput>
Copy code <db-input label="Label" message="Helper Message">
Helper Message
</db-input>
Copy code undefined
Copy code <DBInput label="Label" message="Helper Message">
Helper Message
</DBInput>
Copy code <DBInput label="Label" message="Helper Message">
Helper Message
-</DBInput>
Copy code
\ No newline at end of file
+</DBInput>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/input/code/VariantLabel.html b/review/feat-switch/components/input/code/VariantLabel.html
index 98c8953f4f9..b939aca79b8 100644
--- a/review/feat-switch/components/input/code/VariantLabel.html
+++ b/review/feat-switch/components/input/code/VariantLabel.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-input label="Label">(Default) Label Above</db-input>
Copy code undefined
Copy code <DBInput label="Label">(Default) Label Above</DBInput>
Copy code <DBInput label="Label">(Default) Label Above</DBInput>
Copy code <db-input label="Label" variant="floating" value="Floating Label">
+DB UI Mono <db-input label="Label">(Default) Label Above</db-input>
Copy code undefined
Copy code <DBInput label="Label">(Default) Label Above</DBInput>
Copy code <DBInput label="Label">(Default) Label Above</DBInput>
Copy code <db-input label="Label" variant="floating" value="Floating Label">
Floating Label
</db-input>
Copy code undefined
Copy code <DBInput label="Label" variant="floating" value="Floating Label">
Floating Label
@@ -10,4 +10,4 @@
Hidden Label
</DBInput>
Copy code <DBInput label="Label" variant="hidden">
Hidden Label
-</DBInput>
Copy code
\ No newline at end of file
+</DBInput>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/input/docs/Angular.html b/review/feat-switch/components/input/docs/Angular.html
index ba2d19cc68b..339bd067496 100644
--- a/review/feat-switch/components/input/docs/Angular.html
+++ b/review/feat-switch/components/input/docs/Angular.html
@@ -1,4 +1,4 @@
-
DB UI Mono Angular
+
DB UI Mono Angular
Load SCSS globally within styles.scss
in your app:
@forward "@db-ui/components/build/styles/db-ui-42-rollup";
@@ -109,4 +109,4 @@
\ No newline at end of file
+
\ No newline at end of file
diff --git a/review/feat-switch/components/input/docs/HTML.html b/review/feat-switch/components/input/docs/HTML.html
index c16505bfa50..480ec5823ad 100644
--- a/review/feat-switch/components/input/docs/HTML.html
+++ b/review/feat-switch/components/input/docs/HTML.html
@@ -1,4 +1,4 @@
-
DB UI Mono HTML
+
DB UI Mono HTML
Load SCSS globally somewhere in your app:
@forward "@db-ui/components/build/styles/db-ui-42";
@@ -7,4 +7,4 @@
<label for="username">Label</label>
<input type="text" name="username" id="username" />
</div>
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/review/feat-switch/components/input/docs/Migration.html b/review/feat-switch/components/input/docs/Migration.html
index aa863ab5d31..cda65ed9963 100644
--- a/review/feat-switch/components/input/docs/Migration.html
+++ b/review/feat-switch/components/input/docs/Migration.html
@@ -1,4 +1,4 @@
-
DB UI Mono General
+
DB UI Mono General
Note
For a general installation or migration process check out this documentation .
@@ -7,4 +7,4 @@ DB UI Core ➡ DB UI Componentsclass
Before Status After Description elm-input
🔁 db-input
variants
-Before Status After Description semitransparent
❌ ❌ old variants are removed a semi-transparent look is the default, new variants are chaniging the color white
❌ ❌ solid
❌ ❌ outline
❌ ❌ 🆕 adaptive
🆕 neutral
🆕 critical
🆕 informational
🆕 warning
🆕 successful
\ No newline at end of file
+
Before Status After Description semitransparent
❌ ❌ old variants are removed a semi-transparent look is the default, new variants are chaniging the color white
❌ ❌ solid
❌ ❌ outline
❌ ❌ 🆕 adaptive
🆕 neutral
🆕 critical
🆕 informational
🆕 warning
🆕 successful
\ No newline at end of file
diff --git a/review/feat-switch/components/input/docs/React.html b/review/feat-switch/components/input/docs/React.html
index 9ca3f54ac86..e3bd5339afc 100644
--- a/review/feat-switch/components/input/docs/React.html
+++ b/review/feat-switch/components/input/docs/React.html
@@ -1,4 +1,4 @@
-
DB UI Mono React
+
DB UI Mono React
Load SCSS globally in a index.scss
file inside main.tsx
/main.jsx
within your app:
@forward "@db-ui/components/build/styles/db-ui-42-rollup";
@@ -11,4 +11,4 @@
description={description}
onChange={handleChange}
></DBInput>;
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/review/feat-switch/components/input/docs/Vue.html b/review/feat-switch/components/input/docs/Vue.html
index 50cbfed223a..3ddcb557153 100644
--- a/review/feat-switch/components/input/docs/Vue.html
+++ b/review/feat-switch/components/input/docs/Vue.html
@@ -1,4 +1,4 @@
-
DB UI Mono Vue
+
DB UI Mono Vue
Load SCSS globally in a index.scss
file and import it in your main.ts
/main.js
file in your app:
@forward "@db-ui/components/build/styles/db-ui-42-rollup";
@@ -25,4 +25,4 @@
or using on-change listener:
<DBInput label="Textlabel" placeholder="Start" :value="modelAndChange" @change="($event) => { modelAndChange = $event.target.value;
}"/> {{ modelAndChange }}
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/review/feat-switch/components/input/how-to-use.html b/review/feat-switch/components/input/how-to-use.html
index a9efe2f74ba..e6e02794ccc 100644
--- a/review/feat-switch/components/input/how-to-use.html
+++ b/review/feat-switch/components/input/how-to-use.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/input/migration.html b/review/feat-switch/components/input/migration.html
index ceed51be742..996f15b8036 100644
--- a/review/feat-switch/components/input/migration.html
+++ b/review/feat-switch/components/input/migration.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/input/overview.html b/review/feat-switch/components/input/overview.html
index addfa9ac4a0..74e54acc12c 100644
--- a/review/feat-switch/components/input/overview.html
+++ b/review/feat-switch/components/input/overview.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/input/properties.html b/review/feat-switch/components/input/properties.html
index e0a5a16ac7c..f906c405b5f 100644
--- a/review/feat-switch/components/input/properties.html
+++ b/review/feat-switch/components/input/properties.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/link.html b/review/feat-switch/components/link.html
index 58502db3d8a..6142dd465fe 100644
--- a/review/feat-switch/components/link.html
+++ b/review/feat-switch/components/link.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/link/code/Content.html b/review/feat-switch/components/link/code/Content.html
index 0b1ceba3037..a79df392b60 100644
--- a/review/feat-switch/components/link/code/Content.html
+++ b/review/feat-switch/components/link/code/Content.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-link href="#">(Default) Internal</db-link>
Copy code <a class="db-link" href="#" tabindex="0" data-content="internal">
+DB UI Mono <db-link href="#">(Default) Internal</db-link>
Copy code <a class="db-link" href="#" tabindex="0" data-content="internal">
(Default) Internal
</a>
Copy code <DBLink href="#">(Default) Internal</DBLink>
Copy code <DBLink href="#">(Default) Internal</DBLink>
Copy code <db-link href="#" content="external">
External
@@ -14,4 +14,4 @@
External
</DBLink>
Copy code <DBLink href="#" content="external">
External
-</DBLink>
Copy code
\ No newline at end of file
+</DBLink>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/link/code/Density.html b/review/feat-switch/components/link/code/Density.html
index 30bb46e81f0..04efcc4b845 100644
--- a/review/feat-switch/components/link/code/Density.html
+++ b/review/feat-switch/components/link/code/Density.html
@@ -1,7 +1,7 @@
-
DB UI Mono <db-link href="#">Functional</db-link>
Copy code <a class="db-link" href="#" tabindex="0" data-content="internal">
+DB UI Mono <db-link href="#">Functional</db-link>
Copy code <a class="db-link" href="#" tabindex="0" data-content="internal">
Functional
</a>
Copy code <DBLink href="#">Functional</DBLink>
Copy code <DBLink href="#">Functional</DBLink>
Copy code <db-link href="#">(Default) Regular</db-link>
Copy code <a class="db-link" href="#" tabindex="0" data-content="internal">
(Default) Regular
</a>
Copy code <DBLink href="#">(Default) Regular</DBLink>
Copy code <DBLink href="#">(Default) Regular</DBLink>
Copy code <db-link href="#">Expressive</db-link>
Copy code <a class="db-link" href="#" tabindex="0" data-content="internal">
Expressive
-</a>
Copy code <DBLink href="#">Expressive</DBLink>
Copy code <DBLink href="#">Expressive</DBLink>
Copy code
\ No newline at end of file
+</a>
Copy code <DBLink href="#">Expressive</DBLink>
Copy code <DBLink href="#">Expressive</DBLink>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/link/code/InteractionStates.html b/review/feat-switch/components/link/code/InteractionStates.html
index e9063152170..d669d58ad3d 100644
--- a/review/feat-switch/components/link/code/InteractionStates.html
+++ b/review/feat-switch/components/link/code/InteractionStates.html
@@ -1,3 +1,3 @@
-
DB UI Mono <db-link href="#">Enabled (Default)/Hover/Pressed</db-link>
Copy code undefined
Copy code <DBLink href="#">Enabled (Default)/Hover/Pressed</DBLink>
Copy code <DBLink href="#">Enabled (Default)/Hover/Pressed</DBLink>
Copy code <db-link href="#" [disabled]="true">Disabled</db-link>
Copy code undefined
Copy code <DBLink href="#" disabled>
+DB UI Mono <db-link href="#">Enabled (Default)/Hover/Pressed</db-link>
Copy code undefined
Copy code <DBLink href="#">Enabled (Default)/Hover/Pressed</DBLink>
Copy code <DBLink href="#">Enabled (Default)/Hover/Pressed</DBLink>
Copy code <db-link href="#" [disabled]="true">Disabled</db-link>
Copy code undefined
Copy code <DBLink href="#" disabled>
Disabled
-</DBLink>
Copy code <DBLink href="#" :disabled="true">Disabled</DBLink>
Copy code
\ No newline at end of file
+</DBLink>
Copy code <DBLink href="#" :disabled="true">Disabled</DBLink>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/link/code/Semantic.html b/review/feat-switch/components/link/code/Semantic.html
index 00c7bc75781..7aa0ed2ab19 100644
--- a/review/feat-switch/components/link/code/Semantic.html
+++ b/review/feat-switch/components/link/code/Semantic.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-link href="#">(Default) Adaptive</db-link>
Copy code <a class="db-link" href="#" tabindex="0" data-content="internal">
+DB UI Mono <db-link href="#">(Default) Adaptive</db-link>
Copy code <a class="db-link" href="#" tabindex="0" data-content="internal">
(Default) Adaptive
</a>
Copy code <DBLink href="#">(Default) Adaptive</DBLink>
Copy code <DBLink href="#">(Default) Adaptive</DBLink>
Copy code <db-link href="#" variant="brand">
Brand
@@ -14,4 +14,4 @@
Brand
</DBLink>
Copy code <DBLink href="#" variant="brand">
Brand
-</DBLink>
Copy code
\ No newline at end of file
+</DBLink>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/link/code/Size.html b/review/feat-switch/components/link/code/Size.html
index d74e38633a9..70460d6d96d 100644
--- a/review/feat-switch/components/link/code/Size.html
+++ b/review/feat-switch/components/link/code/Size.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-link href="#">(Default) Medium</db-link>
Copy code <a class="db-link" href="#" tabindex="0" data-content="internal">
+DB UI Mono <db-link href="#">(Default) Medium</db-link>
Copy code <a class="db-link" href="#" tabindex="0" data-content="internal">
(Default) Medium
</a>
Copy code <DBLink href="#">(Default) Medium</DBLink>
Copy code <DBLink href="#">(Default) Medium</DBLink>
Copy code <db-link href="#" size="small">
Small
@@ -14,4 +14,4 @@
Small
</DBLink>
Copy code <DBLink href="#" size="small">
Small
-</DBLink>
Copy code
\ No newline at end of file
+</DBLink>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/link/docs/Angular.html b/review/feat-switch/components/link/docs/Angular.html
index 538c5b5dbee..47a14dc82b0 100644
--- a/review/feat-switch/components/link/docs/Angular.html
+++ b/review/feat-switch/components/link/docs/Angular.html
@@ -1,4 +1,4 @@
-
DB UI Mono Angular
+
DB UI Mono Angular
For general installation and configuration take a look at the ngx-components package.
Load component
// app.component.ts
@@ -14,4 +14,4 @@ Load component
<!-- app.component.html -->
<db-link href="#" variant="brand">Link</db-link>
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/review/feat-switch/components/link/docs/HTML.html b/review/feat-switch/components/link/docs/HTML.html
index 5480af1bc9b..c37b1db8ce2 100644
--- a/review/feat-switch/components/link/docs/HTML.html
+++ b/review/feat-switch/components/link/docs/HTML.html
@@ -1,4 +1,4 @@
-
DB UI Mono HTML
+
DB UI Mono HTML
For general installation and configuration take a look at the components package.
Use component
<!-- index.html -->
@@ -6,4 +6,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/link/docs/Migration.html b/review/feat-switch/components/link/docs/Migration.html
index d05bc646656..6e88c41b58f 100644
--- a/review/feat-switch/components/link/docs/Migration.html
+++ b/review/feat-switch/components/link/docs/Migration.html
@@ -1,4 +1,4 @@
-
DB UI Mono General
+
DB UI Mono General
Note
For a general installation or migration process check out this documentation .
@@ -7,4 +7,4 @@ DB UI Core ➡ DB UI Componentsclass
Before Status After Description elm-link
🔁 db-link
icons
-Before Status After Description icon
❌ ❌ not valid anymore use content
to show interal or external arrow icon icononly
❌ ❌ iconVariant
❌ ❌
\ No newline at end of file
+
Before Status After Description icon
❌ ❌ not valid anymore use content
to show interal or external arrow icon icononly
❌ ❌ iconVariant
❌ ❌
\ No newline at end of file
diff --git a/review/feat-switch/components/link/docs/React.html b/review/feat-switch/components/link/docs/React.html
index 892f0100a73..1ee6954fba9 100644
--- a/review/feat-switch/components/link/docs/React.html
+++ b/review/feat-switch/components/link/docs/React.html
@@ -1,4 +1,4 @@
-
DB UI Mono React
+
DB UI Mono React
For general installation and configuration take a look at the react-components package.
Use component
// App.tsx
@@ -11,4 +11,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/link/docs/Vue.html b/review/feat-switch/components/link/docs/Vue.html
index 0f810301a44..723a4035656 100644
--- a/review/feat-switch/components/link/docs/Vue.html
+++ b/review/feat-switch/components/link/docs/Vue.html
@@ -1,4 +1,4 @@
-
DB UI Mono Vue
+
DB UI Mono Vue
For general installation and configuration take a look at the v-components package.
Use component
<!-- App.vue -->
@@ -9,4 +9,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/link/how-to-use.html b/review/feat-switch/components/link/how-to-use.html
index 64096486cea..6222ff7cb9f 100644
--- a/review/feat-switch/components/link/how-to-use.html
+++ b/review/feat-switch/components/link/how-to-use.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/link/migration.html b/review/feat-switch/components/link/migration.html
index 6d295139532..1ecf690cd71 100644
--- a/review/feat-switch/components/link/migration.html
+++ b/review/feat-switch/components/link/migration.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/link/overview.html b/review/feat-switch/components/link/overview.html
index c3f024e01c3..f1ef4487abe 100644
--- a/review/feat-switch/components/link/overview.html
+++ b/review/feat-switch/components/link/overview.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/link/properties.html b/review/feat-switch/components/link/properties.html
index 5d27ad9a2e4..e68f143f088 100644
--- a/review/feat-switch/components/link/properties.html
+++ b/review/feat-switch/components/link/properties.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/navigation-item.html b/review/feat-switch/components/navigation-item.html
index 2482625d99d..5cf31959034 100644
--- a/review/feat-switch/components/navigation-item.html
+++ b/review/feat-switch/components/navigation-item.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/navigation-item/code/Content.html b/review/feat-switch/components/navigation-item/code/Content.html
index 27f0e1e7904..84cab9f3ebf 100644
--- a/review/feat-switch/components/navigation-item/code/Content.html
+++ b/review/feat-switch/components/navigation-item/code/Content.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-navigation-item [areaPopup]="false">(Default) Text</db-navigation-item>
Copy code <li class="db-navigation-item">
+DB UI Mono <db-navigation-item [areaPopup]="false">(Default) Text</db-navigation-item>
Copy code <li class="db-navigation-item">
<button
class="db-navigation-item-expand-button"
aria-haspopup="false"
@@ -6,7 +6,7 @@
>
(Default) Text
</button>
- <menu class="db-sub-navigation" id="sub-navigation-7559472331919739"></menu>
+ <menu class="db-sub-navigation" id="sub-navigation-33760973647801085"></menu>
</li>
Copy code <DBNavigationItem areaPopup>(Default) Text</DBNavigationItem>
Copy code <DBNavigationItem :areaPopup="false">(Default) Text</DBNavigationItem>
Copy code <db-navigation-item icon="user">Text - Icon (Leading)</db-navigation-item>
Copy code <li class="db-navigation-item" data-icon="user">
<button
class="db-navigation-item-expand-button"
@@ -15,7 +15,7 @@
>
Text - Icon (Leading)
</button>
- <menu class="db-sub-navigation" id="sub-navigation-7718628151158817"></menu>
+ <menu class="db-sub-navigation" id="sub-navigation-46569500525736407"></menu>
</li>
Copy code <DBNavigationItem icon="user">Text - Icon (Leading)</DBNavigationItem>
Copy code <DBNavigationItem icon="user">Text - Icon (Leading)</DBNavigationItem>
Copy code <db-navigation-item icon="user" [areaPopup]="true">Text - Icons (Leading, Chevron)</db-navigation-item>
Copy code <li class="db-navigation-item" data-icon="user">
<button
class="db-navigation-item-expand-button"
@@ -24,7 +24,7 @@
>
Text - Icons (Leading, Chevron)
</button>
- <menu class="db-sub-navigation" id="sub-navigation-7470578826653478"></menu>
+ <menu class="db-sub-navigation" id="sub-navigation-2668498032909006"></menu>
</li>
Copy code <DBNavigationItem icon="user" areaPopup>
Text - Icons (Leading, Chevron)
</DBNavigationItem>
Copy code <DBNavigationItem icon="user" :areaPopup="true">Text - Icons (Leading, Chevron)</DBNavigationItem>
Copy code <db-navigation-item [areaPopup]="true">Text - Icon (Chevron)</db-navigation-item>
Copy code <li class="db-navigation-item">
@@ -35,5 +35,5 @@
>
Text - Icon (Chevron)
</button>
- <menu class="db-sub-navigation" id="sub-navigation-06265227993962652"></menu>
-</li>
Copy code <DBNavigationItem areaPopup>Text - Icon (Chevron)</DBNavigationItem>
Copy code <DBNavigationItem :areaPopup="true">Text - Icon (Chevron)</DBNavigationItem>
Copy code
\ No newline at end of file
+ <menu class="db-sub-navigation" id="sub-navigation-14590777002310729"></menu>
+</li>
Copy code <DBNavigationItem areaPopup>Text - Icon (Chevron)</DBNavigationItem>
Copy code <DBNavigationItem :areaPopup="true">Text - Icon (Chevron)</DBNavigationItem>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/navigation-item/code/Density.html b/review/feat-switch/components/navigation-item/code/Density.html
index 478869e23ff..fd8d0a9d6e0 100644
--- a/review/feat-switch/components/navigation-item/code/Density.html
+++ b/review/feat-switch/components/navigation-item/code/Density.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-navigation-item>Functional</db-navigation-item>
Copy code <li class="db-navigation-item">
+DB UI Mono <db-navigation-item>Functional</db-navigation-item>
Copy code <li class="db-navigation-item">
<button
class="db-navigation-item-expand-button"
aria-haspopup="false"
@@ -6,7 +6,7 @@
>
Functional
</button>
- <menu class="db-sub-navigation" id="sub-navigation-2547452014039786"></menu>
+ <menu class="db-sub-navigation" id="sub-navigation-6310259702524013"></menu>
</li>
Copy code <DBNavigationItem>Functional</DBNavigationItem>
Copy code <DBNavigationItem>Functional</DBNavigationItem>
Copy code <db-navigation-item>(Default) Regular</db-navigation-item>
Copy code <li class="db-navigation-item">
<button
class="db-navigation-item-expand-button"
@@ -15,7 +15,7 @@
>
(Default) Regular
</button>
- <menu class="db-sub-navigation" id="sub-navigation-15487577419187026"></menu>
+ <menu class="db-sub-navigation" id="sub-navigation-09624880625140664"></menu>
</li>
Copy code <DBNavigationItem>(Default) Regular</DBNavigationItem>
Copy code <DBNavigationItem>(Default) Regular</DBNavigationItem>
Copy code <db-navigation-item>Expressive</db-navigation-item>
Copy code <li class="db-navigation-item">
<button
class="db-navigation-item-expand-button"
@@ -24,5 +24,5 @@
>
Expressive
</button>
- <menu class="db-sub-navigation" id="sub-navigation-5606285226938432"></menu>
-</li>
Copy code <DBNavigationItem>Expressive</DBNavigationItem>
Copy code <DBNavigationItem>Expressive</DBNavigationItem>
Copy code
\ No newline at end of file
+ <menu class="db-sub-navigation" id="sub-navigation-4082684301196422"></menu>
+</li>
Copy code <DBNavigationItem>Expressive</DBNavigationItem>
Copy code <DBNavigationItem>Expressive</DBNavigationItem>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/navigation-item/code/InteractionStates.html b/review/feat-switch/components/navigation-item/code/InteractionStates.html
index 56e1c92d0ad..bd65465d148 100644
--- a/review/feat-switch/components/navigation-item/code/InteractionStates.html
+++ b/review/feat-switch/components/navigation-item/code/InteractionStates.html
@@ -1 +1 @@
-
DB UI Mono <db-navigation-item>Enabled (Default)/Hover/Pressed</db-navigation-item>
Copy code undefined
Copy code <DBNavigationItem>Enabled (Default)/Hover/Pressed</DBNavigationItem>
Copy code <DBNavigationItem>Enabled (Default)/Hover/Pressed</DBNavigationItem>
Copy code <db-navigation-item [active]="true">Active</db-navigation-item>
Copy code undefined
Copy code <DBNavigationItem active>Active</DBNavigationItem>
Copy code <DBNavigationItem :active="true">Active</DBNavigationItem>
Copy code <db-navigation-item [disabled]="true">Disabled</db-navigation-item>
Copy code undefined
Copy code <DBNavigationItem disabled>Disabled</DBNavigationItem>
Copy code <DBNavigationItem :disabled="true">Disabled</DBNavigationItem>
Copy code
\ No newline at end of file
+
DB UI Mono <db-navigation-item>Enabled (Default)/Hover/Pressed</db-navigation-item>
Copy code undefined
Copy code <DBNavigationItem>Enabled (Default)/Hover/Pressed</DBNavigationItem>
Copy code <DBNavigationItem>Enabled (Default)/Hover/Pressed</DBNavigationItem>
Copy code <db-navigation-item [active]="true">Active</db-navigation-item>
Copy code undefined
Copy code <DBNavigationItem active>Active</DBNavigationItem>
Copy code <DBNavigationItem :active="true">Active</DBNavigationItem>
Copy code <db-navigation-item [disabled]="true">Disabled</db-navigation-item>
Copy code undefined
Copy code <DBNavigationItem disabled>Disabled</DBNavigationItem>
Copy code <DBNavigationItem :disabled="true">Disabled</DBNavigationItem>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/navigation-item/code/Width.html b/review/feat-switch/components/navigation-item/code/Width.html
index 044d8e8c5a6..c2527842e2b 100644
--- a/review/feat-switch/components/navigation-item/code/Width.html
+++ b/review/feat-switch/components/navigation-item/code/Width.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-navigation-item>(Default) Auto</db-navigation-item>
Copy code <li class="db-navigation-item">
+DB UI Mono <db-navigation-item>(Default) Auto</db-navigation-item>
Copy code <li class="db-navigation-item">
<button
class="db-navigation-item-expand-button"
aria-haspopup="false"
@@ -6,7 +6,7 @@
>
(Default) Auto
</button>
- <menu class="db-sub-navigation" id="sub-navigation-36881577286879863"></menu>
+ <menu class="db-sub-navigation" id="sub-navigation-33799305164748716"></menu>
</li>
Copy code <DBNavigationItem>(Default) Auto</DBNavigationItem>
Copy code <DBNavigationItem>(Default) Auto</DBNavigationItem>
Copy code <db-navigation-item width="full">Full</db-navigation-item>
Copy code <li class="db-navigation-item" data-width="full">
<button
class="db-navigation-item-expand-button"
@@ -15,5 +15,5 @@
>
Full
</button>
- <menu class="db-sub-navigation" id="sub-navigation-20663314802823773"></menu>
-</li>
Copy code <DBNavigationItem width="full">Full</DBNavigationItem>
Copy code <DBNavigationItem width="full">Full</DBNavigationItem>
Copy code
\ No newline at end of file
+ <menu class="db-sub-navigation" id="sub-navigation-636712529294855"></menu>
+</li>
Copy code <DBNavigationItem width="full">Full</DBNavigationItem>
Copy code <DBNavigationItem width="full">Full</DBNavigationItem>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/navigation-item/docs/Angular.html b/review/feat-switch/components/navigation-item/docs/Angular.html
index 7b5a022b89e..8cc298812e5 100644
--- a/review/feat-switch/components/navigation-item/docs/Angular.html
+++ b/review/feat-switch/components/navigation-item/docs/Angular.html
@@ -1,4 +1,4 @@
-
DB UI Mono Angular
+
DB UI Mono Angular
For general installation and configuration take a look at the ngx-components package.
Load component
//app.component.ts
@@ -40,4 +40,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/navigation-item/docs/HTML.html b/review/feat-switch/components/navigation-item/docs/HTML.html
index 47180e1233b..8e0fc78088f 100644
--- a/review/feat-switch/components/navigation-item/docs/HTML.html
+++ b/review/feat-switch/components/navigation-item/docs/HTML.html
@@ -1,4 +1,4 @@
-
DB UI Mono HTML
+
DB UI Mono HTML
For general installation and configuration take a look at the components package.
Use component
If you want to use sub-navigations for mobile you need to add a eventListner:click
on the db-navigation-item-expand-button
. This eventListener should set aria-expanded
to true
for the button
. This will open a static overlay for mobile/tablet devices with your db-sub-navigation
. For desktop devices it works by default with :hover
.
@@ -21,4 +21,4 @@
Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/navigation-item/docs/Migration.html b/review/feat-switch/components/navigation-item/docs/Migration.html
index ca27cb268ad..5de66d4dc43 100644
--- a/review/feat-switch/components/navigation-item/docs/Migration.html
+++ b/review/feat-switch/components/navigation-item/docs/Migration.html
@@ -1,7 +1,7 @@
-
DB UI Mono General
+
DB UI Mono General
Note
For a general installation or migration process check out this documentation .
DB UI Core ➡ DB UI Components
-
New Component 🥳
\ No newline at end of file
+
New Component 🥳
\ No newline at end of file
diff --git a/review/feat-switch/components/navigation-item/docs/React.html b/review/feat-switch/components/navigation-item/docs/React.html
index 954dec42e73..911c12656ca 100644
--- a/review/feat-switch/components/navigation-item/docs/React.html
+++ b/review/feat-switch/components/navigation-item/docs/React.html
@@ -1,4 +1,4 @@
-
DB UI Mono React
+
DB UI Mono React
For general installation and configuration take a look at the react-components package.
Use component
We try to set areaPopup
(has/hasn't sub-navigation) inside the component, but this doesn't work in all frameworks. If you encounter some problems you have the set areaPopup
with true/false
for sub-navigation or link
@@ -32,4 +32,4 @@
Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/navigation-item/docs/Vue.html b/review/feat-switch/components/navigation-item/docs/Vue.html
index 474162d9a08..6cd1cbba727 100644
--- a/review/feat-switch/components/navigation-item/docs/Vue.html
+++ b/review/feat-switch/components/navigation-item/docs/Vue.html
@@ -1,4 +1,4 @@
-
DB UI Mono Vue
+
DB UI Mono Vue
For general installation and configuration take a look at the v-components package.
Use component
We try to set areaPopup
(has/hasn't sub-navigation) inside the component, but this doesn't work in all frameworks. If you encounter some problems you have the set areaPopup
with true/false
for sub-navigation or link
@@ -26,4 +26,4 @@
Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/navigation-item/how-to-use.html b/review/feat-switch/components/navigation-item/how-to-use.html
index 2d8bed6ed29..8b3a33b630a 100644
--- a/review/feat-switch/components/navigation-item/how-to-use.html
+++ b/review/feat-switch/components/navigation-item/how-to-use.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/navigation-item/migration.html b/review/feat-switch/components/navigation-item/migration.html
index 5f806f0c4a8..70f463be348 100644
--- a/review/feat-switch/components/navigation-item/migration.html
+++ b/review/feat-switch/components/navigation-item/migration.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/navigation-item/overview.html b/review/feat-switch/components/navigation-item/overview.html
index 2f674df2ad6..c580b0d7279 100644
--- a/review/feat-switch/components/navigation-item/overview.html
+++ b/review/feat-switch/components/navigation-item/overview.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/navigation-item/properties.html b/review/feat-switch/components/navigation-item/properties.html
index 78d2a2cc3ab..27dfd8b00d8 100644
--- a/review/feat-switch/components/navigation-item/properties.html
+++ b/review/feat-switch/components/navigation-item/properties.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/navigation.html b/review/feat-switch/components/navigation.html
index 3bdb00920c9..178e536f237 100644
--- a/review/feat-switch/components/navigation.html
+++ b/review/feat-switch/components/navigation.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/navigation/code/Density.html b/review/feat-switch/components/navigation/code/Density.html
index c7706707c14..6709eefb0d4 100644
--- a/review/feat-switch/components/navigation/code/Density.html
+++ b/review/feat-switch/components/navigation/code/Density.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-main-navigation>
+DB UI Mono <db-main-navigation>
<db-navigation-item [active]="true">
<ng-container sub-navigation>
<db-navigation-item [active]="true">
@@ -403,4 +403,4 @@
<DBNavigationItem :disabled="true">
<a href="#">Navi-Item 3</a>
</DBNavigationItem>
- </DBMainNavigation>
Copy code
\ No newline at end of file
+ </DBMainNavigation>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/navigation/docs/Angular.html b/review/feat-switch/components/navigation/docs/Angular.html
index 79632ff200e..f1b807ed390 100644
--- a/review/feat-switch/components/navigation/docs/Angular.html
+++ b/review/feat-switch/components/navigation/docs/Angular.html
@@ -1,4 +1,4 @@
-
DB UI Mono Angular
+
DB UI Mono Angular
For general installation and configuration look at the ngx-components package.
Load component
// app.component.ts
@@ -113,4 +113,4 @@ Angular Router and active stat
</ng-container>
</db-navigation-item>
</db-main-navigation>
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/review/feat-switch/components/navigation/docs/HTML.html b/review/feat-switch/components/navigation/docs/HTML.html
index fd93b16e2ea..2392352b01a 100644
--- a/review/feat-switch/components/navigation/docs/HTML.html
+++ b/review/feat-switch/components/navigation/docs/HTML.html
@@ -1,4 +1,4 @@
-
DB UI Mono HTML
+
DB UI Mono HTML
For general installation and configuration look at the components package.
Use component
<!-- index.html -->
@@ -48,4 +48,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/navigation/docs/Migration.html b/review/feat-switch/components/navigation/docs/Migration.html
index b74adda7ad1..64faeff54c7 100644
--- a/review/feat-switch/components/navigation/docs/Migration.html
+++ b/review/feat-switch/components/navigation/docs/Migration.html
@@ -1,4 +1,4 @@
-
DB UI Mono General
+
DB UI Mono General
Note
For a general installation or migration process check out this documentation .
@@ -7,4 +7,4 @@ DB UI Core ➡ DB UI Componentsclass
Before Status After Description cmp-mainnavigation
🔁 db-navigation
children
-Before Status After Description data
❌ ❌ pass data via children
/ slot
, moved a lot of the features to db-header
siteName
❌ ❌
\ No newline at end of file
+
Before Status After Description data
❌ ❌ pass data via children
/ slot
, moved a lot of the features to db-header
siteName
❌ ❌
\ No newline at end of file
diff --git a/review/feat-switch/components/navigation/docs/React.html b/review/feat-switch/components/navigation/docs/React.html
index 7e8248f4315..7b653ba394f 100644
--- a/review/feat-switch/components/navigation/docs/React.html
+++ b/review/feat-switch/components/navigation/docs/React.html
@@ -1,4 +1,4 @@
-
DB UI Mono React
+
DB UI Mono React
For general installation and configuration look at the react-components package.
Use component
// App.tsx
@@ -43,4 +43,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/navigation/docs/Vue.html b/review/feat-switch/components/navigation/docs/Vue.html
index 22750cfa2b4..b1824685a46 100644
--- a/review/feat-switch/components/navigation/docs/Vue.html
+++ b/review/feat-switch/components/navigation/docs/Vue.html
@@ -1,4 +1,4 @@
-
DB UI Mono Vue
+
DB UI Mono Vue
For general installation and configuration look at the v-components package.
Use component
<!-- App.vue -->
@@ -74,4 +74,4 @@ Vue Router and active state handli
</DBNavigationItem>
</DBMainNavigation>
</template>
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/review/feat-switch/components/navigation/how-to-use.html b/review/feat-switch/components/navigation/how-to-use.html
index e2ed4ea44a4..facf0e4ea7a 100644
--- a/review/feat-switch/components/navigation/how-to-use.html
+++ b/review/feat-switch/components/navigation/how-to-use.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/navigation/migration.html b/review/feat-switch/components/navigation/migration.html
index 0a94ddf391d..62781cabc0b 100644
--- a/review/feat-switch/components/navigation/migration.html
+++ b/review/feat-switch/components/navigation/migration.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/navigation/overview.html b/review/feat-switch/components/navigation/overview.html
index 6b8e181c28a..e20855df0f0 100644
--- a/review/feat-switch/components/navigation/overview.html
+++ b/review/feat-switch/components/navigation/overview.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/navigation/properties.html b/review/feat-switch/components/navigation/properties.html
index c97499cd4b1..ccd3a8496aa 100644
--- a/review/feat-switch/components/navigation/properties.html
+++ b/review/feat-switch/components/navigation/properties.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/notification.html b/review/feat-switch/components/notification.html
index bf8b02116a7..9dc9a23e75b 100644
--- a/review/feat-switch/components/notification.html
+++ b/review/feat-switch/components/notification.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/notification/code/Behaviour.html b/review/feat-switch/components/notification/code/Behaviour.html
index 8fd3f0c7956..ca602091b7b 100644
--- a/review/feat-switch/components/notification/code/Behaviour.html
+++ b/review/feat-switch/components/notification/code/Behaviour.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-notification behaviour="permanent">(Default) Permanent</db-notification>
Copy code <div class="db-notification">
+DB UI Mono <db-notification behaviour="permanent">(Default) Permanent</db-notification>
Copy code <div class="db-notification">
<p>(Default) Permanent</p>
</div>
Copy code <DBNotification behaviour="permanent">(Default) Permanent</DBNotification>
Copy code <DBNotification behaviour="permanent">(Default) Permanent</DBNotification>
Copy code <db-notification behaviour="closable">Closeable</db-notification>
Copy code <div class="db-notification">
<p>Closeable</p>
@@ -11,4 +11,4 @@
>
Close Button
</button>
-</div>
Copy code <DBNotification behaviour="closable">Closeable</DBNotification>
Copy code <DBNotification behaviour="closable">Closeable</DBNotification>
Copy code
\ No newline at end of file
+</div>
Copy code <DBNotification behaviour="closable">Closeable</DBNotification>
Copy code <DBNotification behaviour="closable">Closeable</DBNotification>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/notification/code/ContentVariantDocked.html b/review/feat-switch/components/notification/code/ContentVariantDocked.html
index c4c8116ba0b..6ff1cf99620 100644
--- a/review/feat-switch/components/notification/code/ContentVariantDocked.html
+++ b/review/feat-switch/components/notification/code/ContentVariantDocked.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-notification behaviour="permanent">Text</db-notification>
Copy code undefined
Copy code <DBNotification behaviour="permanent">Text</DBNotification>
Copy code <DBNotification behaviour="permanent">Text</DBNotification>
Copy code <db-notification icon="information_circle" behaviour="permanent">
+DB UI Mono <db-notification behaviour="permanent">Text</db-notification>
Copy code undefined
Copy code <DBNotification behaviour="permanent">Text</DBNotification>
Copy code <DBNotification behaviour="permanent">Text</DBNotification>
Copy code <db-notification icon="information_circle" behaviour="permanent">
Text & Icon
</db-notification>
Copy code undefined
Copy code <DBNotification icon="information_circle" behaviour="permanent">
Text & Icon
@@ -25,4 +25,4 @@
linkVariant="inline"
>
Text & Icon & Headline & Textlink Inline & Cloaseable
-</DBNotification>
Copy code <DBNotification icon="information_circle" headline="Headline" :link="true" linkVariant="inline">Text & Icon & Headline & Textlink Inline & Cloaseable</DBNotification>
Copy code
\ No newline at end of file
+</DBNotification>
Copy code <DBNotification icon="information_circle" headline="Headline" :link="true" linkVariant="inline">Text & Icon & Headline & Textlink Inline & Cloaseable</DBNotification>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/notification/code/ContentVariantOverlay.html b/review/feat-switch/components/notification/code/ContentVariantOverlay.html
index 81e88b4f953..40067a4f1d8 100644
--- a/review/feat-switch/components/notification/code/ContentVariantOverlay.html
+++ b/review/feat-switch/components/notification/code/ContentVariantOverlay.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-notification variant="overlay" behaviour="permanent">
+DB UI Mono <db-notification variant="overlay" behaviour="permanent">
Text
</db-notification>
Copy code undefined
Copy code <DBNotification variant="overlay" behaviour="permanent">
Text
@@ -69,4 +69,4 @@
variant="overlay"
>
Text & Icon & Headline & Timed & Cloaseable
-</DBNotification>
Copy code
\ No newline at end of file
+</DBNotification>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/notification/code/ContentVariantStandalone.html b/review/feat-switch/components/notification/code/ContentVariantStandalone.html
index cb1215e2e2b..8077220523f 100644
--- a/review/feat-switch/components/notification/code/ContentVariantStandalone.html
+++ b/review/feat-switch/components/notification/code/ContentVariantStandalone.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-notification variant="standalone" behaviour="permanent">
+DB UI Mono <db-notification variant="standalone" behaviour="permanent">
Text
</db-notification>
Copy code undefined
Copy code <DBNotification variant="standalone" behaviour="permanent">
Text
@@ -54,4 +54,4 @@
variant="standalone"
>
Text & Icon & Headline & Textlink Inline & Cloaseable
-</DBNotification>
Copy code <DBNotification icon="information_circle" headline="Headline" :link="true" linkVariant="inline" variant="standalone">Text & Icon & Headline & Textlink Inline & Cloaseable</DBNotification>
Copy code
\ No newline at end of file
+</DBNotification>
Copy code <DBNotification icon="information_circle" headline="Headline" :link="true" linkVariant="inline" variant="standalone">Text & Icon & Headline & Textlink Inline & Cloaseable</DBNotification>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/notification/code/Density.html b/review/feat-switch/components/notification/code/Density.html
index 86fb636afe9..82f3dcffea8 100644
--- a/review/feat-switch/components/notification/code/Density.html
+++ b/review/feat-switch/components/notification/code/Density.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-notification
+DB UI Mono <db-notification
headline="Headline"
icon="information_circle"
behaviour="closable"
@@ -88,4 +88,4 @@
behaviour="closable"
>
expressive
-</DBNotification>
Copy code
\ No newline at end of file
+</DBNotification>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/notification/code/Semantic.html b/review/feat-switch/components/notification/code/Semantic.html
index 1566da84d39..09e47289d9a 100644
--- a/review/feat-switch/components/notification/code/Semantic.html
+++ b/review/feat-switch/components/notification/code/Semantic.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-notification type="alert" headline="Headline" behaviour="closable">
+DB UI Mono <db-notification type="alert" headline="Headline" behaviour="closable">
(Default) Adaptive
</db-notification>
Copy code <div class="db-notification">
<h6>Headline</h6>
@@ -181,4 +181,4 @@
behaviour="closable"
>
Warning
-</DBNotification>
Copy code
\ No newline at end of file
+</DBNotification>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/notification/code/Variant.html b/review/feat-switch/components/notification/code/Variant.html
index 80fa53d719a..f94f8a8f0d1 100644
--- a/review/feat-switch/components/notification/code/Variant.html
+++ b/review/feat-switch/components/notification/code/Variant.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-notification
+DB UI Mono <db-notification
variant="docked"
headline="Headline"
icon="information_circle"
@@ -113,4 +113,4 @@
timestamp="10 min ago"
>
Overlay
-</DBNotification>
Copy code
\ No newline at end of file
+</DBNotification>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/notification/docs/Angular.html b/review/feat-switch/components/notification/docs/Angular.html
index ef73b49e4d0..2fce2a25fdc 100644
--- a/review/feat-switch/components/notification/docs/Angular.html
+++ b/review/feat-switch/components/notification/docs/Angular.html
@@ -1,4 +1,4 @@
-
DB UI Mono Angular
+
DB UI Mono Angular
For general installation and configuration take a look at the ngx-components package.
Load component
// app.component.ts
@@ -14,4 +14,4 @@ Load component
<!-- app.component.html -->
<db-notification headline="Headline">Notification</db-notification>
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/review/feat-switch/components/notification/docs/HTML.html b/review/feat-switch/components/notification/docs/HTML.html
index c5055956cec..707b3d264b0 100644
--- a/review/feat-switch/components/notification/docs/HTML.html
+++ b/review/feat-switch/components/notification/docs/HTML.html
@@ -1,4 +1,4 @@
-
DB UI Mono HTML
+
DB UI Mono HTML
For general installation and configuration take a look at the components package.
Use component
<!-- index.html -->
@@ -17,4 +17,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/notification/docs/Migration.html b/review/feat-switch/components/notification/docs/Migration.html
index 446db7a2750..0e1212bddaf 100644
--- a/review/feat-switch/components/notification/docs/Migration.html
+++ b/review/feat-switch/components/notification/docs/Migration.html
@@ -1,4 +1,4 @@
-
DB UI Mono General
+
DB UI Mono General
Note
For a general installation or migration process check out this documentation .
@@ -9,4 +9,4 @@ class
Before Status After Description notification
🔁 notification
Default notification with different look status
❌ ❌ Status can be changed by variants
🆕 inline
New styling with shadow and rounded corners (like card)
type ➡ variants
-Before Status After Description 🆕 adaptive
Default: change colors based on background error
🔁 critical
'Red' colored notification to show error messages informative
🔁 informational
'Blue' colored notification to show information messages warning
🔁 warning
'Yellow' colored notification to show warning messages success
🔁 successful
'Green' colored notification to show success messages
\ No newline at end of file
+
Before Status After Description 🆕 adaptive
Default: change colors based on background error
🔁 critical
'Red' colored notification to show error messages informative
🔁 informational
'Blue' colored notification to show information messages warning
🔁 warning
'Yellow' colored notification to show warning messages success
🔁 successful
'Green' colored notification to show success messages
\ No newline at end of file
diff --git a/review/feat-switch/components/notification/docs/React.html b/review/feat-switch/components/notification/docs/React.html
index 0dcd19cdce0..e8352f05da3 100644
--- a/review/feat-switch/components/notification/docs/React.html
+++ b/review/feat-switch/components/notification/docs/React.html
@@ -1,4 +1,4 @@
-
DB UI Mono React
+
DB UI Mono React
For general installation and configuration take a look at the react-components package.
Use component
// App.tsx
@@ -9,4 +9,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/notification/docs/Vue.html b/review/feat-switch/components/notification/docs/Vue.html
index d60ac49b3f9..6d525ef958d 100644
--- a/review/feat-switch/components/notification/docs/Vue.html
+++ b/review/feat-switch/components/notification/docs/Vue.html
@@ -1,4 +1,4 @@
-
DB UI Mono Vue
+
DB UI Mono Vue
For general installation and configuration take a look at the v-components package.
Use component
<!-- App.vue -->
@@ -9,4 +9,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/notification/how-to-use.html b/review/feat-switch/components/notification/how-to-use.html
index a705d2082b5..cf271af5094 100644
--- a/review/feat-switch/components/notification/how-to-use.html
+++ b/review/feat-switch/components/notification/how-to-use.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/notification/migration.html b/review/feat-switch/components/notification/migration.html
index 0570b01496f..75a21587b35 100644
--- a/review/feat-switch/components/notification/migration.html
+++ b/review/feat-switch/components/notification/migration.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/notification/overview.html b/review/feat-switch/components/notification/overview.html
index de8b3b53191..9a6f68d3680 100644
--- a/review/feat-switch/components/notification/overview.html
+++ b/review/feat-switch/components/notification/overview.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/notification/properties.html b/review/feat-switch/components/notification/properties.html
index 0c750fa2756..c190b54b684 100644
--- a/review/feat-switch/components/notification/properties.html
+++ b/review/feat-switch/components/notification/properties.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/page.html b/review/feat-switch/components/page.html
index 544702ec078..7b268e320b3 100644
--- a/review/feat-switch/components/page.html
+++ b/review/feat-switch/components/page.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/page/code/Tonality.html b/review/feat-switch/components/page/code/Tonality.html
index 21a20b8c53d..32489f013b0 100644
--- a/review/feat-switch/components/page/code/Tonality.html
+++ b/review/feat-switch/components/page/code/Tonality.html
@@ -1,7 +1,7 @@
-
DB UI Mono <db-page>Functional</db-page>
Copy code <div class="db-page" data-fonts-loaded="false">
+DB UI Mono <db-page>Functional</db-page>
Copy code <div class="db-page" data-fonts-loaded="false">
<main class="db-main">Functional</main>
</div>
Copy code <DBPage>Functional</DBPage>
Copy code <DBPage>Functional</DBPage>
Copy code <db-page>(Default) Regular</db-page>
Copy code <div class="db-page" data-fonts-loaded="false">
<main class="db-main">(Default) Regular</main>
</div>
Copy code <DBPage>(Default) Regular</DBPage>
Copy code <DBPage>(Default) Regular</DBPage>
Copy code <db-page>Expressive</db-page>
Copy code <div class="db-page" data-fonts-loaded="false">
<main class="db-main">Expressive</main>
-</div>
Copy code <DBPage>Expressive</DBPage>
Copy code <DBPage>Expressive</DBPage>
Copy code
\ No newline at end of file
+</div>
Copy code <DBPage>Expressive</DBPage>
Copy code <DBPage>Expressive</DBPage>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/page/docs/Angular.html b/review/feat-switch/components/page/docs/Angular.html
index 8f6620c63c1..f2aa5e2bf1d 100644
--- a/review/feat-switch/components/page/docs/Angular.html
+++ b/review/feat-switch/components/page/docs/Angular.html
@@ -1,4 +1,4 @@
-
DB UI Mono Angular
+
DB UI Mono Angular
For general installation and configuration take a look at the ngx-components package.
Load component
//app.component.ts
@@ -19,4 +19,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/page/docs/HTML.html b/review/feat-switch/components/page/docs/HTML.html
index 8f6b69f2691..dd38d5550db 100644
--- a/review/feat-switch/components/page/docs/HTML.html
+++ b/review/feat-switch/components/page/docs/HTML.html
@@ -1,4 +1,4 @@
-
DB UI Mono HTML
+
DB UI Mono HTML
For general installation and configuration take a look at the components package.
Use component
<!-- index.html -->
@@ -9,4 +9,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/page/docs/Migration.html b/review/feat-switch/components/page/docs/Migration.html
index e5f76a7871a..500c3eb988c 100644
--- a/review/feat-switch/components/page/docs/Migration.html
+++ b/review/feat-switch/components/page/docs/Migration.html
@@ -1,8 +1,8 @@
-
DB UI Mono General
+
DB UI Mono General
Note
For a general installation or migration process check out this documentation .
DB UI Core ➡ DB UI Components
class
-
Before Status After Description rea-page
🔁 db-page
\ No newline at end of file
+
Before Status After Description rea-page
🔁 db-page
\ No newline at end of file
diff --git a/review/feat-switch/components/page/docs/React.html b/review/feat-switch/components/page/docs/React.html
index a816a5fb5e9..d48370b47c6 100644
--- a/review/feat-switch/components/page/docs/React.html
+++ b/review/feat-switch/components/page/docs/React.html
@@ -1,4 +1,4 @@
-
DB UI Mono React
+
DB UI Mono React
For general installation and configuration take a look at the react-components package.
Use component
// App.tsx
@@ -11,4 +11,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/page/docs/Vue.html b/review/feat-switch/components/page/docs/Vue.html
index f3afd14eda7..e7001c6edd3 100644
--- a/review/feat-switch/components/page/docs/Vue.html
+++ b/review/feat-switch/components/page/docs/Vue.html
@@ -1,4 +1,4 @@
-
DB UI Mono Vue
+
DB UI Mono Vue
For general installation and configuration take a look at the v-components package.
Use component
<!-- App.vue -->
@@ -12,4 +12,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/page/how-to-use.html b/review/feat-switch/components/page/how-to-use.html
index 99ea4f8e531..83e7345774a 100644
--- a/review/feat-switch/components/page/how-to-use.html
+++ b/review/feat-switch/components/page/how-to-use.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/page/migration.html b/review/feat-switch/components/page/migration.html
index 68cdd504296..2fc0beb5717 100644
--- a/review/feat-switch/components/page/migration.html
+++ b/review/feat-switch/components/page/migration.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/page/overview.html b/review/feat-switch/components/page/overview.html
index 27d47e5b330..0414cad89ea 100644
--- a/review/feat-switch/components/page/overview.html
+++ b/review/feat-switch/components/page/overview.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/page/properties.html b/review/feat-switch/components/page/properties.html
index c0810feaba8..36cef7bdbdd 100644
--- a/review/feat-switch/components/page/properties.html
+++ b/review/feat-switch/components/page/properties.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/popover.html b/review/feat-switch/components/popover.html
index 0b25fd3e72f..327bcb1ea1a 100644
--- a/review/feat-switch/components/popover.html
+++ b/review/feat-switch/components/popover.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/popover/code/Animations.html b/review/feat-switch/components/popover/code/Animations.html
index 65f2255e888..bbc784ce2b9 100644
--- a/review/feat-switch/components/popover/code/Animations.html
+++ b/review/feat-switch/components/popover/code/Animations.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-popover id="popover-13">(Default) Animation no delay</db-popover>
Copy code <div id="popover-13" class="db-popover">
+DB UI Mono <db-popover id="popover-13">(Default) Animation no delay</db-popover>
Copy code <div id="popover-13" class="db-popover">
<article class="db-popover-content">(Default) Animation no delay</article>
</div>
Copy code <DBPopover id="popover-13">(Default) Animation no delay</DBPopover>
Copy code <DBPopover id="popover-13">(Default) Animation no delay</DBPopover>
Copy code <db-popover delay="slow" id="popover-14">
Delay slow
@@ -30,4 +30,4 @@
No animation
</DBPopover>
Copy code <DBPopover animation="disabled" id="popover-16">
No animation
-</DBPopover>
Copy code
\ No newline at end of file
+</DBPopover>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/popover/code/Density.html b/review/feat-switch/components/popover/code/Density.html
index e1b2dd041fb..ccb73cd7147 100644
--- a/review/feat-switch/components/popover/code/Density.html
+++ b/review/feat-switch/components/popover/code/Density.html
@@ -1,7 +1,7 @@
-
DB UI Mono <db-popover id="popover-01">Functional</db-popover>
Copy code <div id="popover-01" class="db-popover">
+DB UI Mono <db-popover id="popover-01">Functional</db-popover>
Copy code <div id="popover-01" class="db-popover">
<article class="db-popover-content">Functional</article>
</div>
Copy code <DBPopover id="popover-01">Functional</DBPopover>
Copy code <DBPopover id="popover-01">Functional</DBPopover>
Copy code <db-popover id="popover-02">(Default) Regular</db-popover>
Copy code <div id="popover-02" class="db-popover">
<article class="db-popover-content">(Default) Regular</article>
</div>
Copy code <DBPopover id="popover-02">(Default) Regular</DBPopover>
Copy code <DBPopover id="popover-02">(Default) Regular</DBPopover>
Copy code <db-popover id="popover-03">Expressive</db-popover>
Copy code <div id="popover-03" class="db-popover">
<article class="db-popover-content">Expressive</article>
-</div>
Copy code <DBPopover id="popover-03">Expressive</DBPopover>
Copy code <DBPopover id="popover-03">Expressive</DBPopover>
Copy code
\ No newline at end of file
+</div>
Copy code <DBPopover id="popover-03">Expressive</DBPopover>
Copy code <DBPopover id="popover-03">Expressive</DBPopover>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/popover/code/Gap.html b/review/feat-switch/components/popover/code/Gap.html
index 3bb8b80f249..4d1c2140e6d 100644
--- a/review/feat-switch/components/popover/code/Gap.html
+++ b/review/feat-switch/components/popover/code/Gap.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-popover id="popover-11">(Default) No gap</db-popover>
Copy code <div id="popover-11" class="db-popover">
+DB UI Mono <db-popover id="popover-11">(Default) No gap</db-popover>
Copy code <div id="popover-11" class="db-popover">
<article class="db-popover-content">(Default) No gap</article>
</div>
Copy code <DBPopover id="popover-11">(Default) No gap</DBPopover>
Copy code <DBPopover id="popover-11">(Default) No gap</DBPopover>
Copy code <db-popover [gap]="true" id="popover-12">With gap</db-popover>
Copy code <div id="popover-12" class="db-popover">
<article class="db-popover-content" data-gap="true">
@@ -6,4 +6,4 @@
</article>
</div>
Copy code <DBPopover gap id="popover-12">
With gap
-</DBPopover>
Copy code <DBPopover :gap="true" id="popover-12">With gap</DBPopover>
Copy code
\ No newline at end of file
+</DBPopover>
Copy code <DBPopover :gap="true" id="popover-12">With gap</DBPopover>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/popover/code/Placement.html b/review/feat-switch/components/popover/code/Placement.html
index 8fbbd64b815..4c6746de23f 100644
--- a/review/feat-switch/components/popover/code/Placement.html
+++ b/review/feat-switch/components/popover/code/Placement.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-popover placement="bottom-start" id="popover-07-start">
+DB UI Mono <db-popover placement="bottom-start" id="popover-07-start">
bottom-start
</db-popover>
Copy code <div id="popover-07-start" class="db-popover">
<article class="db-popover-content" data-placement="bottom-start">
@@ -118,4 +118,4 @@
top-end
</DBPopover>
Copy code <DBPopover placement="top-end" id="popover-08-end">
top-end
-</DBPopover>
Copy code
\ No newline at end of file
+</DBPopover>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/popover/code/Spacing.html b/review/feat-switch/components/popover/code/Spacing.html
index 44d35268e64..f81b66fd136 100644
--- a/review/feat-switch/components/popover/code/Spacing.html
+++ b/review/feat-switch/components/popover/code/Spacing.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-popover spacing="small" id="popover-04">
+DB UI Mono <db-popover spacing="small" id="popover-04">
(Default) Small
</db-popover>
Copy code <div id="popover-04" class="db-popover">
<article class="db-popover-content" data-spacing="small">
@@ -28,4 +28,4 @@
None
</DBPopover>
Copy code <DBPopover spacing="none" id="popover-06">
None
-</DBPopover>
Copy code
\ No newline at end of file
+</DBPopover>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/popover/code/Width.html b/review/feat-switch/components/popover/code/Width.html
index 08547c8164f..dd72a55f93a 100644
--- a/review/feat-switch/components/popover/code/Width.html
+++ b/review/feat-switch/components/popover/code/Width.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-popover
+DB UI Mono <db-popover
content="Max width, lorem ipsum dolor sit amet, consetetur sadipscing"
id="popover-17"
>
@@ -45,4 +45,4 @@
id="popover-18"
>
Fixed
-</DBPopover>
Copy code
\ No newline at end of file
+</DBPopover>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/popover/docs/Angular.html b/review/feat-switch/components/popover/docs/Angular.html
index 036b6ed1a65..60692197c11 100644
--- a/review/feat-switch/components/popover/docs/Angular.html
+++ b/review/feat-switch/components/popover/docs/Angular.html
@@ -1,4 +1,4 @@
-
DB UI Mono Angular
+
DB UI Mono Angular
For general installation and configuration take a look at the ngx-components package.
Load component
// app.component.ts
@@ -18,4 +18,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/popover/docs/HTML.html b/review/feat-switch/components/popover/docs/HTML.html
index 7cfd2ec2c52..059b3388d5b 100644
--- a/review/feat-switch/components/popover/docs/HTML.html
+++ b/review/feat-switch/components/popover/docs/HTML.html
@@ -1,4 +1,4 @@
-
DB UI Mono HTML
+
DB UI Mono HTML
For general installation and configuration take a look at the components package.
Use component
<!-- index.html -->
@@ -14,4 +14,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/popover/docs/Migration.html b/review/feat-switch/components/popover/docs/Migration.html
index 490fbb04162..a729cbcfa27 100644
--- a/review/feat-switch/components/popover/docs/Migration.html
+++ b/review/feat-switch/components/popover/docs/Migration.html
@@ -1,7 +1,7 @@
-
DB UI Mono General
+
DB UI Mono General
Note
For a general installation or migration process check out this documentation .
DB UI Core ➡ DB UI Components
-
New Component 🥳
\ No newline at end of file
+
New Component 🥳
\ No newline at end of file
diff --git a/review/feat-switch/components/popover/docs/React.html b/review/feat-switch/components/popover/docs/React.html
index 72cd71f06ef..bf74d4c1bc9 100644
--- a/review/feat-switch/components/popover/docs/React.html
+++ b/review/feat-switch/components/popover/docs/React.html
@@ -1,4 +1,4 @@
-
DB UI Mono React
+
DB UI Mono React
For general installation and configuration take a look at the react-components package.
Use component
// App.tsx
@@ -12,4 +12,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/popover/docs/Vue.html b/review/feat-switch/components/popover/docs/Vue.html
index eb3c7eff8b5..cde75070cbe 100644
--- a/review/feat-switch/components/popover/docs/Vue.html
+++ b/review/feat-switch/components/popover/docs/Vue.html
@@ -1,4 +1,4 @@
-
DB UI Mono Vue
+
DB UI Mono Vue
For general installation and configuration take a look at the v-components package.
Use component
<!-- App.vue -->
@@ -15,4 +15,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/popover/how-to-use.html b/review/feat-switch/components/popover/how-to-use.html
index 0905aeebd75..692cf5c7941 100644
--- a/review/feat-switch/components/popover/how-to-use.html
+++ b/review/feat-switch/components/popover/how-to-use.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/popover/migration.html b/review/feat-switch/components/popover/migration.html
index 4479692b180..1d31671ba9b 100644
--- a/review/feat-switch/components/popover/migration.html
+++ b/review/feat-switch/components/popover/migration.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/popover/overview.html b/review/feat-switch/components/popover/overview.html
index abd3bab96f3..d45d9aa539e 100644
--- a/review/feat-switch/components/popover/overview.html
+++ b/review/feat-switch/components/popover/overview.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/popover/properties.html b/review/feat-switch/components/popover/properties.html
index 05f5fc52d9e..d5f45dafe54 100644
--- a/review/feat-switch/components/popover/properties.html
+++ b/review/feat-switch/components/popover/properties.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/radio.html b/review/feat-switch/components/radio.html
index 5358f3adb26..a1c7e3b600a 100644
--- a/review/feat-switch/components/radio.html
+++ b/review/feat-switch/components/radio.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/radio/code/Content.html b/review/feat-switch/components/radio/code/Content.html
index c4416bee6d4..884e5f97ed5 100644
--- a/review/feat-switch/components/radio/code/Content.html
+++ b/review/feat-switch/components/radio/code/Content.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-radio name="Content">(Default) Label</db-radio>
Copy code <label class="db-radio" for="OVERWRITE_DEFAULT_ID">
+DB UI Mono <db-radio name="Content">(Default) Label</db-radio>
Copy code <label class="db-radio" for="OVERWRITE_DEFAULT_ID">
<input
type="radio"
aria-invalid="false"
@@ -20,4 +20,4 @@
Hidden Label
</DBRadio>
Copy code <DBRadio name="Content" variant="hidden">
Hidden Label
-</DBRadio>
Copy code
\ No newline at end of file
+</DBRadio>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/radio/code/Density.html b/review/feat-switch/components/radio/code/Density.html
index 3e1d2d23d9b..680717d5fd0 100644
--- a/review/feat-switch/components/radio/code/Density.html
+++ b/review/feat-switch/components/radio/code/Density.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-radio name="Density" value="functional">
+DB UI Mono <db-radio name="Density" value="functional">
Functional
</db-radio>
Copy code <label class="db-radio" for="OVERWRITE_DEFAULT_ID">
<input
@@ -43,4 +43,4 @@
Expressive
</DBRadio>
Copy code <DBRadio name="Density" value="expressive">
Expressive
-</DBRadio>
Copy code
\ No newline at end of file
+</DBRadio>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/radio/code/InteractionStates.html b/review/feat-switch/components/radio/code/InteractionStates.html
index 88bd75f350c..24f9d686262 100644
--- a/review/feat-switch/components/radio/code/InteractionStates.html
+++ b/review/feat-switch/components/radio/code/InteractionStates.html
@@ -1,3 +1,3 @@
-
DB UI Mono <db-radio name="Interaction States">(Default) Enabled</db-radio>
Copy code undefined
Copy code <DBRadio name="Interaction States">(Default) Enabled</DBRadio>
Copy code <DBRadio name="Interaction States">(Default) Enabled</DBRadio>
Copy code <db-radio name="Interaction States" [disabled]="true">Disabled</db-radio>
Copy code undefined
Copy code <DBRadio name="Interaction States" disabled>
+DB UI Mono <db-radio name="Interaction States">(Default) Enabled</db-radio>
Copy code undefined
Copy code <DBRadio name="Interaction States">(Default) Enabled</DBRadio>
Copy code <DBRadio name="Interaction States">(Default) Enabled</DBRadio>
Copy code <db-radio name="Interaction States" [disabled]="true">Disabled</db-radio>
Copy code undefined
Copy code <DBRadio name="Interaction States" disabled>
Disabled
-</DBRadio>
Copy code <DBRadio name="Interaction States" :disabled="true">Disabled</DBRadio>
Copy code
\ No newline at end of file
+</DBRadio>
Copy code <DBRadio name="Interaction States" :disabled="true">Disabled</DBRadio>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/radio/code/Requirement.html b/review/feat-switch/components/radio/code/Requirement.html
index a283acbeb50..8554d9408a4 100644
--- a/review/feat-switch/components/radio/code/Requirement.html
+++ b/review/feat-switch/components/radio/code/Requirement.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-radio name="Requirement">(Default) Optional</db-radio>
Copy code <label class="db-radio" for="OVERWRITE_DEFAULT_ID">
+DB UI Mono <db-radio name="Requirement">(Default) Optional</db-radio>
Copy code <label class="db-radio" for="OVERWRITE_DEFAULT_ID">
<input
type="radio"
aria-invalid="false"
@@ -17,4 +17,4 @@
Required
</label>
Copy code <DBRadio name="Requirement" required>
Required
-</DBRadio>
Copy code <DBRadio name="Requirement" :required="true">Required</DBRadio>
Copy code
\ No newline at end of file
+</DBRadio>
Copy code <DBRadio name="Requirement" :required="true">Required</DBRadio>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/radio/code/Size.html b/review/feat-switch/components/radio/code/Size.html
index e5477459dea..099684041e5 100644
--- a/review/feat-switch/components/radio/code/Size.html
+++ b/review/feat-switch/components/radio/code/Size.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-radio name="Size">(Default) Medium</db-radio>
Copy code <label class="db-radio" for="OVERWRITE_DEFAULT_ID">
+DB UI Mono <db-radio name="Size">(Default) Medium</db-radio>
Copy code <label class="db-radio" for="OVERWRITE_DEFAULT_ID">
<input
type="radio"
aria-invalid="false"
@@ -20,4 +20,4 @@
Small
</DBRadio>
Copy code <DBRadio name="Size" size="small">
Small
-</DBRadio>
Copy code
\ No newline at end of file
+</DBRadio>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/radio/code/States.html b/review/feat-switch/components/radio/code/States.html
index 53dd91d5e73..9d601917b27 100644
--- a/review/feat-switch/components/radio/code/States.html
+++ b/review/feat-switch/components/radio/code/States.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-radio name="States">(Default) Unselected</db-radio>
Copy code <label class="db-radio" for="OVERWRITE_DEFAULT_ID">
+DB UI Mono <db-radio name="States">(Default) Unselected</db-radio>
Copy code <label class="db-radio" for="OVERWRITE_DEFAULT_ID">
<input
type="radio"
aria-invalid="false"
@@ -40,4 +40,4 @@
Selected - Valid
</label>
Copy code <DBRadio name="States Required" required checked>
Selected - Valid
-</DBRadio>
Copy code <DBRadio name="States Required" :required="true" :checked="true">Selected - Valid</DBRadio>
Copy code
\ No newline at end of file
+</DBRadio>
Copy code <DBRadio name="States Required" :required="true" :checked="true">Selected - Valid</DBRadio>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/radio/docs/Angular.html b/review/feat-switch/components/radio/docs/Angular.html
index 95d9e1fc5ac..83e0b0f9fc6 100644
--- a/review/feat-switch/components/radio/docs/Angular.html
+++ b/review/feat-switch/components/radio/docs/Angular.html
@@ -1,4 +1,4 @@
-
DB UI Mono Angular
+
DB UI Mono Angular
For general installation and configuration take a look at the ngx-components package.
Load component
// app.component.ts
@@ -76,4 +76,4 @@
-
coming soon … if your interested in contributing, you're very welcome ;)
\ No newline at end of file
+
coming soon … if your interested in contributing, you're very welcome ;)
\ No newline at end of file
diff --git a/review/feat-switch/components/radio/docs/HTML.html b/review/feat-switch/components/radio/docs/HTML.html
index 6f5ed0cbd2b..88b2c4f45de 100644
--- a/review/feat-switch/components/radio/docs/HTML.html
+++ b/review/feat-switch/components/radio/docs/HTML.html
@@ -1,4 +1,4 @@
-
DB UI Mono HTML
+
DB UI Mono HTML
For general installation and configuration take a look at the components package.
Use component
<!-- index.html -->
@@ -13,4 +13,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/radio/docs/Migration.html b/review/feat-switch/components/radio/docs/Migration.html
index dddebd42f5b..855e1d05f98 100644
--- a/review/feat-switch/components/radio/docs/Migration.html
+++ b/review/feat-switch/components/radio/docs/Migration.html
@@ -1,4 +1,4 @@
-
DB UI Mono General
+
DB UI Mono General
Note
For a general installation or migration process check out this documentation .
@@ -7,4 +7,4 @@ DB UI Core ➡ DB UI Componentsclass
Before Status After Description elm-radio
🔁 db-radio
id
-Before Status After Description input_id
🔁 id
\ No newline at end of file
+
Before Status After Description input_id
🔁 id
\ No newline at end of file
diff --git a/review/feat-switch/components/radio/docs/React.html b/review/feat-switch/components/radio/docs/React.html
index 6db2af50b79..a1c596d2d3c 100644
--- a/review/feat-switch/components/radio/docs/React.html
+++ b/review/feat-switch/components/radio/docs/React.html
@@ -1,4 +1,4 @@
-
DB UI Mono React
+
DB UI Mono React
For general installation and configuration take a look at the react-components package.
Use component
// App.tsx
@@ -24,4 +24,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/radio/docs/Vue.html b/review/feat-switch/components/radio/docs/Vue.html
index def9609b83d..82660d38927 100644
--- a/review/feat-switch/components/radio/docs/Vue.html
+++ b/review/feat-switch/components/radio/docs/Vue.html
@@ -1,4 +1,4 @@
-
DB UI Mono Vue
+
DB UI Mono Vue
For general installation and configuration take a look at the v-components package.
Use component
<!-- App.vue -->
@@ -23,4 +23,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/radio/how-to-use.html b/review/feat-switch/components/radio/how-to-use.html
index 76294a6c258..5c001a1fe8a 100644
--- a/review/feat-switch/components/radio/how-to-use.html
+++ b/review/feat-switch/components/radio/how-to-use.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/radio/migration.html b/review/feat-switch/components/radio/migration.html
index 1c59adee37e..9ef5431323d 100644
--- a/review/feat-switch/components/radio/migration.html
+++ b/review/feat-switch/components/radio/migration.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/radio/overview.html b/review/feat-switch/components/radio/overview.html
index 888f65a199b..7a9f52855c0 100644
--- a/review/feat-switch/components/radio/overview.html
+++ b/review/feat-switch/components/radio/overview.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/radio/properties.html b/review/feat-switch/components/radio/properties.html
index e81416a006a..c73354f2212 100644
--- a/review/feat-switch/components/radio/properties.html
+++ b/review/feat-switch/components/radio/properties.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/readme.html b/review/feat-switch/components/readme.html
index 88fdd73ad9c..1ce6f02f066 100644
--- a/review/feat-switch/components/readme.html
+++ b/review/feat-switch/components/readme.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/router-usage.html b/review/feat-switch/components/router-usage.html
index 3c9645765c9..0aeac7cadc9 100644
--- a/review/feat-switch/components/router-usage.html
+++ b/review/feat-switch/components/router-usage.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/section.html b/review/feat-switch/components/section.html
index 159596b97af..49b3c4bb29f 100644
--- a/review/feat-switch/components/section.html
+++ b/review/feat-switch/components/section.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/section/code/Density.html b/review/feat-switch/components/section/code/Density.html
index fde67413551..e93bbf3f820 100644
--- a/review/feat-switch/components/section/code/Density.html
+++ b/review/feat-switch/components/section/code/Density.html
@@ -1,7 +1,7 @@
-
DB UI Mono <db-section>Functional</db-section>
Copy code <section id="OVERWRITE_DEFAULT_ID" data-size="medium" class="db-section">
+DB UI Mono <db-section>Functional</db-section>
Copy code <section id="OVERWRITE_DEFAULT_ID" data-size="medium" class="db-section">
<div>Functional</div>
</section>
Copy code <DBSection>Functional</DBSection>
Copy code <DBSection>Functional</DBSection>
Copy code <db-section>(Default) Regular</db-section>
Copy code <section id="OVERWRITE_DEFAULT_ID" data-size="medium" class="db-section">
<div>(Default) Regular</div>
</section>
Copy code <DBSection>(Default) Regular</DBSection>
Copy code <DBSection>(Default) Regular</DBSection>
Copy code <db-section>Expressive</db-section>
Copy code <section id="OVERWRITE_DEFAULT_ID" data-size="medium" class="db-section">
<div>Expressive</div>
-</section>
Copy code <DBSection>Expressive</DBSection>
Copy code <DBSection>Expressive</DBSection>
Copy code
\ No newline at end of file
+</section>
Copy code <DBSection>Expressive</DBSection>
Copy code <DBSection>Expressive</DBSection>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/section/code/Size.html b/review/feat-switch/components/section/code/Size.html
index bad07028f4f..1bf84c17ec2 100644
--- a/review/feat-switch/components/section/code/Size.html
+++ b/review/feat-switch/components/section/code/Size.html
@@ -1,7 +1,7 @@
-
DB UI Mono <db-section>(Default) Medium</db-section>
Copy code <section id="OVERWRITE_DEFAULT_ID" data-size="medium" class="db-section">
+DB UI Mono <db-section>(Default) Medium</db-section>
Copy code <section id="OVERWRITE_DEFAULT_ID" data-size="medium" class="db-section">
<div>(Default) Medium</div>
</section>
Copy code <DBSection>(Default) Medium</DBSection>
Copy code <DBSection>(Default) Medium</DBSection>
Copy code <db-section size="large">Large</db-section>
Copy code <section id="OVERWRITE_DEFAULT_ID" data-size="large" class="db-section">
<div>Large</div>
</section>
Copy code <DBSection size="large">Large</DBSection>
Copy code <DBSection size="large">Large</DBSection>
Copy code <db-section size="small">Small</db-section>
Copy code <section id="OVERWRITE_DEFAULT_ID" data-size="small" class="db-section">
<div>Small</div>
-</section>
Copy code <DBSection size="small">Small</DBSection>
Copy code <DBSection size="small">Small</DBSection>
Copy code
\ No newline at end of file
+</section>
Copy code <DBSection size="small">Small</DBSection>
Copy code <DBSection size="small">Small</DBSection>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/section/code/Variant.html b/review/feat-switch/components/section/code/Variant.html
index e8ccf7d30e8..c2b714a2043 100644
--- a/review/feat-switch/components/section/code/Variant.html
+++ b/review/feat-switch/components/section/code/Variant.html
@@ -1,7 +1,7 @@
-
DB UI Mono <db-section>(Default) Full</db-section>
Copy code <section id="OVERWRITE_DEFAULT_ID" data-size="medium" class="db-section">
+DB UI Mono <db-section>(Default) Full</db-section>
Copy code <section id="OVERWRITE_DEFAULT_ID" data-size="medium" class="db-section">
<div>(Default) Full</div>
</section>
Copy code <DBSection>(Default) Full</DBSection>
Copy code <DBSection>(Default) Full</DBSection>
Copy code <db-section variant="medium">Medium</db-section>
Copy code <section id="OVERWRITE_DEFAULT_ID" data-size="medium" class="db-section">
<div data-variant="medium">Medium</div>
</section>
Copy code <DBSection variant="medium">Medium</DBSection>
Copy code <DBSection variant="medium">Medium</DBSection>
Copy code <db-section variant="large">Large</db-section>
Copy code <section id="OVERWRITE_DEFAULT_ID" data-size="medium" class="db-section">
<div data-variant="large">Large</div>
-</section>
Copy code <DBSection variant="large">Large</DBSection>
Copy code <DBSection variant="large">Large</DBSection>
Copy code
\ No newline at end of file
+</section>
Copy code <DBSection variant="large">Large</DBSection>
Copy code <DBSection variant="large">Large</DBSection>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/section/docs/Angular.html b/review/feat-switch/components/section/docs/Angular.html
index 0a5a96f9b5f..ba863bf8f80 100644
--- a/review/feat-switch/components/section/docs/Angular.html
+++ b/review/feat-switch/components/section/docs/Angular.html
@@ -1,4 +1,4 @@
-
DB UI Mono Angular
+
DB UI Mono Angular
For general installation and configuration take a look at the ngx-components package.
Load component
// app.component.ts
@@ -14,4 +14,4 @@ Load component
<!-- app.component.html -->
<db-section variant="full">Section</db-section>
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/review/feat-switch/components/section/docs/HTML.html b/review/feat-switch/components/section/docs/HTML.html
index 4c33a20fa35..7379fec2a5f 100644
--- a/review/feat-switch/components/section/docs/HTML.html
+++ b/review/feat-switch/components/section/docs/HTML.html
@@ -1,4 +1,4 @@
-
DB UI Mono HTML
+
DB UI Mono HTML
For general installation and configuration take a look at the components package.
Use component
<!-- index.html -->
@@ -8,4 +8,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/section/docs/Migration.html b/review/feat-switch/components/section/docs/Migration.html
index 417a67ce6a4..2c8da0b84c6 100644
--- a/review/feat-switch/components/section/docs/Migration.html
+++ b/review/feat-switch/components/section/docs/Migration.html
@@ -1,7 +1,7 @@
-
DB UI Mono General
+
DB UI Mono General
Note
For a general installation or migration process check out this documentation .
DB UI Core ➡ DB UI Components
-
New Component 🥳
\ No newline at end of file
+
New Component 🥳
\ No newline at end of file
diff --git a/review/feat-switch/components/section/docs/React.html b/review/feat-switch/components/section/docs/React.html
index 7b373a0ba9c..fa95498c657 100644
--- a/review/feat-switch/components/section/docs/React.html
+++ b/review/feat-switch/components/section/docs/React.html
@@ -1,4 +1,4 @@
-
DB UI Mono React
+
DB UI Mono React
For general installation and configuration take a look at the react-components package.
Use component
// App.tsx
@@ -7,4 +7,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/section/docs/Vue.html b/review/feat-switch/components/section/docs/Vue.html
index dd04faa796f..f8fa96ef8bd 100644
--- a/review/feat-switch/components/section/docs/Vue.html
+++ b/review/feat-switch/components/section/docs/Vue.html
@@ -1,4 +1,4 @@
-
DB UI Mono Vue
+
DB UI Mono Vue
For general installation and configuration take a look at the v-components package.
Use component
<!-- App.vue -->
@@ -9,4 +9,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/section/how-to-use.html b/review/feat-switch/components/section/how-to-use.html
index 0aee456b7c6..8cdf782b2be 100644
--- a/review/feat-switch/components/section/how-to-use.html
+++ b/review/feat-switch/components/section/how-to-use.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/section/migration.html b/review/feat-switch/components/section/migration.html
index 5e3b57c0b13..a8080a0d2d4 100644
--- a/review/feat-switch/components/section/migration.html
+++ b/review/feat-switch/components/section/migration.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/section/overview.html b/review/feat-switch/components/section/overview.html
index 8685dba5517..b800bb90f84 100644
--- a/review/feat-switch/components/section/overview.html
+++ b/review/feat-switch/components/section/overview.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/section/properties.html b/review/feat-switch/components/section/properties.html
index 9a680f1d50b..e163a65732e 100644
--- a/review/feat-switch/components/section/properties.html
+++ b/review/feat-switch/components/section/properties.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/select.html b/review/feat-switch/components/select.html
index dfe403170f9..3590cec8561 100644
--- a/review/feat-switch/components/select.html
+++ b/review/feat-switch/components/select.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/select/code/Content.html b/review/feat-switch/components/select/code/Content.html
index 318265a027a..862cfd5bbef 100644
--- a/review/feat-switch/components/select/code/Content.html
+++ b/review/feat-switch/components/select/code/Content.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">(Default) Text</db-select>
Copy code <div class="db-select">
+DB UI Mono <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">(Default) Text</db-select>
Copy code <div class="db-select">
<label for="OVERWRITE_DEFAULT_ID">Label</label>
<select
aria-invalid="false"
@@ -65,4 +65,4 @@
icon="x_placeholder"
>
Text - Leading Icon
-</DBSelect>
Copy code <DBSelect :options="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" icon="x_placeholder">Text - Leading Icon</DBSelect>
Copy code
\ No newline at end of file
+</DBSelect>
Copy code <DBSelect :options="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" icon="x_placeholder">Text - Leading Icon</DBSelect>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/select/code/Density.html b/review/feat-switch/components/select/code/Density.html
index 0bea512f74c..e27d226c3e3 100644
--- a/review/feat-switch/components/select/code/Density.html
+++ b/review/feat-switch/components/select/code/Density.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">Functional</db-select>
Copy code <div class="db-select">
+DB UI Mono <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">Functional</db-select>
Copy code <div class="db-select">
<label for="OVERWRITE_DEFAULT_ID">Label</label>
<select
aria-invalid="false"
@@ -97,4 +97,4 @@
label="Label"
>
Expressive
-</DBSelect>
Copy code <DBSelect :options="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">Expressive</DBSelect>
Copy code
\ No newline at end of file
+</DBSelect>
Copy code <DBSelect :options="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">Expressive</DBSelect>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/select/code/Requirement.html b/review/feat-switch/components/select/code/Requirement.html
index 277c4e6ba55..6f9670da81f 100644
--- a/review/feat-switch/components/select/code/Requirement.html
+++ b/review/feat-switch/components/select/code/Requirement.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">(Default) Optional</db-select>
Copy code <div class="db-select">
+DB UI Mono <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">(Default) Optional</db-select>
Copy code <div class="db-select">
<label for="OVERWRITE_DEFAULT_ID">Label</label>
<select
aria-invalid="false"
@@ -66,4 +66,4 @@
required
>
Required
-</DBSelect>
Copy code <DBSelect :options="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" :required="true">Required</DBSelect>
Copy code
\ No newline at end of file
+</DBSelect>
Copy code <DBSelect :options="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" :required="true">Required</DBSelect>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/select/code/StatesFloatingLabel.html b/review/feat-switch/components/select/code/StatesFloatingLabel.html
index 9f338e42c74..dcbaf35fcf8 100644
--- a/review/feat-switch/components/select/code/StatesFloatingLabel.html
+++ b/review/feat-switch/components/select/code/StatesFloatingLabel.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" variant="floating">(Default) Empty</db-select>
Copy code undefined
Copy code <DBSelect
+DB UI Mono <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" variant="floating">(Default) Empty</db-select>
Copy code undefined
Copy code <DBSelect
options={[{ value: "Option 1" }, { value: "Option 2" }]}
label="Label"
variant="floating"
@@ -19,4 +19,4 @@
value="Disabled"
>
Disabled
-</DBSelect>
Copy code <DBSelect :options="[{'value':'Disabled'},{'value':'Option 2'}]" label="Label" :disabled="true" variant="floating" value="Disabled">Disabled</DBSelect>
Copy code
\ No newline at end of file
+</DBSelect>
Copy code <DBSelect :options="[{'value':'Disabled'},{'value':'Option 2'}]" label="Label" :disabled="true" variant="floating" value="Disabled">Disabled</DBSelect>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/select/code/StatesLabelAbove.html b/review/feat-switch/components/select/code/StatesLabelAbove.html
index f3c9613e324..94a64405531 100644
--- a/review/feat-switch/components/select/code/StatesLabelAbove.html
+++ b/review/feat-switch/components/select/code/StatesLabelAbove.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">(Default) Empty</db-select>
Copy code undefined
Copy code <DBSelect
+DB UI Mono <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">(Default) Empty</db-select>
Copy code undefined
Copy code <DBSelect
options={[{ value: "Option 1" }, { value: "Option 2" }]}
label="Label"
>
@@ -15,4 +15,4 @@
disabled
>
Disabled
-</DBSelect>
Copy code <DBSelect :options="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" :disabled="true">Disabled</DBSelect>
Copy code
\ No newline at end of file
+</DBSelect>
Copy code <DBSelect :options="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" :disabled="true">Disabled</DBSelect>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/select/code/VariantHelperMessage.html b/review/feat-switch/components/select/code/VariantHelperMessage.html
index bf36459dc5e..2279c756f45 100644
--- a/review/feat-switch/components/select/code/VariantHelperMessage.html
+++ b/review/feat-switch/components/select/code/VariantHelperMessage.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">(Default) Basic</db-select>
Copy code undefined
Copy code <DBSelect
+DB UI Mono <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">(Default) Basic</db-select>
Copy code undefined
Copy code <DBSelect
options={[{ value: "Option 1" }, { value: "Option 2" }]}
label="Label"
>
@@ -9,4 +9,4 @@
message="Helper Message"
>
Helper Message
-</DBSelect>
Copy code <DBSelect :options="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" message="Helper Message">Helper Message</DBSelect>
Copy code
\ No newline at end of file
+</DBSelect>
Copy code <DBSelect :options="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" message="Helper Message">Helper Message</DBSelect>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/select/code/VariantLabel.html b/review/feat-switch/components/select/code/VariantLabel.html
index 7aedd138a49..0620e774055 100644
--- a/review/feat-switch/components/select/code/VariantLabel.html
+++ b/review/feat-switch/components/select/code/VariantLabel.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">(Default) Label Above</db-select>
Copy code undefined
Copy code <DBSelect
+DB UI Mono <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">(Default) Label Above</db-select>
Copy code undefined
Copy code <DBSelect
options={[{ value: "Option 1" }, { value: "Option 2" }]}
label="Label"
>
@@ -16,4 +16,4 @@
variant="hidden"
>
Hidden Label
-</DBSelect>
Copy code <DBSelect :options="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" variant="hidden">Hidden Label</DBSelect>
Copy code
\ No newline at end of file
+</DBSelect>
Copy code <DBSelect :options="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" variant="hidden">Hidden Label</DBSelect>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/select/docs/Angular.html b/review/feat-switch/components/select/docs/Angular.html
index b2886c5adfe..356aeb866b2 100644
--- a/review/feat-switch/components/select/docs/Angular.html
+++ b/review/feat-switch/components/select/docs/Angular.html
@@ -1,4 +1,4 @@
-
DB UI Mono Angular
+
DB UI Mono Angular
For general installation and configuration take a look at the ngx-components package.
Load component
// app.component.ts
@@ -17,4 +17,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/select/docs/HTML.html b/review/feat-switch/components/select/docs/HTML.html
index c4ca731dcfd..8def6847ec8 100644
--- a/review/feat-switch/components/select/docs/HTML.html
+++ b/review/feat-switch/components/select/docs/HTML.html
@@ -1,4 +1,4 @@
-
DB UI Mono HTML
+
DB UI Mono HTML
For general installation and configuration take a look at the components package.
Use component
<!-- index.html -->
@@ -12,4 +12,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/select/docs/Migration.html b/review/feat-switch/components/select/docs/Migration.html
index 42f46b7480c..da8893a5637 100644
--- a/review/feat-switch/components/select/docs/Migration.html
+++ b/review/feat-switch/components/select/docs/Migration.html
@@ -1,4 +1,4 @@
-
DB UI Mono General
+
DB UI Mono General
Note
For a general installation or migration process check out this documentation .
@@ -7,4 +7,4 @@ DB UI Core ➡ DB UI Componentsclass
Before Status After Description elm-select
🔁 db-select
select
-Before Status After Description multiple
❌ We removed this attribute for now, there are no valid designs for this use case. size
❌ We removed this attribute for now, there are no valid designs for this use case.
\ No newline at end of file
+
Before Status After Description multiple
❌ We removed this attribute for now, there are no valid designs for this use case. size
❌ We removed this attribute for now, there are no valid designs for this use case.
\ No newline at end of file
diff --git a/review/feat-switch/components/select/docs/React.html b/review/feat-switch/components/select/docs/React.html
index 91dc893f73c..518ef2110ea 100644
--- a/review/feat-switch/components/select/docs/React.html
+++ b/review/feat-switch/components/select/docs/React.html
@@ -1,4 +1,4 @@
-
DB UI Mono React
+
DB UI Mono React
For general installation and configuration take a look at the react-components package.
Use component
// App.tsx
@@ -12,4 +12,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/select/docs/Vue.html b/review/feat-switch/components/select/docs/Vue.html
index 70e52a554e6..7f617e7f88c 100644
--- a/review/feat-switch/components/select/docs/Vue.html
+++ b/review/feat-switch/components/select/docs/Vue.html
@@ -1,4 +1,4 @@
-
DB UI Mono Vue
+
DB UI Mono Vue
For general installation and configuration take a look at the v-components package.
Use component
<!-- App.vue -->
@@ -12,4 +12,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/select/how-to-use.html b/review/feat-switch/components/select/how-to-use.html
index 24d1de86bfa..f0b92078528 100644
--- a/review/feat-switch/components/select/how-to-use.html
+++ b/review/feat-switch/components/select/how-to-use.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/select/migration.html b/review/feat-switch/components/select/migration.html
index eb1c16209f2..b36af4b1993 100644
--- a/review/feat-switch/components/select/migration.html
+++ b/review/feat-switch/components/select/migration.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/select/overview.html b/review/feat-switch/components/select/overview.html
index 9698430bee4..94b95010fe4 100644
--- a/review/feat-switch/components/select/overview.html
+++ b/review/feat-switch/components/select/overview.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/select/properties.html b/review/feat-switch/components/select/properties.html
index dcbb57b73aa..d2cf14c842a 100644
--- a/review/feat-switch/components/select/properties.html
+++ b/review/feat-switch/components/select/properties.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/switch.html b/review/feat-switch/components/switch.html
index d5218e1e2a5..7807ed05e84 100644
--- a/review/feat-switch/components/switch.html
+++ b/review/feat-switch/components/switch.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/switch/code/Content.html b/review/feat-switch/components/switch/code/Content.html
index 4e7603348ed..b0213888da7 100644
--- a/review/feat-switch/components/switch/code/Content.html
+++ b/review/feat-switch/components/switch/code/Content.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-switch>(Def) Label</db-switch>
Copy code <label for="OVERWRITE_DEFAULT_ID" class="db-switch">
+DB UI Mono <db-switch>(Def) Label</db-switch>
Copy code <label for="OVERWRITE_DEFAULT_ID" class="db-switch">
<input
type="checkbox"
role="switch"
@@ -14,4 +14,4 @@
aria-invalid="false"
/>
No Label
-</label>
Copy code <DBSwitch variant="hidden">No Label</DBSwitch>
Copy code <DBSwitch variant="hidden">No Label</DBSwitch>
Copy code
\ No newline at end of file
+</label>
Copy code <DBSwitch variant="hidden">No Label</DBSwitch>
Copy code <DBSwitch variant="hidden">No Label</DBSwitch>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/switch/code/Density.html b/review/feat-switch/components/switch/code/Density.html
index 6c92e1b7dcc..bfd451afa93 100644
--- a/review/feat-switch/components/switch/code/Density.html
+++ b/review/feat-switch/components/switch/code/Density.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-switch>functional</db-switch>
Copy code <label for="OVERWRITE_DEFAULT_ID" class="db-switch">
+DB UI Mono <db-switch>functional</db-switch>
Copy code <label for="OVERWRITE_DEFAULT_ID" class="db-switch">
<input
type="checkbox"
role="switch"
@@ -22,4 +22,4 @@
aria-invalid="false"
/>
expressive
-</label>
Copy code <DBSwitch>expressive</DBSwitch>
Copy code <DBSwitch>expressive</DBSwitch>
Copy code
\ No newline at end of file
+</label>
Copy code <DBSwitch>expressive</DBSwitch>
Copy code <DBSwitch>expressive</DBSwitch>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/switch/code/Emphasis.html b/review/feat-switch/components/switch/code/Emphasis.html
index 69fa37a84f5..98237c7a2b3 100644
--- a/review/feat-switch/components/switch/code/Emphasis.html
+++ b/review/feat-switch/components/switch/code/Emphasis.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-switch emphasis="weak">(Def) Weak + unchecked</db-switch>
Copy code <label data-emphasis="weak" for="OVERWRITE_DEFAULT_ID" class="db-switch">
+DB UI Mono <db-switch emphasis="weak">(Def) Weak + unchecked</db-switch>
Copy code <label data-emphasis="weak" for="OVERWRITE_DEFAULT_ID" class="db-switch">
<input
type="checkbox"
role="switch"
@@ -36,4 +36,4 @@
Strong + checked
</label>
Copy code <DBSwitch emphasis="strong" checked>
Strong + checked
-</DBSwitch>
Copy code <DBSwitch emphasis="strong" :checked="true">Strong + checked</DBSwitch>
Copy code
\ No newline at end of file
+</DBSwitch>
Copy code <DBSwitch emphasis="strong" :checked="true">Strong + checked</DBSwitch>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/switch/code/Examples.html b/review/feat-switch/components/switch/code/Examples.html
index 1e65326a59b..ef2244c2a08 100644
--- a/review/feat-switch/components/switch/code/Examples.html
+++ b/review/feat-switch/components/switch/code/Examples.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-switch [visualAid]="true" icon="night" iconAfter="day">Custom Icons</db-switch>
Copy code <label data-visual-aid="true" for="OVERWRITE_DEFAULT_ID" class="db-switch">
+DB UI Mono <db-switch [visualAid]="true" icon="night" iconAfter="day">Custom Icons</db-switch>
Copy code <label data-visual-aid="true" for="OVERWRITE_DEFAULT_ID" class="db-switch">
<input
type="checkbox"
role="switch"
@@ -27,4 +27,4 @@
Custom Icons+ Emphasis
</label>
Copy code <DBSwitch visualAid icon="lock_closed" iconAfter="lock_open" emphasis="strong">
Custom Icons+ Emphasis
-</DBSwitch>
Copy code <DBSwitch :visualAid="true" icon="lock_closed" iconAfter="lock_open" emphasis="strong">Custom Icons+ Emphasis</DBSwitch>
Copy code
\ No newline at end of file
+</DBSwitch>
Copy code <DBSwitch :visualAid="true" icon="lock_closed" iconAfter="lock_open" emphasis="strong">Custom Icons+ Emphasis</DBSwitch>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/switch/code/Size.html b/review/feat-switch/components/switch/code/Size.html
index 30014df04ba..68bc2e0fd0a 100644
--- a/review/feat-switch/components/switch/code/Size.html
+++ b/review/feat-switch/components/switch/code/Size.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-switch>(Def) Medium</db-switch>
Copy code <label for="OVERWRITE_DEFAULT_ID" class="db-switch">
+DB UI Mono <db-switch>(Def) Medium</db-switch>
Copy code <label for="OVERWRITE_DEFAULT_ID" class="db-switch">
<input
type="checkbox"
role="switch"
@@ -14,4 +14,4 @@
aria-invalid="false"
/>
Small
-</label>
Copy code <DBSwitch size="small">Small</DBSwitch>
Copy code <DBSwitch size="small">Small</DBSwitch>
Copy code
\ No newline at end of file
+</label>
Copy code <DBSwitch size="small">Small</DBSwitch>
Copy code <DBSwitch size="small">Small</DBSwitch>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/switch/code/States.html b/review/feat-switch/components/switch/code/States.html
index d8267d57f86..79eb18d43b5 100644
--- a/review/feat-switch/components/switch/code/States.html
+++ b/review/feat-switch/components/switch/code/States.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-switch>(Def) Enabled</db-switch>
Copy code <label for="OVERWRITE_DEFAULT_ID" class="db-switch">
+DB UI Mono <db-switch>(Def) Enabled</db-switch>
Copy code <label for="OVERWRITE_DEFAULT_ID" class="db-switch">
<input
type="checkbox"
role="switch"
@@ -24,4 +24,4 @@
aria-invalid="false"
/>
Disabled
-</label>
Copy code <DBSwitch disabled>Disabled</DBSwitch>
Copy code <DBSwitch :disabled="true">Disabled</DBSwitch>
Copy code
\ No newline at end of file
+</label>
Copy code <DBSwitch disabled>Disabled</DBSwitch>
Copy code <DBSwitch :disabled="true">Disabled</DBSwitch>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/switch/code/VisualAid.html b/review/feat-switch/components/switch/code/VisualAid.html
index 5bcbcc20aa9..010564a95d1 100644
--- a/review/feat-switch/components/switch/code/VisualAid.html
+++ b/review/feat-switch/components/switch/code/VisualAid.html
@@ -1,5 +1,5 @@
-
DB UI Mono <db-switch [visualAid]="false">(Def) No Visual Aid + unchecked</db-switch>
Copy code undefined
Copy code <DBSwitch visualAid>(Def) No Visual Aid + unchecked</DBSwitch>
Copy code <DBSwitch :visualAid="false">(Def) No Visual Aid + unchecked</DBSwitch>
Copy code <db-switch [visualAid]="true">Visual Aid + unchecked</db-switch>
Copy code undefined
Copy code <DBSwitch visualAid>Visual Aid + unchecked</DBSwitch>
Copy code <DBSwitch :visualAid="true">Visual Aid + unchecked</DBSwitch>
Copy code <db-switch [visualAid]="false" [checked]="true">(Def) No Visual Aid + checked</db-switch>
Copy code undefined
Copy code <DBSwitch visualAid checked>
+DB UI Mono <db-switch [visualAid]="false">(Def) No Visual Aid + unchecked</db-switch>
Copy code undefined
Copy code <DBSwitch visualAid>(Def) No Visual Aid + unchecked</DBSwitch>
Copy code <DBSwitch :visualAid="false">(Def) No Visual Aid + unchecked</DBSwitch>
Copy code <db-switch [visualAid]="true">Visual Aid + unchecked</db-switch>
Copy code undefined
Copy code <DBSwitch visualAid>Visual Aid + unchecked</DBSwitch>
Copy code <DBSwitch :visualAid="true">Visual Aid + unchecked</DBSwitch>
Copy code <db-switch [visualAid]="false" [checked]="true">(Def) No Visual Aid + checked</db-switch>
Copy code undefined
Copy code <DBSwitch visualAid checked>
(Def) No Visual Aid + checked
</DBSwitch>
Copy code <DBSwitch :visualAid="false" :checked="true">(Def) No Visual Aid + checked</DBSwitch>
Copy code <db-switch [visualAid]="true" [checked]="true">Visual Aid + checked</db-switch>
Copy code undefined
Copy code <DBSwitch visualAid checked>
Visual Aid + checked
-</DBSwitch>
Copy code <DBSwitch :visualAid="true" :checked="true">Visual Aid + checked</DBSwitch>
Copy code
\ No newline at end of file
+</DBSwitch>
Copy code <DBSwitch :visualAid="true" :checked="true">Visual Aid + checked</DBSwitch>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/switch/docs/Angular.html b/review/feat-switch/components/switch/docs/Angular.html
index 0e6c56f31ba..2a70e51fb86 100644
--- a/review/feat-switch/components/switch/docs/Angular.html
+++ b/review/feat-switch/components/switch/docs/Angular.html
@@ -1,4 +1,4 @@
-
DB UI Mono Angular
+
DB UI Mono Angular
For general installation and configuration take a look at the ngx-components package.
Load component
// app.component.ts
@@ -14,4 +14,4 @@ Load component
<!-- app.component.html -->
<db-switch>Switch</db-switch>
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/review/feat-switch/components/switch/docs/HTML.html b/review/feat-switch/components/switch/docs/HTML.html
index 8c7feab8961..12fd8dc7c93 100644
--- a/review/feat-switch/components/switch/docs/HTML.html
+++ b/review/feat-switch/components/switch/docs/HTML.html
@@ -1,4 +1,4 @@
-
DB UI Mono HTML
+
DB UI Mono HTML
For general installation and configuration take a look at the components package.
Use component
<!-- index.html -->
@@ -9,4 +9,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/switch/docs/Migration.html b/review/feat-switch/components/switch/docs/Migration.html
index c277ee44c3e..18073e9f574 100644
--- a/review/feat-switch/components/switch/docs/Migration.html
+++ b/review/feat-switch/components/switch/docs/Migration.html
@@ -1,4 +1,4 @@
-
DB UI Mono General
+
DB UI Mono General
Note
For a general installation or migration process check out this documentation .
@@ -7,4 +7,4 @@ DB UI Core ➡ DB UI Componentsclass
Before Status After Description elm-toggle
🔁 db-switch
id
-Before Status After Description htmlid
🔁 id
\ No newline at end of file
+
Before Status After Description htmlid
🔁 id
\ No newline at end of file
diff --git a/review/feat-switch/components/switch/docs/React.html b/review/feat-switch/components/switch/docs/React.html
index 21005117d03..5cd01de4780 100644
--- a/review/feat-switch/components/switch/docs/React.html
+++ b/review/feat-switch/components/switch/docs/React.html
@@ -1,4 +1,4 @@
-
DB UI Mono React
+
DB UI Mono React
For general installation and configuration take a look at the react-components package.
Use component
// App.tsx
@@ -7,4 +7,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/switch/docs/Vue.html b/review/feat-switch/components/switch/docs/Vue.html
index cb697df67d4..87e10d8ceae 100644
--- a/review/feat-switch/components/switch/docs/Vue.html
+++ b/review/feat-switch/components/switch/docs/Vue.html
@@ -1,4 +1,4 @@
-
DB UI Mono Vue
+
DB UI Mono Vue
For general installation and configuration take a look at the v-components package.
Use component
<!-- App.vue -->
@@ -9,4 +9,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/switch/how-to-use.html b/review/feat-switch/components/switch/how-to-use.html
index c0a3d4e1eb3..0526b2e4198 100644
--- a/review/feat-switch/components/switch/how-to-use.html
+++ b/review/feat-switch/components/switch/how-to-use.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/switch/migration.html b/review/feat-switch/components/switch/migration.html
index c13cfe54c88..05c1f9daeda 100644
--- a/review/feat-switch/components/switch/migration.html
+++ b/review/feat-switch/components/switch/migration.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/switch/overview.html b/review/feat-switch/components/switch/overview.html
index 01e56565f05..26dee59e273 100644
--- a/review/feat-switch/components/switch/overview.html
+++ b/review/feat-switch/components/switch/overview.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/switch/properties.html b/review/feat-switch/components/switch/properties.html
index 3fba30f4f14..735609a0f99 100644
--- a/review/feat-switch/components/switch/properties.html
+++ b/review/feat-switch/components/switch/properties.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/tab-item.html b/review/feat-switch/components/tab-item.html
index f12e58c3561..542ad0d0a03 100644
--- a/review/feat-switch/components/tab-item.html
+++ b/review/feat-switch/components/tab-item.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/tab-item/code/Behaviour.html b/review/feat-switch/components/tab-item/code/Behaviour.html
index c5024e46d64..e0b7c8424eb 100644
--- a/review/feat-switch/components/tab-item/code/Behaviour.html
+++ b/review/feat-switch/components/tab-item/code/Behaviour.html
@@ -1,7 +1,7 @@
-
DB UI Mono <db-tab-item label="(Default) Auto Width">(Default) Auto Width</db-tab-item>
Copy code <li role="tab" class="db-tab-item"><label for="OVERWRITE_DEFAULT_ID"><input type="radio" role="tab" id="OVERWRITE_DEFAULT_ID"/>(Default) Auto Width<!-- -->(Default) Auto Width</label></li>
Copy code <DBTabItem label="(Default) Auto Width">(Default) Auto Width</DBTabItem>
Copy code <DBTabItem label="(Default) Auto Width">(Default) Auto Width</DBTabItem>
Copy code <db-tab-item label="Width full" width="full">
+DB UI Mono <db-tab-item label="(Default) Auto Width">(Default) Auto Width</db-tab-item>
Copy code <li role="tab" class="db-tab-item"><label for="OVERWRITE_DEFAULT_ID"><input type="radio" role="tab" id="OVERWRITE_DEFAULT_ID"/>(Default) Auto Width<!-- -->(Default) Auto Width</label></li>
Copy code <DBTabItem label="(Default) Auto Width">(Default) Auto Width</DBTabItem>
Copy code <DBTabItem label="(Default) Auto Width">(Default) Auto Width</DBTabItem>
Copy code <db-tab-item label="Width full" width="full">
Width full
</db-tab-item>
Copy code <li role="tab" class="db-tab-item"><label for="OVERWRITE_DEFAULT_ID"><input type="radio" role="tab" id="OVERWRITE_DEFAULT_ID"/>Width full<!-- -->Width full</label></li>
Copy code <DBTabItem label="Width full" width="full">
Width full
</DBTabItem>
Copy code <DBTabItem label="Width full" width="full">
Width full
-</DBTabItem>
Copy code
\ No newline at end of file
+</DBTabItem>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/tab-item/code/Content.html b/review/feat-switch/components/tab-item/code/Content.html
index 5a6f80156b2..f3154a845ce 100644
--- a/review/feat-switch/components/tab-item/code/Content.html
+++ b/review/feat-switch/components/tab-item/code/Content.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-tab-item label="(Default) Text">(Default) Text</db-tab-item>
Copy code <li role="tab" class="db-tab-item"><label for="OVERWRITE_DEFAULT_ID"><input type="radio" role="tab" id="OVERWRITE_DEFAULT_ID"/>(Default) Text<!-- -->(Default) Text</label></li>
Copy code <DBTabItem label="(Default) Text">(Default) Text</DBTabItem>
Copy code <DBTabItem label="(Default) Text">(Default) Text</DBTabItem>
Copy code <db-tab-item label="Text - Icon (Leading)" icon="x_placeholder">
+DB UI Mono <db-tab-item label="(Default) Text">(Default) Text</db-tab-item>
Copy code <li role="tab" class="db-tab-item"><label for="OVERWRITE_DEFAULT_ID"><input type="radio" role="tab" id="OVERWRITE_DEFAULT_ID"/>(Default) Text<!-- -->(Default) Text</label></li>
Copy code <DBTabItem label="(Default) Text">(Default) Text</DBTabItem>
Copy code <DBTabItem label="(Default) Text">(Default) Text</DBTabItem>
Copy code <db-tab-item label="Text - Icon (Leading)" icon="x_placeholder">
Text - Icon (Leading)
</db-tab-item>
Copy code <li role="tab" class="db-tab-item"><label for="OVERWRITE_DEFAULT_ID" data-icon="x_placeholder"><input type="radio" role="tab" id="OVERWRITE_DEFAULT_ID"/>Text - Icon (Leading)<!-- -->Text - Icon (Leading)</label></li>
Copy code <DBTabItem label="Text - Icon (Leading)" icon="x_placeholder">
Text - Icon (Leading)
@@ -21,4 +21,4 @@
</label>
</li>
Copy code <DBTabItem icon="x_placeholder" noText>
Icon
-</DBTabItem>
Copy code <DBTabItem icon="x_placeholder" :noText="true">Icon</DBTabItem>
Copy code
\ No newline at end of file
+</DBTabItem>
Copy code <DBTabItem icon="x_placeholder" :noText="true">Icon</DBTabItem>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/tab-item/code/ContentAlignmentFullWidth.html b/review/feat-switch/components/tab-item/code/ContentAlignmentFullWidth.html
index b764e5c3672..80d29dabf27 100644
--- a/review/feat-switch/components/tab-item/code/ContentAlignmentFullWidth.html
+++ b/review/feat-switch/components/tab-item/code/ContentAlignmentFullWidth.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-tab-item label="Left" width="full">
+DB UI Mono <db-tab-item label="Left" width="full">
Left
</db-tab-item>
Copy code undefined
Copy code <DBTabItem label="Left" width="full">
Left
@@ -10,4 +10,4 @@
Centered
</DBTabItem>
Copy code <DBTabItem label="Centered" width="full" alignment="center">
Centered
-</DBTabItem>
Copy code
\ No newline at end of file
+</DBTabItem>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/tab-item/code/Density.html b/review/feat-switch/components/tab-item/code/Density.html
index 5b9fa5e4344..07213bbb9e8 100644
--- a/review/feat-switch/components/tab-item/code/Density.html
+++ b/review/feat-switch/components/tab-item/code/Density.html
@@ -1 +1 @@
-
DB UI Mono <db-tab-item label="functional">Functional</db-tab-item>
Copy code <li role="tab" class="db-tab-item"><label for="OVERWRITE_DEFAULT_ID"><input type="radio" role="tab" id="OVERWRITE_DEFAULT_ID"/>functional<!-- -->Functional</label></li>
Copy code <DBTabItem label="functional">Functional</DBTabItem>
Copy code <DBTabItem label="functional">Functional</DBTabItem>
Copy code <db-tab-item label="(Default) Regular">(Default) Regular</db-tab-item>
Copy code <li role="tab" class="db-tab-item"><label for="OVERWRITE_DEFAULT_ID"><input type="radio" role="tab" id="OVERWRITE_DEFAULT_ID"/>(Default) Regular<!-- -->(Default) Regular</label></li>
Copy code <DBTabItem label="(Default) Regular">(Default) Regular</DBTabItem>
Copy code <DBTabItem label="(Default) Regular">(Default) Regular</DBTabItem>
Copy code <db-tab-item label="expressive">Expressive</db-tab-item>
Copy code <li role="tab" class="db-tab-item"><label for="OVERWRITE_DEFAULT_ID"><input type="radio" role="tab" id="OVERWRITE_DEFAULT_ID"/>expressive<!-- -->Expressive</label></li>
Copy code <DBTabItem label="expressive">Expressive</DBTabItem>
Copy code <DBTabItem label="expressive">Expressive</DBTabItem>
Copy code
\ No newline at end of file
+
DB UI Mono <db-tab-item label="functional">Functional</db-tab-item>
Copy code <li role="tab" class="db-tab-item"><label for="OVERWRITE_DEFAULT_ID"><input type="radio" role="tab" id="OVERWRITE_DEFAULT_ID"/>functional<!-- -->Functional</label></li>
Copy code <DBTabItem label="functional">Functional</DBTabItem>
Copy code <DBTabItem label="functional">Functional</DBTabItem>
Copy code <db-tab-item label="(Default) Regular">(Default) Regular</db-tab-item>
Copy code <li role="tab" class="db-tab-item"><label for="OVERWRITE_DEFAULT_ID"><input type="radio" role="tab" id="OVERWRITE_DEFAULT_ID"/>(Default) Regular<!-- -->(Default) Regular</label></li>
Copy code <DBTabItem label="(Default) Regular">(Default) Regular</DBTabItem>
Copy code <DBTabItem label="(Default) Regular">(Default) Regular</DBTabItem>
Copy code <db-tab-item label="expressive">Expressive</db-tab-item>
Copy code <li role="tab" class="db-tab-item"><label for="OVERWRITE_DEFAULT_ID"><input type="radio" role="tab" id="OVERWRITE_DEFAULT_ID"/>expressive<!-- -->Expressive</label></li>
Copy code <DBTabItem label="expressive">Expressive</DBTabItem>
Copy code <DBTabItem label="expressive">Expressive</DBTabItem>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/tab-item/code/States.html b/review/feat-switch/components/tab-item/code/States.html
index 779e542385b..7c5f052c15a 100644
--- a/review/feat-switch/components/tab-item/code/States.html
+++ b/review/feat-switch/components/tab-item/code/States.html
@@ -1,5 +1,5 @@
-
DB UI Mono <db-tab-item label="(Default) Enabled">(Default) Enabled</db-tab-item>
Copy code <li role="tab" class="db-tab-item"><label for="OVERWRITE_DEFAULT_ID"><input type="radio" role="tab" id="OVERWRITE_DEFAULT_ID"/>(Default) Enabled<!-- -->(Default) Enabled</label></li>
Copy code <DBTabItem label="(Default) Enabled">(Default) Enabled</DBTabItem>
Copy code <DBTabItem label="(Default) Enabled">(Default) Enabled</DBTabItem>
Copy code <db-tab-item label="active" [active]="true">active</db-tab-item>
Copy code <li role="tab" class="db-tab-item"><label for="OVERWRITE_DEFAULT_ID"><input type="radio" role="tab" id="OVERWRITE_DEFAULT_ID"/>active<!-- -->active</label></li>
Copy code <DBTabItem label="active" active>
+DB UI Mono <db-tab-item label="(Default) Enabled">(Default) Enabled</db-tab-item>
Copy code <li role="tab" class="db-tab-item"><label for="OVERWRITE_DEFAULT_ID"><input type="radio" role="tab" id="OVERWRITE_DEFAULT_ID"/>(Default) Enabled<!-- -->(Default) Enabled</label></li>
Copy code <DBTabItem label="(Default) Enabled">(Default) Enabled</DBTabItem>
Copy code <DBTabItem label="(Default) Enabled">(Default) Enabled</DBTabItem>
Copy code <db-tab-item label="active" [active]="true">active</db-tab-item>
Copy code <li role="tab" class="db-tab-item"><label for="OVERWRITE_DEFAULT_ID"><input type="radio" role="tab" id="OVERWRITE_DEFAULT_ID"/>active<!-- -->active</label></li>
Copy code <DBTabItem label="active" active>
active
</DBTabItem>
Copy code <DBTabItem label="active" :active="true">active</DBTabItem>
Copy code <db-tab-item label="active" [disabled]="true">disabled</db-tab-item>
Copy code <li role="tab" class="db-tab-item"><label for="OVERWRITE_DEFAULT_ID"><input type="radio" role="tab" disabled="" id="OVERWRITE_DEFAULT_ID"/>active<!-- -->disabled</label></li>
Copy code <DBTabItem label="active" disabled>
disabled
-</DBTabItem>
Copy code <DBTabItem label="active" :disabled="true">disabled</DBTabItem>
Copy code
\ No newline at end of file
+</DBTabItem>
Copy code <DBTabItem label="active" :disabled="true">disabled</DBTabItem>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/tab-item/docs/Angular.html b/review/feat-switch/components/tab-item/docs/Angular.html
index 18ef0719bdc..e07fd959bb2 100644
--- a/review/feat-switch/components/tab-item/docs/Angular.html
+++ b/review/feat-switch/components/tab-item/docs/Angular.html
@@ -1,4 +1,4 @@
-
DB UI Mono Angular
+
DB UI Mono Angular
For general installation and configuration take a look at the ngx-components package.
Load component
You can't use the component standalone!
@@ -25,4 +25,4 @@
Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/tab-item/docs/HTML.html b/review/feat-switch/components/tab-item/docs/HTML.html
index b657ac229ea..8a35411302f 100644
--- a/review/feat-switch/components/tab-item/docs/HTML.html
+++ b/review/feat-switch/components/tab-item/docs/HTML.html
@@ -1,4 +1,4 @@
-
DB UI Mono HTML
+
DB UI Mono HTML
For general installation and configuration take a look at the components package.
Use component
<!-- index.html -->
@@ -72,4 +72,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/tab-item/docs/Migration.html b/review/feat-switch/components/tab-item/docs/Migration.html
index d582822f3ec..0c78751e57a 100644
--- a/review/feat-switch/components/tab-item/docs/Migration.html
+++ b/review/feat-switch/components/tab-item/docs/Migration.html
@@ -1,4 +1,4 @@
-
DB UI Mono General
+
DB UI Mono General
Note
For a general installation or migration process check out this documentation .
@@ -7,4 +7,4 @@ DB UI Core ➡ DB UI Componentsclass
Before Status After Description cmp-db-tab
🔁 db-tab-item
name
-Before Status After Description name
❌ ❌ It should be used with db-tabs
which will add a the name
from db-tabs
to all tabs all at one.
\ No newline at end of file
+
Before Status After Description name
❌ ❌ It should be used with db-tabs
which will add a the name
from db-tabs
to all tabs all at one.
\ No newline at end of file
diff --git a/review/feat-switch/components/tab-item/docs/React.html b/review/feat-switch/components/tab-item/docs/React.html
index 15f40da4e09..f48f6b037ef 100644
--- a/review/feat-switch/components/tab-item/docs/React.html
+++ b/review/feat-switch/components/tab-item/docs/React.html
@@ -1,4 +1,4 @@
-
DB UI Mono React
+
DB UI Mono React
For general installation and configuration take a look at the react-components package.
Use component
// App.tsx
@@ -23,4 +23,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/tab-item/docs/Vue.html b/review/feat-switch/components/tab-item/docs/Vue.html
index dea6b37d44e..6410bb36fb1 100644
--- a/review/feat-switch/components/tab-item/docs/Vue.html
+++ b/review/feat-switch/components/tab-item/docs/Vue.html
@@ -1,4 +1,4 @@
-
DB UI Mono Vue
+
DB UI Mono Vue
For general installation and configuration take a look at the v-components package.
Use component
<!-- App.vue -->
@@ -18,4 +18,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/tab-item/how-to-use.html b/review/feat-switch/components/tab-item/how-to-use.html
index 6816a21c5a0..a210b7f7538 100644
--- a/review/feat-switch/components/tab-item/how-to-use.html
+++ b/review/feat-switch/components/tab-item/how-to-use.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/tab-item/migration.html b/review/feat-switch/components/tab-item/migration.html
index 7b19f99d6ee..9fafef7b2d5 100644
--- a/review/feat-switch/components/tab-item/migration.html
+++ b/review/feat-switch/components/tab-item/migration.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/tab-item/overview.html b/review/feat-switch/components/tab-item/overview.html
index 3e121207cc1..040fb10a4a1 100644
--- a/review/feat-switch/components/tab-item/overview.html
+++ b/review/feat-switch/components/tab-item/overview.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/tab-item/properties.html b/review/feat-switch/components/tab-item/properties.html
index d88cbbee8aa..f372179adbd 100644
--- a/review/feat-switch/components/tab-item/properties.html
+++ b/review/feat-switch/components/tab-item/properties.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/tab-list/docs/Angular.html b/review/feat-switch/components/tab-list/docs/Angular.html
index fce6edd0821..a9ba9802f95 100644
--- a/review/feat-switch/components/tab-list/docs/Angular.html
+++ b/review/feat-switch/components/tab-list/docs/Angular.html
@@ -1,4 +1,4 @@
-
DB UI Mono Angular
+
DB UI Mono Angular
For general installation and configuration take a look at the ngx-components package.
Load component
You can't use the component standalone!
@@ -25,4 +25,4 @@
Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/tab-list/docs/HTML.html b/review/feat-switch/components/tab-list/docs/HTML.html
index 457cab1395d..c5886b4db58 100644
--- a/review/feat-switch/components/tab-list/docs/HTML.html
+++ b/review/feat-switch/components/tab-list/docs/HTML.html
@@ -1,4 +1,4 @@
-
DB UI Mono HTML
+
DB UI Mono HTML
For general installation and configuration take a look at the components package.
Use component
<!-- index.html -->
@@ -72,4 +72,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/tab-list/docs/Migration.html b/review/feat-switch/components/tab-list/docs/Migration.html
index 426673ab186..1cdfd0cb8e3 100644
--- a/review/feat-switch/components/tab-list/docs/Migration.html
+++ b/review/feat-switch/components/tab-list/docs/Migration.html
@@ -1,7 +1,7 @@
-
DB UI Mono General
+
DB UI Mono General
Note
For a general installation or migration process check out this documentation .
DB UI Core ➡ DB UI Components
-
New Component 🥳
\ No newline at end of file
+
New Component 🥳
\ No newline at end of file
diff --git a/review/feat-switch/components/tab-list/docs/React.html b/review/feat-switch/components/tab-list/docs/React.html
index 6fab524ad1c..26083b98463 100644
--- a/review/feat-switch/components/tab-list/docs/React.html
+++ b/review/feat-switch/components/tab-list/docs/React.html
@@ -1,4 +1,4 @@
-
DB UI Mono React
+
DB UI Mono React
For general installation and configuration take a look at the react-components package.
Use component
// App.tsx
@@ -23,4 +23,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/tab-list/docs/Vue.html b/review/feat-switch/components/tab-list/docs/Vue.html
index 0eb16d6a640..350fc77f6bb 100644
--- a/review/feat-switch/components/tab-list/docs/Vue.html
+++ b/review/feat-switch/components/tab-list/docs/Vue.html
@@ -1,4 +1,4 @@
-
DB UI Mono Vue
+
DB UI Mono Vue
For general installation and configuration take a look at the v-components package.
Use component
<!-- App.vue -->
@@ -18,4 +18,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/tab-list/how-to-use.html b/review/feat-switch/components/tab-list/how-to-use.html
index 9c8f11fa4b6..b018498f6b3 100644
--- a/review/feat-switch/components/tab-list/how-to-use.html
+++ b/review/feat-switch/components/tab-list/how-to-use.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/tab-list/migration.html b/review/feat-switch/components/tab-list/migration.html
index 6f6602b1bec..3b5dbeab1af 100644
--- a/review/feat-switch/components/tab-list/migration.html
+++ b/review/feat-switch/components/tab-list/migration.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/tab-list/properties.html b/review/feat-switch/components/tab-list/properties.html
index e81544da8e4..7d5cde77fee 100644
--- a/review/feat-switch/components/tab-list/properties.html
+++ b/review/feat-switch/components/tab-list/properties.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/tab-panel/docs/Angular.html b/review/feat-switch/components/tab-panel/docs/Angular.html
index ba8800bb316..f451437b12d 100644
--- a/review/feat-switch/components/tab-panel/docs/Angular.html
+++ b/review/feat-switch/components/tab-panel/docs/Angular.html
@@ -1,4 +1,4 @@
-
DB UI Mono Angular
+
DB UI Mono Angular
For general installation and configuration take a look at the ngx-components package.
Load component
You can't use the component standalone!
@@ -25,4 +25,4 @@
Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/tab-panel/docs/HTML.html b/review/feat-switch/components/tab-panel/docs/HTML.html
index a8cdbac7797..5657b26de31 100644
--- a/review/feat-switch/components/tab-panel/docs/HTML.html
+++ b/review/feat-switch/components/tab-panel/docs/HTML.html
@@ -1,4 +1,4 @@
-
DB UI Mono HTML
+
DB UI Mono HTML
For general installation and configuration take a look at the components package.
Use component
<!-- index.html -->
@@ -72,4 +72,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/tab-panel/docs/Migration.html b/review/feat-switch/components/tab-panel/docs/Migration.html
index 8d1cf6ea301..db2055941fc 100644
--- a/review/feat-switch/components/tab-panel/docs/Migration.html
+++ b/review/feat-switch/components/tab-panel/docs/Migration.html
@@ -1,7 +1,7 @@
-
DB UI Mono General
+
DB UI Mono General
Note
For a general installation or migration process check out this documentation .
DB UI Core ➡ DB UI Components
-
New Component 🥳
\ No newline at end of file
+
New Component 🥳
\ No newline at end of file
diff --git a/review/feat-switch/components/tab-panel/docs/React.html b/review/feat-switch/components/tab-panel/docs/React.html
index 2714ca538a2..1adcc0e3a4c 100644
--- a/review/feat-switch/components/tab-panel/docs/React.html
+++ b/review/feat-switch/components/tab-panel/docs/React.html
@@ -1,4 +1,4 @@
-
DB UI Mono React
+
DB UI Mono React
For general installation and configuration take a look at the react-components package.
Use component
// App.tsx
@@ -23,4 +23,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/tab-panel/docs/Vue.html b/review/feat-switch/components/tab-panel/docs/Vue.html
index 16179e162c5..04679f24281 100644
--- a/review/feat-switch/components/tab-panel/docs/Vue.html
+++ b/review/feat-switch/components/tab-panel/docs/Vue.html
@@ -1,4 +1,4 @@
-
DB UI Mono Vue
+
DB UI Mono Vue
For general installation and configuration take a look at the v-components package.
Use component
<!-- App.vue -->
@@ -18,4 +18,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/tab-panel/how-to-use.html b/review/feat-switch/components/tab-panel/how-to-use.html
index b1cb6e53542..197964ffd59 100644
--- a/review/feat-switch/components/tab-panel/how-to-use.html
+++ b/review/feat-switch/components/tab-panel/how-to-use.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/tab-panel/migration.html b/review/feat-switch/components/tab-panel/migration.html
index 64165c898d7..072e83256f1 100644
--- a/review/feat-switch/components/tab-panel/migration.html
+++ b/review/feat-switch/components/tab-panel/migration.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/tab-panel/properties.html b/review/feat-switch/components/tab-panel/properties.html
index 17ed6416149..81fab007590 100644
--- a/review/feat-switch/components/tab-panel/properties.html
+++ b/review/feat-switch/components/tab-panel/properties.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/tabs.html b/review/feat-switch/components/tabs.html
index fcccead85ed..96b68ba8a4e 100644
--- a/review/feat-switch/components/tabs.html
+++ b/review/feat-switch/components/tabs.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/tabs/code/Examples.html b/review/feat-switch/components/tabs/code/Examples.html
index cb5bca8a60f..205aa158c43 100644
--- a/review/feat-switch/components/tabs/code/Examples.html
+++ b/review/feat-switch/components/tabs/code/Examples.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-tabs [initialSelectedIndex]="1">
+DB UI Mono <db-tabs [initialSelectedIndex]="1">
<db-tab-list>
<db-tab>Tab 1</db-tab>
<db-tab>Tab 2</db-tab>
@@ -176,4 +176,4 @@
<DBTabPanel>Tab Panel 1</DBTabPanel>
<DBTabPanel>Tab Panel 2</DBTabPanel>
<DBTabPanel>Tab Panel 3</DBTabPanel>
- </DBTabs>
Copy code
\ No newline at end of file
+ </DBTabs>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/tabs/code/Orientation.html b/review/feat-switch/components/tabs/code/Orientation.html
index 48d49ff33e4..3a7caef5acc 100644
--- a/review/feat-switch/components/tabs/code/Orientation.html
+++ b/review/feat-switch/components/tabs/code/Orientation.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-tabs>
+DB UI Mono <db-tabs>
<db-tab-list>
<db-tab>Tab 1</db-tab>
<db-tab>Tab 2</db-tab>
@@ -176,4 +176,4 @@
<DBTabPanel>Tab Panel 1</DBTabPanel>
<DBTabPanel>Tab Panel 2</DBTabPanel>
<DBTabPanel>Tab Panel 3</DBTabPanel>
-</DBTabs>
Copy code
\ No newline at end of file
+</DBTabs>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/tabs/code/Overflow.html b/review/feat-switch/components/tabs/code/Overflow.html
index 2abecdcf712..38db8f482c0 100644
--- a/review/feat-switch/components/tabs/code/Overflow.html
+++ b/review/feat-switch/components/tabs/code/Overflow.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-tabs>
+DB UI Mono <db-tabs>
<db-tab-list>
<db-tab>Tab 1</db-tab>
<db-tab>Tab 2</db-tab>
@@ -265,4 +265,4 @@
<DBTabPanel>Tab Panel 1</DBTabPanel>
<DBTabPanel>Tab Panel 2</DBTabPanel>
<DBTabPanel>Tab Panel 3</DBTabPanel>
-</DBTabs>
Copy code
\ No newline at end of file
+</DBTabs>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/tabs/code/Tonality.html b/review/feat-switch/components/tabs/code/Tonality.html
index 11f74663a1c..ba1a380ec36 100644
--- a/review/feat-switch/components/tabs/code/Tonality.html
+++ b/review/feat-switch/components/tabs/code/Tonality.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-tabs>
+DB UI Mono <db-tabs>
<db-tab-list>
<db-tab>Tab 1</db-tab>
<db-tab>Tab 2</db-tab>
@@ -265,4 +265,4 @@
<DBTabPanel>Tab Panel 1</DBTabPanel>
<DBTabPanel>Tab Panel 2</DBTabPanel>
<DBTabPanel>Tab Panel 3</DBTabPanel>
-</DBTabs>
Copy code
\ No newline at end of file
+</DBTabs>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/tabs/code/Width.html b/review/feat-switch/components/tabs/code/Width.html
index e363c05a837..5cf257a7ddb 100644
--- a/review/feat-switch/components/tabs/code/Width.html
+++ b/review/feat-switch/components/tabs/code/Width.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-tabs>
+DB UI Mono <db-tabs>
<db-tab-list>
<db-tab>Tab 1</db-tab>
<db-tab>Tab 2</db-tab>
@@ -265,4 +265,4 @@
<DBTabPanel>Tab Panel 1</DBTabPanel>
<DBTabPanel>Tab Panel 2</DBTabPanel>
<DBTabPanel>Tab Panel 3</DBTabPanel>
-</DBTabs>
Copy code
\ No newline at end of file
+</DBTabs>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/tabs/docs/Angular.html b/review/feat-switch/components/tabs/docs/Angular.html
index 1bf7fed2eb0..12703a4c341 100644
--- a/review/feat-switch/components/tabs/docs/Angular.html
+++ b/review/feat-switch/components/tabs/docs/Angular.html
@@ -1,4 +1,4 @@
-
DB UI Mono Angular
+
DB UI Mono Angular
For general installation and configuration take a look at the ngx-components package.
Load component
You can't use the component standalone!
@@ -25,4 +25,4 @@
Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/tabs/docs/HTML.html b/review/feat-switch/components/tabs/docs/HTML.html
index 2bc50a60236..c9bdd86b973 100644
--- a/review/feat-switch/components/tabs/docs/HTML.html
+++ b/review/feat-switch/components/tabs/docs/HTML.html
@@ -1,4 +1,4 @@
-
DB UI Mono HTML
+
DB UI Mono HTML
For general installation and configuration take a look at the components package.
Use component
<!-- index.html -->
@@ -76,4 +76,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/tabs/docs/Migration.html b/review/feat-switch/components/tabs/docs/Migration.html
index c1bf6e4a1fb..1c7327fa92d 100644
--- a/review/feat-switch/components/tabs/docs/Migration.html
+++ b/review/feat-switch/components/tabs/docs/Migration.html
@@ -1,8 +1,8 @@
-
DB UI Mono General
+
DB UI Mono General
Note
For a general installation or migration process check out this documentation .
DB UI Core ➡ DB UI Components
class
-
Before Status After Description cmp-tab-bar
🔁 db-tabs
\ No newline at end of file
+
Before Status After Description cmp-tab-bar
🔁 db-tabs
\ No newline at end of file
diff --git a/review/feat-switch/components/tabs/docs/React.html b/review/feat-switch/components/tabs/docs/React.html
index 0a9634c4a1e..067dc9f71c1 100644
--- a/review/feat-switch/components/tabs/docs/React.html
+++ b/review/feat-switch/components/tabs/docs/React.html
@@ -1,4 +1,4 @@
-
DB UI Mono React
+
DB UI Mono React
For general installation and configuration take a look at the react-components package.
Use component
// App.tsx
@@ -23,4 +23,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/tabs/docs/Vue.html b/review/feat-switch/components/tabs/docs/Vue.html
index ee4546f8d14..23647708f71 100644
--- a/review/feat-switch/components/tabs/docs/Vue.html
+++ b/review/feat-switch/components/tabs/docs/Vue.html
@@ -1,4 +1,4 @@
-
DB UI Mono Vue
+
DB UI Mono Vue
For general installation and configuration take a look at the v-components package.
Use component
<!-- App.vue -->
@@ -18,4 +18,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/tabs/how-to-use.html b/review/feat-switch/components/tabs/how-to-use.html
index 8b922918ff9..42aa1d2f535 100644
--- a/review/feat-switch/components/tabs/how-to-use.html
+++ b/review/feat-switch/components/tabs/how-to-use.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/tabs/migration.html b/review/feat-switch/components/tabs/migration.html
index a8790549e81..034f0fc3926 100644
--- a/review/feat-switch/components/tabs/migration.html
+++ b/review/feat-switch/components/tabs/migration.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/tabs/overview.html b/review/feat-switch/components/tabs/overview.html
index 852627c62cd..4155d81a143 100644
--- a/review/feat-switch/components/tabs/overview.html
+++ b/review/feat-switch/components/tabs/overview.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/tabs/properties.html b/review/feat-switch/components/tabs/properties.html
index 0d66cf380aa..d0a574754d3 100644
--- a/review/feat-switch/components/tabs/properties.html
+++ b/review/feat-switch/components/tabs/properties.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/tag.html b/review/feat-switch/components/tag.html
index e2ba8459fc2..6a4be0398a7 100644
--- a/review/feat-switch/components/tag.html
+++ b/review/feat-switch/components/tag.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/tag/code/Behaviour.html b/review/feat-switch/components/tag/code/Behaviour.html
index 8bb5e528d82..03c7d26b2fe 100644
--- a/review/feat-switch/components/tag/code/Behaviour.html
+++ b/review/feat-switch/components/tag/code/Behaviour.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-tag>(Default) Static</db-tag>
Copy code <div class="db-tag">(Default) Static</div>
Copy code <DBTag>(Default) Static</DBTag>
Copy code <DBTag>(Default) Static</DBTag>
Copy code <db-tag>
+DB UI Mono <db-tag>(Default) Static</db-tag>
Copy code <div class="db-tag">(Default) Static</div>
Copy code <DBTag>(Default) Static</DBTag>
Copy code <DBTag>(Default) Static</DBTag>
Copy code <db-tag>
<db-button>Interactive Button</db-button>
</db-tag>
Copy code <div class="db-tag">
<button class="db-button">Interactive Button</button>
@@ -62,4 +62,4 @@
>
Remove tag
</button>
-</div>
Copy code <DBTag behaviour="removable">Removeable</DBTag>
Copy code <DBTag behaviour="removable">Removeable</DBTag>
Copy code
\ No newline at end of file
+</div>
Copy code <DBTag behaviour="removable">Removeable</DBTag>
Copy code <DBTag behaviour="removable">Removeable</DBTag>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/tag/code/Content.html b/review/feat-switch/components/tag/code/Content.html
index 7122a11667c..399c067a106 100644
--- a/review/feat-switch/components/tag/code/Content.html
+++ b/review/feat-switch/components/tag/code/Content.html
@@ -1,7 +1,7 @@
-
DB UI Mono <db-tag>(Default) Text</db-tag>
Copy code <div class="db-tag">(Default) Text</div>
Copy code <DBTag>(Default) Text</DBTag>
Copy code <DBTag>(Default) Text</DBTag>
Copy code <db-tag icon="user" [noText]="true">Icon</db-tag>
Copy code <div class="db-tag" data-icon="user" data-no-text="true">
+DB UI Mono <db-tag>(Default) Text</db-tag>
Copy code <div class="db-tag">(Default) Text</div>
Copy code <DBTag>(Default) Text</DBTag>
Copy code <DBTag>(Default) Text</DBTag>
Copy code <db-tag icon="user" [noText]="true">Icon</db-tag>
Copy code <div class="db-tag" data-icon="user" data-no-text="true">
Icon
</div>
Copy code <DBTag icon="user" noText>
Icon
</DBTag>
Copy code <DBTag icon="user" :noText="true">Icon</DBTag>
Copy code <db-tag icon="user">Icon & Text</db-tag>
Copy code <div class="db-tag" data-icon="user">
Icon & Text
-</div>
Copy code <DBTag icon="user">Icon & Text</DBTag>
Copy code <DBTag icon="user">Icon & Text</DBTag>
Copy code
\ No newline at end of file
+</div>
Copy code <DBTag icon="user">Icon & Text</DBTag>
Copy code <DBTag icon="user">Icon & Text</DBTag>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/tag/code/Density.html b/review/feat-switch/components/tag/code/Density.html
index 9dbfbf25924..38cf15355ed 100644
--- a/review/feat-switch/components/tag/code/Density.html
+++ b/review/feat-switch/components/tag/code/Density.html
@@ -1 +1 @@
-
DB UI Mono <db-tag>Functional</db-tag>
Copy code <div class="db-tag">Functional</div>
Copy code <DBTag>Functional</DBTag>
Copy code <DBTag>Functional</DBTag>
Copy code <db-tag>(Default) Regular</db-tag>
Copy code <div class="db-tag">(Default) Regular</div>
Copy code <DBTag>(Default) Regular</DBTag>
Copy code <DBTag>(Default) Regular</DBTag>
Copy code <db-tag>Expressive</db-tag>
Copy code <div class="db-tag">Expressive</div>
Copy code <DBTag>Expressive</DBTag>
Copy code <DBTag>Expressive</DBTag>
Copy code
\ No newline at end of file
+
DB UI Mono <db-tag>Functional</db-tag>
Copy code <div class="db-tag">Functional</div>
Copy code <DBTag>Functional</DBTag>
Copy code <DBTag>Functional</DBTag>
Copy code <db-tag>(Default) Regular</db-tag>
Copy code <div class="db-tag">(Default) Regular</div>
Copy code <DBTag>(Default) Regular</DBTag>
Copy code <DBTag>(Default) Regular</DBTag>
Copy code <db-tag>Expressive</db-tag>
Copy code <div class="db-tag">Expressive</div>
Copy code <DBTag>Expressive</DBTag>
Copy code <DBTag>Expressive</DBTag>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/tag/code/Emphasis.html b/review/feat-switch/components/tag/code/Emphasis.html
index df5f6a85520..bd24e6010e1 100644
--- a/review/feat-switch/components/tag/code/Emphasis.html
+++ b/review/feat-switch/components/tag/code/Emphasis.html
@@ -1,3 +1,3 @@
-
DB UI Mono <db-tag>(Default) Weak</db-tag>
Copy code <div class="db-tag">(Default) Weak</div>
Copy code <DBTag>(Default) Weak</DBTag>
Copy code <DBTag>(Default) Weak</DBTag>
Copy code <db-tag emphasis="strong">Strong</db-tag>
Copy code <div class="db-tag" data-emphasis="strong">
+DB UI Mono <db-tag>(Default) Weak</db-tag>
Copy code <div class="db-tag">(Default) Weak</div>
Copy code <DBTag>(Default) Weak</DBTag>
Copy code <DBTag>(Default) Weak</DBTag>
Copy code <db-tag emphasis="strong">Strong</db-tag>
Copy code <div class="db-tag" data-emphasis="strong">
Strong
-</div>
Copy code <DBTag emphasis="strong">Strong</DBTag>
Copy code <DBTag emphasis="strong">Strong</DBTag>
Copy code
\ No newline at end of file
+</div>
Copy code <DBTag emphasis="strong">Strong</DBTag>
Copy code <DBTag emphasis="strong">Strong</DBTag>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/tag/code/Example.html b/review/feat-switch/components/tag/code/Example.html
index d97c466ebd8..b985b23e4a3 100644
--- a/review/feat-switch/components/tag/code/Example.html
+++ b/review/feat-switch/components/tag/code/Example.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-tag>
+DB UI Mono <db-tag>
<db-button>Interactive Button</db-button>
</db-tag>
Copy code <div class="db-tag">
<button class="db-button">Interactive Button</button>
@@ -54,4 +54,4 @@
}}
>
Interactive Strong Radio 2 with Icon
-</DBTag>
Copy code <DBTag component="radio" emphasis="strong" icon="user" identifier="radio02" :code="{'angular':'<db-tag><db-radio name='radio02'>Interactive Radio 2</db-radio></db-tag>','html':'<div class='db-tag'><input type='radio' class='db-checkbox' id='checkbox-element' name='radio02' /><label for='checkbox-element'>Interactive Radio 2</label></div>','react':'<DBTag><DBRadio name='radio02'>Interactive Radio 2</DBRadio></DBTag>','vue':'<DBTag><DBRadio name='radio02'>Interactive Radio 2</DBRadio></DBTag>'}">Interactive Strong Radio 2 with Icon</DBTag>
Copy code
\ No newline at end of file
+</DBTag>
Copy code <DBTag component="radio" emphasis="strong" icon="user" identifier="radio02" :code="{'angular':'<db-tag><db-radio name='radio02'>Interactive Radio 2</db-radio></db-tag>','html':'<div class='db-tag'><input type='radio' class='db-checkbox' id='checkbox-element' name='radio02' /><label for='checkbox-element'>Interactive Radio 2</label></div>','react':'<DBTag><DBRadio name='radio02'>Interactive Radio 2</DBRadio></DBTag>','vue':'<DBTag><DBRadio name='radio02'>Interactive Radio 2</DBRadio></DBTag>'}">Interactive Strong Radio 2 with Icon</DBTag>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/tag/code/Overflow.html b/review/feat-switch/components/tag/code/Overflow.html
index 38e15431e6b..ba6db0a4acb 100644
--- a/review/feat-switch/components/tag/code/Overflow.html
+++ b/review/feat-switch/components/tag/code/Overflow.html
@@ -1,3 +1,3 @@
-
DB UI Mono <db-tag>(Default) No Overflow</db-tag>
Copy code <div class="db-tag">(Default) No Overflow</div>
Copy code <DBTag>(Default) No Overflow</DBTag>
Copy code <DBTag>(Default) No Overflow</DBTag>
Copy code <db-tag [overflow]="true">With Overflow (max-width)</db-tag>
Copy code <div class="db-tag" data-overflow="true">
+DB UI Mono <db-tag>(Default) No Overflow</db-tag>
Copy code <div class="db-tag">(Default) No Overflow</div>
Copy code <DBTag>(Default) No Overflow</DBTag>
Copy code <DBTag>(Default) No Overflow</DBTag>
Copy code <db-tag [overflow]="true">With Overflow (max-width)</db-tag>
Copy code <div class="db-tag" data-overflow="true">
With Overflow (max-width)
-</div>
Copy code <DBTag overflow>With Overflow (max-width)</DBTag>
Copy code <DBTag :overflow="true">With Overflow (max-width)</DBTag>
Copy code
\ No newline at end of file
+</div>
Copy code <DBTag overflow>With Overflow (max-width)</DBTag>
Copy code <DBTag :overflow="true">With Overflow (max-width)</DBTag>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/tag/code/Semantic.html b/review/feat-switch/components/tag/code/Semantic.html
index 55211a4cc67..549f6e7e797 100644
--- a/review/feat-switch/components/tag/code/Semantic.html
+++ b/review/feat-switch/components/tag/code/Semantic.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-tag>(Default) Adaptive</db-tag>
Copy code <div class="db-tag">(Default) Adaptive</div>
Copy code <DBTag>(Default) Adaptive</DBTag>
Copy code <DBTag>(Default) Adaptive</DBTag>
Copy code <db-tag semantic="neutral">Neutral</db-tag>
Copy code <div class="db-tag" data-semantic="neutral">
+DB UI Mono <db-tag>(Default) Adaptive</db-tag>
Copy code <div class="db-tag">(Default) Adaptive</div>
Copy code <DBTag>(Default) Adaptive</DBTag>
Copy code <DBTag>(Default) Adaptive</DBTag>
Copy code <db-tag semantic="neutral">Neutral</db-tag>
Copy code <div class="db-tag" data-semantic="neutral">
Neutral
</div>
Copy code <DBTag semantic="neutral">Neutral</DBTag>
Copy code <DBTag semantic="neutral">Neutral</DBTag>
Copy code <db-tag semantic="critical">Critical</db-tag>
Copy code <div class="db-tag" data-semantic="critical">
Critical
@@ -50,4 +50,4 @@
Warning Strong
</DBTag>
Copy code <DBTag semantic="warning" emphasis="strong">
Warning Strong
-</DBTag>
Copy code
\ No newline at end of file
+</DBTag>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/tag/code/State.html b/review/feat-switch/components/tag/code/State.html
index 2fc7ed6c828..1e930b85330 100644
--- a/review/feat-switch/components/tag/code/State.html
+++ b/review/feat-switch/components/tag/code/State.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-tag>
+DB UI Mono <db-tag>
<db-checkbox>Interactive Checkbox</db-checkbox>
</db-tag>
Copy code <div class="db-tag">
<input type="checkbox" class="db-checkbox" id="checkbox-element" />
@@ -30,4 +30,4 @@
<DBCheckbox checked disabled>
Interactive Checkbox
</DBCheckbox>
-</DBTag>
Copy code <DBTag><DBCheckbox :checked="true" :disabled="true">Interactive Checkbox</DBCheckbox></DBTag>
Copy code
\ No newline at end of file
+</DBTag>
Copy code <DBTag><DBCheckbox :checked="true" :disabled="true">Interactive Checkbox</DBCheckbox></DBTag>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/tag/docs/Angular.html b/review/feat-switch/components/tag/docs/Angular.html
index 3871e91ce95..96099cb882f 100644
--- a/review/feat-switch/components/tag/docs/Angular.html
+++ b/review/feat-switch/components/tag/docs/Angular.html
@@ -1,4 +1,4 @@
-
DB UI Mono Angular
+
DB UI Mono Angular
For general installation and configuration take a look at the ngx-components package.
Load component
// app.component.ts
@@ -21,4 +21,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/tag/docs/HTML.html b/review/feat-switch/components/tag/docs/HTML.html
index ac25ed64b7e..49ae9ae6ee9 100644
--- a/review/feat-switch/components/tag/docs/HTML.html
+++ b/review/feat-switch/components/tag/docs/HTML.html
@@ -1,4 +1,4 @@
-
DB UI Mono HTML
+
DB UI Mono HTML
For general installation and configuration take a look at the components package.
Use component
<!-- index.html -->
@@ -8,4 +8,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/tag/docs/Migration.html b/review/feat-switch/components/tag/docs/Migration.html
index a4d40bbf926..125da7c2f7a 100644
--- a/review/feat-switch/components/tag/docs/Migration.html
+++ b/review/feat-switch/components/tag/docs/Migration.html
@@ -1,4 +1,4 @@
-
DB UI Mono General
+
DB UI Mono General
Note
For a general installation or migration process check out this documentation .
@@ -20,4 +20,4 @@ sizes
Before Status After Description poi-*
❌ ❌ We removed all point of interest colors for now. track
❌ ❌ We removed track for now. error
🔁 critical
informative
🔁 informational
success
🔁 successful
icons
-Before Status After Description iconAfter
❌ ❌ not valid anymore, for tags only icons before text are allowed
\ No newline at end of file
+
Before Status After Description iconAfter
❌ ❌ not valid anymore, for tags only icons before text are allowed
\ No newline at end of file
diff --git a/review/feat-switch/components/tag/docs/React.html b/review/feat-switch/components/tag/docs/React.html
index 2ef3e8f72f3..dfccbd26d2e 100644
--- a/review/feat-switch/components/tag/docs/React.html
+++ b/review/feat-switch/components/tag/docs/React.html
@@ -1,4 +1,4 @@
-
DB UI Mono React
+
DB UI Mono React
For general installation and configuration take a look at the react-components package.
Use component
// App.tsx
@@ -26,4 +26,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/tag/docs/Vue.html b/review/feat-switch/components/tag/docs/Vue.html
index 407b85609fd..5fb97dc4edd 100644
--- a/review/feat-switch/components/tag/docs/Vue.html
+++ b/review/feat-switch/components/tag/docs/Vue.html
@@ -1,4 +1,4 @@
-
DB UI Mono Vue
+
DB UI Mono Vue
For general installation and configuration take a look at the v-components package.
Use component
<!-- App.vue -->
@@ -18,4 +18,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/tag/how-to-use.html b/review/feat-switch/components/tag/how-to-use.html
index a1a23f07ced..0adae40a09f 100644
--- a/review/feat-switch/components/tag/how-to-use.html
+++ b/review/feat-switch/components/tag/how-to-use.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/tag/migration.html b/review/feat-switch/components/tag/migration.html
index 7f5be51559d..3c1516ef525 100644
--- a/review/feat-switch/components/tag/migration.html
+++ b/review/feat-switch/components/tag/migration.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/tag/overview.html b/review/feat-switch/components/tag/overview.html
index 1fa29f6f860..e6571334681 100644
--- a/review/feat-switch/components/tag/overview.html
+++ b/review/feat-switch/components/tag/overview.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/tag/properties.html b/review/feat-switch/components/tag/properties.html
index 5f77b486134..fb2f481c233 100644
--- a/review/feat-switch/components/tag/properties.html
+++ b/review/feat-switch/components/tag/properties.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/textarea.html b/review/feat-switch/components/textarea.html
index a55433d9dc1..1dca92be600 100644
--- a/review/feat-switch/components/textarea.html
+++ b/review/feat-switch/components/textarea.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/textarea/code/Density.html b/review/feat-switch/components/textarea/code/Density.html
index e64e1f6bf4b..2354506490d 100644
--- a/review/feat-switch/components/textarea/code/Density.html
+++ b/review/feat-switch/components/textarea/code/Density.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-textarea label="Label">Functional</db-textarea>
Copy code <div class="db-textarea">
+DB UI Mono <db-textarea label="Label">Functional</db-textarea>
Copy code <div class="db-textarea">
<label for="OVERWRITE_DEFAULT_ID">Label</label>
<textarea
aria-invalid="false"
@@ -70,4 +70,4 @@
>
TODO: Add an invalidMessage
</span>
-</div>
Copy code <DBTextarea label="Label">Expressive</DBTextarea>
Copy code <DBTextarea label="Label">Expressive</DBTextarea>
Copy code
\ No newline at end of file
+</div>
Copy code <DBTextarea label="Label">Expressive</DBTextarea>
Copy code <DBTextarea label="Label">Expressive</DBTextarea>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/textarea/code/Requirement.html b/review/feat-switch/components/textarea/code/Requirement.html
index c78f423c5cf..17ee324f888 100644
--- a/review/feat-switch/components/textarea/code/Requirement.html
+++ b/review/feat-switch/components/textarea/code/Requirement.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-textarea label="Label">(Default) Optional</db-textarea>
Copy code <div class="db-textarea">
+DB UI Mono <db-textarea label="Label">(Default) Optional</db-textarea>
Copy code <div class="db-textarea">
<label for="OVERWRITE_DEFAULT_ID">Label</label>
<textarea
aria-invalid="false"
@@ -49,4 +49,4 @@
</span>
</div>
Copy code <DBTextarea label="Label" required>
Required
-</DBTextarea>
Copy code <DBTextarea label="Label" :required="true">Required</DBTextarea>
Copy code
\ No newline at end of file
+</DBTextarea>
Copy code <DBTextarea label="Label" :required="true">Required</DBTextarea>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/textarea/code/Rows.html b/review/feat-switch/components/textarea/code/Rows.html
index 00b56291346..17960f11b28 100644
--- a/review/feat-switch/components/textarea/code/Rows.html
+++ b/review/feat-switch/components/textarea/code/Rows.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-textarea
+DB UI Mono <db-textarea
label="(Default) 4 Rows"
value="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."
>
@@ -75,4 +75,4 @@
value="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."
>
Custom
-</DBTextarea>
Copy code <DBTextarea label="Custom Example 8 Rows" :rows="8" value="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.">Custom</DBTextarea>
Copy code
\ No newline at end of file
+</DBTextarea>
Copy code <DBTextarea label="Custom Example 8 Rows" :rows="8" value="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.">Custom</DBTextarea>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/textarea/code/StatesFloatingLabel.html b/review/feat-switch/components/textarea/code/StatesFloatingLabel.html
index 90e6f44825f..4fd19f39294 100644
--- a/review/feat-switch/components/textarea/code/StatesFloatingLabel.html
+++ b/review/feat-switch/components/textarea/code/StatesFloatingLabel.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-textarea label="Label" variant="floating">
+DB UI Mono <db-textarea label="Label" variant="floating">
(Default) Empty
</db-textarea>
Copy code undefined
Copy code <DBTextarea label="Label" variant="floating">
(Default) Empty
@@ -14,4 +14,4 @@
Disabled
</DBTextarea>
Copy code <DBTextarea label="Label" :disabled="true" variant="floating">Disabled</DBTextarea>
Copy code <db-textarea label="Label" value="Readonly - Filled" [readOnly]="true" variant="floating">Readonly - Filled</db-textarea>
Copy code undefined
Copy code <DBTextarea label="Label" value="Readonly - Filled" readOnly variant="floating">
Readonly - Filled
-</DBTextarea>
Copy code <DBTextarea label="Label" value="Readonly - Filled" :readOnly="true" variant="floating">Readonly - Filled</DBTextarea>
Copy code
\ No newline at end of file
+</DBTextarea>
Copy code <DBTextarea label="Label" value="Readonly - Filled" :readOnly="true" variant="floating">Readonly - Filled</DBTextarea>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/textarea/code/StatesLabelAbove.html b/review/feat-switch/components/textarea/code/StatesLabelAbove.html
index c9e1424ebf1..acaaa8c0bfb 100644
--- a/review/feat-switch/components/textarea/code/StatesLabelAbove.html
+++ b/review/feat-switch/components/textarea/code/StatesLabelAbove.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-textarea label="Label">(Default) Empty</db-textarea>
Copy code undefined
Copy code <DBTextarea label="Label">(Default) Empty</DBTextarea>
Copy code <DBTextarea label="Label">(Default) Empty</DBTextarea>
Copy code <db-textarea label="Label" value="Filled">
+DB UI Mono <db-textarea label="Label">(Default) Empty</db-textarea>
Copy code undefined
Copy code <DBTextarea label="Label">(Default) Empty</DBTextarea>
Copy code <DBTextarea label="Label">(Default) Empty</DBTextarea>
Copy code <db-textarea label="Label" value="Filled">
Filled
</db-textarea>
Copy code undefined
Copy code <DBTextarea label="Label" value="Filled">
Filled
@@ -8,4 +8,4 @@
Disabled
</DBTextarea>
Copy code <DBTextarea label="Label" :disabled="true">Disabled</DBTextarea>
Copy code <db-textarea label="Label" value="Readonly - Filled" [readOnly]="true">Readonly - Filled</db-textarea>
Copy code undefined
Copy code <DBTextarea label="Label" value="Readonly - Filled" readOnly>
Readonly - Filled
-</DBTextarea>
Copy code <DBTextarea label="Label" value="Readonly - Filled" :readOnly="true">Readonly - Filled</DBTextarea>
Copy code
\ No newline at end of file
+</DBTextarea>
Copy code <DBTextarea label="Label" value="Readonly - Filled" :readOnly="true">Readonly - Filled</DBTextarea>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/textarea/code/VariantHelperMessage.html b/review/feat-switch/components/textarea/code/VariantHelperMessage.html
index 6d5ba1bd9b4..cbd6ac2de9c 100644
--- a/review/feat-switch/components/textarea/code/VariantHelperMessage.html
+++ b/review/feat-switch/components/textarea/code/VariantHelperMessage.html
@@ -1,7 +1,7 @@
-
DB UI Mono <db-textarea label="Label">(Default) Basic</db-textarea>
Copy code undefined
Copy code <DBTextarea label="Label">(Default) Basic</DBTextarea>
Copy code <DBTextarea label="Label">(Default) Basic</DBTextarea>
Copy code <db-textarea label="Label" message="Helper Message">
+DB UI Mono <db-textarea label="Label">(Default) Basic</db-textarea>
Copy code undefined
Copy code <DBTextarea label="Label">(Default) Basic</DBTextarea>
Copy code <DBTextarea label="Label">(Default) Basic</DBTextarea>
Copy code <db-textarea label="Label" message="Helper Message">
Helper Message
</db-textarea>
Copy code undefined
Copy code <DBTextarea label="Label" message="Helper Message">
Helper Message
</DBTextarea>
Copy code <DBTextarea label="Label" message="Helper Message">
Helper Message
-</DBTextarea>
Copy code
\ No newline at end of file
+</DBTextarea>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/textarea/code/VariantLabel.html b/review/feat-switch/components/textarea/code/VariantLabel.html
index aec255257db..611d9ddcc2d 100644
--- a/review/feat-switch/components/textarea/code/VariantLabel.html
+++ b/review/feat-switch/components/textarea/code/VariantLabel.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-textarea label="Label">(Default) Label Above</db-textarea>
Copy code undefined
Copy code <DBTextarea label="Label">(Default) Label Above</DBTextarea>
Copy code <DBTextarea label="Label">(Default) Label Above</DBTextarea>
Copy code <db-textarea label="Label" variant="floating" value="Floating Label">
+DB UI Mono <db-textarea label="Label">(Default) Label Above</db-textarea>
Copy code undefined
Copy code <DBTextarea label="Label">(Default) Label Above</DBTextarea>
Copy code <DBTextarea label="Label">(Default) Label Above</DBTextarea>
Copy code <db-textarea label="Label" variant="floating" value="Floating Label">
Floating Label
</db-textarea>
Copy code undefined
Copy code <DBTextarea label="Label" variant="floating" value="Floating Label">
Floating Label
@@ -10,4 +10,4 @@
Hidden Label
</DBTextarea>
Copy code <DBTextarea label="Label" variant="hidden">
Hidden Label
-</DBTextarea>
Copy code
\ No newline at end of file
+</DBTextarea>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/textarea/docs/Angular.html b/review/feat-switch/components/textarea/docs/Angular.html
index 73273530a03..cd13849f943 100644
--- a/review/feat-switch/components/textarea/docs/Angular.html
+++ b/review/feat-switch/components/textarea/docs/Angular.html
@@ -1,4 +1,4 @@
-
DB UI Mono Angular
+
DB UI Mono Angular
For general installation and configuration look at the ngx-components package.
Load component
// app.component.ts
@@ -33,4 +33,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/textarea/docs/HTML.html b/review/feat-switch/components/textarea/docs/HTML.html
index 1ac2ae10c75..a14e0394bb1 100644
--- a/review/feat-switch/components/textarea/docs/HTML.html
+++ b/review/feat-switch/components/textarea/docs/HTML.html
@@ -1,4 +1,4 @@
-
DB UI Mono HTML
+
DB UI Mono HTML
For general installation and configuration look at the components package.
Use component
<!-- index.html -->
@@ -9,4 +9,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/textarea/docs/Migration.html b/review/feat-switch/components/textarea/docs/Migration.html
index b49f8e6dd7f..c9c0a5f847a 100644
--- a/review/feat-switch/components/textarea/docs/Migration.html
+++ b/review/feat-switch/components/textarea/docs/Migration.html
@@ -1,4 +1,4 @@
-
DB UI Mono General
+
DB UI Mono General
Note
For a general installation or migration process check out this documentation .
@@ -9,4 +9,4 @@ class
Before Status After Description semitransparent
❌ white
❌ solid
❌ outline
❌ 🆕 adaptive
🆕 critical
🆕 informational
🆕 warning
🆕 successful
other
-Before Status After Description description
🔁 message
\ No newline at end of file
+
Before Status After Description description
🔁 message
\ No newline at end of file
diff --git a/review/feat-switch/components/textarea/docs/React.html b/review/feat-switch/components/textarea/docs/React.html
index 2634175cc82..c4ce2cd9538 100644
--- a/review/feat-switch/components/textarea/docs/React.html
+++ b/review/feat-switch/components/textarea/docs/React.html
@@ -1,4 +1,4 @@
-
DB UI Mono React
+
DB UI Mono React
For general installation and configuration look at the react-components package.
Use component
// App.tsx
@@ -20,4 +20,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/textarea/docs/Vue.html b/review/feat-switch/components/textarea/docs/Vue.html
index 497547079ea..9339c280dff 100644
--- a/review/feat-switch/components/textarea/docs/Vue.html
+++ b/review/feat-switch/components/textarea/docs/Vue.html
@@ -1,4 +1,4 @@
-
DB UI Mono Vue
+
DB UI Mono Vue
For general installation and configuration look at the v-components package.
General
You cannot use a default value for textarea in vue .
@@ -22,4 +22,4 @@
Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/textarea/how-to-use.html b/review/feat-switch/components/textarea/how-to-use.html
index 2d9be12c6d6..4ff3d43482d 100644
--- a/review/feat-switch/components/textarea/how-to-use.html
+++ b/review/feat-switch/components/textarea/how-to-use.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/textarea/migration.html b/review/feat-switch/components/textarea/migration.html
index c243f594180..b0d486009c9 100644
--- a/review/feat-switch/components/textarea/migration.html
+++ b/review/feat-switch/components/textarea/migration.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/textarea/overview.html b/review/feat-switch/components/textarea/overview.html
index 9c38252c0b7..84197a6232d 100644
--- a/review/feat-switch/components/textarea/overview.html
+++ b/review/feat-switch/components/textarea/overview.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/textarea/properties.html b/review/feat-switch/components/textarea/properties.html
index 02279bdf3e8..a55197c5955 100644
--- a/review/feat-switch/components/textarea/properties.html
+++ b/review/feat-switch/components/textarea/properties.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/tooltip.html b/review/feat-switch/components/tooltip.html
index 565034f55f4..f2162cc5ace 100644
--- a/review/feat-switch/components/tooltip.html
+++ b/review/feat-switch/components/tooltip.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/tooltip/code/Animations.html b/review/feat-switch/components/tooltip/code/Animations.html
index 018b4b44c99..2adcd53b9ef 100644
--- a/review/feat-switch/components/tooltip/code/Animations.html
+++ b/review/feat-switch/components/tooltip/code/Animations.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-tooltip content="Tooltip" id="tooltip-14">
+DB UI Mono <db-tooltip content="Tooltip" id="tooltip-14">
(Default) Animation no delay
</db-tooltip>
Copy code <i
role="tooltip"
@@ -57,4 +57,4 @@
No animation
</DBTooltip>
Copy code <DBTooltip content="Tooltip" animation="disabled" id="tooltip-17">
No animation
-</DBTooltip>
Copy code
\ No newline at end of file
+</DBTooltip>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/tooltip/code/Density.html b/review/feat-switch/components/tooltip/code/Density.html
index 142fa803892..ac8afc9453b 100644
--- a/review/feat-switch/components/tooltip/code/Density.html
+++ b/review/feat-switch/components/tooltip/code/Density.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-tooltip content="Tooltip" id="tooltip-01">
+DB UI Mono <db-tooltip content="Tooltip" id="tooltip-01">
Functional
</db-tooltip>
Copy code <i
role="tooltip"
@@ -40,4 +40,4 @@
Expressive
</DBTooltip>
Copy code <DBTooltip content="Tooltip" id="tooltip-03">
Expressive
-</DBTooltip>
Copy code
\ No newline at end of file
+</DBTooltip>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/tooltip/code/Emphasis.html b/review/feat-switch/components/tooltip/code/Emphasis.html
index 477f1b9dc0a..1529a48e071 100644
--- a/review/feat-switch/components/tooltip/code/Emphasis.html
+++ b/review/feat-switch/components/tooltip/code/Emphasis.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-tooltip content="Tooltip" id="tooltip-06">
+DB UI Mono <db-tooltip content="Tooltip" id="tooltip-06">
(Default) Weak
</db-tooltip>
Copy code <i
role="tooltip"
@@ -27,4 +27,4 @@
Strong
</DBTooltip>
Copy code <DBTooltip content="Tooltip" emphasis="strong" id="tooltip-07">
Strong
-</DBTooltip>
Copy code
\ No newline at end of file
+</DBTooltip>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/tooltip/code/Placement.html b/review/feat-switch/components/tooltip/code/Placement.html
index afa747e3169..0811ed4f6ca 100644
--- a/review/feat-switch/components/tooltip/code/Placement.html
+++ b/review/feat-switch/components/tooltip/code/Placement.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-tooltip content="Tooltip" placement="bottom-start" id="tooltip-08-start">
+DB UI Mono <db-tooltip content="Tooltip" placement="bottom-start" id="tooltip-08-start">
bottom-start
</db-tooltip>
Copy code <i
role="tooltip"
@@ -178,4 +178,4 @@
top-end
</DBTooltip>
Copy code <DBTooltip content="Tooltip" placement="top-end" id="tooltip-09-end">
top-end
-</DBTooltip>
Copy code
\ No newline at end of file
+</DBTooltip>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/tooltip/code/Variant.html b/review/feat-switch/components/tooltip/code/Variant.html
index b7bc2d45fcf..29066fa4eac 100644
--- a/review/feat-switch/components/tooltip/code/Variant.html
+++ b/review/feat-switch/components/tooltip/code/Variant.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-tooltip content="Tooltip" id="tooltip-04">
+DB UI Mono <db-tooltip content="Tooltip" id="tooltip-04">
(Default) With arrow
</db-tooltip>
Copy code <i
role="tooltip"
@@ -27,4 +27,4 @@
Basic
</DBTooltip>
Copy code <DBTooltip content="Tooltip" variant="basic" id="tooltip-05">
Basic
-</DBTooltip>
Copy code
\ No newline at end of file
+</DBTooltip>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/tooltip/code/Width.html b/review/feat-switch/components/tooltip/code/Width.html
index ec97a50d99c..0e5da281b34 100644
--- a/review/feat-switch/components/tooltip/code/Width.html
+++ b/review/feat-switch/components/tooltip/code/Width.html
@@ -1,4 +1,4 @@
-
DB UI Mono <db-tooltip
+DB UI Mono <db-tooltip
content="Max width, lorem ipsum dolor sit amet, consetetur sadipscing"
id="tooltip-12"
>
@@ -48,4 +48,4 @@
id="tooltip-13"
>
Fixed
-</DBTooltip>
Copy code
\ No newline at end of file
+</DBTooltip>
Copy code
\ No newline at end of file
diff --git a/review/feat-switch/components/tooltip/docs/Angular.html b/review/feat-switch/components/tooltip/docs/Angular.html
index b9027f29e05..d33375f5b0b 100644
--- a/review/feat-switch/components/tooltip/docs/Angular.html
+++ b/review/feat-switch/components/tooltip/docs/Angular.html
@@ -1,4 +1,4 @@
-
DB UI Mono Angular
+
DB UI Mono Angular
For general installation and configuration take a look at the ngx-components package.
Load component
// app.component.ts
@@ -17,4 +17,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/tooltip/docs/HTML.html b/review/feat-switch/components/tooltip/docs/HTML.html
index 1e47660ba97..bce4ee2e802 100644
--- a/review/feat-switch/components/tooltip/docs/HTML.html
+++ b/review/feat-switch/components/tooltip/docs/HTML.html
@@ -1,4 +1,4 @@
-
DB UI Mono HTML
+
DB UI Mono HTML
For general installation and configuration take a look at the components package.
Use component
<!-- index.html -->
@@ -9,4 +9,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/tooltip/docs/Migration.html b/review/feat-switch/components/tooltip/docs/Migration.html
index 43e41cf254d..08a5120ccbb 100644
--- a/review/feat-switch/components/tooltip/docs/Migration.html
+++ b/review/feat-switch/components/tooltip/docs/Migration.html
@@ -1,7 +1,7 @@
-
DB UI Mono General
+
DB UI Mono General
Note
For a general installation or migration process check out this documentation .
DB UI Core ➡ DB UI Components
-
New Component 🥳
\ No newline at end of file
+
New Component 🥳
\ No newline at end of file
diff --git a/review/feat-switch/components/tooltip/docs/React.html b/review/feat-switch/components/tooltip/docs/React.html
index 0524e4caeac..be6760573fe 100644
--- a/review/feat-switch/components/tooltip/docs/React.html
+++ b/review/feat-switch/components/tooltip/docs/React.html
@@ -1,4 +1,4 @@
-
DB UI Mono React
+
DB UI Mono React
For general installation and configuration take a look at the react-components package.
Use component
// App.tsx
@@ -12,4 +12,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/tooltip/docs/Vue.html b/review/feat-switch/components/tooltip/docs/Vue.html
index 932c9043074..8de1a9d14b0 100644
--- a/review/feat-switch/components/tooltip/docs/Vue.html
+++ b/review/feat-switch/components/tooltip/docs/Vue.html
@@ -1,4 +1,4 @@
-
DB UI Mono Vue
+
DB UI Mono Vue
For general installation and configuration take a look at the v-components package.
Use component
<!-- App.vue -->
@@ -12,4 +12,4 @@ Use component
\ No newline at end of file
diff --git a/review/feat-switch/components/tooltip/how-to-use.html b/review/feat-switch/components/tooltip/how-to-use.html
index 004cace30ad..ab69a6e76ac 100644
--- a/review/feat-switch/components/tooltip/how-to-use.html
+++ b/review/feat-switch/components/tooltip/how-to-use.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/tooltip/migration.html b/review/feat-switch/components/tooltip/migration.html
index f60fba4da9b..8ff28ffd7bb 100644
--- a/review/feat-switch/components/tooltip/migration.html
+++ b/review/feat-switch/components/tooltip/migration.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/tooltip/overview.html b/review/feat-switch/components/tooltip/overview.html
index 8b664ed7eb5..c11c86f74a6 100644
--- a/review/feat-switch/components/tooltip/overview.html
+++ b/review/feat-switch/components/tooltip/overview.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/tooltip/properties.html b/review/feat-switch/components/tooltip/properties.html
index 107286a4562..fa59405a4b7 100644
--- a/review/feat-switch/components/tooltip/properties.html
+++ b/review/feat-switch/components/tooltip/properties.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/components/validation.html b/review/feat-switch/components/validation.html
index 05e28b45385..1da1af91782 100644
--- a/review/feat-switch/components/validation.html
+++ b/review/feat-switch/components/validation.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/docs/images/download/tagnamelabelnpmcolored1c24.svg b/review/feat-switch/docs/images/download/tagnamelabelnpmcolored1c24.svg
index e028d7d8a7a..a4910df5337 100644
--- a/review/feat-switch/docs/images/download/tagnamelabelnpmcolored1c24.svg
+++ b/review/feat-switch/docs/images/download/tagnamelabelnpmcolored1c24.svg
@@ -1 +1 @@
-
npm: v0.1.1 npm npm v0.1.1 v0.1.1
\ No newline at end of file
+
npm: v0.1.2 npm npm v0.1.2 v0.1.2
\ No newline at end of file
diff --git a/review/feat-switch/foundations/colors/color-schemes.html b/review/feat-switch/foundations/colors/color-schemes.html
index 704ce588ca0..4e9120c469a 100644
--- a/review/feat-switch/foundations/colors/color-schemes.html
+++ b/review/feat-switch/foundations/colors/color-schemes.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/foundations/colors/overview.html b/review/feat-switch/foundations/colors/overview.html
index e4dc84638fd..95d574be9ab 100644
--- a/review/feat-switch/foundations/colors/overview.html
+++ b/review/feat-switch/foundations/colors/overview.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/foundations/colors/readme.html b/review/feat-switch/foundations/colors/readme.html
index cd21eb68ec5..e5aecb31696 100644
--- a/review/feat-switch/foundations/colors/readme.html
+++ b/review/feat-switch/foundations/colors/readme.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/foundations/densities/examples.html b/review/feat-switch/foundations/densities/examples.html
index 9bef6c83a7b..4585db075cb 100644
--- a/review/feat-switch/foundations/densities/examples.html
+++ b/review/feat-switch/foundations/densities/examples.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/foundations/densities/readme.html b/review/feat-switch/foundations/densities/readme.html
index 9d5d5bb77c8..22b767b73cb 100644
--- a/review/feat-switch/foundations/densities/readme.html
+++ b/review/feat-switch/foundations/densities/readme.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/foundations/font-sizes/overview.html b/review/feat-switch/foundations/font-sizes/overview.html
index 50634709dd6..b6826252bc9 100644
--- a/review/feat-switch/foundations/font-sizes/overview.html
+++ b/review/feat-switch/foundations/font-sizes/overview.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/foundations/font-sizes/readme.html b/review/feat-switch/foundations/font-sizes/readme.html
index 936b66bf06c..5d8c0324d20 100644
--- a/review/feat-switch/foundations/font-sizes/readme.html
+++ b/review/feat-switch/foundations/font-sizes/readme.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/foundations/icons/custom-icons.html b/review/feat-switch/foundations/icons/custom-icons.html
index bdc1d3edda7..df8a5706b86 100644
--- a/review/feat-switch/foundations/icons/custom-icons.html
+++ b/review/feat-switch/foundations/icons/custom-icons.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/foundations/icons/overview.html b/review/feat-switch/foundations/icons/overview.html
index 9caf950b8de..28a5bf9da8f 100644
--- a/review/feat-switch/foundations/icons/overview.html
+++ b/review/feat-switch/foundations/icons/overview.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/foundations/icons/readme.html b/review/feat-switch/foundations/icons/readme.html
index 9d35d9b1e4a..b4e1e13d5b5 100644
--- a/review/feat-switch/foundations/icons/readme.html
+++ b/review/feat-switch/foundations/icons/readme.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/foundations/readme.html b/review/feat-switch/foundations/readme.html
index b2d19df4aaa..adc2fe8172c 100644
--- a/review/feat-switch/foundations/readme.html
+++ b/review/feat-switch/foundations/readme.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/foundations/variables/examples.html b/review/feat-switch/foundations/variables/examples.html
index 6ffebaab611..ca5e8f3e521 100644
--- a/review/feat-switch/foundations/variables/examples.html
+++ b/review/feat-switch/foundations/variables/examples.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/foundations/variables/readme.html b/review/feat-switch/foundations/variables/readme.html
index 82105d5cd07..19c62cdbe63 100644
--- a/review/feat-switch/foundations/variables/readme.html
+++ b/review/feat-switch/foundations/variables/readme.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/iframe.html b/review/feat-switch/iframe.html
index 9fe183a3814..faa784917e2 100644
--- a/review/feat-switch/iframe.html
+++ b/review/feat-switch/iframe.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file
diff --git a/review/feat-switch/index.html b/review/feat-switch/index.html
index 7519571416c..8beea891ebd 100644
--- a/review/feat-switch/index.html
+++ b/review/feat-switch/index.html
@@ -1 +1 @@
-
DB UI Mono
\ No newline at end of file
+
DB UI Mono
\ No newline at end of file