diff --git a/review/fix-color-scheme-modes/404.html b/review/fix-color-scheme-modes/404.html
index f8df420febc..429bc478025 100644
--- a/review/fix-color-scheme-modes/404.html
+++ b/review/fix-color-scheme-modes/404.html
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/review/fix-color-scheme-modes/_next/static/PPkZWilFtvwI7h2xMcrdF/_buildManifest.js b/review/fix-color-scheme-modes/_next/static/Pl1Y2fXB9AqZYfMrB2MjO/_buildManifest.js
similarity index 99%
rename from review/fix-color-scheme-modes/_next/static/PPkZWilFtvwI7h2xMcrdF/_buildManifest.js
rename to review/fix-color-scheme-modes/_next/static/Pl1Y2fXB9AqZYfMrB2MjO/_buildManifest.js
index c351ad79e41..91d10d706d3 100644
--- a/review/fix-color-scheme-modes/_next/static/PPkZWilFtvwI7h2xMcrdF/_buildManifest.js
+++ b/review/fix-color-scheme-modes/_next/static/Pl1Y2fXB9AqZYfMrB2MjO/_buildManifest.js
@@ -1 +1 @@
-self.__BUILD_MANIFEST=function(o,e,s,c,n,t,a,p,i,d,m,r,u,b,g,h,f,k,j,l,v,x,w,T,M,V,L,R,A,H,S,y,C,E,z,B,F,_,q,P,W,D,I,G,N,O,U,J,K,Q,X,Y,Z,$,oo,oe,os,oc,on,ot,oa,op,oi,od,om,or,ou,ob,og,oh,of,ok,oj,ol,ov,ox,ow,oT,oM,oV,oL,oR,oA,oH,oS,oy,oC,oE,oz,oB,oF,o_,oq,oP,oW,oD,oI,oG,oN,oO,oU,oJ,oK,oQ,oX,oY,oZ,o$,o9,o8,o5,o3,o1,o4,o0,o6,o2,o7,eo,ee,es,ec,en,et,ea,ep,ei,ed,em,er,eu,eb,eg,eh,ef,ek,ej,el,ev,ex,ew,eT,eM,eV,eL,eR,eA,eH,eS,ey,eC,eE,ez,eB,eF,e_,eq,eP,eW,eD,eI,eG,eN,eO,eU,eJ,eK,eQ,eX,eY,eZ,e$,e9){return{__rewrites:{afterFiles:[],beforeFiles:[],fallback:[]},"/":[o,s,e,c,"static/chunks/pages/index-a6272dd120d6d30a.js"],"/404":["static/chunks/pages/404-ad60953f24dfbdba.js"],"/_error":["static/chunks/pages/_error-f808a266df2b82a2.js"],"/base64":[o3,"static/chunks/pages/base64-d10d39493b01dd88.js"],"/components/accordion":[o,s,e,c,n,t,"static/chunks/pages/components/accordion-72c383af6b9587a2.js"],"/components/accordion/code/Behaviour":[o,t,"static/chunks/pages/components/accordion/code/Behaviour-10d37b6f94e68d49.js"],"/components/accordion/code/Tonality":[o,n,"static/chunks/pages/components/accordion/code/Tonality-94e122b565310404.js"],"/components/accordion/docs/Angular":[o,o1,"static/chunks/pages/components/accordion/docs/Angular-96d65c443e52bbba.js"],"/components/accordion/docs/HTML":[o,o4,"static/chunks/pages/components/accordion/docs/HTML-5ca4cabe7a70c743.js"],"/components/accordion/docs/Migration":["static/chunks/pages/components/accordion/docs/Migration-fe2a19c64d572c5b.js"],"/components/accordion/docs/React":[o,o0,"static/chunks/pages/components/accordion/docs/React-0410c4c7e6c3e3a9.js"],"/components/accordion/docs/Vue":[o,o6,"static/chunks/pages/components/accordion/docs/Vue-94f4ce817f5d95c9.js"],"/components/accordion/examples":[s,e,c,"static/chunks/pages/components/accordion/examples-d20a63af7d2992db.js"],"/components/accordion/how-to-use":[o,s,e,c,o4,o0,o1,o6,"static/chunks/pages/components/accordion/how-to-use-a3cfa1f2079fa228.js"],"/components/accordion/migration":[s,e,c,"static/chunks/pages/components/accordion/migration-c8e50f7e561ff3ff.js"],"/components/accordion/overview":[o,s,e,c,n,t,"static/chunks/pages/components/accordion/overview-b195e0e1510e15f0.js"],"/components/accordion/properties":[s,e,c,"static/chunks/pages/components/accordion/properties-a2d40be90c83ef8f.js"],"/components/accordion-item":[o,s,e,c,a,p,"static/chunks/pages/components/accordion-item-0d6c8a0e7b01beae.js"],"/components/accordion-item/code/States":[o,a,"static/chunks/pages/components/accordion-item/code/States-5d43a6296e366b06.js"],"/components/accordion-item/code/Tonality":[o,p,"static/chunks/pages/components/accordion-item/code/Tonality-2e50d7aa1c4db102.js"],"/components/accordion-item/docs/Angular":[o,o2,"static/chunks/pages/components/accordion-item/docs/Angular-2cb8d222c8ee0004.js"],"/components/accordion-item/docs/HTML":[o,"static/chunks/pages/components/accordion-item/docs/HTML-54593946de273590.js"],"/components/accordion-item/docs/Migration":["static/chunks/pages/components/accordion-item/docs/Migration-1ec6ffe077a8fd18.js"],"/components/accordion-item/docs/React":[o,o7,"static/chunks/pages/components/accordion-item/docs/React-b2694d754fe05a4c.js"],"/components/accordion-item/docs/Vue":[o,eo,"static/chunks/pages/components/accordion-item/docs/Vue-ebd9ce6ad8a806ea.js"],"/components/accordion-item/examples":[s,e,c,"static/chunks/pages/components/accordion-item/examples-371b46e501e27d81.js"],"/components/accordion-item/how-to-use":[o,s,e,c,eo,o7,o2,"static/chunks/pages/components/accordion-item/how-to-use-d7c04c01176b8209.js"],"/components/accordion-item/migration":[s,e,c,"static/chunks/pages/components/accordion-item/migration-dece046abd54b51f.js"],"/components/accordion-item/overview":[o,s,e,c,a,p,"static/chunks/pages/components/accordion-item/overview-030a862ae1f9ffd8.js"],"/components/accordion-item/properties":[s,e,c,"static/chunks/pages/components/accordion-item/properties-f7277b81a60ac1b0.js"],"/components/alert":[o,s,e,c,i,d,m,r,u,"static/chunks/pages/components/alert-2d1f2fd3afd3e8ca.js"],"/components/alert/code/Behaviour":[o,r,"static/chunks/pages/components/alert/code/Behaviour-e6d480e80c734746.js"],"/components/alert/code/Content":[o,d,"static/chunks/pages/components/alert/code/Content-9b85fd103c9b6532.js"],"/components/alert/code/Tonality":[o,m,"static/chunks/pages/components/alert/code/Tonality-8c048b0aab856c63.js"],"/components/alert/code/Type":[o,u,"static/chunks/pages/components/alert/code/Type-75b3ea9953314064.js"],"/components/alert/code/Variant":[o,i,"static/chunks/pages/components/alert/code/Variant-68f1e23d1568a9db.js"],"/components/alert/docs/Angular":[o,ee,"static/chunks/pages/components/alert/docs/Angular-5cfd4e6c490ca5f6.js"],"/components/alert/docs/HTML":[o,es,"static/chunks/pages/components/alert/docs/HTML-ccb4424d4c8e3ace.js"],"/components/alert/docs/Migration":["static/chunks/pages/components/alert/docs/Migration-2e7ef1bbcd573850.js"],"/components/alert/docs/React":[o,"static/chunks/pages/components/alert/docs/React-4d8775714f37e995.js"],"/components/alert/docs/Vue":[o,"static/chunks/pages/components/alert/docs/Vue-2d67d596e6e1e1da.js"],"/components/alert/examples":[s,e,c,"static/chunks/pages/components/alert/examples-38e9a39788918789.js"],"/components/alert/how-to-use":[o,s,e,c,es,ee,"static/chunks/pages/components/alert/how-to-use-ebb985328b5e3d8c.js"],"/components/alert/migration":[s,e,c,"static/chunks/pages/components/alert/migration-07eb8412ac486002.js"],"/components/alert/overview":[o,s,e,c,i,d,m,r,u,"static/chunks/pages/components/alert/overview-f67a9982bb45b15f.js"],"/components/alert/properties":[s,e,c,"static/chunks/pages/components/alert/properties-29267df42c609798.js"],"/components/badge":[o,s,e,c,b,g,h,f,k,j,l,"static/chunks/pages/components/badge-5662d58385bc49f1.js"],"/components/badge/code/Content":[o,h,"static/chunks/pages/components/badge/code/Content-16598b21a3bb2695.js"],"/components/badge/code/Emphasis":[o,k,"static/chunks/pages/components/badge/code/Emphasis-15eba85c28d99d8d.js"],"/components/badge/code/Examples":[o,l,"static/chunks/pages/components/badge/code/Examples-4a44e99258076eb2.js"],"/components/badge/code/Placement":[o,g,"static/chunks/pages/components/badge/code/Placement-740acb152d2233e9.js"],"/components/badge/code/Size":[o,j,"static/chunks/pages/components/badge/code/Size-04fd3f69cc614f42.js"],"/components/badge/code/Tonality":[o,f,"static/chunks/pages/components/badge/code/Tonality-c0da469f41a4044c.js"],"/components/badge/code/Variant":[o,b,"static/chunks/pages/components/badge/code/Variant-64b49e1d9ba5643e.js"],"/components/badge/docs/Angular":[o,"static/chunks/pages/components/badge/docs/Angular-a69d70ae4ea53183.js"],"/components/badge/docs/HTML":[o,"static/chunks/pages/components/badge/docs/HTML-51d84d90d984beca.js"],"/components/badge/docs/Migration":["static/chunks/pages/components/badge/docs/Migration-ec45b3db1b61a1dd.js"],"/components/badge/docs/React":[o,"static/chunks/pages/components/badge/docs/React-f43ee07d1f9babb4.js"],"/components/badge/docs/Vue":[o,"static/chunks/pages/components/badge/docs/Vue-7ec73f0cf5fafb73.js"],"/components/badge/examples":[s,e,c,"static/chunks/pages/components/badge/examples-393f5514608a85f9.js"],"/components/badge/how-to-use":[o,s,e,c,"static/chunks/pages/components/badge/how-to-use-5f3ee024e1d7e1a3.js"],"/components/badge/migration":[s,e,c,"static/chunks/pages/components/badge/migration-8ec4965b6b34d0d8.js"],"/components/badge/overview":[o,s,e,c,b,g,h,f,k,j,l,"static/chunks/pages/components/badge/overview-9d982c0f2fceb923.js"],"/components/badge/properties":[s,e,c,"static/chunks/pages/components/badge/properties-5475243109e49b01.js"],"/components/brand/docs/Angular":[o,"static/chunks/pages/components/brand/docs/Angular-557bec5d85d91d7a.js"],"/components/brand/docs/HTML":[o,"static/chunks/pages/components/brand/docs/HTML-ee19b5509aa2f26d.js"],"/components/brand/docs/React":[o,"static/chunks/pages/components/brand/docs/React-9ac96bc0e8847bc4.js"],"/components/brand/docs/Vue":[o,"static/chunks/pages/components/brand/docs/Vue-8cdd768970d19bac.js"],"/components/brand/examples":[s,e,c,"static/chunks/pages/components/brand/examples-749a2d4efcd74d64.js"],"/components/brand/how-to-use":[o,s,e,c,"static/chunks/pages/components/brand/how-to-use-23b9820f31aeae95.js"],"/components/brand/migration":[s,e,c,"static/chunks/pages/components/brand/migration-d745ed8ad48ebf70.js"],"/components/brand/properties":[s,e,c,"static/chunks/pages/components/brand/properties-1d338fb03d871d2c.js"],"/components/button":[o,s,e,c,v,x,w,T,M,V,"static/chunks/pages/components/button-5ce332f4d1dde0fa.js"],"/components/button/code/Behaviour":[o,T,"static/chunks/pages/components/button/code/Behaviour-585be5b06dbfab5e.js"],"/components/button/code/Content":[o,x,"static/chunks/pages/components/button/code/Content-2279169731fd07a1.js"],"/components/button/code/Size":[o,M,"static/chunks/pages/components/button/code/Size-7e988f866a903e62.js"],"/components/button/code/State":[o,V,"static/chunks/pages/components/button/code/State-8efcebe3a0210a24.js"],"/components/button/code/Tonality":[o,w,"static/chunks/pages/components/button/code/Tonality-30f64d034ee4db0b.js"],"/components/button/code/Variant":[o,v,"static/chunks/pages/components/button/code/Variant-993dca8c437b9911.js"],"/components/button/docs/Angular":[o,ec,"static/chunks/pages/components/button/docs/Angular-014fd2ab36505667.js"],"/components/button/docs/HTML":[o,"static/chunks/pages/components/button/docs/HTML-113d7f9b8cb79ce2.js"],"/components/button/docs/Migration":["static/chunks/pages/components/button/docs/Migration-2e1c7e47c71c8020.js"],"/components/button/docs/React":[o,"static/chunks/pages/components/button/docs/React-d6ed520cb06d90a6.js"],"/components/button/docs/Vue":[o,"static/chunks/pages/components/button/docs/Vue-1d5ac756ba8ad563.js"],"/components/button/examples":[s,e,c,"static/chunks/pages/components/button/examples-35a28d769832c44d.js"],"/components/button/how-to-use":[o,s,e,c,ec,"static/chunks/pages/components/button/how-to-use-4c3c1a587b6523b2.js"],"/components/button/migration":[s,e,c,"static/chunks/pages/components/button/migration-3276f8241cf03d0b.js"],"/components/button/overview":[o,s,e,c,v,x,w,T,M,V,"static/chunks/pages/components/button/overview-5e24be5b63eacfef.js"],"/components/button/properties":[s,e,c,"static/chunks/pages/components/button/properties-33d37be28ba4cbc2.js"],"/components/card":[o,s,e,c,L,R,A,H,"static/chunks/pages/components/card-b290589f5c179f24.js"],"/components/card/code/ColorVariant":[o,L,"static/chunks/pages/components/card/code/ColorVariant-f2d967a52b4f8829.js"],"/components/card/code/Spacing":[o,A,"static/chunks/pages/components/card/code/Spacing-e2644ba0a9eca5e5.js"],"/components/card/code/Tonality":[o,R,"static/chunks/pages/components/card/code/Tonality-5ed11047dfebf9bb.js"],"/components/card/code/Variant":[o,H,"static/chunks/pages/components/card/code/Variant-49b3630af6b62eda.js"],"/components/card/docs/Angular":[o,"static/chunks/pages/components/card/docs/Angular-9af09a126cd06c6b.js"],"/components/card/docs/HTML":[o,"static/chunks/pages/components/card/docs/HTML-6e26c4a6d4d63098.js"],"/components/card/docs/Migration":["static/chunks/pages/components/card/docs/Migration-a7011ca2f000339e.js"],"/components/card/docs/React":[o,"static/chunks/pages/components/card/docs/React-b00ca82a6a732873.js"],"/components/card/docs/Vue":[o,"static/chunks/pages/components/card/docs/Vue-d0b963cb0d9aec0d.js"],"/components/card/examples":[s,e,c,"static/chunks/pages/components/card/examples-554e1e6a28aeec6a.js"],"/components/card/how-to-use":[o,s,e,c,"static/chunks/pages/components/card/how-to-use-7642fa4363bdcfcb.js"],"/components/card/migration":[s,e,c,"static/chunks/pages/components/card/migration-c5e1da5ed45f4f86.js"],"/components/card/overview":[o,s,e,c,L,R,A,H,"static/chunks/pages/components/card/overview-f2fe9597d8021439.js"],"/components/card/properties":[s,e,c,"static/chunks/pages/components/card/properties-836215f0dea92ff6.js"],"/components/checkbox":[o,s,e,c,S,y,C,E,z,"static/chunks/pages/components/checkbox-481feff57ebca054.js"],"/components/checkbox/code/Requirement":[o,y,"static/chunks/pages/components/checkbox/code/Requirement-ab55d2887e85962e.js"],"/components/checkbox/code/Size":[o,E,"static/chunks/pages/components/checkbox/code/Size-0eb54448c3af8bf3.js"],"/components/checkbox/code/States":[o,S,"static/chunks/pages/components/checkbox/code/States-10e439f868cba88b.js"],"/components/checkbox/code/Tonality":[o,C,"static/chunks/pages/components/checkbox/code/Tonality-27ae8e072427ddd8.js"],"/components/checkbox/code/VariantLabel":[o,z,"static/chunks/pages/components/checkbox/code/VariantLabel-09deeecac1dea4f5.js"],"/components/checkbox/docs/Angular":[o,en,"static/chunks/pages/components/checkbox/docs/Angular-2b35c84ee30a04cb.js"],"/components/checkbox/docs/HTML":[o,"static/chunks/pages/components/checkbox/docs/HTML-04169693a829ab43.js"],"/components/checkbox/docs/React":[o,et,"static/chunks/pages/components/checkbox/docs/React-8361dda42daccc61.js"],"/components/checkbox/docs/Vue":[o,ea,"static/chunks/pages/components/checkbox/docs/Vue-1dfad0a6c5c4cae7.js"],"/components/checkbox/examples":[s,e,c,"static/chunks/pages/components/checkbox/examples-296d4cc994db529e.js"],"/components/checkbox/how-to-use":[o,s,e,c,en,et,ea,"static/chunks/pages/components/checkbox/how-to-use-8bf7e2c700e94441.js"],"/components/checkbox/migration":[s,e,c,"static/chunks/pages/components/checkbox/migration-a6da8be7018a7e8a.js"],"/components/checkbox/overview":[o,s,e,c,S,y,C,E,z,"static/chunks/pages/components/checkbox/overview-c03569727b1ed703.js"],"/components/checkbox/properties":[s,e,c,"static/chunks/pages/components/checkbox/properties-ec02850d247048f3.js"],"/components/code-docs/docs/Angular":["static/chunks/pages/components/code-docs/docs/Angular-15675add52dbffe1.js"],"/components/code-docs/docs/HTML":["static/chunks/pages/components/code-docs/docs/HTML-c8762ed3e1d47086.js"],"/components/code-docs/docs/React":[o,ep,"static/chunks/pages/components/code-docs/docs/React-c1e6cec7b7a1257a.js"],"/components/code-docs/docs/Vue":["static/chunks/pages/components/code-docs/docs/Vue-8a093ff067ac92ed.js"],"/components/code-docs/examples":[s,e,c,"static/chunks/pages/components/code-docs/examples-1674545b40313a52.js"],"/components/code-docs/how-to-use":[o,s,e,c,ep,"static/chunks/pages/components/code-docs/how-to-use-d8941d80ef91fb27.js"],"/components/code-docs/migration":[s,e,c,"static/chunks/pages/components/code-docs/migration-222106d88ecbcaf4.js"],"/components/code-docs/properties":[s,e,c,"static/chunks/pages/components/code-docs/properties-098a65196c9dd358.js"],"/components/divider":[o,s,e,c,B,F,_,"static/chunks/pages/components/divider-a9ce01e1e100e2d0.js"],"/components/divider/code/Emphasis":[o,_,"static/chunks/pages/components/divider/code/Emphasis-23abf1ff98f22ce5.js"],"/components/divider/code/Tonality":[o,B,"static/chunks/pages/components/divider/code/Tonality-9f969b2eeeb31933.js"],"/components/divider/code/Variant":[o,F,"static/chunks/pages/components/divider/code/Variant-229d908b5f1b1554.js"],"/components/divider/docs/Angular":[o,"static/chunks/pages/components/divider/docs/Angular-d32993bb7351c210.js"],"/components/divider/docs/HTML":[o,"static/chunks/pages/components/divider/docs/HTML-8725b871259d9aea.js"],"/components/divider/docs/Migration":["static/chunks/pages/components/divider/docs/Migration-2759194d94d594e0.js"],"/components/divider/docs/React":[o,"static/chunks/pages/components/divider/docs/React-537cda33809e670a.js"],"/components/divider/docs/Vue":[o,"static/chunks/pages/components/divider/docs/Vue-82d01cc96cb52bdc.js"],"/components/divider/examples":[s,e,c,"static/chunks/pages/components/divider/examples-25728ad1ca232d9d.js"],"/components/divider/how-to-use":[o,s,e,c,"static/chunks/pages/components/divider/how-to-use-857973344a0d03fc.js"],"/components/divider/migration":[s,e,c,"static/chunks/pages/components/divider/migration-f90e6e3158f0e648.js"],"/components/divider/overview":[o,s,e,c,B,F,_,"static/chunks/pages/components/divider/overview-4ca39c0a704fdefc.js"],"/components/divider/properties":[s,e,c,"static/chunks/pages/components/divider/properties-b862d1bf6f92c63c.js"],"/components/drawer":[o,s,e,c,q,P,W,D,I,G,"static/chunks/pages/components/drawer-f9cd961b831c696f.js"],"/components/drawer/code/Backdrop":[o,W,"static/chunks/pages/components/drawer/code/Backdrop-368667cbc494639d.js"],"/components/drawer/code/Directions":[o,P,"static/chunks/pages/components/drawer/code/Directions-dea8feec2ed7134d.js"],"/components/drawer/code/Rounded":[o,G,"static/chunks/pages/components/drawer/code/Rounded-e040c8d869c26045.js"],"/components/drawer/code/Size":[o,I,"static/chunks/pages/components/drawer/code/Size-ad74564ef6a21394.js"],"/components/drawer/code/Spacing":[o,q,"static/chunks/pages/components/drawer/code/Spacing-514c489eefd47a04.js"],"/components/drawer/code/Tonality":[o,D,"static/chunks/pages/components/drawer/code/Tonality-12eee950aa001392.js"],"/components/drawer/docs/Angular":[o,ei,"static/chunks/pages/components/drawer/docs/Angular-2fbb2855f8195cdd.js"],"/components/drawer/docs/HTML":[o,ed,"static/chunks/pages/components/drawer/docs/HTML-30f5ee7b56fd3a6e.js"],"/components/drawer/docs/Migration":["static/chunks/pages/components/drawer/docs/Migration-9dfd0260c734816f.js"],"/components/drawer/docs/React":[o,em,"static/chunks/pages/components/drawer/docs/React-e3fa5c9a0d797b68.js"],"/components/drawer/docs/Vue":[o,er,"static/chunks/pages/components/drawer/docs/Vue-e56ad4de0a450902.js"],"/components/drawer/examples":[s,e,c,"static/chunks/pages/components/drawer/examples-8c321f7c34ae2894.js"],"/components/drawer/how-to-use":[o,s,e,c,em,er,ei,ed,"static/chunks/pages/components/drawer/how-to-use-cc53165156499b0c.js"],"/components/drawer/migration":[s,e,c,"static/chunks/pages/components/drawer/migration-bc9ae3cf9e15f685.js"],"/components/drawer/overview":[o,s,e,c,q,P,W,D,I,G,"static/chunks/pages/components/drawer/overview-ed9e7080324ef3aa.js"],"/components/drawer/properties":[s,e,c,"static/chunks/pages/components/drawer/properties-4869580f4698dde9.js"],"/components/header/docs/Angular":[o,eu,"static/chunks/pages/components/header/docs/Angular-9a6a81992b08bd9c.js"],"/components/header/docs/HTML":[o,"static/chunks/pages/components/header/docs/HTML-2c4e290d41da7324.js"],"/components/header/docs/React":[o,eb,"static/chunks/pages/components/header/docs/React-e01a8d0589ea4af0.js"],"/components/header/docs/Vue":[o,eg,"static/chunks/pages/components/header/docs/Vue-cdca9ff76901925c.js"],"/components/header/examples":[s,e,c,"static/chunks/pages/components/header/examples-fac815fc1a139a0e.js"],"/components/header/how-to-use":[o,s,e,c,eg,eu,eb,"static/chunks/pages/components/header/how-to-use-54da742d58c5c3b4.js"],"/components/header/migration":[s,e,c,"static/chunks/pages/components/header/migration-a83e43c6625d2777.js"],"/components/header/properties":[s,e,c,"static/chunks/pages/components/header/properties-bb15cbee9c80bc0c.js"],"/components/icon/docs/Angular":[o,eh,"static/chunks/pages/components/icon/docs/Angular-7fd336a5eb5b65b1.js"],"/components/icon/docs/HTML":[o,"static/chunks/pages/components/icon/docs/HTML-b3b2b67fcb8a5dbd.js"],"/components/icon/docs/React":[o,"static/chunks/pages/components/icon/docs/React-3581f712db32fb1c.js"],"/components/icon/docs/Vue":[o,"static/chunks/pages/components/icon/docs/Vue-6d6a1360a4cc3683.js"],"/components/icon/examples":[s,e,c,"static/chunks/pages/components/icon/examples-48809f775ace2608.js"],"/components/icon/how-to-use":[o,s,e,c,eh,"static/chunks/pages/components/icon/how-to-use-a2cbfcc54c2f8dcb.js"],"/components/icon/migration":[s,e,c,"static/chunks/pages/components/icon/migration-2b6a94c38d687366.js"],"/components/icon/properties":[s,e,c,"static/chunks/pages/components/icon/properties-bef813a0d51cf287.js"],"/components/infotext":[o,s,e,c,N,O,U,"static/chunks/pages/components/infotext-6fc9552cfafb716c.js"],"/components/infotext/code/Size":[o,U,"static/chunks/pages/components/infotext/code/Size-2a0baef8e1d8178f.js"],"/components/infotext/code/Tonality":[o,O,"static/chunks/pages/components/infotext/code/Tonality-e72071daade91d61.js"],"/components/infotext/code/Variant":[o,N,"static/chunks/pages/components/infotext/code/Variant-ee0e672a1af38faf.js"],"/components/infotext/docs/Angular":[o,"static/chunks/pages/components/infotext/docs/Angular-677ed68831734762.js"],"/components/infotext/docs/HTML":[o,"static/chunks/pages/components/infotext/docs/HTML-14cbbc1fa5130fb4.js"],"/components/infotext/docs/Migration":["static/chunks/pages/components/infotext/docs/Migration-54bc8ed72e8fb0e7.js"],"/components/infotext/docs/React":[o,"static/chunks/pages/components/infotext/docs/React-8519b5509d06deff.js"],"/components/infotext/docs/Vue":[o,"static/chunks/pages/components/infotext/docs/Vue-ecb5ad160f09fdc5.js"],"/components/infotext/examples":[s,e,c,"static/chunks/pages/components/infotext/examples-bbc271b2f33cfe4a.js"],"/components/infotext/how-to-use":[o,s,e,c,"static/chunks/pages/components/infotext/how-to-use-b84f82afb1d79088.js"],"/components/infotext/migration":[s,e,c,"static/chunks/pages/components/infotext/migration-01ab7754e9137d51.js"],"/components/infotext/overview":[o,s,e,c,N,O,U,"static/chunks/pages/components/infotext/overview-7c99137d706e969b.js"],"/components/infotext/properties":[s,e,c,"static/chunks/pages/components/infotext/properties-da8dc909ec0842fe.js"],"/components/input":[o,s,e,c,J,K,Q,X,Y,Z,$,oo,oe,os,"static/chunks/pages/components/input-a612fe26d239006e.js"],"/components/input/code/Content":[o,X,"static/chunks/pages/components/input/code/Content-74ed43b39a4b21fb.js"],"/components/input/code/ExampleTypes":[o,K,"static/chunks/pages/components/input/code/ExampleTypes-a204a50383a2dc97.js"],"/components/input/code/ExampleTypesFloatingLabel":[o,J,"static/chunks/pages/components/input/code/ExampleTypesFloatingLabel-63d8ffde9b6ca0bd.js"],"/components/input/code/Requirement":[o,$,"static/chunks/pages/components/input/code/Requirement-dac1317d9f7c8064.js"],"/components/input/code/Semantic":[o,Q,"static/chunks/pages/components/input/code/Semantic-facd858462104a3f.js"],"/components/input/code/StatesFloatingLabel":[o,Y,"static/chunks/pages/components/input/code/StatesFloatingLabel-8d08b16133300512.js"],"/components/input/code/StatesLabelAbove":[o,Z,"static/chunks/pages/components/input/code/StatesLabelAbove-45a363ebe544fa25.js"],"/components/input/code/Tonality":[o,oo,"static/chunks/pages/components/input/code/Tonality-d47a9afcda8ab436.js"],"/components/input/code/VariantHelperMessage":[o,os,"static/chunks/pages/components/input/code/VariantHelperMessage-c628085d113bfe91.js"],"/components/input/code/VariantLabel":[o,oe,"static/chunks/pages/components/input/code/VariantLabel-dad7211f970420a2.js"],"/components/input/docs/Angular":[o,ef,"static/chunks/pages/components/input/docs/Angular-055318bdfa459919.js"],"/components/input/docs/HTML":[o,"static/chunks/pages/components/input/docs/HTML-933c868abf71ec44.js"],"/components/input/docs/React":[o,ek,"static/chunks/pages/components/input/docs/React-71277d5e6c78cb81.js"],"/components/input/docs/Vue":[o,ej,"static/chunks/pages/components/input/docs/Vue-6fe2eacb54a7e39b.js"],"/components/input/examples":[s,e,c,"static/chunks/pages/components/input/examples-715d51031db41e32.js"],"/components/input/how-to-use":[o,s,e,c,ef,ej,ek,"static/chunks/pages/components/input/how-to-use-96604cada6b34b4b.js"],"/components/input/migration":[s,e,c,"static/chunks/pages/components/input/migration-168167a05f5c7c79.js"],"/components/input/overview":[o,s,e,c,J,K,Q,X,Y,Z,$,oo,oe,os,"static/chunks/pages/components/input/overview-1e7325f539f2f666.js"],"/components/input/properties":[s,e,c,"static/chunks/pages/components/input/properties-d46547d490e4a24a.js"],"/components/link":[o,s,e,c,oc,on,ot,oa,op,"static/chunks/pages/components/link-82e20c10f1f0cc7d.js"],"/components/link/code/Content":[o,oa,"static/chunks/pages/components/link/code/Content-b386d2eeca34a70f.js"],"/components/link/code/Size":[o,ot,"static/chunks/pages/components/link/code/Size-0e734a706f412b98.js"],"/components/link/code/State":[o,op,"static/chunks/pages/components/link/code/State-dbfcc8f2bd72e6bf.js"],"/components/link/code/Tonality":[o,oc,"static/chunks/pages/components/link/code/Tonality-e5a6308b188abe82.js"],"/components/link/code/Variant":[o,on,"static/chunks/pages/components/link/code/Variant-c598c9f125d3f2ee.js"],"/components/link/docs/Angular":[o,el,"static/chunks/pages/components/link/docs/Angular-baa2c2d4362e88d8.js"],"/components/link/docs/HTML":[o,"static/chunks/pages/components/link/docs/HTML-7cec046298a60c2e.js"],"/components/link/docs/React":[o,ev,"static/chunks/pages/components/link/docs/React-82ba2981824fd205.js"],"/components/link/docs/Vue":[o,"static/chunks/pages/components/link/docs/Vue-ff1f4f5dd56702ae.js"],"/components/link/examples":[s,e,c,"static/chunks/pages/components/link/examples-3d2f4942af7c5134.js"],"/components/link/how-to-use":[o,s,e,c,el,ev,"static/chunks/pages/components/link/how-to-use-8a84706a78a809f9.js"],"/components/link/migration":[s,e,c,"static/chunks/pages/components/link/migration-16e7aaac14f10f57.js"],"/components/link/overview":[o,s,e,c,oc,on,ot,oa,op,"static/chunks/pages/components/link/overview-66962d44ceaefe81.js"],"/components/link/properties":[s,e,c,"static/chunks/pages/components/link/properties-09be1f760df1e498.js"],"/components/main-navigation":[o,s,e,c,oi,"static/chunks/pages/components/main-navigation-f9ed4af994690811.js"],"/components/main-navigation/code/Tonality":[o,oi,"static/chunks/pages/components/main-navigation/code/Tonality-4486cca6c252c166.js"],"/components/main-navigation/docs/Angular":[o,ex,"static/chunks/pages/components/main-navigation/docs/Angular-abea04273d6984a2.js"],"/components/main-navigation/docs/HTML":[o,ew,"static/chunks/pages/components/main-navigation/docs/HTML-6b15e007148bcc80.js"],"/components/main-navigation/docs/React":[o,eT,"static/chunks/pages/components/main-navigation/docs/React-b4caa641ed2e37bc.js"],"/components/main-navigation/docs/Vue":[o,eM,"static/chunks/pages/components/main-navigation/docs/Vue-9bdc6937110cd76b.js"],"/components/main-navigation/examples":[s,e,c,"static/chunks/pages/components/main-navigation/examples-5ecad77bf222de0f.js"],"/components/main-navigation/how-to-use":[o,s,e,c,ew,ex,eM,eT,"static/chunks/pages/components/main-navigation/how-to-use-74d2ff7a8c611220.js"],"/components/main-navigation/migration":[s,e,c,"static/chunks/pages/components/main-navigation/migration-d559012fbc0cf804.js"],"/components/main-navigation/overview":[o,s,e,c,oi,"static/chunks/pages/components/main-navigation/overview-1afe77aaa097c147.js"],"/components/main-navigation/properties":[s,e,c,"static/chunks/pages/components/main-navigation/properties-acc956d0ebca0dfa.js"],"/components/navigation-item":[o,s,e,c,od,om,or,ou,"static/chunks/pages/components/navigation-item-71b30a9363295b1e.js"],"/components/navigation-item/code/Content":[o,od,"static/chunks/pages/components/navigation-item/code/Content-0a9fb35b936efc85.js"],"/components/navigation-item/code/States":[o,om,"static/chunks/pages/components/navigation-item/code/States-a0b1118a03ba99aa.js"],"/components/navigation-item/code/Tonality":[o,or,"static/chunks/pages/components/navigation-item/code/Tonality-7a4efb814daf4fb2.js"],"/components/navigation-item/code/Width":[o,ou,"static/chunks/pages/components/navigation-item/code/Width-35036430b8cfc82c.js"],"/components/navigation-item/docs/Angular":[o,eV,"static/chunks/pages/components/navigation-item/docs/Angular-8cf97bd3f43cf03d.js"],"/components/navigation-item/docs/HTML":[o,eL,"static/chunks/pages/components/navigation-item/docs/HTML-8ebccb5704783249.js"],"/components/navigation-item/docs/Migration":["static/chunks/pages/components/navigation-item/docs/Migration-83d62af52c9a03db.js"],"/components/navigation-item/docs/React":[o,eR,"static/chunks/pages/components/navigation-item/docs/React-c6e9b77365716760.js"],"/components/navigation-item/docs/Vue":[o,eA,"static/chunks/pages/components/navigation-item/docs/Vue-1d4ffebf9ce71211.js"],"/components/navigation-item/examples":[s,e,c,"static/chunks/pages/components/navigation-item/examples-f9bc24f18a5ba753.js"],"/components/navigation-item/how-to-use":[o,s,e,c,eV,eR,eA,eL,"static/chunks/pages/components/navigation-item/how-to-use-5a6ae0e7e6ecaeaa.js"],"/components/navigation-item/migration":[s,e,c,"static/chunks/pages/components/navigation-item/migration-ddad3f35219b999f.js"],"/components/navigation-item/overview":[o,s,e,c,od,om,or,ou,"static/chunks/pages/components/navigation-item/overview-37decd2d36e419ff.js"],"/components/navigation-item/properties":[s,e,c,"static/chunks/pages/components/navigation-item/properties-51faba7a275f50a8.js"],"/components/page/docs/Angular":[o,eH,"static/chunks/pages/components/page/docs/Angular-7cb8933c18f01b51.js"],"/components/page/docs/HTML":[o,"static/chunks/pages/components/page/docs/HTML-906b5e512f7b0226.js"],"/components/page/docs/React":[o,eS,"static/chunks/pages/components/page/docs/React-de44a571a3999621.js"],"/components/page/docs/Vue":[o,ey,"static/chunks/pages/components/page/docs/Vue-0894afe5a5a32efb.js"],"/components/page/examples":[s,e,c,"static/chunks/pages/components/page/examples-ba69690cfb016c56.js"],"/components/page/how-to-use":[o,s,e,c,eH,eS,ey,"static/chunks/pages/components/page/how-to-use-6f7abdff77aca679.js"],"/components/page/migration":[s,e,c,"static/chunks/pages/components/page/migration-5a142c2845e7ddc4.js"],"/components/page/properties":[s,e,c,"static/chunks/pages/components/page/properties-af2c4a41836ef13b.js"],"/components/popover":[o,s,e,c,ob,og,oh,of,ok,oj,"static/chunks/pages/components/popover-04036520c9a0da91.js"],"/components/popover/code/Animations":[o,og,"static/chunks/pages/components/popover/code/Animations-f20d5b2e7a91a389.js"],"/components/popover/code/Gap":[o,oj,"static/chunks/pages/components/popover/code/Gap-7a88afdf73a996cd.js"],"/components/popover/code/Placement":[o,ob,"static/chunks/pages/components/popover/code/Placement-c12b9d2255e6220c.js"],"/components/popover/code/Spacing":[o,oh,"static/chunks/pages/components/popover/code/Spacing-e938a1d728034c03.js"],"/components/popover/code/Tonality":[o,of,"static/chunks/pages/components/popover/code/Tonality-18918e604fb2ac5f.js"],"/components/popover/code/Width":[o,ok,"static/chunks/pages/components/popover/code/Width-718dc11ca19ff621.js"],"/components/popover/docs/Angular":[o,eC,"static/chunks/pages/components/popover/docs/Angular-77360623b68a5bf2.js"],"/components/popover/docs/HTML":[o,"static/chunks/pages/components/popover/docs/HTML-86137715adc753ed.js"],"/components/popover/docs/Migration":["static/chunks/pages/components/popover/docs/Migration-eb580047faf6caa4.js"],"/components/popover/docs/React":[o,eE,"static/chunks/pages/components/popover/docs/React-41f6f708259a043e.js"],"/components/popover/docs/Vue":[o,ez,"static/chunks/pages/components/popover/docs/Vue-e2c4c98cae47602d.js"],"/components/popover/examples":[s,e,c,"static/chunks/pages/components/popover/examples-0900e3f2f93610fd.js"],"/components/popover/how-to-use":[o,s,e,c,eE,eC,ez,"static/chunks/pages/components/popover/how-to-use-dc2622a24bef2250.js"],"/components/popover/migration":[s,e,c,"static/chunks/pages/components/popover/migration-50befb7f6868b6ca.js"],"/components/popover/overview":[o,s,e,c,ob,og,oh,of,ok,oj,"static/chunks/pages/components/popover/overview-65e82a1bee670a37.js"],"/components/popover/properties":[s,e,c,"static/chunks/pages/components/popover/properties-d60bbffa1529a5e6.js"],"/components/radio":[o,s,e,c,ol,ov,ox,ow,oT,"static/chunks/pages/components/radio-55ad2ff08561f43c.js"],"/components/radio/code/Requirement":[o,ov,"static/chunks/pages/components/radio/code/Requirement-d7f023153d89ea75.js"],"/components/radio/code/Size":[o,ow,"static/chunks/pages/components/radio/code/Size-2eda05ae4db2dab3.js"],"/components/radio/code/States":[o,ox,"static/chunks/pages/components/radio/code/States-72295a8361875397.js"],"/components/radio/code/Tonality":[o,ol,"static/chunks/pages/components/radio/code/Tonality-993db5640df19542.js"],"/components/radio/code/VariantLabel":[o,oT,"static/chunks/pages/components/radio/code/VariantLabel-a9e281ef4f3a0501.js"],"/components/radio/docs/Angular":[o,eB,"static/chunks/pages/components/radio/docs/Angular-e1decc1769dac8be.js"],"/components/radio/docs/HTML":[o,eF,"static/chunks/pages/components/radio/docs/HTML-4087cd12d36ed506.js"],"/components/radio/docs/React":[o,e_,"static/chunks/pages/components/radio/docs/React-a28d1d8515b19039.js"],"/components/radio/docs/Vue":[o,eq,"static/chunks/pages/components/radio/docs/Vue-8e3b943d7f16aaef.js"],"/components/radio/examples":[s,e,c,"static/chunks/pages/components/radio/examples-96aa3cdc6a58f88a.js"],"/components/radio/how-to-use":[o,s,e,c,eB,e_,eq,eF,"static/chunks/pages/components/radio/how-to-use-2dab7e76224a3a4e.js"],"/components/radio/migration":[s,e,c,"static/chunks/pages/components/radio/migration-935ad6cd424868c3.js"],"/components/radio/overview":[o,s,e,c,ol,ov,ox,ow,oT,"static/chunks/pages/components/radio/overview-476bcaf699ff1d56.js"],"/components/radio/properties":[s,e,c,"static/chunks/pages/components/radio/properties-33b6c31f18b8f5de.js"],"/components/readme":[o,s,e,c,"static/chunks/pages/components/readme-64c75c643d692d14.js"],"/components/section":[o,s,e,c,oM,oV,oL,"static/chunks/pages/components/section-b3c83f5b9c659d91.js"],"/components/section/code/Size":[o,oV,"static/chunks/pages/components/section/code/Size-60007e5194ff125d.js"],"/components/section/code/Tonality":[o,oL,"static/chunks/pages/components/section/code/Tonality-35cdd2193a40a145.js"],"/components/section/code/Variant":[o,oM,"static/chunks/pages/components/section/code/Variant-110fd3150245690d.js"],"/components/section/docs/Angular":[o,eP,"static/chunks/pages/components/section/docs/Angular-7242ca58628a71e3.js"],"/components/section/docs/HTML":[o,"static/chunks/pages/components/section/docs/HTML-efa02a432d69c222.js"],"/components/section/docs/Migration":["static/chunks/pages/components/section/docs/Migration-6215072a2e19a978.js"],"/components/section/docs/React":[o,"static/chunks/pages/components/section/docs/React-a32eadb1bbf4f47b.js"],"/components/section/docs/Vue":[o,"static/chunks/pages/components/section/docs/Vue-df6b291b80f33e18.js"],"/components/section/examples":[s,e,c,"static/chunks/pages/components/section/examples-b4e9e16dcaee462a.js"],"/components/section/how-to-use":[o,s,e,c,eP,"static/chunks/pages/components/section/how-to-use-577844b7cb69b42d.js"],"/components/section/migration":[s,e,c,"static/chunks/pages/components/section/migration-8a08f4b48790a9bb.js"],"/components/section/overview":[o,s,e,c,oM,oV,oL,"static/chunks/pages/components/section/overview-615380de813f4e9c.js"],"/components/section/properties":[s,e,c,"static/chunks/pages/components/section/properties-cec95891d6282b58.js"],"/components/select":[o,s,e,c,oR,oA,oH,oS,oy,oC,oE,oz,"static/chunks/pages/components/select-26d578e913c5e08c.js"],"/components/select/code/Content":[o,oC,"static/chunks/pages/components/select/code/Content-02aa637c5ae82d02.js"],"/components/select/code/Requirement":[o,oH,"static/chunks/pages/components/select/code/Requirement-812b2ad1b426a3be.js"],"/components/select/code/Semantic":[o,oR,"static/chunks/pages/components/select/code/Semantic-1ab1eed9fbfcdb09.js"],"/components/select/code/StatesFloatingLabel":[o,oA,"static/chunks/pages/components/select/code/StatesFloatingLabel-1a230e73b9d25feb.js"],"/components/select/code/StatesLabelAbove":[o,oy,"static/chunks/pages/components/select/code/StatesLabelAbove-cd1da592eb73c2ba.js"],"/components/select/code/Tonality":[o,oS,"static/chunks/pages/components/select/code/Tonality-3ace7587959ffdfd.js"],"/components/select/code/VariantHelperMessage":[o,oz,"static/chunks/pages/components/select/code/VariantHelperMessage-c73d0b89db71acda.js"],"/components/select/code/VariantLabel":[o,oE,"static/chunks/pages/components/select/code/VariantLabel-03c9b8818a424d6b.js"],"/components/select/docs/Angular":[o,eW,"static/chunks/pages/components/select/docs/Angular-62b0af82fd8c3bc9.js"],"/components/select/docs/HTML":[o,eD,"static/chunks/pages/components/select/docs/HTML-464c2715590e935c.js"],"/components/select/docs/Migration":["static/chunks/pages/components/select/docs/Migration-37277dd33d7a087a.js"],"/components/select/docs/React":[o,eI,"static/chunks/pages/components/select/docs/React-b55cda63e6793b03.js"],"/components/select/docs/Vue":[o,eG,"static/chunks/pages/components/select/docs/Vue-e7e4551791d6fb3b.js"],"/components/select/examples":[s,e,c,"static/chunks/pages/components/select/examples-dcf3028a9fdbb542.js"],"/components/select/how-to-use":[o,s,e,c,eW,eI,eD,eG,"static/chunks/pages/components/select/how-to-use-ecb4c6ef9ad6f220.js"],"/components/select/migration":[s,e,c,"static/chunks/pages/components/select/migration-76bc8db1face0645.js"],"/components/select/overview":[o,s,e,c,oR,oA,oH,oS,oy,oC,oE,oz,"static/chunks/pages/components/select/overview-c2998dde7f8d8aca.js"],"/components/select/properties":[s,e,c,"static/chunks/pages/components/select/properties-3f7450e90ab77382.js"],"/components/tab/docs/Angular":["static/chunks/pages/components/tab/docs/Angular-5f0319701710d3d6.js"],"/components/tab/docs/HTML":["static/chunks/pages/components/tab/docs/HTML-8538fc9f8beb6210.js"],"/components/tab/docs/React":["static/chunks/pages/components/tab/docs/React-779bb70ecfac9a66.js"],"/components/tab/docs/Vue":["static/chunks/pages/components/tab/docs/Vue-580a6f24e7b94aa7.js"],"/components/tab/examples":[s,e,c,"static/chunks/pages/components/tab/examples-7a51f6f4201dc6f9.js"],"/components/tab/how-to-use":[s,e,c,"static/chunks/pages/components/tab/how-to-use-875d5c8081965874.js"],"/components/tab/migration":[s,e,c,"static/chunks/pages/components/tab/migration-4ee3dbd8e0582ada.js"],"/components/tab/properties":[s,e,c,"static/chunks/pages/components/tab/properties-ad7f48bae1f3fba3.js"],"/components/tab-bar/docs/Angular":["static/chunks/pages/components/tab-bar/docs/Angular-cbd75826472b9fcf.js"],"/components/tab-bar/docs/HTML":["static/chunks/pages/components/tab-bar/docs/HTML-6929b1a82a161f36.js"],"/components/tab-bar/docs/React":["static/chunks/pages/components/tab-bar/docs/React-065bb96355064838.js"],"/components/tab-bar/docs/Vue":["static/chunks/pages/components/tab-bar/docs/Vue-37859bcbf39cfe95.js"],"/components/tab-bar/examples":[s,e,c,"static/chunks/pages/components/tab-bar/examples-043237d298118d32.js"],"/components/tab-bar/how-to-use":[s,e,c,"static/chunks/pages/components/tab-bar/how-to-use-59d556cd077ac393.js"],"/components/tab-bar/migration":[s,e,c,"static/chunks/pages/components/tab-bar/migration-7ebe26ec195c693d.js"],"/components/tab-bar/properties":[s,e,c,"static/chunks/pages/components/tab-bar/properties-544a67501f9e3198.js"],"/components/tag":[o,s,e,c,oB,oF,o_,oq,oP,oW,oD,oI,"static/chunks/pages/components/tag-128fe0462276e26a.js"],"/components/tag/code/Behaviour":[o,oF,"static/chunks/pages/components/tag/code/Behaviour-ea45abf8bb39833a.js"],"/components/tag/code/Content":[o,oP,"static/chunks/pages/components/tag/code/Content-cfa3b87232946a9d.js"],"/components/tag/code/Emphasis":[o,oD,"static/chunks/pages/components/tag/code/Emphasis-8ed990882f52d69d.js"],"/components/tag/code/Example":[o,o_,"static/chunks/pages/components/tag/code/Example-489a3f12725d37a5.js"],"/components/tag/code/Overflow":[o,oI,"static/chunks/pages/components/tag/code/Overflow-a72ad63d6cca3293.js"],"/components/tag/code/State":[o,oq,"static/chunks/pages/components/tag/code/State-07b3a6fffa12c405.js"],"/components/tag/code/Tonality":[o,oW,"static/chunks/pages/components/tag/code/Tonality-168df6d80e00cfab.js"],"/components/tag/code/Variant":[o,oB,"static/chunks/pages/components/tag/code/Variant-f3093eac11ceeece.js"],"/components/tag/docs/Angular":[o,eN,"static/chunks/pages/components/tag/docs/Angular-219f31ba8df595fb.js"],"/components/tag/docs/HTML":[o,"static/chunks/pages/components/tag/docs/HTML-0a0dccfae0adf8be.js"],"/components/tag/docs/Migration":[o,eO,"static/chunks/pages/components/tag/docs/Migration-655ad1ed40b20463.js"],"/components/tag/docs/React":[o,eU,"static/chunks/pages/components/tag/docs/React-181a9204cd480c99.js"],"/components/tag/docs/Vue":[o,eJ,"static/chunks/pages/components/tag/docs/Vue-ce9504a8a34f384c.js"],"/components/tag/examples":[s,e,c,"static/chunks/pages/components/tag/examples-70970744a7a80679.js"],"/components/tag/how-to-use":[o,s,e,c,eU,eJ,eN,"static/chunks/pages/components/tag/how-to-use-c37ed506d1c34236.js"],"/components/tag/migration":[o,s,e,c,eO,"static/chunks/pages/components/tag/migration-16c52cc184bb41a5.js"],"/components/tag/overview":[o,s,e,c,oB,oF,o_,oq,oP,oW,oD,oI,"static/chunks/pages/components/tag/overview-fe9bf5784f66967c.js"],"/components/tag/properties":[s,e,c,"static/chunks/pages/components/tag/properties-dbd84bb25583173f.js"],"/components/textarea":[o,s,e,c,oG,oN,oO,oU,oJ,oK,oQ,oX,"static/chunks/pages/components/textarea-5634bb94c5db423c.js"],"/components/textarea/code/Requirement":[o,oU,"static/chunks/pages/components/textarea/code/Requirement-f6df46ff30782adb.js"],"/components/textarea/code/Rows":[o,oK,"static/chunks/pages/components/textarea/code/Rows-e83cd3fbf8990ec2.js"],"/components/textarea/code/Semantic":[o,oG,"static/chunks/pages/components/textarea/code/Semantic-1d86e2ac46fc3632.js"],"/components/textarea/code/StatesFloatingLabel":[o,oN,"static/chunks/pages/components/textarea/code/StatesFloatingLabel-2034eca6ee8935ee.js"],"/components/textarea/code/StatesLabelAbove":[o,oO,"static/chunks/pages/components/textarea/code/StatesLabelAbove-e2315d0120daf331.js"],"/components/textarea/code/Tonality":[o,oJ,"static/chunks/pages/components/textarea/code/Tonality-a3e8fa4fe8ca9c16.js"],"/components/textarea/code/VariantHelperMessage":[o,oX,"static/chunks/pages/components/textarea/code/VariantHelperMessage-cb82d587c7ea59e0.js"],"/components/textarea/code/VariantLabel":[o,oQ,"static/chunks/pages/components/textarea/code/VariantLabel-13940c43b938fe05.js"],"/components/textarea/docs/Angular":[o,eK,"static/chunks/pages/components/textarea/docs/Angular-57cc07b83dcc2641.js"],"/components/textarea/docs/HTML":[o,eQ,"static/chunks/pages/components/textarea/docs/HTML-77531a1de554ae63.js"],"/components/textarea/docs/Migration":["static/chunks/pages/components/textarea/docs/Migration-59853987015f4afe.js"],"/components/textarea/docs/React":[o,eX,"static/chunks/pages/components/textarea/docs/React-dba8eee9f7458ebe.js"],"/components/textarea/docs/Vue":[o,eY,"static/chunks/pages/components/textarea/docs/Vue-4efe13ccccd46281.js"],"/components/textarea/examples":[s,e,c,"static/chunks/pages/components/textarea/examples-c9dbedd4e8ab9b4f.js"],"/components/textarea/how-to-use":[o,s,e,c,eK,eX,eY,eQ,"static/chunks/pages/components/textarea/how-to-use-ab0a3a74b6ac3e5a.js"],"/components/textarea/migration":[s,e,c,"static/chunks/pages/components/textarea/migration-e0f3edae15740156.js"],"/components/textarea/overview":[o,s,e,c,oG,oN,oO,oU,oJ,oK,oQ,oX,"static/chunks/pages/components/textarea/overview-71b4936e4c3132c8.js"],"/components/textarea/properties":[s,e,c,"static/chunks/pages/components/textarea/properties-c5d10bae53c822a4.js"],"/components/tooltip":[o,s,e,c,oY,oZ,o$,o9,o8,o5,"static/chunks/pages/components/tooltip-f3896efdd48ad0f4.js"],"/components/tooltip/code/Animations":[o,oZ,"static/chunks/pages/components/tooltip/code/Animations-ff421bdd4960e8dd.js"],"/components/tooltip/code/Emphasis":[o,o5,"static/chunks/pages/components/tooltip/code/Emphasis-9a65ba09d55e24ff.js"],"/components/tooltip/code/Placement":[o,oY,"static/chunks/pages/components/tooltip/code/Placement-0096a91bf50a0d04.js"],"/components/tooltip/code/Tonality":[o,o$,"static/chunks/pages/components/tooltip/code/Tonality-4392509158a20b33.js"],"/components/tooltip/code/Variant":[o,o8,"static/chunks/pages/components/tooltip/code/Variant-7965e39d7fd5b6df.js"],"/components/tooltip/code/Width":[o,o9,"static/chunks/pages/components/tooltip/code/Width-cfbb588dda0e1cf8.js"],"/components/tooltip/docs/Angular":[o,eZ,"static/chunks/pages/components/tooltip/docs/Angular-4456d52ac118e173.js"],"/components/tooltip/docs/HTML":[o,"static/chunks/pages/components/tooltip/docs/HTML-6bf6fa829b3d744e.js"],"/components/tooltip/docs/Migration":["static/chunks/pages/components/tooltip/docs/Migration-6be6ca46972eb08a.js"],"/components/tooltip/docs/React":[o,e$,"static/chunks/pages/components/tooltip/docs/React-6045cdb3f5947577.js"],"/components/tooltip/docs/Vue":[o,e9,"static/chunks/pages/components/tooltip/docs/Vue-a41d9492d788d457.js"],"/components/tooltip/examples":[s,e,c,"static/chunks/pages/components/tooltip/examples-f6641d474a027eac.js"],"/components/tooltip/how-to-use":[o,s,e,c,e$,eZ,e9,"static/chunks/pages/components/tooltip/how-to-use-b35d613c9af53bbe.js"],"/components/tooltip/migration":[s,e,c,"static/chunks/pages/components/tooltip/migration-ed7682153452f6af.js"],"/components/tooltip/overview":[o,s,e,c,oY,oZ,o$,o9,o8,o5,"static/chunks/pages/components/tooltip/overview-6eb9cb2dd144ac69.js"],"/components/tooltip/properties":[s,e,c,"static/chunks/pages/components/tooltip/properties-1346c81f0ed63d4b.js"],"/foundations/colors/color-schemes":[s,e,c,"static/chunks/pages/foundations/colors/color-schemes-c43eff285423da18.js"],"/foundations/colors/overview":[s,e,c,"static/chunks/pages/foundations/colors/overview-c57dc0061a57a794.js"],"/foundations/colors/readme":[o,s,e,c,"static/chunks/pages/foundations/colors/readme-c7546254c1f31092.js"],"/foundations/icons/custom-icons":[o,s,e,c,"static/chunks/pages/foundations/icons/custom-icons-2a48238d8dacb069.js"],"/foundations/icons/overview":[s,e,c,"static/chunks/pages/foundations/icons/overview-0d75158eaf121176.js"],"/foundations/icons/readme":[s,e,c,"static/chunks/pages/foundations/icons/readme-108ab7cdea9fe4f0.js"],"/foundations/readme":[o,s,e,c,"static/chunks/pages/foundations/readme-1fd8214808dc398b.js"],"/foundations/tonalities/examples":[s,e,c,"static/chunks/pages/foundations/tonalities/examples-facd6290ff3f8774.js"],"/foundations/tonalities/readme":[o,s,e,c,"static/chunks/pages/foundations/tonalities/readme-2884955abea09f7b.js"],"/foundations/variables/examples":[s,e,c,"static/chunks/pages/foundations/variables/examples-9d08e4f0ce01205e.js"],"/foundations/variables/readme":[s,e,c,"static/chunks/pages/foundations/variables/readme-f7da0d77a151abfa.js"],"/iframe":[o3,e,"static/chunks/pages/iframe-6f27a4b14af22f62.js"],sortedPages:["/","/404","/_app","/_error","/base64","/components/accordion","/components/accordion/code/Behaviour","/components/accordion/code/Tonality","/components/accordion/docs/Angular","/components/accordion/docs/HTML","/components/accordion/docs/Migration","/components/accordion/docs/React","/components/accordion/docs/Vue","/components/accordion/examples","/components/accordion/how-to-use","/components/accordion/migration","/components/accordion/overview","/components/accordion/properties","/components/accordion-item","/components/accordion-item/code/States","/components/accordion-item/code/Tonality","/components/accordion-item/docs/Angular","/components/accordion-item/docs/HTML","/components/accordion-item/docs/Migration","/components/accordion-item/docs/React","/components/accordion-item/docs/Vue","/components/accordion-item/examples","/components/accordion-item/how-to-use","/components/accordion-item/migration","/components/accordion-item/overview","/components/accordion-item/properties","/components/alert","/components/alert/code/Behaviour","/components/alert/code/Content","/components/alert/code/Tonality","/components/alert/code/Type","/components/alert/code/Variant","/components/alert/docs/Angular","/components/alert/docs/HTML","/components/alert/docs/Migration","/components/alert/docs/React","/components/alert/docs/Vue","/components/alert/examples","/components/alert/how-to-use","/components/alert/migration","/components/alert/overview","/components/alert/properties","/components/badge","/components/badge/code/Content","/components/badge/code/Emphasis","/components/badge/code/Examples","/components/badge/code/Placement","/components/badge/code/Size","/components/badge/code/Tonality","/components/badge/code/Variant","/components/badge/docs/Angular","/components/badge/docs/HTML","/components/badge/docs/Migration","/components/badge/docs/React","/components/badge/docs/Vue","/components/badge/examples","/components/badge/how-to-use","/components/badge/migration","/components/badge/overview","/components/badge/properties","/components/brand/docs/Angular","/components/brand/docs/HTML","/components/brand/docs/React","/components/brand/docs/Vue","/components/brand/examples","/components/brand/how-to-use","/components/brand/migration","/components/brand/properties","/components/button","/components/button/code/Behaviour","/components/button/code/Content","/components/button/code/Size","/components/button/code/State","/components/button/code/Tonality","/components/button/code/Variant","/components/button/docs/Angular","/components/button/docs/HTML","/components/button/docs/Migration","/components/button/docs/React","/components/button/docs/Vue","/components/button/examples","/components/button/how-to-use","/components/button/migration","/components/button/overview","/components/button/properties","/components/card","/components/card/code/ColorVariant","/components/card/code/Spacing","/components/card/code/Tonality","/components/card/code/Variant","/components/card/docs/Angular","/components/card/docs/HTML","/components/card/docs/Migration","/components/card/docs/React","/components/card/docs/Vue","/components/card/examples","/components/card/how-to-use","/components/card/migration","/components/card/overview","/components/card/properties","/components/checkbox","/components/checkbox/code/Requirement","/components/checkbox/code/Size","/components/checkbox/code/States","/components/checkbox/code/Tonality","/components/checkbox/code/VariantLabel","/components/checkbox/docs/Angular","/components/checkbox/docs/HTML","/components/checkbox/docs/React","/components/checkbox/docs/Vue","/components/checkbox/examples","/components/checkbox/how-to-use","/components/checkbox/migration","/components/checkbox/overview","/components/checkbox/properties","/components/code-docs/docs/Angular","/components/code-docs/docs/HTML","/components/code-docs/docs/React","/components/code-docs/docs/Vue","/components/code-docs/examples","/components/code-docs/how-to-use","/components/code-docs/migration","/components/code-docs/properties","/components/divider","/components/divider/code/Emphasis","/components/divider/code/Tonality","/components/divider/code/Variant","/components/divider/docs/Angular","/components/divider/docs/HTML","/components/divider/docs/Migration","/components/divider/docs/React","/components/divider/docs/Vue","/components/divider/examples","/components/divider/how-to-use","/components/divider/migration","/components/divider/overview","/components/divider/properties","/components/drawer","/components/drawer/code/Backdrop","/components/drawer/code/Directions","/components/drawer/code/Rounded","/components/drawer/code/Size","/components/drawer/code/Spacing","/components/drawer/code/Tonality","/components/drawer/docs/Angular","/components/drawer/docs/HTML","/components/drawer/docs/Migration","/components/drawer/docs/React","/components/drawer/docs/Vue","/components/drawer/examples","/components/drawer/how-to-use","/components/drawer/migration","/components/drawer/overview","/components/drawer/properties","/components/header/docs/Angular","/components/header/docs/HTML","/components/header/docs/React","/components/header/docs/Vue","/components/header/examples","/components/header/how-to-use","/components/header/migration","/components/header/properties","/components/icon/docs/Angular","/components/icon/docs/HTML","/components/icon/docs/React","/components/icon/docs/Vue","/components/icon/examples","/components/icon/how-to-use","/components/icon/migration","/components/icon/properties","/components/infotext","/components/infotext/code/Size","/components/infotext/code/Tonality","/components/infotext/code/Variant","/components/infotext/docs/Angular","/components/infotext/docs/HTML","/components/infotext/docs/Migration","/components/infotext/docs/React","/components/infotext/docs/Vue","/components/infotext/examples","/components/infotext/how-to-use","/components/infotext/migration","/components/infotext/overview","/components/infotext/properties","/components/input","/components/input/code/Content","/components/input/code/ExampleTypes","/components/input/code/ExampleTypesFloatingLabel","/components/input/code/Requirement","/components/input/code/Semantic","/components/input/code/StatesFloatingLabel","/components/input/code/StatesLabelAbove","/components/input/code/Tonality","/components/input/code/VariantHelperMessage","/components/input/code/VariantLabel","/components/input/docs/Angular","/components/input/docs/HTML","/components/input/docs/React","/components/input/docs/Vue","/components/input/examples","/components/input/how-to-use","/components/input/migration","/components/input/overview","/components/input/properties","/components/link","/components/link/code/Content","/components/link/code/Size","/components/link/code/State","/components/link/code/Tonality","/components/link/code/Variant","/components/link/docs/Angular","/components/link/docs/HTML","/components/link/docs/React","/components/link/docs/Vue","/components/link/examples","/components/link/how-to-use","/components/link/migration","/components/link/overview","/components/link/properties","/components/main-navigation","/components/main-navigation/code/Tonality","/components/main-navigation/docs/Angular","/components/main-navigation/docs/HTML","/components/main-navigation/docs/React","/components/main-navigation/docs/Vue","/components/main-navigation/examples","/components/main-navigation/how-to-use","/components/main-navigation/migration","/components/main-navigation/overview","/components/main-navigation/properties","/components/navigation-item","/components/navigation-item/code/Content","/components/navigation-item/code/States","/components/navigation-item/code/Tonality","/components/navigation-item/code/Width","/components/navigation-item/docs/Angular","/components/navigation-item/docs/HTML","/components/navigation-item/docs/Migration","/components/navigation-item/docs/React","/components/navigation-item/docs/Vue","/components/navigation-item/examples","/components/navigation-item/how-to-use","/components/navigation-item/migration","/components/navigation-item/overview","/components/navigation-item/properties","/components/page/docs/Angular","/components/page/docs/HTML","/components/page/docs/React","/components/page/docs/Vue","/components/page/examples","/components/page/how-to-use","/components/page/migration","/components/page/properties","/components/popover","/components/popover/code/Animations","/components/popover/code/Gap","/components/popover/code/Placement","/components/popover/code/Spacing","/components/popover/code/Tonality","/components/popover/code/Width","/components/popover/docs/Angular","/components/popover/docs/HTML","/components/popover/docs/Migration","/components/popover/docs/React","/components/popover/docs/Vue","/components/popover/examples","/components/popover/how-to-use","/components/popover/migration","/components/popover/overview","/components/popover/properties","/components/radio","/components/radio/code/Requirement","/components/radio/code/Size","/components/radio/code/States","/components/radio/code/Tonality","/components/radio/code/VariantLabel","/components/radio/docs/Angular","/components/radio/docs/HTML","/components/radio/docs/React","/components/radio/docs/Vue","/components/radio/examples","/components/radio/how-to-use","/components/radio/migration","/components/radio/overview","/components/radio/properties","/components/readme","/components/section","/components/section/code/Size","/components/section/code/Tonality","/components/section/code/Variant","/components/section/docs/Angular","/components/section/docs/HTML","/components/section/docs/Migration","/components/section/docs/React","/components/section/docs/Vue","/components/section/examples","/components/section/how-to-use","/components/section/migration","/components/section/overview","/components/section/properties","/components/select","/components/select/code/Content","/components/select/code/Requirement","/components/select/code/Semantic","/components/select/code/StatesFloatingLabel","/components/select/code/StatesLabelAbove","/components/select/code/Tonality","/components/select/code/VariantHelperMessage","/components/select/code/VariantLabel","/components/select/docs/Angular","/components/select/docs/HTML","/components/select/docs/Migration","/components/select/docs/React","/components/select/docs/Vue","/components/select/examples","/components/select/how-to-use","/components/select/migration","/components/select/overview","/components/select/properties","/components/tab/docs/Angular","/components/tab/docs/HTML","/components/tab/docs/React","/components/tab/docs/Vue","/components/tab/examples","/components/tab/how-to-use","/components/tab/migration","/components/tab/properties","/components/tab-bar/docs/Angular","/components/tab-bar/docs/HTML","/components/tab-bar/docs/React","/components/tab-bar/docs/Vue","/components/tab-bar/examples","/components/tab-bar/how-to-use","/components/tab-bar/migration","/components/tab-bar/properties","/components/tag","/components/tag/code/Behaviour","/components/tag/code/Content","/components/tag/code/Emphasis","/components/tag/code/Example","/components/tag/code/Overflow","/components/tag/code/State","/components/tag/code/Tonality","/components/tag/code/Variant","/components/tag/docs/Angular","/components/tag/docs/HTML","/components/tag/docs/Migration","/components/tag/docs/React","/components/tag/docs/Vue","/components/tag/examples","/components/tag/how-to-use","/components/tag/migration","/components/tag/overview","/components/tag/properties","/components/textarea","/components/textarea/code/Requirement","/components/textarea/code/Rows","/components/textarea/code/Semantic","/components/textarea/code/StatesFloatingLabel","/components/textarea/code/StatesLabelAbove","/components/textarea/code/Tonality","/components/textarea/code/VariantHelperMessage","/components/textarea/code/VariantLabel","/components/textarea/docs/Angular","/components/textarea/docs/HTML","/components/textarea/docs/Migration","/components/textarea/docs/React","/components/textarea/docs/Vue","/components/textarea/examples","/components/textarea/how-to-use","/components/textarea/migration","/components/textarea/overview","/components/textarea/properties","/components/tooltip","/components/tooltip/code/Animations","/components/tooltip/code/Emphasis","/components/tooltip/code/Placement","/components/tooltip/code/Tonality","/components/tooltip/code/Variant","/components/tooltip/code/Width","/components/tooltip/docs/Angular","/components/tooltip/docs/HTML","/components/tooltip/docs/Migration","/components/tooltip/docs/React","/components/tooltip/docs/Vue","/components/tooltip/examples","/components/tooltip/how-to-use","/components/tooltip/migration","/components/tooltip/overview","/components/tooltip/properties","/foundations/colors/color-schemes","/foundations/colors/overview","/foundations/colors/readme","/foundations/icons/custom-icons","/foundations/icons/overview","/foundations/icons/readme","/foundations/readme","/foundations/tonalities/examples","/foundations/tonalities/readme","/foundations/variables/examples","/foundations/variables/readme","/iframe"]}}("static/chunks/65a8b803-c391b5b7c35b3670.js","static/chunks/37426-54290b4ec3d82f2e.js","static/chunks/23019-9d2db7e53903ac36.js","static/chunks/66503-799cbfc703b7d2b8.js","static/chunks/62326-c4008501c0b2ac33.js","static/chunks/70798-9e1c1f0ed94a5159.js","static/chunks/8053-c96fde6a0c243a7e.js","static/chunks/43121-5c11984cd64e23ee.js","static/chunks/34316-dc81876540638e3f.js","static/chunks/60893-671f8dc9b5d08002.js","static/chunks/25644-99045e3ac64923fa.js","static/chunks/84123-92a9a6616a2f576b.js","static/chunks/73095-f2d37d1e50650a1c.js","static/chunks/88424-ad6badf04ff7f188.js","static/chunks/11694-ba076e33100f0c0d.js","static/chunks/89829-01cbc019e8c05072.js","static/chunks/35291-57dde457d80baa96.js","static/chunks/6897-8c06252921fe37d9.js","static/chunks/762-a29fbcda17e6fc48.js","static/chunks/4339-cbf8ecc72f664cc4.js","static/chunks/71047-bf0da8f572b86318.js","static/chunks/91584-8d56fe6fa27eda1a.js","static/chunks/11453-f31d99edf95ba2aa.js","static/chunks/54192-463567db6f0392db.js","static/chunks/52353-671c8333fd37cbca.js","static/chunks/4547-b3cb01662d8bdd18.js","static/chunks/13971-3a8fca53a2a2e017.js","static/chunks/8819-4d522bcf91afb778.js","static/chunks/78571-05b21498af4488b2.js","static/chunks/66042-32a6e6ec98b49e2d.js","static/chunks/44507-5e69790006b04d06.js","static/chunks/39199-2f82d4c5db040fc1.js","static/chunks/7465-e1c79ea18e587c32.js","static/chunks/27322-1a48699e7611ab43.js","static/chunks/99065-f5ee7b340eb80753.js","static/chunks/64339-4236bcb0eb6199f8.js","static/chunks/92738-cbae996e85a609ad.js","static/chunks/810-0bb123e55674fe0c.js","static/chunks/82537-a47ff32496f68c73.js","static/chunks/54310-9477f7bb2f18d154.js","static/chunks/51189-c72d6874fe887c02.js","static/chunks/48754-f5dd801f36b4f721.js","static/chunks/8807-d1e24c1be9b044d5.js","static/chunks/25027-b5ce141c426b1832.js","static/chunks/58232-069ff9180680bb4f.js","static/chunks/67677-3e955e6ae70bbc12.js","static/chunks/29663-624643fa978ec0af.js","static/chunks/6946-67ceb77e0480d4cc.js","static/chunks/84401-7881b1c75704f00f.js","static/chunks/22235-097def13ebebe8a5.js","static/chunks/24134-0621395468b772cd.js","static/chunks/41693-b31c3d616dd6c4e0.js","static/chunks/82492-40476693c7c94f47.js","static/chunks/81984-f595759a52be71f8.js","static/chunks/80095-b0d3c27ddd2c5ca0.js","static/chunks/46132-75d2ab46837110d0.js","static/chunks/61914-20d503e5b6f867b0.js","static/chunks/90976-e58a7fe5831c1aad.js","static/chunks/23756-952323a7bc402894.js","static/chunks/58629-5953a1fe5d944a5b.js","static/chunks/84271-6f05fb90c21feefd.js","static/chunks/57277-79409c870ee3bb2c.js","static/chunks/9597-41033ba09300beb6.js","static/chunks/24882-34bbd4292b639019.js","static/chunks/2189-98009f66d5b06fb6.js","static/chunks/9803-95582726292257ba.js","static/chunks/16592-aa6904d5ece017c9.js","static/chunks/62275-c432fdf6f225f2ee.js","static/chunks/45712-03bf49c2aa4198fa.js","static/chunks/24475-36fbf529a83ecfd1.js","static/chunks/22440-e3afbf7ee3901aef.js","static/chunks/44891-c8ca6cdb08ca844d.js","static/chunks/69223-ce63e955028c3304.js","static/chunks/11896-5b9f7aa94fbdc2ac.js","static/chunks/1214-0f6cef1c41347a8f.js","static/chunks/62126-50cc98f7b88f17c6.js","static/chunks/66931-6c3b049bb565fb60.js","static/chunks/55595-eedeafe04e4bdac5.js","static/chunks/83662-164b7839bc80b7d2.js","static/chunks/27561-21ccf27da9926595.js","static/chunks/76402-b8957543e8be035a.js","static/chunks/14033-90afcea6bd261f91.js","static/chunks/94361-26eae2bffa4427e2.js","static/chunks/87055-36d335d6d1295258.js","static/chunks/90100-33cb7df4b423eec3.js","static/chunks/91599-e1a50523ecec652c.js","static/chunks/58234-e32b065f7bc26957.js","static/chunks/42038-db8a817e151015c3.js","static/chunks/58565-f77724c19a41fc4e.js","static/chunks/85642-a2bc0acbd3cf3097.js","static/chunks/64355-12da7878bd530dd1.js","static/chunks/33329-2e872fa846d2ad3e.js","static/chunks/94266-a93022a94997c567.js","static/chunks/67064-a28d6241d69b04af.js","static/chunks/21519-7c2af0c16273e075.js","static/chunks/44736-3ad8aa2b12d62178.js","static/chunks/95591-9ad57879cb0a7be5.js","static/chunks/74600-7ac5c648c2c0e781.js","static/chunks/91596-d1a8572007b0de7b.js","static/chunks/46962-7f66c378d8389ed5.js","static/chunks/27398-00854085e22cc98d.js","static/chunks/53691-86b8a1336371f473.js","static/chunks/65708-939cec2a1ef619d1.js","static/chunks/74774-058e912df069da1a.js","static/chunks/79219-1ad90abee81f2931.js","static/chunks/8917-f7db45cabe2ceb35.js","static/chunks/88712-60393031a934e0cf.js","static/chunks/95976-45638bc334b403e1.js","static/chunks/28248-b3dbcfb293842fdb.js","static/chunks/4620-c90c75af679188c3.js","static/chunks/44598-5bead8c6bdbb71b8.js","static/chunks/48834-29e09785338bf0d8.js","static/chunks/9151-5b67f3aaddd4b117.js","static/chunks/43890-815f4633add640b4.js","static/chunks/34353-8a0e021c11913a12.js","static/chunks/89631-7d8ed979e0b85001.js","static/chunks/35405-7ba44079d4948beb.js","static/chunks/55352-873be11a9a4af21e.js","static/chunks/48894-d2050f35ac9116e2.js","static/chunks/83495-bfff9ba49de59ea4.js","static/chunks/11708-58e5e840d42e4801.js","static/chunks/20516-6bada1a1f641d66d.js","static/chunks/31453-96dbfb237d58d355.js","static/chunks/88664-640f07fe472a5996.js","static/chunks/52023-fd9efa2360c9e42f.js","static/chunks/93066-13f095f0d2a4ff97.js","static/chunks/699-3bb18f1345688900.js","static/chunks/2461-9362ebd107672ba6.js","static/chunks/57838-15b27c82547893b9.js","static/chunks/19204-394d56e502820a2e.js","static/chunks/61248-fd9436d798b6eebc.js","static/chunks/90238-f924bacfa197d0ea.js","static/chunks/84022-7997429e32b4ff4c.js","static/chunks/10788-53b2b4af633ce5a1.js","static/chunks/10996-d10bb08c354b406e.js","static/chunks/46838-fdcfc365e3494cb0.js","static/chunks/66784-90ed04a22b617f90.js","static/chunks/41328-edfbf439d7082996.js","static/chunks/9212-4b72ea8144b798a7.js","static/chunks/11665-eebb4f6aa9b11883.js","static/chunks/43609-6343f2e53e398c58.js","static/chunks/85933-99d85f69a4127dde.js","static/chunks/22686-ae0263bb230fbe98.js","static/chunks/64737-64e94bef4c3f6cfc.js","static/chunks/43080-18d5ad58dab3f16d.js","static/chunks/5628-da7d6b5903e50cdb.js","static/chunks/50551-ec089f7660011f6b.js","static/chunks/17966-149b6bc8388677d5.js","static/chunks/60973-80aaa7ffeb2b3f74.js","static/chunks/87523-819f7ef70d8dc28a.js","static/chunks/52584-220883d35055db2c.js","static/chunks/60380-d0e9ecc9989240a4.js","static/chunks/90798-d8bb846d057f3306.js","static/chunks/72111-a9fd63e18b90b80e.js","static/chunks/3591-ce86cdbe38daea30.js","static/chunks/19126-dac9dac22ed0ffbf.js","static/chunks/19711-a49be23eddffca19.js","static/chunks/64968-0cf5d2461e91b15d.js","static/chunks/97879-5de34153dcf3578e.js","static/chunks/93932-ea1d301f0b293fc6.js","static/chunks/67493-e17fec6d054ca273.js","static/chunks/78095-81bcb764fb18b774.js","static/chunks/3378-95d7d35a97db5800.js","static/chunks/37070-06c2d5fe22deb00d.js","static/chunks/79011-234aa9ad9ed615da.js","static/chunks/98587-1ca07c5ed5531a4c.js","static/chunks/67726-54cec137049975b6.js","static/chunks/77935-d3bccab42a91af44.js","static/chunks/74900-9a3937ee302aea1e.js","static/chunks/8687-e7bcfc81c3dce386.js","static/chunks/83284-446e92094324bd24.js","static/chunks/93637-e77fc7f2c88a1d36.js","static/chunks/51636-b2d4de4911e55a60.js"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB();
\ No newline at end of file
+self.__BUILD_MANIFEST=function(o,e,s,c,n,t,a,p,i,d,m,r,u,b,g,h,f,k,j,l,v,x,w,T,M,V,L,R,A,H,S,y,C,E,z,B,F,_,q,P,W,D,I,G,N,O,U,J,K,Q,X,Y,Z,$,oo,oe,os,oc,on,ot,oa,op,oi,od,om,or,ou,ob,og,oh,of,ok,oj,ol,ov,ox,ow,oT,oM,oV,oL,oR,oA,oH,oS,oy,oC,oE,oz,oB,oF,o_,oq,oP,oW,oD,oI,oG,oN,oO,oU,oJ,oK,oQ,oX,oY,oZ,o$,o9,o8,o5,o3,o1,o4,o0,o6,o7,o2,eo,ee,es,ec,en,et,ea,ep,ei,ed,em,er,eu,eb,eg,eh,ef,ek,ej,el,ev,ex,ew,eT,eM,eV,eL,eR,eA,eH,eS,ey,eC,eE,ez,eB,eF,e_,eq,eP,eW,eD,eI,eG,eN,eO,eU,eJ,eK,eQ,eX,eY,eZ,e$,e9){return{__rewrites:{afterFiles:[],beforeFiles:[],fallback:[]},"/":[o,s,e,c,"static/chunks/pages/index-a6272dd120d6d30a.js"],"/404":["static/chunks/pages/404-ad60953f24dfbdba.js"],"/_error":["static/chunks/pages/_error-f808a266df2b82a2.js"],"/base64":[o3,"static/chunks/pages/base64-d10d39493b01dd88.js"],"/components/accordion":[o,s,e,c,n,t,"static/chunks/pages/components/accordion-72c383af6b9587a2.js"],"/components/accordion/code/Behaviour":[o,t,"static/chunks/pages/components/accordion/code/Behaviour-10d37b6f94e68d49.js"],"/components/accordion/code/Tonality":[o,n,"static/chunks/pages/components/accordion/code/Tonality-94e122b565310404.js"],"/components/accordion/docs/Angular":[o,o1,"static/chunks/pages/components/accordion/docs/Angular-96d65c443e52bbba.js"],"/components/accordion/docs/HTML":[o,o4,"static/chunks/pages/components/accordion/docs/HTML-5ca4cabe7a70c743.js"],"/components/accordion/docs/Migration":["static/chunks/pages/components/accordion/docs/Migration-fe2a19c64d572c5b.js"],"/components/accordion/docs/React":[o,o0,"static/chunks/pages/components/accordion/docs/React-0410c4c7e6c3e3a9.js"],"/components/accordion/docs/Vue":[o,o6,"static/chunks/pages/components/accordion/docs/Vue-94f4ce817f5d95c9.js"],"/components/accordion/examples":[s,e,c,"static/chunks/pages/components/accordion/examples-d20a63af7d2992db.js"],"/components/accordion/how-to-use":[o,s,e,c,o4,o0,o1,o6,"static/chunks/pages/components/accordion/how-to-use-a3cfa1f2079fa228.js"],"/components/accordion/migration":[s,e,c,"static/chunks/pages/components/accordion/migration-c8e50f7e561ff3ff.js"],"/components/accordion/overview":[o,s,e,c,n,t,"static/chunks/pages/components/accordion/overview-b195e0e1510e15f0.js"],"/components/accordion/properties":[s,e,c,"static/chunks/pages/components/accordion/properties-a2d40be90c83ef8f.js"],"/components/accordion-item":[o,s,e,c,a,p,"static/chunks/pages/components/accordion-item-0d6c8a0e7b01beae.js"],"/components/accordion-item/code/States":[o,a,"static/chunks/pages/components/accordion-item/code/States-5d43a6296e366b06.js"],"/components/accordion-item/code/Tonality":[o,p,"static/chunks/pages/components/accordion-item/code/Tonality-2e50d7aa1c4db102.js"],"/components/accordion-item/docs/Angular":[o,o7,"static/chunks/pages/components/accordion-item/docs/Angular-2cb8d222c8ee0004.js"],"/components/accordion-item/docs/HTML":[o,"static/chunks/pages/components/accordion-item/docs/HTML-54593946de273590.js"],"/components/accordion-item/docs/Migration":["static/chunks/pages/components/accordion-item/docs/Migration-1ec6ffe077a8fd18.js"],"/components/accordion-item/docs/React":[o,o2,"static/chunks/pages/components/accordion-item/docs/React-b2694d754fe05a4c.js"],"/components/accordion-item/docs/Vue":[o,eo,"static/chunks/pages/components/accordion-item/docs/Vue-ebd9ce6ad8a806ea.js"],"/components/accordion-item/examples":[s,e,c,"static/chunks/pages/components/accordion-item/examples-371b46e501e27d81.js"],"/components/accordion-item/how-to-use":[o,s,e,c,eo,o2,o7,"static/chunks/pages/components/accordion-item/how-to-use-d7c04c01176b8209.js"],"/components/accordion-item/migration":[s,e,c,"static/chunks/pages/components/accordion-item/migration-dece046abd54b51f.js"],"/components/accordion-item/overview":[o,s,e,c,a,p,"static/chunks/pages/components/accordion-item/overview-030a862ae1f9ffd8.js"],"/components/accordion-item/properties":[s,e,c,"static/chunks/pages/components/accordion-item/properties-f7277b81a60ac1b0.js"],"/components/alert":[o,s,e,c,i,d,m,r,u,"static/chunks/pages/components/alert-2d1f2fd3afd3e8ca.js"],"/components/alert/code/Behaviour":[o,r,"static/chunks/pages/components/alert/code/Behaviour-e6d480e80c734746.js"],"/components/alert/code/Content":[o,d,"static/chunks/pages/components/alert/code/Content-9b85fd103c9b6532.js"],"/components/alert/code/Tonality":[o,m,"static/chunks/pages/components/alert/code/Tonality-8c048b0aab856c63.js"],"/components/alert/code/Type":[o,u,"static/chunks/pages/components/alert/code/Type-75b3ea9953314064.js"],"/components/alert/code/Variant":[o,i,"static/chunks/pages/components/alert/code/Variant-68f1e23d1568a9db.js"],"/components/alert/docs/Angular":[o,ee,"static/chunks/pages/components/alert/docs/Angular-5cfd4e6c490ca5f6.js"],"/components/alert/docs/HTML":[o,es,"static/chunks/pages/components/alert/docs/HTML-ccb4424d4c8e3ace.js"],"/components/alert/docs/Migration":["static/chunks/pages/components/alert/docs/Migration-2e7ef1bbcd573850.js"],"/components/alert/docs/React":[o,"static/chunks/pages/components/alert/docs/React-4d8775714f37e995.js"],"/components/alert/docs/Vue":[o,"static/chunks/pages/components/alert/docs/Vue-2d67d596e6e1e1da.js"],"/components/alert/examples":[s,e,c,"static/chunks/pages/components/alert/examples-38e9a39788918789.js"],"/components/alert/how-to-use":[o,s,e,c,es,ee,"static/chunks/pages/components/alert/how-to-use-ebb985328b5e3d8c.js"],"/components/alert/migration":[s,e,c,"static/chunks/pages/components/alert/migration-07eb8412ac486002.js"],"/components/alert/overview":[o,s,e,c,i,d,m,r,u,"static/chunks/pages/components/alert/overview-f67a9982bb45b15f.js"],"/components/alert/properties":[s,e,c,"static/chunks/pages/components/alert/properties-29267df42c609798.js"],"/components/badge":[o,s,e,c,b,g,h,f,k,j,l,"static/chunks/pages/components/badge-5662d58385bc49f1.js"],"/components/badge/code/Content":[o,h,"static/chunks/pages/components/badge/code/Content-16598b21a3bb2695.js"],"/components/badge/code/Emphasis":[o,k,"static/chunks/pages/components/badge/code/Emphasis-15eba85c28d99d8d.js"],"/components/badge/code/Examples":[o,l,"static/chunks/pages/components/badge/code/Examples-4a44e99258076eb2.js"],"/components/badge/code/Placement":[o,g,"static/chunks/pages/components/badge/code/Placement-740acb152d2233e9.js"],"/components/badge/code/Size":[o,j,"static/chunks/pages/components/badge/code/Size-04fd3f69cc614f42.js"],"/components/badge/code/Tonality":[o,f,"static/chunks/pages/components/badge/code/Tonality-c0da469f41a4044c.js"],"/components/badge/code/Variant":[o,b,"static/chunks/pages/components/badge/code/Variant-64b49e1d9ba5643e.js"],"/components/badge/docs/Angular":[o,"static/chunks/pages/components/badge/docs/Angular-a69d70ae4ea53183.js"],"/components/badge/docs/HTML":[o,"static/chunks/pages/components/badge/docs/HTML-51d84d90d984beca.js"],"/components/badge/docs/Migration":["static/chunks/pages/components/badge/docs/Migration-ec45b3db1b61a1dd.js"],"/components/badge/docs/React":[o,"static/chunks/pages/components/badge/docs/React-f43ee07d1f9babb4.js"],"/components/badge/docs/Vue":[o,"static/chunks/pages/components/badge/docs/Vue-7ec73f0cf5fafb73.js"],"/components/badge/examples":[s,e,c,"static/chunks/pages/components/badge/examples-393f5514608a85f9.js"],"/components/badge/how-to-use":[o,s,e,c,"static/chunks/pages/components/badge/how-to-use-5f3ee024e1d7e1a3.js"],"/components/badge/migration":[s,e,c,"static/chunks/pages/components/badge/migration-8ec4965b6b34d0d8.js"],"/components/badge/overview":[o,s,e,c,b,g,h,f,k,j,l,"static/chunks/pages/components/badge/overview-9d982c0f2fceb923.js"],"/components/badge/properties":[s,e,c,"static/chunks/pages/components/badge/properties-5475243109e49b01.js"],"/components/brand/docs/Angular":[o,"static/chunks/pages/components/brand/docs/Angular-557bec5d85d91d7a.js"],"/components/brand/docs/HTML":[o,"static/chunks/pages/components/brand/docs/HTML-ee19b5509aa2f26d.js"],"/components/brand/docs/React":[o,"static/chunks/pages/components/brand/docs/React-9ac96bc0e8847bc4.js"],"/components/brand/docs/Vue":[o,"static/chunks/pages/components/brand/docs/Vue-8cdd768970d19bac.js"],"/components/brand/examples":[s,e,c,"static/chunks/pages/components/brand/examples-749a2d4efcd74d64.js"],"/components/brand/how-to-use":[o,s,e,c,"static/chunks/pages/components/brand/how-to-use-23b9820f31aeae95.js"],"/components/brand/migration":[s,e,c,"static/chunks/pages/components/brand/migration-d745ed8ad48ebf70.js"],"/components/brand/properties":[s,e,c,"static/chunks/pages/components/brand/properties-1d338fb03d871d2c.js"],"/components/button":[o,s,e,c,v,x,w,T,M,V,"static/chunks/pages/components/button-5ce332f4d1dde0fa.js"],"/components/button/code/Behaviour":[o,T,"static/chunks/pages/components/button/code/Behaviour-585be5b06dbfab5e.js"],"/components/button/code/Content":[o,x,"static/chunks/pages/components/button/code/Content-2279169731fd07a1.js"],"/components/button/code/Size":[o,M,"static/chunks/pages/components/button/code/Size-7e988f866a903e62.js"],"/components/button/code/State":[o,V,"static/chunks/pages/components/button/code/State-8efcebe3a0210a24.js"],"/components/button/code/Tonality":[o,w,"static/chunks/pages/components/button/code/Tonality-30f64d034ee4db0b.js"],"/components/button/code/Variant":[o,v,"static/chunks/pages/components/button/code/Variant-993dca8c437b9911.js"],"/components/button/docs/Angular":[o,ec,"static/chunks/pages/components/button/docs/Angular-014fd2ab36505667.js"],"/components/button/docs/HTML":[o,"static/chunks/pages/components/button/docs/HTML-113d7f9b8cb79ce2.js"],"/components/button/docs/Migration":["static/chunks/pages/components/button/docs/Migration-2e1c7e47c71c8020.js"],"/components/button/docs/React":[o,"static/chunks/pages/components/button/docs/React-d6ed520cb06d90a6.js"],"/components/button/docs/Vue":[o,"static/chunks/pages/components/button/docs/Vue-1d5ac756ba8ad563.js"],"/components/button/examples":[s,e,c,"static/chunks/pages/components/button/examples-35a28d769832c44d.js"],"/components/button/how-to-use":[o,s,e,c,ec,"static/chunks/pages/components/button/how-to-use-4c3c1a587b6523b2.js"],"/components/button/migration":[s,e,c,"static/chunks/pages/components/button/migration-3276f8241cf03d0b.js"],"/components/button/overview":[o,s,e,c,v,x,w,T,M,V,"static/chunks/pages/components/button/overview-5e24be5b63eacfef.js"],"/components/button/properties":[s,e,c,"static/chunks/pages/components/button/properties-33d37be28ba4cbc2.js"],"/components/card":[o,s,e,c,L,R,A,H,"static/chunks/pages/components/card-b290589f5c179f24.js"],"/components/card/code/ColorVariant":[o,L,"static/chunks/pages/components/card/code/ColorVariant-f2d967a52b4f8829.js"],"/components/card/code/Spacing":[o,A,"static/chunks/pages/components/card/code/Spacing-e2644ba0a9eca5e5.js"],"/components/card/code/Tonality":[o,R,"static/chunks/pages/components/card/code/Tonality-5ed11047dfebf9bb.js"],"/components/card/code/Variant":[o,H,"static/chunks/pages/components/card/code/Variant-49b3630af6b62eda.js"],"/components/card/docs/Angular":[o,"static/chunks/pages/components/card/docs/Angular-9af09a126cd06c6b.js"],"/components/card/docs/HTML":[o,"static/chunks/pages/components/card/docs/HTML-6e26c4a6d4d63098.js"],"/components/card/docs/Migration":["static/chunks/pages/components/card/docs/Migration-a7011ca2f000339e.js"],"/components/card/docs/React":[o,"static/chunks/pages/components/card/docs/React-b00ca82a6a732873.js"],"/components/card/docs/Vue":[o,"static/chunks/pages/components/card/docs/Vue-d0b963cb0d9aec0d.js"],"/components/card/examples":[s,e,c,"static/chunks/pages/components/card/examples-554e1e6a28aeec6a.js"],"/components/card/how-to-use":[o,s,e,c,"static/chunks/pages/components/card/how-to-use-7642fa4363bdcfcb.js"],"/components/card/migration":[s,e,c,"static/chunks/pages/components/card/migration-c5e1da5ed45f4f86.js"],"/components/card/overview":[o,s,e,c,L,R,A,H,"static/chunks/pages/components/card/overview-f2fe9597d8021439.js"],"/components/card/properties":[s,e,c,"static/chunks/pages/components/card/properties-836215f0dea92ff6.js"],"/components/checkbox":[o,s,e,c,S,y,C,E,z,"static/chunks/pages/components/checkbox-481feff57ebca054.js"],"/components/checkbox/code/Requirement":[o,y,"static/chunks/pages/components/checkbox/code/Requirement-ab55d2887e85962e.js"],"/components/checkbox/code/Size":[o,E,"static/chunks/pages/components/checkbox/code/Size-0eb54448c3af8bf3.js"],"/components/checkbox/code/States":[o,S,"static/chunks/pages/components/checkbox/code/States-10e439f868cba88b.js"],"/components/checkbox/code/Tonality":[o,C,"static/chunks/pages/components/checkbox/code/Tonality-27ae8e072427ddd8.js"],"/components/checkbox/code/VariantLabel":[o,z,"static/chunks/pages/components/checkbox/code/VariantLabel-09deeecac1dea4f5.js"],"/components/checkbox/docs/Angular":[o,en,"static/chunks/pages/components/checkbox/docs/Angular-2b35c84ee30a04cb.js"],"/components/checkbox/docs/HTML":[o,"static/chunks/pages/components/checkbox/docs/HTML-04169693a829ab43.js"],"/components/checkbox/docs/React":[o,et,"static/chunks/pages/components/checkbox/docs/React-8361dda42daccc61.js"],"/components/checkbox/docs/Vue":[o,ea,"static/chunks/pages/components/checkbox/docs/Vue-1dfad0a6c5c4cae7.js"],"/components/checkbox/examples":[s,e,c,"static/chunks/pages/components/checkbox/examples-296d4cc994db529e.js"],"/components/checkbox/how-to-use":[o,s,e,c,en,et,ea,"static/chunks/pages/components/checkbox/how-to-use-8bf7e2c700e94441.js"],"/components/checkbox/migration":[s,e,c,"static/chunks/pages/components/checkbox/migration-a6da8be7018a7e8a.js"],"/components/checkbox/overview":[o,s,e,c,S,y,C,E,z,"static/chunks/pages/components/checkbox/overview-c03569727b1ed703.js"],"/components/checkbox/properties":[s,e,c,"static/chunks/pages/components/checkbox/properties-ec02850d247048f3.js"],"/components/code-docs/docs/Angular":["static/chunks/pages/components/code-docs/docs/Angular-15675add52dbffe1.js"],"/components/code-docs/docs/HTML":["static/chunks/pages/components/code-docs/docs/HTML-c8762ed3e1d47086.js"],"/components/code-docs/docs/React":[o,ep,"static/chunks/pages/components/code-docs/docs/React-c1e6cec7b7a1257a.js"],"/components/code-docs/docs/Vue":["static/chunks/pages/components/code-docs/docs/Vue-8a093ff067ac92ed.js"],"/components/code-docs/examples":[s,e,c,"static/chunks/pages/components/code-docs/examples-1674545b40313a52.js"],"/components/code-docs/how-to-use":[o,s,e,c,ep,"static/chunks/pages/components/code-docs/how-to-use-d8941d80ef91fb27.js"],"/components/code-docs/migration":[s,e,c,"static/chunks/pages/components/code-docs/migration-222106d88ecbcaf4.js"],"/components/code-docs/properties":[s,e,c,"static/chunks/pages/components/code-docs/properties-098a65196c9dd358.js"],"/components/divider":[o,s,e,c,B,F,_,"static/chunks/pages/components/divider-a9ce01e1e100e2d0.js"],"/components/divider/code/Emphasis":[o,_,"static/chunks/pages/components/divider/code/Emphasis-23abf1ff98f22ce5.js"],"/components/divider/code/Tonality":[o,B,"static/chunks/pages/components/divider/code/Tonality-9f969b2eeeb31933.js"],"/components/divider/code/Variant":[o,F,"static/chunks/pages/components/divider/code/Variant-229d908b5f1b1554.js"],"/components/divider/docs/Angular":[o,"static/chunks/pages/components/divider/docs/Angular-d32993bb7351c210.js"],"/components/divider/docs/HTML":[o,"static/chunks/pages/components/divider/docs/HTML-8725b871259d9aea.js"],"/components/divider/docs/Migration":["static/chunks/pages/components/divider/docs/Migration-2759194d94d594e0.js"],"/components/divider/docs/React":[o,"static/chunks/pages/components/divider/docs/React-537cda33809e670a.js"],"/components/divider/docs/Vue":[o,"static/chunks/pages/components/divider/docs/Vue-82d01cc96cb52bdc.js"],"/components/divider/examples":[s,e,c,"static/chunks/pages/components/divider/examples-25728ad1ca232d9d.js"],"/components/divider/how-to-use":[o,s,e,c,"static/chunks/pages/components/divider/how-to-use-857973344a0d03fc.js"],"/components/divider/migration":[s,e,c,"static/chunks/pages/components/divider/migration-f90e6e3158f0e648.js"],"/components/divider/overview":[o,s,e,c,B,F,_,"static/chunks/pages/components/divider/overview-4ca39c0a704fdefc.js"],"/components/divider/properties":[s,e,c,"static/chunks/pages/components/divider/properties-b862d1bf6f92c63c.js"],"/components/drawer":[o,s,e,c,q,P,W,D,I,G,"static/chunks/pages/components/drawer-f9cd961b831c696f.js"],"/components/drawer/code/Backdrop":[o,W,"static/chunks/pages/components/drawer/code/Backdrop-368667cbc494639d.js"],"/components/drawer/code/Directions":[o,P,"static/chunks/pages/components/drawer/code/Directions-dea8feec2ed7134d.js"],"/components/drawer/code/Rounded":[o,G,"static/chunks/pages/components/drawer/code/Rounded-e040c8d869c26045.js"],"/components/drawer/code/Size":[o,I,"static/chunks/pages/components/drawer/code/Size-ad74564ef6a21394.js"],"/components/drawer/code/Spacing":[o,q,"static/chunks/pages/components/drawer/code/Spacing-514c489eefd47a04.js"],"/components/drawer/code/Tonality":[o,D,"static/chunks/pages/components/drawer/code/Tonality-12eee950aa001392.js"],"/components/drawer/docs/Angular":[o,ei,"static/chunks/pages/components/drawer/docs/Angular-2fbb2855f8195cdd.js"],"/components/drawer/docs/HTML":[o,ed,"static/chunks/pages/components/drawer/docs/HTML-30f5ee7b56fd3a6e.js"],"/components/drawer/docs/Migration":["static/chunks/pages/components/drawer/docs/Migration-9dfd0260c734816f.js"],"/components/drawer/docs/React":[o,em,"static/chunks/pages/components/drawer/docs/React-e3fa5c9a0d797b68.js"],"/components/drawer/docs/Vue":[o,er,"static/chunks/pages/components/drawer/docs/Vue-e56ad4de0a450902.js"],"/components/drawer/examples":[s,e,c,"static/chunks/pages/components/drawer/examples-8c321f7c34ae2894.js"],"/components/drawer/how-to-use":[o,s,e,c,em,er,ei,ed,"static/chunks/pages/components/drawer/how-to-use-cc53165156499b0c.js"],"/components/drawer/migration":[s,e,c,"static/chunks/pages/components/drawer/migration-bc9ae3cf9e15f685.js"],"/components/drawer/overview":[o,s,e,c,q,P,W,D,I,G,"static/chunks/pages/components/drawer/overview-ed9e7080324ef3aa.js"],"/components/drawer/properties":[s,e,c,"static/chunks/pages/components/drawer/properties-4869580f4698dde9.js"],"/components/header/docs/Angular":[o,eu,"static/chunks/pages/components/header/docs/Angular-9a6a81992b08bd9c.js"],"/components/header/docs/HTML":[o,"static/chunks/pages/components/header/docs/HTML-2c4e290d41da7324.js"],"/components/header/docs/React":[o,eb,"static/chunks/pages/components/header/docs/React-e01a8d0589ea4af0.js"],"/components/header/docs/Vue":[o,eg,"static/chunks/pages/components/header/docs/Vue-cdca9ff76901925c.js"],"/components/header/examples":[s,e,c,"static/chunks/pages/components/header/examples-fac815fc1a139a0e.js"],"/components/header/how-to-use":[o,s,e,c,eg,eu,eb,"static/chunks/pages/components/header/how-to-use-54da742d58c5c3b4.js"],"/components/header/migration":[s,e,c,"static/chunks/pages/components/header/migration-a83e43c6625d2777.js"],"/components/header/properties":[s,e,c,"static/chunks/pages/components/header/properties-bb15cbee9c80bc0c.js"],"/components/icon/docs/Angular":[o,eh,"static/chunks/pages/components/icon/docs/Angular-7fd336a5eb5b65b1.js"],"/components/icon/docs/HTML":[o,"static/chunks/pages/components/icon/docs/HTML-b3b2b67fcb8a5dbd.js"],"/components/icon/docs/React":[o,"static/chunks/pages/components/icon/docs/React-3581f712db32fb1c.js"],"/components/icon/docs/Vue":[o,"static/chunks/pages/components/icon/docs/Vue-6d6a1360a4cc3683.js"],"/components/icon/examples":[s,e,c,"static/chunks/pages/components/icon/examples-48809f775ace2608.js"],"/components/icon/how-to-use":[o,s,e,c,eh,"static/chunks/pages/components/icon/how-to-use-a2cbfcc54c2f8dcb.js"],"/components/icon/migration":[s,e,c,"static/chunks/pages/components/icon/migration-2b6a94c38d687366.js"],"/components/icon/properties":[s,e,c,"static/chunks/pages/components/icon/properties-bef813a0d51cf287.js"],"/components/infotext":[o,s,e,c,N,O,U,"static/chunks/pages/components/infotext-6fc9552cfafb716c.js"],"/components/infotext/code/Size":[o,U,"static/chunks/pages/components/infotext/code/Size-2a0baef8e1d8178f.js"],"/components/infotext/code/Tonality":[o,O,"static/chunks/pages/components/infotext/code/Tonality-e72071daade91d61.js"],"/components/infotext/code/Variant":[o,N,"static/chunks/pages/components/infotext/code/Variant-ee0e672a1af38faf.js"],"/components/infotext/docs/Angular":[o,"static/chunks/pages/components/infotext/docs/Angular-677ed68831734762.js"],"/components/infotext/docs/HTML":[o,"static/chunks/pages/components/infotext/docs/HTML-14cbbc1fa5130fb4.js"],"/components/infotext/docs/Migration":["static/chunks/pages/components/infotext/docs/Migration-54bc8ed72e8fb0e7.js"],"/components/infotext/docs/React":[o,"static/chunks/pages/components/infotext/docs/React-8519b5509d06deff.js"],"/components/infotext/docs/Vue":[o,"static/chunks/pages/components/infotext/docs/Vue-ecb5ad160f09fdc5.js"],"/components/infotext/examples":[s,e,c,"static/chunks/pages/components/infotext/examples-bbc271b2f33cfe4a.js"],"/components/infotext/how-to-use":[o,s,e,c,"static/chunks/pages/components/infotext/how-to-use-b84f82afb1d79088.js"],"/components/infotext/migration":[s,e,c,"static/chunks/pages/components/infotext/migration-01ab7754e9137d51.js"],"/components/infotext/overview":[o,s,e,c,N,O,U,"static/chunks/pages/components/infotext/overview-7c99137d706e969b.js"],"/components/infotext/properties":[s,e,c,"static/chunks/pages/components/infotext/properties-da8dc909ec0842fe.js"],"/components/input":[o,s,e,c,J,K,Q,X,Y,Z,$,oo,oe,os,"static/chunks/pages/components/input-a612fe26d239006e.js"],"/components/input/code/Content":[o,X,"static/chunks/pages/components/input/code/Content-74ed43b39a4b21fb.js"],"/components/input/code/ExampleTypes":[o,K,"static/chunks/pages/components/input/code/ExampleTypes-a204a50383a2dc97.js"],"/components/input/code/ExampleTypesFloatingLabel":[o,J,"static/chunks/pages/components/input/code/ExampleTypesFloatingLabel-63d8ffde9b6ca0bd.js"],"/components/input/code/Requirement":[o,$,"static/chunks/pages/components/input/code/Requirement-dac1317d9f7c8064.js"],"/components/input/code/Semantic":[o,Q,"static/chunks/pages/components/input/code/Semantic-facd858462104a3f.js"],"/components/input/code/StatesFloatingLabel":[o,Y,"static/chunks/pages/components/input/code/StatesFloatingLabel-8d08b16133300512.js"],"/components/input/code/StatesLabelAbove":[o,Z,"static/chunks/pages/components/input/code/StatesLabelAbove-45a363ebe544fa25.js"],"/components/input/code/Tonality":[o,oo,"static/chunks/pages/components/input/code/Tonality-d47a9afcda8ab436.js"],"/components/input/code/VariantHelperMessage":[o,os,"static/chunks/pages/components/input/code/VariantHelperMessage-c628085d113bfe91.js"],"/components/input/code/VariantLabel":[o,oe,"static/chunks/pages/components/input/code/VariantLabel-dad7211f970420a2.js"],"/components/input/docs/Angular":[o,ef,"static/chunks/pages/components/input/docs/Angular-055318bdfa459919.js"],"/components/input/docs/HTML":[o,"static/chunks/pages/components/input/docs/HTML-933c868abf71ec44.js"],"/components/input/docs/React":[o,ek,"static/chunks/pages/components/input/docs/React-71277d5e6c78cb81.js"],"/components/input/docs/Vue":[o,ej,"static/chunks/pages/components/input/docs/Vue-6fe2eacb54a7e39b.js"],"/components/input/examples":[s,e,c,"static/chunks/pages/components/input/examples-715d51031db41e32.js"],"/components/input/how-to-use":[o,s,e,c,ef,ej,ek,"static/chunks/pages/components/input/how-to-use-96604cada6b34b4b.js"],"/components/input/migration":[s,e,c,"static/chunks/pages/components/input/migration-168167a05f5c7c79.js"],"/components/input/overview":[o,s,e,c,J,K,Q,X,Y,Z,$,oo,oe,os,"static/chunks/pages/components/input/overview-1e7325f539f2f666.js"],"/components/input/properties":[s,e,c,"static/chunks/pages/components/input/properties-d46547d490e4a24a.js"],"/components/link":[o,s,e,c,oc,on,ot,oa,op,"static/chunks/pages/components/link-82e20c10f1f0cc7d.js"],"/components/link/code/Content":[o,oa,"static/chunks/pages/components/link/code/Content-b386d2eeca34a70f.js"],"/components/link/code/Size":[o,ot,"static/chunks/pages/components/link/code/Size-0e734a706f412b98.js"],"/components/link/code/State":[o,op,"static/chunks/pages/components/link/code/State-dbfcc8f2bd72e6bf.js"],"/components/link/code/Tonality":[o,oc,"static/chunks/pages/components/link/code/Tonality-e5a6308b188abe82.js"],"/components/link/code/Variant":[o,on,"static/chunks/pages/components/link/code/Variant-c598c9f125d3f2ee.js"],"/components/link/docs/Angular":[o,el,"static/chunks/pages/components/link/docs/Angular-baa2c2d4362e88d8.js"],"/components/link/docs/HTML":[o,"static/chunks/pages/components/link/docs/HTML-7cec046298a60c2e.js"],"/components/link/docs/React":[o,ev,"static/chunks/pages/components/link/docs/React-82ba2981824fd205.js"],"/components/link/docs/Vue":[o,"static/chunks/pages/components/link/docs/Vue-ff1f4f5dd56702ae.js"],"/components/link/examples":[s,e,c,"static/chunks/pages/components/link/examples-3d2f4942af7c5134.js"],"/components/link/how-to-use":[o,s,e,c,el,ev,"static/chunks/pages/components/link/how-to-use-8a84706a78a809f9.js"],"/components/link/migration":[s,e,c,"static/chunks/pages/components/link/migration-16e7aaac14f10f57.js"],"/components/link/overview":[o,s,e,c,oc,on,ot,oa,op,"static/chunks/pages/components/link/overview-66962d44ceaefe81.js"],"/components/link/properties":[s,e,c,"static/chunks/pages/components/link/properties-09be1f760df1e498.js"],"/components/main-navigation":[o,s,e,c,oi,"static/chunks/pages/components/main-navigation-f9ed4af994690811.js"],"/components/main-navigation/code/Tonality":[o,oi,"static/chunks/pages/components/main-navigation/code/Tonality-4486cca6c252c166.js"],"/components/main-navigation/docs/Angular":[o,ex,"static/chunks/pages/components/main-navigation/docs/Angular-abea04273d6984a2.js"],"/components/main-navigation/docs/HTML":[o,ew,"static/chunks/pages/components/main-navigation/docs/HTML-6b15e007148bcc80.js"],"/components/main-navigation/docs/React":[o,eT,"static/chunks/pages/components/main-navigation/docs/React-b4caa641ed2e37bc.js"],"/components/main-navigation/docs/Vue":[o,eM,"static/chunks/pages/components/main-navigation/docs/Vue-9bdc6937110cd76b.js"],"/components/main-navigation/examples":[s,e,c,"static/chunks/pages/components/main-navigation/examples-5ecad77bf222de0f.js"],"/components/main-navigation/how-to-use":[o,s,e,c,ew,ex,eM,eT,"static/chunks/pages/components/main-navigation/how-to-use-74d2ff7a8c611220.js"],"/components/main-navigation/migration":[s,e,c,"static/chunks/pages/components/main-navigation/migration-d559012fbc0cf804.js"],"/components/main-navigation/overview":[o,s,e,c,oi,"static/chunks/pages/components/main-navigation/overview-1afe77aaa097c147.js"],"/components/main-navigation/properties":[s,e,c,"static/chunks/pages/components/main-navigation/properties-acc956d0ebca0dfa.js"],"/components/navigation-item":[o,s,e,c,od,om,or,ou,"static/chunks/pages/components/navigation-item-71b30a9363295b1e.js"],"/components/navigation-item/code/Content":[o,od,"static/chunks/pages/components/navigation-item/code/Content-0a9fb35b936efc85.js"],"/components/navigation-item/code/States":[o,om,"static/chunks/pages/components/navigation-item/code/States-a0b1118a03ba99aa.js"],"/components/navigation-item/code/Tonality":[o,or,"static/chunks/pages/components/navigation-item/code/Tonality-7a4efb814daf4fb2.js"],"/components/navigation-item/code/Width":[o,ou,"static/chunks/pages/components/navigation-item/code/Width-35036430b8cfc82c.js"],"/components/navigation-item/docs/Angular":[o,eV,"static/chunks/pages/components/navigation-item/docs/Angular-8cf97bd3f43cf03d.js"],"/components/navigation-item/docs/HTML":[o,eL,"static/chunks/pages/components/navigation-item/docs/HTML-8ebccb5704783249.js"],"/components/navigation-item/docs/Migration":["static/chunks/pages/components/navigation-item/docs/Migration-83d62af52c9a03db.js"],"/components/navigation-item/docs/React":[o,eR,"static/chunks/pages/components/navigation-item/docs/React-c6e9b77365716760.js"],"/components/navigation-item/docs/Vue":[o,eA,"static/chunks/pages/components/navigation-item/docs/Vue-1d4ffebf9ce71211.js"],"/components/navigation-item/examples":[s,e,c,"static/chunks/pages/components/navigation-item/examples-f9bc24f18a5ba753.js"],"/components/navigation-item/how-to-use":[o,s,e,c,eV,eR,eA,eL,"static/chunks/pages/components/navigation-item/how-to-use-5a6ae0e7e6ecaeaa.js"],"/components/navigation-item/migration":[s,e,c,"static/chunks/pages/components/navigation-item/migration-ddad3f35219b999f.js"],"/components/navigation-item/overview":[o,s,e,c,od,om,or,ou,"static/chunks/pages/components/navigation-item/overview-37decd2d36e419ff.js"],"/components/navigation-item/properties":[s,e,c,"static/chunks/pages/components/navigation-item/properties-51faba7a275f50a8.js"],"/components/page/docs/Angular":[o,eH,"static/chunks/pages/components/page/docs/Angular-7cb8933c18f01b51.js"],"/components/page/docs/HTML":[o,"static/chunks/pages/components/page/docs/HTML-906b5e512f7b0226.js"],"/components/page/docs/React":[o,eS,"static/chunks/pages/components/page/docs/React-de44a571a3999621.js"],"/components/page/docs/Vue":[o,ey,"static/chunks/pages/components/page/docs/Vue-0894afe5a5a32efb.js"],"/components/page/examples":[s,e,c,"static/chunks/pages/components/page/examples-ba69690cfb016c56.js"],"/components/page/how-to-use":[o,s,e,c,eH,eS,ey,"static/chunks/pages/components/page/how-to-use-6f7abdff77aca679.js"],"/components/page/migration":[s,e,c,"static/chunks/pages/components/page/migration-5a142c2845e7ddc4.js"],"/components/page/properties":[s,e,c,"static/chunks/pages/components/page/properties-af2c4a41836ef13b.js"],"/components/popover":[o,s,e,c,ob,og,oh,of,ok,oj,"static/chunks/pages/components/popover-04036520c9a0da91.js"],"/components/popover/code/Animations":[o,og,"static/chunks/pages/components/popover/code/Animations-f20d5b2e7a91a389.js"],"/components/popover/code/Gap":[o,oj,"static/chunks/pages/components/popover/code/Gap-7a88afdf73a996cd.js"],"/components/popover/code/Placement":[o,ob,"static/chunks/pages/components/popover/code/Placement-c12b9d2255e6220c.js"],"/components/popover/code/Spacing":[o,oh,"static/chunks/pages/components/popover/code/Spacing-e938a1d728034c03.js"],"/components/popover/code/Tonality":[o,of,"static/chunks/pages/components/popover/code/Tonality-18918e604fb2ac5f.js"],"/components/popover/code/Width":[o,ok,"static/chunks/pages/components/popover/code/Width-718dc11ca19ff621.js"],"/components/popover/docs/Angular":[o,eC,"static/chunks/pages/components/popover/docs/Angular-77360623b68a5bf2.js"],"/components/popover/docs/HTML":[o,"static/chunks/pages/components/popover/docs/HTML-86137715adc753ed.js"],"/components/popover/docs/Migration":["static/chunks/pages/components/popover/docs/Migration-eb580047faf6caa4.js"],"/components/popover/docs/React":[o,eE,"static/chunks/pages/components/popover/docs/React-41f6f708259a043e.js"],"/components/popover/docs/Vue":[o,ez,"static/chunks/pages/components/popover/docs/Vue-e2c4c98cae47602d.js"],"/components/popover/examples":[s,e,c,"static/chunks/pages/components/popover/examples-0900e3f2f93610fd.js"],"/components/popover/how-to-use":[o,s,e,c,eE,eC,ez,"static/chunks/pages/components/popover/how-to-use-dc2622a24bef2250.js"],"/components/popover/migration":[s,e,c,"static/chunks/pages/components/popover/migration-50befb7f6868b6ca.js"],"/components/popover/overview":[o,s,e,c,ob,og,oh,of,ok,oj,"static/chunks/pages/components/popover/overview-65e82a1bee670a37.js"],"/components/popover/properties":[s,e,c,"static/chunks/pages/components/popover/properties-d60bbffa1529a5e6.js"],"/components/radio":[o,s,e,c,ol,ov,ox,ow,oT,"static/chunks/pages/components/radio-55ad2ff08561f43c.js"],"/components/radio/code/Requirement":[o,ov,"static/chunks/pages/components/radio/code/Requirement-d7f023153d89ea75.js"],"/components/radio/code/Size":[o,ow,"static/chunks/pages/components/radio/code/Size-2eda05ae4db2dab3.js"],"/components/radio/code/States":[o,ox,"static/chunks/pages/components/radio/code/States-72295a8361875397.js"],"/components/radio/code/Tonality":[o,ol,"static/chunks/pages/components/radio/code/Tonality-993db5640df19542.js"],"/components/radio/code/VariantLabel":[o,oT,"static/chunks/pages/components/radio/code/VariantLabel-a9e281ef4f3a0501.js"],"/components/radio/docs/Angular":[o,eB,"static/chunks/pages/components/radio/docs/Angular-e1decc1769dac8be.js"],"/components/radio/docs/HTML":[o,eF,"static/chunks/pages/components/radio/docs/HTML-4087cd12d36ed506.js"],"/components/radio/docs/React":[o,e_,"static/chunks/pages/components/radio/docs/React-a28d1d8515b19039.js"],"/components/radio/docs/Vue":[o,eq,"static/chunks/pages/components/radio/docs/Vue-8e3b943d7f16aaef.js"],"/components/radio/examples":[s,e,c,"static/chunks/pages/components/radio/examples-96aa3cdc6a58f88a.js"],"/components/radio/how-to-use":[o,s,e,c,eB,e_,eq,eF,"static/chunks/pages/components/radio/how-to-use-2dab7e76224a3a4e.js"],"/components/radio/migration":[s,e,c,"static/chunks/pages/components/radio/migration-935ad6cd424868c3.js"],"/components/radio/overview":[o,s,e,c,ol,ov,ox,ow,oT,"static/chunks/pages/components/radio/overview-476bcaf699ff1d56.js"],"/components/radio/properties":[s,e,c,"static/chunks/pages/components/radio/properties-33b6c31f18b8f5de.js"],"/components/readme":[o,s,e,c,"static/chunks/pages/components/readme-64c75c643d692d14.js"],"/components/section":[o,s,e,c,oM,oV,oL,"static/chunks/pages/components/section-b3c83f5b9c659d91.js"],"/components/section/code/Size":[o,oV,"static/chunks/pages/components/section/code/Size-60007e5194ff125d.js"],"/components/section/code/Tonality":[o,oL,"static/chunks/pages/components/section/code/Tonality-35cdd2193a40a145.js"],"/components/section/code/Variant":[o,oM,"static/chunks/pages/components/section/code/Variant-110fd3150245690d.js"],"/components/section/docs/Angular":[o,eP,"static/chunks/pages/components/section/docs/Angular-7242ca58628a71e3.js"],"/components/section/docs/HTML":[o,"static/chunks/pages/components/section/docs/HTML-efa02a432d69c222.js"],"/components/section/docs/Migration":["static/chunks/pages/components/section/docs/Migration-6215072a2e19a978.js"],"/components/section/docs/React":[o,"static/chunks/pages/components/section/docs/React-a32eadb1bbf4f47b.js"],"/components/section/docs/Vue":[o,"static/chunks/pages/components/section/docs/Vue-df6b291b80f33e18.js"],"/components/section/examples":[s,e,c,"static/chunks/pages/components/section/examples-b4e9e16dcaee462a.js"],"/components/section/how-to-use":[o,s,e,c,eP,"static/chunks/pages/components/section/how-to-use-577844b7cb69b42d.js"],"/components/section/migration":[s,e,c,"static/chunks/pages/components/section/migration-8a08f4b48790a9bb.js"],"/components/section/overview":[o,s,e,c,oM,oV,oL,"static/chunks/pages/components/section/overview-615380de813f4e9c.js"],"/components/section/properties":[s,e,c,"static/chunks/pages/components/section/properties-cec95891d6282b58.js"],"/components/select":[o,s,e,c,oR,oA,oH,oS,oy,oC,oE,oz,"static/chunks/pages/components/select-26d578e913c5e08c.js"],"/components/select/code/Content":[o,oC,"static/chunks/pages/components/select/code/Content-02aa637c5ae82d02.js"],"/components/select/code/Requirement":[o,oH,"static/chunks/pages/components/select/code/Requirement-812b2ad1b426a3be.js"],"/components/select/code/Semantic":[o,oR,"static/chunks/pages/components/select/code/Semantic-1ab1eed9fbfcdb09.js"],"/components/select/code/StatesFloatingLabel":[o,oA,"static/chunks/pages/components/select/code/StatesFloatingLabel-1a230e73b9d25feb.js"],"/components/select/code/StatesLabelAbove":[o,oy,"static/chunks/pages/components/select/code/StatesLabelAbove-cd1da592eb73c2ba.js"],"/components/select/code/Tonality":[o,oS,"static/chunks/pages/components/select/code/Tonality-3ace7587959ffdfd.js"],"/components/select/code/VariantHelperMessage":[o,oz,"static/chunks/pages/components/select/code/VariantHelperMessage-c73d0b89db71acda.js"],"/components/select/code/VariantLabel":[o,oE,"static/chunks/pages/components/select/code/VariantLabel-03c9b8818a424d6b.js"],"/components/select/docs/Angular":[o,eW,"static/chunks/pages/components/select/docs/Angular-62b0af82fd8c3bc9.js"],"/components/select/docs/HTML":[o,eD,"static/chunks/pages/components/select/docs/HTML-464c2715590e935c.js"],"/components/select/docs/Migration":["static/chunks/pages/components/select/docs/Migration-37277dd33d7a087a.js"],"/components/select/docs/React":[o,eI,"static/chunks/pages/components/select/docs/React-b55cda63e6793b03.js"],"/components/select/docs/Vue":[o,eG,"static/chunks/pages/components/select/docs/Vue-e7e4551791d6fb3b.js"],"/components/select/examples":[s,e,c,"static/chunks/pages/components/select/examples-dcf3028a9fdbb542.js"],"/components/select/how-to-use":[o,s,e,c,eW,eI,eD,eG,"static/chunks/pages/components/select/how-to-use-ecb4c6ef9ad6f220.js"],"/components/select/migration":[s,e,c,"static/chunks/pages/components/select/migration-76bc8db1face0645.js"],"/components/select/overview":[o,s,e,c,oR,oA,oH,oS,oy,oC,oE,oz,"static/chunks/pages/components/select/overview-c2998dde7f8d8aca.js"],"/components/select/properties":[s,e,c,"static/chunks/pages/components/select/properties-3f7450e90ab77382.js"],"/components/tab/docs/Angular":["static/chunks/pages/components/tab/docs/Angular-5f0319701710d3d6.js"],"/components/tab/docs/HTML":["static/chunks/pages/components/tab/docs/HTML-8538fc9f8beb6210.js"],"/components/tab/docs/React":["static/chunks/pages/components/tab/docs/React-779bb70ecfac9a66.js"],"/components/tab/docs/Vue":["static/chunks/pages/components/tab/docs/Vue-580a6f24e7b94aa7.js"],"/components/tab/examples":[s,e,c,"static/chunks/pages/components/tab/examples-7a51f6f4201dc6f9.js"],"/components/tab/how-to-use":[s,e,c,"static/chunks/pages/components/tab/how-to-use-875d5c8081965874.js"],"/components/tab/migration":[s,e,c,"static/chunks/pages/components/tab/migration-4ee3dbd8e0582ada.js"],"/components/tab/properties":[s,e,c,"static/chunks/pages/components/tab/properties-ad7f48bae1f3fba3.js"],"/components/tab-bar/docs/Angular":["static/chunks/pages/components/tab-bar/docs/Angular-cbd75826472b9fcf.js"],"/components/tab-bar/docs/HTML":["static/chunks/pages/components/tab-bar/docs/HTML-6929b1a82a161f36.js"],"/components/tab-bar/docs/React":["static/chunks/pages/components/tab-bar/docs/React-065bb96355064838.js"],"/components/tab-bar/docs/Vue":["static/chunks/pages/components/tab-bar/docs/Vue-37859bcbf39cfe95.js"],"/components/tab-bar/examples":[s,e,c,"static/chunks/pages/components/tab-bar/examples-043237d298118d32.js"],"/components/tab-bar/how-to-use":[s,e,c,"static/chunks/pages/components/tab-bar/how-to-use-59d556cd077ac393.js"],"/components/tab-bar/migration":[s,e,c,"static/chunks/pages/components/tab-bar/migration-7ebe26ec195c693d.js"],"/components/tab-bar/properties":[s,e,c,"static/chunks/pages/components/tab-bar/properties-544a67501f9e3198.js"],"/components/tag":[o,s,e,c,oB,oF,o_,oq,oP,oW,oD,oI,"static/chunks/pages/components/tag-128fe0462276e26a.js"],"/components/tag/code/Behaviour":[o,oF,"static/chunks/pages/components/tag/code/Behaviour-ea45abf8bb39833a.js"],"/components/tag/code/Content":[o,oP,"static/chunks/pages/components/tag/code/Content-cfa3b87232946a9d.js"],"/components/tag/code/Emphasis":[o,oD,"static/chunks/pages/components/tag/code/Emphasis-8ed990882f52d69d.js"],"/components/tag/code/Example":[o,o_,"static/chunks/pages/components/tag/code/Example-489a3f12725d37a5.js"],"/components/tag/code/Overflow":[o,oI,"static/chunks/pages/components/tag/code/Overflow-a72ad63d6cca3293.js"],"/components/tag/code/State":[o,oq,"static/chunks/pages/components/tag/code/State-07b3a6fffa12c405.js"],"/components/tag/code/Tonality":[o,oW,"static/chunks/pages/components/tag/code/Tonality-168df6d80e00cfab.js"],"/components/tag/code/Variant":[o,oB,"static/chunks/pages/components/tag/code/Variant-f3093eac11ceeece.js"],"/components/tag/docs/Angular":[o,eN,"static/chunks/pages/components/tag/docs/Angular-219f31ba8df595fb.js"],"/components/tag/docs/HTML":[o,"static/chunks/pages/components/tag/docs/HTML-0a0dccfae0adf8be.js"],"/components/tag/docs/Migration":[o,eO,"static/chunks/pages/components/tag/docs/Migration-655ad1ed40b20463.js"],"/components/tag/docs/React":[o,eU,"static/chunks/pages/components/tag/docs/React-181a9204cd480c99.js"],"/components/tag/docs/Vue":[o,eJ,"static/chunks/pages/components/tag/docs/Vue-ce9504a8a34f384c.js"],"/components/tag/examples":[s,e,c,"static/chunks/pages/components/tag/examples-70970744a7a80679.js"],"/components/tag/how-to-use":[o,s,e,c,eU,eJ,eN,"static/chunks/pages/components/tag/how-to-use-c37ed506d1c34236.js"],"/components/tag/migration":[o,s,e,c,eO,"static/chunks/pages/components/tag/migration-16c52cc184bb41a5.js"],"/components/tag/overview":[o,s,e,c,oB,oF,o_,oq,oP,oW,oD,oI,"static/chunks/pages/components/tag/overview-fe9bf5784f66967c.js"],"/components/tag/properties":[s,e,c,"static/chunks/pages/components/tag/properties-dbd84bb25583173f.js"],"/components/textarea":[o,s,e,c,oG,oN,oO,oU,oJ,oK,oQ,oX,"static/chunks/pages/components/textarea-5634bb94c5db423c.js"],"/components/textarea/code/Requirement":[o,oU,"static/chunks/pages/components/textarea/code/Requirement-f6df46ff30782adb.js"],"/components/textarea/code/Rows":[o,oK,"static/chunks/pages/components/textarea/code/Rows-e83cd3fbf8990ec2.js"],"/components/textarea/code/Semantic":[o,oG,"static/chunks/pages/components/textarea/code/Semantic-1d86e2ac46fc3632.js"],"/components/textarea/code/StatesFloatingLabel":[o,oN,"static/chunks/pages/components/textarea/code/StatesFloatingLabel-2034eca6ee8935ee.js"],"/components/textarea/code/StatesLabelAbove":[o,oO,"static/chunks/pages/components/textarea/code/StatesLabelAbove-e2315d0120daf331.js"],"/components/textarea/code/Tonality":[o,oJ,"static/chunks/pages/components/textarea/code/Tonality-a3e8fa4fe8ca9c16.js"],"/components/textarea/code/VariantHelperMessage":[o,oX,"static/chunks/pages/components/textarea/code/VariantHelperMessage-cb82d587c7ea59e0.js"],"/components/textarea/code/VariantLabel":[o,oQ,"static/chunks/pages/components/textarea/code/VariantLabel-13940c43b938fe05.js"],"/components/textarea/docs/Angular":[o,eK,"static/chunks/pages/components/textarea/docs/Angular-57cc07b83dcc2641.js"],"/components/textarea/docs/HTML":[o,eQ,"static/chunks/pages/components/textarea/docs/HTML-77531a1de554ae63.js"],"/components/textarea/docs/Migration":["static/chunks/pages/components/textarea/docs/Migration-59853987015f4afe.js"],"/components/textarea/docs/React":[o,eX,"static/chunks/pages/components/textarea/docs/React-dba8eee9f7458ebe.js"],"/components/textarea/docs/Vue":[o,eY,"static/chunks/pages/components/textarea/docs/Vue-4efe13ccccd46281.js"],"/components/textarea/examples":[s,e,c,"static/chunks/pages/components/textarea/examples-c9dbedd4e8ab9b4f.js"],"/components/textarea/how-to-use":[o,s,e,c,eK,eX,eY,eQ,"static/chunks/pages/components/textarea/how-to-use-ab0a3a74b6ac3e5a.js"],"/components/textarea/migration":[s,e,c,"static/chunks/pages/components/textarea/migration-e0f3edae15740156.js"],"/components/textarea/overview":[o,s,e,c,oG,oN,oO,oU,oJ,oK,oQ,oX,"static/chunks/pages/components/textarea/overview-71b4936e4c3132c8.js"],"/components/textarea/properties":[s,e,c,"static/chunks/pages/components/textarea/properties-c5d10bae53c822a4.js"],"/components/tooltip":[o,s,e,c,oY,oZ,o$,o9,o8,o5,"static/chunks/pages/components/tooltip-f3896efdd48ad0f4.js"],"/components/tooltip/code/Animations":[o,oZ,"static/chunks/pages/components/tooltip/code/Animations-ff421bdd4960e8dd.js"],"/components/tooltip/code/Emphasis":[o,o5,"static/chunks/pages/components/tooltip/code/Emphasis-9a65ba09d55e24ff.js"],"/components/tooltip/code/Placement":[o,oY,"static/chunks/pages/components/tooltip/code/Placement-0096a91bf50a0d04.js"],"/components/tooltip/code/Tonality":[o,o$,"static/chunks/pages/components/tooltip/code/Tonality-4392509158a20b33.js"],"/components/tooltip/code/Variant":[o,o8,"static/chunks/pages/components/tooltip/code/Variant-7965e39d7fd5b6df.js"],"/components/tooltip/code/Width":[o,o9,"static/chunks/pages/components/tooltip/code/Width-cfbb588dda0e1cf8.js"],"/components/tooltip/docs/Angular":[o,eZ,"static/chunks/pages/components/tooltip/docs/Angular-4456d52ac118e173.js"],"/components/tooltip/docs/HTML":[o,"static/chunks/pages/components/tooltip/docs/HTML-6bf6fa829b3d744e.js"],"/components/tooltip/docs/Migration":["static/chunks/pages/components/tooltip/docs/Migration-6be6ca46972eb08a.js"],"/components/tooltip/docs/React":[o,e$,"static/chunks/pages/components/tooltip/docs/React-6045cdb3f5947577.js"],"/components/tooltip/docs/Vue":[o,e9,"static/chunks/pages/components/tooltip/docs/Vue-a41d9492d788d457.js"],"/components/tooltip/examples":[s,e,c,"static/chunks/pages/components/tooltip/examples-f6641d474a027eac.js"],"/components/tooltip/how-to-use":[o,s,e,c,e$,eZ,e9,"static/chunks/pages/components/tooltip/how-to-use-b35d613c9af53bbe.js"],"/components/tooltip/migration":[s,e,c,"static/chunks/pages/components/tooltip/migration-ed7682153452f6af.js"],"/components/tooltip/overview":[o,s,e,c,oY,oZ,o$,o9,o8,o5,"static/chunks/pages/components/tooltip/overview-6eb9cb2dd144ac69.js"],"/components/tooltip/properties":[s,e,c,"static/chunks/pages/components/tooltip/properties-1346c81f0ed63d4b.js"],"/foundations/colors/color-schemes":[s,e,c,"static/chunks/pages/foundations/colors/color-schemes-c43eff285423da18.js"],"/foundations/colors/overview":[s,e,c,"static/chunks/pages/foundations/colors/overview-c57dc0061a57a794.js"],"/foundations/colors/readme":[o,s,e,c,"static/chunks/pages/foundations/colors/readme-c7546254c1f31092.js"],"/foundations/icons/custom-icons":[o,s,e,c,"static/chunks/pages/foundations/icons/custom-icons-2a48238d8dacb069.js"],"/foundations/icons/overview":[s,e,c,"static/chunks/pages/foundations/icons/overview-0d75158eaf121176.js"],"/foundations/icons/readme":[s,e,c,"static/chunks/pages/foundations/icons/readme-108ab7cdea9fe4f0.js"],"/foundations/readme":[o,s,e,c,"static/chunks/pages/foundations/readme-1fd8214808dc398b.js"],"/foundations/tonalities/examples":[s,e,c,"static/chunks/pages/foundations/tonalities/examples-facd6290ff3f8774.js"],"/foundations/tonalities/readme":[o,s,e,c,"static/chunks/pages/foundations/tonalities/readme-2884955abea09f7b.js"],"/foundations/variables/examples":[s,e,c,"static/chunks/pages/foundations/variables/examples-9d08e4f0ce01205e.js"],"/foundations/variables/readme":[s,e,c,"static/chunks/pages/foundations/variables/readme-f7da0d77a151abfa.js"],"/iframe":[o3,e,"static/chunks/pages/iframe-6f27a4b14af22f62.js"],sortedPages:["/","/404","/_app","/_error","/base64","/components/accordion","/components/accordion/code/Behaviour","/components/accordion/code/Tonality","/components/accordion/docs/Angular","/components/accordion/docs/HTML","/components/accordion/docs/Migration","/components/accordion/docs/React","/components/accordion/docs/Vue","/components/accordion/examples","/components/accordion/how-to-use","/components/accordion/migration","/components/accordion/overview","/components/accordion/properties","/components/accordion-item","/components/accordion-item/code/States","/components/accordion-item/code/Tonality","/components/accordion-item/docs/Angular","/components/accordion-item/docs/HTML","/components/accordion-item/docs/Migration","/components/accordion-item/docs/React","/components/accordion-item/docs/Vue","/components/accordion-item/examples","/components/accordion-item/how-to-use","/components/accordion-item/migration","/components/accordion-item/overview","/components/accordion-item/properties","/components/alert","/components/alert/code/Behaviour","/components/alert/code/Content","/components/alert/code/Tonality","/components/alert/code/Type","/components/alert/code/Variant","/components/alert/docs/Angular","/components/alert/docs/HTML","/components/alert/docs/Migration","/components/alert/docs/React","/components/alert/docs/Vue","/components/alert/examples","/components/alert/how-to-use","/components/alert/migration","/components/alert/overview","/components/alert/properties","/components/badge","/components/badge/code/Content","/components/badge/code/Emphasis","/components/badge/code/Examples","/components/badge/code/Placement","/components/badge/code/Size","/components/badge/code/Tonality","/components/badge/code/Variant","/components/badge/docs/Angular","/components/badge/docs/HTML","/components/badge/docs/Migration","/components/badge/docs/React","/components/badge/docs/Vue","/components/badge/examples","/components/badge/how-to-use","/components/badge/migration","/components/badge/overview","/components/badge/properties","/components/brand/docs/Angular","/components/brand/docs/HTML","/components/brand/docs/React","/components/brand/docs/Vue","/components/brand/examples","/components/brand/how-to-use","/components/brand/migration","/components/brand/properties","/components/button","/components/button/code/Behaviour","/components/button/code/Content","/components/button/code/Size","/components/button/code/State","/components/button/code/Tonality","/components/button/code/Variant","/components/button/docs/Angular","/components/button/docs/HTML","/components/button/docs/Migration","/components/button/docs/React","/components/button/docs/Vue","/components/button/examples","/components/button/how-to-use","/components/button/migration","/components/button/overview","/components/button/properties","/components/card","/components/card/code/ColorVariant","/components/card/code/Spacing","/components/card/code/Tonality","/components/card/code/Variant","/components/card/docs/Angular","/components/card/docs/HTML","/components/card/docs/Migration","/components/card/docs/React","/components/card/docs/Vue","/components/card/examples","/components/card/how-to-use","/components/card/migration","/components/card/overview","/components/card/properties","/components/checkbox","/components/checkbox/code/Requirement","/components/checkbox/code/Size","/components/checkbox/code/States","/components/checkbox/code/Tonality","/components/checkbox/code/VariantLabel","/components/checkbox/docs/Angular","/components/checkbox/docs/HTML","/components/checkbox/docs/React","/components/checkbox/docs/Vue","/components/checkbox/examples","/components/checkbox/how-to-use","/components/checkbox/migration","/components/checkbox/overview","/components/checkbox/properties","/components/code-docs/docs/Angular","/components/code-docs/docs/HTML","/components/code-docs/docs/React","/components/code-docs/docs/Vue","/components/code-docs/examples","/components/code-docs/how-to-use","/components/code-docs/migration","/components/code-docs/properties","/components/divider","/components/divider/code/Emphasis","/components/divider/code/Tonality","/components/divider/code/Variant","/components/divider/docs/Angular","/components/divider/docs/HTML","/components/divider/docs/Migration","/components/divider/docs/React","/components/divider/docs/Vue","/components/divider/examples","/components/divider/how-to-use","/components/divider/migration","/components/divider/overview","/components/divider/properties","/components/drawer","/components/drawer/code/Backdrop","/components/drawer/code/Directions","/components/drawer/code/Rounded","/components/drawer/code/Size","/components/drawer/code/Spacing","/components/drawer/code/Tonality","/components/drawer/docs/Angular","/components/drawer/docs/HTML","/components/drawer/docs/Migration","/components/drawer/docs/React","/components/drawer/docs/Vue","/components/drawer/examples","/components/drawer/how-to-use","/components/drawer/migration","/components/drawer/overview","/components/drawer/properties","/components/header/docs/Angular","/components/header/docs/HTML","/components/header/docs/React","/components/header/docs/Vue","/components/header/examples","/components/header/how-to-use","/components/header/migration","/components/header/properties","/components/icon/docs/Angular","/components/icon/docs/HTML","/components/icon/docs/React","/components/icon/docs/Vue","/components/icon/examples","/components/icon/how-to-use","/components/icon/migration","/components/icon/properties","/components/infotext","/components/infotext/code/Size","/components/infotext/code/Tonality","/components/infotext/code/Variant","/components/infotext/docs/Angular","/components/infotext/docs/HTML","/components/infotext/docs/Migration","/components/infotext/docs/React","/components/infotext/docs/Vue","/components/infotext/examples","/components/infotext/how-to-use","/components/infotext/migration","/components/infotext/overview","/components/infotext/properties","/components/input","/components/input/code/Content","/components/input/code/ExampleTypes","/components/input/code/ExampleTypesFloatingLabel","/components/input/code/Requirement","/components/input/code/Semantic","/components/input/code/StatesFloatingLabel","/components/input/code/StatesLabelAbove","/components/input/code/Tonality","/components/input/code/VariantHelperMessage","/components/input/code/VariantLabel","/components/input/docs/Angular","/components/input/docs/HTML","/components/input/docs/React","/components/input/docs/Vue","/components/input/examples","/components/input/how-to-use","/components/input/migration","/components/input/overview","/components/input/properties","/components/link","/components/link/code/Content","/components/link/code/Size","/components/link/code/State","/components/link/code/Tonality","/components/link/code/Variant","/components/link/docs/Angular","/components/link/docs/HTML","/components/link/docs/React","/components/link/docs/Vue","/components/link/examples","/components/link/how-to-use","/components/link/migration","/components/link/overview","/components/link/properties","/components/main-navigation","/components/main-navigation/code/Tonality","/components/main-navigation/docs/Angular","/components/main-navigation/docs/HTML","/components/main-navigation/docs/React","/components/main-navigation/docs/Vue","/components/main-navigation/examples","/components/main-navigation/how-to-use","/components/main-navigation/migration","/components/main-navigation/overview","/components/main-navigation/properties","/components/navigation-item","/components/navigation-item/code/Content","/components/navigation-item/code/States","/components/navigation-item/code/Tonality","/components/navigation-item/code/Width","/components/navigation-item/docs/Angular","/components/navigation-item/docs/HTML","/components/navigation-item/docs/Migration","/components/navigation-item/docs/React","/components/navigation-item/docs/Vue","/components/navigation-item/examples","/components/navigation-item/how-to-use","/components/navigation-item/migration","/components/navigation-item/overview","/components/navigation-item/properties","/components/page/docs/Angular","/components/page/docs/HTML","/components/page/docs/React","/components/page/docs/Vue","/components/page/examples","/components/page/how-to-use","/components/page/migration","/components/page/properties","/components/popover","/components/popover/code/Animations","/components/popover/code/Gap","/components/popover/code/Placement","/components/popover/code/Spacing","/components/popover/code/Tonality","/components/popover/code/Width","/components/popover/docs/Angular","/components/popover/docs/HTML","/components/popover/docs/Migration","/components/popover/docs/React","/components/popover/docs/Vue","/components/popover/examples","/components/popover/how-to-use","/components/popover/migration","/components/popover/overview","/components/popover/properties","/components/radio","/components/radio/code/Requirement","/components/radio/code/Size","/components/radio/code/States","/components/radio/code/Tonality","/components/radio/code/VariantLabel","/components/radio/docs/Angular","/components/radio/docs/HTML","/components/radio/docs/React","/components/radio/docs/Vue","/components/radio/examples","/components/radio/how-to-use","/components/radio/migration","/components/radio/overview","/components/radio/properties","/components/readme","/components/section","/components/section/code/Size","/components/section/code/Tonality","/components/section/code/Variant","/components/section/docs/Angular","/components/section/docs/HTML","/components/section/docs/Migration","/components/section/docs/React","/components/section/docs/Vue","/components/section/examples","/components/section/how-to-use","/components/section/migration","/components/section/overview","/components/section/properties","/components/select","/components/select/code/Content","/components/select/code/Requirement","/components/select/code/Semantic","/components/select/code/StatesFloatingLabel","/components/select/code/StatesLabelAbove","/components/select/code/Tonality","/components/select/code/VariantHelperMessage","/components/select/code/VariantLabel","/components/select/docs/Angular","/components/select/docs/HTML","/components/select/docs/Migration","/components/select/docs/React","/components/select/docs/Vue","/components/select/examples","/components/select/how-to-use","/components/select/migration","/components/select/overview","/components/select/properties","/components/tab/docs/Angular","/components/tab/docs/HTML","/components/tab/docs/React","/components/tab/docs/Vue","/components/tab/examples","/components/tab/how-to-use","/components/tab/migration","/components/tab/properties","/components/tab-bar/docs/Angular","/components/tab-bar/docs/HTML","/components/tab-bar/docs/React","/components/tab-bar/docs/Vue","/components/tab-bar/examples","/components/tab-bar/how-to-use","/components/tab-bar/migration","/components/tab-bar/properties","/components/tag","/components/tag/code/Behaviour","/components/tag/code/Content","/components/tag/code/Emphasis","/components/tag/code/Example","/components/tag/code/Overflow","/components/tag/code/State","/components/tag/code/Tonality","/components/tag/code/Variant","/components/tag/docs/Angular","/components/tag/docs/HTML","/components/tag/docs/Migration","/components/tag/docs/React","/components/tag/docs/Vue","/components/tag/examples","/components/tag/how-to-use","/components/tag/migration","/components/tag/overview","/components/tag/properties","/components/textarea","/components/textarea/code/Requirement","/components/textarea/code/Rows","/components/textarea/code/Semantic","/components/textarea/code/StatesFloatingLabel","/components/textarea/code/StatesLabelAbove","/components/textarea/code/Tonality","/components/textarea/code/VariantHelperMessage","/components/textarea/code/VariantLabel","/components/textarea/docs/Angular","/components/textarea/docs/HTML","/components/textarea/docs/Migration","/components/textarea/docs/React","/components/textarea/docs/Vue","/components/textarea/examples","/components/textarea/how-to-use","/components/textarea/migration","/components/textarea/overview","/components/textarea/properties","/components/tooltip","/components/tooltip/code/Animations","/components/tooltip/code/Emphasis","/components/tooltip/code/Placement","/components/tooltip/code/Tonality","/components/tooltip/code/Variant","/components/tooltip/code/Width","/components/tooltip/docs/Angular","/components/tooltip/docs/HTML","/components/tooltip/docs/Migration","/components/tooltip/docs/React","/components/tooltip/docs/Vue","/components/tooltip/examples","/components/tooltip/how-to-use","/components/tooltip/migration","/components/tooltip/overview","/components/tooltip/properties","/foundations/colors/color-schemes","/foundations/colors/overview","/foundations/colors/readme","/foundations/icons/custom-icons","/foundations/icons/overview","/foundations/icons/readme","/foundations/readme","/foundations/tonalities/examples","/foundations/tonalities/readme","/foundations/variables/examples","/foundations/variables/readme","/iframe"]}}("static/chunks/65a8b803-c391b5b7c35b3670.js","static/chunks/37426-54290b4ec3d82f2e.js","static/chunks/23019-9d2db7e53903ac36.js","static/chunks/66503-799cbfc703b7d2b8.js","static/chunks/62326-c4008501c0b2ac33.js","static/chunks/70798-9e1c1f0ed94a5159.js","static/chunks/8053-c96fde6a0c243a7e.js","static/chunks/43121-5c11984cd64e23ee.js","static/chunks/34316-dc81876540638e3f.js","static/chunks/60893-671f8dc9b5d08002.js","static/chunks/25644-99045e3ac64923fa.js","static/chunks/84123-92a9a6616a2f576b.js","static/chunks/73095-f2d37d1e50650a1c.js","static/chunks/88424-ad6badf04ff7f188.js","static/chunks/11694-ba076e33100f0c0d.js","static/chunks/89829-01cbc019e8c05072.js","static/chunks/35291-57dde457d80baa96.js","static/chunks/6897-8c06252921fe37d9.js","static/chunks/762-a29fbcda17e6fc48.js","static/chunks/4339-cbf8ecc72f664cc4.js","static/chunks/71047-bf0da8f572b86318.js","static/chunks/91584-8d56fe6fa27eda1a.js","static/chunks/11453-f31d99edf95ba2aa.js","static/chunks/54192-463567db6f0392db.js","static/chunks/52353-671c8333fd37cbca.js","static/chunks/4547-b3cb01662d8bdd18.js","static/chunks/13971-3a8fca53a2a2e017.js","static/chunks/8819-4d522bcf91afb778.js","static/chunks/78571-05b21498af4488b2.js","static/chunks/66042-32a6e6ec98b49e2d.js","static/chunks/44507-5e69790006b04d06.js","static/chunks/39199-2f82d4c5db040fc1.js","static/chunks/7465-e1c79ea18e587c32.js","static/chunks/27322-1a48699e7611ab43.js","static/chunks/99065-f5ee7b340eb80753.js","static/chunks/64339-4236bcb0eb6199f8.js","static/chunks/92738-cbae996e85a609ad.js","static/chunks/810-0bb123e55674fe0c.js","static/chunks/82537-a47ff32496f68c73.js","static/chunks/54310-9477f7bb2f18d154.js","static/chunks/51189-c72d6874fe887c02.js","static/chunks/48754-f5dd801f36b4f721.js","static/chunks/8807-d1e24c1be9b044d5.js","static/chunks/25027-b5ce141c426b1832.js","static/chunks/58232-069ff9180680bb4f.js","static/chunks/67677-3e955e6ae70bbc12.js","static/chunks/29663-624643fa978ec0af.js","static/chunks/6946-67ceb77e0480d4cc.js","static/chunks/84401-7881b1c75704f00f.js","static/chunks/22235-097def13ebebe8a5.js","static/chunks/24134-0621395468b772cd.js","static/chunks/41693-b31c3d616dd6c4e0.js","static/chunks/82492-40476693c7c94f47.js","static/chunks/81984-f595759a52be71f8.js","static/chunks/80095-b0d3c27ddd2c5ca0.js","static/chunks/46132-75d2ab46837110d0.js","static/chunks/61914-20d503e5b6f867b0.js","static/chunks/90976-e58a7fe5831c1aad.js","static/chunks/23756-952323a7bc402894.js","static/chunks/58629-5953a1fe5d944a5b.js","static/chunks/84271-6f05fb90c21feefd.js","static/chunks/57277-79409c870ee3bb2c.js","static/chunks/9597-41033ba09300beb6.js","static/chunks/24882-d58631f8239cdff2.js","static/chunks/2189-8170cedd3bf8ab2d.js","static/chunks/9803-6aea60d1a16ffbb4.js","static/chunks/16592-39933625f8745ed0.js","static/chunks/62275-c432fdf6f225f2ee.js","static/chunks/45712-03bf49c2aa4198fa.js","static/chunks/24475-36fbf529a83ecfd1.js","static/chunks/22440-e3afbf7ee3901aef.js","static/chunks/44891-c8ca6cdb08ca844d.js","static/chunks/69223-ce63e955028c3304.js","static/chunks/11896-5b9f7aa94fbdc2ac.js","static/chunks/1214-0f6cef1c41347a8f.js","static/chunks/62126-50cc98f7b88f17c6.js","static/chunks/66931-6c3b049bb565fb60.js","static/chunks/55595-eedeafe04e4bdac5.js","static/chunks/83662-164b7839bc80b7d2.js","static/chunks/27561-21ccf27da9926595.js","static/chunks/76402-b8957543e8be035a.js","static/chunks/14033-90afcea6bd261f91.js","static/chunks/94361-26eae2bffa4427e2.js","static/chunks/87055-36d335d6d1295258.js","static/chunks/90100-33cb7df4b423eec3.js","static/chunks/91599-e1a50523ecec652c.js","static/chunks/58234-e32b065f7bc26957.js","static/chunks/42038-db8a817e151015c3.js","static/chunks/58565-f77724c19a41fc4e.js","static/chunks/85642-a2bc0acbd3cf3097.js","static/chunks/64355-12da7878bd530dd1.js","static/chunks/33329-2e872fa846d2ad3e.js","static/chunks/94266-a93022a94997c567.js","static/chunks/67064-a28d6241d69b04af.js","static/chunks/21519-7c2af0c16273e075.js","static/chunks/44736-3ad8aa2b12d62178.js","static/chunks/95591-9ad57879cb0a7be5.js","static/chunks/74600-7ac5c648c2c0e781.js","static/chunks/91596-d1a8572007b0de7b.js","static/chunks/46962-7f66c378d8389ed5.js","static/chunks/27398-00854085e22cc98d.js","static/chunks/53691-86b8a1336371f473.js","static/chunks/65708-939cec2a1ef619d1.js","static/chunks/74774-058e912df069da1a.js","static/chunks/79219-1ad90abee81f2931.js","static/chunks/8917-f7db45cabe2ceb35.js","static/chunks/88712-60393031a934e0cf.js","static/chunks/95976-45638bc334b403e1.js","static/chunks/28248-b3dbcfb293842fdb.js","static/chunks/4620-c90c75af679188c3.js","static/chunks/44598-5bead8c6bdbb71b8.js","static/chunks/48834-29e09785338bf0d8.js","static/chunks/9151-5b67f3aaddd4b117.js","static/chunks/43890-815f4633add640b4.js","static/chunks/34353-8a0e021c11913a12.js","static/chunks/89631-7d8ed979e0b85001.js","static/chunks/35405-7ba44079d4948beb.js","static/chunks/55352-873be11a9a4af21e.js","static/chunks/48894-d2050f35ac9116e2.js","static/chunks/83495-bfff9ba49de59ea4.js","static/chunks/11708-58e5e840d42e4801.js","static/chunks/20516-6bada1a1f641d66d.js","static/chunks/31453-96dbfb237d58d355.js","static/chunks/88664-640f07fe472a5996.js","static/chunks/52023-fd9efa2360c9e42f.js","static/chunks/93066-13f095f0d2a4ff97.js","static/chunks/699-3bb18f1345688900.js","static/chunks/2461-9362ebd107672ba6.js","static/chunks/57838-15b27c82547893b9.js","static/chunks/19204-394d56e502820a2e.js","static/chunks/61248-fd9436d798b6eebc.js","static/chunks/90238-f924bacfa197d0ea.js","static/chunks/84022-7997429e32b4ff4c.js","static/chunks/10788-53b2b4af633ce5a1.js","static/chunks/10996-d10bb08c354b406e.js","static/chunks/46838-fdcfc365e3494cb0.js","static/chunks/66784-90ed04a22b617f90.js","static/chunks/41328-edfbf439d7082996.js","static/chunks/9212-4b72ea8144b798a7.js","static/chunks/11665-eebb4f6aa9b11883.js","static/chunks/43609-6343f2e53e398c58.js","static/chunks/85933-99d85f69a4127dde.js","static/chunks/22686-ae0263bb230fbe98.js","static/chunks/64737-64e94bef4c3f6cfc.js","static/chunks/43080-18d5ad58dab3f16d.js","static/chunks/5628-da7d6b5903e50cdb.js","static/chunks/50551-ec089f7660011f6b.js","static/chunks/17966-149b6bc8388677d5.js","static/chunks/60973-80aaa7ffeb2b3f74.js","static/chunks/87523-819f7ef70d8dc28a.js","static/chunks/52584-220883d35055db2c.js","static/chunks/60380-d0e9ecc9989240a4.js","static/chunks/90798-d8bb846d057f3306.js","static/chunks/72111-a9fd63e18b90b80e.js","static/chunks/3591-ce86cdbe38daea30.js","static/chunks/19126-dac9dac22ed0ffbf.js","static/chunks/19711-a49be23eddffca19.js","static/chunks/64968-0cf5d2461e91b15d.js","static/chunks/97879-5de34153dcf3578e.js","static/chunks/93932-ea1d301f0b293fc6.js","static/chunks/67493-e17fec6d054ca273.js","static/chunks/78095-81bcb764fb18b774.js","static/chunks/3378-95d7d35a97db5800.js","static/chunks/37070-06c2d5fe22deb00d.js","static/chunks/79011-234aa9ad9ed615da.js","static/chunks/98587-1ca07c5ed5531a4c.js","static/chunks/67726-54cec137049975b6.js","static/chunks/77935-d3bccab42a91af44.js","static/chunks/74900-9a3937ee302aea1e.js","static/chunks/8687-e7bcfc81c3dce386.js","static/chunks/83284-446e92094324bd24.js","static/chunks/93637-e77fc7f2c88a1d36.js","static/chunks/51636-b2d4de4911e55a60.js"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB();
\ No newline at end of file
diff --git a/review/fix-color-scheme-modes/_next/static/PPkZWilFtvwI7h2xMcrdF/_ssgManifest.js b/review/fix-color-scheme-modes/_next/static/Pl1Y2fXB9AqZYfMrB2MjO/_ssgManifest.js
similarity index 100%
rename from review/fix-color-scheme-modes/_next/static/PPkZWilFtvwI7h2xMcrdF/_ssgManifest.js
rename to review/fix-color-scheme-modes/_next/static/Pl1Y2fXB9AqZYfMrB2MjO/_ssgManifest.js
diff --git a/review/fix-color-scheme-modes/_next/static/chunks/16592-39933625f8745ed0.js b/review/fix-color-scheme-modes/_next/static/chunks/16592-39933625f8745ed0.js
new file mode 100644
index 00000000000..83a3353bb0e
--- /dev/null
+++ b/review/fix-color-scheme-modes/_next/static/chunks/16592-39933625f8745ed0.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[16592],{16592:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return c},default:function(){return a}});var n=e(52322),s=e(45392),l=e(65854);let r={annotations:l.ds,Code:l.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return r||i("CH",!1),r.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Auto (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Auto (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">Auto (Default)',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Auto (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Auto (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Auto (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">Auto (Default)',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Auto (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Full",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Full",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':areaPopup="true">Full',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Full",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Full",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Full",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':areaPopup="true">Full',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Full",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/review/fix-color-scheme-modes/_next/static/chunks/16592-aa6904d5ece017c9.js b/review/fix-color-scheme-modes/_next/static/chunks/16592-aa6904d5ece017c9.js
deleted file mode 100644
index a4229e25d99..00000000000
--- a/review/fix-color-scheme-modes/_next/static/chunks/16592-aa6904d5ece017c9.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[16592],{16592:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return c},default:function(){return a}});var n=e(52322),s=e(45392),l=e(65854);let r={annotations:l.ds,Code:l.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return r||i("CH",!1),r.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Auto (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Auto (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">Auto (Default)',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Auto (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Auto (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Auto (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">Auto (Default)',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Auto (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Full",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Full",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':areaPopup="true">Full',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Full",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Full",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Full",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':areaPopup="true">Full',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Full",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/review/fix-color-scheme-modes/_next/static/chunks/2189-98009f66d5b06fb6.js b/review/fix-color-scheme-modes/_next/static/chunks/2189-8170cedd3bf8ab2d.js
similarity index 97%
rename from review/fix-color-scheme-modes/_next/static/chunks/2189-98009f66d5b06fb6.js
rename to review/fix-color-scheme-modes/_next/static/chunks/2189-8170cedd3bf8ab2d.js
index f82b5840d82..6a497dae991 100644
--- a/review/fix-color-scheme-modes/_next/static/chunks/2189-98009f66d5b06fb6.js
+++ b/review/fix-color-scheme-modes/_next/static/chunks/2189-8170cedd3bf8ab2d.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2189],{2189:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return a}});var n=e(52322),s=e(45392),l=e(65854);let c={annotations:l.ds,Code:l.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||i("CH",!1),c.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">Enabled (Default)',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">Enabled (Default)',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Active",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem active areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Active",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':active="true" :areaPopup="true">Active',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Active",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Active",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem active areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Active",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':active="true" :areaPopup="true">Active',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Active",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem disabled areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':disabled="true" :areaPopup="true">Disabled',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem disabled areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':disabled="true" :areaPopup="true">Disabled',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2189],{2189:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return a}});var n=e(52322),s=e(45392),l=e(65854);let c={annotations:l.ds,Code:l.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||i("CH",!1),c.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">Enabled (Default)',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">Enabled (Default)',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Active",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem active areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Active",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':active="true" :areaPopup="true">Active',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Active",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Active",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem active areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Active",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':active="true" :areaPopup="true">Active',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Active",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem disabled areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':disabled="true" :areaPopup="true">Disabled',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem disabled areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':disabled="true" :areaPopup="true">Disabled',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/review/fix-color-scheme-modes/_next/static/chunks/24882-34bbd4292b639019.js b/review/fix-color-scheme-modes/_next/static/chunks/24882-34bbd4292b639019.js
deleted file mode 100644
index a1da8f2d81e..00000000000
--- a/review/fix-color-scheme-modes/_next/static/chunks/24882-34bbd4292b639019.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[24882],{24882:function(o,t,n){n.r(t),n.d(t,{CH:function(){return l},chCodeConfig:function(){return r},default:function(){return a}});var e=n(52322),s=n(45392),c=n(65854);let l={annotations:c.ds,Code:c.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return l||i("CH",!1),l.Code||i("CH.Code",!0),(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,e.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Leading Icon - Text",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon - Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':areaPopup="false">Leading ',props:{style:{color:"#D8DEE9"}}},{content:"Icon ",props:{style:{color:"#8FBCBB"}}},{content:"- Text",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon - Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Leading Icon - Text",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon - Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':areaPopup="false">Leading ',props:{style:{color:"#D8DEE9"}}},{content:"Icon ",props:{style:{color:"#8FBCBB"}}},{content:"- Text",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon - Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Leading Icon - Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon - Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':areaPopup="true">Leading ',props:{style:{color:"#D8DEE9"}}},{content:"Icon ",props:{style:{color:"#8FBCBB"}}},{content:"- ",props:{style:{color:"#D8DEE9"}}},{content:"Text ",props:{style:{color:"#8FBCBB"}}},{content:"- ",props:{style:{color:"#D8DEE9"}}},{content:"Trailing ",props:{style:{color:"#8FBCBB"}}},{content:"Icon",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon - Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Leading Icon - Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon - Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':areaPopup="true">Leading ',props:{style:{color:"#D8DEE9"}}},{content:"Icon ",props:{style:{color:"#8FBCBB"}}},{content:"- ",props:{style:{color:"#D8DEE9"}}},{content:"Text ",props:{style:{color:"#8FBCBB"}}},{content:"- ",props:{style:{color:"#D8DEE9"}}},{content:"Trailing ",props:{style:{color:"#8FBCBB"}}},{content:"Icon",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon - Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">Text - ',props:{style:{color:"#D8DEE9"}}},{content:"Trailing ",props:{style:{color:"#8FBCBB"}}},{content:"Icon",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">Text - ',props:{style:{color:"#D8DEE9"}}},{content:"Trailing ",props:{style:{color:"#8FBCBB"}}},{content:"Icon",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Text",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="false">Text',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Text",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="false">Text',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,e.jsx)(t,{...o,children:(0,e.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/review/fix-color-scheme-modes/_next/static/chunks/24882-d58631f8239cdff2.js b/review/fix-color-scheme-modes/_next/static/chunks/24882-d58631f8239cdff2.js
new file mode 100644
index 00000000000..5564754de90
--- /dev/null
+++ b/review/fix-color-scheme-modes/_next/static/chunks/24882-d58631f8239cdff2.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[24882],{24882:function(o,t,n){n.r(t),n.d(t,{CH:function(){return l},chCodeConfig:function(){return r},default:function(){return a}});var e=n(52322),s=n(45392),c=n(65854);let l={annotations:c.ds,Code:c.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return l||i("CH",!1),l.Code||i("CH.Code",!0),(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,e.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Leading Icon - Text",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon - Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':areaPopup="false">Leading ',props:{style:{color:"#D8DEE9"}}},{content:"Icon ",props:{style:{color:"#8FBCBB"}}},{content:"- Text",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon - Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Leading Icon - Text",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon - Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':areaPopup="false">Leading ',props:{style:{color:"#D8DEE9"}}},{content:"Icon ",props:{style:{color:"#8FBCBB"}}},{content:"- Text",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon - Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Leading Icon - Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon - Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':areaPopup="true">Leading ',props:{style:{color:"#D8DEE9"}}},{content:"Icon ",props:{style:{color:"#8FBCBB"}}},{content:"- ",props:{style:{color:"#D8DEE9"}}},{content:"Text ",props:{style:{color:"#8FBCBB"}}},{content:"- ",props:{style:{color:"#D8DEE9"}}},{content:"Trailing ",props:{style:{color:"#8FBCBB"}}},{content:"Icon",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon - Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Leading Icon - Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon - Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':areaPopup="true">Leading ',props:{style:{color:"#D8DEE9"}}},{content:"Icon ",props:{style:{color:"#8FBCBB"}}},{content:"- ",props:{style:{color:"#D8DEE9"}}},{content:"Text ",props:{style:{color:"#8FBCBB"}}},{content:"- ",props:{style:{color:"#D8DEE9"}}},{content:"Trailing ",props:{style:{color:"#8FBCBB"}}},{content:"Icon",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon - Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">Text - ',props:{style:{color:"#D8DEE9"}}},{content:"Trailing ",props:{style:{color:"#8FBCBB"}}},{content:"Icon",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">Text - ',props:{style:{color:"#D8DEE9"}}},{content:"Trailing ",props:{style:{color:"#8FBCBB"}}},{content:"Icon",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Text",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="false">Text',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Text",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="false">Text',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,e.jsx)(t,{...o,children:(0,e.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/review/fix-color-scheme-modes/_next/static/chunks/9803-95582726292257ba.js b/review/fix-color-scheme-modes/_next/static/chunks/9803-6aea60d1a16ffbb4.js
similarity index 53%
rename from review/fix-color-scheme-modes/_next/static/chunks/9803-95582726292257ba.js
rename to review/fix-color-scheme-modes/_next/static/chunks/9803-6aea60d1a16ffbb4.js
index c69186ef94e..9f3f693799e 100644
--- a/review/fix-color-scheme-modes/_next/static/chunks/9803-95582726292257ba.js
+++ b/review/fix-color-scheme-modes/_next/static/chunks/9803-6aea60d1a16ffbb4.js
@@ -1 +1 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9803],{9803:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return c},default:function(){return a}});var n=e(52322),s=e(45392),l=e(65854);let r={annotations:l.ds,Code:l.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return r||i("CH",!1),r.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">functional',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">functional',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">regular (Default)',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">regular (Default)',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">expressive',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">expressive',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9803],{9803:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return c},default:function(){return a}});var n=e(52322),s=e(45392),l=e(65854);let r={annotations:l.ds,Code:l.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return r||i("CH",!1),r.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">functional',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">functional',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">regular (Default)',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">regular (Default)',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">expressive',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:" ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">expressive',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);
\ No newline at end of file
diff --git a/review/fix-color-scheme-modes/_next/static/css/c06aaebbeef91267.css b/review/fix-color-scheme-modes/_next/static/css/5171a14e8f2ba57a.css
similarity index 52%
rename from review/fix-color-scheme-modes/_next/static/css/c06aaebbeef91267.css
rename to review/fix-color-scheme-modes/_next/static/css/5171a14e8f2ba57a.css
index b2a5319a68e..d5d93086c12 100644
--- a/review/fix-color-scheme-modes/_next/static/css/c06aaebbeef91267.css
+++ b/review/fix-color-scheme-modes/_next/static/css/5171a14e8f2ba57a.css
@@ -12,4 +12,4 @@
--db-warning-border-weak-enabled
);--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-warning-bg-enabled))}.db-bg-warning,.db-bg-warning-interactive{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-bg-warning-transparent-full,.db-bg-warning-transparent-semi{color:var(--db-warning-on-bg-enabled);background-color:color-mix(in srgb,transparent var(--db-bg-transparent,100%),var(--db-current-base-color))}.db-bg-warning-transparent-semi{background-color:color-mix(in srgb,transparent var(--db-bg-transparent,92%),var(--db-current-base-color))}.db-bg-warning-interactive:enabled:hover{--db-bg-transparent:84%}.db-bg-warning-interactive:enabled:active{--db-bg-transparent:68%}[data-emphasis=weak].db-bg-warning,[data-emphasis=weak].db-bg-warning-interactive{--db-current-color:var(--db-warning-on-bg-weak-enabled);color:var(--db-current-color)}.db-bg-warning-strong{--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-warning-bg-strong-enabled))}.db-bg-informational,.db-bg-informational-interactive,.db-bg-informational-transparent-full,.db-bg-informational-transparent-semi{--db-current-base-color:var(--db-informational-text-enabled);--db-current-color:var(--db-informational-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-informational-bg-enabled));--db-current-element-color:var(--db-informational-element-enabled);--db-current-border-color:var(--db-informational-border-enabled);--db-current-border-weak-color:var(
--db-informational-border-weak-enabled
- );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-informational-bg-enabled))}.db-bg-informational,.db-bg-informational-interactive{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-bg-informational-transparent-full,.db-bg-informational-transparent-semi{color:var(--db-informational-on-bg-enabled);background-color:color-mix(in srgb,transparent var(--db-bg-transparent,100%),var(--db-current-base-color))}.db-bg-informational-transparent-semi{background-color:color-mix(in srgb,transparent var(--db-bg-transparent,92%),var(--db-current-base-color))}.db-bg-informational-interactive:enabled:hover{--db-bg-transparent:84%}.db-bg-informational-interactive:enabled:active{--db-bg-transparent:68%}[data-emphasis=weak].db-bg-informational,[data-emphasis=weak].db-bg-informational-interactive{--db-current-color:var(--db-informational-on-bg-weak-enabled);color:var(--db-current-color)}.db-bg-informational-strong{--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-informational-bg-strong-enabled))}.db-badge[data-emphasis=strong],.db-checkbox input:checked,.db-code-docs .code-details .code,.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]: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-color:var(--db-base-on-enabled);color:var(--db-current-color);background-color:var(--db-base-text-enabled)}.db-checkbox input:enabled:hover:checked,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){background-color:var(--db-base-text-hover)}.db-checkbox input:enabled:active:checked,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){background-color:var(--db-base-text-pressed)}:root,[data-color-variant=base].db-card{--db-current-base-color:var(--db-base-text-enabled);--db-current-color:var(--db-base-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-base-bg-enabled));--db-current-element-color:var(--db-base-element-enabled);--db-current-border-color:var(--db-base-border-enabled);--db-current-border-weak-color:var( --db-base-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-base-bg-enabled));background-color:var(--db-current-bg-color);color:var(--db-current-color)}[data-emphasis=weak]:root,[data-emphasis=weak][data-color-variant=base].db-card{--db-current-color:var(--db-base-on-bg-weak-enabled);color:var(--db-current-color)}.db-badge,.db-tag:has(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a) a,.db-tag:has(label,button:not(.db-tab-remove-button),a) db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a) dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a) label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a) label:has(input[type=radio]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a):not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a)){--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-base-bg-strong-enabled))}.db-badge[data-variant=neutral][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=neutral][data-emphasis=strong],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=neutral][data-emphasis=strong],.db-tooltip[data-emphasis=strong],code,pre:has(code){--db-current-color:var(--db-neutral-on-enabled);color:var(--db-current-color);background-color:var(--db-neutral-text-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){background-color:var(--db-neutral-text-hover)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){background-color:var(--db-neutral-text-pressed)}.db-alert[data-variant=neutral],.db-badge[data-variant=neutral],.db-header-meta-navigation,.db-tag:has(.db-tab-remove-button)[data-variant=neutral],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=neutral],[data-color-variant=neutral].db-card,blockquote,table th,table tr:nth-child(2n){--db-current-base-color:var(--db-neutral-text-enabled);--db-current-color:var(--db-neutral-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-neutral-bg-enabled));--db-current-element-color:var(--db-neutral-element-enabled);--db-current-border-color:var(--db-neutral-border-enabled);--db-current-border-weak-color:var( --db-neutral-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-neutral-bg-enabled))}.db-alert[data-variant=neutral],.db-badge[data-variant=neutral],.db-tag:has(.db-tab-remove-button)[data-variant=neutral],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=neutral],[data-color-variant=neutral].db-card{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-header-meta-navigation,blockquote,table th,table tr:nth-child(2n){color:var(--db-neutral-on-bg-enabled);background-color:color-mix(in srgb,transparent var(--db-bg-transparent,100%),var(--db-current-base-color));background-color:color-mix(in srgb,transparent var(--db-bg-transparent,92%),var(--db-current-base-color))}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){--db-bg-transparent:84%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){--db-bg-transparent:68%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] a[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] db-button>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] dbbutton:not(.db-tab-remove-button)>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] label[data-emphasis=weak]:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral]:not(:has(dbbutton)) button[data-emphasis=weak]:not(.db-tab-remove-button),[data-emphasis=weak].db-alert[data-variant=neutral],[data-emphasis=weak].db-badge[data-variant=neutral],[data-emphasis=weak].db-tag[data-variant=neutral]:has(.db-tab-remove-button),[data-emphasis=weak].db-tag[data-variant=neutral]:not(:has(label,button:not(.db-tab-remove-button),a)),[data-emphasis=weak][data-color-variant=neutral].db-card{--db-current-color:var(--db-neutral-on-bg-weak-enabled);color:var(--db-current-color)}.db-button[data-variant=primary]{--db-current-color:var(--db-brand-on-enabled);color:var(--db-current-color);background-color:var(--db-brand-text-enabled)}.db-button[data-variant=primary]:enabled:hover{background-color:var(--db-brand-text-hover)}.db-button[data-variant=primary]:enabled:active{background-color:var(--db-brand-text-pressed)}[data-color-variant=brand].db-card{--db-current-base-color:var(--db-brand-text-enabled);--db-current-color:var(--db-brand-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-brand-bg-enabled));--db-current-element-color:var(--db-brand-element-enabled);--db-current-border-color:var(--db-brand-border-enabled);--db-current-border-weak-color:var( --db-brand-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-brand-bg-enabled));background-color:var(--db-current-bg-color);color:var(--db-current-color)}[data-emphasis=weak][data-color-variant=brand].db-card{--db-current-color:var(--db-brand-on-bg-weak-enabled);color:var(--db-current-color)}.db-badge[data-variant=critical][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=critical][data-emphasis=strong],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=critical][data-emphasis=strong]{--db-current-color:var(--db-critical-on-enabled);color:var(--db-current-color);background-color:var(--db-critical-text-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){background-color:var(--db-critical-text-hover)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){background-color:var(--db-critical-text-pressed)}.db-alert[data-variant=critical],.db-badge[data-variant=critical],.db-tag:has(.db-tab-remove-button)[data-variant=critical],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=critical],[data-color-variant=critical].db-card{--db-current-base-color:var(--db-critical-text-enabled);--db-current-color:var(--db-critical-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-critical-bg-enabled));--db-current-element-color:var(--db-critical-element-enabled);--db-current-border-color:var(--db-critical-border-enabled);--db-current-border-weak-color:var( --db-critical-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-critical-bg-enabled))}.db-alert[data-variant=critical],.db-badge[data-variant=critical],.db-tag:has(.db-tab-remove-button)[data-variant=critical],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=critical],[data-color-variant=critical].db-card{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){--db-bg-transparent:84%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){--db-bg-transparent:68%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] a[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] db-button>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] dbbutton:not(.db-tab-remove-button)>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] label[data-emphasis=weak]:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical]:not(:has(dbbutton)) button[data-emphasis=weak]:not(.db-tab-remove-button),[data-emphasis=weak].db-alert[data-variant=critical],[data-emphasis=weak].db-badge[data-variant=critical],[data-emphasis=weak].db-tag[data-variant=critical]:has(.db-tab-remove-button),[data-emphasis=weak].db-tag[data-variant=critical]:not(:has(label,button:not(.db-tab-remove-button),a)),[data-emphasis=weak][data-color-variant=critical].db-card{--db-current-color:var(--db-critical-on-bg-weak-enabled);color:var(--db-current-color)}.db-badge[data-variant=successful][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=successful][data-emphasis=strong],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=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-color:var(--db-successful-on-enabled);color:var(--db-current-color);background-color:var(--db-successful-text-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){background-color:var(--db-successful-text-hover)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){background-color:var(--db-successful-text-pressed)}.db-alert[data-variant=successful],.db-badge[data-variant=successful],.db-tag:has(.db-tab-remove-button)[data-variant=successful],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=successful],[data-color-variant=successful].db-card{--db-current-base-color:var(--db-successful-text-enabled);--db-current-color:var(--db-successful-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-successful-bg-enabled));--db-current-element-color:var(--db-successful-element-enabled);--db-current-border-color:var(--db-successful-border-enabled);--db-current-border-weak-color:var( --db-successful-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-successful-bg-enabled))}.db-alert[data-variant=successful],.db-badge[data-variant=successful],.db-tag:has(.db-tab-remove-button)[data-variant=successful],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=successful],[data-color-variant=successful].db-card{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){--db-bg-transparent:84%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){--db-bg-transparent:68%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] a[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] db-button>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] dbbutton:not(.db-tab-remove-button)>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] label[data-emphasis=weak]:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful]:not(:has(dbbutton)) button[data-emphasis=weak]:not(.db-tab-remove-button),[data-emphasis=weak].db-alert[data-variant=successful],[data-emphasis=weak].db-badge[data-variant=successful],[data-emphasis=weak].db-tag[data-variant=successful]:has(.db-tab-remove-button),[data-emphasis=weak].db-tag[data-variant=successful]:not(:has(label,button:not(.db-tab-remove-button),a)),[data-emphasis=weak][data-color-variant=successful].db-card{--db-current-color:var(--db-successful-on-bg-weak-enabled);color:var(--db-current-color)}.db-badge[data-variant=warning][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=warning][data-emphasis=strong],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=warning][data-emphasis=strong],.example-container .example-item .example-sizing .sizing{--db-current-color:var(--db-warning-on-enabled);color:var(--db-current-color);background-color:var(--db-warning-text-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){background-color:var(--db-warning-text-hover)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){background-color:var(--db-warning-text-pressed)}.db-alert[data-variant=warning],.db-badge[data-variant=warning],.db-tag:has(.db-tab-remove-button)[data-variant=warning],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=warning],[data-color-variant=warning].db-card{--db-current-base-color:var(--db-warning-text-enabled);--db-current-color:var(--db-warning-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-warning-bg-enabled));--db-current-element-color:var(--db-warning-element-enabled);--db-current-border-color:var(--db-warning-border-enabled);--db-current-border-weak-color:var( --db-warning-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-warning-bg-enabled))}.db-alert[data-variant=warning],.db-badge[data-variant=warning],.db-tag:has(.db-tab-remove-button)[data-variant=warning],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=warning],[data-color-variant=warning].db-card{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){--db-bg-transparent:84%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){--db-bg-transparent:68%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] a[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] db-button>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] dbbutton:not(.db-tab-remove-button)>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] label[data-emphasis=weak]:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning]:not(:has(dbbutton)) button[data-emphasis=weak]:not(.db-tab-remove-button),[data-emphasis=weak].db-alert[data-variant=warning],[data-emphasis=weak].db-badge[data-variant=warning],[data-emphasis=weak].db-tag[data-variant=warning]:has(.db-tab-remove-button),[data-emphasis=weak].db-tag[data-variant=warning]:not(:has(label,button:not(.db-tab-remove-button),a)),[data-emphasis=weak][data-color-variant=warning].db-card{--db-current-color:var(--db-warning-on-bg-weak-enabled);color:var(--db-current-color)}.db-badge[data-variant=informational][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=informational][data-emphasis=strong],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=informational][data-emphasis=strong]{--db-current-color:var(--db-informational-on-enabled);color:var(--db-current-color);background-color:var(--db-informational-text-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){background-color:var(--db-informational-text-hover)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){background-color:var(--db-informational-text-pressed)}.db-alert[data-variant=informational],.db-badge[data-variant=informational],.db-tag:has(.db-tab-remove-button)[data-variant=informational],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=informational],[data-color-variant=informational].db-card{--db-current-base-color:var(--db-informational-text-enabled);--db-current-color:var(--db-informational-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-informational-bg-enabled));--db-current-element-color:var(--db-informational-element-enabled);--db-current-border-color:var(--db-informational-border-enabled);--db-current-border-weak-color:var( --db-informational-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-informational-bg-enabled))}.db-alert[data-variant=informational],.db-badge[data-variant=informational],.db-tag:has(.db-tab-remove-button)[data-variant=informational],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=informational],[data-color-variant=informational].db-card{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){--db-bg-transparent:84%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){--db-bg-transparent:68%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] a[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] db-button>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] dbbutton:not(.db-tab-remove-button)>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] label[data-emphasis=weak]:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational]:not(:has(dbbutton)) button[data-emphasis=weak]:not(.db-tab-remove-button),[data-emphasis=weak].db-alert[data-variant=informational],[data-emphasis=weak].db-badge[data-variant=informational],[data-emphasis=weak].db-tag[data-variant=informational]:has(.db-tab-remove-button),[data-emphasis=weak].db-tag[data-variant=informational]:not(:has(label,button:not(.db-tab-remove-button),a)),[data-emphasis=weak][data-color-variant=informational].db-card{--db-current-color:var(--db-informational-on-bg-weak-enabled);color:var(--db-current-color)}.db-accordion-item,.db-accordion-item summary,.db-button,.db-checkbox input,.db-input input,.db-radio input,.db-radio input:checked:enabled:hover,.db-select select,.db-tag a,.db-tag button,.db-tag input:checked,.db-tag label:has(input:checked),.db-textarea textarea,.db-textarea textarea::-webkit-scrollbar-button:single-button,.db-textarea textarea::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff))}.db-input[data-label-variant=hidden] label,.db-select[data-label-variant=hidden] label,.db-textarea[data-label-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.5rem;--db-breakpoint-sm:45rem;--db-breakpoint-md:64rem;--db-breakpoint-lg:90rem;--db-breakpoint-xl:120rem}.db-header-meta-navigation,.db-ui-expressive,.db-ui-functional,.db-ui-regular,:root,:root .app-canvas,:root:not(:has(.app-canvas)),[data-tonality=expressive],[data-tonality=functional],[data-tonality=regular],table{--db-icon-font-weight:var(--db-base-icon-weight-md);--db-icon-font-size:var(--db-base-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-input input,.db-input input>*,.db-input[data-label-variant=floating] label,.db-input[data-label-variant=floating] label>*,.db-select [id$=-placeholder],.db-select [id$=-placeholder]>*,.db-select select,.db-select select>*,.db-select[data-label-variant=floating] label,.db-select[data-label-variant=floating] label>*,.db-textarea textarea,.db-textarea textarea>*,.db-textarea[data-label-variant=floating] label,.db-textarea[data-label-variant=floating] label>*{--db-icon-font-weight:var(--db-base-icon-weight-md);--db-icon-font-size:var(--db-base-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,.db-badge .db-icon,.db-badge .db-icon>*,.db-badge>*,.db-badge>*>*,.db-button[data-size=small],.db-button[data-size=small]>*,.db-infotext,.db-infotext>*,.db-input,.db-input>*,.db-input[data-label-variant=floating] [id$=-placeholder],.db-input[data-label-variant=floating] [id$=-placeholder]>*,.db-input[data-label-variant=floating] input,.db-input[data-label-variant=floating] input>*,.db-link[data-size=small],.db-link[data-size=small]>*,.db-select,.db-select>*,.db-select[data-label-variant=floating] [id$=-placeholder],.db-select[data-label-variant=floating] [id$=-placeholder]>*,.db-select[data-label-variant=floating] select,.db-select[data-label-variant=floating] select>*,.db-tag,.db-tag a,.db-tag a>*,.db-tag button,.db-tag button>*,.db-tag label,.db-tag label>*,.db-tag>*,.db-textarea,.db-textarea>*,.db-textarea[data-label-variant=floating] [id$=-placeholder],.db-textarea[data-label-variant=floating] [id$=-placeholder]>*,.db-textarea[data-label-variant=floating] textarea,.db-textarea[data-label-variant=floating] textarea>*,.db-tooltip,.db-tooltip>*,[data-size=small].db-checkbox,[data-size=small].db-checkbox>*,[data-size=small].db-radio,[data-size=small].db-radio>*,code,code>*,div[class^=ch-] div,div[class^=ch-] div>*,div[class^=ch-] span,div[class^=ch-] span>*,small,small>*{--db-icon-font-weight:var(--db-base-icon-weight-sm);--db-icon-font-size:var(--db-base-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-infotext[data-size=small]>*,.db-input label,.db-input label>*,.db-select label,.db-select label>*,.db-textarea label,.db-textarea label>*{--db-icon-font-weight:var(--db-base-icon-weight-xs);--db-icon-font-size:var(--db-base-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[data-size=small],.db-badge[data-size=small] .db-icon,.db-badge[data-size=small]>*,.db-input[data-label-variant=floating]:has(>select option:checked:not([hidden])) label,.db-input[data-label-variant=floating]:has(input:focus-within) label,.db-input[data-label-variant=floating]:has(input:is(input,textarea):not(:placeholder-shown)) label,.db-select[data-label-variant=floating]:has(>select option:checked:not([hidden])) label,.db-select[data-label-variant=floating]:has(select:focus-within) label,.db-select[data-label-variant=floating]:has(select:is(input,textarea):not(:placeholder-shown)) label,.db-textarea[data-label-variant=floating]:has(>select option:checked:not([hidden])) label,.db-textarea[data-label-variant=floating]:has(textarea:focus-within) label,.db-textarea[data-label-variant=floating]:has(textarea:is(input,textarea):not(:placeholder-shown)) label{--db-icon-font-weight:var(--db-base-icon-weight-2xs);--db-icon-font-size:var(--db-base-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-badge[data-size=small] .db-icon>*,.db-badge[data-size=small]>*,.db-badge[data-size=small]>*>*,.db-input[data-label-variant=floating]:has(>select option:checked:not([hidden])) label>*,.db-input[data-label-variant=floating]:has(input:focus-within) label>*,.db-input[data-label-variant=floating]:has(input:is(input,textarea):not(:placeholder-shown)) label>*,.db-select[data-label-variant=floating]:has(>select option:checked:not([hidden])) label>*,.db-select[data-label-variant=floating]:has(select:focus-within) label>*,.db-select[data-label-variant=floating]:has(select:is(input,textarea):not(:placeholder-shown)) label>*,.db-textarea[data-label-variant=floating]:has(>select option:checked:not([hidden])) label>*,.db-textarea[data-label-variant=floating]:has(textarea:focus-within) label>*,.db-textarea[data-label-variant=floating]:has(textarea:is(input,textarea):not(:placeholder-shown)) label>*{--db-icon-font-weight:var(--db-base-icon-weight-2xs);--db-icon-font-size:var(--db-base-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-ui-expressive,[data-tonality=expressive]{--db-input-label-scale:0.55;--db-input-focus-opacity:1;--db-textarea-label-scale:0.55;--db-textarea-focus-opacity:1;--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:45rem){.db-ui-expressive:not([data-force-mobile]),[data-force-mobile=false].db-ui-expressive,[data-force-mobile=false][data-tonality=expressive],[data-tonality=expressive]:not([data-force-mobile]){--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:64rem){.db-ui-expressive:not([data-force-mobile]),[data-force-mobile=false].db-ui-expressive,[data-force-mobile=false][data-tonality=expressive],[data-tonality=expressive]:not([data-force-mobile]){--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-ui-regular,:root .app-canvas,:root:not(:has(.app-canvas)),[data-tonality=regular]{--db-input-label-scale:0.65;--db-input-focus-opacity:1;--db-textarea-label-scale:0.65;--db-textarea-focus-opacity:1;--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:45rem){.db-ui-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-force-mobile=false].db-ui-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-tonality=regular],[data-tonality=regular]:not([data-force-mobile]){--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:64rem){.db-ui-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-force-mobile=false].db-ui-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-tonality=regular],[data-tonality=regular]:not([data-force-mobile]){--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-header-meta-navigation,.db-ui-functional,[data-tonality=functional],table{--db-input-label-scale:1;--db-input-focus-opacity:0;--db-textarea-label-scale:1;--db-textarea-focus-opacity:0;--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:45rem){.db-header-meta-navigation:not([data-force-mobile]),.db-ui-functional:not([data-force-mobile]),[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false].db-ui-functional,[data-force-mobile=false][data-tonality=functional],[data-tonality=functional]:not([data-force-mobile]),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:64rem){.db-header-meta-navigation:not([data-force-mobile]),.db-ui-functional:not([data-force-mobile]),[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false].db-ui-functional,[data-force-mobile=false][data-tonality=functional],[data-tonality=functional]:not([data-force-mobile]),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-ui-expressive,[data-tonality=expressive]{--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-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-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-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-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-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-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)}@media screen and (min-width:45rem){.db-ui-expressive:not([data-force-mobile]),[data-force-mobile=false].db-ui-expressive,[data-force-mobile=false][data-tonality=expressive],[data-tonality=expressive]:not([data-force-mobile]){--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-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-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-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-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-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-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)}}@media screen and (min-width:64rem){.db-ui-expressive:not([data-force-mobile]),[data-force-mobile=false].db-ui-expressive,[data-force-mobile=false][data-tonality=expressive],[data-tonality=expressive]:not([data-force-mobile]){--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-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-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-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-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-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-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-ui-expressive,[data-tonality=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-icon-weight-3xs:var(--db-base-icon-weight-expressive-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-expressive-mobile-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-icon-weight-2xs:var(--db-base-icon-weight-expressive-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-expressive-mobile-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-icon-weight-xs:var(--db-base-icon-weight-expressive-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-expressive-mobile-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-icon-weight-sm:var(--db-base-icon-weight-expressive-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-expressive-mobile-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-icon-weight-md:var(--db-base-icon-weight-expressive-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-expressive-mobile-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-icon-weight-lg:var(--db-base-icon-weight-expressive-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-expressive-mobile-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-icon-weight-xl:var(--db-base-icon-weight-expressive-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-expressive-mobile-xl)}@media screen and (min-width:45rem){.db-ui-expressive:not([data-force-mobile]),[data-force-mobile=false].db-ui-expressive,[data-force-mobile=false][data-tonality=expressive],[data-tonality=expressive]:not([data-force-mobile]){--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-icon-weight-3xs:var(--db-base-icon-weight-expressive-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-expressive-mobile-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-icon-weight-2xs:var(--db-base-icon-weight-expressive-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-expressive-mobile-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-icon-weight-xs:var(--db-base-icon-weight-expressive-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-expressive-mobile-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-icon-weight-sm:var(--db-base-icon-weight-expressive-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-expressive-mobile-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-icon-weight-md:var(--db-base-icon-weight-expressive-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-expressive-mobile-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-icon-weight-lg:var(--db-base-icon-weight-expressive-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-expressive-mobile-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-icon-weight-xl:var(--db-base-icon-weight-expressive-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-expressive-mobile-xl)}}@media screen and (min-width:64rem){.db-ui-expressive:not([data-force-mobile]),[data-force-mobile=false].db-ui-expressive,[data-force-mobile=false][data-tonality=expressive],[data-tonality=expressive]:not([data-force-mobile]){--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-icon-weight-3xs:var(--db-base-icon-weight-expressive-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-expressive-mobile-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-icon-weight-2xs:var(--db-base-icon-weight-expressive-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-expressive-mobile-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-icon-weight-xs:var(--db-base-icon-weight-expressive-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-expressive-mobile-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-icon-weight-sm:var(--db-base-icon-weight-expressive-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-expressive-mobile-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-icon-weight-md:var(--db-base-icon-weight-expressive-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-expressive-mobile-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-icon-weight-lg:var(--db-base-icon-weight-expressive-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-expressive-mobile-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-icon-weight-xl:var(--db-base-icon-weight-expressive-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-expressive-mobile-xl)}}.db-ui-regular,:root .app-canvas,:root:not(:has(.app-canvas)),[data-tonality=regular]{--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-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-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-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-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-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-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)}@media screen and (min-width:45rem){.db-ui-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-force-mobile=false].db-ui-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-tonality=regular],[data-tonality=regular]:not([data-force-mobile]){--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-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-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-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-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-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-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)}}@media screen and (min-width:64rem){.db-ui-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-force-mobile=false].db-ui-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-tonality=regular],[data-tonality=regular]:not([data-force-mobile]){--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-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-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-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-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-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-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-ui-regular,:root .app-canvas,:root:not(:has(.app-canvas)),[data-tonality=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-icon-weight-3xs:var(--db-base-icon-weight-regular-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-regular-mobile-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-icon-weight-2xs:var(--db-base-icon-weight-regular-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-regular-mobile-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-icon-weight-xs:var(--db-base-icon-weight-regular-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-regular-mobile-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-icon-weight-sm:var(--db-base-icon-weight-regular-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-regular-mobile-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-icon-weight-md:var(--db-base-icon-weight-regular-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-regular-mobile-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-icon-weight-lg:var(--db-base-icon-weight-regular-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-regular-mobile-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-icon-weight-xl:var(--db-base-icon-weight-regular-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-regular-mobile-xl)}@media screen and (min-width:45rem){.db-ui-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-force-mobile=false].db-ui-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-tonality=regular],[data-tonality=regular]:not([data-force-mobile]){--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-icon-weight-3xs:var(--db-base-icon-weight-regular-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-regular-mobile-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-icon-weight-2xs:var(--db-base-icon-weight-regular-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-regular-mobile-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-icon-weight-xs:var(--db-base-icon-weight-regular-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-regular-mobile-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-icon-weight-sm:var(--db-base-icon-weight-regular-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-regular-mobile-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-icon-weight-md:var(--db-base-icon-weight-regular-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-regular-mobile-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-icon-weight-lg:var(--db-base-icon-weight-regular-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-regular-mobile-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-icon-weight-xl:var(--db-base-icon-weight-regular-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-regular-mobile-xl)}}@media screen and (min-width:64rem){.db-ui-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-force-mobile=false].db-ui-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-tonality=regular],[data-tonality=regular]:not([data-force-mobile]){--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-icon-weight-3xs:var(--db-base-icon-weight-regular-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-regular-mobile-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-icon-weight-2xs:var(--db-base-icon-weight-regular-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-regular-mobile-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-icon-weight-xs:var(--db-base-icon-weight-regular-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-regular-mobile-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-icon-weight-sm:var(--db-base-icon-weight-regular-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-regular-mobile-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-icon-weight-md:var(--db-base-icon-weight-regular-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-regular-mobile-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-icon-weight-lg:var(--db-base-icon-weight-regular-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-regular-mobile-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-icon-weight-xl:var(--db-base-icon-weight-regular-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-regular-mobile-xl)}}.db-header-meta-navigation,.db-ui-functional,[data-tonality=functional],table{--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-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-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-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-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-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-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)}@media screen and (min-width:45rem){.db-header-meta-navigation:not([data-force-mobile]),.db-ui-functional:not([data-force-mobile]),[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false].db-ui-functional,[data-force-mobile=false][data-tonality=functional],[data-tonality=functional]:not([data-force-mobile]),table:not([data-force-mobile]),table[data-force-mobile=false]{--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-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-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-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-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-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-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)}}@media screen and (min-width:64rem){.db-header-meta-navigation:not([data-force-mobile]),.db-ui-functional:not([data-force-mobile]),[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false].db-ui-functional,[data-force-mobile=false][data-tonality=functional],[data-tonality=functional]:not([data-force-mobile]),table:not([data-force-mobile]),table[data-force-mobile=false]{--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-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-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-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-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-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-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-header-meta-navigation,.db-ui-functional,[data-tonality=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-icon-weight-3xs:var(--db-base-icon-weight-functional-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-functional-mobile-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-icon-weight-2xs:var(--db-base-icon-weight-functional-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-functional-mobile-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-icon-weight-xs:var(--db-base-icon-weight-functional-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-functional-mobile-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-icon-weight-sm:var(--db-base-icon-weight-functional-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-functional-mobile-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-icon-weight-md:var(--db-base-icon-weight-functional-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-functional-mobile-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-icon-weight-lg:var(--db-base-icon-weight-functional-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-functional-mobile-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-icon-weight-xl:var(--db-base-icon-weight-functional-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-functional-mobile-xl)}@media screen and (min-width:45rem){.db-header-meta-navigation:not([data-force-mobile]),.db-ui-functional:not([data-force-mobile]),[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false].db-ui-functional,[data-force-mobile=false][data-tonality=functional],[data-tonality=functional]:not([data-force-mobile]),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-icon-weight-3xs:var(--db-base-icon-weight-functional-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-functional-mobile-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-icon-weight-2xs:var(--db-base-icon-weight-functional-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-functional-mobile-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-icon-weight-xs:var(--db-base-icon-weight-functional-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-functional-mobile-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-icon-weight-sm:var(--db-base-icon-weight-functional-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-functional-mobile-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-icon-weight-md:var(--db-base-icon-weight-functional-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-functional-mobile-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-icon-weight-lg:var(--db-base-icon-weight-functional-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-functional-mobile-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-icon-weight-xl:var(--db-base-icon-weight-functional-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-functional-mobile-xl)}}@media screen and (min-width:64rem){.db-header-meta-navigation:not([data-force-mobile]),.db-ui-functional:not([data-force-mobile]),[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false].db-ui-functional,[data-force-mobile=false][data-tonality=functional],[data-tonality=functional]:not([data-force-mobile]),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-icon-weight-3xs:var(--db-base-icon-weight-functional-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-functional-mobile-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-icon-weight-2xs:var(--db-base-icon-weight-functional-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-functional-mobile-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-icon-weight-xs:var(--db-base-icon-weight-functional-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-functional-mobile-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-icon-weight-sm:var(--db-base-icon-weight-functional-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-functional-mobile-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-icon-weight-md:var(--db-base-icon-weight-functional-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-functional-mobile-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-icon-weight-lg:var(--db-base-icon-weight-functional-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-functional-mobile-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-icon-weight-xl:var(--db-base-icon-weight-functional-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-functional-mobile-xl)}}@font-face{font-family:DB Screen Head;font-style:normal;font-weight:300;src:local("DB Screen Head Light"),local(DB Screen Head),local(DB Head Light),url(/mono/review/fix-color-scheme-modes/_next/static/media/dbscreenhead-light.f43da5c1.woff2) format("woff2")}@font-face{font-family:DB Screen Head;font-style:normal;font-weight:900;src:local(DB Screen Head Black),local(DB Head Black),url(/mono/review/fix-color-scheme-modes/_next/static/media/dbscreenhead-black.8003423d.woff2) format("woff2")}@font-face{font-family:DB Screen Sans;font-style:normal;font-weight:400;src:local("DB Screen Sans Regular"),local(DB Screen Sans),local(DB Sans),url(/mono/review/fix-color-scheme-modes/_next/static/media/dbscreensans-regular.6ef88637.woff2) format("woff2")}@font-face{font-family:DB Screen Sans;font-style:normal;font-weight:700;src:local(DB Screen Sans Bold),local(DB Sans Bold),url(/mono/review/fix-color-scheme-modes/_next/static/media/dbscreensans-bold.97637e71.woff2) format("woff2")}@font-face{font-family:DB Screen Sans Digital;font-style:normal;font-weight:400;src:local("DB Screen Sans Digital Regular"),local(DB Screen Sans Digital),local(DB Sans Digital),url(/mono/review/fix-color-scheme-modes/_next/static/media/dbscreensans-digitalregular.06a7ba06.woff2) format("woff2")}:where(html){line-height:1.15}: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(pre){font-family:monospace,monospace;font-size:1em}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,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}.db-tag a,.db-tag label,.db-textarea textarea::-webkit-scrollbar,.db-textarea textarea::-webkit-scrollbar-corner,.db-textarea[data-label-variant=floating]:has(textarea:focus-within):before,.db-textarea[data-label-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,var(--db-transition-duration-ultra-fast)),background-color var(--db-transition-color,var(--db-transition-duration-medium) var(--db-transition-emotional-timing));transition:outline var(--db-transition-duration-ultra-fast,var(--db-transition-duration-ultra-fast)),background-color var(--db-transition-color,var(--db-transition-duration-medium) var(--db-transition-emotional-timing))}.db-link{transition:outline var(--db-transition-duration-ultra-fast,var(--db-transition-duration-ultra-fast)),color var(--db-transition-color,var(--db-transition-duration-medium) var(--db-transition-emotional-timing))}@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-translate-x,0),var(--db-popover-translate-y,0))}to{opacity:1;transform:translate(0)}}:root{--db-focus-outline-color:var(--db-informational-text-enabled);--db-focus-box-shadow-bg-color:var(--db-base-bg-enabled);--db-focus-box-shadow-on-bg-color:var(--db-current-color,var(--db-base-on-bg-enabled))}body,html{margin:0;padding:0}.app-canvas,.control-pane,body{font-family:var(--db-font-family-sans)}html{box-sizing:var(--db-box-sizing,border-box)}*,: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}:is(a,button,input,textarea,summary,select,[tabindex]:not([tabindex="-1"])):focus-visible{outline:var(--db-border-height-md) var(--db-focus-outline-style,solid) var(--db-focus-outline-color,currentColor);outline-offset:calc(var(--db-border-height-lg) + var(--db-border-height-md));box-shadow:0 0 0 var(--db-border-height-lg) var(--db-focus-box-shadow-bg-color),0 0 0 calc(var(--db-border-height-lg) + var(--db-border-height-md)) var(--db-focus-box-shadow-on-bg-color);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))}:is(a,button,input,textarea,summary,select,[tabindex]:not([tabindex="-1"])):focus-visible:not([type=radio]){border-radius:var(--db-border-radius-md)}:where(ul){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{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)}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)}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)}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)}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)}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)}p{margin-block:var(--db-spacing-fixed-md)}.db-accordion-item summary:after,.db-alert:not([data-icon]):before,.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-select:after,[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{-webkit-alt:"";alt:"";content:var(--db-icon,attr(data-icon));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)}@media aural{.db-accordion-item summary:after,.db-alert:not([data-icon]):before,.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-select:after,[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{content:none}}@media speech{.db-accordion-item summary:after,.db-alert:not([data-icon]):before,.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-select: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-sm) solid var(--db-current-color,var(--db-base-on-bg-enabled))}.db-button[data-variant=primary],.db-button[data-variant=solid],.db-button[data-variant=text],.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-sm) solid transparent}.db-alert,.db-badge,.db-input input,.db-popover,.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-label-variant=floating]:has(textarea:focus-within):after,.db-textarea[data-label-variant=floating]:has(textarea:not(:placeholder-shown)):after,.db-tooltip,.db-tooltip:not([data-variant=basic]):after{border:var(--db-border-height-sm) solid var(--db-current-border-weak-color,var(--db-base-border-weak-enabled))}.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-md)}.db-alert[data-type=inline],.db-card,.db-popover,.db-tooltip{border-radius:var(--default-card-border-radius,var(--db-border-radius-lg));box-shadow:var(--db-elevation-md)}.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,var(--db-base-on-bg-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)}.db-button:enabled:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-button:enabled:active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-button.is-icon-text-replace{font-size:0;padding:0;inline-size:var(--db-sizing-md)}.db-button[data-size=small]{block-size:var(--db-sizing-sm)}.db-button[data-size=small]:not(.is-icon-text-replace){padding:var(--db-spacing-fixed-3xs) var(--db-spacing-fixed-sm)}.db-button[data-size=small]:not(.is-icon-text-replace):before{-webkit-margin-end:var(--db-spacing-fixed-2xs);margin-inline-end:var(--db-spacing-fixed-2xs)}.db-button[data-size=small].is-icon-text-replace{inline-size:var(--db-sizing-sm)}.db-button[data-width=full]{inline-size:100%}.db-button[data-variant=primary]{background-color:var(--db-brand-origin-enabled);color:var(--db-brand-on-enabled)}.db-button[data-variant=primary]:hover{background-color:var(--db-brand-origin-hover)}.db-button[data-variant=primary]:active{background-color:var(--db-brand-origin-pressed)}.db-button[data-variant=solid]{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff))}.db-button:disabled{opacity:var(--db-opacity-sm)}.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;display:flex}.db-icon:before{--db-icon-margin-end:0}@supports(-webkit-hyphens:none){.db-icon{display:inline-block}.db-icon:before{block-size:auto}}.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-border-weak-color,var(--db-base-border-weak-enabled));position:relative;block-size:1px;inline-size:100%}.db-divider:not([data-variant=vertical])[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-divider:not([data-variant=vertical]):before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:1px;inset-block-start:0;inset-inline:0}.db-divider[data-variant=vertical]{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative;block-size:100%;inline-size:1px}.db-divider[data-variant=vertical][data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-divider[data-variant=vertical]:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;inline-size:1px;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{background-color:var(--db-base-bg-enabled);display:flex;flex-direction:column}.db-card>a{text-decoration:none}.db-card[data-spacing=medium]{padding:var(--db-spacing-fixed-lg)}.db-card[data-spacing=small]{padding:var(--db-spacing-fixed-md)}.db-card[data-variant=interactive]{transition:box-shadow .15s var(--db-transition-functional-timing)}.db-card[data-variant=interactive]:hover:not([data-elevation=none]){cursor:pointer;box-shadow:var(--db-elevation-lg)}.db-card[data-variant=interactive]:active:not([data-elevation=none]){box-shadow:var(--db-elevation-sm)}.db-card[data-elevation=none]{box-shadow:none}.db-accordion-item summary:after,.db-input:has(datalist):after,.db-select:after{--db-icon-after:"expand_more";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))}.db-accordion-item summary:after,.db-input:has(datalist):after,.db-select:after{transition:transform var(--db-transition-duration-medium) var(--db-transition-emotional-timing);pointer-events:none}.db-checkbox:has(input:required) label:after,.db-checkbox:has(input:required):is(label):after,.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-checkbox:has(input:not([aria-invalid]):is(:required):valid) input,.db-radio:has(input:not([aria-invalid]):is(:required):valid) input{--db-current-bg-color:var(--db-successful-bg-enabled);--db-current-base-color:var(--db-successful-text-enabled);border-color:var(--db-current-color)}.db-checkbox:has(input:not([aria-invalid]):is(:required):valid) input:is([type=radio]),.db-checkbox:has(input:not([aria-invalid]):is(:required):valid) input:not(:checked),.db-radio:has(input:not([aria-invalid]):is(:required):valid) input:is([type=radio]),.db-radio:has(input:not([aria-invalid]):is(:required):valid) input:not(:checked){--db-current-color:var(--db-successful-text-enabled)}.db-checkbox:has(input:not([aria-invalid]):is(:required):valid) input:checked,.db-radio:has(input:not([aria-invalid]):is(:required):valid) input:checked{--db-base-text-enabled:var(--db-successful-text-enabled);--db-base-text-hover:var(--db-successful-text-hover);--db-base-text-pressed:var(--db-successful-text-pressed)}.db-checkbox:has(input:not([aria-invalid]):is(:required):valid) label,.db-checkbox:has(input:not([aria-invalid]):is(:required):valid):is(label),.db-radio:has(input:not([aria-invalid]):is(:required):valid) label,.db-radio:has(input:not([aria-invalid]):is(:required):valid):is(label){color:var(--db-successful-text-enabled)}@supports not selector(:user-valid){.db-checkbox:has(input:not([aria-invalid]):required:valid) input,.db-radio:has(input:not([aria-invalid]):required:valid) input{--db-current-bg-color:var(--db-successful-bg-enabled);--db-current-base-color:var(--db-successful-text-enabled);border-color:var(--db-current-color)}.db-checkbox:has(input:not([aria-invalid]):required:valid) input:is([type=radio]),.db-checkbox:has(input:not([aria-invalid]):required:valid) input:not(:checked),.db-radio:has(input:not([aria-invalid]):required:valid) input:is([type=radio]),.db-radio:has(input:not([aria-invalid]):required:valid) input:not(:checked){--db-current-color:var(--db-successful-text-enabled)}.db-checkbox:has(input:not([aria-invalid]):required:valid) input:checked,.db-radio:has(input:not([aria-invalid]):required:valid) input:checked{--db-base-text-enabled:var(--db-successful-text-enabled);--db-base-text-hover:var(--db-successful-text-hover);--db-base-text-pressed:var(--db-successful-text-pressed)}.db-checkbox:has(input:not([aria-invalid]):required:valid) label,.db-checkbox:has(input:not([aria-invalid]):required:valid):is(label),.db-radio:has(input:not([aria-invalid]):required:valid) label,.db-radio:has(input:not([aria-invalid]):required:valid):is(label){color:var(--db-successful-text-enabled)}}.db-checkbox:has(input[aria-invalid=false]) input,.db-radio:has(input[aria-invalid=false]) input{--db-current-bg-color:var(--db-successful-bg-enabled);--db-current-base-color:var(--db-successful-text-enabled);border-color:var(--db-current-color)}.db-checkbox:has(input[aria-invalid=false]) input:is([type=radio]),.db-checkbox:has(input[aria-invalid=false]) input:not(:checked),.db-radio:has(input[aria-invalid=false]) input:is([type=radio]),.db-radio:has(input[aria-invalid=false]) input:not(:checked){--db-current-color:var(--db-successful-text-enabled)}.db-checkbox:has(input[aria-invalid=false]) input:checked,.db-radio:has(input[aria-invalid=false]) input:checked{--db-base-text-enabled:var(--db-successful-text-enabled);--db-base-text-hover:var(--db-successful-text-hover);--db-base-text-pressed:var(--db-successful-text-pressed)}.db-checkbox:has(input[aria-invalid=false]) label,.db-checkbox:has(input[aria-invalid=false]):is(label),.db-radio:has(input[aria-invalid=false]) label,.db-radio:has(input[aria-invalid=false]):is(label){color:var(--db-successful-text-enabled)}.db-checkbox:has(input:not([aria-invalid]):is(:required):invalid) input,.db-radio:has(input:not([aria-invalid]):is(:required):invalid) input{--db-current-bg-color:var(--db-critical-bg-enabled);--db-current-base-color:var(--db-critical-text-enabled);border-color:var(--db-current-color)}.db-checkbox:has(input:not([aria-invalid]):is(:required):invalid) input:is([type=radio]),.db-checkbox:has(input:not([aria-invalid]):is(:required):invalid) input:not(:checked),.db-radio:has(input:not([aria-invalid]):is(:required):invalid) input:is([type=radio]),.db-radio:has(input:not([aria-invalid]):is(:required):invalid) input:not(:checked){--db-current-color:var(--db-critical-text-enabled)}.db-checkbox:has(input:not([aria-invalid]):is(:required):invalid) input:checked,.db-radio:has(input:not([aria-invalid]):is(:required):invalid) input:checked{--db-base-text-enabled:var(--db-critical-text-enabled);--db-base-text-hover:var(--db-successful-text-hover);--db-base-text-pressed:var(--db-successful-text-pressed)}.db-checkbox:has(input:not([aria-invalid]):is(:required):invalid) label,.db-checkbox:has(input:not([aria-invalid]):is(:required):invalid):is(label),.db-radio:has(input:not([aria-invalid]):is(:required):invalid) label,.db-radio:has(input:not([aria-invalid]):is(:required):invalid):is(label){color:var(--db-critical-text-enabled)}@supports not selector(:user-invalid){.db-checkbox:has(input:not([aria-invalid]):required:invalid) input,.db-radio:has(input:not([aria-invalid]):required:invalid) input{--db-current-bg-color:var(--db-critical-bg-enabled);--db-current-base-color:var(--db-critical-text-enabled);border-color:var(--db-current-color)}.db-checkbox:has(input:not([aria-invalid]):required:invalid) input:is([type=radio]),.db-checkbox:has(input:not([aria-invalid]):required:invalid) input:not(:checked),.db-radio:has(input:not([aria-invalid]):required:invalid) input:is([type=radio]),.db-radio:has(input:not([aria-invalid]):required:invalid) input:not(:checked){--db-current-color:var(--db-critical-text-enabled)}.db-checkbox:has(input:not([aria-invalid]):required:invalid) input:checked,.db-radio:has(input:not([aria-invalid]):required:invalid) input:checked{--db-base-text-enabled:var(--db-critical-text-enabled);--db-base-text-hover:var(--db-successful-text-hover);--db-base-text-pressed:var(--db-successful-text-pressed)}.db-checkbox:has(input:not([aria-invalid]):required:invalid) label,.db-checkbox:has(input:not([aria-invalid]):required:invalid):is(label),.db-radio:has(input:not([aria-invalid]):required:invalid) label,.db-radio:has(input:not([aria-invalid]):required:invalid):is(label){color:var(--db-critical-text-enabled)}}.db-checkbox:has(input[aria-invalid=true]) input,.db-radio:has(input[aria-invalid=true]) input{--db-current-bg-color:var(--db-critical-bg-enabled);--db-current-base-color:var(--db-critical-text-enabled);border-color:var(--db-current-color)}.db-checkbox:has(input[aria-invalid=true]) input:is([type=radio]),.db-checkbox:has(input[aria-invalid=true]) input:not(:checked),.db-radio:has(input[aria-invalid=true]) input:is([type=radio]),.db-radio:has(input[aria-invalid=true]) input:not(:checked){--db-current-color:var(--db-critical-text-enabled)}.db-checkbox:has(input[aria-invalid=true]) input:checked,.db-radio:has(input[aria-invalid=true]) input:checked{--db-base-text-enabled:var(--db-critical-text-enabled);--db-base-text-hover:var(--db-successful-text-hover);--db-base-text-pressed:var(--db-successful-text-pressed)}.db-checkbox:has(input[aria-invalid=true]) label,.db-checkbox:has(input[aria-invalid=true]):is(label),.db-radio:has(input[aria-invalid=true]) label,.db-radio:has(input[aria-invalid=true]):is(label){color:var(--db-critical-text-enabled)}.db-checkbox:has(input:disabled),.db-radio:has(input:disabled){opacity:var(--db-opacity-md)}.db-checkbox label,.db-checkbox:is(label),.db-radio label,.db-radio:is(label){display:flex;align-items:center;position:relative}.db-checkbox input,.db-radio input{align-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;aspect-ratio:1;-webkit-margin-end:var(--db-spacing-fixed-xs);margin-inline-end:var(--db-spacing-fixed-xs);border:min(calc(var(--db-base-font-size) * var(--db-base-line-height))/16 + .5px,2px) solid;block-size:calc(var(--db-base-font-size)*var(--db-base-line-height));justify-content:center;inline-size:auto;padding:0}.db-checkbox input:enabled:hover,.db-radio input:enabled:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-checkbox input:enabled:active,.db-radio input:enabled:active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}[data-size=small].db-checkbox input,[data-size=small].db-radio input{-webkit-margin-end:var(--db-spacing-fixed-2xs);margin-inline-end:var(--db-spacing-fixed-2xs)}[data-label-variant=hidden].db-checkbox,[data-label-variant=hidden].db-radio{font-size:0}[data-label-variant=hidden].db-checkbox input,[data-label-variant=hidden].db-radio input{-webkit-margin-end:0;margin-inline-end:0}@media(prefers-reduced-motion:reduce){.db-checkbox,.db-radio{transition-duration:.01s!important}}.db-input{--db-form-has-before:0;position:relative;display:flex;flex-direction:column}.db-input[data-label-variant=floating] label{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-label-variant=floating]:after,.db-input[data-label-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-label-variant=floating] [id$=-placeholder]{inset-block-start:calc(50% - .5em + var(--db-spacing-fixed-3xs))}.db-input[data-label-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-label-variant=floating] input+[id$=-placeholder],.db-input[data-label-variant=floating] input::placeholder{transition:none;opacity:0}.db-input[data-label-variant=floating]:has(>select option:checked:not([hidden])) label,.db-input[data-label-variant=floating]:has(input:focus-within) label,.db-input[data-label-variant=floating]:has(input:is(input,textarea):not(:placeholder-shown)) label{inset-block-start:var(--db-spacing-fixed-2xs)}.db-input[data-label-variant=floating]:has(>select option:checked:not([hidden])) input+[id$=-placeholder],.db-input[data-label-variant=floating]:has(>select option:checked:not([hidden])) input::placeholder,.db-input[data-label-variant=floating]:has(input:focus-within) input+[id$=-placeholder],.db-input[data-label-variant=floating]:has(input:focus-within) input::placeholder,.db-input[data-label-variant=floating]:has(input:is(input,textarea):not(:placeholder-shown)) input+[id$=-placeholder],.db-input[data-label-variant=floating]:has(input:is(input,textarea):not(:placeholder-shown)) input::placeholder{transition:opacity var(--db-transition-duration-medium) var(--db-transition-emotional-timing);opacity:var(--db-opacity-md)}.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([aria-invalid]):is(:not([type=text],[type=password],[type=search]),:is([type=text],[type=password],[type=search]):required):user-valid){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-input:has(input:not([aria-invalid]):is(:not([type=text],[type=password],[type=search]),:is([type=text],[type=password],[type=search]):required):user-valid) [id$=-placeholder],.db-input:has(input:not([aria-invalid]):is(:not([type=text],[type=password],[type=search]),:is([type=text],[type=password],[type=search]):required):user-valid) input{color:var(--db-successful-on-bg-enabled)}@supports not selector(:user-valid){.db-input:has(input:not([aria-invalid]):required:valid){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-input:has(input:not([aria-invalid]):required:valid) [id$=-placeholder],.db-input:has(input:not([aria-invalid]):required:valid) input{color:var(--db-successful-on-bg-enabled)}}.db-input:has(input[aria-invalid=false]){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-input:has(input[aria-invalid=false]) [id$=-placeholder],.db-input:has(input[aria-invalid=false]) input{color:var(--db-successful-on-bg-enabled)}.db-input:has(input:not([aria-invalid]):is(:not([type=text],[type=password],[type=search]),:is([type=text],[type=password],[type=search]):required):user-invalid){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-input:has(input:not([aria-invalid]):is(:not([type=text],[type=password],[type=search]),:is([type=text],[type=password],[type=search]):required):user-invalid) [id$=-placeholder],.db-input:has(input:not([aria-invalid]):is(:not([type=text],[type=password],[type=search]),:is([type=text],[type=password],[type=search]):required):user-invalid) input{color:var(--db-critical-on-bg-enabled)}@supports not selector(:user-invalid){.db-input:has(input:not([aria-invalid]):required:invalid){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-input:has(input:not([aria-invalid]):required:invalid) [id$=-placeholder],.db-input:has(input:not([aria-invalid]):required:invalid) input{color:var(--db-critical-on-bg-enabled)}}.db-input:has(input[aria-invalid=true]){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-input:has(input[aria-invalid=true]) [id$=-placeholder],.db-input:has(input[aria-invalid=true]) input{color:var(--db-critical-on-bg-enabled)}.db-input input{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff));-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:enabled:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-input input+[id$=-placeholder],.db-input input::placeholder{opacity:var(--db-opacity-md)}.db-input input:is(input,textarea):-moz-read-only{background-color:var(--db-base-bg-enabled)!important}.db-input input:is(input,textarea):read-only{background-color:var(--db-base-bg-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;opacity:var(--db-opacity-lg);transition:font-size var(--db-transition-duration-medium) var(--db-transition-emotional-timing);max-inline-size:25ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.db-input[data-label-variant=hidden] label{padding:0}.db-input .db-infotext{-webkit-margin-before:var(--db-spacing-fixed-2xs);margin-block-start:var(--db-spacing-fixed-2xs)}.db-input:has(input:disabled){opacity:var(--db-opacity-sm);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[data-variant=neutral]{--db-current-color:var(--db-neutral-on-bg-enabled);--db-current-border-weak-color:var(--db-neutral-border-weak-enabled);--db-current-element-color:var(--db-neutral-element-enabled);--db-current-base-color:var(--db-neutral-text-enabled);--db-current-bg-color:var(--db-neutral-bg-enabled)}.db-input[data-variant=neutral] [id$=-placeholder],.db-input[data-variant=neutral] input{color:var(--db-neutral-on-bg-enabled)}.db-input[data-variant=critical]{--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-input[data-variant=critical] [id$=-placeholder],.db-input[data-variant=critical] input{color:var(--db-critical-on-bg-enabled)}.db-input[data-variant=informational]{--db-current-color:var(--db-informational-on-bg-enabled);--db-current-border-weak-color:var(--db-informational-border-weak-enabled);--db-current-element-color:var(--db-informational-element-enabled);--db-current-base-color:var(--db-informational-text-enabled);--db-current-bg-color:var(--db-informational-bg-enabled)}.db-input[data-variant=informational] [id$=-placeholder],.db-input[data-variant=informational] input{color:var(--db-informational-on-bg-enabled)}.db-input[data-variant=warning]{--db-current-color:var(--db-warning-on-bg-enabled);--db-current-border-weak-color:var(--db-warning-border-weak-enabled);--db-current-element-color:var(--db-warning-element-enabled);--db-current-base-color:var(--db-warning-text-enabled);--db-current-bg-color:var(--db-warning-bg-enabled)}.db-input[data-variant=warning] [id$=-placeholder],.db-input[data-variant=warning] input{color:var(--db-warning-on-bg-enabled)}.db-input[data-variant=successful]{--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-input[data-variant=successful] [id$=-placeholder],.db-input[data-variant=successful] input{color:var(--db-successful-on-bg-enabled)}.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:"search";-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:"cancel";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))}.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))}.db-input:has(input[type=time]):after{--db-icon-after:"schedule";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))}.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) + 1px)}.db-input:has(datalist):has(input:focus):after{transform:rotate(-180deg)}.db-input:has(datalist) input::-webkit-calendar-picker-indicator{display:none!important}.db-brand,.db-brand a{display:flex;gap:var(--db-spacing-fixed-md);align-items:center}.db-brand{font-weight:700}.db-brand a{color:inherit;text-decoration:none}.db-logo{max-inline-size:none;block-size:var(--db-sizing-sm)}.db-header{background-color:var(--db-base-bg-enabled);box-shadow:var(--db-elevation-md);display:flex;flex-direction:column;position:relative;min-block-size:var(--db-sizing-fixed-mobile-header,3.5rem)}@media screen and (min-width:64rem){.db-header:not([data-force-mobile]),.db-header[data-force-mobile=false]{--db-drawer-max-width:45rem}}.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:64rem){.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-border-weak-color,var(--db-base-border-weak-enabled));position:relative;display:flex;flex-direction:column;gap:var(--db-spacing-fixed-sm);justify-content:flex-end;padding:var(--db-spacing-fixed-md)}.db-header-meta-navigation[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-header-meta-navigation:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:1px;inset-block-start:0;inset-inline:0}@media screen and (min-width:64rem){.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}.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:64rem){.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)}@media screen and (min-width:64rem){.db-header-brand-container:not([data-force-mobile]),.db-header-brand-container[data-force-mobile=false]{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative}.db-header-brand-container:not([data-force-mobile])[data-emphasis=strong],.db-header-brand-container[data-force-mobile=false][data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-header-brand-container:not([data-force-mobile]):after,.db-header-brand-container[data-force-mobile=false]:after{content:"";background-color:var(--db-divider-bg-color);position:absolute;inline-size:1px;inset-inline-start:0;inset-block:0;position:inherit;block-size:100%;margin-inline:var(--db-spacing-fixed-sm)}}.db-header-action-container{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative}.db-header-action-container[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-header-action-container:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;inline-size:1px;inset-inline-start:0;inset-block:0;position:inherit;block-size:100%}@media screen and (min-width:64rem){.db-header-action-container:before:not([data-force-mobile]),.db-header-action-container:before[data-force-mobile=false]{-webkit-margin-end:var(--db-spacing-fixed-sm);margin-inline-end:var(--db-spacing-fixed-sm)}}.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-border-weak-color,var(--db-base-border-weak-enabled));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-border-color,var(--db-base-border-enabled))}.db-header-action-bar:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:1px;inset-block-start:0;inset-inline:0}@media screen and (min-width:64rem){.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:64rem){.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}[data-hide-on=mobile]{display:none}@media screen and (min-width:64rem){[data-hide-on=mobile]:not([data-force-mobile]),[data-hide-on=mobile][data-force-mobile=false]{display:inherit}[data-hide-on=desktop]:not([data-force-mobile]),[data-hide-on=desktop][data-force-mobile=false]{display:none}}:root body{margin:0}:root:has(.fixed-header-footer),:root:has(db-page[type=fixedHeaderFooter]){block-size:100%;overflow:hidden}:root:has(.fixed-header-footer) #app,:root:has(.fixed-header-footer) #root,:root:has(.fixed-header-footer) body,:root:has(db-page[type=fixedHeaderFooter]) #app,:root:has(db-page[type=fixedHeaderFooter]) #root,:root:has(db-page[type=fixedHeaderFooter]) body{block-size:100%}.db-page{opacity:0}.db-page[data-fade-in=true]{transition:opacity var(--db-transition-duration-medium) var(--db-transition-emotional-timing)}.db-page:not([data-fonts-loaded]),.db-page[data-fonts-loaded=true]{opacity:1}.db-page.fixed-header-footer{block-size:100%;min-block-size:100%;overflow:hidden;display:flex;flex-direction:column}.db-page.fixed-header-footer footer,.db-page.fixed-header-footer header{display:flex;flex:0 1 auto;flex-grow:0;flex-shrink:0}.db-page.fixed-header-footer main{display:flex;flex-direction:column;overflow:auto;flex:1 1 auto;inline-size:100%}.db-link,.db-link a{display:inline-block;block-size:var(--db-sizing-sm)}.db-link{inline-size:-moz-fit-content;inline-size:fit-content;align-items:center;text-underline-position:from-font;text-decoration-thickness:.0625rem;white-space:nowrap}.db-link:hover{color:color-mix(in srgb,transparent 25%,var(--db-current-color,var(--db-base-on-bg-enabled)))}.db-link:active{color:color-mix(in srgb,transparent 50%,var(--db-current-color,var(--db-base-on-bg-enabled)))}.db-link[aria-disabled=true]{opacity:var(--db-opacity-md);pointer-events:none}.db-link:not([data-variant=inline])[data-content=internal]:after{--db-icon-after:"arrow_forward"}.db-link:not([data-variant=inline])[data-content=external]:after,.db-link:not([data-variant=inline])[data-content=internal]: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))}.db-link:not([data-variant=inline])[data-content=external]:after{--db-icon-after:"link_external"}.db-link:focus-visible{border-radius:var(--db-border-radius-md)}.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=primary]{--db-current-color:var(--db-brand-text-enabled);color:var(--db-current-color)}.db-link[data-variant=primary]:hover{--db-current-color:var(--db-brand-text-hover)}.db-link[data-variant=primary]:active{--db-current-color:var(--db-brand-text-pressed)}.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:64rem){.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:64rem}.db-section>div[data-variant=large]{max-inline-size:90rem}.db-infotext{--db-icon-margin-end:var(--db-spacing-fixed-2xs);display:flex}.db-infotext:not([data-icon]){--db-icon-font-family:"db-ux-solid"}.db-infotext:not([data-icon]):before{--db-icon:"info";-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[data-variant=neutral]{color:var(--db-neutral-text-enabled)}.db-infotext[data-variant=neutral]:before{--db-current-icon-color:var(--db-neutral-element-enabled)}.db-infotext[data-variant=critical]{color:var(--db-critical-text-enabled)}.db-infotext[data-variant=critical]:not([data-icon]):before{--db-icon:"error"}.db-infotext[data-variant=critical]:before{--db-current-icon-color:var(--db-critical-element-enabled)}.db-infotext[data-variant=informational]{color:var(--db-informational-text-enabled)}.db-infotext[data-variant=informational]:not([data-icon]):before{--db-icon:"info"}.db-infotext[data-variant=informational]:before{--db-current-icon-color:var(--db-informational-element-enabled)}.db-infotext[data-variant=warning]{color:var(--db-warning-text-enabled)}.db-infotext[data-variant=warning]:not([data-icon]):before{--db-icon:"warning"}.db-infotext[data-variant=warning]:before{--db-current-icon-color:var(--db-warning-element-enabled)}.db-infotext[data-variant=successful]{color:var(--db-successful-text-enabled)}.db-infotext[data-variant=successful]:not([data-icon]):before{--db-icon:"check_circle"}.db-infotext[data-variant=successful]:before{--db-current-icon-color:var(--db-successful-element-enabled)}.db-alert{grid-template-areas:"icon content close";grid-template-columns:min-content 1fr min-content}.db-alert:has(.db-alert-link){grid-template-areas:"icon content link close";grid-template-columns:min-content 1fr min-content min-content}.db-alert:has(.db-alert-link)[data-force-mobile=true]{grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon content close" "icon link link"}@media screen and (max-width:45rem){.db-alert:has(.db-alert-link){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon content close" "icon link link"}}.db-alert:has(.db-alert-headline){grid-template-columns:min-content 1fr 1fr min-content;grid-template-areas:"icon head head close" "icon content content content"}.db-alert:has(.db-alert-headline)[data-force-mobile=true]{grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head close" "icon content content"}@media screen and (max-width:45rem){.db-alert:has(.db-alert-headline){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head close" "icon content content"}}.db-alert:has(.db-alert-headline):has(.db-alert-link){grid-template-columns:min-content 1fr 1fr min-content min-content;grid-template-areas:"icon head head link close" "icon content content content content"}.db-alert:has(.db-alert-headline):has(.db-alert-link)[data-force-mobile=true]{grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head close" "icon content content" "icon link link"}@media screen and (max-width:45rem){.db-alert:has(.db-alert-headline):has(.db-alert-link){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head close" "icon content content" "icon link link"}}.db-alert{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;text-align:start}.db-alert:not([data-icon]):before{--db-icon:"info";-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-alert db-link,.db-alert dblink{display:inline-flex}.db-alert .db-alert-headline{grid-area:head}.db-alert .db-alert-content{grid-area:content;margin:0}.db-alert .db-alert-link{grid-area:link}.db-alert .db-alert-close{grid-area:close}.db-alert:before,.db-alert[data-icon]:before{--db-icon-margin-end:0;grid-area:icon}.db-alert[data-type=inline][data-elevation=none]{box-shadow:none}.db-alert[data-variant=neutral]:before{--db-current-icon-color:var(--db-neutral-element-enabled)}.db-alert[data-variant=critical]:not([data-icon]):before{--db-icon:"error"}.db-alert[data-variant=critical]:before{--db-current-icon-color:var(--db-critical-element-enabled)}.db-alert[data-variant=informational]:not([data-icon]):before{--db-icon:"info"}.db-alert[data-variant=informational]:before{--db-current-icon-color:var(--db-informational-element-enabled)}.db-alert[data-variant=warning]:not([data-icon]):before{--db-icon:"warning"}.db-alert[data-variant=warning]:before{--db-current-icon-color:var(--db-warning-element-enabled)}.db-alert[data-variant=successful]:not([data-icon]):before{--db-icon:"check_circle"}.db-alert[data-variant=successful]:before{--db-current-icon-color:var(--db-successful-element-enabled)}.db-checkbox input{border-radius:var(--db-border-radius-sm)}.db-checkbox input:before{--db-icon-margin-end:0;position:absolute;inset-inline:0;inset-block:0}.db-checkbox input:checked{border-width:0}.db-checkbox input:checked:before{--db-icon:"done";-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: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 input{border-color:currentColor;border-radius:var(--db-border-radius-3xl);transition:border-width var(--db-transition-duration-fast) var(--db-transition-functional-timing)}.db-radio input:checked{border-width:calc(calc(var(--db-base-font-size) * var(--db-base-line-height))*.3)}.db-code-docs,.db-code-docs.db-card,.db-code-docs>.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-code-docs .code-details,.db-code-docs.db-card .code-details,.db-code-docs>.db-card .code-details{position:absolute;inset-block-end:0;inset-inline-end:0;inline-size:100%;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:0;inset-inline-end:0;z-index:1}.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 .code{overflow:auto;position:absolute;inset-inline-end:0;inset-block:0;-webkit-padding-after:var(--db-spacing-fixed-md);padding-block-end:var(--db-spacing-fixed-md)}@media screen and (min-width:45rem){.db-code-docs .code-details .code:not([data-force-mobile]),.db-code-docs .code-details .code[data-force-mobile=false]{inline-size:50%}}[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]){padding-inline:var(--db-spacing-fixed-2xs)}.db-tag:not([data-no-text=true]):has(.db-tab-remove-button){-webkit-padding-start:var(--db-spacing-fixed-2xs);padding-inline-start:var(--db-spacing-fixed-2xs);-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)[data-variant=neutral]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=neutral][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=neutral][data-emphasis=strong]),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=neutral]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=neutral][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=neutral][data-emphasis=strong]){--db-current-border-color:var(--db-neutral-border-weak-enabled)}.db-tag:has(.db-tab-remove-button)[data-variant=critical]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=critical][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=critical][data-emphasis=strong]),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=critical]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=critical][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=critical][data-emphasis=strong]){--db-current-border-color:var(--db-critical-border-weak-enabled)}.db-tag:has(.db-tab-remove-button)[data-variant=informational]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=informational][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=informational][data-emphasis=strong]),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=informational]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=informational][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=informational][data-emphasis=strong]){--db-current-border-color:var(--db-informational-border-weak-enabled)}.db-tag:has(.db-tab-remove-button)[data-variant=warning]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=warning][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=warning][data-emphasis=strong]),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=warning]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=warning][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=warning][data-emphasis=strong]){--db-current-border-color:var(--db-warning-border-weak-enabled)}.db-tag:has(.db-tab-remove-button)[data-variant=successful]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=successful][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=successful][data-emphasis=strong]),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=successful]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=successful][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=successful][data-emphasis=strong]){--db-current-border-color:var(--db-successful-border-weak-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{-webkit-padding-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));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))}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:has(input:checked,a,button){--db-current-icon-color:var(--db-base-on-enabled);--db-current-color:var(--db-base-on-enabled);color:var(--db-current-color)}.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:not(:checked)){--db-current-base-color-alpha:100%}.db-tag label:has(input:checked){border-width:var(--db-border-height-sm)}.db-tag label:has(input:checked):before{content:none}.db-tag label input{display:none}.db-tag a{display:inline-flex;text-decoration:none}.db-tag a:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-tag a:active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-tag a:after{--db-icon-margin-start:0;content:""!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 button:enabled:hover,.db-tag input:checked:enabled:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-tag button:enabled:active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-tag button,.db-tag label:has(input:checked){background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff))}.db-tag button:enabled:hover,.db-tag label:has(input:checked):enabled:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-tag button:enabled:active,.db-tag label:has(input:checked):enabled:active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-tag:not([data-emphasis=strong]) label:has(input[type=radio]:checked):enabled:active,.db-tag:not([data-emphasis=strong]) label:has(input[type=radio]:checked):enabled:hover{--db-current-base-color-alpha:92%}.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-md)}.db-tag a,.db-tag button{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff))}.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:var(--db-opacity-sm);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:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));-webkit-margin-start:var(--db-spacing-fixed-2xs);margin-inline-start:var(--db-spacing-fixed-2xs);block-size:100%}dialog:not([data-backdrop=none])::-webkit-backdrop{background-color:var(--db-current-color,var(--db-base-on-bg-enabled,#242629));opacity:.64}dialog:not([data-backdrop=none])::backdrop{background-color:var(--db-current-color,var(--db-base-on-bg-enabled,#242629));opacity:.64}dialog[data-backdrop=weak]::-webkit-backdrop{background-color:var(--db-current-color,var(--db-base-on-bg-enabled,#242629));opacity:.32}dialog[data-backdrop=weak]::backdrop{background-color:var(--db-current-color,var(--db-base-on-bg-enabled,#242629));opacity:.32}dialog[data-backdrop]{position:fixed;inset:0;z-index:9995}dialog{padding:0;margin:0;border:0;z-index:9996;color:inherit}.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-lg);border-end-start-radius:var(--db-border-radius-lg)}.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-lg);border-end-end-radius:var(--db-border-radius-lg)}.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-lg);border-start-start-radius:var(--db-border-radius-lg)}.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-lg);border-end-start-radius:var(--db-border-radius-lg)}.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-base-bg-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-border-weak-color,var(--db-base-border-weak-enabled));position:relative;display:none}.db-drawer .db-drawer-container .db-drawer-header[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-drawer .db-drawer-container .db-drawer-header:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:1px;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-show-straight)}.db-drawer[open] .db-drawer-container[data-direction=left]{animation:show-left-to-right var(--db-transition-show-straight)}.db-drawer[open] .db-drawer-container[data-direction=up]{animation:show-bottom-to-top var(--db-transition-show-straight)}.db-drawer[open] .db-drawer-container[data-direction=down]{animation:show-top-to-bottom var(--db-transition-show-straight)}.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-hide-straight)}.db-drawer[open] .db-drawer-container[hidden][data-direction=left]{animation:hide-left-to-right var(--db-transition-hide-straight)}.db-drawer[open] .db-drawer-container[hidden][data-direction=up]{animation:hide-bottom-to-top var(--db-transition-hide-straight)}.db-drawer[open] .db-drawer-container[hidden][data-direction=down]{animation:hide-top-to-bottom var(--db-transition-hide-straight)}[data-icon].db-select{--db-form-has-before:1}.db-select:has(select:focus-within):after{transform:rotate(-180deg)}.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;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-label-variant=floating] label{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-label-variant=floating]:after,.db-select[data-label-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-label-variant=floating] [id$=-placeholder]{inset-block-start:calc(50% - .5em + var(--db-spacing-fixed-3xs))}.db-select[data-label-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-label-variant=floating] select+[id$=-placeholder],.db-select[data-label-variant=floating] select::placeholder{transition:none;opacity:0}.db-select[data-label-variant=floating]:has(>select option:checked:not([hidden])) label,.db-select[data-label-variant=floating]:has(select:focus-within) label,.db-select[data-label-variant=floating]:has(select:is(input,textarea):not(:placeholder-shown)) label{inset-block-start:var(--db-spacing-fixed-2xs)}.db-select[data-label-variant=floating]:has(>select option:checked:not([hidden])) select+[id$=-placeholder],.db-select[data-label-variant=floating]:has(>select option:checked:not([hidden])) select::placeholder,.db-select[data-label-variant=floating]:has(select:focus-within) select+[id$=-placeholder],.db-select[data-label-variant=floating]:has(select:focus-within) select::placeholder,.db-select[data-label-variant=floating]:has(select:is(input,textarea):not(:placeholder-shown)) select+[id$=-placeholder],.db-select[data-label-variant=floating]:has(select:is(input,textarea):not(:placeholder-shown)) select::placeholder{transition:opacity var(--db-transition-duration-medium) var(--db-transition-emotional-timing);opacity:var(--db-opacity-md)}.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([aria-invalid]):is(:required):valid){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-select:has(select:not([aria-invalid]):is(:required):valid) [id$=-placeholder],.db-select:has(select:not([aria-invalid]):is(:required):valid) select{color:var(--db-successful-on-bg-enabled)}@supports not selector(:user-valid){.db-select:has(select:not([aria-invalid]):required:valid){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-select:has(select:not([aria-invalid]):required:valid) [id$=-placeholder],.db-select:has(select:not([aria-invalid]):required:valid) select{color:var(--db-successful-on-bg-enabled)}}.db-select:has(select[aria-invalid=false]){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-select:has(select[aria-invalid=false]) [id$=-placeholder],.db-select:has(select[aria-invalid=false]) select{color:var(--db-successful-on-bg-enabled)}.db-select:has(select:not([aria-invalid]):is(:required):invalid){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-select:has(select:not([aria-invalid]):is(:required):invalid) [id$=-placeholder],.db-select:has(select:not([aria-invalid]):is(:required):invalid) select{color:var(--db-critical-on-bg-enabled)}@supports not selector(:user-invalid){.db-select:has(select:not([aria-invalid]):required:invalid){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-select:has(select:not([aria-invalid]):required:invalid) [id$=-placeholder],.db-select:has(select:not([aria-invalid]):required:invalid) select{color:var(--db-critical-on-bg-enabled)}}.db-select:has(select[aria-invalid=true]){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-select:has(select[aria-invalid=true]) [id$=-placeholder],.db-select:has(select[aria-invalid=true]) select{color:var(--db-critical-on-bg-enabled)}.db-select select{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff));-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:enabled:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-select select+[id$=-placeholder],.db-select select::placeholder{opacity:var(--db-opacity-md)}.db-select select:is(input,textarea):-moz-read-only{background-color:var(--db-base-bg-enabled)!important}.db-select select:is(input,textarea):read-only{background-color:var(--db-base-bg-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;opacity:var(--db-opacity-lg);transition:font-size var(--db-transition-duration-medium) var(--db-transition-emotional-timing);max-inline-size:25ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.db-select[data-label-variant=hidden] label{padding:0}.db-select .db-infotext{-webkit-margin-before:var(--db-spacing-fixed-2xs);margin-block-start:var(--db-spacing-fixed-2xs)}.db-select:has(select:disabled){opacity:var(--db-opacity-sm);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[data-variant=neutral]{--db-current-color:var(--db-neutral-on-bg-enabled);--db-current-border-weak-color:var(--db-neutral-border-weak-enabled);--db-current-element-color:var(--db-neutral-element-enabled);--db-current-base-color:var(--db-neutral-text-enabled);--db-current-bg-color:var(--db-neutral-bg-enabled)}.db-select[data-variant=neutral] [id$=-placeholder],.db-select[data-variant=neutral] select{color:var(--db-neutral-on-bg-enabled)}.db-select[data-variant=critical]{--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-select[data-variant=critical] [id$=-placeholder],.db-select[data-variant=critical] select{color:var(--db-critical-on-bg-enabled)}.db-select[data-variant=informational]{--db-current-color:var(--db-informational-on-bg-enabled);--db-current-border-weak-color:var(--db-informational-border-weak-enabled);--db-current-element-color:var(--db-informational-element-enabled);--db-current-base-color:var(--db-informational-text-enabled);--db-current-bg-color:var(--db-informational-bg-enabled)}.db-select[data-variant=informational] [id$=-placeholder],.db-select[data-variant=informational] select{color:var(--db-informational-on-bg-enabled)}.db-select[data-variant=warning]{--db-current-color:var(--db-warning-on-bg-enabled);--db-current-border-weak-color:var(--db-warning-border-weak-enabled);--db-current-element-color:var(--db-warning-element-enabled);--db-current-base-color:var(--db-warning-text-enabled);--db-current-bg-color:var(--db-warning-bg-enabled)}.db-select[data-variant=warning] [id$=-placeholder],.db-select[data-variant=warning] select{color:var(--db-warning-on-bg-enabled)}.db-select[data-variant=successful]{--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-select[data-variant=successful] [id$=-placeholder],.db-select[data-variant=successful] select{color:var(--db-successful-on-bg-enabled)}.db-select select{block-size:var(--db-sizing-md);text-overflow:ellipsis;text-indent:calc(var(--db-form-has-before)*(var(--db-base-icon-font-size-sm) + var(--db-spacing-fixed-sm)))}.db-select option{background-color:var(--db-current-bg-color)}.db-select[data-label-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-ui-functional, 0)*1px);inset-inline:calc(var(--db-form-has-before)*(var(--db-base-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-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:64rem){.db-navigation-item:not([data-force-mobile]):after,[data-force-mobile=false].db-navigation-item:after{-webkit-border-start:none;border-inline-start:none;-webkit-border-after:var(--db-border-height-lg) solid var(--db-brand-origin-enabled);border-block-end:var(--db-border-height-lg) solid var(--db-brand-origin-enabled);inset-block-end:calc(-1*var(--db-spacing-fixed-xs));inline-size:0;block-size:auto;inset-inline-start:50%;inset-block-start:auto;transform:translate(-50%)}}.db-navigation-item:after{content:"";position:absolute;border-radius:var(--db-border-radius-md);transition:height .15s var(--db-transition-emotional-timing),width .15s var(--db-transition-emotional-timing);block-size:0;transform:translateY(-50%);inset-block-start:50%;inset-inline-start:calc(-1*var(--db-spacing-fixed-xs));-webkit-border-start:var(--db-border-height-lg) solid var(--db-brand-origin-enabled);border-inline-start:var(--db-border-height-lg) solid var(--db-brand-origin-enabled)}@media screen and (min-width:64rem){.db-main-navigation>menu .db-navigation-item[aria-current=page]:not([data-force-mobile]):after,.db-main-navigation>menu [data-force-mobile=false].db-navigation-item[aria-current=page]:after{block-size:auto;inline-size:100%}}.db-main-navigation>menu .db-navigation-item[aria-current=page]:after{block-size:100%}@media screen and (min-width:64rem){.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:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));cursor:pointer;inline-size:100%;display:inline-flex;border-radius:var(--db-border-radius-lg);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:has(~.db-sub-navigation:hover):is(button),.db-navigation-item .db-navigation-item-expand-button:hover:is(button),.db-navigation-item .db-navigation-item-expand-button>button:has(~.db-sub-navigation:hover),.db-navigation-item .db-navigation-item-expand-button>button:hover,.db-navigation-item a:has(~.db-sub-navigation:hover),.db-navigation-item a:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-navigation-item .db-navigation-item-expand-button:active:is(button),.db-navigation-item .db-navigation-item-expand-button>button:active,.db-navigation-item a:active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-navigation-item .db-navigation-item-expand-button:is(button):after,.db-navigation-item .db-navigation-item-expand-button>button:after,.db-navigation-item a:after{--db-icon-margin-start:auto}.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{-webkit-padding-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));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))}.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-show-straight)}.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-hide-straight)}@media screen and (max-width:64rem){.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-show-straight)}.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-hide-straight)}}.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))}.db-navigation-item[aria-current=page]{font-weight:700}.db-navigation-item:not([aria-current=page]){font-weight:400}.db-navigation-item[data-width=full]{inline-size:100%}.db-navigation-item[data-width=full]:after{--db-icon-margin-start:auto}.db-navigation-item[aria-disabled=true]{opacity:var(--db-opacity-sm);pointer-events:none}.db-sub-navigation{margin:0;display:flex;flex-direction:column;z-index:70;inset-inline-start:0;background-color:var(--db-base-bg-enabled);visibility:hidden}.db-sub-navigation[data-force-mobile=true]{padding:var(--db-spacing-fixed-md);inline-size:100%;position:fixed;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:64rem){.db-sub-navigation{padding:var(--db-spacing-fixed-md);inline-size:100%;position:fixed;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:64rem){.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-lg);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}}@media screen and (min-width:64rem){.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:before,.db-sub-navigation[data-force-mobile=false] .db-sub-navigation:before{content:"";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: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-border-weak-color,var(--db-base-border-weak-enabled));position:relative;display:flex;font-weight:400;background-color:var(--db-base-bg-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-border-color,var(--db-base-border-enabled))}.db-mobile-navigation-back:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:1px;inset-block-end:0;inset-inline:0}.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 textarea::-webkit-scrollbar{z-index:3;inline-size:.75rem;background-color:var(--db-base-bg-enabled);border-start-end-radius:var(--db-border-radius-md)}.db-textarea textarea:hover::-webkit-scrollbar-button:single-button,.db-textarea textarea:hover::-webkit-scrollbar-track{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-textarea textarea:read-only::-webkit-scrollbar-button:single-button,.db-textarea textarea:read-only::-webkit-scrollbar-track{background-color:var(--db-base-bg-enabled)!important}.db-textarea textarea::-webkit-scrollbar-track{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff))}.db-textarea textarea::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-textarea textarea::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-textarea textarea::-webkit-scrollbar-thumb:active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-textarea textarea::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,68%),var(--db-current-base-color,#fff))}.db-textarea textarea::-webkit-scrollbar-thumb:active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,60%),var(--db-current-base-color,#fff))}.db-textarea textarea::-webkit-scrollbar-button:single-button{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff));background-size:.75rem;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-textarea textarea::-webkit-scrollbar-button:single-button:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-textarea textarea::-webkit-scrollbar-button:single-button:active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-textarea textarea::-webkit-scrollbar-button:single-button:vertical:decrement{background-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwLjQ3MiA4LjY5Ni0zLjUzMiAzLjUzNGEuOTk4Ljk5OCAwIDEgMSAtMS40MTMtMS40MTNsMi44MjUtMi44MjUtMi44MjUtMi44MjVhLjk5OC45OTggMCAxIDEgMS40MTMtMS40MTNsMy41MzIgMy41MzJhLjk5OS45OTkgMCAwIDEgMCAxLjQxMnoiIGZpbGw9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJtYXRyaXgoMCAtMSAtMSAwIDE1Ljk5IDE1Ljk5KSIvPjwvc3ZnPg0K")}.db-textarea textarea::-webkit-scrollbar-button:single-button:vertical:increment{background-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwLjQ3MiA4LjY5Ni0zLjUzMiAzLjUzNGEuOTk4Ljk5OCAwIDEgMSAtMS40MTMtMS40MTNsMi44MjUtMi44MjUtMi44MjUtMi44MjVhLjk5OC45OTggMCAxIDEgMS40MTMtMS40MTNsMy41MzIgMy41MzJhLjk5OS45OTkgMCAwIDEgMCAxLjQxMnoiIGZpbGw9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJtYXRyaXgoMCAxIC0xIDAgMTUuOTkxIC0uMDA5KSIvPjwvc3ZnPg0K")}.db-textarea textarea[data-label-variant=floating]::-webkit-resizer{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff))}.db-textarea textarea[data-label-variant=floating]::-webkit-scrollbar-corner{background-color:var(--db-base-bg-enabled)}.db-textarea textarea::-webkit-resizer{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));background-size:.75rem;background-repeat:no-repeat;background-position:50%;background-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTcgMTJjLjUxMjgzNTg0IDAgMSAuNDIxNjY1NyAxIDF2NGMwIC41MTI4MzU4LS40MDc3MzY0OCAxLTEgMWgtNGMtLjQ5MTg3ODUxIDAtMS0uMzkzNTA1Ni0xLTF2LTRjMC0uNTEyODM1OC40MTk1NTA5LTEgMS0xem05LTEwYzEuMDU0MzYxOCAwIDIgLjg2MzcwOTk2IDIgMnYxMGMwIDEuMDU0MzYxOC0uODY5Mjg3MyAyLTIgMmgtNS41Yy0uNTUyMjg0NzUgMC0xLS40NDc3MTUzLTEtMSAwLS41MTI4MzU4LjQxMTE0NTUtMSAxLTFoNS41di0xMGgtMTB2NS41YzAgLjU1MjI4NDctLjQ0NzcxNTI1IDEtMSAxLS41MTI4MzU4NCAwLTEtLjQyNzUyOTYtMS0xdi01LjVjMC0xLjA1NDM2MTguODM1MjM3ODctMiAyLTJ6bS0xMCAxMmgtMnYyaDJ6IiBmaWxsPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==")}.db-textarea textarea::-webkit-resizer,.db-textarea textarea::-webkit-scrollbar-corner{border-end-end-radius:var(--db-border-radius-md)}.db-textarea{--db-form-has-before:0;position:relative;display:flex;flex-direction:column}.db-textarea[data-label-variant=floating] label{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-label-variant=floating]:after,.db-textarea[data-label-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-label-variant=floating] [id$=-placeholder]{inset-block-start:calc(50% - .5em + var(--db-spacing-fixed-3xs))}.db-textarea[data-label-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-label-variant=floating] textarea+[id$=-placeholder],.db-textarea[data-label-variant=floating] textarea::placeholder{transition:none;opacity:0}.db-textarea[data-label-variant=floating]:has(>select option:checked:not([hidden])) label,.db-textarea[data-label-variant=floating]:has(textarea:focus-within) label,.db-textarea[data-label-variant=floating]:has(textarea:is(input,textarea):not(:placeholder-shown)) label{inset-block-start:var(--db-spacing-fixed-2xs)}.db-textarea[data-label-variant=floating]:has(>select option:checked:not([hidden])) textarea+[id$=-placeholder],.db-textarea[data-label-variant=floating]:has(>select option:checked:not([hidden])) textarea::placeholder,.db-textarea[data-label-variant=floating]:has(textarea:focus-within) textarea+[id$=-placeholder],.db-textarea[data-label-variant=floating]:has(textarea:focus-within) textarea::placeholder,.db-textarea[data-label-variant=floating]:has(textarea:is(input,textarea):not(:placeholder-shown)) textarea+[id$=-placeholder],.db-textarea[data-label-variant=floating]:has(textarea:is(input,textarea):not(:placeholder-shown)) textarea::placeholder{transition:opacity var(--db-transition-duration-medium) var(--db-transition-emotional-timing);opacity:var(--db-opacity-md)}.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([aria-invalid]):is(:required):user-valid){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-textarea:has(textarea:not([aria-invalid]):is(:required):user-valid) [id$=-placeholder],.db-textarea:has(textarea:not([aria-invalid]):is(:required):user-valid) textarea{color:var(--db-successful-on-bg-enabled)}@supports not selector(:user-valid){.db-textarea:has(textarea:not([aria-invalid]):required:valid){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-textarea:has(textarea:not([aria-invalid]):required:valid) [id$=-placeholder],.db-textarea:has(textarea:not([aria-invalid]):required:valid) textarea{color:var(--db-successful-on-bg-enabled)}}.db-textarea:has(textarea[aria-invalid=false]){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-textarea:has(textarea[aria-invalid=false]) [id$=-placeholder],.db-textarea:has(textarea[aria-invalid=false]) textarea{color:var(--db-successful-on-bg-enabled)}.db-textarea:has(textarea:not([aria-invalid]):is(:required):user-invalid){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-textarea:has(textarea:not([aria-invalid]):is(:required):user-invalid) [id$=-placeholder],.db-textarea:has(textarea:not([aria-invalid]):is(:required):user-invalid) textarea{color:var(--db-critical-on-bg-enabled)}@supports not selector(:user-invalid){.db-textarea:has(textarea:not([aria-invalid]):required:invalid){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-textarea:has(textarea:not([aria-invalid]):required:invalid) [id$=-placeholder],.db-textarea:has(textarea:not([aria-invalid]):required:invalid) textarea{color:var(--db-critical-on-bg-enabled)}}.db-textarea:has(textarea[aria-invalid=true]){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-textarea:has(textarea[aria-invalid=true]) [id$=-placeholder],.db-textarea:has(textarea[aria-invalid=true]) textarea{color:var(--db-critical-on-bg-enabled)}.db-textarea textarea{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff));-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:enabled:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-textarea textarea+[id$=-placeholder],.db-textarea textarea::placeholder{opacity:var(--db-opacity-md)}.db-textarea textarea:is(input,textarea):-moz-read-only{background-color:var(--db-base-bg-enabled)!important}.db-textarea textarea:is(input,textarea):read-only{background-color:var(--db-base-bg-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;opacity:var(--db-opacity-lg);transition:font-size var(--db-transition-duration-medium) var(--db-transition-emotional-timing);max-inline-size:25ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.db-textarea[data-label-variant=hidden] label{padding:0}.db-textarea .db-infotext{-webkit-margin-before:var(--db-spacing-fixed-2xs);margin-block-start:var(--db-spacing-fixed-2xs)}.db-textarea:has(textarea:disabled){opacity:var(--db-opacity-sm);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[data-variant=neutral]{--db-current-color:var(--db-neutral-on-bg-enabled);--db-current-border-weak-color:var(--db-neutral-border-weak-enabled);--db-current-element-color:var(--db-neutral-element-enabled);--db-current-base-color:var(--db-neutral-text-enabled);--db-current-bg-color:var(--db-neutral-bg-enabled)}.db-textarea[data-variant=neutral] [id$=-placeholder],.db-textarea[data-variant=neutral] textarea{color:var(--db-neutral-on-bg-enabled)}.db-textarea[data-variant=critical]{--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-textarea[data-variant=critical] [id$=-placeholder],.db-textarea[data-variant=critical] textarea{color:var(--db-critical-on-bg-enabled)}.db-textarea[data-variant=informational]{--db-current-color:var(--db-informational-on-bg-enabled);--db-current-border-weak-color:var(--db-informational-border-weak-enabled);--db-current-element-color:var(--db-informational-element-enabled);--db-current-base-color:var(--db-informational-text-enabled);--db-current-bg-color:var(--db-informational-bg-enabled)}.db-textarea[data-variant=informational] [id$=-placeholder],.db-textarea[data-variant=informational] textarea{color:var(--db-informational-on-bg-enabled)}.db-textarea[data-variant=warning]{--db-current-color:var(--db-warning-on-bg-enabled);--db-current-border-weak-color:var(--db-warning-border-weak-enabled);--db-current-element-color:var(--db-warning-element-enabled);--db-current-base-color:var(--db-warning-text-enabled);--db-current-bg-color:var(--db-warning-bg-enabled)}.db-textarea[data-variant=warning] [id$=-placeholder],.db-textarea[data-variant=warning] textarea{color:var(--db-warning-on-bg-enabled)}.db-textarea[data-variant=successful]{--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-textarea[data-variant=successful] [id$=-placeholder],.db-textarea[data-variant=successful] textarea{color:var(--db-successful-on-bg-enabled)}.db-textarea textarea{cursor:auto;overflow-y:scroll;padding-block:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-xs)}.db-textarea[data-label-variant=floating]:has(textarea:focus-within):before,.db-textarea[data-label-variant=floating]:has(textarea:not(:placeholder-shown)):before{border-radius:var(--db-border-radius-md) 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% - .75rem - 1px);inset-inline:0;background-color:var(--db-base-bg-enabled)}.db-textarea[data-label-variant=floating]:has(textarea:focus-within):after,.db-textarea[data-label-variant=floating]:has(textarea:not(:placeholder-shown)):after{border-radius:var(--db-border-radius-md) 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% - .75rem - 1px);inset-inline:0;background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff));z-index:1;-webkit-border-after:none;border-block-end:none;-webkit-border-end:none;border-inline-end:none}.db-textarea[data-label-variant=floating]:has(textarea:focus-within):has(textarea:enabled:hover):after,.db-textarea[data-label-variant=floating]:has(textarea:not(:placeholder-shown)):has(textarea:enabled:hover):after{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-textarea[data-label-variant=floating]:has(textarea:focus-within):has(textarea:-moz-read-only):after,.db-textarea[data-label-variant=floating]:has(textarea:not(:placeholder-shown)):has(textarea:-moz-read-only):after{background-color:var(--db-base-bg-enabled)!important}.db-textarea[data-label-variant=floating]:has(textarea:focus-within):has(textarea:read-only):after,.db-textarea[data-label-variant=floating]:has(textarea:not(:placeholder-shown)):has(textarea:read-only):after{background-color:var(--db-base-bg-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-sm);border-radius:42px;padding-inline:var(--db-spacing-fixed-xs);block-size:-moz-fit-content;block-size:fit-content;inline-size:-moz-fit-content;inline-size:fit-content}.db-badge[data-variant=neutral]:not(.db-badge[data-variant=neutral][data-emphasis=strong]){--db-current-border-color:var(--db-neutral-border-weak-enabled)}.db-badge[data-variant=critical]:not(.db-badge[data-variant=critical][data-emphasis=strong]){--db-current-border-color:var(--db-critical-border-weak-enabled)}.db-badge[data-variant=informational]:not(.db-badge[data-variant=informational][data-emphasis=strong]){--db-current-border-color:var(--db-informational-border-weak-enabled)}.db-badge[data-variant=warning]:not(.db-badge[data-variant=warning][data-emphasis=strong]){--db-current-border-color:var(--db-warning-border-weak-enabled)}.db-badge[data-variant=successful]:not(.db-badge[data-variant=successful][data-emphasis=strong]){--db-current-border-color:var(--db-successful-border-weak-enabled)}.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-2xs)}.db-badge[data-size=small]{--badge-size:var(--db-spacing-fixed-xs);padding-inline:var(--db-spacing-fixed-2xs)}.db-badge[data-size=small]:empty,.db-badge[data-size=small]>span:empty{padding:0}.db-badge[data-size=small]:has(.db-icon){padding:var(--db-spacing-fixed-3xs)}.db-accordion-item{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative;inline-size:100%}.db-accordion-item[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-accordion-item:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:1px;inset-block-start:0;inset-inline:0}.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:last-of-type{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative}.db-accordion-item:last-of-type[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-accordion-item:last-of-type:after{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:1px;inset-block-end:0;inset-inline:0}db-accordion-item:not(:last-of-type) .db-accordion-item:last-of-type:after{content:none}.db-accordion-item[aria-disabled=true]{pointer-events:none;opacity:var(--db-opacity-sm)}.db-accordion-item summary{list-style:none;display:flex;justify-content:space-between;padding:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md)}.db-accordion-item summary:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-accordion-item summary:active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.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-md)}.db-accordion-item[open] summary+div{animation:accordion-open var(--db-transition-duration-medium) var(--db-transition-emotional-timing) normal both}.db-accordion-item[open] summary:after{transform:rotate(-180deg)}.db-main-navigation{-webkit-tap-highlight-color:rgba(0,0,0,0);inline-size:100%}@media screen and (min-width:64rem){.db-main-navigation:not([data-force-mobile]),.db-main-navigation[data-force-mobile=false]{-webkit-tap-highlight-color:inherit;inline-size:auto}}.db-main-navigation>menu{display:flex;flex-direction:column;padding:0;margin:0;gap:var(--db-spacing-fixed-sm)}@media screen and (min-width:64rem){.db-main-navigation>menu:not([data-force-mobile]),.db-main-navigation>menu[data-force-mobile=false]{flex-direction:row}}@media screen and (min-width:64rem){.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):after,.db-main-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:"expand_more";transition:transform var(--db-transition-duration-medium) var(--db-transition-emotional-timing)}.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):focus-visible:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:focus-visible):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:focus-within):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):hover:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:focus-visible:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:focus-visible):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:focus-within):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:hover:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):focus-visible:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:focus-visible):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:focus-within):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):hover:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:focus-visible:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:focus-visible):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:focus-within):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:hover):after,.db-main-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:64rem){.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):after,.db-main-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-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):focus-visible:after,.db-main-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-main-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-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):hover:after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:focus-visible:after,.db-main-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-main-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-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:hover:after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):focus-visible:after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:focus-visible):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:focus-within):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):hover:after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:focus-visible:after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:focus-visible):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:focus-within):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:hover:after{transform:none}}.db-main-navigation>menu .db-navigation-item[aria-current=page] menu [aria-current=page]:after{display:none}.db-popover:not([data-placement]),.db-tooltip:not([data-placement]),[data-placement^=bottom].db-popover,[data-placement^=bottom].db-tooltip{--db-popover-distance:var(--db-spacing-fixed-md);inset-block-start:calc(100% + 2px + var(--db-popover-distance)*var(--db-popover-gap, 0))}.db-tooltip:not([data-placement]):is(.db-tooltip),[data-placement^=bottom].db-tooltip:is(.db-tooltip){--db-popover-distance:var(--db-spacing-fixed-xs)}.db-popover:not([data-placement])[data-placement$=end],.db-tooltip:not([data-placement])[data-placement$=end],[data-placement^=bottom][data-placement$=end].db-popover,[data-placement^=bottom][data-placement$=end].db-tooltip{inset-inline-end:0}.db-popover:not([data-placement])[data-placement$=start],.db-tooltip:not([data-placement])[data-placement$=start],[data-placement^=bottom][data-placement$=start].db-popover,[data-placement^=bottom][data-placement$=start].db-tooltip{inset-inline-start:0}.db-popover:not([data-placement])[data-gap=true],.db-tooltip:not([data-placement]):is(.db-tooltip),[data-placement^=bottom].db-tooltip:is(.db-tooltip),[data-placement^=bottom][data-gap=true].db-popover{--db-popover-gap:1}.db-popover:not([data-placement])[data-gap=true]:before,.db-tooltip:not([data-placement]):is(.db-tooltip):before,[data-placement^=bottom].db-tooltip:is(.db-tooltip):before,[data-placement^=bottom][data-gap=true].db-popover:before{content:"";position:absolute;inset-inline-start:0;inline-size:100%;block-size:calc(2px + var(--db-popover-distance));inset-block-start:calc(-1*var(--db-popover-distance) - 2px)}[data-placement^=right].db-popover,[data-placement^=right].db-tooltip{--db-popover-distance:var(--db-spacing-fixed-md);inset-inline-start:calc(100% + 2px + var(--db-popover-distance)*var(--db-popover-gap, 0))}[data-placement^=right].db-tooltip:is(.db-tooltip){--db-popover-distance:var(--db-spacing-fixed-xs)}[data-placement^=right][data-placement$=end].db-popover,[data-placement^=right][data-placement$=end].db-tooltip{inset-block-end:0}[data-placement^=right][data-placement$=start].db-popover,[data-placement^=right][data-placement$=start].db-tooltip{inset-block-start:0}[data-placement^=right].db-tooltip:is(.db-tooltip),[data-placement^=right][data-gap=true].db-popover{--db-popover-gap:1}[data-placement^=right].db-tooltip:is(.db-tooltip):before,[data-placement^=right][data-gap=true].db-popover:before{content:"";position:absolute;inset-block-start:0;block-size:100%;inline-size:calc(2px + var(--db-popover-distance));inset-inline-start:calc(-1*var(--db-popover-distance) - 2px)}[data-placement^=left].db-popover,[data-placement^=left].db-tooltip{--db-popover-distance:var(--db-spacing-fixed-md);inset-inline-end:calc(100% + 2px + var(--db-popover-distance)*var(--db-popover-gap, 0))}[data-placement^=left].db-tooltip:is(.db-tooltip){--db-popover-distance:var(--db-spacing-fixed-xs)}[data-placement^=left][data-placement$=end].db-popover,[data-placement^=left][data-placement$=end].db-tooltip{inset-block-end:0}[data-placement^=left][data-placement$=start].db-popover,[data-placement^=left][data-placement$=start].db-tooltip{inset-block-start:0}[data-placement^=left].db-tooltip:is(.db-tooltip),[data-placement^=left][data-gap=true].db-popover{--db-popover-gap:1}[data-placement^=left].db-tooltip:is(.db-tooltip):before,[data-placement^=left][data-gap=true].db-popover:before{content:"";position:absolute;inset-block-end:0;block-size:100%;inline-size:calc(2px + var(--db-popover-distance));inset-inline-end:calc(-1*var(--db-popover-distance) - 2px)}[data-placement^=top].db-popover,[data-placement^=top].db-tooltip{--db-popover-distance:var(--db-spacing-fixed-md);inset-block-end:calc(100% + 2px + var(--db-popover-distance)*var(--db-popover-gap, 0))}[data-placement^=top].db-tooltip:is(.db-tooltip){--db-popover-distance:var(--db-spacing-fixed-xs)}[data-placement^=top][data-placement$=end].db-popover,[data-placement^=top][data-placement$=end].db-tooltip{inset-inline-end:0}[data-placement^=top][data-placement$=start].db-popover,[data-placement^=top][data-placement$=start].db-tooltip{inset-inline-start:0}[data-placement^=top].db-tooltip:is(.db-tooltip),[data-placement^=top][data-gap=true].db-popover{--db-popover-gap:1}[data-placement^=top].db-tooltip:is(.db-tooltip):before,[data-placement^=top][data-gap=true].db-popover:before{content:"";position:absolute;inset-inline-end:0;inline-size:100%;block-size:calc(2px + var(--db-popover-distance));inset-block-end:calc(-1*var(--db-popover-distance) - 2px)}.db-popover[data-open=true],:has(>.db-popover:not([data-open])):focus .db-popover:first-of-type,:has(>.db-popover:not([data-open])):hover .db-popover:first-of-type,:has(>.db-tooltip:not([data-open])):focus .db-tooltip:first-of-type,:has(>.db-tooltip:not([data-open])):hover .db-tooltip:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus .db-popover:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover .db-popover:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus .db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover .db-tooltip:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus .db-popover:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover .db-popover:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus .db-tooltip:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover .db-tooltip:first-of-type{visibility:visible}.db-popover[data-open=true]:not([data-placement]),:has(>.db-popover:not([data-open])):focus .db-popover:not([data-placement]):first-of-type,:has(>.db-popover:not([data-open])):focus [data-placement^=bottom].db-popover:first-of-type,:has(>.db-popover:not([data-open])):hover .db-popover:not([data-placement]):first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=bottom].db-popover:first-of-type,:has(>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:first-of-type,:has(>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus .db-popover:not([data-placement]):first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=bottom].db-popover:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover .db-popover:not([data-placement]):first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=bottom].db-popover:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus .db-popover:not([data-placement]):first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=bottom].db-popover:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover .db-popover:not([data-placement]):first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=bottom].db-popover:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:first-of-type,[data-placement^=bottom].db-popover[data-open=true]{--db-popover-translate-y:-25%}.db-popover[data-open=true]:not([data-placement])[data-animation=disabled],:has(>.db-popover:not([data-open])):focus .db-popover:not([data-placement])[data-animation=disabled]:first-of-type,:has(>.db-popover:not([data-open])):focus [data-placement^=bottom][data-animation=disabled].db-popover:first-of-type,:has(>.db-popover:not([data-open])):hover .db-popover:not([data-placement])[data-animation=disabled]:first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=bottom][data-animation=disabled].db-popover:first-of-type,:has(>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement])[data-animation=disabled]:first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=bottom][data-animation=disabled].db-tooltip:first-of-type,:has(>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement])[data-animation=disabled]:first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=bottom][data-animation=disabled].db-tooltip:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus .db-popover:not([data-placement])[data-animation=disabled]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=bottom][data-animation=disabled].db-popover:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover .db-popover:not([data-placement])[data-animation=disabled]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=bottom][data-animation=disabled].db-popover:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=bottom][data-animation=disabled].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=bottom][data-animation=disabled].db-tooltip:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus .db-popover:not([data-placement])[data-animation=disabled]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=bottom][data-animation=disabled].db-popover:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover .db-popover:not([data-placement])[data-animation=disabled]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=bottom][data-animation=disabled].db-popover:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement])[data-animation=disabled]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=bottom][data-animation=disabled].db-tooltip:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement])[data-animation=disabled]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=bottom][data-animation=disabled].db-tooltip:first-of-type,[data-placement^=bottom][data-animation=disabled].db-popover[data-open=true]{opacity:1}.db-popover[data-open=true]:not([data-placement]):not([data-animation=disabled]),:has(>.db-popover:not([data-open])):focus .db-popover:not([data-placement]):not([data-animation=disabled]):first-of-type,:has(>.db-popover:not([data-open])):focus [data-placement^=bottom].db-popover:not([data-animation=disabled]):first-of-type,:has(>.db-popover:not([data-open])):hover .db-popover:not([data-placement]):not([data-animation=disabled]):first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=bottom].db-popover:not([data-animation=disabled]):first-of-type,:has(>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-animation=disabled]):first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-animation=disabled]):first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus .db-popover:not([data-placement]):not([data-animation=disabled]):first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=bottom].db-popover:not([data-animation=disabled]):first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover .db-popover:not([data-placement]):not([data-animation=disabled]):first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=bottom].db-popover:not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus .db-popover:not([data-placement]):not([data-animation=disabled]):first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=bottom].db-popover:not([data-animation=disabled]):first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover .db-popover:not([data-placement]):not([data-animation=disabled]):first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=bottom].db-popover:not([data-animation=disabled]):first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-animation=disabled]):first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-animation=disabled]):first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-animation=disabled]):first-of-type,[data-placement^=bottom].db-popover[data-open=true]:not([data-animation=disabled]){animation:popover-animation var(--db-transition-duration-medium) var(--db-transition-emotional-timing) normal both}.db-popover[data-open=true]:not([data-placement]):not([data-animation=disabled])[data-delay=slow],:has(>.db-popover:not([data-open])):focus .db-popover:not([data-placement]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>.db-popover:not([data-open])):focus [data-placement^=bottom].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>.db-popover:not([data-open])):hover .db-popover:not([data-placement]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=bottom].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus .db-popover:not([data-placement]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=bottom].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover .db-popover:not([data-placement]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=bottom].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus .db-popover:not([data-placement]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=bottom].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover .db-popover:not([data-placement]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=bottom].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,[data-placement^=bottom].db-popover[data-open=true]:not([data-animation=disabled])[data-delay=slow]{animation-delay:var(--db-transition-duration-fast)}.db-popover[data-open=true]:not([data-placement]):not([data-animation=disabled])[data-delay=fast],:has(>.db-popover:not([data-open])):focus .db-popover:not([data-placement]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>.db-popover:not([data-open])):focus [data-placement^=bottom].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>.db-popover:not([data-open])):hover .db-popover:not([data-placement]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=bottom].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus .db-popover:not([data-placement]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=bottom].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover .db-popover:not([data-placement]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=bottom].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus .db-popover:not([data-placement]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=bottom].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover .db-popover:not([data-placement]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=bottom].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,[data-placement^=bottom].db-popover[data-open=true]:not([data-animation=disabled])[data-delay=fast]{animation-delay:calc(var(--db-transition-duration-fast)/2)}:has(>.db-popover:not([data-open])):focus [data-placement^=right].db-popover:first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=right].db-popover:first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=right].db-popover:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=right].db-popover:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=right].db-popover:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=right].db-popover:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:first-of-type,[data-placement^=right].db-popover[data-open=true]{--db-popover-translate-x:-25%}:has(>.db-popover:not([data-open])):focus [data-placement^=right][data-animation=disabled].db-popover:first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=right][data-animation=disabled].db-popover:first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=right][data-animation=disabled].db-tooltip:first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=right][data-animation=disabled].db-tooltip:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=right][data-animation=disabled].db-popover:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=right][data-animation=disabled].db-popover:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=right][data-animation=disabled].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=right][data-animation=disabled].db-tooltip:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=right][data-animation=disabled].db-popover:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=right][data-animation=disabled].db-popover:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=right][data-animation=disabled].db-tooltip:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=right][data-animation=disabled].db-tooltip:first-of-type,[data-placement^=right][data-animation=disabled].db-popover[data-open=true]{opacity:1}:has(>.db-popover:not([data-open])):focus [data-placement^=right].db-popover:not([data-animation=disabled]):first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=right].db-popover:not([data-animation=disabled]):first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=right].db-popover:not([data-animation=disabled]):first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=right].db-popover:not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=right].db-popover:not([data-animation=disabled]):first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=right].db-popover:not([data-animation=disabled]):first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-animation=disabled]):first-of-type,[data-placement^=right].db-popover[data-open=true]:not([data-animation=disabled]){animation:popover-animation var(--db-transition-duration-medium) var(--db-transition-emotional-timing) normal both}:has(>.db-popover:not([data-open])):focus [data-placement^=right].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=right].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=right].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=right].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=right].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=right].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,[data-placement^=right].db-popover[data-open=true]:not([data-animation=disabled])[data-delay=slow]{animation-delay:var(--db-transition-duration-fast)}:has(>.db-popover:not([data-open])):focus [data-placement^=right].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=right].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=right].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=right].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=right].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=right].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,[data-placement^=right].db-popover[data-open=true]:not([data-animation=disabled])[data-delay=fast]{animation-delay:calc(var(--db-transition-duration-fast)/2)}:has(>.db-popover:not([data-open])):focus [data-placement^=left].db-popover:first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=left].db-popover:first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=left].db-popover:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=left].db-popover:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=left].db-popover:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=left].db-popover:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:first-of-type,[data-placement^=left].db-popover[data-open=true]{--db-popover-translate-x:25%}:has(>.db-popover:not([data-open])):focus [data-placement^=left][data-animation=disabled].db-popover:first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=left][data-animation=disabled].db-popover:first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=left][data-animation=disabled].db-tooltip:first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=left][data-animation=disabled].db-tooltip:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=left][data-animation=disabled].db-popover:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=left][data-animation=disabled].db-popover:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=left][data-animation=disabled].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=left][data-animation=disabled].db-tooltip:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=left][data-animation=disabled].db-popover:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=left][data-animation=disabled].db-popover:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=left][data-animation=disabled].db-tooltip:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=left][data-animation=disabled].db-tooltip:first-of-type,[data-placement^=left][data-animation=disabled].db-popover[data-open=true]{opacity:1}:has(>.db-popover:not([data-open])):focus [data-placement^=left].db-popover:not([data-animation=disabled]):first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=left].db-popover:not([data-animation=disabled]):first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=left].db-popover:not([data-animation=disabled]):first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=left].db-popover:not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=left].db-popover:not([data-animation=disabled]):first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=left].db-popover:not([data-animation=disabled]):first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-animation=disabled]):first-of-type,[data-placement^=left].db-popover[data-open=true]:not([data-animation=disabled]){animation:popover-animation var(--db-transition-duration-medium) var(--db-transition-emotional-timing) normal both}:has(>.db-popover:not([data-open])):focus [data-placement^=left].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=left].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=left].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=left].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=left].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=left].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,[data-placement^=left].db-popover[data-open=true]:not([data-animation=disabled])[data-delay=slow]{animation-delay:var(--db-transition-duration-fast)}:has(>.db-popover:not([data-open])):focus [data-placement^=left].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=left].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=left].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=left].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=left].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=left].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,[data-placement^=left].db-popover[data-open=true]:not([data-animation=disabled])[data-delay=fast]{animation-delay:calc(var(--db-transition-duration-fast)/2)}:has(>.db-popover:not([data-open])):focus [data-placement^=top].db-popover:first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=top].db-popover:first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=top].db-popover:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=top].db-popover:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=top].db-popover:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=top].db-popover:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:first-of-type,[data-placement^=top].db-popover[data-open=true]{--db-popover-translate-y:25%}:has(>.db-popover:not([data-open])):focus [data-placement^=top][data-animation=disabled].db-popover:first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=top][data-animation=disabled].db-popover:first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=top][data-animation=disabled].db-tooltip:first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=top][data-animation=disabled].db-tooltip:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=top][data-animation=disabled].db-popover:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=top][data-animation=disabled].db-popover:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=top][data-animation=disabled].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=top][data-animation=disabled].db-tooltip:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=top][data-animation=disabled].db-popover:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=top][data-animation=disabled].db-popover:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=top][data-animation=disabled].db-tooltip:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=top][data-animation=disabled].db-tooltip:first-of-type,[data-placement^=top][data-animation=disabled].db-popover[data-open=true]{opacity:1}:has(>.db-popover:not([data-open])):focus [data-placement^=top].db-popover:not([data-animation=disabled]):first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=top].db-popover:not([data-animation=disabled]):first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=top].db-popover:not([data-animation=disabled]):first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=top].db-popover:not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=top].db-popover:not([data-animation=disabled]):first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=top].db-popover:not([data-animation=disabled]):first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-animation=disabled]):first-of-type,[data-placement^=top].db-popover[data-open=true]:not([data-animation=disabled]){animation:popover-animation var(--db-transition-duration-medium) var(--db-transition-emotional-timing) normal both}:has(>.db-popover:not([data-open])):focus [data-placement^=top].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=top].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=top].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=top].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=top].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=top].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,[data-placement^=top].db-popover[data-open=true]:not([data-animation=disabled])[data-delay=slow]{animation-delay:var(--db-transition-duration-fast)}:has(>.db-popover:not([data-open])):focus [data-placement^=top].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=top].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=top].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=top].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=top].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=top].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,[data-placement^=top].db-popover[data-open=true]:not([data-animation=disabled])[data-delay=fast]{animation-delay:calc(var(--db-transition-duration-fast)/2)}.db-popover,.db-tooltip{position:absolute;background-color:var(--db-base-bg-enabled);visibility:hidden;z-index:1;font-style:normal}[data-width=fixed].db-popover,[data-width=fixed].db-tooltip{inline-size:max-content;max-inline-size:var(--db-sizing-3xl);white-space:normal;text-align:initial}.db-popover,.db-popover[data-spacing=small]{padding:var(--db-spacing-fixed-sm)}.db-popover[data-spacing=medium]{padding:var(--db-spacing-fixed-md)}.db-popover[data-spacing=none]{padding:0}.db-tooltip{--default-card-elevation:var(--db-elevation-sm);--default-card-border-radius:var(--db-border-radius-md);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-base-bg-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]):after,.db-tooltip[data-placement^=bottom]:after{inset-inline-start:50%;inset-block-start:0;translate:-50% -50%;rotate:315deg}.db-tooltip[data-placement^=top]:after{inset-inline-start:50%;inset-block-end:0;translate:-50% 50%;rotate:135deg}.db-tooltip[data-placement^=right]:after{inset-block-start:50%;inset-inline-start:0;translate:-50% -50%;rotate:225deg}.db-tooltip[data-placement^=left]:after{inset-block-start:50%;inset-inline-end:0;translate:50% -50%;rotate:45deg}.db-tooltip[data-emphasis=strong]:after{background-color:var(--db-neutral-text-enabled)}db-accordion,db-accordion-item,db-alert,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-main-navigation,db-navigation-item,db-page,db-popover,db-radio,db-section,db-select,db-tab,db-tabbar,db-tag,db-textarea,db-tooltip,dbaccordion,dbaccordion-item,dbalert,dbbadge,dbbrand,dbbutton,dbcard,dbcheckbox,dbcodedocs,dbdivider,dbdrawer,dbheader,dbicon,dbinfotext,dbinput,dblink,dbmain-navigation,dbnavigation-item,dbpage,dbpopover,dbradio,dbsection,dbselect,dbtab,dbtabbar,dbtag,dbtextarea,dbtooltip{display:contents}db-alert,dbalert{inline-size:inherit}:has(.db-badge[data-placement^=corner]){position:relative}:has(>.db-popover),:has(>db-popover),:has(>dbpopover){position:relative}:has(>.db-tooltip),:has(>db-tooltip),:has(>dbtooltip){position:relative}[data-color-scheme=dark],[data-color-scheme=light]{--db-current-base-color:var(--db-base-text-enabled);--db-current-color:var(--db-base-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-base-bg-enabled));--db-current-element-color:var(--db-base-element-enabled);--db-current-border-color:var(--db-base-border-enabled);--db-current-border-weak-color:var( --db-base-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-base-bg-enabled));background-color:var(--db-current-bg-color);color:var(--db-current-color)}[data-emphasis=weak][data-color-scheme=dark],[data-emphasis=weak][data-color-scheme=light]{--db-current-color:var(--db-base-on-bg-weak-enabled);color:var(--db-current-color)}: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-typography-regular-desktop-headline-2xl-line-height:1.25;--db-typography-regular-desktop-headline-2xl-font-size:4rem;--db-typography-regular-desktop-headline-xl-line-height:1.3333333333333333;--db-typography-regular-desktop-headline-xl-font-size:3rem;--db-typography-regular-desktop-headline-lg-line-height:1.2;--db-typography-regular-desktop-headline-lg-font-size:2.5rem;--db-typography-regular-desktop-headline-md-line-height:1.25;--db-typography-regular-desktop-headline-md-font-size:2rem;--db-typography-regular-desktop-headline-sm-line-height:1.1428571428571428;--db-typography-regular-desktop-headline-sm-font-size:1.75rem;--db-typography-regular-desktop-headline-2xs-line-height:1.2;--db-typography-regular-desktop-headline-2xs-font-size:1.25rem;--db-typography-regular-desktop-headline-3xs-line-height:1.25;--db-typography-regular-desktop-headline-3xs-font-size:1rem;--db-typography-regular-desktop-headline-xs-line-height:1.1666666666666667;--db-typography-regular-desktop-headline-xs-font-size:1.5rem;--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-lg:28;--db-base-icon-font-size-regular-desktop-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-xl:32;--db-base-icon-font-size-regular-desktop-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-2xl:40;--db-base-icon-font-size-regular-desktop-2xl:2.5rem;--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-md:24;--db-base-icon-font-size-regular-desktop-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-sm:20;--db-base-icon-font-size-regular-desktop-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-2xs:14;--db-base-icon-font-size-regular-desktop-2xs: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-xs:16;--db-base-icon-font-size-regular-desktop-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-lg:28;--db-base-icon-font-size-regular-mobile-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-md:24;--db-base-icon-font-size-regular-mobile-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-sm:20;--db-base-icon-font-size-regular-mobile-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-xl:28;--db-base-icon-font-size-regular-mobile-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-xs:16;--db-base-icon-font-size-regular-mobile-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-2xl:28;--db-base-icon-font-size-regular-mobile-2xl: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-2xs:14;--db-base-icon-font-size-regular-mobile-2xs:0.875rem;--db-typography-regular-mobile-headline-lg-line-height:1.1428571428571428;--db-typography-regular-mobile-headline-lg-font-size:1.75rem;--db-typography-regular-mobile-headline-md-line-height:1.1666666666666667;--db-typography-regular-mobile-headline-md-font-size:1.5rem;--db-typography-regular-mobile-headline-sm-line-height:1.2;--db-typography-regular-mobile-headline-sm-font-size:1.25rem;--db-typography-regular-mobile-headline-xl-line-height:1.25;--db-typography-regular-mobile-headline-xl-font-size:2rem;--db-typography-regular-mobile-headline-xs-line-height:1.25;--db-typography-regular-mobile-headline-xs-font-size:1rem;--db-typography-regular-mobile-headline-2xl-line-height:1.25;--db-typography-regular-mobile-headline-2xl-font-size:2rem;--db-typography-regular-mobile-headline-2xs-line-height:1.1428571428571428;--db-typography-regular-mobile-headline-2xs-font-size:0.875rem;--db-typography-regular-mobile-headline-3xl-line-height:1.25;--db-typography-regular-mobile-headline-3xl-font-size:2rem;--db-typography-regular-mobile-headline-3xs-line-height:1.1428571428571428;--db-typography-regular-mobile-headline-3xs-font-size:0.875rem;--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-lg:28;--db-base-icon-font-size-regular-tablet-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-md:24;--db-base-icon-font-size-regular-tablet-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-sm:20;--db-base-icon-font-size-regular-tablet-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-xl:32;--db-base-icon-font-size-regular-tablet-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-xs:16;--db-base-icon-font-size-regular-tablet-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-2xl:40;--db-base-icon-font-size-regular-tablet-2xl:2.5rem;--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-2xs:14;--db-base-icon-font-size-regular-tablet-2xs:0.875rem;--db-typography-regular-tablet-headline-lg-line-height:1.25;--db-typography-regular-tablet-headline-lg-font-size:2rem;--db-typography-regular-tablet-headline-md-line-height:1.1428571428571428;--db-typography-regular-tablet-headline-md-font-size:1.75rem;--db-typography-regular-tablet-headline-sm-line-height:1.1666666666666667;--db-typography-regular-tablet-headline-sm-font-size:1.5rem;--db-typography-regular-tablet-headline-xl-line-height:1.2;--db-typography-regular-tablet-headline-xl-font-size:2.5rem;--db-typography-regular-tablet-headline-xs-line-height:1.2;--db-typography-regular-tablet-headline-xs-font-size:1.25rem;--db-typography-regular-tablet-headline-2xl-line-height:1.3333333333333333;--db-typography-regular-tablet-headline-2xl-font-size:3rem;--db-typography-regular-tablet-headline-2xs-line-height:1.25;--db-typography-regular-tablet-headline-2xs-font-size:1rem;--db-typography-regular-tablet-headline-3xl-line-height:1.3333333333333333;--db-typography-regular-tablet-headline-3xl-font-size:3rem;--db-typography-regular-tablet-headline-3xs-line-height:1.25;--db-typography-regular-tablet-headline-3xs-font-size:1rem;--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-lg:24;--db-base-icon-font-size-functional-desktop-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-md:20;--db-base-icon-font-size-functional-desktop-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-sm:16;--db-base-icon-font-size-functional-desktop-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-xl:28;--db-base-icon-font-size-functional-desktop-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-xs:14;--db-base-icon-font-size-functional-desktop-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-2xl:32;--db-base-icon-font-size-functional-desktop-2xl:2rem;--db-typography-functional-desktop-body-2xs-line-height:1.5;--db-typography-functional-desktop-body-2xs-font-size:0.5rem;--db-base-icon-weight-functional-desktop-2xs:12;--db-base-icon-font-size-functional-desktop-2xs:0.75rem;--db-typography-functional-desktop-headline-lg-line-height:1.1428571428571428;--db-typography-functional-desktop-headline-lg-font-size:1.75rem;--db-typography-functional-desktop-headline-md-line-height:1.1666666666666667;--db-typography-functional-desktop-headline-md-font-size:1.5rem;--db-typography-functional-desktop-headline-sm-line-height:1.2;--db-typography-functional-desktop-headline-sm-font-size:1.25rem;--db-typography-functional-desktop-headline-xl-line-height:1.25;--db-typography-functional-desktop-headline-xl-font-size:2rem;--db-typography-functional-desktop-headline-xs-line-height:1.25;--db-typography-functional-desktop-headline-xs-font-size:1rem;--db-typography-functional-desktop-headline-2xl-line-height:1.2;--db-typography-functional-desktop-headline-2xl-font-size:2.5rem;--db-typography-functional-desktop-headline-2xs-line-height:1.1428571428571428;--db-typography-functional-desktop-headline-2xs-font-size:0.875rem;--db-typography-functional-desktop-headline-3xl-line-height:1.2;--db-typography-functional-desktop-headline-3xl-font-size:2.5rem;--db-typography-functional-desktop-headline-3xs-line-height:1.1428571428571428;--db-typography-functional-desktop-headline-3xs-font-size:0.875rem;--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-lg:24;--db-base-icon-font-size-functional-tablet-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-md:20;--db-base-icon-font-size-functional-tablet-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-sm:16;--db-base-icon-font-size-functional-tablet-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-xl:28;--db-base-icon-font-size-functional-tablet-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-xs:14;--db-base-icon-font-size-functional-tablet-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-2xl:32;--db-base-icon-font-size-functional-tablet-2xl:2rem;--db-typography-functional-tablet-body-2xs-line-height:1.5;--db-typography-functional-tablet-body-2xs-font-size:0.5rem;--db-base-icon-weight-functional-tablet-2xs:12;--db-base-icon-font-size-functional-tablet-2xs:0.75rem;--db-typography-functional-tablet-headline-lg-line-height:1.1428571428571428;--db-typography-functional-tablet-headline-lg-font-size:1.75rem;--db-typography-functional-tablet-headline-md-line-height:1.1666666666666667;--db-typography-functional-tablet-headline-md-font-size:1.5rem;--db-typography-functional-tablet-headline-sm-line-height:1.2;--db-typography-functional-tablet-headline-sm-font-size:1.25rem;--db-typography-functional-tablet-headline-xl-line-height:1.25;--db-typography-functional-tablet-headline-xl-font-size:2rem;--db-typography-functional-tablet-headline-xs-line-height:1.25;--db-typography-functional-tablet-headline-xs-font-size:1rem;--db-typography-functional-tablet-headline-2xl-line-height:1.25;--db-typography-functional-tablet-headline-2xl-font-size:2rem;--db-typography-functional-tablet-headline-2xs-line-height:1.1428571428571428;--db-typography-functional-tablet-headline-2xs-font-size:0.875rem;--db-typography-functional-tablet-headline-3xl-line-height:1.25;--db-typography-functional-tablet-headline-3xl-font-size:2rem;--db-typography-functional-tablet-headline-3xs-line-height:1.1428571428571428;--db-typography-functional-tablet-headline-3xs-font-size:0.875rem;--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-lg:24;--db-base-icon-font-size-functional-mobile-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-md:20;--db-base-icon-font-size-functional-mobile-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-sm:16;--db-base-icon-font-size-functional-mobile-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-xl:24;--db-base-icon-font-size-functional-mobile-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-xs:14;--db-base-icon-font-size-functional-mobile-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-2xl:24;--db-base-icon-font-size-functional-mobile-2xl:1.5rem;--db-typography-functional-mobile-body-2xs-line-height:1.5;--db-typography-functional-mobile-body-2xs-font-size:0.5rem;--db-base-icon-weight-functional-mobile-2xs:12;--db-base-icon-font-size-functional-mobile-2xs:0.75rem;--db-typography-functional-mobile-headline-lg-line-height:1.1666666666666667;--db-typography-functional-mobile-headline-lg-font-size:1.5rem;--db-typography-functional-mobile-headline-md-line-height:1.2;--db-typography-functional-mobile-headline-md-font-size:1.25rem;--db-typography-functional-mobile-headline-sm-line-height:1.25;--db-typography-functional-mobile-headline-sm-font-size:1rem;--db-typography-functional-mobile-headline-xl-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-xl-font-size:1.75rem;--db-typography-functional-mobile-headline-xs-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-xs-font-size:0.875rem;--db-typography-functional-mobile-headline-2xl-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-2xl-font-size:1.75rem;--db-typography-functional-mobile-headline-2xs-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-2xs-font-size:0.875rem;--db-typography-functional-mobile-headline-3xl-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-3xl-font-size:1.75rem;--db-typography-functional-mobile-headline-3xs-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-3xs-font-size:0.875rem;--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-lg:32;--db-base-icon-font-size-expressive-desktop-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-md:28;--db-base-icon-font-size-expressive-desktop-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-sm:24;--db-base-icon-font-size-expressive-desktop-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-xl:40;--db-base-icon-font-size-expressive-desktop-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-xs:20;--db-base-icon-font-size-expressive-desktop-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-2xl:48;--db-base-icon-font-size-expressive-desktop-2xl:3rem;--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-2xs:16;--db-base-icon-font-size-expressive-desktop-2xs:1rem;--db-typography-expressive-desktop-headline-lg-line-height:1.3333333333333333;--db-typography-expressive-desktop-headline-lg-font-size:3rem;--db-typography-expressive-desktop-headline-md-line-height:1.2;--db-typography-expressive-desktop-headline-md-font-size:2.5rem;--db-typography-expressive-desktop-headline-sm-line-height:1.25;--db-typography-expressive-desktop-headline-sm-font-size:2rem;--db-typography-expressive-desktop-headline-xl-line-height:1.25;--db-typography-expressive-desktop-headline-xl-font-size:4rem;--db-typography-expressive-desktop-headline-xs-line-height:1.1428571428571428;--db-typography-expressive-desktop-headline-xs-font-size:1.75rem;--db-typography-expressive-desktop-headline-2xl-line-height:1.2;--db-typography-expressive-desktop-headline-2xl-font-size:5rem;--db-typography-expressive-desktop-headline-2xs-line-height:1.1666666666666667;--db-typography-expressive-desktop-headline-2xs-font-size:1.5rem;--db-typography-expressive-desktop-headline-3xl-line-height:1.25;--db-typography-expressive-desktop-headline-3xl-font-size:6rem;--db-typography-expressive-desktop-headline-3xs-line-height:1.2;--db-typography-expressive-desktop-headline-3xs-font-size:1.25rem;--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-lg:32;--db-base-icon-font-size-expressive-tablet-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-md:28;--db-base-icon-font-size-expressive-tablet-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-sm:24;--db-base-icon-font-size-expressive-tablet-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-xl:40;--db-base-icon-font-size-expressive-tablet-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-xs:20;--db-base-icon-font-size-expressive-tablet-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-2xl:48;--db-base-icon-font-size-expressive-tablet-2xl:3rem;--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-2xs:16;--db-base-icon-font-size-expressive-tablet-2xs:1rem;--db-typography-expressive-tablet-headline-lg-line-height:1.2;--db-typography-expressive-tablet-headline-lg-font-size:2.5rem;--db-typography-expressive-tablet-headline-md-line-height:1.25;--db-typography-expressive-tablet-headline-md-font-size:2rem;--db-typography-expressive-tablet-headline-sm-line-height:1.1428571428571428;--db-typography-expressive-tablet-headline-sm-font-size:1.75rem;--db-typography-expressive-tablet-headline-xl-line-height:1.3333333333333333;--db-typography-expressive-tablet-headline-xl-font-size:3rem;--db-typography-expressive-tablet-headline-xs-line-height:1.1666666666666667;--db-typography-expressive-tablet-headline-xs-font-size:1.5rem;--db-typography-expressive-tablet-headline-2xl-line-height:1.25;--db-typography-expressive-tablet-headline-2xl-font-size:4rem;--db-typography-expressive-tablet-headline-2xs-line-height:1.2;--db-typography-expressive-tablet-headline-2xs-font-size:1.25rem;--db-typography-expressive-tablet-headline-3xl-line-height:1.2;--db-typography-expressive-tablet-headline-3xl-font-size:5rem;--db-typography-expressive-tablet-headline-3xs-line-height:1.2;--db-typography-expressive-tablet-headline-3xs-font-size:1.25rem;--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-lg:32;--db-base-icon-font-size-expressive-mobile-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-md:28;--db-base-icon-font-size-expressive-mobile-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-sm:24;--db-base-icon-font-size-expressive-mobile-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-xl:32;--db-base-icon-font-size-expressive-mobile-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-xs:20;--db-base-icon-font-size-expressive-mobile-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-2xl:32;--db-base-icon-font-size-expressive-mobile-2xl: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-2xs:16;--db-base-icon-font-size-expressive-mobile-2xs:1rem;--db-typography-expressive-mobile-headline-lg-line-height:1.25;--db-typography-expressive-mobile-headline-lg-font-size:2rem;--db-typography-expressive-mobile-headline-md-line-height:1.1428571428571428;--db-typography-expressive-mobile-headline-md-font-size:1.75rem;--db-typography-expressive-mobile-headline-sm-line-height:1.1666666666666667;--db-typography-expressive-mobile-headline-sm-font-size:1.5rem;--db-typography-expressive-mobile-headline-xl-line-height:1.2;--db-typography-expressive-mobile-headline-xl-font-size:2.5rem;--db-typography-expressive-mobile-headline-xs-line-height:1.2;--db-typography-expressive-mobile-headline-xs-font-size:1.25rem;--db-typography-expressive-mobile-headline-2xl-line-height:1.2;--db-typography-expressive-mobile-headline-2xl-font-size:2.5rem;--db-typography-expressive-mobile-headline-2xs-line-height:1.25;--db-typography-expressive-mobile-headline-2xs-font-size:1rem;--db-typography-expressive-mobile-headline-3xl-line-height:1.2;--db-typography-expressive-mobile-headline-3xl-font-size:2.5rem;--db-typography-expressive-mobile-headline-3xs-line-height:1.25;--db-typography-expressive-mobile-headline-3xs-font-size:1rem;--db-border-height-sm:0.0625rem;--db-border-height-md:0.125rem;--db-border-height-lg:0.25rem;--db-border-radius-sm:0.15625rem;--db-border-radius-md:0.25rem;--db-border-radius-lg:0.5rem;--db-border-radius-3xl:2.625rem;--db-opacity-sm:0.25;--db-opacity-md:0.5;--db-opacity-lg:0.75;--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-base-on-enabled:#fff;--db-base-origin-enabled:#242629;--db-base-origin-hover:#212326;--db-base-origin-pressed:#1e1f22;--db-base-text-enabled:#242629;--db-base-text-hover:#6b6c6d;--db-base-text-pressed:#939494;--db-base-on-bg-enabled:#242629;--db-base-on-bg-hover:#12131540;--db-base-on-bg-pressed:#191b1d80;--db-base-on-bg-weak-enabled:#12131540;--db-base-bg-enabled:#fff;--db-base-bg-strong-enabled:#fafafa;--db-base-element-enabled:#777e88;--db-base-border-enabled:#5f656da3;--db-base-border-weak-enabled:#43474d52;--db-neutral-on-enabled:#fff;--db-neutral-origin-enabled:#646973;--db-neutral-origin-hover:#5c6069;--db-neutral-origin-pressed:#52575f;--db-neutral-text-enabled:#646973;--db-neutral-text-hover:#898c93;--db-neutral-text-pressed:#a6a8ad;--db-neutral-on-bg-enabled:#3c3f45;--db-neutral-on-bg-hover:#1e202340;--db-neutral-on-bg-pressed:#2a2d3180;--db-neutral-on-bg-weak-enabled:#1e202340;--db-neutral-bg-enabled:#f6f6f7;--db-neutral-bg-strong-enabled:#f1f1f2;--db-neutral-element-enabled:#777d88;--db-neutral-border-enabled:#5f646da3;--db-neutral-border-weak-enabled:#43474d52;--db-brand-on-enabled:#fff;--db-brand-origin-enabled:#ec0016;--db-brand-origin-hover:#d80014;--db-brand-origin-pressed:#c30012;--db-brand-text-enabled:#e80014;--db-brand-text-hover:#ec6668;--db-brand-text-pressed:#f09091;--db-brand-on-bg-enabled:#8b000c;--db-brand-on-bg-hover:#46000640;--db-brand-on-bg-pressed:#62000880;--db-brand-on-bg-weak-enabled:#46000640;--db-brand-bg-enabled:#fdf5f5;--db-brand-bg-strong-enabled:#f8f0f0;--db-brand-element-enabled:#ff0016;--db-brand-border-enabled:#cc0012a3;--db-brand-border-weak-enabled:#90000c52;--db-informational-on-enabled:#fff;--db-informational-origin-enabled:#309fd1;--db-informational-origin-hover:#2c92c0;--db-informational-origin-pressed:#2883ac;--db-informational-text-enabled:#007caa;--db-informational-text-hover:#6699ba;--db-informational-text-pressed:#90b1c9;--db-informational-on-bg-enabled:#004a66;--db-informational-on-bg-hover:#00253340;--db-informational-on-bg-pressed:#00344880;--db-informational-on-bg-weak-enabled:#00253340;--db-informational-bg-enabled:#f5f7f9;--db-informational-bg-strong-enabled:#f0f2f4;--db-informational-element-enabled:#0099d1;--db-informational-border-enabled:#007aa7a3;--db-informational-border-weak-enabled:#00577652;--db-warning-on-enabled:#fff;--db-warning-origin-enabled:#f39200;--db-warning-origin-hover:#df8600;--db-warning-origin-pressed:#c87800;--db-warning-text-enabled:#af5c00;--db-warning-text-hover:#be8466;--db-warning-text-pressed:#cca390;--db-warning-on-bg-enabled:#693700;--db-warning-on-bg-hover:#351c0040;--db-warning-on-bg-pressed:#4a270080;--db-warning-on-bg-weak-enabled:#351c0040;--db-warning-bg-enabled:#faf6f5;--db-warning-bg-strong-enabled:#f5f1f0;--db-warning-element-enabled:#db7300;--db-warning-border-enabled:#af5c00a3;--db-warning-border-weak-enabled:#7c410052;--db-successful-on-enabled:#fff;--db-successful-origin-enabled:#63a615;--db-successful-origin-hover:#5b9813;--db-successful-origin-pressed:#528911;--db-successful-text-enabled:#398200;--db-successful-text-hover:#739d66;--db-successful-text-pressed:#98b490;--db-successful-on-bg-enabled:#224e00;--db-successful-on-bg-hover:#11270040;--db-successful-on-bg-pressed:#18370080;--db-successful-on-bg-weak-enabled:#11270040;--db-successful-bg-enabled:#f5f7f5;--db-successful-bg-strong-enabled:#f0f2f0;--db-successful-element-enabled:#48a300;--db-successful-border-enabled:#3a8200a3;--db-successful-border-weak-enabled:#295c0052;--db-critical-on-enabled:#fff;--db-critical-origin-enabled:#ec0016;--db-critical-origin-hover:#d80014;--db-critical-origin-pressed:#c30012;--db-critical-text-enabled:#e80014;--db-critical-text-hover:#ec6668;--db-critical-text-pressed:#f09091;--db-critical-on-bg-enabled:#8b000c;--db-critical-on-bg-hover:#46000640;--db-critical-on-bg-pressed:#62000880;--db-critical-on-bg-weak-enabled:#46000640;--db-critical-bg-enabled:#fdf5f5;--db-critical-bg-strong-enabled:#f8f0f0;--db-critical-element-enabled:#ff0016;--db-critical-border-enabled:#cc0012a3;--db-critical-border-weak-enabled:#90000c52;color-scheme:light}@media(prefers-color-scheme:dark){:root{--db-base-on-enabled:#000000bf;--db-base-origin-enabled:#fff;--db-base-origin-hover:#fff;--db-base-origin-pressed:#fff;--db-base-text-enabled:#fff;--db-base-text-hover:#eaeaea;--db-base-text-pressed:#d2d2d2;--db-base-on-bg-enabled:#fff;--db-base-on-bg-hover:#80808040;--db-base-on-bg-pressed:#b4b4b480;--db-base-on-bg-weak-enabled:#80808040;--db-base-bg-enabled:#242629;--db-base-bg-strong-enabled:#3e3f41;--db-base-element-enabled:#8a8a8a;--db-base-border-enabled:#787878bf;--db-base-border-weak-enabled:#62626280;--db-neutral-on-enabled:#000000bf;--db-neutral-origin-enabled:#646973;--db-neutral-origin-hover:#898c93;--db-neutral-origin-pressed:#a6a8ad;--db-neutral-text-enabled:#acb1bb;--db-neutral-text-hover:#9ea2ab;--db-neutral-text-pressed:#8e929a;--db-neutral-on-bg-enabled:#e5e6e9;--db-neutral-on-bg-hover:#73737540;--db-neutral-on-bg-pressed:#a2a3a580;--db-neutral-on-bg-weak-enabled:#73737540;--db-neutral-bg-enabled:#313235;--db-neutral-bg-strong-enabled:#464749;--db-neutral-element-enabled:#848b9a;--db-neutral-border-enabled:#727885bf;--db-neutral-border-weak-enabled:#5d626d80;--db-brand-on-enabled:#fff;--db-brand-origin-enabled:#ec0016;--db-brand-origin-hover:#ef6668;--db-brand-origin-pressed:#f29091;--db-brand-text-enabled:#ff8c70;--db-brand-text-hover:#ea8067;--db-brand-text-pressed:#d2735c;--db-brand-on-bg-enabled:#ffddd7;--db-brand-on-bg-hover:#806f6c40;--db-brand-on-bg-pressed:#b49c9880;--db-brand-on-bg-weak-enabled:#806f6c40;--db-brand-bg-enabled:#482820;--db-brand-bg-strong-enabled:#57403c;--db-brand-element-enabled:#ff4214;--db-brand-border-enabled:#dd3911bf;--db-brand-border-weak-enabled:#b42f0e80;--db-informational-on-enabled:#000000bf;--db-informational-origin-enabled:#309fd1;--db-informational-origin-hover:#6fb2d9;--db-informational-origin-pressed:#96c3e1;--db-informational-text-enabled:#50b3ea;--db-informational-text-hover:#49a4d6;--db-informational-text-pressed:#4294c1;--db-informational-on-bg-enabled:#d2e7f8;--db-informational-on-bg-hover:#69747c40;--db-informational-on-bg-pressed:#94a3af80;--db-informational-on-bg-weak-enabled:#69747c40;--db-informational-bg-enabled:#173342;--db-informational-bg-strong-enabled:#384752;--db-informational-element-enabled:#1a93d6;--db-informational-border-enabled:#177fb9bf;--db-informational-border-weak-enabled:#12689780;--db-warning-on-enabled:#000000bf;--db-warning-origin-enabled:#f39200;--db-warning-origin-hover:#f5a866;--db-warning-origin-pressed:#f7bc90;--db-warning-text-enabled:#f59303;--db-warning-text-hover:#e18703;--db-warning-text-pressed:#ca7902;--db-warning-on-bg-enabled:#fbdecc;--db-warning-on-bg-hover:#7e6f6640;--db-warning-on-bg-pressed:#b19d9080;--db-warning-on-bg-weak-enabled:#7e6f6640;--db-warning-bg-enabled:#452a01;--db-warning-bg-strong-enabled:#554233;--db-warning-element-enabled:#fc9703;--db-warning-border-enabled:#da8303bf;--db-warning-border-weak-enabled:#b26b0280;--db-successful-on-enabled:#000000bf;--db-successful-origin-enabled:#63a615;--db-successful-origin-hover:#89b768;--db-successful-origin-pressed:#a6c791;--db-successful-text-enabled:#81bf35;--db-successful-text-hover:#76af31;--db-successful-text-pressed:#6a9e2c;--db-successful-on-bg-enabled:#daeace;--db-successful-on-bg-hover:#6d756740;--db-successful-on-bg-pressed:#9aa59280;--db-successful-on-bg-weak-enabled:#6d756740;--db-successful-bg-enabled:#24360f;--db-successful-bg-strong-enabled:#3e4935;--db-successful-element-enabled:#87c837;--db-successful-border-enabled:#75ad30bf;--db-successful-border-weak-enabled:#5f8d2780;--db-critical-on-enabled:#000000bf;--db-critical-origin-enabled:#ec0016;--db-critical-origin-hover:#ef6668;--db-critical-origin-pressed:#f29091;--db-critical-text-enabled:#ff8c70;--db-critical-text-hover:#ea8067;--db-critical-text-pressed:#d2735c;--db-critical-on-bg-enabled:#ffddd7;--db-critical-on-bg-hover:#806f6c40;--db-critical-on-bg-pressed:#b49c9880;--db-critical-on-bg-weak-enabled:#806f6c40;--db-critical-bg-enabled:#482820;--db-critical-bg-strong-enabled:#57403c;--db-critical-element-enabled:#ff4214;--db-critical-border-enabled:#dd3911bf;--db-critical-border-weak-enabled:#b42f0e80;color-scheme:dark}}[data-color-scheme=light]{--db-base-on-enabled:#fff;--db-base-origin-enabled:#242629;--db-base-origin-hover:#212326;--db-base-origin-pressed:#1e1f22;--db-base-text-enabled:#242629;--db-base-text-hover:#6b6c6d;--db-base-text-pressed:#939494;--db-base-on-bg-enabled:#242629;--db-base-on-bg-hover:#12131540;--db-base-on-bg-pressed:#191b1d80;--db-base-on-bg-weak-enabled:#12131540;--db-base-bg-enabled:#fff;--db-base-bg-strong-enabled:#fafafa;--db-base-element-enabled:#777e88;--db-base-border-enabled:#5f656da3;--db-base-border-weak-enabled:#43474d52;--db-neutral-on-enabled:#fff;--db-neutral-origin-enabled:#646973;--db-neutral-origin-hover:#5c6069;--db-neutral-origin-pressed:#52575f;--db-neutral-text-enabled:#646973;--db-neutral-text-hover:#898c93;--db-neutral-text-pressed:#a6a8ad;--db-neutral-on-bg-enabled:#3c3f45;--db-neutral-on-bg-hover:#1e202340;--db-neutral-on-bg-pressed:#2a2d3180;--db-neutral-on-bg-weak-enabled:#1e202340;--db-neutral-bg-enabled:#f6f6f7;--db-neutral-bg-strong-enabled:#f1f1f2;--db-neutral-element-enabled:#777d88;--db-neutral-border-enabled:#5f646da3;--db-neutral-border-weak-enabled:#43474d52;--db-brand-on-enabled:#fff;--db-brand-origin-enabled:#ec0016;--db-brand-origin-hover:#d80014;--db-brand-origin-pressed:#c30012;--db-brand-text-enabled:#e80014;--db-brand-text-hover:#ec6668;--db-brand-text-pressed:#f09091;--db-brand-on-bg-enabled:#8b000c;--db-brand-on-bg-hover:#46000640;--db-brand-on-bg-pressed:#62000880;--db-brand-on-bg-weak-enabled:#46000640;--db-brand-bg-enabled:#fdf5f5;--db-brand-bg-strong-enabled:#f8f0f0;--db-brand-element-enabled:#ff0016;--db-brand-border-enabled:#cc0012a3;--db-brand-border-weak-enabled:#90000c52;--db-informational-on-enabled:#fff;--db-informational-origin-enabled:#309fd1;--db-informational-origin-hover:#2c92c0;--db-informational-origin-pressed:#2883ac;--db-informational-text-enabled:#007caa;--db-informational-text-hover:#6699ba;--db-informational-text-pressed:#90b1c9;--db-informational-on-bg-enabled:#004a66;--db-informational-on-bg-hover:#00253340;--db-informational-on-bg-pressed:#00344880;--db-informational-on-bg-weak-enabled:#00253340;--db-informational-bg-enabled:#f5f7f9;--db-informational-bg-strong-enabled:#f0f2f4;--db-informational-element-enabled:#0099d1;--db-informational-border-enabled:#007aa7a3;--db-informational-border-weak-enabled:#00577652;--db-warning-on-enabled:#fff;--db-warning-origin-enabled:#f39200;--db-warning-origin-hover:#df8600;--db-warning-origin-pressed:#c87800;--db-warning-text-enabled:#af5c00;--db-warning-text-hover:#be8466;--db-warning-text-pressed:#cca390;--db-warning-on-bg-enabled:#693700;--db-warning-on-bg-hover:#351c0040;--db-warning-on-bg-pressed:#4a270080;--db-warning-on-bg-weak-enabled:#351c0040;--db-warning-bg-enabled:#faf6f5;--db-warning-bg-strong-enabled:#f5f1f0;--db-warning-element-enabled:#db7300;--db-warning-border-enabled:#af5c00a3;--db-warning-border-weak-enabled:#7c410052;--db-successful-on-enabled:#fff;--db-successful-origin-enabled:#63a615;--db-successful-origin-hover:#5b9813;--db-successful-origin-pressed:#528911;--db-successful-text-enabled:#398200;--db-successful-text-hover:#739d66;--db-successful-text-pressed:#98b490;--db-successful-on-bg-enabled:#224e00;--db-successful-on-bg-hover:#11270040;--db-successful-on-bg-pressed:#18370080;--db-successful-on-bg-weak-enabled:#11270040;--db-successful-bg-enabled:#f5f7f5;--db-successful-bg-strong-enabled:#f0f2f0;--db-successful-element-enabled:#48a300;--db-successful-border-enabled:#3a8200a3;--db-successful-border-weak-enabled:#295c0052;--db-critical-on-enabled:#fff;--db-critical-origin-enabled:#ec0016;--db-critical-origin-hover:#d80014;--db-critical-origin-pressed:#c30012;--db-critical-text-enabled:#e80014;--db-critical-text-hover:#ec6668;--db-critical-text-pressed:#f09091;--db-critical-on-bg-enabled:#8b000c;--db-critical-on-bg-hover:#46000640;--db-critical-on-bg-pressed:#62000880;--db-critical-on-bg-weak-enabled:#46000640;--db-critical-bg-enabled:#fdf5f5;--db-critical-bg-strong-enabled:#f8f0f0;--db-critical-element-enabled:#ff0016;--db-critical-border-enabled:#cc0012a3;--db-critical-border-weak-enabled:#90000c52;color-scheme:light}[data-color-scheme=dark]{--db-base-on-enabled:#000000bf;--db-base-origin-enabled:#fff;--db-base-origin-hover:#fff;--db-base-origin-pressed:#fff;--db-base-text-enabled:#fff;--db-base-text-hover:#eaeaea;--db-base-text-pressed:#d2d2d2;--db-base-on-bg-enabled:#fff;--db-base-on-bg-hover:#80808040;--db-base-on-bg-pressed:#b4b4b480;--db-base-on-bg-weak-enabled:#80808040;--db-base-bg-enabled:#242629;--db-base-bg-strong-enabled:#3e3f41;--db-base-element-enabled:#8a8a8a;--db-base-border-enabled:#787878bf;--db-base-border-weak-enabled:#62626280;--db-neutral-on-enabled:#000000bf;--db-neutral-origin-enabled:#646973;--db-neutral-origin-hover:#898c93;--db-neutral-origin-pressed:#a6a8ad;--db-neutral-text-enabled:#acb1bb;--db-neutral-text-hover:#9ea2ab;--db-neutral-text-pressed:#8e929a;--db-neutral-on-bg-enabled:#e5e6e9;--db-neutral-on-bg-hover:#73737540;--db-neutral-on-bg-pressed:#a2a3a580;--db-neutral-on-bg-weak-enabled:#73737540;--db-neutral-bg-enabled:#313235;--db-neutral-bg-strong-enabled:#464749;--db-neutral-element-enabled:#848b9a;--db-neutral-border-enabled:#727885bf;--db-neutral-border-weak-enabled:#5d626d80;--db-brand-on-enabled:#fff;--db-brand-origin-enabled:#ec0016;--db-brand-origin-hover:#ef6668;--db-brand-origin-pressed:#f29091;--db-brand-text-enabled:#ff8c70;--db-brand-text-hover:#ea8067;--db-brand-text-pressed:#d2735c;--db-brand-on-bg-enabled:#ffddd7;--db-brand-on-bg-hover:#806f6c40;--db-brand-on-bg-pressed:#b49c9880;--db-brand-on-bg-weak-enabled:#806f6c40;--db-brand-bg-enabled:#482820;--db-brand-bg-strong-enabled:#57403c;--db-brand-element-enabled:#ff4214;--db-brand-border-enabled:#dd3911bf;--db-brand-border-weak-enabled:#b42f0e80;--db-informational-on-enabled:#000000bf;--db-informational-origin-enabled:#309fd1;--db-informational-origin-hover:#6fb2d9;--db-informational-origin-pressed:#96c3e1;--db-informational-text-enabled:#50b3ea;--db-informational-text-hover:#49a4d6;--db-informational-text-pressed:#4294c1;--db-informational-on-bg-enabled:#d2e7f8;--db-informational-on-bg-hover:#69747c40;--db-informational-on-bg-pressed:#94a3af80;--db-informational-on-bg-weak-enabled:#69747c40;--db-informational-bg-enabled:#173342;--db-informational-bg-strong-enabled:#384752;--db-informational-element-enabled:#1a93d6;--db-informational-border-enabled:#177fb9bf;--db-informational-border-weak-enabled:#12689780;--db-warning-on-enabled:#000000bf;--db-warning-origin-enabled:#f39200;--db-warning-origin-hover:#f5a866;--db-warning-origin-pressed:#f7bc90;--db-warning-text-enabled:#f59303;--db-warning-text-hover:#e18703;--db-warning-text-pressed:#ca7902;--db-warning-on-bg-enabled:#fbdecc;--db-warning-on-bg-hover:#7e6f6640;--db-warning-on-bg-pressed:#b19d9080;--db-warning-on-bg-weak-enabled:#7e6f6640;--db-warning-bg-enabled:#452a01;--db-warning-bg-strong-enabled:#554233;--db-warning-element-enabled:#fc9703;--db-warning-border-enabled:#da8303bf;--db-warning-border-weak-enabled:#b26b0280;--db-successful-on-enabled:#000000bf;--db-successful-origin-enabled:#63a615;--db-successful-origin-hover:#89b768;--db-successful-origin-pressed:#a6c791;--db-successful-text-enabled:#81bf35;--db-successful-text-hover:#76af31;--db-successful-text-pressed:#6a9e2c;--db-successful-on-bg-enabled:#daeace;--db-successful-on-bg-hover:#6d756740;--db-successful-on-bg-pressed:#9aa59280;--db-successful-on-bg-weak-enabled:#6d756740;--db-successful-bg-enabled:#24360f;--db-successful-bg-strong-enabled:#3e4935;--db-successful-element-enabled:#87c837;--db-successful-border-enabled:#75ad30bf;--db-successful-border-weak-enabled:#5f8d2780;--db-critical-on-enabled:#000000bf;--db-critical-origin-enabled:#ec0016;--db-critical-origin-hover:#ef6668;--db-critical-origin-pressed:#f29091;--db-critical-text-enabled:#ff8c70;--db-critical-text-hover:#ea8067;--db-critical-text-pressed:#d2735c;--db-critical-on-bg-enabled:#ffddd7;--db-critical-on-bg-hover:#806f6c40;--db-critical-on-bg-pressed:#b49c9880;--db-critical-on-bg-weak-enabled:#806f6c40;--db-critical-bg-enabled:#482820;--db-critical-bg-strong-enabled:#57403c;--db-critical-element-enabled:#ff4214;--db-critical-border-enabled:#dd3911bf;--db-critical-border-weak-enabled:#b42f0e80;color-scheme:dark}:root{--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-show-timing:cubic-bezier(0.49,0.1,0.16,1) normal both;--db-transition-show-straight:0.5s cubic-bezier(0.49,0.1,0.16,1) normal both;--db-transition-hide-straight:0.4s cubic-bezier(0.49,0.1,0.16,1) normal both;--db-transition-emotional-timing:cubic-bezier(0.27,0.05,0.4,0.95);--db-transition-emotional-straight:0.3s cubic-bezier(0.27,0.05,0.4,0.95);--db-transition-functional-timing:cubic-bezier(0.15,0,0.45,1);--db-transition-functional-straight:0.3s cubic-bezier(0.15,0,0.45,1);--db-font-db-screensans-regular-name:"DB Screen Sans Regular";--db-font-db-screensans-regular-local-name:DB Screen Sans;--db-font-db-screensans-regular-local-name-short:DB Sans;--db-font-db-screensans-regular-font-family:"DB Screen Sans";--db-font-db-screensans-regular-font-weight:400;--db-font-db-screensans-regular-woff2:"dbscreensans-regular.woff2";--db-font-db-screensans-bold-name:"DB Screen Sans Bold";--db-font-db-screensans-bold-local-name:DB Screen Sans Bold;--db-font-db-screensans-bold-local-name-short:DB Sans Bold;--db-font-db-screensans-bold-font-family:"DB Screen Sans";--db-font-db-screensans-bold-font-weight:700;--db-font-db-screensans-bold-woff2:"dbscreensans-bold.woff2";--db-font-db-screenhead-light-name:"DB Screen Head Light";--db-font-db-screenhead-light-local-name:DB Screen Head;--db-font-db-screenhead-light-local-name-short:DB Head Light;--db-font-db-screenhead-light-font-family:"DB Screen Head";--db-font-db-screenhead-light-font-weight:300;--db-font-db-screenhead-light-woff2:"dbscreenhead-light.woff2";--db-font-db-screenhead-black-name:"DB Screen Head Black";--db-font-db-screenhead-black-local-name:DB Screen Head #000;--db-font-db-screenhead-black-local-name-short:DB Head #000;--db-font-db-screenhead-black-font-family:"DB Screen Head";--db-font-db-screenhead-black-font-weight:900;--db-font-db-screenhead-black-woff2:"dbscreenhead-black.woff2";--db-font-db-screensans-digital-regular-name:"DB Screen Sans Digital Regular";--db-font-db-screensans-digital-regular-local-name:DB Screen Sans Digital;--db-font-db-screensans-digital-regular-local-name-short:DB Sans Digital;--db-font-db-screensans-digital-regular-font-family:"DB Screen Sans Digital";--db-font-db-screensans-digital-regular-font-weight:400;--db-font-db-screensans-digital-regular-woff2:"dbscreensans-digitalregular.woff2";--db-font-family-sans:"DB Screen Sans",Helvetica,Arial,sans-serif;--db-font-family-head:"DB Screen Head",Helvetica,Arial,sans-serif;--db-font-family-bold:"DB Screen Sans",Helvetica,Arial,sans-serif}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:400;src:url(/mono/review/fix-color-scheme-modes/_next/static/media/db-ux.572f38ad.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:16;src:url(/mono/review/fix-color-scheme-modes/_next/static/media/db-ux.c7b5969c.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:20;src:url(/mono/review/fix-color-scheme-modes/_next/static/media/db-ux.04b05fa3.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:24;src:url(/mono/review/fix-color-scheme-modes/_next/static/media/db-ux.c7ee2436.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:32;src:url(/mono/review/fix-color-scheme-modes/_next/static/media/db-ux.9c662863.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:48;src:url(/mono/review/fix-color-scheme-modes/_next/static/media/db-ux.2a3eb5f7.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:64;src:url(/mono/review/fix-color-scheme-modes/_next/static/media/db-ux.11811a50.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/fix-color-scheme-modes/_next/static/media/db-ux.9b68f67a.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:16;src:url(/mono/review/fix-color-scheme-modes/_next/static/media/db-ux.4102df6c.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:20;src:url(/mono/review/fix-color-scheme-modes/_next/static/media/db-ux.6d2bd18d.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:24;src:url(/mono/review/fix-color-scheme-modes/_next/static/media/db-ux.979088f4.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:32;src:url(/mono/review/fix-color-scheme-modes/_next/static/media/db-ux.6ef8fd70.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:48;src:url(/mono/review/fix-color-scheme-modes/_next/static/media/db-ux.326752e0.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:64;src:url(/mono/review/fix-color-scheme-modes/_next/static/media/db-ux.07b16c47.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-solid;font-style:normal;font-weight:400;src:url(/mono/review/fix-color-scheme-modes/_next/static/media/db-ux.4885ed2b.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-solid;font-style:normal;font-weight:16;src:url(/mono/review/fix-color-scheme-modes/_next/static/media/db-ux.d944524d.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-solid;font-style:normal;font-weight:20;src:url(/mono/review/fix-color-scheme-modes/_next/static/media/db-ux.5e39c2f5.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-solid;font-style:normal;font-weight:24;src:url(/mono/review/fix-color-scheme-modes/_next/static/media/db-ux.9f06d094.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-solid;font-style:normal;font-weight:32;src:url(/mono/review/fix-color-scheme-modes/_next/static/media/db-ux.b089bbca.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-solid;font-style:normal;font-weight:48;src:url(/mono/review/fix-color-scheme-modes/_next/static/media/db-ux.d5549f5c.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-solid;font-style:normal;font-weight:64;src:url(/mono/review/fix-color-scheme-modes/_next/static/media/db-ux.b556c519.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=solid]:after,[data-icon-variant-before=solid]:before,[data-icon-variant=solid]:before{--db-icon-font-family:"db-ux-solid"}[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))}[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}#__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-neutral-border-weak-enabled);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,var(--db-base-on-bg-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:45rem){.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:45rem){.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}.tonality-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)}.tonality-example-grid .db-card{gap:var(--db-spacing-fixed-sm)}.tonality-example-page{display:flex;flex-direction:column;gap:var(--db-spacing-fixed-md)}.tonality-example-page .tonality-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)}.tonality-example-page .tonality-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-text-enabled);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);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)}.desktop-navigation ul{list-style-type:none;display:flex}.default-container{flex-direction:column;padding:var(--db-spacing-fixed-md)}.default-container,.variants-list{display:flex;gap:var(--db-spacing-fixed-md)}.variants-list{flex-wrap:wrap;inline-size:100%;justify-content:center}.variants-list>div{align-items:center;display:flex;gap:var(--db-spacing-fixed-md)}.variants-list .db-select{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)}.badge-inline-container .db-badge{-webkit-margin-start:var(--db-spacing-responsive-md);margin-inline-start:var(--db-spacing-responsive-md);margin-block:auto}
\ No newline at end of file
+ );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-informational-bg-enabled))}.db-bg-informational,.db-bg-informational-interactive{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-bg-informational-transparent-full,.db-bg-informational-transparent-semi{color:var(--db-informational-on-bg-enabled);background-color:color-mix(in srgb,transparent var(--db-bg-transparent,100%),var(--db-current-base-color))}.db-bg-informational-transparent-semi{background-color:color-mix(in srgb,transparent var(--db-bg-transparent,92%),var(--db-current-base-color))}.db-bg-informational-interactive:enabled:hover{--db-bg-transparent:84%}.db-bg-informational-interactive:enabled:active{--db-bg-transparent:68%}[data-emphasis=weak].db-bg-informational,[data-emphasis=weak].db-bg-informational-interactive{--db-current-color:var(--db-informational-on-bg-weak-enabled);color:var(--db-current-color)}.db-bg-informational-strong{--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-informational-bg-strong-enabled))}.db-badge[data-emphasis=strong],.db-checkbox input:checked,.db-code-docs .code-details .code,.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]: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-color:var(--db-base-on-enabled);color:var(--db-current-color);background-color:var(--db-base-text-enabled)}.db-checkbox input:enabled:hover:checked,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){background-color:var(--db-base-text-hover)}.db-checkbox input:enabled:active:checked,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){background-color:var(--db-base-text-pressed)}:root,[data-color-variant=base].db-card{--db-current-base-color:var(--db-base-text-enabled);--db-current-color:var(--db-base-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-base-bg-enabled));--db-current-element-color:var(--db-base-element-enabled);--db-current-border-color:var(--db-base-border-enabled);--db-current-border-weak-color:var( --db-base-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-base-bg-enabled));background-color:var(--db-current-bg-color);color:var(--db-current-color)}[data-emphasis=weak]:root,[data-emphasis=weak][data-color-variant=base].db-card{--db-current-color:var(--db-base-on-bg-weak-enabled);color:var(--db-current-color)}.db-badge,.db-tag:has(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a) a,.db-tag:has(label,button:not(.db-tab-remove-button),a) db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a) dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a) label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a) label:has(input[type=radio]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a):not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a)){--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-base-bg-strong-enabled))}.db-badge[data-variant=neutral][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=neutral][data-emphasis=strong],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=neutral][data-emphasis=strong],.db-tooltip[data-emphasis=strong],code,pre:has(code){--db-current-color:var(--db-neutral-on-enabled);color:var(--db-current-color);background-color:var(--db-neutral-text-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){background-color:var(--db-neutral-text-hover)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){background-color:var(--db-neutral-text-pressed)}.db-alert[data-variant=neutral],.db-badge[data-variant=neutral],.db-header-meta-navigation,.db-tag:has(.db-tab-remove-button)[data-variant=neutral],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=neutral],[data-color-variant=neutral].db-card,blockquote,table th,table tr:nth-child(2n){--db-current-base-color:var(--db-neutral-text-enabled);--db-current-color:var(--db-neutral-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-neutral-bg-enabled));--db-current-element-color:var(--db-neutral-element-enabled);--db-current-border-color:var(--db-neutral-border-enabled);--db-current-border-weak-color:var( --db-neutral-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-neutral-bg-enabled))}.db-alert[data-variant=neutral],.db-badge[data-variant=neutral],.db-tag:has(.db-tab-remove-button)[data-variant=neutral],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=neutral],[data-color-variant=neutral].db-card{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-header-meta-navigation,blockquote,table th,table tr:nth-child(2n){color:var(--db-neutral-on-bg-enabled);background-color:color-mix(in srgb,transparent var(--db-bg-transparent,100%),var(--db-current-base-color));background-color:color-mix(in srgb,transparent var(--db-bg-transparent,92%),var(--db-current-base-color))}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){--db-bg-transparent:84%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){--db-bg-transparent:68%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] a[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] db-button>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] dbbutton:not(.db-tab-remove-button)>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] label[data-emphasis=weak]:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral]:not(:has(dbbutton)) button[data-emphasis=weak]:not(.db-tab-remove-button),[data-emphasis=weak].db-alert[data-variant=neutral],[data-emphasis=weak].db-badge[data-variant=neutral],[data-emphasis=weak].db-tag[data-variant=neutral]:has(.db-tab-remove-button),[data-emphasis=weak].db-tag[data-variant=neutral]:not(:has(label,button:not(.db-tab-remove-button),a)),[data-emphasis=weak][data-color-variant=neutral].db-card{--db-current-color:var(--db-neutral-on-bg-weak-enabled);color:var(--db-current-color)}.db-button[data-variant=primary]{--db-current-color:var(--db-brand-on-enabled);color:var(--db-current-color);background-color:var(--db-brand-text-enabled)}.db-button[data-variant=primary]:enabled:hover{background-color:var(--db-brand-text-hover)}.db-button[data-variant=primary]:enabled:active{background-color:var(--db-brand-text-pressed)}[data-color-variant=brand].db-card{--db-current-base-color:var(--db-brand-text-enabled);--db-current-color:var(--db-brand-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-brand-bg-enabled));--db-current-element-color:var(--db-brand-element-enabled);--db-current-border-color:var(--db-brand-border-enabled);--db-current-border-weak-color:var( --db-brand-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-brand-bg-enabled));background-color:var(--db-current-bg-color);color:var(--db-current-color)}[data-emphasis=weak][data-color-variant=brand].db-card{--db-current-color:var(--db-brand-on-bg-weak-enabled);color:var(--db-current-color)}.db-badge[data-variant=critical][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=critical][data-emphasis=strong],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=critical][data-emphasis=strong]{--db-current-color:var(--db-critical-on-enabled);color:var(--db-current-color);background-color:var(--db-critical-text-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){background-color:var(--db-critical-text-hover)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){background-color:var(--db-critical-text-pressed)}.db-alert[data-variant=critical],.db-badge[data-variant=critical],.db-tag:has(.db-tab-remove-button)[data-variant=critical],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=critical],[data-color-variant=critical].db-card{--db-current-base-color:var(--db-critical-text-enabled);--db-current-color:var(--db-critical-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-critical-bg-enabled));--db-current-element-color:var(--db-critical-element-enabled);--db-current-border-color:var(--db-critical-border-enabled);--db-current-border-weak-color:var( --db-critical-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-critical-bg-enabled))}.db-alert[data-variant=critical],.db-badge[data-variant=critical],.db-tag:has(.db-tab-remove-button)[data-variant=critical],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=critical],[data-color-variant=critical].db-card{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){--db-bg-transparent:84%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){--db-bg-transparent:68%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] a[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] db-button>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] dbbutton:not(.db-tab-remove-button)>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] label[data-emphasis=weak]:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical]:not(:has(dbbutton)) button[data-emphasis=weak]:not(.db-tab-remove-button),[data-emphasis=weak].db-alert[data-variant=critical],[data-emphasis=weak].db-badge[data-variant=critical],[data-emphasis=weak].db-tag[data-variant=critical]:has(.db-tab-remove-button),[data-emphasis=weak].db-tag[data-variant=critical]:not(:has(label,button:not(.db-tab-remove-button),a)),[data-emphasis=weak][data-color-variant=critical].db-card{--db-current-color:var(--db-critical-on-bg-weak-enabled);color:var(--db-current-color)}.db-badge[data-variant=successful][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=successful][data-emphasis=strong],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=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-color:var(--db-successful-on-enabled);color:var(--db-current-color);background-color:var(--db-successful-text-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){background-color:var(--db-successful-text-hover)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){background-color:var(--db-successful-text-pressed)}.db-alert[data-variant=successful],.db-badge[data-variant=successful],.db-tag:has(.db-tab-remove-button)[data-variant=successful],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=successful],[data-color-variant=successful].db-card{--db-current-base-color:var(--db-successful-text-enabled);--db-current-color:var(--db-successful-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-successful-bg-enabled));--db-current-element-color:var(--db-successful-element-enabled);--db-current-border-color:var(--db-successful-border-enabled);--db-current-border-weak-color:var( --db-successful-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-successful-bg-enabled))}.db-alert[data-variant=successful],.db-badge[data-variant=successful],.db-tag:has(.db-tab-remove-button)[data-variant=successful],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=successful],[data-color-variant=successful].db-card{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){--db-bg-transparent:84%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){--db-bg-transparent:68%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] a[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] db-button>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] dbbutton:not(.db-tab-remove-button)>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] label[data-emphasis=weak]:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful]:not(:has(dbbutton)) button[data-emphasis=weak]:not(.db-tab-remove-button),[data-emphasis=weak].db-alert[data-variant=successful],[data-emphasis=weak].db-badge[data-variant=successful],[data-emphasis=weak].db-tag[data-variant=successful]:has(.db-tab-remove-button),[data-emphasis=weak].db-tag[data-variant=successful]:not(:has(label,button:not(.db-tab-remove-button),a)),[data-emphasis=weak][data-color-variant=successful].db-card{--db-current-color:var(--db-successful-on-bg-weak-enabled);color:var(--db-current-color)}.db-badge[data-variant=warning][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=warning][data-emphasis=strong],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=warning][data-emphasis=strong],.example-container .example-item .example-sizing .sizing{--db-current-color:var(--db-warning-on-enabled);color:var(--db-current-color);background-color:var(--db-warning-text-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){background-color:var(--db-warning-text-hover)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){background-color:var(--db-warning-text-pressed)}.db-alert[data-variant=warning],.db-badge[data-variant=warning],.db-tag:has(.db-tab-remove-button)[data-variant=warning],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=warning],[data-color-variant=warning].db-card{--db-current-base-color:var(--db-warning-text-enabled);--db-current-color:var(--db-warning-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-warning-bg-enabled));--db-current-element-color:var(--db-warning-element-enabled);--db-current-border-color:var(--db-warning-border-enabled);--db-current-border-weak-color:var( --db-warning-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-warning-bg-enabled))}.db-alert[data-variant=warning],.db-badge[data-variant=warning],.db-tag:has(.db-tab-remove-button)[data-variant=warning],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=warning],[data-color-variant=warning].db-card{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){--db-bg-transparent:84%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){--db-bg-transparent:68%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] a[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] db-button>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] dbbutton:not(.db-tab-remove-button)>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] label[data-emphasis=weak]:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning]:not(:has(dbbutton)) button[data-emphasis=weak]:not(.db-tab-remove-button),[data-emphasis=weak].db-alert[data-variant=warning],[data-emphasis=weak].db-badge[data-variant=warning],[data-emphasis=weak].db-tag[data-variant=warning]:has(.db-tab-remove-button),[data-emphasis=weak].db-tag[data-variant=warning]:not(:has(label,button:not(.db-tab-remove-button),a)),[data-emphasis=weak][data-color-variant=warning].db-card{--db-current-color:var(--db-warning-on-bg-weak-enabled);color:var(--db-current-color)}.db-badge[data-variant=informational][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=informational][data-emphasis=strong],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=informational][data-emphasis=strong]{--db-current-color:var(--db-informational-on-enabled);color:var(--db-current-color);background-color:var(--db-informational-text-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){background-color:var(--db-informational-text-hover)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){background-color:var(--db-informational-text-pressed)}.db-alert[data-variant=informational],.db-badge[data-variant=informational],.db-tag:has(.db-tab-remove-button)[data-variant=informational],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=informational],[data-color-variant=informational].db-card{--db-current-base-color:var(--db-informational-text-enabled);--db-current-color:var(--db-informational-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-informational-bg-enabled));--db-current-element-color:var(--db-informational-element-enabled);--db-current-border-color:var(--db-informational-border-enabled);--db-current-border-weak-color:var( --db-informational-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-informational-bg-enabled))}.db-alert[data-variant=informational],.db-badge[data-variant=informational],.db-tag:has(.db-tab-remove-button)[data-variant=informational],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=informational],[data-color-variant=informational].db-card{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){--db-bg-transparent:84%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){--db-bg-transparent:68%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] a[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] db-button>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] dbbutton:not(.db-tab-remove-button)>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] label[data-emphasis=weak]:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational]:not(:has(dbbutton)) button[data-emphasis=weak]:not(.db-tab-remove-button),[data-emphasis=weak].db-alert[data-variant=informational],[data-emphasis=weak].db-badge[data-variant=informational],[data-emphasis=weak].db-tag[data-variant=informational]:has(.db-tab-remove-button),[data-emphasis=weak].db-tag[data-variant=informational]:not(:has(label,button:not(.db-tab-remove-button),a)),[data-emphasis=weak][data-color-variant=informational].db-card{--db-current-color:var(--db-informational-on-bg-weak-enabled);color:var(--db-current-color)}.db-accordion-item,.db-accordion-item summary,.db-button,.db-checkbox input,.db-input input,.db-radio input,.db-radio input:checked:enabled:hover,.db-select select,.db-tag a,.db-tag button,.db-tag input:checked,.db-tag label:has(input:checked),.db-textarea textarea,.db-textarea textarea::-webkit-scrollbar-button:single-button,.db-textarea textarea::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff))}.db-input[data-label-variant=hidden] label,.db-select[data-label-variant=hidden] label,.db-textarea[data-label-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.5rem;--db-breakpoint-sm:45rem;--db-breakpoint-md:64rem;--db-breakpoint-lg:90rem;--db-breakpoint-xl:120rem}.db-header-meta-navigation,.db-ui-expressive,.db-ui-functional,.db-ui-regular,:root,:root .app-canvas,:root:not(:has(.app-canvas)),[data-tonality=expressive],[data-tonality=functional],[data-tonality=regular],table{--db-icon-font-weight:var(--db-base-icon-weight-md);--db-icon-font-size:var(--db-base-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-input input,.db-input input>*,.db-input[data-label-variant=floating] label,.db-input[data-label-variant=floating] label>*,.db-select [id$=-placeholder],.db-select [id$=-placeholder]>*,.db-select select,.db-select select>*,.db-select[data-label-variant=floating] label,.db-select[data-label-variant=floating] label>*,.db-textarea textarea,.db-textarea textarea>*,.db-textarea[data-label-variant=floating] label,.db-textarea[data-label-variant=floating] label>*{--db-icon-font-weight:var(--db-base-icon-weight-md);--db-icon-font-size:var(--db-base-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,.db-badge .db-icon,.db-badge .db-icon>*,.db-badge>*,.db-badge>*>*,.db-button[data-size=small],.db-button[data-size=small]>*,.db-infotext,.db-infotext>*,.db-input,.db-input>*,.db-input[data-label-variant=floating] [id$=-placeholder],.db-input[data-label-variant=floating] [id$=-placeholder]>*,.db-input[data-label-variant=floating] input,.db-input[data-label-variant=floating] input>*,.db-link[data-size=small],.db-link[data-size=small]>*,.db-select,.db-select>*,.db-select[data-label-variant=floating] [id$=-placeholder],.db-select[data-label-variant=floating] [id$=-placeholder]>*,.db-select[data-label-variant=floating] select,.db-select[data-label-variant=floating] select>*,.db-tag,.db-tag a,.db-tag a>*,.db-tag button,.db-tag button>*,.db-tag label,.db-tag label>*,.db-tag>*,.db-textarea,.db-textarea>*,.db-textarea[data-label-variant=floating] [id$=-placeholder],.db-textarea[data-label-variant=floating] [id$=-placeholder]>*,.db-textarea[data-label-variant=floating] textarea,.db-textarea[data-label-variant=floating] textarea>*,.db-tooltip,.db-tooltip>*,[data-size=small].db-checkbox,[data-size=small].db-checkbox>*,[data-size=small].db-radio,[data-size=small].db-radio>*,code,code>*,div[class^=ch-] div,div[class^=ch-] div>*,div[class^=ch-] span,div[class^=ch-] span>*,small,small>*{--db-icon-font-weight:var(--db-base-icon-weight-sm);--db-icon-font-size:var(--db-base-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-infotext[data-size=small]>*,.db-input label,.db-input label>*,.db-select label,.db-select label>*,.db-textarea label,.db-textarea label>*{--db-icon-font-weight:var(--db-base-icon-weight-xs);--db-icon-font-size:var(--db-base-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[data-size=small],.db-badge[data-size=small] .db-icon,.db-badge[data-size=small]>*,.db-input[data-label-variant=floating]:has(>select option:checked:not([hidden])) label,.db-input[data-label-variant=floating]:has(input:focus-within) label,.db-input[data-label-variant=floating]:has(input:is(input,textarea):not(:placeholder-shown)) label,.db-select[data-label-variant=floating]:has(>select option:checked:not([hidden])) label,.db-select[data-label-variant=floating]:has(select:focus-within) label,.db-select[data-label-variant=floating]:has(select:is(input,textarea):not(:placeholder-shown)) label,.db-textarea[data-label-variant=floating]:has(>select option:checked:not([hidden])) label,.db-textarea[data-label-variant=floating]:has(textarea:focus-within) label,.db-textarea[data-label-variant=floating]:has(textarea:is(input,textarea):not(:placeholder-shown)) label{--db-icon-font-weight:var(--db-base-icon-weight-2xs);--db-icon-font-size:var(--db-base-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-badge[data-size=small] .db-icon>*,.db-badge[data-size=small]>*,.db-badge[data-size=small]>*>*,.db-input[data-label-variant=floating]:has(>select option:checked:not([hidden])) label>*,.db-input[data-label-variant=floating]:has(input:focus-within) label>*,.db-input[data-label-variant=floating]:has(input:is(input,textarea):not(:placeholder-shown)) label>*,.db-select[data-label-variant=floating]:has(>select option:checked:not([hidden])) label>*,.db-select[data-label-variant=floating]:has(select:focus-within) label>*,.db-select[data-label-variant=floating]:has(select:is(input,textarea):not(:placeholder-shown)) label>*,.db-textarea[data-label-variant=floating]:has(>select option:checked:not([hidden])) label>*,.db-textarea[data-label-variant=floating]:has(textarea:focus-within) label>*,.db-textarea[data-label-variant=floating]:has(textarea:is(input,textarea):not(:placeholder-shown)) label>*{--db-icon-font-weight:var(--db-base-icon-weight-2xs);--db-icon-font-size:var(--db-base-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-ui-expressive,[data-tonality=expressive]{--db-input-label-scale:0.55;--db-input-focus-opacity:1;--db-textarea-label-scale:0.55;--db-textarea-focus-opacity:1;--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:45rem){.db-ui-expressive:not([data-force-mobile]),[data-force-mobile=false].db-ui-expressive,[data-force-mobile=false][data-tonality=expressive],[data-tonality=expressive]:not([data-force-mobile]){--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:64rem){.db-ui-expressive:not([data-force-mobile]),[data-force-mobile=false].db-ui-expressive,[data-force-mobile=false][data-tonality=expressive],[data-tonality=expressive]:not([data-force-mobile]){--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-ui-regular,:root .app-canvas,:root:not(:has(.app-canvas)),[data-tonality=regular]{--db-input-label-scale:0.65;--db-input-focus-opacity:1;--db-textarea-label-scale:0.65;--db-textarea-focus-opacity:1;--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:45rem){.db-ui-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-force-mobile=false].db-ui-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-tonality=regular],[data-tonality=regular]:not([data-force-mobile]){--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:64rem){.db-ui-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-force-mobile=false].db-ui-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-tonality=regular],[data-tonality=regular]:not([data-force-mobile]){--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-header-meta-navigation,.db-ui-functional,[data-tonality=functional],table{--db-input-label-scale:1;--db-input-focus-opacity:0;--db-textarea-label-scale:1;--db-textarea-focus-opacity:0;--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:45rem){.db-header-meta-navigation:not([data-force-mobile]),.db-ui-functional:not([data-force-mobile]),[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false].db-ui-functional,[data-force-mobile=false][data-tonality=functional],[data-tonality=functional]:not([data-force-mobile]),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:64rem){.db-header-meta-navigation:not([data-force-mobile]),.db-ui-functional:not([data-force-mobile]),[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false].db-ui-functional,[data-force-mobile=false][data-tonality=functional],[data-tonality=functional]:not([data-force-mobile]),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-ui-expressive,[data-tonality=expressive]{--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-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-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-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-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-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-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)}@media screen and (min-width:45rem){.db-ui-expressive:not([data-force-mobile]),[data-force-mobile=false].db-ui-expressive,[data-force-mobile=false][data-tonality=expressive],[data-tonality=expressive]:not([data-force-mobile]){--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-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-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-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-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-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-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)}}@media screen and (min-width:64rem){.db-ui-expressive:not([data-force-mobile]),[data-force-mobile=false].db-ui-expressive,[data-force-mobile=false][data-tonality=expressive],[data-tonality=expressive]:not([data-force-mobile]){--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-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-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-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-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-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-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-ui-expressive,[data-tonality=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-icon-weight-3xs:var(--db-base-icon-weight-expressive-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-expressive-mobile-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-icon-weight-2xs:var(--db-base-icon-weight-expressive-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-expressive-mobile-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-icon-weight-xs:var(--db-base-icon-weight-expressive-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-expressive-mobile-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-icon-weight-sm:var(--db-base-icon-weight-expressive-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-expressive-mobile-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-icon-weight-md:var(--db-base-icon-weight-expressive-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-expressive-mobile-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-icon-weight-lg:var(--db-base-icon-weight-expressive-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-expressive-mobile-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-icon-weight-xl:var(--db-base-icon-weight-expressive-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-expressive-mobile-xl)}@media screen and (min-width:45rem){.db-ui-expressive:not([data-force-mobile]),[data-force-mobile=false].db-ui-expressive,[data-force-mobile=false][data-tonality=expressive],[data-tonality=expressive]:not([data-force-mobile]){--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-icon-weight-3xs:var(--db-base-icon-weight-expressive-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-expressive-mobile-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-icon-weight-2xs:var(--db-base-icon-weight-expressive-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-expressive-mobile-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-icon-weight-xs:var(--db-base-icon-weight-expressive-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-expressive-mobile-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-icon-weight-sm:var(--db-base-icon-weight-expressive-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-expressive-mobile-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-icon-weight-md:var(--db-base-icon-weight-expressive-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-expressive-mobile-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-icon-weight-lg:var(--db-base-icon-weight-expressive-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-expressive-mobile-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-icon-weight-xl:var(--db-base-icon-weight-expressive-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-expressive-mobile-xl)}}@media screen and (min-width:64rem){.db-ui-expressive:not([data-force-mobile]),[data-force-mobile=false].db-ui-expressive,[data-force-mobile=false][data-tonality=expressive],[data-tonality=expressive]:not([data-force-mobile]){--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-icon-weight-3xs:var(--db-base-icon-weight-expressive-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-expressive-mobile-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-icon-weight-2xs:var(--db-base-icon-weight-expressive-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-expressive-mobile-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-icon-weight-xs:var(--db-base-icon-weight-expressive-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-expressive-mobile-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-icon-weight-sm:var(--db-base-icon-weight-expressive-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-expressive-mobile-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-icon-weight-md:var(--db-base-icon-weight-expressive-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-expressive-mobile-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-icon-weight-lg:var(--db-base-icon-weight-expressive-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-expressive-mobile-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-icon-weight-xl:var(--db-base-icon-weight-expressive-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-expressive-mobile-xl)}}.db-ui-regular,:root .app-canvas,:root:not(:has(.app-canvas)),[data-tonality=regular]{--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-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-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-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-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-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-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)}@media screen and (min-width:45rem){.db-ui-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-force-mobile=false].db-ui-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-tonality=regular],[data-tonality=regular]:not([data-force-mobile]){--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-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-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-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-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-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-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)}}@media screen and (min-width:64rem){.db-ui-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-force-mobile=false].db-ui-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-tonality=regular],[data-tonality=regular]:not([data-force-mobile]){--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-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-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-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-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-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-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-ui-regular,:root .app-canvas,:root:not(:has(.app-canvas)),[data-tonality=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-icon-weight-3xs:var(--db-base-icon-weight-regular-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-regular-mobile-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-icon-weight-2xs:var(--db-base-icon-weight-regular-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-regular-mobile-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-icon-weight-xs:var(--db-base-icon-weight-regular-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-regular-mobile-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-icon-weight-sm:var(--db-base-icon-weight-regular-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-regular-mobile-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-icon-weight-md:var(--db-base-icon-weight-regular-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-regular-mobile-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-icon-weight-lg:var(--db-base-icon-weight-regular-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-regular-mobile-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-icon-weight-xl:var(--db-base-icon-weight-regular-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-regular-mobile-xl)}@media screen and (min-width:45rem){.db-ui-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-force-mobile=false].db-ui-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-tonality=regular],[data-tonality=regular]:not([data-force-mobile]){--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-icon-weight-3xs:var(--db-base-icon-weight-regular-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-regular-mobile-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-icon-weight-2xs:var(--db-base-icon-weight-regular-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-regular-mobile-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-icon-weight-xs:var(--db-base-icon-weight-regular-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-regular-mobile-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-icon-weight-sm:var(--db-base-icon-weight-regular-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-regular-mobile-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-icon-weight-md:var(--db-base-icon-weight-regular-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-regular-mobile-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-icon-weight-lg:var(--db-base-icon-weight-regular-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-regular-mobile-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-icon-weight-xl:var(--db-base-icon-weight-regular-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-regular-mobile-xl)}}@media screen and (min-width:64rem){.db-ui-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-force-mobile=false].db-ui-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-tonality=regular],[data-tonality=regular]:not([data-force-mobile]){--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-icon-weight-3xs:var(--db-base-icon-weight-regular-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-regular-mobile-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-icon-weight-2xs:var(--db-base-icon-weight-regular-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-regular-mobile-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-icon-weight-xs:var(--db-base-icon-weight-regular-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-regular-mobile-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-icon-weight-sm:var(--db-base-icon-weight-regular-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-regular-mobile-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-icon-weight-md:var(--db-base-icon-weight-regular-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-regular-mobile-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-icon-weight-lg:var(--db-base-icon-weight-regular-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-regular-mobile-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-icon-weight-xl:var(--db-base-icon-weight-regular-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-regular-mobile-xl)}}.db-header-meta-navigation,.db-ui-functional,[data-tonality=functional],table{--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-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-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-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-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-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-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)}@media screen and (min-width:45rem){.db-header-meta-navigation:not([data-force-mobile]),.db-ui-functional:not([data-force-mobile]),[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false].db-ui-functional,[data-force-mobile=false][data-tonality=functional],[data-tonality=functional]:not([data-force-mobile]),table:not([data-force-mobile]),table[data-force-mobile=false]{--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-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-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-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-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-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-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)}}@media screen and (min-width:64rem){.db-header-meta-navigation:not([data-force-mobile]),.db-ui-functional:not([data-force-mobile]),[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false].db-ui-functional,[data-force-mobile=false][data-tonality=functional],[data-tonality=functional]:not([data-force-mobile]),table:not([data-force-mobile]),table[data-force-mobile=false]{--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-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-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-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-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-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-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-header-meta-navigation,.db-ui-functional,[data-tonality=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-icon-weight-3xs:var(--db-base-icon-weight-functional-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-functional-mobile-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-icon-weight-2xs:var(--db-base-icon-weight-functional-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-functional-mobile-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-icon-weight-xs:var(--db-base-icon-weight-functional-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-functional-mobile-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-icon-weight-sm:var(--db-base-icon-weight-functional-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-functional-mobile-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-icon-weight-md:var(--db-base-icon-weight-functional-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-functional-mobile-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-icon-weight-lg:var(--db-base-icon-weight-functional-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-functional-mobile-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-icon-weight-xl:var(--db-base-icon-weight-functional-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-functional-mobile-xl)}@media screen and (min-width:45rem){.db-header-meta-navigation:not([data-force-mobile]),.db-ui-functional:not([data-force-mobile]),[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false].db-ui-functional,[data-force-mobile=false][data-tonality=functional],[data-tonality=functional]:not([data-force-mobile]),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-icon-weight-3xs:var(--db-base-icon-weight-functional-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-functional-mobile-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-icon-weight-2xs:var(--db-base-icon-weight-functional-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-functional-mobile-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-icon-weight-xs:var(--db-base-icon-weight-functional-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-functional-mobile-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-icon-weight-sm:var(--db-base-icon-weight-functional-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-functional-mobile-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-icon-weight-md:var(--db-base-icon-weight-functional-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-functional-mobile-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-icon-weight-lg:var(--db-base-icon-weight-functional-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-functional-mobile-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-icon-weight-xl:var(--db-base-icon-weight-functional-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-functional-mobile-xl)}}@media screen and (min-width:64rem){.db-header-meta-navigation:not([data-force-mobile]),.db-ui-functional:not([data-force-mobile]),[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false].db-ui-functional,[data-force-mobile=false][data-tonality=functional],[data-tonality=functional]:not([data-force-mobile]),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-icon-weight-3xs:var(--db-base-icon-weight-functional-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-functional-mobile-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-icon-weight-2xs:var(--db-base-icon-weight-functional-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-functional-mobile-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-icon-weight-xs:var(--db-base-icon-weight-functional-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-functional-mobile-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-icon-weight-sm:var(--db-base-icon-weight-functional-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-functional-mobile-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-icon-weight-md:var(--db-base-icon-weight-functional-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-functional-mobile-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-icon-weight-lg:var(--db-base-icon-weight-functional-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-functional-mobile-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-icon-weight-xl:var(--db-base-icon-weight-functional-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-functional-mobile-xl)}}@font-face{font-family:DB Screen Head;font-style:normal;font-weight:300;src:local("DB Screen Head Light"),local(DB Screen Head),local(DB Head Light),url(/mono/review/fix-color-scheme-modes/_next/static/media/dbscreenhead-light.f43da5c1.woff2) format("woff2")}@font-face{font-family:DB Screen Head;font-style:normal;font-weight:900;src:local(DB Screen Head Black),local(DB Head Black),url(/mono/review/fix-color-scheme-modes/_next/static/media/dbscreenhead-black.8003423d.woff2) format("woff2")}@font-face{font-family:DB Screen Sans;font-style:normal;font-weight:400;src:local("DB Screen Sans Regular"),local(DB Screen Sans),local(DB Sans),url(/mono/review/fix-color-scheme-modes/_next/static/media/dbscreensans-regular.6ef88637.woff2) format("woff2")}@font-face{font-family:DB Screen Sans;font-style:normal;font-weight:700;src:local(DB Screen Sans Bold),local(DB Sans Bold),url(/mono/review/fix-color-scheme-modes/_next/static/media/dbscreensans-bold.97637e71.woff2) format("woff2")}@font-face{font-family:DB Screen Sans Digital;font-style:normal;font-weight:400;src:local("DB Screen Sans Digital Regular"),local(DB Screen Sans Digital),local(DB Sans Digital),url(/mono/review/fix-color-scheme-modes/_next/static/media/dbscreensans-digitalregular.06a7ba06.woff2) format("woff2")}:where(html){line-height:1.15}: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(pre){font-family:monospace,monospace;font-size:1em}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,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}.db-tag a,.db-tag label,.db-textarea textarea::-webkit-scrollbar,.db-textarea textarea::-webkit-scrollbar-corner,.db-textarea[data-label-variant=floating]:has(textarea:focus-within):before,.db-textarea[data-label-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,var(--db-transition-duration-ultra-fast)),background-color var(--db-transition-color,var(--db-transition-duration-medium) var(--db-transition-emotional-timing));transition:outline var(--db-transition-duration-ultra-fast,var(--db-transition-duration-ultra-fast)),background-color var(--db-transition-color,var(--db-transition-duration-medium) var(--db-transition-emotional-timing))}.db-link{transition:outline var(--db-transition-duration-ultra-fast,var(--db-transition-duration-ultra-fast)),color var(--db-transition-color,var(--db-transition-duration-medium) var(--db-transition-emotional-timing))}@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-translate-x,0),var(--db-popover-translate-y,0))}to{opacity:1;transform:translate(0)}}:root{--db-focus-outline-color:var(--db-informational-text-enabled);--db-focus-box-shadow-bg-color:var(--db-base-bg-enabled);--db-focus-box-shadow-on-bg-color:var(--db-current-color,var(--db-base-on-bg-enabled))}body,html{margin:0;padding:0}.app-canvas,.control-pane,body{font-family:var(--db-font-family-sans)}html{box-sizing:var(--db-box-sizing,border-box)}*,: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}:is(a,button,input,textarea,summary,select,[tabindex]:not([tabindex="-1"])):focus-visible{outline:var(--db-border-height-md) var(--db-focus-outline-style,solid) var(--db-focus-outline-color,currentColor);outline-offset:calc(var(--db-border-height-lg) + var(--db-border-height-md));box-shadow:0 0 0 var(--db-border-height-lg) var(--db-focus-box-shadow-bg-color),0 0 0 calc(var(--db-border-height-lg) + var(--db-border-height-md)) var(--db-focus-box-shadow-on-bg-color);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))}:is(a,button,input,textarea,summary,select,[tabindex]:not([tabindex="-1"])):focus-visible:not([type=radio]){border-radius:var(--db-border-radius-md)}:where(ul){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{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)}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)}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)}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)}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)}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)}p{margin-block:var(--db-spacing-fixed-md)}.db-accordion-item summary:after,.db-alert:not([data-icon]):before,.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-select:after,[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{-webkit-alt:"";alt:"";content:var(--db-icon,attr(data-icon));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)}@media aural{.db-accordion-item summary:after,.db-alert:not([data-icon]):before,.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-select:after,[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{content:none}}@media speech{.db-accordion-item summary:after,.db-alert:not([data-icon]):before,.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-select: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-sm) solid var(--db-current-color,var(--db-base-on-bg-enabled))}.db-button[data-variant=primary],.db-button[data-variant=solid],.db-button[data-variant=text],.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-sm) solid transparent}.db-alert,.db-badge,.db-input input,.db-popover,.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-label-variant=floating]:has(textarea:focus-within):after,.db-textarea[data-label-variant=floating]:has(textarea:not(:placeholder-shown)):after,.db-tooltip,.db-tooltip:not([data-variant=basic]):after{border:var(--db-border-height-sm) solid var(--db-current-border-weak-color,var(--db-base-border-weak-enabled))}.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-md)}.db-alert[data-type=inline],.db-card,.db-popover,.db-tooltip{border-radius:var(--default-card-border-radius,var(--db-border-radius-lg));box-shadow:var(--db-elevation-md)}.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,var(--db-base-on-bg-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)}.db-button:enabled:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-button:enabled:active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-button.is-icon-text-replace{font-size:0;padding:0;inline-size:var(--db-sizing-md)}.db-button[data-size=small]{block-size:var(--db-sizing-sm)}.db-button[data-size=small]:not(.is-icon-text-replace){padding:var(--db-spacing-fixed-3xs) var(--db-spacing-fixed-sm)}.db-button[data-size=small]:not(.is-icon-text-replace):before{-webkit-margin-end:var(--db-spacing-fixed-2xs);margin-inline-end:var(--db-spacing-fixed-2xs)}.db-button[data-size=small].is-icon-text-replace{inline-size:var(--db-sizing-sm)}.db-button[data-width=full]{inline-size:100%}.db-button[data-variant=primary]{background-color:var(--db-brand-origin-enabled);color:var(--db-brand-on-enabled)}.db-button[data-variant=primary]:hover{background-color:var(--db-brand-origin-hover)}.db-button[data-variant=primary]:active{background-color:var(--db-brand-origin-pressed)}.db-button[data-variant=solid]{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff))}.db-button:disabled{opacity:var(--db-opacity-sm)}.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;display:flex}.db-icon:before{--db-icon-margin-end:0}@supports(-webkit-hyphens:none){.db-icon{display:inline-block}.db-icon:before{block-size:auto}}.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-border-weak-color,var(--db-base-border-weak-enabled));position:relative;block-size:1px;inline-size:100%}.db-divider:not([data-variant=vertical])[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-divider:not([data-variant=vertical]):before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:1px;inset-block-start:0;inset-inline:0}.db-divider[data-variant=vertical]{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative;block-size:100%;inline-size:1px}.db-divider[data-variant=vertical][data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-divider[data-variant=vertical]:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;inline-size:1px;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{background-color:var(--db-base-bg-enabled);display:flex;flex-direction:column}.db-card>a{text-decoration:none}.db-card[data-spacing=medium]{padding:var(--db-spacing-fixed-lg)}.db-card[data-spacing=small]{padding:var(--db-spacing-fixed-md)}.db-card[data-variant=interactive]{transition:box-shadow .15s var(--db-transition-functional-timing)}.db-card[data-variant=interactive]:hover:not([data-elevation=none]){cursor:pointer;box-shadow:var(--db-elevation-lg)}.db-card[data-variant=interactive]:active:not([data-elevation=none]){box-shadow:var(--db-elevation-sm)}.db-card[data-elevation=none]{box-shadow:none}.db-accordion-item summary:after,.db-input:has(datalist):after,.db-select:after{--db-icon-after:"expand_more";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))}.db-accordion-item summary:after,.db-input:has(datalist):after,.db-select:after{transition:transform var(--db-transition-duration-medium) var(--db-transition-emotional-timing);pointer-events:none}.db-checkbox:has(input:required) label:after,.db-checkbox:has(input:required):is(label):after,.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-checkbox:has(input:not([aria-invalid]):is(:required):valid) input,.db-radio:has(input:not([aria-invalid]):is(:required):valid) input{--db-current-bg-color:var(--db-successful-bg-enabled);--db-current-base-color:var(--db-successful-text-enabled);border-color:var(--db-current-color)}.db-checkbox:has(input:not([aria-invalid]):is(:required):valid) input:is([type=radio]),.db-checkbox:has(input:not([aria-invalid]):is(:required):valid) input:not(:checked),.db-radio:has(input:not([aria-invalid]):is(:required):valid) input:is([type=radio]),.db-radio:has(input:not([aria-invalid]):is(:required):valid) input:not(:checked){--db-current-color:var(--db-successful-text-enabled)}.db-checkbox:has(input:not([aria-invalid]):is(:required):valid) input:checked,.db-radio:has(input:not([aria-invalid]):is(:required):valid) input:checked{--db-base-text-enabled:var(--db-successful-text-enabled);--db-base-text-hover:var(--db-successful-text-hover);--db-base-text-pressed:var(--db-successful-text-pressed)}.db-checkbox:has(input:not([aria-invalid]):is(:required):valid) label,.db-checkbox:has(input:not([aria-invalid]):is(:required):valid):is(label),.db-radio:has(input:not([aria-invalid]):is(:required):valid) label,.db-radio:has(input:not([aria-invalid]):is(:required):valid):is(label){color:var(--db-successful-text-enabled)}@supports not selector(:user-valid){.db-checkbox:has(input:not([aria-invalid]):required:valid) input,.db-radio:has(input:not([aria-invalid]):required:valid) input{--db-current-bg-color:var(--db-successful-bg-enabled);--db-current-base-color:var(--db-successful-text-enabled);border-color:var(--db-current-color)}.db-checkbox:has(input:not([aria-invalid]):required:valid) input:is([type=radio]),.db-checkbox:has(input:not([aria-invalid]):required:valid) input:not(:checked),.db-radio:has(input:not([aria-invalid]):required:valid) input:is([type=radio]),.db-radio:has(input:not([aria-invalid]):required:valid) input:not(:checked){--db-current-color:var(--db-successful-text-enabled)}.db-checkbox:has(input:not([aria-invalid]):required:valid) input:checked,.db-radio:has(input:not([aria-invalid]):required:valid) input:checked{--db-base-text-enabled:var(--db-successful-text-enabled);--db-base-text-hover:var(--db-successful-text-hover);--db-base-text-pressed:var(--db-successful-text-pressed)}.db-checkbox:has(input:not([aria-invalid]):required:valid) label,.db-checkbox:has(input:not([aria-invalid]):required:valid):is(label),.db-radio:has(input:not([aria-invalid]):required:valid) label,.db-radio:has(input:not([aria-invalid]):required:valid):is(label){color:var(--db-successful-text-enabled)}}.db-checkbox:has(input[aria-invalid=false]) input,.db-radio:has(input[aria-invalid=false]) input{--db-current-bg-color:var(--db-successful-bg-enabled);--db-current-base-color:var(--db-successful-text-enabled);border-color:var(--db-current-color)}.db-checkbox:has(input[aria-invalid=false]) input:is([type=radio]),.db-checkbox:has(input[aria-invalid=false]) input:not(:checked),.db-radio:has(input[aria-invalid=false]) input:is([type=radio]),.db-radio:has(input[aria-invalid=false]) input:not(:checked){--db-current-color:var(--db-successful-text-enabled)}.db-checkbox:has(input[aria-invalid=false]) input:checked,.db-radio:has(input[aria-invalid=false]) input:checked{--db-base-text-enabled:var(--db-successful-text-enabled);--db-base-text-hover:var(--db-successful-text-hover);--db-base-text-pressed:var(--db-successful-text-pressed)}.db-checkbox:has(input[aria-invalid=false]) label,.db-checkbox:has(input[aria-invalid=false]):is(label),.db-radio:has(input[aria-invalid=false]) label,.db-radio:has(input[aria-invalid=false]):is(label){color:var(--db-successful-text-enabled)}.db-checkbox:has(input:not([aria-invalid]):is(:required):invalid) input,.db-radio:has(input:not([aria-invalid]):is(:required):invalid) input{--db-current-bg-color:var(--db-critical-bg-enabled);--db-current-base-color:var(--db-critical-text-enabled);border-color:var(--db-current-color)}.db-checkbox:has(input:not([aria-invalid]):is(:required):invalid) input:is([type=radio]),.db-checkbox:has(input:not([aria-invalid]):is(:required):invalid) input:not(:checked),.db-radio:has(input:not([aria-invalid]):is(:required):invalid) input:is([type=radio]),.db-radio:has(input:not([aria-invalid]):is(:required):invalid) input:not(:checked){--db-current-color:var(--db-critical-text-enabled)}.db-checkbox:has(input:not([aria-invalid]):is(:required):invalid) input:checked,.db-radio:has(input:not([aria-invalid]):is(:required):invalid) input:checked{--db-base-text-enabled:var(--db-critical-text-enabled);--db-base-text-hover:var(--db-successful-text-hover);--db-base-text-pressed:var(--db-successful-text-pressed)}.db-checkbox:has(input:not([aria-invalid]):is(:required):invalid) label,.db-checkbox:has(input:not([aria-invalid]):is(:required):invalid):is(label),.db-radio:has(input:not([aria-invalid]):is(:required):invalid) label,.db-radio:has(input:not([aria-invalid]):is(:required):invalid):is(label){color:var(--db-critical-text-enabled)}@supports not selector(:user-invalid){.db-checkbox:has(input:not([aria-invalid]):required:invalid) input,.db-radio:has(input:not([aria-invalid]):required:invalid) input{--db-current-bg-color:var(--db-critical-bg-enabled);--db-current-base-color:var(--db-critical-text-enabled);border-color:var(--db-current-color)}.db-checkbox:has(input:not([aria-invalid]):required:invalid) input:is([type=radio]),.db-checkbox:has(input:not([aria-invalid]):required:invalid) input:not(:checked),.db-radio:has(input:not([aria-invalid]):required:invalid) input:is([type=radio]),.db-radio:has(input:not([aria-invalid]):required:invalid) input:not(:checked){--db-current-color:var(--db-critical-text-enabled)}.db-checkbox:has(input:not([aria-invalid]):required:invalid) input:checked,.db-radio:has(input:not([aria-invalid]):required:invalid) input:checked{--db-base-text-enabled:var(--db-critical-text-enabled);--db-base-text-hover:var(--db-successful-text-hover);--db-base-text-pressed:var(--db-successful-text-pressed)}.db-checkbox:has(input:not([aria-invalid]):required:invalid) label,.db-checkbox:has(input:not([aria-invalid]):required:invalid):is(label),.db-radio:has(input:not([aria-invalid]):required:invalid) label,.db-radio:has(input:not([aria-invalid]):required:invalid):is(label){color:var(--db-critical-text-enabled)}}.db-checkbox:has(input[aria-invalid=true]) input,.db-radio:has(input[aria-invalid=true]) input{--db-current-bg-color:var(--db-critical-bg-enabled);--db-current-base-color:var(--db-critical-text-enabled);border-color:var(--db-current-color)}.db-checkbox:has(input[aria-invalid=true]) input:is([type=radio]),.db-checkbox:has(input[aria-invalid=true]) input:not(:checked),.db-radio:has(input[aria-invalid=true]) input:is([type=radio]),.db-radio:has(input[aria-invalid=true]) input:not(:checked){--db-current-color:var(--db-critical-text-enabled)}.db-checkbox:has(input[aria-invalid=true]) input:checked,.db-radio:has(input[aria-invalid=true]) input:checked{--db-base-text-enabled:var(--db-critical-text-enabled);--db-base-text-hover:var(--db-successful-text-hover);--db-base-text-pressed:var(--db-successful-text-pressed)}.db-checkbox:has(input[aria-invalid=true]) label,.db-checkbox:has(input[aria-invalid=true]):is(label),.db-radio:has(input[aria-invalid=true]) label,.db-radio:has(input[aria-invalid=true]):is(label){color:var(--db-critical-text-enabled)}.db-checkbox:has(input:disabled),.db-radio:has(input:disabled){opacity:var(--db-opacity-md)}.db-checkbox label,.db-checkbox:is(label),.db-radio label,.db-radio:is(label){display:flex;align-items:center;position:relative}.db-checkbox input,.db-radio input{align-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;aspect-ratio:1;-webkit-margin-end:var(--db-spacing-fixed-xs);margin-inline-end:var(--db-spacing-fixed-xs);border:min(calc(var(--db-base-font-size) * var(--db-base-line-height))/16 + .5px,2px) solid;block-size:calc(var(--db-base-font-size)*var(--db-base-line-height));justify-content:center;inline-size:auto;padding:0}.db-checkbox input:enabled:hover,.db-radio input:enabled:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-checkbox input:enabled:active,.db-radio input:enabled:active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}[data-size=small].db-checkbox input,[data-size=small].db-radio input{-webkit-margin-end:var(--db-spacing-fixed-2xs);margin-inline-end:var(--db-spacing-fixed-2xs)}[data-label-variant=hidden].db-checkbox,[data-label-variant=hidden].db-radio{font-size:0}[data-label-variant=hidden].db-checkbox input,[data-label-variant=hidden].db-radio input{-webkit-margin-end:0;margin-inline-end:0}@media(prefers-reduced-motion:reduce){.db-checkbox,.db-radio{transition-duration:.01s!important}}.db-input{--db-form-has-before:0;position:relative;display:flex;flex-direction:column}.db-input[data-label-variant=floating] label{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-label-variant=floating]:after,.db-input[data-label-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-label-variant=floating] [id$=-placeholder]{inset-block-start:calc(50% - .5em + var(--db-spacing-fixed-3xs))}.db-input[data-label-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-label-variant=floating] input+[id$=-placeholder],.db-input[data-label-variant=floating] input::placeholder{transition:none;opacity:0}.db-input[data-label-variant=floating]:has(>select option:checked:not([hidden])) label,.db-input[data-label-variant=floating]:has(input:focus-within) label,.db-input[data-label-variant=floating]:has(input:is(input,textarea):not(:placeholder-shown)) label{inset-block-start:var(--db-spacing-fixed-2xs)}.db-input[data-label-variant=floating]:has(>select option:checked:not([hidden])) input+[id$=-placeholder],.db-input[data-label-variant=floating]:has(>select option:checked:not([hidden])) input::placeholder,.db-input[data-label-variant=floating]:has(input:focus-within) input+[id$=-placeholder],.db-input[data-label-variant=floating]:has(input:focus-within) input::placeholder,.db-input[data-label-variant=floating]:has(input:is(input,textarea):not(:placeholder-shown)) input+[id$=-placeholder],.db-input[data-label-variant=floating]:has(input:is(input,textarea):not(:placeholder-shown)) input::placeholder{transition:opacity var(--db-transition-duration-medium) var(--db-transition-emotional-timing);opacity:var(--db-opacity-md)}.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([aria-invalid]):is(:not([type=text],[type=password],[type=search]),:is([type=text],[type=password],[type=search]):required):user-valid){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-input:has(input:not([aria-invalid]):is(:not([type=text],[type=password],[type=search]),:is([type=text],[type=password],[type=search]):required):user-valid) [id$=-placeholder],.db-input:has(input:not([aria-invalid]):is(:not([type=text],[type=password],[type=search]),:is([type=text],[type=password],[type=search]):required):user-valid) input{color:var(--db-successful-on-bg-enabled)}@supports not selector(:user-valid){.db-input:has(input:not([aria-invalid]):required:valid){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-input:has(input:not([aria-invalid]):required:valid) [id$=-placeholder],.db-input:has(input:not([aria-invalid]):required:valid) input{color:var(--db-successful-on-bg-enabled)}}.db-input:has(input[aria-invalid=false]){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-input:has(input[aria-invalid=false]) [id$=-placeholder],.db-input:has(input[aria-invalid=false]) input{color:var(--db-successful-on-bg-enabled)}.db-input:has(input:not([aria-invalid]):is(:not([type=text],[type=password],[type=search]),:is([type=text],[type=password],[type=search]):required):user-invalid){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-input:has(input:not([aria-invalid]):is(:not([type=text],[type=password],[type=search]),:is([type=text],[type=password],[type=search]):required):user-invalid) [id$=-placeholder],.db-input:has(input:not([aria-invalid]):is(:not([type=text],[type=password],[type=search]),:is([type=text],[type=password],[type=search]):required):user-invalid) input{color:var(--db-critical-on-bg-enabled)}@supports not selector(:user-invalid){.db-input:has(input:not([aria-invalid]):required:invalid){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-input:has(input:not([aria-invalid]):required:invalid) [id$=-placeholder],.db-input:has(input:not([aria-invalid]):required:invalid) input{color:var(--db-critical-on-bg-enabled)}}.db-input:has(input[aria-invalid=true]){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-input:has(input[aria-invalid=true]) [id$=-placeholder],.db-input:has(input[aria-invalid=true]) input{color:var(--db-critical-on-bg-enabled)}.db-input input{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff));-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:enabled:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-input input+[id$=-placeholder],.db-input input::placeholder{opacity:var(--db-opacity-md)}.db-input input:is(input,textarea):-moz-read-only{background-color:var(--db-base-bg-enabled)!important}.db-input input:is(input,textarea):read-only{background-color:var(--db-base-bg-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;opacity:var(--db-opacity-lg);transition:font-size var(--db-transition-duration-medium) var(--db-transition-emotional-timing);max-inline-size:25ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.db-input[data-label-variant=hidden] label{padding:0}.db-input .db-infotext{-webkit-margin-before:var(--db-spacing-fixed-2xs);margin-block-start:var(--db-spacing-fixed-2xs)}.db-input:has(input:disabled){opacity:var(--db-opacity-sm);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[data-variant=neutral]{--db-current-color:var(--db-neutral-on-bg-enabled);--db-current-border-weak-color:var(--db-neutral-border-weak-enabled);--db-current-element-color:var(--db-neutral-element-enabled);--db-current-base-color:var(--db-neutral-text-enabled);--db-current-bg-color:var(--db-neutral-bg-enabled)}.db-input[data-variant=neutral] [id$=-placeholder],.db-input[data-variant=neutral] input{color:var(--db-neutral-on-bg-enabled)}.db-input[data-variant=critical]{--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-input[data-variant=critical] [id$=-placeholder],.db-input[data-variant=critical] input{color:var(--db-critical-on-bg-enabled)}.db-input[data-variant=informational]{--db-current-color:var(--db-informational-on-bg-enabled);--db-current-border-weak-color:var(--db-informational-border-weak-enabled);--db-current-element-color:var(--db-informational-element-enabled);--db-current-base-color:var(--db-informational-text-enabled);--db-current-bg-color:var(--db-informational-bg-enabled)}.db-input[data-variant=informational] [id$=-placeholder],.db-input[data-variant=informational] input{color:var(--db-informational-on-bg-enabled)}.db-input[data-variant=warning]{--db-current-color:var(--db-warning-on-bg-enabled);--db-current-border-weak-color:var(--db-warning-border-weak-enabled);--db-current-element-color:var(--db-warning-element-enabled);--db-current-base-color:var(--db-warning-text-enabled);--db-current-bg-color:var(--db-warning-bg-enabled)}.db-input[data-variant=warning] [id$=-placeholder],.db-input[data-variant=warning] input{color:var(--db-warning-on-bg-enabled)}.db-input[data-variant=successful]{--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-input[data-variant=successful] [id$=-placeholder],.db-input[data-variant=successful] input{color:var(--db-successful-on-bg-enabled)}.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:"search";-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:"cancel";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))}.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))}.db-input:has(input[type=time]):after{--db-icon-after:"schedule";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))}.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) + 1px)}.db-input:has(datalist):has(input:focus):after{transform:rotate(-180deg)}.db-input:has(datalist) input::-webkit-calendar-picker-indicator{display:none!important}.db-brand,.db-brand a{display:flex;gap:var(--db-spacing-fixed-md);align-items:center}.db-brand{font-weight:700}.db-brand a{color:inherit;text-decoration:none}.db-logo{max-inline-size:none;block-size:var(--db-sizing-sm)}.db-header{background-color:var(--db-base-bg-enabled);box-shadow:var(--db-elevation-md);display:flex;flex-direction:column;position:relative;min-block-size:var(--db-sizing-fixed-mobile-header,3.5rem)}@media screen and (min-width:64rem){.db-header:not([data-force-mobile]),.db-header[data-force-mobile=false]{--db-drawer-max-width:45rem}}.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:64rem){.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-border-weak-color,var(--db-base-border-weak-enabled));position:relative;display:flex;flex-direction:column;gap:var(--db-spacing-fixed-sm);justify-content:flex-end;padding:var(--db-spacing-fixed-md)}.db-header-meta-navigation[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-header-meta-navigation:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:1px;inset-block-start:0;inset-inline:0}@media screen and (min-width:64rem){.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}.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:64rem){.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)}@media screen and (min-width:64rem){.db-header-brand-container:not([data-force-mobile]),.db-header-brand-container[data-force-mobile=false]{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative}.db-header-brand-container:not([data-force-mobile])[data-emphasis=strong],.db-header-brand-container[data-force-mobile=false][data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-header-brand-container:not([data-force-mobile]):after,.db-header-brand-container[data-force-mobile=false]:after{content:"";background-color:var(--db-divider-bg-color);position:absolute;inline-size:1px;inset-inline-start:0;inset-block:0;position:inherit;block-size:100%;margin-inline:var(--db-spacing-fixed-sm)}}.db-header-action-container{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative}.db-header-action-container[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-header-action-container:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;inline-size:1px;inset-inline-start:0;inset-block:0;position:inherit;block-size:100%}@media screen and (min-width:64rem){.db-header-action-container:before:not([data-force-mobile]),.db-header-action-container:before[data-force-mobile=false]{-webkit-margin-end:var(--db-spacing-fixed-sm);margin-inline-end:var(--db-spacing-fixed-sm)}}.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-border-weak-color,var(--db-base-border-weak-enabled));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-border-color,var(--db-base-border-enabled))}.db-header-action-bar:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:1px;inset-block-start:0;inset-inline:0}@media screen and (min-width:64rem){.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:64rem){.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}[data-hide-on=mobile]{display:none}@media screen and (min-width:64rem){[data-hide-on=mobile]:not([data-force-mobile]),[data-hide-on=mobile][data-force-mobile=false]{display:inherit}[data-hide-on=desktop]:not([data-force-mobile]),[data-hide-on=desktop][data-force-mobile=false]{display:none}}:root body{margin:0}:root:has(.fixed-header-footer),:root:has(db-page[type=fixedHeaderFooter]){block-size:100%;overflow:hidden}:root:has(.fixed-header-footer) #app,:root:has(.fixed-header-footer) #root,:root:has(.fixed-header-footer) body,:root:has(db-page[type=fixedHeaderFooter]) #app,:root:has(db-page[type=fixedHeaderFooter]) #root,:root:has(db-page[type=fixedHeaderFooter]) body{block-size:100%}.db-page{opacity:0}.db-page[data-fade-in=true]{transition:opacity var(--db-transition-duration-medium) var(--db-transition-emotional-timing)}.db-page:not([data-fonts-loaded]),.db-page[data-fonts-loaded=true]{opacity:1}.db-page.fixed-header-footer{block-size:100%;min-block-size:100%;overflow:hidden;display:flex;flex-direction:column}.db-page.fixed-header-footer footer,.db-page.fixed-header-footer header{display:flex;flex:0 1 auto;flex-grow:0;flex-shrink:0}.db-page.fixed-header-footer main{display:flex;flex-direction:column;overflow:auto;flex:1 1 auto;inline-size:100%}.db-link,.db-link a{display:inline-block;block-size:var(--db-sizing-sm)}.db-link{inline-size:-moz-fit-content;inline-size:fit-content;align-items:center;text-underline-position:from-font;text-decoration-thickness:.0625rem;white-space:nowrap}.db-link:hover{color:color-mix(in srgb,transparent 25%,var(--db-current-color,var(--db-base-on-bg-enabled)))}.db-link:active{color:color-mix(in srgb,transparent 50%,var(--db-current-color,var(--db-base-on-bg-enabled)))}.db-link[aria-disabled=true]{opacity:var(--db-opacity-md);pointer-events:none}.db-link:not([data-variant=inline])[data-content=internal]:after{--db-icon-after:"arrow_forward"}.db-link:not([data-variant=inline])[data-content=external]:after,.db-link:not([data-variant=inline])[data-content=internal]: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))}.db-link:not([data-variant=inline])[data-content=external]:after{--db-icon-after:"link_external"}.db-link:focus-visible{border-radius:var(--db-border-radius-md)}.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=primary]{--db-current-color:var(--db-brand-text-enabled);color:var(--db-current-color)}.db-link[data-variant=primary]:hover{--db-current-color:var(--db-brand-text-hover)}.db-link[data-variant=primary]:active{--db-current-color:var(--db-brand-text-pressed)}.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:64rem){.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:64rem}.db-section>div[data-variant=large]{max-inline-size:90rem}.db-infotext{--db-icon-margin-end:var(--db-spacing-fixed-2xs);display:flex}.db-infotext:not([data-icon]){--db-icon-font-family:"db-ux-solid"}.db-infotext:not([data-icon]):before{--db-icon:"info";-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[data-variant=neutral]{color:var(--db-neutral-text-enabled)}.db-infotext[data-variant=neutral]:before{--db-current-icon-color:var(--db-neutral-element-enabled)}.db-infotext[data-variant=critical]{color:var(--db-critical-text-enabled)}.db-infotext[data-variant=critical]:not([data-icon]):before{--db-icon:"error"}.db-infotext[data-variant=critical]:before{--db-current-icon-color:var(--db-critical-element-enabled)}.db-infotext[data-variant=informational]{color:var(--db-informational-text-enabled)}.db-infotext[data-variant=informational]:not([data-icon]):before{--db-icon:"info"}.db-infotext[data-variant=informational]:before{--db-current-icon-color:var(--db-informational-element-enabled)}.db-infotext[data-variant=warning]{color:var(--db-warning-text-enabled)}.db-infotext[data-variant=warning]:not([data-icon]):before{--db-icon:"warning"}.db-infotext[data-variant=warning]:before{--db-current-icon-color:var(--db-warning-element-enabled)}.db-infotext[data-variant=successful]{color:var(--db-successful-text-enabled)}.db-infotext[data-variant=successful]:not([data-icon]):before{--db-icon:"check_circle"}.db-infotext[data-variant=successful]:before{--db-current-icon-color:var(--db-successful-element-enabled)}.db-alert{grid-template-areas:"icon content close";grid-template-columns:min-content 1fr min-content}.db-alert:has(.db-alert-link){grid-template-areas:"icon content link close";grid-template-columns:min-content 1fr min-content min-content}.db-alert:has(.db-alert-link)[data-force-mobile=true]{grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon content close" "icon link link"}@media screen and (max-width:45rem){.db-alert:has(.db-alert-link){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon content close" "icon link link"}}.db-alert:has(.db-alert-headline){grid-template-columns:min-content 1fr 1fr min-content;grid-template-areas:"icon head head close" "icon content content content"}.db-alert:has(.db-alert-headline)[data-force-mobile=true]{grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head close" "icon content content"}@media screen and (max-width:45rem){.db-alert:has(.db-alert-headline){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head close" "icon content content"}}.db-alert:has(.db-alert-headline):has(.db-alert-link){grid-template-columns:min-content 1fr 1fr min-content min-content;grid-template-areas:"icon head head link close" "icon content content content content"}.db-alert:has(.db-alert-headline):has(.db-alert-link)[data-force-mobile=true]{grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head close" "icon content content" "icon link link"}@media screen and (max-width:45rem){.db-alert:has(.db-alert-headline):has(.db-alert-link){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head close" "icon content content" "icon link link"}}.db-alert{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;text-align:start}.db-alert:not([data-icon]):before{--db-icon:"info";-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-alert db-link,.db-alert dblink{display:inline-flex}.db-alert .db-alert-headline{grid-area:head}.db-alert .db-alert-content{grid-area:content;margin:0}.db-alert .db-alert-link{grid-area:link}.db-alert .db-alert-close{grid-area:close}.db-alert:before,.db-alert[data-icon]:before{--db-icon-margin-end:0;grid-area:icon}.db-alert[data-type=inline][data-elevation=none]{box-shadow:none}.db-alert[data-variant=neutral]:before{--db-current-icon-color:var(--db-neutral-element-enabled)}.db-alert[data-variant=critical]:not([data-icon]):before{--db-icon:"error"}.db-alert[data-variant=critical]:before{--db-current-icon-color:var(--db-critical-element-enabled)}.db-alert[data-variant=informational]:not([data-icon]):before{--db-icon:"info"}.db-alert[data-variant=informational]:before{--db-current-icon-color:var(--db-informational-element-enabled)}.db-alert[data-variant=warning]:not([data-icon]):before{--db-icon:"warning"}.db-alert[data-variant=warning]:before{--db-current-icon-color:var(--db-warning-element-enabled)}.db-alert[data-variant=successful]:not([data-icon]):before{--db-icon:"check_circle"}.db-alert[data-variant=successful]:before{--db-current-icon-color:var(--db-successful-element-enabled)}.db-checkbox input{border-radius:var(--db-border-radius-sm)}.db-checkbox input:before{--db-icon-margin-end:0;position:absolute;inset-inline:0;inset-block:0}.db-checkbox input:checked{border-width:0}.db-checkbox input:checked:before{--db-icon:"done";-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: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 input{border-color:currentColor;border-radius:var(--db-border-radius-3xl);transition:border-width var(--db-transition-duration-fast) var(--db-transition-functional-timing)}.db-radio input:checked{border-width:calc(calc(var(--db-base-font-size) * var(--db-base-line-height))*.3)}.db-code-docs,.db-code-docs.db-card,.db-code-docs>.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-code-docs .code-details,.db-code-docs.db-card .code-details,.db-code-docs>.db-card .code-details{position:absolute;inset-block-end:0;inset-inline-end:0;inline-size:100%;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:0;inset-inline-end:0;z-index:1}.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 .code{overflow:auto;position:absolute;inset-inline-end:0;inset-block:0;-webkit-padding-after:var(--db-spacing-fixed-md);padding-block-end:var(--db-spacing-fixed-md)}@media screen and (min-width:45rem){.db-code-docs .code-details .code:not([data-force-mobile]),.db-code-docs .code-details .code[data-force-mobile=false]{inline-size:50%}}[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]){padding-inline: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)[data-variant=neutral]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=neutral][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=neutral][data-emphasis=strong]),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=neutral]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=neutral][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=neutral][data-emphasis=strong]){--db-current-border-color:var(--db-neutral-border-weak-enabled)}.db-tag:has(.db-tab-remove-button)[data-variant=critical]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=critical][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=critical][data-emphasis=strong]),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=critical]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=critical][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=critical][data-emphasis=strong]){--db-current-border-color:var(--db-critical-border-weak-enabled)}.db-tag:has(.db-tab-remove-button)[data-variant=informational]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=informational][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=informational][data-emphasis=strong]),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=informational]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=informational][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=informational][data-emphasis=strong]){--db-current-border-color:var(--db-informational-border-weak-enabled)}.db-tag:has(.db-tab-remove-button)[data-variant=warning]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=warning][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=warning][data-emphasis=strong]),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=warning]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=warning][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=warning][data-emphasis=strong]){--db-current-border-color:var(--db-warning-border-weak-enabled)}.db-tag:has(.db-tab-remove-button)[data-variant=successful]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=successful][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=successful][data-emphasis=strong]),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=successful]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=successful][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=successful][data-emphasis=strong]){--db-current-border-color:var(--db-successful-border-weak-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{-webkit-padding-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));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))}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:has(input:checked,a,button){--db-current-icon-color:var(--db-base-on-enabled);--db-current-color:var(--db-base-on-enabled);color:var(--db-current-color)}.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:not(:checked)){--db-current-base-color-alpha:100%}.db-tag label:has(input:checked){border-width:var(--db-border-height-sm)}.db-tag label:has(input:checked):before{content:none}.db-tag label input{display:none}.db-tag a{display:inline-flex;text-decoration:none}.db-tag a:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-tag a:active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-tag a:after{--db-icon-margin-start:0;content:""!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 button:enabled:hover,.db-tag input:checked:enabled:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-tag button:enabled:active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-tag button,.db-tag label:has(input:checked){background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff))}.db-tag button:enabled:hover,.db-tag label:has(input:checked):enabled:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-tag button:enabled:active,.db-tag label:has(input:checked):enabled:active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-tag:not([data-emphasis=strong]) label:has(input[type=radio]:checked):enabled:active,.db-tag:not([data-emphasis=strong]) label:has(input[type=radio]:checked):enabled:hover{--db-current-base-color-alpha:92%}.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-md)}.db-tag a,.db-tag button{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff))}.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:var(--db-opacity-sm);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:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));-webkit-margin-start:var(--db-spacing-fixed-2xs);margin-inline-start:var(--db-spacing-fixed-2xs);block-size:100%}dialog:not([data-backdrop=none])::-webkit-backdrop{background-color:var(--db-current-color,var(--db-base-on-bg-enabled,#242629));opacity:.64}dialog:not([data-backdrop=none])::backdrop{background-color:var(--db-current-color,var(--db-base-on-bg-enabled,#242629));opacity:.64}dialog[data-backdrop=weak]::-webkit-backdrop{background-color:var(--db-current-color,var(--db-base-on-bg-enabled,#242629));opacity:.32}dialog[data-backdrop=weak]::backdrop{background-color:var(--db-current-color,var(--db-base-on-bg-enabled,#242629));opacity:.32}dialog[data-backdrop]{position:fixed;inset:0;z-index:9995}dialog{padding:0;margin:0;border:0;z-index:9996;color:inherit}.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-lg);border-end-start-radius:var(--db-border-radius-lg)}.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-lg);border-end-end-radius:var(--db-border-radius-lg)}.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-lg);border-start-start-radius:var(--db-border-radius-lg)}.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-lg);border-end-start-radius:var(--db-border-radius-lg)}.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-base-bg-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-border-weak-color,var(--db-base-border-weak-enabled));position:relative;display:none}.db-drawer .db-drawer-container .db-drawer-header[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-drawer .db-drawer-container .db-drawer-header:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:1px;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-show-straight)}.db-drawer[open] .db-drawer-container[data-direction=left]{animation:show-left-to-right var(--db-transition-show-straight)}.db-drawer[open] .db-drawer-container[data-direction=up]{animation:show-bottom-to-top var(--db-transition-show-straight)}.db-drawer[open] .db-drawer-container[data-direction=down]{animation:show-top-to-bottom var(--db-transition-show-straight)}.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-hide-straight)}.db-drawer[open] .db-drawer-container[hidden][data-direction=left]{animation:hide-left-to-right var(--db-transition-hide-straight)}.db-drawer[open] .db-drawer-container[hidden][data-direction=up]{animation:hide-bottom-to-top var(--db-transition-hide-straight)}.db-drawer[open] .db-drawer-container[hidden][data-direction=down]{animation:hide-top-to-bottom var(--db-transition-hide-straight)}[data-icon].db-select{--db-form-has-before:1}.db-select:has(select:focus-within):after{transform:rotate(-180deg)}.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;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-label-variant=floating] label{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-label-variant=floating]:after,.db-select[data-label-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-label-variant=floating] [id$=-placeholder]{inset-block-start:calc(50% - .5em + var(--db-spacing-fixed-3xs))}.db-select[data-label-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-label-variant=floating] select+[id$=-placeholder],.db-select[data-label-variant=floating] select::placeholder{transition:none;opacity:0}.db-select[data-label-variant=floating]:has(>select option:checked:not([hidden])) label,.db-select[data-label-variant=floating]:has(select:focus-within) label,.db-select[data-label-variant=floating]:has(select:is(input,textarea):not(:placeholder-shown)) label{inset-block-start:var(--db-spacing-fixed-2xs)}.db-select[data-label-variant=floating]:has(>select option:checked:not([hidden])) select+[id$=-placeholder],.db-select[data-label-variant=floating]:has(>select option:checked:not([hidden])) select::placeholder,.db-select[data-label-variant=floating]:has(select:focus-within) select+[id$=-placeholder],.db-select[data-label-variant=floating]:has(select:focus-within) select::placeholder,.db-select[data-label-variant=floating]:has(select:is(input,textarea):not(:placeholder-shown)) select+[id$=-placeholder],.db-select[data-label-variant=floating]:has(select:is(input,textarea):not(:placeholder-shown)) select::placeholder{transition:opacity var(--db-transition-duration-medium) var(--db-transition-emotional-timing);opacity:var(--db-opacity-md)}.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([aria-invalid]):is(:required):valid){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-select:has(select:not([aria-invalid]):is(:required):valid) [id$=-placeholder],.db-select:has(select:not([aria-invalid]):is(:required):valid) select{color:var(--db-successful-on-bg-enabled)}@supports not selector(:user-valid){.db-select:has(select:not([aria-invalid]):required:valid){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-select:has(select:not([aria-invalid]):required:valid) [id$=-placeholder],.db-select:has(select:not([aria-invalid]):required:valid) select{color:var(--db-successful-on-bg-enabled)}}.db-select:has(select[aria-invalid=false]){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-select:has(select[aria-invalid=false]) [id$=-placeholder],.db-select:has(select[aria-invalid=false]) select{color:var(--db-successful-on-bg-enabled)}.db-select:has(select:not([aria-invalid]):is(:required):invalid){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-select:has(select:not([aria-invalid]):is(:required):invalid) [id$=-placeholder],.db-select:has(select:not([aria-invalid]):is(:required):invalid) select{color:var(--db-critical-on-bg-enabled)}@supports not selector(:user-invalid){.db-select:has(select:not([aria-invalid]):required:invalid){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-select:has(select:not([aria-invalid]):required:invalid) [id$=-placeholder],.db-select:has(select:not([aria-invalid]):required:invalid) select{color:var(--db-critical-on-bg-enabled)}}.db-select:has(select[aria-invalid=true]){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-select:has(select[aria-invalid=true]) [id$=-placeholder],.db-select:has(select[aria-invalid=true]) select{color:var(--db-critical-on-bg-enabled)}.db-select select{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff));-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:enabled:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-select select+[id$=-placeholder],.db-select select::placeholder{opacity:var(--db-opacity-md)}.db-select select:is(input,textarea):-moz-read-only{background-color:var(--db-base-bg-enabled)!important}.db-select select:is(input,textarea):read-only{background-color:var(--db-base-bg-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;opacity:var(--db-opacity-lg);transition:font-size var(--db-transition-duration-medium) var(--db-transition-emotional-timing);max-inline-size:25ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.db-select[data-label-variant=hidden] label{padding:0}.db-select .db-infotext{-webkit-margin-before:var(--db-spacing-fixed-2xs);margin-block-start:var(--db-spacing-fixed-2xs)}.db-select:has(select:disabled){opacity:var(--db-opacity-sm);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[data-variant=neutral]{--db-current-color:var(--db-neutral-on-bg-enabled);--db-current-border-weak-color:var(--db-neutral-border-weak-enabled);--db-current-element-color:var(--db-neutral-element-enabled);--db-current-base-color:var(--db-neutral-text-enabled);--db-current-bg-color:var(--db-neutral-bg-enabled)}.db-select[data-variant=neutral] [id$=-placeholder],.db-select[data-variant=neutral] select{color:var(--db-neutral-on-bg-enabled)}.db-select[data-variant=critical]{--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-select[data-variant=critical] [id$=-placeholder],.db-select[data-variant=critical] select{color:var(--db-critical-on-bg-enabled)}.db-select[data-variant=informational]{--db-current-color:var(--db-informational-on-bg-enabled);--db-current-border-weak-color:var(--db-informational-border-weak-enabled);--db-current-element-color:var(--db-informational-element-enabled);--db-current-base-color:var(--db-informational-text-enabled);--db-current-bg-color:var(--db-informational-bg-enabled)}.db-select[data-variant=informational] [id$=-placeholder],.db-select[data-variant=informational] select{color:var(--db-informational-on-bg-enabled)}.db-select[data-variant=warning]{--db-current-color:var(--db-warning-on-bg-enabled);--db-current-border-weak-color:var(--db-warning-border-weak-enabled);--db-current-element-color:var(--db-warning-element-enabled);--db-current-base-color:var(--db-warning-text-enabled);--db-current-bg-color:var(--db-warning-bg-enabled)}.db-select[data-variant=warning] [id$=-placeholder],.db-select[data-variant=warning] select{color:var(--db-warning-on-bg-enabled)}.db-select[data-variant=successful]{--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-select[data-variant=successful] [id$=-placeholder],.db-select[data-variant=successful] select{color:var(--db-successful-on-bg-enabled)}.db-select select{block-size:var(--db-sizing-md);text-overflow:ellipsis;text-indent:calc(var(--db-form-has-before)*(var(--db-base-icon-font-size-sm) + var(--db-spacing-fixed-sm)))}.db-select option{background-color:var(--db-current-bg-color)}.db-select[data-label-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-ui-functional, 0)*1px);inset-inline:calc(var(--db-form-has-before)*(var(--db-base-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-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:64rem){.db-navigation-item:not([data-force-mobile]):after,[data-force-mobile=false].db-navigation-item:after{-webkit-border-start:none;border-inline-start:none;-webkit-border-after:var(--db-border-height-lg) solid var(--db-brand-origin-enabled);border-block-end:var(--db-border-height-lg) solid var(--db-brand-origin-enabled);inset-block-end:calc(-1*var(--db-spacing-fixed-xs));inline-size:0;block-size:auto;inset-inline-start:50%;inset-block-start:auto;transform:translate(-50%)}}.db-navigation-item:after{content:"";position:absolute;border-radius:var(--db-border-radius-md);transition:height .15s var(--db-transition-emotional-timing),width .15s var(--db-transition-emotional-timing);block-size:0;transform:translateY(-50%);inset-block-start:50%;inset-inline-start:calc(-1*var(--db-spacing-fixed-xs));-webkit-border-start:var(--db-border-height-lg) solid var(--db-brand-origin-enabled);border-inline-start:var(--db-border-height-lg) solid var(--db-brand-origin-enabled)}@media screen and (min-width:64rem){.db-main-navigation>menu .db-navigation-item[aria-current=page]:not([data-force-mobile]):after,.db-main-navigation>menu [data-force-mobile=false].db-navigation-item[aria-current=page]:after{block-size:auto;inline-size:100%}}.db-main-navigation>menu .db-navigation-item[aria-current=page]:after{block-size:100%}@media screen and (min-width:64rem){.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:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));cursor:pointer;inline-size:100%;display:inline-flex;border-radius:var(--db-border-radius-lg);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:has(~.db-sub-navigation:hover):is(button),.db-navigation-item .db-navigation-item-expand-button:hover:is(button),.db-navigation-item .db-navigation-item-expand-button>button:has(~.db-sub-navigation:hover),.db-navigation-item .db-navigation-item-expand-button>button:hover,.db-navigation-item a:has(~.db-sub-navigation:hover),.db-navigation-item a:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-navigation-item .db-navigation-item-expand-button:active:is(button),.db-navigation-item .db-navigation-item-expand-button>button:active,.db-navigation-item a:active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-navigation-item .db-navigation-item-expand-button:is(button):after,.db-navigation-item .db-navigation-item-expand-button>button:after,.db-navigation-item a:after{--db-icon-margin-start:auto}.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{-webkit-padding-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));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))}.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-show-straight)}.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-hide-straight)}@media screen and (max-width:64rem){.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-show-straight)}.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-hide-straight)}}.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))}.db-navigation-item[aria-current=page]{font-weight:700}.db-navigation-item:not([aria-current=page]){font-weight:400}.db-navigation-item[data-width=full]{inline-size:100%}.db-navigation-item[data-width=full]:after{--db-icon-margin-start:auto}.db-navigation-item[aria-disabled=true]{opacity:var(--db-opacity-sm);pointer-events:none}.db-sub-navigation{margin:0;display:flex;flex-direction:column;z-index:70;inset-inline-start:0;background-color:var(--db-base-bg-enabled);visibility:hidden}.db-sub-navigation[data-force-mobile=true]{padding:var(--db-spacing-fixed-md);inline-size:100%;position:fixed;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:64rem){.db-sub-navigation{padding:var(--db-spacing-fixed-md);inline-size:100%;position:fixed;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:64rem){.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-lg);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}}@media screen and (min-width:64rem){.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:before,.db-sub-navigation[data-force-mobile=false] .db-sub-navigation:before{content:"";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: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-border-weak-color,var(--db-base-border-weak-enabled));position:relative;display:flex;font-weight:400;background-color:var(--db-base-bg-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-border-color,var(--db-base-border-enabled))}.db-mobile-navigation-back:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:1px;inset-block-end:0;inset-inline:0}.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 textarea::-webkit-scrollbar{z-index:3;inline-size:.75rem;background-color:var(--db-base-bg-enabled);border-start-end-radius:var(--db-border-radius-md)}.db-textarea textarea:hover::-webkit-scrollbar-button:single-button,.db-textarea textarea:hover::-webkit-scrollbar-track{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-textarea textarea:read-only::-webkit-scrollbar-button:single-button,.db-textarea textarea:read-only::-webkit-scrollbar-track{background-color:var(--db-base-bg-enabled)!important}.db-textarea textarea::-webkit-scrollbar-track{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff))}.db-textarea textarea::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-textarea textarea::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-textarea textarea::-webkit-scrollbar-thumb:active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-textarea textarea::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,68%),var(--db-current-base-color,#fff))}.db-textarea textarea::-webkit-scrollbar-thumb:active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,60%),var(--db-current-base-color,#fff))}.db-textarea textarea::-webkit-scrollbar-button:single-button{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff));background-size:.75rem;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-textarea textarea::-webkit-scrollbar-button:single-button:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-textarea textarea::-webkit-scrollbar-button:single-button:active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-textarea textarea::-webkit-scrollbar-button:single-button:vertical:decrement{background-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwLjQ3MiA4LjY5Ni0zLjUzMiAzLjUzNGEuOTk4Ljk5OCAwIDEgMSAtMS40MTMtMS40MTNsMi44MjUtMi44MjUtMi44MjUtMi44MjVhLjk5OC45OTggMCAxIDEgMS40MTMtMS40MTNsMy41MzIgMy41MzJhLjk5OS45OTkgMCAwIDEgMCAxLjQxMnoiIGZpbGw9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJtYXRyaXgoMCAtMSAtMSAwIDE1Ljk5IDE1Ljk5KSIvPjwvc3ZnPg0K")}.db-textarea textarea::-webkit-scrollbar-button:single-button:vertical:increment{background-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwLjQ3MiA4LjY5Ni0zLjUzMiAzLjUzNGEuOTk4Ljk5OCAwIDEgMSAtMS40MTMtMS40MTNsMi44MjUtMi44MjUtMi44MjUtMi44MjVhLjk5OC45OTggMCAxIDEgMS40MTMtMS40MTNsMy41MzIgMy41MzJhLjk5OS45OTkgMCAwIDEgMCAxLjQxMnoiIGZpbGw9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJtYXRyaXgoMCAxIC0xIDAgMTUuOTkxIC0uMDA5KSIvPjwvc3ZnPg0K")}.db-textarea textarea[data-label-variant=floating]::-webkit-resizer{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff))}.db-textarea textarea[data-label-variant=floating]::-webkit-scrollbar-corner{background-color:var(--db-base-bg-enabled)}.db-textarea textarea::-webkit-resizer{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));background-size:.75rem;background-repeat:no-repeat;background-position:50%;background-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTcgMTJjLjUxMjgzNTg0IDAgMSAuNDIxNjY1NyAxIDF2NGMwIC41MTI4MzU4LS40MDc3MzY0OCAxLTEgMWgtNGMtLjQ5MTg3ODUxIDAtMS0uMzkzNTA1Ni0xLTF2LTRjMC0uNTEyODM1OC40MTk1NTA5LTEgMS0xem05LTEwYzEuMDU0MzYxOCAwIDIgLjg2MzcwOTk2IDIgMnYxMGMwIDEuMDU0MzYxOC0uODY5Mjg3MyAyLTIgMmgtNS41Yy0uNTUyMjg0NzUgMC0xLS40NDc3MTUzLTEtMSAwLS41MTI4MzU4LjQxMTE0NTUtMSAxLTFoNS41di0xMGgtMTB2NS41YzAgLjU1MjI4NDctLjQ0NzcxNTI1IDEtMSAxLS41MTI4MzU4NCAwLTEtLjQyNzUyOTYtMS0xdi01LjVjMC0xLjA1NDM2MTguODM1MjM3ODctMiAyLTJ6bS0xMCAxMmgtMnYyaDJ6IiBmaWxsPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==")}.db-textarea textarea::-webkit-resizer,.db-textarea textarea::-webkit-scrollbar-corner{border-end-end-radius:var(--db-border-radius-md)}.db-textarea{--db-form-has-before:0;position:relative;display:flex;flex-direction:column}.db-textarea[data-label-variant=floating] label{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-label-variant=floating]:after,.db-textarea[data-label-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-label-variant=floating] [id$=-placeholder]{inset-block-start:calc(50% - .5em + var(--db-spacing-fixed-3xs))}.db-textarea[data-label-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-label-variant=floating] textarea+[id$=-placeholder],.db-textarea[data-label-variant=floating] textarea::placeholder{transition:none;opacity:0}.db-textarea[data-label-variant=floating]:has(>select option:checked:not([hidden])) label,.db-textarea[data-label-variant=floating]:has(textarea:focus-within) label,.db-textarea[data-label-variant=floating]:has(textarea:is(input,textarea):not(:placeholder-shown)) label{inset-block-start:var(--db-spacing-fixed-2xs)}.db-textarea[data-label-variant=floating]:has(>select option:checked:not([hidden])) textarea+[id$=-placeholder],.db-textarea[data-label-variant=floating]:has(>select option:checked:not([hidden])) textarea::placeholder,.db-textarea[data-label-variant=floating]:has(textarea:focus-within) textarea+[id$=-placeholder],.db-textarea[data-label-variant=floating]:has(textarea:focus-within) textarea::placeholder,.db-textarea[data-label-variant=floating]:has(textarea:is(input,textarea):not(:placeholder-shown)) textarea+[id$=-placeholder],.db-textarea[data-label-variant=floating]:has(textarea:is(input,textarea):not(:placeholder-shown)) textarea::placeholder{transition:opacity var(--db-transition-duration-medium) var(--db-transition-emotional-timing);opacity:var(--db-opacity-md)}.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([aria-invalid]):is(:required):user-valid){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-textarea:has(textarea:not([aria-invalid]):is(:required):user-valid) [id$=-placeholder],.db-textarea:has(textarea:not([aria-invalid]):is(:required):user-valid) textarea{color:var(--db-successful-on-bg-enabled)}@supports not selector(:user-valid){.db-textarea:has(textarea:not([aria-invalid]):required:valid){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-textarea:has(textarea:not([aria-invalid]):required:valid) [id$=-placeholder],.db-textarea:has(textarea:not([aria-invalid]):required:valid) textarea{color:var(--db-successful-on-bg-enabled)}}.db-textarea:has(textarea[aria-invalid=false]){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-textarea:has(textarea[aria-invalid=false]) [id$=-placeholder],.db-textarea:has(textarea[aria-invalid=false]) textarea{color:var(--db-successful-on-bg-enabled)}.db-textarea:has(textarea:not([aria-invalid]):is(:required):user-invalid){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-textarea:has(textarea:not([aria-invalid]):is(:required):user-invalid) [id$=-placeholder],.db-textarea:has(textarea:not([aria-invalid]):is(:required):user-invalid) textarea{color:var(--db-critical-on-bg-enabled)}@supports not selector(:user-invalid){.db-textarea:has(textarea:not([aria-invalid]):required:invalid){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-textarea:has(textarea:not([aria-invalid]):required:invalid) [id$=-placeholder],.db-textarea:has(textarea:not([aria-invalid]):required:invalid) textarea{color:var(--db-critical-on-bg-enabled)}}.db-textarea:has(textarea[aria-invalid=true]){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-textarea:has(textarea[aria-invalid=true]) [id$=-placeholder],.db-textarea:has(textarea[aria-invalid=true]) textarea{color:var(--db-critical-on-bg-enabled)}.db-textarea textarea{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff));-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:enabled:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-textarea textarea+[id$=-placeholder],.db-textarea textarea::placeholder{opacity:var(--db-opacity-md)}.db-textarea textarea:is(input,textarea):-moz-read-only{background-color:var(--db-base-bg-enabled)!important}.db-textarea textarea:is(input,textarea):read-only{background-color:var(--db-base-bg-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;opacity:var(--db-opacity-lg);transition:font-size var(--db-transition-duration-medium) var(--db-transition-emotional-timing);max-inline-size:25ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.db-textarea[data-label-variant=hidden] label{padding:0}.db-textarea .db-infotext{-webkit-margin-before:var(--db-spacing-fixed-2xs);margin-block-start:var(--db-spacing-fixed-2xs)}.db-textarea:has(textarea:disabled){opacity:var(--db-opacity-sm);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[data-variant=neutral]{--db-current-color:var(--db-neutral-on-bg-enabled);--db-current-border-weak-color:var(--db-neutral-border-weak-enabled);--db-current-element-color:var(--db-neutral-element-enabled);--db-current-base-color:var(--db-neutral-text-enabled);--db-current-bg-color:var(--db-neutral-bg-enabled)}.db-textarea[data-variant=neutral] [id$=-placeholder],.db-textarea[data-variant=neutral] textarea{color:var(--db-neutral-on-bg-enabled)}.db-textarea[data-variant=critical]{--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-textarea[data-variant=critical] [id$=-placeholder],.db-textarea[data-variant=critical] textarea{color:var(--db-critical-on-bg-enabled)}.db-textarea[data-variant=informational]{--db-current-color:var(--db-informational-on-bg-enabled);--db-current-border-weak-color:var(--db-informational-border-weak-enabled);--db-current-element-color:var(--db-informational-element-enabled);--db-current-base-color:var(--db-informational-text-enabled);--db-current-bg-color:var(--db-informational-bg-enabled)}.db-textarea[data-variant=informational] [id$=-placeholder],.db-textarea[data-variant=informational] textarea{color:var(--db-informational-on-bg-enabled)}.db-textarea[data-variant=warning]{--db-current-color:var(--db-warning-on-bg-enabled);--db-current-border-weak-color:var(--db-warning-border-weak-enabled);--db-current-element-color:var(--db-warning-element-enabled);--db-current-base-color:var(--db-warning-text-enabled);--db-current-bg-color:var(--db-warning-bg-enabled)}.db-textarea[data-variant=warning] [id$=-placeholder],.db-textarea[data-variant=warning] textarea{color:var(--db-warning-on-bg-enabled)}.db-textarea[data-variant=successful]{--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-textarea[data-variant=successful] [id$=-placeholder],.db-textarea[data-variant=successful] textarea{color:var(--db-successful-on-bg-enabled)}.db-textarea textarea{cursor:auto;overflow-y:scroll;padding-block:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-xs)}.db-textarea[data-label-variant=floating]:has(textarea:focus-within):before,.db-textarea[data-label-variant=floating]:has(textarea:not(:placeholder-shown)):before{border-radius:var(--db-border-radius-md) 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% - .75rem - 1px);inset-inline:0;background-color:var(--db-base-bg-enabled)}.db-textarea[data-label-variant=floating]:has(textarea:focus-within):after,.db-textarea[data-label-variant=floating]:has(textarea:not(:placeholder-shown)):after{border-radius:var(--db-border-radius-md) 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% - .75rem - 1px);inset-inline:0;background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff));z-index:1;-webkit-border-after:none;border-block-end:none;-webkit-border-end:none;border-inline-end:none}.db-textarea[data-label-variant=floating]:has(textarea:focus-within):has(textarea:enabled:hover):after,.db-textarea[data-label-variant=floating]:has(textarea:not(:placeholder-shown)):has(textarea:enabled:hover):after{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-textarea[data-label-variant=floating]:has(textarea:focus-within):has(textarea:-moz-read-only):after,.db-textarea[data-label-variant=floating]:has(textarea:not(:placeholder-shown)):has(textarea:-moz-read-only):after{background-color:var(--db-base-bg-enabled)!important}.db-textarea[data-label-variant=floating]:has(textarea:focus-within):has(textarea:read-only):after,.db-textarea[data-label-variant=floating]:has(textarea:not(:placeholder-shown)):has(textarea:read-only):after{background-color:var(--db-base-bg-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-sm);border-radius:42px;padding-inline:var(--db-spacing-fixed-xs);block-size:-moz-fit-content;block-size:fit-content;inline-size:-moz-fit-content;inline-size:fit-content}.db-badge[data-variant=neutral]:not(.db-badge[data-variant=neutral][data-emphasis=strong]){--db-current-border-color:var(--db-neutral-border-weak-enabled)}.db-badge[data-variant=critical]:not(.db-badge[data-variant=critical][data-emphasis=strong]){--db-current-border-color:var(--db-critical-border-weak-enabled)}.db-badge[data-variant=informational]:not(.db-badge[data-variant=informational][data-emphasis=strong]){--db-current-border-color:var(--db-informational-border-weak-enabled)}.db-badge[data-variant=warning]:not(.db-badge[data-variant=warning][data-emphasis=strong]){--db-current-border-color:var(--db-warning-border-weak-enabled)}.db-badge[data-variant=successful]:not(.db-badge[data-variant=successful][data-emphasis=strong]){--db-current-border-color:var(--db-successful-border-weak-enabled)}.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-2xs)}.db-badge[data-size=small]{--badge-size:var(--db-spacing-fixed-xs);padding-inline:var(--db-spacing-fixed-2xs)}.db-badge[data-size=small]:empty,.db-badge[data-size=small]>span:empty{padding:0}.db-badge[data-size=small]:has(.db-icon){padding:var(--db-spacing-fixed-3xs)}.db-accordion-item{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative;inline-size:100%}.db-accordion-item[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-accordion-item:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:1px;inset-block-start:0;inset-inline:0}.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:last-of-type{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative}.db-accordion-item:last-of-type[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-accordion-item:last-of-type:after{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:1px;inset-block-end:0;inset-inline:0}db-accordion-item:not(:last-of-type) .db-accordion-item:last-of-type:after{content:none}.db-accordion-item[aria-disabled=true]{pointer-events:none;opacity:var(--db-opacity-sm)}.db-accordion-item summary{list-style:none;display:flex;justify-content:space-between;padding:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md)}.db-accordion-item summary:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-accordion-item summary:active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.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-md)}.db-accordion-item[open] summary+div{animation:accordion-open var(--db-transition-duration-medium) var(--db-transition-emotional-timing) normal both}.db-accordion-item[open] summary:after{transform:rotate(-180deg)}.db-main-navigation{-webkit-tap-highlight-color:rgba(0,0,0,0);inline-size:100%}@media screen and (min-width:64rem){.db-main-navigation:not([data-force-mobile]),.db-main-navigation[data-force-mobile=false]{-webkit-tap-highlight-color:inherit;inline-size:auto}}.db-main-navigation>menu{display:flex;flex-direction:column;padding:0;margin:0;gap:var(--db-spacing-fixed-sm)}@media screen and (min-width:64rem){.db-main-navigation>menu:not([data-force-mobile]),.db-main-navigation>menu[data-force-mobile=false]{flex-direction:row}}@media screen and (min-width:64rem){.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):after,.db-main-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:"expand_more";transition:transform var(--db-transition-duration-medium) var(--db-transition-emotional-timing)}.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):focus-visible:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:focus-visible):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:focus-within):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):hover:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:focus-visible:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:focus-visible):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:focus-within):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:hover:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):focus-visible:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:focus-visible):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:focus-within):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):hover:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:focus-visible:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:focus-visible):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:focus-within):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:hover):after,.db-main-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:64rem){.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):after,.db-main-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-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):focus-visible:after,.db-main-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-main-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-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):hover:after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:focus-visible:after,.db-main-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-main-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-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:hover:after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):focus-visible:after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:focus-visible):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:focus-within):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):hover:after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:focus-visible:after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:focus-visible):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:focus-within):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:hover:after{transform:none}}.db-main-navigation>menu .db-navigation-item[aria-current=page] menu [aria-current=page]:after{display:none}.db-popover:not([data-placement]),.db-tooltip:not([data-placement]),[data-placement^=bottom].db-popover,[data-placement^=bottom].db-tooltip{--db-popover-distance:var(--db-spacing-fixed-md);inset-block-start:calc(100% + 2px + var(--db-popover-distance)*var(--db-popover-gap, 0))}.db-tooltip:not([data-placement]):is(.db-tooltip),[data-placement^=bottom].db-tooltip:is(.db-tooltip){--db-popover-distance:var(--db-spacing-fixed-xs)}.db-popover:not([data-placement])[data-placement$=end],.db-tooltip:not([data-placement])[data-placement$=end],[data-placement^=bottom][data-placement$=end].db-popover,[data-placement^=bottom][data-placement$=end].db-tooltip{inset-inline-end:0}.db-popover:not([data-placement])[data-placement$=start],.db-tooltip:not([data-placement])[data-placement$=start],[data-placement^=bottom][data-placement$=start].db-popover,[data-placement^=bottom][data-placement$=start].db-tooltip{inset-inline-start:0}.db-popover:not([data-placement])[data-gap=true],.db-tooltip:not([data-placement]):is(.db-tooltip),[data-placement^=bottom].db-tooltip:is(.db-tooltip),[data-placement^=bottom][data-gap=true].db-popover{--db-popover-gap:1}.db-popover:not([data-placement])[data-gap=true]:before,.db-tooltip:not([data-placement]):is(.db-tooltip):before,[data-placement^=bottom].db-tooltip:is(.db-tooltip):before,[data-placement^=bottom][data-gap=true].db-popover:before{content:"";position:absolute;inset-inline-start:0;inline-size:100%;block-size:calc(2px + var(--db-popover-distance));inset-block-start:calc(-1*var(--db-popover-distance) - 2px)}[data-placement^=right].db-popover,[data-placement^=right].db-tooltip{--db-popover-distance:var(--db-spacing-fixed-md);inset-inline-start:calc(100% + 2px + var(--db-popover-distance)*var(--db-popover-gap, 0))}[data-placement^=right].db-tooltip:is(.db-tooltip){--db-popover-distance:var(--db-spacing-fixed-xs)}[data-placement^=right][data-placement$=end].db-popover,[data-placement^=right][data-placement$=end].db-tooltip{inset-block-end:0}[data-placement^=right][data-placement$=start].db-popover,[data-placement^=right][data-placement$=start].db-tooltip{inset-block-start:0}[data-placement^=right].db-tooltip:is(.db-tooltip),[data-placement^=right][data-gap=true].db-popover{--db-popover-gap:1}[data-placement^=right].db-tooltip:is(.db-tooltip):before,[data-placement^=right][data-gap=true].db-popover:before{content:"";position:absolute;inset-block-start:0;block-size:100%;inline-size:calc(2px + var(--db-popover-distance));inset-inline-start:calc(-1*var(--db-popover-distance) - 2px)}[data-placement^=left].db-popover,[data-placement^=left].db-tooltip{--db-popover-distance:var(--db-spacing-fixed-md);inset-inline-end:calc(100% + 2px + var(--db-popover-distance)*var(--db-popover-gap, 0))}[data-placement^=left].db-tooltip:is(.db-tooltip){--db-popover-distance:var(--db-spacing-fixed-xs)}[data-placement^=left][data-placement$=end].db-popover,[data-placement^=left][data-placement$=end].db-tooltip{inset-block-end:0}[data-placement^=left][data-placement$=start].db-popover,[data-placement^=left][data-placement$=start].db-tooltip{inset-block-start:0}[data-placement^=left].db-tooltip:is(.db-tooltip),[data-placement^=left][data-gap=true].db-popover{--db-popover-gap:1}[data-placement^=left].db-tooltip:is(.db-tooltip):before,[data-placement^=left][data-gap=true].db-popover:before{content:"";position:absolute;inset-block-end:0;block-size:100%;inline-size:calc(2px + var(--db-popover-distance));inset-inline-end:calc(-1*var(--db-popover-distance) - 2px)}[data-placement^=top].db-popover,[data-placement^=top].db-tooltip{--db-popover-distance:var(--db-spacing-fixed-md);inset-block-end:calc(100% + 2px + var(--db-popover-distance)*var(--db-popover-gap, 0))}[data-placement^=top].db-tooltip:is(.db-tooltip){--db-popover-distance:var(--db-spacing-fixed-xs)}[data-placement^=top][data-placement$=end].db-popover,[data-placement^=top][data-placement$=end].db-tooltip{inset-inline-end:0}[data-placement^=top][data-placement$=start].db-popover,[data-placement^=top][data-placement$=start].db-tooltip{inset-inline-start:0}[data-placement^=top].db-tooltip:is(.db-tooltip),[data-placement^=top][data-gap=true].db-popover{--db-popover-gap:1}[data-placement^=top].db-tooltip:is(.db-tooltip):before,[data-placement^=top][data-gap=true].db-popover:before{content:"";position:absolute;inset-inline-end:0;inline-size:100%;block-size:calc(2px + var(--db-popover-distance));inset-block-end:calc(-1*var(--db-popover-distance) - 2px)}.db-popover[data-open=true],:has(>.db-popover:not([data-open])):focus .db-popover:first-of-type,:has(>.db-popover:not([data-open])):hover .db-popover:first-of-type,:has(>.db-tooltip:not([data-open])):focus .db-tooltip:first-of-type,:has(>.db-tooltip:not([data-open])):hover .db-tooltip:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus .db-popover:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover .db-popover:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus .db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover .db-tooltip:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus .db-popover:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover .db-popover:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus .db-tooltip:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover .db-tooltip:first-of-type{visibility:visible}.db-popover[data-open=true]:not([data-placement]),:has(>.db-popover:not([data-open])):focus .db-popover:not([data-placement]):first-of-type,:has(>.db-popover:not([data-open])):focus [data-placement^=bottom].db-popover:first-of-type,:has(>.db-popover:not([data-open])):hover .db-popover:not([data-placement]):first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=bottom].db-popover:first-of-type,:has(>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:first-of-type,:has(>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus .db-popover:not([data-placement]):first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=bottom].db-popover:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover .db-popover:not([data-placement]):first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=bottom].db-popover:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus .db-popover:not([data-placement]):first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=bottom].db-popover:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover .db-popover:not([data-placement]):first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=bottom].db-popover:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:first-of-type,[data-placement^=bottom].db-popover[data-open=true]{--db-popover-translate-y:-25%}.db-popover[data-open=true]:not([data-placement])[data-animation=disabled],:has(>.db-popover:not([data-open])):focus .db-popover:not([data-placement])[data-animation=disabled]:first-of-type,:has(>.db-popover:not([data-open])):focus [data-placement^=bottom][data-animation=disabled].db-popover:first-of-type,:has(>.db-popover:not([data-open])):hover .db-popover:not([data-placement])[data-animation=disabled]:first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=bottom][data-animation=disabled].db-popover:first-of-type,:has(>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement])[data-animation=disabled]:first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=bottom][data-animation=disabled].db-tooltip:first-of-type,:has(>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement])[data-animation=disabled]:first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=bottom][data-animation=disabled].db-tooltip:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus .db-popover:not([data-placement])[data-animation=disabled]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=bottom][data-animation=disabled].db-popover:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover .db-popover:not([data-placement])[data-animation=disabled]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=bottom][data-animation=disabled].db-popover:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=bottom][data-animation=disabled].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=bottom][data-animation=disabled].db-tooltip:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus .db-popover:not([data-placement])[data-animation=disabled]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=bottom][data-animation=disabled].db-popover:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover .db-popover:not([data-placement])[data-animation=disabled]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=bottom][data-animation=disabled].db-popover:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement])[data-animation=disabled]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=bottom][data-animation=disabled].db-tooltip:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement])[data-animation=disabled]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=bottom][data-animation=disabled].db-tooltip:first-of-type,[data-placement^=bottom][data-animation=disabled].db-popover[data-open=true]{opacity:1}.db-popover[data-open=true]:not([data-placement]):not([data-animation=disabled]),:has(>.db-popover:not([data-open])):focus .db-popover:not([data-placement]):not([data-animation=disabled]):first-of-type,:has(>.db-popover:not([data-open])):focus [data-placement^=bottom].db-popover:not([data-animation=disabled]):first-of-type,:has(>.db-popover:not([data-open])):hover .db-popover:not([data-placement]):not([data-animation=disabled]):first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=bottom].db-popover:not([data-animation=disabled]):first-of-type,:has(>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-animation=disabled]):first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-animation=disabled]):first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus .db-popover:not([data-placement]):not([data-animation=disabled]):first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=bottom].db-popover:not([data-animation=disabled]):first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover .db-popover:not([data-placement]):not([data-animation=disabled]):first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=bottom].db-popover:not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus .db-popover:not([data-placement]):not([data-animation=disabled]):first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=bottom].db-popover:not([data-animation=disabled]):first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover .db-popover:not([data-placement]):not([data-animation=disabled]):first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=bottom].db-popover:not([data-animation=disabled]):first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-animation=disabled]):first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-animation=disabled]):first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-animation=disabled]):first-of-type,[data-placement^=bottom].db-popover[data-open=true]:not([data-animation=disabled]){animation:popover-animation var(--db-transition-duration-medium) var(--db-transition-emotional-timing) normal both}.db-popover[data-open=true]:not([data-placement]):not([data-animation=disabled])[data-delay=slow],:has(>.db-popover:not([data-open])):focus .db-popover:not([data-placement]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>.db-popover:not([data-open])):focus [data-placement^=bottom].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>.db-popover:not([data-open])):hover .db-popover:not([data-placement]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=bottom].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus .db-popover:not([data-placement]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=bottom].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover .db-popover:not([data-placement]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=bottom].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus .db-popover:not([data-placement]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=bottom].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover .db-popover:not([data-placement]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=bottom].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,[data-placement^=bottom].db-popover[data-open=true]:not([data-animation=disabled])[data-delay=slow]{animation-delay:var(--db-transition-duration-fast)}.db-popover[data-open=true]:not([data-placement]):not([data-animation=disabled])[data-delay=fast],:has(>.db-popover:not([data-open])):focus .db-popover:not([data-placement]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>.db-popover:not([data-open])):focus [data-placement^=bottom].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>.db-popover:not([data-open])):hover .db-popover:not([data-placement]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=bottom].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus .db-popover:not([data-placement]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=bottom].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover .db-popover:not([data-placement]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=bottom].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus .db-popover:not([data-placement]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=bottom].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover .db-popover:not([data-placement]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=bottom].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,[data-placement^=bottom].db-popover[data-open=true]:not([data-animation=disabled])[data-delay=fast]{animation-delay:calc(var(--db-transition-duration-fast)/2)}:has(>.db-popover:not([data-open])):focus [data-placement^=right].db-popover:first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=right].db-popover:first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=right].db-popover:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=right].db-popover:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=right].db-popover:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=right].db-popover:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:first-of-type,[data-placement^=right].db-popover[data-open=true]{--db-popover-translate-x:-25%}:has(>.db-popover:not([data-open])):focus [data-placement^=right][data-animation=disabled].db-popover:first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=right][data-animation=disabled].db-popover:first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=right][data-animation=disabled].db-tooltip:first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=right][data-animation=disabled].db-tooltip:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=right][data-animation=disabled].db-popover:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=right][data-animation=disabled].db-popover:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=right][data-animation=disabled].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=right][data-animation=disabled].db-tooltip:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=right][data-animation=disabled].db-popover:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=right][data-animation=disabled].db-popover:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=right][data-animation=disabled].db-tooltip:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=right][data-animation=disabled].db-tooltip:first-of-type,[data-placement^=right][data-animation=disabled].db-popover[data-open=true]{opacity:1}:has(>.db-popover:not([data-open])):focus [data-placement^=right].db-popover:not([data-animation=disabled]):first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=right].db-popover:not([data-animation=disabled]):first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=right].db-popover:not([data-animation=disabled]):first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=right].db-popover:not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=right].db-popover:not([data-animation=disabled]):first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=right].db-popover:not([data-animation=disabled]):first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-animation=disabled]):first-of-type,[data-placement^=right].db-popover[data-open=true]:not([data-animation=disabled]){animation:popover-animation var(--db-transition-duration-medium) var(--db-transition-emotional-timing) normal both}:has(>.db-popover:not([data-open])):focus [data-placement^=right].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=right].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=right].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=right].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=right].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=right].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,[data-placement^=right].db-popover[data-open=true]:not([data-animation=disabled])[data-delay=slow]{animation-delay:var(--db-transition-duration-fast)}:has(>.db-popover:not([data-open])):focus [data-placement^=right].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=right].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=right].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=right].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=right].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=right].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,[data-placement^=right].db-popover[data-open=true]:not([data-animation=disabled])[data-delay=fast]{animation-delay:calc(var(--db-transition-duration-fast)/2)}:has(>.db-popover:not([data-open])):focus [data-placement^=left].db-popover:first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=left].db-popover:first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=left].db-popover:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=left].db-popover:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=left].db-popover:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=left].db-popover:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:first-of-type,[data-placement^=left].db-popover[data-open=true]{--db-popover-translate-x:25%}:has(>.db-popover:not([data-open])):focus [data-placement^=left][data-animation=disabled].db-popover:first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=left][data-animation=disabled].db-popover:first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=left][data-animation=disabled].db-tooltip:first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=left][data-animation=disabled].db-tooltip:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=left][data-animation=disabled].db-popover:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=left][data-animation=disabled].db-popover:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=left][data-animation=disabled].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=left][data-animation=disabled].db-tooltip:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=left][data-animation=disabled].db-popover:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=left][data-animation=disabled].db-popover:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=left][data-animation=disabled].db-tooltip:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=left][data-animation=disabled].db-tooltip:first-of-type,[data-placement^=left][data-animation=disabled].db-popover[data-open=true]{opacity:1}:has(>.db-popover:not([data-open])):focus [data-placement^=left].db-popover:not([data-animation=disabled]):first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=left].db-popover:not([data-animation=disabled]):first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=left].db-popover:not([data-animation=disabled]):first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=left].db-popover:not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=left].db-popover:not([data-animation=disabled]):first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=left].db-popover:not([data-animation=disabled]):first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-animation=disabled]):first-of-type,[data-placement^=left].db-popover[data-open=true]:not([data-animation=disabled]){animation:popover-animation var(--db-transition-duration-medium) var(--db-transition-emotional-timing) normal both}:has(>.db-popover:not([data-open])):focus [data-placement^=left].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=left].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=left].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=left].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=left].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=left].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,[data-placement^=left].db-popover[data-open=true]:not([data-animation=disabled])[data-delay=slow]{animation-delay:var(--db-transition-duration-fast)}:has(>.db-popover:not([data-open])):focus [data-placement^=left].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=left].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=left].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=left].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=left].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=left].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,[data-placement^=left].db-popover[data-open=true]:not([data-animation=disabled])[data-delay=fast]{animation-delay:calc(var(--db-transition-duration-fast)/2)}:has(>.db-popover:not([data-open])):focus [data-placement^=top].db-popover:first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=top].db-popover:first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=top].db-popover:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=top].db-popover:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=top].db-popover:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=top].db-popover:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:first-of-type,[data-placement^=top].db-popover[data-open=true]{--db-popover-translate-y:25%}:has(>.db-popover:not([data-open])):focus [data-placement^=top][data-animation=disabled].db-popover:first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=top][data-animation=disabled].db-popover:first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=top][data-animation=disabled].db-tooltip:first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=top][data-animation=disabled].db-tooltip:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=top][data-animation=disabled].db-popover:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=top][data-animation=disabled].db-popover:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=top][data-animation=disabled].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=top][data-animation=disabled].db-tooltip:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=top][data-animation=disabled].db-popover:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=top][data-animation=disabled].db-popover:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=top][data-animation=disabled].db-tooltip:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=top][data-animation=disabled].db-tooltip:first-of-type,[data-placement^=top][data-animation=disabled].db-popover[data-open=true]{opacity:1}:has(>.db-popover:not([data-open])):focus [data-placement^=top].db-popover:not([data-animation=disabled]):first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=top].db-popover:not([data-animation=disabled]):first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=top].db-popover:not([data-animation=disabled]):first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=top].db-popover:not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=top].db-popover:not([data-animation=disabled]):first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=top].db-popover:not([data-animation=disabled]):first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-animation=disabled]):first-of-type,[data-placement^=top].db-popover[data-open=true]:not([data-animation=disabled]){animation:popover-animation var(--db-transition-duration-medium) var(--db-transition-emotional-timing) normal both}:has(>.db-popover:not([data-open])):focus [data-placement^=top].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=top].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=top].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=top].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=top].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=top].db-popover:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,[data-placement^=top].db-popover[data-open=true]:not([data-animation=disabled])[data-delay=slow]{animation-delay:var(--db-transition-duration-fast)}:has(>.db-popover:not([data-open])):focus [data-placement^=top].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>.db-popover:not([data-open])):hover [data-placement^=top].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):focus [data-placement^=top].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-popover>.db-popover:not([data-open])):hover [data-placement^=top].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):focus [data-placement^=top].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbpopover>.db-popover:not([data-open])):hover [data-placement^=top].db-popover:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>dbtooltip>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,[data-placement^=top].db-popover[data-open=true]:not([data-animation=disabled])[data-delay=fast]{animation-delay:calc(var(--db-transition-duration-fast)/2)}.db-popover,.db-tooltip{position:absolute;background-color:var(--db-base-bg-enabled);visibility:hidden;z-index:1;font-style:normal}[data-width=fixed].db-popover,[data-width=fixed].db-tooltip{inline-size:max-content;max-inline-size:var(--db-sizing-3xl);white-space:normal;text-align:initial}.db-popover,.db-popover[data-spacing=small]{padding:var(--db-spacing-fixed-sm)}.db-popover[data-spacing=medium]{padding:var(--db-spacing-fixed-md)}.db-popover[data-spacing=none]{padding:0}.db-tooltip{--default-card-elevation:var(--db-elevation-sm);--default-card-border-radius:var(--db-border-radius-md);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-base-bg-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]):after,.db-tooltip[data-placement^=bottom]:after{inset-inline-start:50%;inset-block-start:0;translate:-50% -50%;rotate:315deg}.db-tooltip[data-placement^=top]:after{inset-inline-start:50%;inset-block-end:0;translate:-50% 50%;rotate:135deg}.db-tooltip[data-placement^=right]:after{inset-block-start:50%;inset-inline-start:0;translate:-50% -50%;rotate:225deg}.db-tooltip[data-placement^=left]:after{inset-block-start:50%;inset-inline-end:0;translate:50% -50%;rotate:45deg}.db-tooltip[data-emphasis=strong]:after{background-color:var(--db-neutral-text-enabled)}db-accordion,db-accordion-item,db-alert,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-main-navigation,db-navigation-item,db-page,db-popover,db-radio,db-section,db-select,db-tab,db-tabbar,db-tag,db-textarea,db-tooltip,dbaccordion,dbaccordion-item,dbalert,dbbadge,dbbrand,dbbutton,dbcard,dbcheckbox,dbcodedocs,dbdivider,dbdrawer,dbheader,dbicon,dbinfotext,dbinput,dblink,dbmain-navigation,dbnavigation-item,dbpage,dbpopover,dbradio,dbsection,dbselect,dbtab,dbtabbar,dbtag,dbtextarea,dbtooltip{display:contents}db-alert,dbalert{inline-size:inherit}:has(.db-badge[data-placement^=corner]){position:relative}:has(>.db-popover),:has(>db-popover),:has(>dbpopover){position:relative}:has(>.db-tooltip),:has(>db-tooltip),:has(>dbtooltip){position:relative}[data-color-scheme=dark],[data-color-scheme=light]{--db-current-base-color:var(--db-base-text-enabled);--db-current-color:var(--db-base-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-base-bg-enabled));--db-current-element-color:var(--db-base-element-enabled);--db-current-border-color:var(--db-base-border-enabled);--db-current-border-weak-color:var( --db-base-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-base-bg-enabled));background-color:var(--db-current-bg-color);color:var(--db-current-color)}[data-emphasis=weak][data-color-scheme=dark],[data-emphasis=weak][data-color-scheme=light]{--db-current-color:var(--db-base-on-bg-weak-enabled);color:var(--db-current-color)}: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-typography-regular-desktop-headline-2xl-line-height:1.25;--db-typography-regular-desktop-headline-2xl-font-size:4rem;--db-typography-regular-desktop-headline-xl-line-height:1.3333333333333333;--db-typography-regular-desktop-headline-xl-font-size:3rem;--db-typography-regular-desktop-headline-lg-line-height:1.2;--db-typography-regular-desktop-headline-lg-font-size:2.5rem;--db-typography-regular-desktop-headline-md-line-height:1.25;--db-typography-regular-desktop-headline-md-font-size:2rem;--db-typography-regular-desktop-headline-sm-line-height:1.1428571428571428;--db-typography-regular-desktop-headline-sm-font-size:1.75rem;--db-typography-regular-desktop-headline-2xs-line-height:1.2;--db-typography-regular-desktop-headline-2xs-font-size:1.25rem;--db-typography-regular-desktop-headline-3xs-line-height:1.25;--db-typography-regular-desktop-headline-3xs-font-size:1rem;--db-typography-regular-desktop-headline-xs-line-height:1.1666666666666667;--db-typography-regular-desktop-headline-xs-font-size:1.5rem;--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-lg:28;--db-base-icon-font-size-regular-desktop-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-xl:32;--db-base-icon-font-size-regular-desktop-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-2xl:40;--db-base-icon-font-size-regular-desktop-2xl:2.5rem;--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-md:24;--db-base-icon-font-size-regular-desktop-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-sm:20;--db-base-icon-font-size-regular-desktop-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-2xs:14;--db-base-icon-font-size-regular-desktop-2xs: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-xs:16;--db-base-icon-font-size-regular-desktop-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-lg:28;--db-base-icon-font-size-regular-mobile-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-md:24;--db-base-icon-font-size-regular-mobile-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-sm:20;--db-base-icon-font-size-regular-mobile-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-xl:28;--db-base-icon-font-size-regular-mobile-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-xs:16;--db-base-icon-font-size-regular-mobile-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-2xl:28;--db-base-icon-font-size-regular-mobile-2xl: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-2xs:14;--db-base-icon-font-size-regular-mobile-2xs:0.875rem;--db-typography-regular-mobile-headline-lg-line-height:1.1428571428571428;--db-typography-regular-mobile-headline-lg-font-size:1.75rem;--db-typography-regular-mobile-headline-md-line-height:1.1666666666666667;--db-typography-regular-mobile-headline-md-font-size:1.5rem;--db-typography-regular-mobile-headline-sm-line-height:1.2;--db-typography-regular-mobile-headline-sm-font-size:1.25rem;--db-typography-regular-mobile-headline-xl-line-height:1.25;--db-typography-regular-mobile-headline-xl-font-size:2rem;--db-typography-regular-mobile-headline-xs-line-height:1.25;--db-typography-regular-mobile-headline-xs-font-size:1rem;--db-typography-regular-mobile-headline-2xl-line-height:1.25;--db-typography-regular-mobile-headline-2xl-font-size:2rem;--db-typography-regular-mobile-headline-2xs-line-height:1.1428571428571428;--db-typography-regular-mobile-headline-2xs-font-size:0.875rem;--db-typography-regular-mobile-headline-3xl-line-height:1.25;--db-typography-regular-mobile-headline-3xl-font-size:2rem;--db-typography-regular-mobile-headline-3xs-line-height:1.1428571428571428;--db-typography-regular-mobile-headline-3xs-font-size:0.875rem;--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-lg:28;--db-base-icon-font-size-regular-tablet-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-md:24;--db-base-icon-font-size-regular-tablet-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-sm:20;--db-base-icon-font-size-regular-tablet-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-xl:32;--db-base-icon-font-size-regular-tablet-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-xs:16;--db-base-icon-font-size-regular-tablet-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-2xl:40;--db-base-icon-font-size-regular-tablet-2xl:2.5rem;--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-2xs:14;--db-base-icon-font-size-regular-tablet-2xs:0.875rem;--db-typography-regular-tablet-headline-lg-line-height:1.25;--db-typography-regular-tablet-headline-lg-font-size:2rem;--db-typography-regular-tablet-headline-md-line-height:1.1428571428571428;--db-typography-regular-tablet-headline-md-font-size:1.75rem;--db-typography-regular-tablet-headline-sm-line-height:1.1666666666666667;--db-typography-regular-tablet-headline-sm-font-size:1.5rem;--db-typography-regular-tablet-headline-xl-line-height:1.2;--db-typography-regular-tablet-headline-xl-font-size:2.5rem;--db-typography-regular-tablet-headline-xs-line-height:1.2;--db-typography-regular-tablet-headline-xs-font-size:1.25rem;--db-typography-regular-tablet-headline-2xl-line-height:1.3333333333333333;--db-typography-regular-tablet-headline-2xl-font-size:3rem;--db-typography-regular-tablet-headline-2xs-line-height:1.25;--db-typography-regular-tablet-headline-2xs-font-size:1rem;--db-typography-regular-tablet-headline-3xl-line-height:1.3333333333333333;--db-typography-regular-tablet-headline-3xl-font-size:3rem;--db-typography-regular-tablet-headline-3xs-line-height:1.25;--db-typography-regular-tablet-headline-3xs-font-size:1rem;--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-lg:24;--db-base-icon-font-size-functional-desktop-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-md:20;--db-base-icon-font-size-functional-desktop-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-sm:16;--db-base-icon-font-size-functional-desktop-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-xl:28;--db-base-icon-font-size-functional-desktop-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-xs:14;--db-base-icon-font-size-functional-desktop-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-2xl:32;--db-base-icon-font-size-functional-desktop-2xl:2rem;--db-typography-functional-desktop-body-2xs-line-height:1.5;--db-typography-functional-desktop-body-2xs-font-size:0.5rem;--db-base-icon-weight-functional-desktop-2xs:12;--db-base-icon-font-size-functional-desktop-2xs:0.75rem;--db-typography-functional-desktop-headline-lg-line-height:1.1428571428571428;--db-typography-functional-desktop-headline-lg-font-size:1.75rem;--db-typography-functional-desktop-headline-md-line-height:1.1666666666666667;--db-typography-functional-desktop-headline-md-font-size:1.5rem;--db-typography-functional-desktop-headline-sm-line-height:1.2;--db-typography-functional-desktop-headline-sm-font-size:1.25rem;--db-typography-functional-desktop-headline-xl-line-height:1.25;--db-typography-functional-desktop-headline-xl-font-size:2rem;--db-typography-functional-desktop-headline-xs-line-height:1.25;--db-typography-functional-desktop-headline-xs-font-size:1rem;--db-typography-functional-desktop-headline-2xl-line-height:1.2;--db-typography-functional-desktop-headline-2xl-font-size:2.5rem;--db-typography-functional-desktop-headline-2xs-line-height:1.1428571428571428;--db-typography-functional-desktop-headline-2xs-font-size:0.875rem;--db-typography-functional-desktop-headline-3xl-line-height:1.2;--db-typography-functional-desktop-headline-3xl-font-size:2.5rem;--db-typography-functional-desktop-headline-3xs-line-height:1.1428571428571428;--db-typography-functional-desktop-headline-3xs-font-size:0.875rem;--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-lg:24;--db-base-icon-font-size-functional-tablet-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-md:20;--db-base-icon-font-size-functional-tablet-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-sm:16;--db-base-icon-font-size-functional-tablet-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-xl:28;--db-base-icon-font-size-functional-tablet-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-xs:14;--db-base-icon-font-size-functional-tablet-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-2xl:32;--db-base-icon-font-size-functional-tablet-2xl:2rem;--db-typography-functional-tablet-body-2xs-line-height:1.5;--db-typography-functional-tablet-body-2xs-font-size:0.5rem;--db-base-icon-weight-functional-tablet-2xs:12;--db-base-icon-font-size-functional-tablet-2xs:0.75rem;--db-typography-functional-tablet-headline-lg-line-height:1.1428571428571428;--db-typography-functional-tablet-headline-lg-font-size:1.75rem;--db-typography-functional-tablet-headline-md-line-height:1.1666666666666667;--db-typography-functional-tablet-headline-md-font-size:1.5rem;--db-typography-functional-tablet-headline-sm-line-height:1.2;--db-typography-functional-tablet-headline-sm-font-size:1.25rem;--db-typography-functional-tablet-headline-xl-line-height:1.25;--db-typography-functional-tablet-headline-xl-font-size:2rem;--db-typography-functional-tablet-headline-xs-line-height:1.25;--db-typography-functional-tablet-headline-xs-font-size:1rem;--db-typography-functional-tablet-headline-2xl-line-height:1.25;--db-typography-functional-tablet-headline-2xl-font-size:2rem;--db-typography-functional-tablet-headline-2xs-line-height:1.1428571428571428;--db-typography-functional-tablet-headline-2xs-font-size:0.875rem;--db-typography-functional-tablet-headline-3xl-line-height:1.25;--db-typography-functional-tablet-headline-3xl-font-size:2rem;--db-typography-functional-tablet-headline-3xs-line-height:1.1428571428571428;--db-typography-functional-tablet-headline-3xs-font-size:0.875rem;--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-lg:24;--db-base-icon-font-size-functional-mobile-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-md:20;--db-base-icon-font-size-functional-mobile-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-sm:16;--db-base-icon-font-size-functional-mobile-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-xl:24;--db-base-icon-font-size-functional-mobile-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-xs:14;--db-base-icon-font-size-functional-mobile-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-2xl:24;--db-base-icon-font-size-functional-mobile-2xl:1.5rem;--db-typography-functional-mobile-body-2xs-line-height:1.5;--db-typography-functional-mobile-body-2xs-font-size:0.5rem;--db-base-icon-weight-functional-mobile-2xs:12;--db-base-icon-font-size-functional-mobile-2xs:0.75rem;--db-typography-functional-mobile-headline-lg-line-height:1.1666666666666667;--db-typography-functional-mobile-headline-lg-font-size:1.5rem;--db-typography-functional-mobile-headline-md-line-height:1.2;--db-typography-functional-mobile-headline-md-font-size:1.25rem;--db-typography-functional-mobile-headline-sm-line-height:1.25;--db-typography-functional-mobile-headline-sm-font-size:1rem;--db-typography-functional-mobile-headline-xl-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-xl-font-size:1.75rem;--db-typography-functional-mobile-headline-xs-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-xs-font-size:0.875rem;--db-typography-functional-mobile-headline-2xl-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-2xl-font-size:1.75rem;--db-typography-functional-mobile-headline-2xs-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-2xs-font-size:0.875rem;--db-typography-functional-mobile-headline-3xl-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-3xl-font-size:1.75rem;--db-typography-functional-mobile-headline-3xs-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-3xs-font-size:0.875rem;--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-lg:32;--db-base-icon-font-size-expressive-desktop-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-md:28;--db-base-icon-font-size-expressive-desktop-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-sm:24;--db-base-icon-font-size-expressive-desktop-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-xl:40;--db-base-icon-font-size-expressive-desktop-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-xs:20;--db-base-icon-font-size-expressive-desktop-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-2xl:48;--db-base-icon-font-size-expressive-desktop-2xl:3rem;--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-2xs:16;--db-base-icon-font-size-expressive-desktop-2xs:1rem;--db-typography-expressive-desktop-headline-lg-line-height:1.3333333333333333;--db-typography-expressive-desktop-headline-lg-font-size:3rem;--db-typography-expressive-desktop-headline-md-line-height:1.2;--db-typography-expressive-desktop-headline-md-font-size:2.5rem;--db-typography-expressive-desktop-headline-sm-line-height:1.25;--db-typography-expressive-desktop-headline-sm-font-size:2rem;--db-typography-expressive-desktop-headline-xl-line-height:1.25;--db-typography-expressive-desktop-headline-xl-font-size:4rem;--db-typography-expressive-desktop-headline-xs-line-height:1.1428571428571428;--db-typography-expressive-desktop-headline-xs-font-size:1.75rem;--db-typography-expressive-desktop-headline-2xl-line-height:1.2;--db-typography-expressive-desktop-headline-2xl-font-size:5rem;--db-typography-expressive-desktop-headline-2xs-line-height:1.1666666666666667;--db-typography-expressive-desktop-headline-2xs-font-size:1.5rem;--db-typography-expressive-desktop-headline-3xl-line-height:1.25;--db-typography-expressive-desktop-headline-3xl-font-size:6rem;--db-typography-expressive-desktop-headline-3xs-line-height:1.2;--db-typography-expressive-desktop-headline-3xs-font-size:1.25rem;--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-lg:32;--db-base-icon-font-size-expressive-tablet-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-md:28;--db-base-icon-font-size-expressive-tablet-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-sm:24;--db-base-icon-font-size-expressive-tablet-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-xl:40;--db-base-icon-font-size-expressive-tablet-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-xs:20;--db-base-icon-font-size-expressive-tablet-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-2xl:48;--db-base-icon-font-size-expressive-tablet-2xl:3rem;--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-2xs:16;--db-base-icon-font-size-expressive-tablet-2xs:1rem;--db-typography-expressive-tablet-headline-lg-line-height:1.2;--db-typography-expressive-tablet-headline-lg-font-size:2.5rem;--db-typography-expressive-tablet-headline-md-line-height:1.25;--db-typography-expressive-tablet-headline-md-font-size:2rem;--db-typography-expressive-tablet-headline-sm-line-height:1.1428571428571428;--db-typography-expressive-tablet-headline-sm-font-size:1.75rem;--db-typography-expressive-tablet-headline-xl-line-height:1.3333333333333333;--db-typography-expressive-tablet-headline-xl-font-size:3rem;--db-typography-expressive-tablet-headline-xs-line-height:1.1666666666666667;--db-typography-expressive-tablet-headline-xs-font-size:1.5rem;--db-typography-expressive-tablet-headline-2xl-line-height:1.25;--db-typography-expressive-tablet-headline-2xl-font-size:4rem;--db-typography-expressive-tablet-headline-2xs-line-height:1.2;--db-typography-expressive-tablet-headline-2xs-font-size:1.25rem;--db-typography-expressive-tablet-headline-3xl-line-height:1.2;--db-typography-expressive-tablet-headline-3xl-font-size:5rem;--db-typography-expressive-tablet-headline-3xs-line-height:1.2;--db-typography-expressive-tablet-headline-3xs-font-size:1.25rem;--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-lg:32;--db-base-icon-font-size-expressive-mobile-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-md:28;--db-base-icon-font-size-expressive-mobile-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-sm:24;--db-base-icon-font-size-expressive-mobile-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-xl:32;--db-base-icon-font-size-expressive-mobile-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-xs:20;--db-base-icon-font-size-expressive-mobile-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-2xl:32;--db-base-icon-font-size-expressive-mobile-2xl: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-2xs:16;--db-base-icon-font-size-expressive-mobile-2xs:1rem;--db-typography-expressive-mobile-headline-lg-line-height:1.25;--db-typography-expressive-mobile-headline-lg-font-size:2rem;--db-typography-expressive-mobile-headline-md-line-height:1.1428571428571428;--db-typography-expressive-mobile-headline-md-font-size:1.75rem;--db-typography-expressive-mobile-headline-sm-line-height:1.1666666666666667;--db-typography-expressive-mobile-headline-sm-font-size:1.5rem;--db-typography-expressive-mobile-headline-xl-line-height:1.2;--db-typography-expressive-mobile-headline-xl-font-size:2.5rem;--db-typography-expressive-mobile-headline-xs-line-height:1.2;--db-typography-expressive-mobile-headline-xs-font-size:1.25rem;--db-typography-expressive-mobile-headline-2xl-line-height:1.2;--db-typography-expressive-mobile-headline-2xl-font-size:2.5rem;--db-typography-expressive-mobile-headline-2xs-line-height:1.25;--db-typography-expressive-mobile-headline-2xs-font-size:1rem;--db-typography-expressive-mobile-headline-3xl-line-height:1.2;--db-typography-expressive-mobile-headline-3xl-font-size:2.5rem;--db-typography-expressive-mobile-headline-3xs-line-height:1.25;--db-typography-expressive-mobile-headline-3xs-font-size:1rem;--db-border-height-sm:0.0625rem;--db-border-height-md:0.125rem;--db-border-height-lg:0.25rem;--db-border-radius-sm:0.15625rem;--db-border-radius-md:0.25rem;--db-border-radius-lg:0.5rem;--db-border-radius-3xl:2.625rem;--db-opacity-sm:0.25;--db-opacity-md:0.5;--db-opacity-lg:0.75;--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-base-on-enabled:#fff;--db-base-origin-enabled:#242629;--db-base-origin-hover:#212326;--db-base-origin-pressed:#1e1f22;--db-base-text-enabled:#242629;--db-base-text-hover:#6b6c6d;--db-base-text-pressed:#939494;--db-base-on-bg-enabled:#242629;--db-base-on-bg-hover:#12131540;--db-base-on-bg-pressed:#191b1d80;--db-base-on-bg-weak-enabled:#12131540;--db-base-bg-enabled:#fff;--db-base-bg-strong-enabled:#fafafa;--db-base-element-enabled:#777e88;--db-base-border-enabled:#5f656da3;--db-base-border-weak-enabled:#43474d52;--db-neutral-on-enabled:#fff;--db-neutral-origin-enabled:#646973;--db-neutral-origin-hover:#5c6069;--db-neutral-origin-pressed:#52575f;--db-neutral-text-enabled:#646973;--db-neutral-text-hover:#898c93;--db-neutral-text-pressed:#a6a8ad;--db-neutral-on-bg-enabled:#3c3f45;--db-neutral-on-bg-hover:#1e202340;--db-neutral-on-bg-pressed:#2a2d3180;--db-neutral-on-bg-weak-enabled:#1e202340;--db-neutral-bg-enabled:#f6f6f7;--db-neutral-bg-strong-enabled:#f1f1f2;--db-neutral-element-enabled:#777d88;--db-neutral-border-enabled:#5f646da3;--db-neutral-border-weak-enabled:#43474d52;--db-brand-on-enabled:#fff;--db-brand-origin-enabled:#ec0016;--db-brand-origin-hover:#d80014;--db-brand-origin-pressed:#c30012;--db-brand-text-enabled:#e80014;--db-brand-text-hover:#ec6668;--db-brand-text-pressed:#f09091;--db-brand-on-bg-enabled:#8b000c;--db-brand-on-bg-hover:#46000640;--db-brand-on-bg-pressed:#62000880;--db-brand-on-bg-weak-enabled:#46000640;--db-brand-bg-enabled:#fdf5f5;--db-brand-bg-strong-enabled:#f8f0f0;--db-brand-element-enabled:#ff0016;--db-brand-border-enabled:#cc0012a3;--db-brand-border-weak-enabled:#90000c52;--db-informational-on-enabled:#fff;--db-informational-origin-enabled:#309fd1;--db-informational-origin-hover:#2c92c0;--db-informational-origin-pressed:#2883ac;--db-informational-text-enabled:#007caa;--db-informational-text-hover:#6699ba;--db-informational-text-pressed:#90b1c9;--db-informational-on-bg-enabled:#004a66;--db-informational-on-bg-hover:#00253340;--db-informational-on-bg-pressed:#00344880;--db-informational-on-bg-weak-enabled:#00253340;--db-informational-bg-enabled:#f5f7f9;--db-informational-bg-strong-enabled:#f0f2f4;--db-informational-element-enabled:#0099d1;--db-informational-border-enabled:#007aa7a3;--db-informational-border-weak-enabled:#00577652;--db-warning-on-enabled:#fff;--db-warning-origin-enabled:#f39200;--db-warning-origin-hover:#df8600;--db-warning-origin-pressed:#c87800;--db-warning-text-enabled:#af5c00;--db-warning-text-hover:#be8466;--db-warning-text-pressed:#cca390;--db-warning-on-bg-enabled:#693700;--db-warning-on-bg-hover:#351c0040;--db-warning-on-bg-pressed:#4a270080;--db-warning-on-bg-weak-enabled:#351c0040;--db-warning-bg-enabled:#faf6f5;--db-warning-bg-strong-enabled:#f5f1f0;--db-warning-element-enabled:#db7300;--db-warning-border-enabled:#af5c00a3;--db-warning-border-weak-enabled:#7c410052;--db-successful-on-enabled:#fff;--db-successful-origin-enabled:#63a615;--db-successful-origin-hover:#5b9813;--db-successful-origin-pressed:#528911;--db-successful-text-enabled:#398200;--db-successful-text-hover:#739d66;--db-successful-text-pressed:#98b490;--db-successful-on-bg-enabled:#224e00;--db-successful-on-bg-hover:#11270040;--db-successful-on-bg-pressed:#18370080;--db-successful-on-bg-weak-enabled:#11270040;--db-successful-bg-enabled:#f5f7f5;--db-successful-bg-strong-enabled:#f0f2f0;--db-successful-element-enabled:#48a300;--db-successful-border-enabled:#3a8200a3;--db-successful-border-weak-enabled:#295c0052;--db-critical-on-enabled:#fff;--db-critical-origin-enabled:#ec0016;--db-critical-origin-hover:#d80014;--db-critical-origin-pressed:#c30012;--db-critical-text-enabled:#e80014;--db-critical-text-hover:#ec6668;--db-critical-text-pressed:#f09091;--db-critical-on-bg-enabled:#8b000c;--db-critical-on-bg-hover:#46000640;--db-critical-on-bg-pressed:#62000880;--db-critical-on-bg-weak-enabled:#46000640;--db-critical-bg-enabled:#fdf5f5;--db-critical-bg-strong-enabled:#f8f0f0;--db-critical-element-enabled:#ff0016;--db-critical-border-enabled:#cc0012a3;--db-critical-border-weak-enabled:#90000c52;color-scheme:light}@media(prefers-color-scheme:dark){:root{--db-base-on-enabled:#000000bf;--db-base-origin-enabled:#fff;--db-base-origin-hover:#fff;--db-base-origin-pressed:#fff;--db-base-text-enabled:#fff;--db-base-text-hover:#eaeaea;--db-base-text-pressed:#d2d2d2;--db-base-on-bg-enabled:#fff;--db-base-on-bg-hover:#80808040;--db-base-on-bg-pressed:#b4b4b480;--db-base-on-bg-weak-enabled:#80808040;--db-base-bg-enabled:#242629;--db-base-bg-strong-enabled:#3e3f41;--db-base-element-enabled:#8a8a8a;--db-base-border-enabled:#787878bf;--db-base-border-weak-enabled:#62626280;--db-neutral-on-enabled:#000000bf;--db-neutral-origin-enabled:#646973;--db-neutral-origin-hover:#898c93;--db-neutral-origin-pressed:#a6a8ad;--db-neutral-text-enabled:#acb1bb;--db-neutral-text-hover:#9ea2ab;--db-neutral-text-pressed:#8e929a;--db-neutral-on-bg-enabled:#e5e6e9;--db-neutral-on-bg-hover:#73737540;--db-neutral-on-bg-pressed:#a2a3a580;--db-neutral-on-bg-weak-enabled:#73737540;--db-neutral-bg-enabled:#313235;--db-neutral-bg-strong-enabled:#464749;--db-neutral-element-enabled:#848b9a;--db-neutral-border-enabled:#727885bf;--db-neutral-border-weak-enabled:#5d626d80;--db-brand-on-enabled:#fff;--db-brand-origin-enabled:#ec0016;--db-brand-origin-hover:#ef6668;--db-brand-origin-pressed:#f29091;--db-brand-text-enabled:#ff8c70;--db-brand-text-hover:#ea8067;--db-brand-text-pressed:#d2735c;--db-brand-on-bg-enabled:#ffddd7;--db-brand-on-bg-hover:#806f6c40;--db-brand-on-bg-pressed:#b49c9880;--db-brand-on-bg-weak-enabled:#806f6c40;--db-brand-bg-enabled:#482820;--db-brand-bg-strong-enabled:#57403c;--db-brand-element-enabled:#ff4214;--db-brand-border-enabled:#dd3911bf;--db-brand-border-weak-enabled:#b42f0e80;--db-informational-on-enabled:#000000bf;--db-informational-origin-enabled:#309fd1;--db-informational-origin-hover:#6fb2d9;--db-informational-origin-pressed:#96c3e1;--db-informational-text-enabled:#50b3ea;--db-informational-text-hover:#49a4d6;--db-informational-text-pressed:#4294c1;--db-informational-on-bg-enabled:#d2e7f8;--db-informational-on-bg-hover:#69747c40;--db-informational-on-bg-pressed:#94a3af80;--db-informational-on-bg-weak-enabled:#69747c40;--db-informational-bg-enabled:#173342;--db-informational-bg-strong-enabled:#384752;--db-informational-element-enabled:#1a93d6;--db-informational-border-enabled:#177fb9bf;--db-informational-border-weak-enabled:#12689780;--db-warning-on-enabled:#000000bf;--db-warning-origin-enabled:#f39200;--db-warning-origin-hover:#f5a866;--db-warning-origin-pressed:#f7bc90;--db-warning-text-enabled:#f59303;--db-warning-text-hover:#e18703;--db-warning-text-pressed:#ca7902;--db-warning-on-bg-enabled:#fbdecc;--db-warning-on-bg-hover:#7e6f6640;--db-warning-on-bg-pressed:#b19d9080;--db-warning-on-bg-weak-enabled:#7e6f6640;--db-warning-bg-enabled:#452a01;--db-warning-bg-strong-enabled:#554233;--db-warning-element-enabled:#fc9703;--db-warning-border-enabled:#da8303bf;--db-warning-border-weak-enabled:#b26b0280;--db-successful-on-enabled:#000000bf;--db-successful-origin-enabled:#63a615;--db-successful-origin-hover:#89b768;--db-successful-origin-pressed:#a6c791;--db-successful-text-enabled:#81bf35;--db-successful-text-hover:#76af31;--db-successful-text-pressed:#6a9e2c;--db-successful-on-bg-enabled:#daeace;--db-successful-on-bg-hover:#6d756740;--db-successful-on-bg-pressed:#9aa59280;--db-successful-on-bg-weak-enabled:#6d756740;--db-successful-bg-enabled:#24360f;--db-successful-bg-strong-enabled:#3e4935;--db-successful-element-enabled:#87c837;--db-successful-border-enabled:#75ad30bf;--db-successful-border-weak-enabled:#5f8d2780;--db-critical-on-enabled:#000000bf;--db-critical-origin-enabled:#ec0016;--db-critical-origin-hover:#ef6668;--db-critical-origin-pressed:#f29091;--db-critical-text-enabled:#ff8c70;--db-critical-text-hover:#ea8067;--db-critical-text-pressed:#d2735c;--db-critical-on-bg-enabled:#ffddd7;--db-critical-on-bg-hover:#806f6c40;--db-critical-on-bg-pressed:#b49c9880;--db-critical-on-bg-weak-enabled:#806f6c40;--db-critical-bg-enabled:#482820;--db-critical-bg-strong-enabled:#57403c;--db-critical-element-enabled:#ff4214;--db-critical-border-enabled:#dd3911bf;--db-critical-border-weak-enabled:#b42f0e80;color-scheme:dark}}[data-color-scheme=light]{--db-base-on-enabled:#fff;--db-base-origin-enabled:#242629;--db-base-origin-hover:#212326;--db-base-origin-pressed:#1e1f22;--db-base-text-enabled:#242629;--db-base-text-hover:#6b6c6d;--db-base-text-pressed:#939494;--db-base-on-bg-enabled:#242629;--db-base-on-bg-hover:#12131540;--db-base-on-bg-pressed:#191b1d80;--db-base-on-bg-weak-enabled:#12131540;--db-base-bg-enabled:#fff;--db-base-bg-strong-enabled:#fafafa;--db-base-element-enabled:#777e88;--db-base-border-enabled:#5f656da3;--db-base-border-weak-enabled:#43474d52;--db-neutral-on-enabled:#fff;--db-neutral-origin-enabled:#646973;--db-neutral-origin-hover:#5c6069;--db-neutral-origin-pressed:#52575f;--db-neutral-text-enabled:#646973;--db-neutral-text-hover:#898c93;--db-neutral-text-pressed:#a6a8ad;--db-neutral-on-bg-enabled:#3c3f45;--db-neutral-on-bg-hover:#1e202340;--db-neutral-on-bg-pressed:#2a2d3180;--db-neutral-on-bg-weak-enabled:#1e202340;--db-neutral-bg-enabled:#f6f6f7;--db-neutral-bg-strong-enabled:#f1f1f2;--db-neutral-element-enabled:#777d88;--db-neutral-border-enabled:#5f646da3;--db-neutral-border-weak-enabled:#43474d52;--db-brand-on-enabled:#fff;--db-brand-origin-enabled:#ec0016;--db-brand-origin-hover:#d80014;--db-brand-origin-pressed:#c30012;--db-brand-text-enabled:#e80014;--db-brand-text-hover:#ec6668;--db-brand-text-pressed:#f09091;--db-brand-on-bg-enabled:#8b000c;--db-brand-on-bg-hover:#46000640;--db-brand-on-bg-pressed:#62000880;--db-brand-on-bg-weak-enabled:#46000640;--db-brand-bg-enabled:#fdf5f5;--db-brand-bg-strong-enabled:#f8f0f0;--db-brand-element-enabled:#ff0016;--db-brand-border-enabled:#cc0012a3;--db-brand-border-weak-enabled:#90000c52;--db-informational-on-enabled:#fff;--db-informational-origin-enabled:#309fd1;--db-informational-origin-hover:#2c92c0;--db-informational-origin-pressed:#2883ac;--db-informational-text-enabled:#007caa;--db-informational-text-hover:#6699ba;--db-informational-text-pressed:#90b1c9;--db-informational-on-bg-enabled:#004a66;--db-informational-on-bg-hover:#00253340;--db-informational-on-bg-pressed:#00344880;--db-informational-on-bg-weak-enabled:#00253340;--db-informational-bg-enabled:#f5f7f9;--db-informational-bg-strong-enabled:#f0f2f4;--db-informational-element-enabled:#0099d1;--db-informational-border-enabled:#007aa7a3;--db-informational-border-weak-enabled:#00577652;--db-warning-on-enabled:#fff;--db-warning-origin-enabled:#f39200;--db-warning-origin-hover:#df8600;--db-warning-origin-pressed:#c87800;--db-warning-text-enabled:#af5c00;--db-warning-text-hover:#be8466;--db-warning-text-pressed:#cca390;--db-warning-on-bg-enabled:#693700;--db-warning-on-bg-hover:#351c0040;--db-warning-on-bg-pressed:#4a270080;--db-warning-on-bg-weak-enabled:#351c0040;--db-warning-bg-enabled:#faf6f5;--db-warning-bg-strong-enabled:#f5f1f0;--db-warning-element-enabled:#db7300;--db-warning-border-enabled:#af5c00a3;--db-warning-border-weak-enabled:#7c410052;--db-successful-on-enabled:#fff;--db-successful-origin-enabled:#63a615;--db-successful-origin-hover:#5b9813;--db-successful-origin-pressed:#528911;--db-successful-text-enabled:#398200;--db-successful-text-hover:#739d66;--db-successful-text-pressed:#98b490;--db-successful-on-bg-enabled:#224e00;--db-successful-on-bg-hover:#11270040;--db-successful-on-bg-pressed:#18370080;--db-successful-on-bg-weak-enabled:#11270040;--db-successful-bg-enabled:#f5f7f5;--db-successful-bg-strong-enabled:#f0f2f0;--db-successful-element-enabled:#48a300;--db-successful-border-enabled:#3a8200a3;--db-successful-border-weak-enabled:#295c0052;--db-critical-on-enabled:#fff;--db-critical-origin-enabled:#ec0016;--db-critical-origin-hover:#d80014;--db-critical-origin-pressed:#c30012;--db-critical-text-enabled:#e80014;--db-critical-text-hover:#ec6668;--db-critical-text-pressed:#f09091;--db-critical-on-bg-enabled:#8b000c;--db-critical-on-bg-hover:#46000640;--db-critical-on-bg-pressed:#62000880;--db-critical-on-bg-weak-enabled:#46000640;--db-critical-bg-enabled:#fdf5f5;--db-critical-bg-strong-enabled:#f8f0f0;--db-critical-element-enabled:#ff0016;--db-critical-border-enabled:#cc0012a3;--db-critical-border-weak-enabled:#90000c52;color-scheme:light}[data-color-scheme=dark]{--db-base-on-enabled:#000000bf;--db-base-origin-enabled:#fff;--db-base-origin-hover:#fff;--db-base-origin-pressed:#fff;--db-base-text-enabled:#fff;--db-base-text-hover:#eaeaea;--db-base-text-pressed:#d2d2d2;--db-base-on-bg-enabled:#fff;--db-base-on-bg-hover:#80808040;--db-base-on-bg-pressed:#b4b4b480;--db-base-on-bg-weak-enabled:#80808040;--db-base-bg-enabled:#242629;--db-base-bg-strong-enabled:#3e3f41;--db-base-element-enabled:#8a8a8a;--db-base-border-enabled:#787878bf;--db-base-border-weak-enabled:#62626280;--db-neutral-on-enabled:#000000bf;--db-neutral-origin-enabled:#646973;--db-neutral-origin-hover:#898c93;--db-neutral-origin-pressed:#a6a8ad;--db-neutral-text-enabled:#acb1bb;--db-neutral-text-hover:#9ea2ab;--db-neutral-text-pressed:#8e929a;--db-neutral-on-bg-enabled:#e5e6e9;--db-neutral-on-bg-hover:#73737540;--db-neutral-on-bg-pressed:#a2a3a580;--db-neutral-on-bg-weak-enabled:#73737540;--db-neutral-bg-enabled:#313235;--db-neutral-bg-strong-enabled:#464749;--db-neutral-element-enabled:#848b9a;--db-neutral-border-enabled:#727885bf;--db-neutral-border-weak-enabled:#5d626d80;--db-brand-on-enabled:#fff;--db-brand-origin-enabled:#ec0016;--db-brand-origin-hover:#ef6668;--db-brand-origin-pressed:#f29091;--db-brand-text-enabled:#ff8c70;--db-brand-text-hover:#ea8067;--db-brand-text-pressed:#d2735c;--db-brand-on-bg-enabled:#ffddd7;--db-brand-on-bg-hover:#806f6c40;--db-brand-on-bg-pressed:#b49c9880;--db-brand-on-bg-weak-enabled:#806f6c40;--db-brand-bg-enabled:#482820;--db-brand-bg-strong-enabled:#57403c;--db-brand-element-enabled:#ff4214;--db-brand-border-enabled:#dd3911bf;--db-brand-border-weak-enabled:#b42f0e80;--db-informational-on-enabled:#000000bf;--db-informational-origin-enabled:#309fd1;--db-informational-origin-hover:#6fb2d9;--db-informational-origin-pressed:#96c3e1;--db-informational-text-enabled:#50b3ea;--db-informational-text-hover:#49a4d6;--db-informational-text-pressed:#4294c1;--db-informational-on-bg-enabled:#d2e7f8;--db-informational-on-bg-hover:#69747c40;--db-informational-on-bg-pressed:#94a3af80;--db-informational-on-bg-weak-enabled:#69747c40;--db-informational-bg-enabled:#173342;--db-informational-bg-strong-enabled:#384752;--db-informational-element-enabled:#1a93d6;--db-informational-border-enabled:#177fb9bf;--db-informational-border-weak-enabled:#12689780;--db-warning-on-enabled:#000000bf;--db-warning-origin-enabled:#f39200;--db-warning-origin-hover:#f5a866;--db-warning-origin-pressed:#f7bc90;--db-warning-text-enabled:#f59303;--db-warning-text-hover:#e18703;--db-warning-text-pressed:#ca7902;--db-warning-on-bg-enabled:#fbdecc;--db-warning-on-bg-hover:#7e6f6640;--db-warning-on-bg-pressed:#b19d9080;--db-warning-on-bg-weak-enabled:#7e6f6640;--db-warning-bg-enabled:#452a01;--db-warning-bg-strong-enabled:#554233;--db-warning-element-enabled:#fc9703;--db-warning-border-enabled:#da8303bf;--db-warning-border-weak-enabled:#b26b0280;--db-successful-on-enabled:#000000bf;--db-successful-origin-enabled:#63a615;--db-successful-origin-hover:#89b768;--db-successful-origin-pressed:#a6c791;--db-successful-text-enabled:#81bf35;--db-successful-text-hover:#76af31;--db-successful-text-pressed:#6a9e2c;--db-successful-on-bg-enabled:#daeace;--db-successful-on-bg-hover:#6d756740;--db-successful-on-bg-pressed:#9aa59280;--db-successful-on-bg-weak-enabled:#6d756740;--db-successful-bg-enabled:#24360f;--db-successful-bg-strong-enabled:#3e4935;--db-successful-element-enabled:#87c837;--db-successful-border-enabled:#75ad30bf;--db-successful-border-weak-enabled:#5f8d2780;--db-critical-on-enabled:#000000bf;--db-critical-origin-enabled:#ec0016;--db-critical-origin-hover:#ef6668;--db-critical-origin-pressed:#f29091;--db-critical-text-enabled:#ff8c70;--db-critical-text-hover:#ea8067;--db-critical-text-pressed:#d2735c;--db-critical-on-bg-enabled:#ffddd7;--db-critical-on-bg-hover:#806f6c40;--db-critical-on-bg-pressed:#b49c9880;--db-critical-on-bg-weak-enabled:#806f6c40;--db-critical-bg-enabled:#482820;--db-critical-bg-strong-enabled:#57403c;--db-critical-element-enabled:#ff4214;--db-critical-border-enabled:#dd3911bf;--db-critical-border-weak-enabled:#b42f0e80;color-scheme:dark}:root{--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-show-timing:cubic-bezier(0.49,0.1,0.16,1) normal both;--db-transition-show-straight:0.5s cubic-bezier(0.49,0.1,0.16,1) normal both;--db-transition-hide-straight:0.4s cubic-bezier(0.49,0.1,0.16,1) normal both;--db-transition-emotional-timing:cubic-bezier(0.27,0.05,0.4,0.95);--db-transition-emotional-straight:0.3s cubic-bezier(0.27,0.05,0.4,0.95);--db-transition-functional-timing:cubic-bezier(0.15,0,0.45,1);--db-transition-functional-straight:0.3s cubic-bezier(0.15,0,0.45,1);--db-font-db-screensans-regular-name:"DB Screen Sans Regular";--db-font-db-screensans-regular-local-name:DB Screen Sans;--db-font-db-screensans-regular-local-name-short:DB Sans;--db-font-db-screensans-regular-font-family:"DB Screen Sans";--db-font-db-screensans-regular-font-weight:400;--db-font-db-screensans-regular-woff2:"dbscreensans-regular.woff2";--db-font-db-screensans-bold-name:"DB Screen Sans Bold";--db-font-db-screensans-bold-local-name:DB Screen Sans Bold;--db-font-db-screensans-bold-local-name-short:DB Sans Bold;--db-font-db-screensans-bold-font-family:"DB Screen Sans";--db-font-db-screensans-bold-font-weight:700;--db-font-db-screensans-bold-woff2:"dbscreensans-bold.woff2";--db-font-db-screenhead-light-name:"DB Screen Head Light";--db-font-db-screenhead-light-local-name:DB Screen Head;--db-font-db-screenhead-light-local-name-short:DB Head Light;--db-font-db-screenhead-light-font-family:"DB Screen Head";--db-font-db-screenhead-light-font-weight:300;--db-font-db-screenhead-light-woff2:"dbscreenhead-light.woff2";--db-font-db-screenhead-black-name:"DB Screen Head Black";--db-font-db-screenhead-black-local-name:DB Screen Head #000;--db-font-db-screenhead-black-local-name-short:DB Head #000;--db-font-db-screenhead-black-font-family:"DB Screen Head";--db-font-db-screenhead-black-font-weight:900;--db-font-db-screenhead-black-woff2:"dbscreenhead-black.woff2";--db-font-db-screensans-digital-regular-name:"DB Screen Sans Digital Regular";--db-font-db-screensans-digital-regular-local-name:DB Screen Sans Digital;--db-font-db-screensans-digital-regular-local-name-short:DB Sans Digital;--db-font-db-screensans-digital-regular-font-family:"DB Screen Sans Digital";--db-font-db-screensans-digital-regular-font-weight:400;--db-font-db-screensans-digital-regular-woff2:"dbscreensans-digitalregular.woff2";--db-font-family-sans:"DB Screen Sans",Helvetica,Arial,sans-serif;--db-font-family-head:"DB Screen Head",Helvetica,Arial,sans-serif;--db-font-family-bold:"DB Screen Sans",Helvetica,Arial,sans-serif}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:400;src:url(/mono/review/fix-color-scheme-modes/_next/static/media/db-ux.572f38ad.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:16;src:url(/mono/review/fix-color-scheme-modes/_next/static/media/db-ux.c7b5969c.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:20;src:url(/mono/review/fix-color-scheme-modes/_next/static/media/db-ux.04b05fa3.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:24;src:url(/mono/review/fix-color-scheme-modes/_next/static/media/db-ux.c7ee2436.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:32;src:url(/mono/review/fix-color-scheme-modes/_next/static/media/db-ux.9c662863.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:48;src:url(/mono/review/fix-color-scheme-modes/_next/static/media/db-ux.2a3eb5f7.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:64;src:url(/mono/review/fix-color-scheme-modes/_next/static/media/db-ux.11811a50.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/fix-color-scheme-modes/_next/static/media/db-ux.9b68f67a.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:16;src:url(/mono/review/fix-color-scheme-modes/_next/static/media/db-ux.4102df6c.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:20;src:url(/mono/review/fix-color-scheme-modes/_next/static/media/db-ux.6d2bd18d.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:24;src:url(/mono/review/fix-color-scheme-modes/_next/static/media/db-ux.979088f4.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:32;src:url(/mono/review/fix-color-scheme-modes/_next/static/media/db-ux.6ef8fd70.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:48;src:url(/mono/review/fix-color-scheme-modes/_next/static/media/db-ux.326752e0.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:64;src:url(/mono/review/fix-color-scheme-modes/_next/static/media/db-ux.07b16c47.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-solid;font-style:normal;font-weight:400;src:url(/mono/review/fix-color-scheme-modes/_next/static/media/db-ux.4885ed2b.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-solid;font-style:normal;font-weight:16;src:url(/mono/review/fix-color-scheme-modes/_next/static/media/db-ux.d944524d.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-solid;font-style:normal;font-weight:20;src:url(/mono/review/fix-color-scheme-modes/_next/static/media/db-ux.5e39c2f5.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-solid;font-style:normal;font-weight:24;src:url(/mono/review/fix-color-scheme-modes/_next/static/media/db-ux.9f06d094.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-solid;font-style:normal;font-weight:32;src:url(/mono/review/fix-color-scheme-modes/_next/static/media/db-ux.b089bbca.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-solid;font-style:normal;font-weight:48;src:url(/mono/review/fix-color-scheme-modes/_next/static/media/db-ux.d5549f5c.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-solid;font-style:normal;font-weight:64;src:url(/mono/review/fix-color-scheme-modes/_next/static/media/db-ux.b556c519.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=solid]:after,[data-icon-variant-before=solid]:before,[data-icon-variant=solid]:before{--db-icon-font-family:"db-ux-solid"}[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))}[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}#__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-neutral-border-weak-enabled);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,var(--db-base-on-bg-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:45rem){.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:45rem){.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}.tonality-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)}.tonality-example-grid .db-card{gap:var(--db-spacing-fixed-sm)}.tonality-example-page{display:flex;flex-direction:column;gap:var(--db-spacing-fixed-md)}.tonality-example-page .tonality-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)}.tonality-example-page .tonality-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-text-enabled);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);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)}.desktop-navigation ul{list-style-type:none;display:flex}.default-container{flex-direction:column;padding:var(--db-spacing-fixed-md)}.default-container,.variants-list{display:flex;gap:var(--db-spacing-fixed-md)}.variants-list{flex-wrap:wrap;inline-size:100%;justify-content:center}.variants-list>div{align-items:center;display:flex;gap:var(--db-spacing-fixed-md)}.variants-list .db-select{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)}.badge-inline-container .db-badge{-webkit-margin-start:var(--db-spacing-responsive-md);margin-inline-start:var(--db-spacing-responsive-md);margin-block:auto}
\ No newline at end of file
diff --git a/review/fix-color-scheme-modes/base64.html b/review/fix-color-scheme-modes/base64.html
index cbe262b9cdf..feabef221e2 100644
--- a/review/fix-color-scheme-modes/base64.html
+++ b/review/fix-color-scheme-modes/base64.html
@@ -1 +1 @@
-functional regular expressive base base-strong base-transparent-semi base-transparent-full neutral neutral-strong neutral-transparent-semi neutral-transparent-full brand brand-transparent-semi brand-transparent-full successful successful-transparent-semi successful-transparent-full critical critical-transparent-semi critical-transparent-full warning warning-transparent-semi warning-transparent-full informational informational-transparent-semi informational-transparent-full
Open IFrame functional regular expressive base base-strong base-transparent-semi base-transparent-full neutral neutral-strong neutral-transparent-semi neutral-transparent-full brand brand-transparent-semi brand-transparent-full successful successful-transparent-semi successful-transparent-full critical critical-transparent-semi critical-transparent-full warning warning-transparent-semi warning-transparent-full informational informational-transparent-semi informational-transparent-full
Open IFrame
+
<db-accordion-item title="Enabled (Default)">
<db-accordion-item title="Disabled" [disabled]="true">Disabled</db-accordion-item>
<db-accordion-item title="Open" [open]="true">Open</db-accordion-item>
-
<db-accordion-item title="Open Disabled" [open]="true" [disabled]="true">Open Disabled</db-accordion-item>
\ No newline at end of file
+
<db-accordion-item title="Open Disabled" [open]="true" [disabled]="true">Open Disabled</db-accordion-item>
+
<db-accordion-item title="functional">functional</db-accordion-item>
<db-accordion-item title="regular (Default)">
-
<db-accordion-item title="expressive">expressive</db-accordion-item>
\ No newline at end of file
+
<db-accordion-item title="expressive">expressive</db-accordion-item>
+
Angular
For general installation and configuration look at the ngx-components package.
Load component
@@ -7,4 +7,4 @@
Use component
With Slots
<!-- app.component.html -->
<ng-container *title>Title</ng-container>
With attributes
-
<!-- app.component.html -->
<db-accordion-item title="Title" content="Content"></db-accordion-item>
\ No newline at end of file
+
<!-- app.component.html -->
<db-accordion-item title="Title" content="Content"></db-accordion-item>
+
HTML
For general installation and configuration look at the components package.
Use component
-
<details id="my_id" class="db-accordion-item">
\ No newline at end of file
+
<details id="my_id" class="db-accordion-item">
General
+
General
Note
For a general installation or migration process check out this documentation .
@@ -7,4 +7,4 @@ DB UI Core ➡ DB UI Components
class
Before Status After Description cmp-accordion🔁 db-accordion-itemThe 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🔁 titleThe title/summary of the details element. emphasis❌ ❌ There is no emphasis anymore. size❌ ❌ Controlled by the tonality. 🆕 disabledDisable the component. 🆕 contentPass in a simple string as fallback to normal children/slot 🆕 slotTitlePass in a custom title (only required for React)
\ No newline at end of file
+
Before Status After Description summary🔁 titleThe title/summary of the details element. emphasis❌ ❌ There is no emphasis anymore. size❌ ❌ Controlled by the tonality. 🆕 disabledDisable the component. 🆕 contentPass in a simple string as fallback to normal children/slot 🆕 slotTitlePass in a custom title (only required for React)
+
React
For general installation and configuration look at the react-components package.
Use component
With Slots
import { DBAccordionItem } from "@db-ui/react-components";
const App = () => <DBAccordionItem slotTitle="Title">Content</DBAccordionItem>;
With attributes
-
import { DBAccordionItem } from "@db-ui/react-components";
const App = () => <DBAccordionItem title="Title" content="Content" />;
\ No newline at end of file
+
import { DBAccordionItem } from "@db-ui/react-components";
const App = () => <DBAccordionItem title="Title" content="Content" />;
+
Vue
For general installation and configuration look at the v-components package.
Use component
With Slots
import { DBAccordionItem } from "@db-ui/v-components";
<template v-slot:title>Title</template>
With attributes
-
import { DBAccordionItem } from "@db-ui/v-components";
<DBAccordionItem title="Title" content="Content"></DBAccordionItem>
\ No newline at end of file
+
import { DBAccordionItem } from "@db-ui/v-components";
<DBAccordionItem title="Title" content="Content"></DBAccordionItem>
+
<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>
-
<db-accordion behaviour="single">
<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>
\ No newline at end of file
+
<db-accordion behaviour="single">
<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>
+
<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>
<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>
-
<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>
\ No newline at end of file
+
<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>
+
Angular
For general installation and configuration look at the ngx-components package.
Load component
import { DBAccordionModule } from '@db-ui/ngx-components';
imports: [..., DBAccordionModule],
Use component
-
<!-- app.component.html -->
<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>
\ No newline at end of file
+
<!-- app.component.html -->
<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>
+
HTML
For general installation and configuration look at the components package.
Use component
-
<div class="db-accordion">
<details id="id_1" class="db-accordion-item">
<summary>Title 1</summary>
<details id="id_2" class="db-accordion-item">
<summary>Title 2</summary>
<details id="id_3" class="db-accordion-item">
<summary>Title 3</summary>
\ No newline at end of file
+
<div class="db-accordion">
<details id="id_1" class="db-accordion-item">
<summary>Title 1</summary>
<details id="id_2" class="db-accordion-item">
<summary>Title 2</summary>
<details id="id_3" class="db-accordion-item">
<summary>Title 3</summary>
General
+
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 🥳
+
React
For general installation and configuration look at the react-components package.
Use component
-
import { DBAccordion } from "@db-ui/react-components";
<DBAccordionItem title="Item 1" content="Content 1" />
<DBAccordionItem title="Item 2" content="Content 2" />
<DBAccordionItem title="Item 3" content="Content 3" />
\ No newline at end of file
+
import { DBAccordion } from "@db-ui/react-components";
<DBAccordionItem title="Item 1" content="Content 1" />
<DBAccordionItem title="Item 2" content="Content 2" />
<DBAccordionItem title="Item 3" content="Content 3" />
+
Vue
For general installation and configuration look at the v-components package.
Use component
-
import { DBAccordion } from "@db-ui/v-components";
<DBAccordionItem title="Item 1" content="Content 1" />
<DBAccordionItem title="Item 2" content="Content 2" />
<DBAccordionItem title="Item 3" content="Content 3" />
\ No newline at end of file
+
import { DBAccordion } from "@db-ui/v-components";
<DBAccordionItem title="Item 1" content="Content 1" />
<DBAccordionItem title="Item 2" content="Content 2" />
<DBAccordionItem title="Item 3" content="Content 3" />
+
<db-alert type="alert" headline="Headline" [link]="{'href':'#','text':'Link'}" [click]="()=>{alert('click close button')}">Closable</db-alert>
-
<db-alert type="alert" headline="Headline" [link]="{'href':'#','text':'Link'}" behaviour="permanent">Permanent</db-alert>
\ No newline at end of file
+
<db-alert type="alert" headline="Headline" [link]="{'href':'#','text':'Link'}" behaviour="permanent">Permanent</db-alert>
+
<db-alert type="alert" icon="account" headline="Headline" [link]="{'href':'#','text':'Link'}">Headline & Text & Link & Icon</db-alert>
<db-alert headline="Headline" [link]="{'href':'#','text':'Link'}">Headline & Text & Link</db-alert>
<db-alert [link]="{'href':'#','text':'Link'}">Text & Link</db-alert>
-
<db-alert>Text</db-alert>
\ No newline at end of file
+
<db-alert>Text</db-alert>
+
<db-alert headline="Headline" [link]="{'href':'#','text':'Link'}">functional</db-alert>
<db-alert headline="Headline" [link]="{'href':'#','text':'Link'}">regular (Default)</db-alert>
-
<db-alert headline="Headline" [link]="{'href':'#','text':'Link'}">expressive</db-alert>
\ No newline at end of file
+
<db-alert headline="Headline" [link]="{'href':'#','text':'Link'}">expressive</db-alert>
+
<db-alert type="alert" headline="Headline" [link]="{'href':'#','text':'Link'}">(Default) Alert</db-alert>
-
<db-alert type="inline" headline="Headline" [link]="{'href':'#','text':'Link'}">Inline</db-alert>
\ No newline at end of file
+
<db-alert type="inline" headline="Headline" [link]="{'href':'#','text':'Link'}">Inline</db-alert>
+
<db-alert type="alert" icon="account" headline="Headline" [link]="{'href':'#','text':'Link'}">(Default) Adaptive</db-alert>
<db-alert type="alert" variant="neutral" headline="Headline" [link]="{'href':'#','text':'Link'}">Neutral</db-alert>
<db-alert type="alert" variant="critical" headline="Headline" [link]="{'href':'#','text':'Link'}">Critical</db-alert>
<db-alert type="alert" variant="informational" headline="Headline" [link]="{'href':'#','text':'Link'}">Informational</db-alert>
<db-alert type="alert" variant="successful" headline="Headline" [link]="{'href':'#','text':'Link'}">Successful</db-alert>
-
<db-alert type="alert" variant="warning" headline="Headline" [link]="{'href':'#','text':'Link'}">Warning</db-alert>
\ No newline at end of file
+
<db-alert type="alert" variant="warning" headline="Headline" [link]="{'href':'#','text':'Link'}">Warning</db-alert>
+
Angular
For general installation and configuration take a look at the ngx-components package.
Load component
import { DBAlertModule } from '@db-ui/ngx-components';
imports: [..., DBAlertModule],
Use component
-
<!-- app.component.html -->
<db-alert headline="Headline">Alert</db-alert>
\ No newline at end of file
+
<!-- app.component.html -->
<db-alert headline="Headline">Alert</db-alert>
+
HTML
For general installation and configuration take a look at the components package.
Use component
-
<div class="db-alert" data-icon="info">
<div class="db-alert-content-container">
<div class="db-alert-headline-container">
<strong>Headline</strong>
<div class="db-alert-close-container">
class="db-button is-icon-text-replace"
data-variant="transparent"
\ No newline at end of file
+
<div class="db-alert" data-icon="info">
<div class="db-alert-content-container">
<div class="db-alert-headline-container">
<strong>Headline</strong>
<div class="db-alert-close-container">
class="db-button is-icon-text-replace"
data-variant="transparent"
General
+
General
Note
For a general installation or migration process check out this documentation .
@@ -9,4 +9,4 @@ class
variant ➡ type
Before Status After Description alert🔁 alertDefault alert with different look status❌ ❌ Status can be changed by variants 🆕 inlineNew styling with shadow and rounded corners (like card)
type ➡ variants
-Before Status After Description 🆕 adaptiveDefault: change colors based on background error🔁 critical'Red' colored alert to show error messages informative🔁 informational'Blue' colored alert to show information messages warning🔁 warning'Yellow' colored alert to show warning messages success🔁 successful'Green' colored alert to show success messages
\ No newline at end of file
+
Before Status After Description 🆕 adaptiveDefault: change colors based on background error🔁 critical'Red' colored alert to show error messages informative🔁 informational'Blue' colored alert to show information messages warning🔁 warning'Yellow' colored alert to show warning messages success🔁 successful'Green' colored alert to show success messages
+
React
For general installation and configuration take a look at the react-components package.
Use component
-
import { DBAlert } from "@db-ui/react-components";
const App = () => <DBAlert headline="Headline">Alert</DBAlert>;
\ No newline at end of file
+
import { DBAlert } from "@db-ui/react-components";
const App = () => <DBAlert headline="Headline">Alert</DBAlert>;
+
Vue
For general installation and configuration take a look at the v-components package.
Use component
-
import { DBAlert } from "@db-ui/v-components";
<DBAlert headline="Headline">Alert</DBAlert>
\ No newline at end of file
+
import { DBAlert } from "@db-ui/v-components";
<DBAlert headline="Headline">Alert</DBAlert>
+
<db-badge [noContent]="true">Dot (Default)</db-badge>
<db-badge [noContent]="true" size="small">Dot - Small</db-badge>
<db-badge>Text</db-badge>
<db-badge example="icon">Icon</db-badge>
-
<db-badge example="icon" size="small">
\ No newline at end of file
+
<db-badge example="icon" size="small">
+
<db-badge>Weak (Default)</db-badge>
-
<db-badge emphasis="strong">Strong</db-badge>
\ No newline at end of file
+
<db-badge emphasis="strong">Strong</db-badge>
-
<db-badge example="number">Numbers</db-badge>
+
<db-badge example="number">Numbers</db-badge>
+
<db-badge placement="inline">Inline (Default)</db-badge>
<db-badge placement="corner-top-left">Corner - Top - Left</db-badge>
<db-badge placement="corner-center-left">Corner - Center - Left</db-badge>
<db-badge placement="corner-bottom-left">Corner - Bottom- Left</db-badge>
<db-badge placement="corner-top-right">Corner - Top - Right</db-badge>
<db-badge placement="corner-center-right">Corner - Center - Right</db-badge>
-
<db-badge placement="corner-bottom-right">Corner - Bottom- Right</db-badge>
\ No newline at end of file
+
<db-badge placement="corner-bottom-right">Corner - Bottom- Right</db-badge>
+
<db-badge>Medium (Default)</db-badge>
-
<db-badge size="small">Small</db-badge>
\ No newline at end of file
+
<db-badge size="small">Small</db-badge>
+
<db-badge>functional</db-badge>
<db-badge>regular (Default)</db-badge>
-
<db-badge>expressive</db-badge>
\ No newline at end of file
+
<db-badge>expressive</db-badge>
+
<db-badge>Adaptive (Default)</db-badge>
<db-badge variant="neutral">Neutral</db-badge>
<db-badge variant="critical">Critical</db-badge>
@@ -10,4 +10,4 @@
<db-badge variant="critical" emphasis="strong">
<db-badge variant="informational" emphasis="strong">
<db-badge variant="successful" emphasis="strong">
-
<db-badge variant="warning" emphasis="strong">
\ No newline at end of file
+
<db-badge variant="warning" emphasis="strong">
+
Angular
For general installation and configuration take a look at the ngx-components package.
Load component
import { DBBadgeModule } from '@db-ui/ngx-components';
imports: [..., DBBadgeModule],
Use component
-
<!-- app.component.html -->
<db-badge>Badge</db-badge>
\ No newline at end of file
+
<!-- app.component.html -->
<db-badge>Badge</db-badge>
+
HTML
For general installation and configuration take a look at the components package.
Use component
-
<span class="db-badge">Badge</span>
\ No newline at end of file
+
<span class="db-badge">Badge</span>
General
+
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 🥳
+
React
For general installation and configuration take a look at the react-components package.
Use component
-
import { DBBadge } from "@db-ui/react-components";
const App = () => <DBBadge>Badge</DBBadge>;
\ No newline at end of file
+
import { DBBadge } from "@db-ui/react-components";
const App = () => <DBBadge>Badge</DBBadge>;
+
Vue
For general installation and configuration take a look at the v-components package.
Use component
-
import { DBBadge } from "@db-ui/v-components";
\ No newline at end of file
+
import { DBBadge } from "@db-ui/v-components";
+
Angular
For general installation and configuration take a look at the ngx-components package.
Load component
import { DBBrandModule } from '@db-ui/ngx-components';
imports: [..., DBBrandModule],
Use component
-
<!-- app.component.html -->
<db-brand>Brand</db-brand>
\ No newline at end of file
+
<!-- app.component.html -->
<db-brand>Brand</db-brand>
+
HTML
For general installation and configuration take a look at the components package.
Use component
-
<div class="db-brand">Brand</div>
\ No newline at end of file
+
<div class="db-brand">Brand</div>
+
React
For general installation and configuration take a look at the react-components package.
Use component
-
import { DBBrand } from "@db-ui/react-components";
const App = () => <DBBrand>Brand</DBBrand>;
\ No newline at end of file
+
import { DBBrand } from "@db-ui/react-components";
const App = () => <DBBrand>Brand</DBBrand>;
+
Vue
For general installation and configuration take a look at the v-components package.
Use component
-
import { DBBrand } from "@db-ui/v-components";
\ No newline at end of file
+
import { DBBrand } from "@db-ui/v-components";
+
<db-button>Auto Width (Default)</db-button>
-
<db-button width="full">Width full</db-button>
\ No newline at end of file
+
<db-button width="full">Width full</db-button>
+
<db-button>Text (Default)</db-button>
<db-button icon="account">Icon & Text</db-button>
-
<db-button icon="account" [noText]="true">Icon</db-button>
\ No newline at end of file
+
<db-button icon="account" [noText]="true">Icon</db-button>
+
<db-button>Medium (Default)</db-button>
-
<db-button size="small">Small</db-button>
\ No newline at end of file
+
<db-button size="small">Small</db-button>
+
<db-button>Enabled (Default)</db-button>
-
<db-button [disabled]="true">Disabled</db-button>
\ No newline at end of file
+
<db-button [disabled]="true">Disabled</db-button>
+
<db-button>functional</db-button>
<db-button>regular (Default)</db-button>
-
<db-button>expressive</db-button>
\ No newline at end of file
+
<db-button>expressive</db-button>
+
<db-button variant="primary">Primary</db-button>
<db-button>Outlined (Adaptive)</db-button>
<db-button variant="solid">Solid (Adaptive)</db-button>
-
<db-button variant="text">Text (Adaptive)</db-button>
\ No newline at end of file
+
<db-button variant="text">Text (Adaptive)</db-button>
+
Angular
For general installation and configuration take a look at the ngx-components package.
Load component
import { DBButtonModule } from '@db-ui/ngx-components';
imports: [..., DBButtonModule],
Use component
-
<!-- app.component.html -->
<db-button variant="primary">Button</db-button>
\ No newline at end of file
+
<!-- app.component.html -->
<db-button variant="primary">Button</db-button>
+
HTML
For general installation and configuration take a look at the components package.
Use component
-
<button class="db-button" data-variant="primary" type="button">
\ No newline at end of file
+
<button class="db-button" data-variant="primary" type="button">
General
+
General
Note
For a general installation or migration process check out this documentation .
@@ -11,4 +11,4 @@ sizes
variants
Before Status After Description primary❌ ❌ not valid anymore, use outlined buttons for those purposes brand-primary🔁 primarysecondary-outline🔁 outlinedsecondary-solid🔁 solidtertiary-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
+
React
For general installation and configuration take a look at the react-components package.
Use component
-
import { DBButton } from "@db-ui/react-components";
const App = () => <DBButton variant="primary">Button</DBButton>;
\ No newline at end of file
+
import { DBButton } from "@db-ui/react-components";
const App = () => <DBButton variant="primary">Button</DBButton>;
+
Vue
For general installation and configuration take a look at the v-components package.
Use component
-
import { DBButton } from "@db-ui/v-components";
<DBButton variant="primary">Button</DBButton>
\ No newline at end of file
+
import { DBButton } from "@db-ui/v-components";
<DBButton variant="primary">Button</DBButton>
+
<db-card variant="interactive" spacing="small" colorVariant="adaptive">
<db-card colorVariant="neutral" variant="interactive" spacing="small">
<db-card colorVariant="brand" variant="interactive" spacing="small">
<db-card colorVariant="critical" variant="interactive" spacing="small">
<db-card colorVariant="successful" variant="interactive" spacing="small">
<db-card colorVariant="warning" variant="interactive" spacing="small">
-
<db-card colorVariant="informational" variant="interactive" spacing="small">
\ No newline at end of file
+
<db-card colorVariant="informational" variant="interactive" spacing="small">
+
<db-card>(Default) No Spacing</db-card>
<db-card spacing="medium">Medium</db-card>
-
<db-card spacing="small">Small</db-card>
\ No newline at end of file
+
<db-card spacing="small">Small</db-card>
+
<db-card spacing="small">functional</db-card>
<db-card spacing="small">regular (Default)</db-card>
-
<db-card spacing="small">expressive</db-card>
\ No newline at end of file
+
<db-card spacing="small">expressive</db-card>
+
<db-card spacing="small">(Default) Non interactive</db-card>
-
<db-card spacing="small" variant="interactive">
\ No newline at end of file
+
<db-card spacing="small" variant="interactive">
+
Angular
For general installation and configuration take a look at the ngx-components package.
Load component
import { DBCardModule } from '@db-ui/ngx-components';
imports: [..., DBCardModule],
Use component
-
<!-- app.component.html -->
<db-card>Card content</db-card>
\ No newline at end of file
+
<!-- app.component.html -->
<db-card>Card content</db-card>
+
HTML
For general installation and configuration take a look at the components package.
Use component
-
<div class="db-card">Card content</div>
\ No newline at end of file
+
<div class="db-card">Card content</div>
General
+
General
Note
For a general installation or migration process check out this documentation .
@@ -9,4 +9,4 @@ class
variant
Before Status After Description variant🔁 variantThere 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🔁 imgAltimage🔁 imgSrc🆕 imgWidth🆕 imgHeightillustration❌ ❌ uiCoreIllustrationPath❌ ❌
\ No newline at end of file
+
Before Status After Description alt🔁 imgAltimage🔁 imgSrc🆕 imgWidth🆕 imgHeightillustration❌ ❌ uiCoreIllustrationPath❌ ❌
+
React
For general installation and configuration take a look at the react-components package.
Use component
-
import { DBCard } from "@db-ui/react-components";
const App = () => <DBCard>Card content</DBCard>;
\ No newline at end of file
+
import { DBCard } from "@db-ui/react-components";
const App = () => <DBCard>Card content</DBCard>;
+
Vue
For general installation and configuration take a look at the v-components package.
Use component
-
import { DBCard } from "@db-ui/v-components";
<DBCard>Card content</DBCard>
\ No newline at end of file
+
import { DBCard } from "@db-ui/v-components";
<DBCard>Card content</DBCard>
+
<db-checkbox name="Requirement">(Default) Optional</db-checkbox>
<db-checkbox name="Requirement" [required]="true">Required</db-checkbox>
-
<db-checkbox name="Requirement" [required]="true" [checked]="true">Required - Checked</db-checkbox>
\ No newline at end of file
+
<db-checkbox name="Requirement" [required]="true" [checked]="true">Required - Checked</db-checkbox>
+
<db-checkbox name="Size">Default</db-checkbox>
-
<db-checkbox name="Size" size="small">
\ No newline at end of file
+
<db-checkbox name="Size" size="small">
+
<db-checkbox name="States">Default</db-checkbox>
<db-checkbox name="States" [checked]="true">Checked</db-checkbox>
<db-checkbox name="States" [indeterminate]="true">Indeterminate</db-checkbox>
-
<db-checkbox name="States" [disabled]="true">Disabled</db-checkbox>
\ No newline at end of file
+
<db-checkbox name="States" [disabled]="true">Disabled</db-checkbox>
+
<db-checkbox name="Tonality">functional</db-checkbox>
<db-checkbox name="Tonality">regular (Default)</db-checkbox>
-
<db-checkbox name="Tonality">expressive</db-checkbox>
\ No newline at end of file
+
<db-checkbox name="Tonality">expressive</db-checkbox>
+
<db-checkbox name="Content">(Default) Label</db-checkbox>
-
<db-checkbox name="Content" labelVariant="hidden">
\ No newline at end of file
+
<db-checkbox name="Content" labelVariant="hidden">
+
Angular
For general installation and configuration take a look at the ngx-components package.
Load component
@@ -13,4 +13,4 @@
How to use with Template Driven Forms
<!-- form.component.html -->
(change)="checkbox = $event.target.checked"
<db-button type="button" variant="primary" (click)="showValues()"
>Get checkbox value</db-button
<dt>checkbox's value</dt>
<dd>checkbox {{ checkbox ? "" : "un" }}checked</dd>
export class FormComponent {
alert(JSON.stringify({ checkbox: this.checkbox }));
How to use with Reactive Forms
-
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 ;)
+
HTML
For general installation and configuration take a look at the components package.
Use component
-
<label class="db-checkbox" for="checkbox-element">
<input type="checkbox" id="checkbox-element" name="States" />
\ No newline at end of file
+
<label class="db-checkbox" for="checkbox-element">
<input type="checkbox" id="checkbox-element" name="States" />
+
React
For general installation and configuration take a look at the react-components package.
Use component
-
import { useState } from "react";
import { DBCheckbox } from "@db-ui/react-components";
const [checkbox, setCheckbox] = useState("");
setCheckbox(event.target.checked);
\ No newline at end of file
+
import { useState } from "react";
import { DBCheckbox } from "@db-ui/react-components";
const [checkbox, setCheckbox] = useState("");
setCheckbox(event.target.checked);
+
Vue
For general installation and configuration take a look at the v-components package.
Use component
-
import { DBCheckbox } from "@db-ui/v-components";
import { ref } from "vue";
const checkbox = ref("");
<DBCheckbox @change="checkbox = $event.target.checked" name="checkbox">
\ No newline at end of file
+
import { DBCheckbox } from "@db-ui/v-components";
import { ref } from "vue";
const checkbox = ref("");
<DBCheckbox @change="checkbox = $event.target.checked" name="checkbox">
+
React
-
import { DBCodeDocs, DBButton } from '@db-ui/react-components/src';
const codeSnippets = ['/*This is a comment for a button*/ \n <DBButton>Test</DBButton>'];
<DBCodeDocs codeSnippets={codeSnippets}>
<DBButton>Test</DBButton>
\ No newline at end of file
+
import { DBCodeDocs, DBButton } from '@db-ui/react-components/src';
const codeSnippets = ['/*This is a comment for a button*/ \n <DBButton>Test</DBButton>'];
<DBCodeDocs codeSnippets={codeSnippets}>
<DBButton>Test</DBButton>
+
<db-divider>Weak (Default)</db-divider>
-
<db-divider emphasis="strong">Strong</db-divider>
\ No newline at end of file
+
<db-divider emphasis="strong">Strong</db-divider>
+
<db-divider>functional</db-divider>
<db-divider>regular (Default)</db-divider>
-
<db-divider>expressive</db-divider>
\ No newline at end of file
+
<db-divider>expressive</db-divider>
+
<db-divider>Adaptive - Horizontal (Default)</db-divider>
-
<db-divider variant="vertical">Adaptive - Vertical</db-divider>
\ No newline at end of file
+
<db-divider variant="vertical">Adaptive - Vertical</db-divider>
+
Angular
For general installation and configuration take a look at the ngx-components package.
Load component
import { DBDividerModule } from '@db-ui/ngx-components';
imports: [..., DBDividerModule],
Use component
-
<!-- app.component.html -->
<db-divider></db-divider>
\ No newline at end of file
+
<!-- app.component.html -->
<db-divider></db-divider>
+
HTML
For general installation and configuration take a look at the components package.
Use component
-
<div class="db-divider"></div>
\ No newline at end of file
+
<div class="db-divider"></div>
General
+
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 🥳
+
React
For general installation and configuration take a look at the react-components package.
Use component
-
import { DBDivider } from "@db-ui/react-components";
const App = () => <DBDivider />;
\ No newline at end of file
+
import { DBDivider } from "@db-ui/react-components";
const App = () => <DBDivider />;
+
Vue
For general installation and configuration take a look at the v-components package.
Use component
-
import { DBDivider } from "@db-ui/v-components";
\ No newline at end of file
+
import { DBDivider } from "@db-ui/v-components";
+
<db-drawer [withCloseButton]="true">With Backdrop (Default)</db-drawer>
<db-drawer [withCloseButton]="true" backdrop="weak">Backdrop-weak</db-drawer>
-
<db-drawer [withCloseButton]="true" backdrop="none">No Backdrop</db-drawer>
\ No newline at end of file
+
<db-drawer [withCloseButton]="true" backdrop="none">No Backdrop</db-drawer>
+
<db-drawer [withCloseButton]="true">Right (Default)</db-drawer>
<db-drawer [withCloseButton]="true" direction="left">Left</db-drawer>
<db-drawer [withCloseButton]="true" direction="up">Up</db-drawer>
-
<db-drawer [withCloseButton]="true" direction="down">Down</db-drawer>
\ No newline at end of file
+
<db-drawer [withCloseButton]="true" direction="down">Down</db-drawer>
+
<db-drawer [withCloseButton]="true">No rounding (Default)</db-drawer>
-
<db-drawer [withCloseButton]="true" [rounded]="true">Rounded</db-drawer>
\ No newline at end of file
+
<db-drawer [withCloseButton]="true" [rounded]="true">Rounded</db-drawer>
+
<db-drawer [withCloseButton]="true">With padding (Default)</db-drawer>
-
<db-drawer [withCloseButton]="true" width="full">Full</db-drawer>
\ No newline at end of file
+
<db-drawer [withCloseButton]="true" width="full">Full</db-drawer>
+
<db-drawer [withCloseButton]="true">Medium (Default)</db-drawer>
<db-drawer [withCloseButton]="true" spacing="small">Small</db-drawer>
<db-drawer [withCloseButton]="true" spacing="large">Large</db-drawer>
-
<db-drawer [withCloseButton]="true" spacing="none">No spacing</db-drawer>
\ No newline at end of file
+
<db-drawer [withCloseButton]="true" spacing="none">No spacing</db-drawer>
+
<db-drawer>functional</db-drawer>
<db-drawer>regular (Default)</db-drawer>
-
<db-drawer>expressive</db-drawer>
\ No newline at end of file
+
<db-drawer>expressive</db-drawer>
+
Angular
For general installation and configuration take a look at the ngx-components package.
General
@@ -7,4 +7,4 @@
Load component
import { DBDrawerModule } from '@db-ui/ngx-components';
imports: [..., DBDrawerModule],
Use component
<!-- app.component.html -->
<db-drawer [open]="openDrawer" (onClose)="toggleDrawer(false)">
<db-button (click)="toggleDrawer(true)"> Open me </db-button>
-
export class AppComponent {
openDrawer: boolean = false;
toggleDrawer = (open: boolean) => {
\ No newline at end of file
+
export class AppComponent {
openDrawer: boolean = false;
toggleDrawer = (open: boolean) => {
+
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.
Use component
-
<dialog class="db-drawer" data-backdrop="true" open>
<article class="db-drawer-container">
<header class="db-drawer-header">
class="db-button button-close-drawer is-icon-text-replace"
<div class="db-drawer-content">My Drawer content</div>
\ No newline at end of file
+
<dialog class="db-drawer" data-backdrop="true" open>
<article class="db-drawer-container">
<header class="db-drawer-header">
class="db-button button-close-drawer is-icon-text-replace"
<div class="db-drawer-content">My Drawer content</div>
General
+
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 🥳
+
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.
Use component
-
import { useState } from "react";
import { DBButton, DBDrawer } from "@db-ui/react-components";
const [open, setOpen] = useState<boolean>(false);
\ No newline at end of file
+
import { useState } from "react";
import { DBButton, DBDrawer } from "@db-ui/react-components";
const [open, setOpen] = useState<boolean>(false);
+
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.
Use component
-
import { ref } from "vue";
import { DBDrawer } from "@db-ui/v-components";
const openDrawer = ref<boolean>(false);
const toggleDrawer = (open: boolean) => {
<DBDrawer :open="openDrawer" @close="toggleDrawer(false)">
<DBButton @click="toggleDrawer(true)">Open me</DBButton>
\ No newline at end of file
+
import { ref } from "vue";
import { DBDrawer } from "@db-ui/v-components";
const openDrawer = ref<boolean>(false);
const toggleDrawer = (open: boolean) => {
<DBDrawer :open="openDrawer" @close="toggleDrawer(false)">
<DBButton @click="toggleDrawer(true)">Open me</DBButton>
+
Angular
For general installation and configuration take a look at the ngx-components package.
Load component
@@ -8,4 +8,4 @@
Simple
<!-- app.component.html -->
<db-brand brand>Header</db-brand>
Full
// File: app.component.ts
import { Component } from "@angular/core";
templateUrl: "./app.component.html"
export class AppComponent {
toggleDrawer = (open: boolean) => {
-
<!-- app.component.html -->
<db-header [drawerOpen]="drawerOpen" (onToggle)="toggleDrawer($event)">
<db-brand brand>My Awesome App</db-brand>
<db-main-navigation *dbNavigation>
<!-- https://github.com/db-ui/mono/blob/main/packages/components/src/components/main-navigation/docs/Angular.md -->
<ng-container *dbMetaNavigation>
<DBLink href="#">Imprint</DBLink>
<DBLink href="#">Help</DBLink>
<ng-container call-to-action>
<DBButton icon="search" variant="text" [noText]="true">
<ng-container *dbActionBar>
<DBButton icon="account" variant="text" [noText]="true">
<DBButton icon="alert" variant="text" [noText]="true">
<DBButton icon="help" variant="text" [noText]="true"> Help </DBButton>
\ No newline at end of file
+
<!-- app.component.html -->
<db-header [drawerOpen]="drawerOpen" (onToggle)="toggleDrawer($event)">
<db-brand brand>My Awesome App</db-brand>
<db-main-navigation *dbNavigation>
<!-- https://github.com/db-ui/mono/blob/main/packages/components/src/components/main-navigation/docs/Angular.md -->
<ng-container *dbMetaNavigation>
<DBLink href="#">Imprint</DBLink>
<DBLink href="#">Help</DBLink>
<ng-container call-to-action>
<DBButton icon="search" variant="text" [noText]="true">
<ng-container *dbActionBar>
<DBButton icon="account" variant="text" [noText]="true">
<DBButton icon="alert" variant="text" [noText]="true">
<DBButton icon="help" variant="text" [noText]="true"> Help </DBButton>
+
HTML
For general installation and configuration take a look at the components package.
Use component
-
<header class="db-header">
<div class="db-brand">Header</div>
\ No newline at end of file
+
<header class="db-header">
<div class="db-brand">Header</div>
+
React
For general installation and configuration take a look at the react-components package.
Use component
Simple
import { DBHeader, DBBrand } from "@db-ui/react-components";
const App = () => <DBHeader slotBrand={<DBBrand>Header</DBBrand>} />;
Full
-
import { useState } from "react";
import { DBHeader, DBBrand, DBLink } from "@db-ui/react-components";
const [drawerOpen, setDrawerOpen] = useState<boolean>(false);
slotBrand={<DBBrand>My Awesome App</DBBrand>}
<DBLink href="#">Imprint</DBLink>
<DBLink href="#">Help</DBLink>
<DBButton icon="search" variant="text" noText>
<DBButton icon="account" variant="text" noText>
<DBButton icon="alert" variant="text" noText>
<DBButton icon="help" variant="text" noText>
// https://github.com/db-ui/mono/blob/main/packages/components/src/components/main-navigation/docs/React.md
\ No newline at end of file
+
import { useState } from "react";
import { DBHeader, DBBrand, DBLink } from "@db-ui/react-components";
const [drawerOpen, setDrawerOpen] = useState<boolean>(false);
slotBrand={<DBBrand>My Awesome App</DBBrand>}
<DBLink href="#">Imprint</DBLink>
<DBLink href="#">Help</DBLink>
<DBButton icon="search" variant="text" noText>
<DBButton icon="account" variant="text" noText>
<DBButton icon="alert" variant="text" noText>
<DBButton icon="help" variant="text" noText>
// https://github.com/db-ui/mono/blob/main/packages/components/src/components/main-navigation/docs/React.md
+
Vue
For general installation and configuration take a look at the v-components package.
Use component
Simple
import { DBHeader, DBBrand } from "@db-ui/v-components";
<DBBrand slot="brand">Header</DBBrand>
Full
-
import { ref } from "vue";
import { DBHeader, DBBrand, DBLink, DBButton } from "@db-ui/v-components";
const drawerOpen = ref(false);
const toggleDrawer = (open: boolean) => {
<DBHeader :drawerOpen="drawerOpen" :onToggle="toggleDrawer">
<DBBrand> My Awesome App </DBBrand>
<template v-slot:call-to-action>
<DBButton icon="search" variant="text" :no-text="true">
<template v-slot:action-bar>
<DBButton icon="account" variant="text" :no-text="true">
<DBButton icon="alert" variant="text" :no-text="true">
<DBButton icon="help" variant="text" :no-text="true">
<template v-slot:meta-navigation>
<DBLink href="#">Imprint</DBLink>
<DBLink href="#">Help</DBLink>
// https://github.com/db-ui/mono/blob/main/packages/components/src/components/main-navigation/docs/Vue.md
\ No newline at end of file
+
import { ref } from "vue";
import { DBHeader, DBBrand, DBLink, DBButton } from "@db-ui/v-components";
const drawerOpen = ref(false);
const toggleDrawer = (open: boolean) => {
<DBHeader :drawerOpen="drawerOpen" :onToggle="toggleDrawer">
<DBBrand> My Awesome App </DBBrand>
<template v-slot:call-to-action>
<DBButton icon="search" variant="text" :no-text="true">
<template v-slot:action-bar>
<DBButton icon="account" variant="text" :no-text="true">
<DBButton icon="alert" variant="text" :no-text="true">
<DBButton icon="help" variant="text" :no-text="true">
<template v-slot:meta-navigation>
<DBLink href="#">Imprint</DBLink>
<DBLink href="#">Help</DBLink>
// https://github.com/db-ui/mono/blob/main/packages/components/src/components/main-navigation/docs/Vue.md
+
Angular
For general installation and configuration take a look at the ngx-components package.
Load component
import { DBIconModule } from '@db-ui/ngx-components';
imports: [..., DBIconModule],
Use component
-
<!-- app.component.html -->
<db-icon icon="account">Icon</db-icon>
\ No newline at end of file
+
<!-- app.component.html -->
<db-icon icon="account">Icon</db-icon>
+
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:
-
<span data-icon="account"> Icon </span>
\ No newline at end of file
+
<span data-icon="account"> Icon </span>
+
React
For general installation and configuration take a look at the react-components package.
Use component
-
import { DBIcon } from "@db-ui/react-components";
const App = () => <DBIcon icon="account">Icon</DBIcon>;
\ No newline at end of file
+
import { DBIcon } from "@db-ui/react-components";
const App = () => <DBIcon icon="account">Icon</DBIcon>;
+
Vue
For general installation and configuration take a look at the v-components package.
Use component
-
import { DBIcon } from "@db-ui/v-components";
<DBIcon icon="account">Icon</DBIcon>
\ No newline at end of file
+
import { DBIcon } from "@db-ui/v-components";
<DBIcon icon="account">Icon</DBIcon>
+
<db-infotext>(Default) Medium</db-infotext>
-
<db-infotext size="small">Small</db-infotext>
\ No newline at end of file
+
<db-infotext size="small">Small</db-infotext>
+
<db-infotext>functional</db-infotext>
<db-infotext>regular (Default)</db-infotext>
-
<db-infotext>expressive</db-infotext>
\ No newline at end of file
+
<db-infotext>expressive</db-infotext>
+
<db-infotext>(Default) Adaptive</db-infotext>
<db-infotext variant="critical">Critical</db-infotext>
<db-infotext variant="informational">Informational</db-infotext>
<db-infotext variant="successful">Successful</db-infotext>
-
<db-infotext variant="warning">Warning</db-infotext>
\ No newline at end of file
+
<db-infotext variant="warning">Warning</db-infotext>
+
Angular
For general installation and configuration take a look at the ngx-components package.
Load component
import { DBInfotextModule } from '@db-ui/ngx-components';
imports: [..., DBInfotextModule],
Use component
-
<!-- app.component.html -->
<db-infotext>Infotext</db-infotext>
\ No newline at end of file
+
<!-- app.component.html -->
<db-infotext>Infotext</db-infotext>
+
HTML
For general installation and configuration take a look at the components package.
Use component
-
<span class="db-infotext"> Infotext </span>
\ No newline at end of file
+
<span class="db-infotext"> Infotext </span>
General
+
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 🥳
+
React
For general installation and configuration take a look at the react-components package.
Use component
-
import { DBInfotext } from "@db-ui/react-components";
const App = () => <DBInfotext>Infotext</DBInfotext>;
\ No newline at end of file
+
import { DBInfotext } from "@db-ui/react-components";
const App = () => <DBInfotext>Infotext</DBInfotext>;
+
Vue
For general installation and configuration take a look at the v-components package.
Use component
-
import { DBInfotext } from "@db-ui/v-components";
<DBInfotext>Infotext</DBInfotext>
\ No newline at end of file
+
import { DBInfotext } from "@db-ui/v-components";
<DBInfotext>Infotext</DBInfotext>
+
<db-input label="Label" value="(Default) Text">
<db-input label="Number" value="123456" type="number">
<db-input label="Label" icon="x_placeholder">
<db-input label="Label" icon="x_placeholder" iconAfter="x_placeholder">
Text - Leading Icon - Trailing Icon
-
<db-input label="Label" iconAfter="x_placeholder">
\ No newline at end of file
+
<db-input label="Label" iconAfter="x_placeholder">
+
<db-input label="Label">(Default) Text</db-input>
<db-input label="Label" type="password">
<db-input label="Label" type="search">
@@ -10,4 +10,4 @@
<db-input label="Label" type="datetime-local">
<db-input label="Label" type="month">
<db-input label="Label" type="time">
-
<db-input label="Label" type="week">
\ No newline at end of file
+
<db-input label="Label" type="week">
+
<db-input label="Label" labelVariant="floating">
<db-input label="Label" type="password" labelVariant="floating">
<db-input label="Label" type="search" labelVariant="floating">
@@ -10,4 +10,4 @@
<db-input label="Label" type="datetime-local" labelVariant="floating">
<db-input label="Label" type="month" labelVariant="floating">
<db-input label="Label" type="time" labelVariant="floating">
-
<db-input label="Label" type="week" labelVariant="floating">
\ No newline at end of file
+
<db-input label="Label" type="week" labelVariant="floating">
+
<db-input label="Label">(Default) Optional</db-input>
<db-input label="Label" [required]="true">Required</db-input>
-
<db-input label="Label" value="Required - Filled" [required]="true">Required - Filled</db-input>
\ No newline at end of file
+
<db-input label="Label" value="Required - Filled" [required]="true">Required - Filled</db-input>
+
<db-input label="Label" message="Helper Message">
<db-input label="Label" variant="critical" message="Critical Message">
<db-input label="Label" variant="informational" message="Informational Message">
<db-input label="Label" variant="successful" message="Successful Message">
-
<db-input label="Label" variant="warning" message="Warning Message">
\ No newline at end of file
+
<db-input label="Label" variant="warning" message="Warning Message">
+
<db-input label="Label" labelVariant="floating">
<db-input label="Label" value="Filled" labelVariant="floating">
<db-input label="Label" [invalid]="true" value="Filled - Invalid" labelVariant="floating">Filled - Invalid</db-input>
<db-input label="Label" value="Filled - Valid" [invalid]="false" labelVariant="floating">Filled - Valid</db-input>
<db-input label="Label" [disabled]="true" labelVariant="floating">Disabled</db-input>
-
<db-input label="Label" value="Readonly - Filled" [readOnly]="true" labelVariant="floating">Readonly - Filled</db-input>
\ No newline at end of file
+
<db-input label="Label" value="Readonly - Filled" [readOnly]="true" labelVariant="floating">Readonly - Filled</db-input>
+
<db-input label="Label">(Default) Empty</db-input>
<db-input label="Label" value="Filled">
<db-input label="Label" value="Filled - Invalid" [invalid]="true">Filled - Invalid</db-input>
<db-input label="Label" value="Filled - Valid" [invalid]="false">Filled - Valid</db-input>
<db-input label="Label" [disabled]="true">Disabled</db-input>
-
<db-input label="Label" value="Readonly - Filled" [readOnly]="true">Readonly - Filled</db-input>
\ No newline at end of file
+
<db-input label="Label" value="Readonly - Filled" [readOnly]="true">Readonly - Filled</db-input>
+
<db-input label="Label">Functional</db-input>
<db-input label="Label">(Default) Regular</db-input>
-
<db-input label="Label">Expressive</db-input>
\ No newline at end of file
+
<db-input label="Label">Expressive</db-input>
+
<db-input label="Label">(Default) Basic</db-input>
-
<db-input label="Label" message="Helper Message">
\ No newline at end of file
+
<db-input label="Label" message="Helper Message">
+
<db-input label="Label">(Default) Label Above</db-input>
<db-input label="Label" labelVariant="floating" value="Floating Label">
-
<db-input label="Label" labelVariant="hidden">
\ No newline at end of file
+
<db-input label="Label" labelVariant="hidden">
+
Angular
Load SCSS globally within styles.scss in your app:
@forward "@db-ui/components/build/styles/db-ui-42-webpack";
@@ -20,4 +20,4 @@
How to use with Template driven Forms
Our input component implements this interface so you can use it like any other native element with ngModel:
imports: [ FormsModule, …]
<!-- form.component.html-->
placeholder="Placeholder"
description="Description"
<DBButton type="button" variant="primary" (click)="showValues()"
>Get input value</DBButton
<dd>{{ input ? input : "No Input set" }}</dd>
-
export class FormComponent {
alert(JSON.stringify({ input: this.input }));
\ No newline at end of file
+
export class FormComponent {
alert(JSON.stringify({ input: this.input }));
+
HTML
Load SCSS globally somewhere in your app:
@forward "@db-ui/components/build/styles/db-ui-42";
Use it:
-
<label for="username">Label</label>
<input type="text" name="username" id="username" />
\ No newline at end of file
+
<label for="username">Label</label>
<input type="text" name="username" id="username" />
+
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";
Import component:
-
import { DBInput } from "@db-ui/react-components";
placeholder={description}
description={description}
\ No newline at end of file
+
import { DBInput } from "@db-ui/react-components";
placeholder={description}
description={description}
+
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";
@@ -7,4 +7,4 @@
Vue
To get DBInput work with v-model you have to use v-model argument syntax:
placeholder="Start typing"
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
+
<DBInput label="Textlabel" placeholder="Start" :value="modelAndChange" @change="($event) => { modelAndChange = $event.target.value;
}"/> {{ modelAndChange }}
+
<db-link href="#">(Default) Internal</db-link>
-
<db-link href="#" content="external">
\ No newline at end of file
+
<db-link href="#" content="external">
+
<db-link href="#">(Default) Medium</db-link>
-
<db-link href="#" size="small">
\ No newline at end of file
+
<db-link href="#" size="small">
+
<db-link href="#">Default: (Enabled, Hover, Pressed)</db-link>
-
<db-link href="#" [disabled]="true">Disabled</db-link>
\ No newline at end of file
+
<db-link href="#" [disabled]="true">Disabled</db-link>
+
<db-link href="#">functional</db-link>
<db-link href="#">regular (Default)</db-link>
-
<db-link href="#">expressive</db-link>
\ No newline at end of file
+
<db-link href="#">expressive</db-link>
+
<db-link href="#">(Default) Adaptive</db-link>
-
<db-link href="#" variant="primary">
\ No newline at end of file
+
<db-link href="#" variant="primary">
+
Angular
For general installation and configuration take a look at the ngx-components package.
Load component
import { DBLinkModule } from '@db-ui/ngx-components';
imports: [..., DBLinkModule],
Use component
-
<!-- app.component.html -->
<db-link href="#" variant="primary">Link</db-link>
\ No newline at end of file
+
<!-- app.component.html -->
<db-link href="#" variant="primary">Link</db-link>
+
HTML
For general installation and configuration take a look at the components package.
Use component
-
<a class="db-link" href="#">Link</a>
\ No newline at end of file
+
<a class="db-link" href="#">Link</a>
+
React
For general installation and configuration take a look at the react-components package.
Use component
-
import { DBLink } from "@db-ui/react-components";
<DBLink href="#" variant="primary">
\ No newline at end of file
+
import { DBLink } from "@db-ui/react-components";
<DBLink href="#" variant="primary">
+
Vue
For general installation and configuration take a look at the v-components package.
Use component
-
import { DBLink } from "@db-ui/v-components";
<DBLink href="#" variant="primary">Link</DBLink>
\ No newline at end of file
+
import { DBLink } from "@db-ui/v-components";
<DBLink href="#" variant="primary">Link</DBLink>
+
<db-main-navigation>functional</db-main-navigation>
<db-main-navigation>regular (Default)</db-main-navigation>
-
<db-main-navigation>expressive</db-main-navigation>
\ No newline at end of file
+
<db-main-navigation>expressive</db-main-navigation>
+
Angular
For general installation and configuration look at the ngx-components package.
Load component
import { DBMainNavigationModule } from '@db-ui/ngx-components';
imports: [..., DBMainNavigationModule],
Use component
-
<!-- app.component.html -->
<db-navigation-item [active]="true">
<ng-container sub-navigation>
<db-navigation-item [active]="true">
<ng-container *dbNavigationContent>
<ng-container sub-navigation>
<db-navigation-item [active]="true">
<ng-container *dbNavigationContent>
<a href="#">Sub-Sub-Navi-Item 1</a>
<ng-container *dbNavigationContent>
<a href="#">Sub-Sub-Navi-Item 2</a>
<ng-container *dbNavigationContent>
<a href="#">Sub-Navi-Item 2</a>
<ng-container *dbNavigationContent> Navi-Item 1 </ng-container>
<db-navigation-item icon="account">
<ng-container *dbNavigationContent>
<a href="#">Navi-Item 2</a>
<db-navigation-item [disabled]="true">
<ng-container *dbNavigationContent>
<a href="#">Navi-Item 3</a>
\ No newline at end of file
+
<!-- app.component.html -->
<db-navigation-item [active]="true">
<ng-container sub-navigation>
<db-navigation-item [active]="true">
<ng-container *dbNavigationContent>
<ng-container sub-navigation>
<db-navigation-item [active]="true">
<ng-container *dbNavigationContent>
<a href="#">Sub-Sub-Navi-Item 1</a>
<ng-container *dbNavigationContent>
<a href="#">Sub-Sub-Navi-Item 2</a>
<ng-container *dbNavigationContent>
<a href="#">Sub-Navi-Item 2</a>
<ng-container *dbNavigationContent> Navi-Item 1 </ng-container>
<db-navigation-item icon="account">
<ng-container *dbNavigationContent>
<a href="#">Navi-Item 2</a>
<db-navigation-item [disabled]="true">
<ng-container *dbNavigationContent>
<a href="#">Navi-Item 3</a>
+
HTML
For general installation and configuration look at the components package.
Use component
-
<nav class="db-main-navigation">
<li class="db-navigation-item" aria-current="page">
class="db-navigation-item-expand-button"
<menu class="db-sub-navigation">
<li class="db-navigation-item" aria-current="page">
class="db-navigation-item-expand-button"
<menu class="db-sub-navigation">
<li class="db-navigation-item" aria-current="page">
<a href="#">Sub-Sub-Navi-Item 1</a>
<li class="db-navigation-item">
<a href="#">Sub-Sub-Navi-Item 2</a>
<li class="db-navigation-item">
<a href="#">Sub-Navi-Item 2</a>
<li class="db-navigation-item" data-icon="account">
<a href="#">Navi-Item 2</a>
<li class="db-navigation-item" aria-disabled="true">
<a href="#">Navi-Item 3</a>
\ No newline at end of file
+
<nav class="db-main-navigation">
<li class="db-navigation-item" aria-current="page">
class="db-navigation-item-expand-button"
<menu class="db-sub-navigation">
<li class="db-navigation-item" aria-current="page">
class="db-navigation-item-expand-button"
<menu class="db-sub-navigation">
<li class="db-navigation-item" aria-current="page">
<a href="#">Sub-Sub-Navi-Item 1</a>
<li class="db-navigation-item">
<a href="#">Sub-Sub-Navi-Item 2</a>
<li class="db-navigation-item">
<a href="#">Sub-Navi-Item 2</a>
<li class="db-navigation-item" data-icon="account">
<a href="#">Navi-Item 2</a>
<li class="db-navigation-item" aria-disabled="true">
<a href="#">Navi-Item 3</a>
+
React
For general installation and configuration look at the react-components package.
Use component
-
import { DBMainNavigation } from "@db-ui/react-components";
<DBNavigationItem active>
<a href="#">Sub-Sub-Navi-Item 1</a>
<a href="#">Sub-Sub-Navi-Item 2</a>
<a href="#">Sub-Navi-Item 2</a>
<DBNavigationItem icon="account">
<a href="#">Navi-Item 2</a>
<DBNavigationItem disabled>
<a href="#">Navi-Item 3</a>
\ No newline at end of file
+
import { DBMainNavigation } from "@db-ui/react-components";
<DBNavigationItem active>
<a href="#">Sub-Sub-Navi-Item 1</a>
<a href="#">Sub-Sub-Navi-Item 2</a>
<a href="#">Sub-Navi-Item 2</a>
<DBNavigationItem icon="account">
<a href="#">Navi-Item 2</a>
<DBNavigationItem disabled>
<a href="#">Navi-Item 3</a>
+
Vue
For general installation and configuration look at the v-components package.
Use component
-
import { DBMainNavigation, DBNavigationItem } from "@db-ui/v-components";
<DBNavigationItem :active="true">
<template v-slot:sub-navigation>
<DBNavigationItem :active="true">
<template v-slot:sub-navigation>
<DBNavigationItem :active="true">
<a href="#">Sub-Sub-Navi-Item 1</a>
<a href="#">Sub-Sub-Navi-Item 2</a>
<a href="#">Sub-Navi-Item 2</a>
<DBNavigationItem icon="account">
<a href="#">Navi-Item 2</a>
<DBNavigationItem :disabled="true">
<a href="#">Navi-Item 3</a>
\ No newline at end of file
+
import { DBMainNavigation, DBNavigationItem } from "@db-ui/v-components";
<DBNavigationItem :active="true">
<template v-slot:sub-navigation>
<DBNavigationItem :active="true">
<template v-slot:sub-navigation>
<DBNavigationItem :active="true">
<a href="#">Sub-Sub-Navi-Item 1</a>
<a href="#">Sub-Sub-Navi-Item 2</a>
<a href="#">Sub-Navi-Item 2</a>
<DBNavigationItem icon="account">
<a href="#">Navi-Item 2</a>
<DBNavigationItem :disabled="true">
<a href="#">Navi-Item 3</a>
+
<db-navigation-item icon="account" [areaPopup]="false">Leading Icon - Text</db-navigation-item>
<db-navigation-item icon="account" [areaPopup]="true">Leading Icon - Text - Trailing Icon</db-navigation-item>
<db-navigation-item [areaPopup]="true">Text - Trailing Icon</db-navigation-item>
-
<db-navigation-item [areaPopup]="false">Text</db-navigation-item>
\ No newline at end of file
+
<db-navigation-item [areaPopup]="false">Text</db-navigation-item>
+
<db-navigation-item [areaPopup]="true">Enabled (Default)</db-navigation-item>
<db-navigation-item [active]="true" [areaPopup]="true">Active</db-navigation-item>
-
<db-navigation-item [disabled]="true" [areaPopup]="true">Disabled</db-navigation-item>
\ No newline at end of file
+
<db-navigation-item [disabled]="true" [areaPopup]="true">Disabled</db-navigation-item>
+
<db-navigation-item [areaPopup]="true">functional</db-navigation-item>
<db-navigation-item [areaPopup]="true">regular (Default)</db-navigation-item>
-
<db-navigation-item [areaPopup]="true">expressive</db-navigation-item>
\ No newline at end of file
+
<db-navigation-item [areaPopup]="true">expressive</db-navigation-item>
+
<db-navigation-item [areaPopup]="true">Auto (Default)</db-navigation-item>
-
<db-navigation-item width="full" [areaPopup]="true">Full</db-navigation-item>
\ No newline at end of file
+
<db-navigation-item width="full" [areaPopup]="true">Full</db-navigation-item>
+
Angular
For general installation and configuration take a look at the ngx-components package.
Load component
import { DBNavigationItemModule } from '@db-ui/ngx-components';
declarations: [...,NavigationContentDirective],
imports: [..., DBNavigationItemModule],
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
-
<!-- app.component.html -->
<db-navigation-item [areaPopup]="false">
<ng-container *dbNavigationContent>
<a routerLink="mypath">NavigationItem</a>
<!-- With Sub-Navigation -->
<db-navigation-item [areaPopup]="true">
<ng-container *dbNavigationContent>Navi-Item 1</ng-container>
<ng-container sub-navigation>
<db-navigation-item [areaPopup]="false">
<ng-container *dbNavigationContent>
<a routerLink="mypath">Sub-Navi-Item 1</a>
<db-navigation-item [areaPopup]="false">
<ng-container *dbNavigationContent>
<a routerLink="mypath">Sub-Navi-Item 2</a>
\ No newline at end of file
+
<!-- app.component.html -->
<db-navigation-item [areaPopup]="false">
<ng-container *dbNavigationContent>
<a routerLink="mypath">NavigationItem</a>
<!-- With Sub-Navigation -->
<db-navigation-item [areaPopup]="true">
<ng-container *dbNavigationContent>Navi-Item 1</ng-container>
<ng-container sub-navigation>
<db-navigation-item [areaPopup]="false">
<ng-container *dbNavigationContent>
<a routerLink="mypath">Sub-Navi-Item 1</a>
<db-navigation-item [areaPopup]="false">
<ng-container *dbNavigationContent>
<a routerLink="mypath">Sub-Navi-Item 2</a>
+
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.
-
<li class="db-navigation-item">
<a href="mypath">NavigationItem</a>
<!-- With Sub-Navigation -->
<li class="db-navigation-item">
<button class="db-navigation-item-expand-button" aria-haspopup="true">
<menu class="db-sub-navigation">
<a href="mypath">Sub-Navi-Item 1</a>
<a href="mypath">Sub-Navi-Item 2</a>
\ No newline at end of file
+
<li class="db-navigation-item">
<a href="mypath">NavigationItem</a>
<!-- With Sub-Navigation -->
<li class="db-navigation-item">
<button class="db-navigation-item-expand-button" aria-haspopup="true">
<menu class="db-sub-navigation">
<a href="mypath">Sub-Navi-Item 1</a>
<a href="mypath">Sub-Navi-Item 2</a>
General
+
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 🥳
+
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
-
import { Link } from "react-router-dom";
import { DBNavigationItem } from "@db-ui/react-components";
<Link to="mypath">NavigationItem</Link>
{/* With Sub-Navigation */}
<Link to="mypath">Sub-Navi-Item 1</Link>
<Link to="mypath">Sub-Navi-Item 2</Link>
\ No newline at end of file
+
import { Link } from "react-router-dom";
import { DBNavigationItem } from "@db-ui/react-components";
<Link to="mypath">NavigationItem</Link>
{/* With Sub-Navigation */}
<Link to="mypath">Sub-Navi-Item 1</Link>
<Link to="mypath">Sub-Navi-Item 2</Link>
+
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
-
import { DBNavigationItem } from "@db-ui/v-components";
<router-link to="mypath">NavigationItem</router-link>
<!-- With Sub-Navigation -->
<template #sub-navigation>
<router-link to="mypath">Sub-Navi-Item 1</router-link>
<router-link to="mypath">Sub-Navi-Item 2</router-link>
\ No newline at end of file
+
import { DBNavigationItem } from "@db-ui/v-components";
<router-link to="mypath">NavigationItem</router-link>
<!-- With Sub-Navigation -->
<template #sub-navigation>
<router-link to="mypath">Sub-Navi-Item 1</router-link>
<router-link to="mypath">Sub-Navi-Item 2</router-link>
+
Angular
For general installation and configuration take a look at the ngx-components package.
Load component
import { DBPageModule, DBHeaderModule } from '@db-ui/ngx-components';
imports: [..., DBPageModule, DBHeaderModule],
Use component
-
<!-- app.component.html -->
<db-header header>...</db-header>
<main class="db-main">Main Page</main>
\ No newline at end of file
+
<!-- app.component.html -->
<db-header header>...</db-header>
<main class="db-main">Main Page</main>
+
HTML
For general installation and configuration take a look at the components package.
Use component
-
<header class="db-header">...</header>
<main class="db-main">Main Page</main>
\ No newline at end of file
+
<header class="db-header">...</header>
<main class="db-main">Main Page</main>
+
React
For general installation and configuration take a look at the react-components package.
Use component
-
import { DBPage, DBHeader } from "@db-ui/react-components";
<DBPage slotHeader={<DBHeader>...</DBHeader>}>
<main class="db-main">Main Page</main>
\ No newline at end of file
+
import { DBPage, DBHeader } from "@db-ui/react-components";
<DBPage slotHeader={<DBHeader>...</DBHeader>}>
<main class="db-main">Main Page</main>
+
Vue
For general installation and configuration take a look at the v-components package.
Use component
-
import { DBPage, DBHeader } from "@db-ui/v-components";
<DBHeader slot="header">...</DBHeader>
<main class="db-main">Main Page</main>
\ No newline at end of file
+
import { DBPage, DBHeader } from "@db-ui/v-components";
<DBHeader slot="header">...</DBHeader>
<main class="db-main">Main Page</main>
+
<db-popover content="Popover" id="popover-13">
Animation no delay (Default)
<db-popover content="Popover" delay="slow" id="popover-14">
<db-popover content="Popover" delay="fast" id="popover-15">
-
<db-popover content="Popover" animation="disabled" id="popover-16">
\ No newline at end of file
+
<db-popover content="Popover" animation="disabled" id="popover-16">
+
<db-popover content="Popover" id="popover-11">
-
<db-popover content="Popover" [gap]="true" id="popover-12">With gap</db-popover>
\ No newline at end of file
+
<db-popover content="Popover" [gap]="true" id="popover-12">With gap</db-popover>
+
<db-popover content="Popover" placement="bottom-start" id="popover-07-start">
<db-popover content="Popover" placement="bottom" id="popover-07">
<db-popover content="Popover" placement="bottom-end" id="popover-07-end">
@@ -10,4 +10,4 @@
<db-popover content="Popover" placement="right-end" id="popover-10-end">
<db-popover content="Popover" placement="top-start" id="popover-08-start">
<db-popover content="Popover" placement="top" id="popover-08">
-
<db-popover content="Popover" placement="top-end" id="popover-08-end">
\ No newline at end of file
+
<db-popover content="Popover" placement="top-end" id="popover-08-end">
+
<db-popover content="Popover" spacing="small" id="popover-04">
<db-popover content="Popover" spacing="medium" id="popover-05">
-
<db-popover content="Popover" spacing="none" id="popover-06">
\ No newline at end of file
+
<db-popover content="Popover" spacing="none" id="popover-06">
+
<db-popover content="Popover" id="popover-01">
<db-popover content="Popover" id="popover-02">
-
<db-popover content="Popover" id="popover-03">
\ No newline at end of file
+
<db-popover content="Popover" id="popover-03">
+
content="Max width, lorem ipsum dolor sit amet, consetetur sadipscing"
-
content="Max width, lorem ipsum dolor sit amet, consetetur sadipscing"
\ No newline at end of file
+
content="Max width, lorem ipsum dolor sit amet, consetetur sadipscing"
+
Angular
For general installation and configuration take a look at the ngx-components package.
Load component
import { DBPopoverModule } from '@db-ui/ngx-components';
imports: [..., DBPopoverModule],
Use component
-
<!-- app.component.html -->
<db-button describedbyid="popover-01">
Hover on me to open Popover
<db-popover id="popover-01">Popover</db-popover>
\ No newline at end of file
+
<!-- app.component.html -->
<db-button describedbyid="popover-01">
Hover on me to open Popover
<db-popover id="popover-01">Popover</db-popover>
+
HTML
For general installation and configuration take a look at the components package.
Use component
-
<button class="db-button" aria-describedby="popover-01">
Hover on me to open Popover
<i class="db-popover" id="popover-01">Popover</i>
\ No newline at end of file
+
<button class="db-button" aria-describedby="popover-01">
Hover on me to open Popover
<i class="db-popover" id="popover-01">Popover</i>
General
+
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 🥳
+
React
For general installation and configuration take a look at the react-components package.
Use component
-
import { DBPopover, DBButton } from "@db-ui/react-components";
<DBButton describedbyid="popover-01">
Hover on me to open Popover
<DBPopover id="popover-01">Popover</DBPopover>
\ No newline at end of file
+
import { DBPopover, DBButton } from "@db-ui/react-components";
<DBButton describedbyid="popover-01">
Hover on me to open Popover
<DBPopover id="popover-01">Popover</DBPopover>
+
Vue
For general installation and configuration take a look at the v-components package.
Use component
-
import { DBPopover, DBButton } from "@db-ui/v-components";
<DBButton describedbyid="popover-01">
Hover on me to open Popover
<DBPopover id="popover-01">Popover</DBPopover>
\ No newline at end of file
+
import { DBPopover, DBButton } from "@db-ui/v-components";
<DBButton describedbyid="popover-01">
Hover on me to open Popover
<DBPopover id="popover-01">Popover</DBPopover>
+
<db-radio name="Requirement">(Default) Optional</db-radio>
<db-radio name="Requirement" [required]="true" [invalid]="true">Required</db-radio>
-
<db-radio name="Requirement" [required]="true" [checked]="true">Required - Checked</db-radio>
\ No newline at end of file
+
<db-radio name="Requirement" [required]="true" [checked]="true">Required - Checked</db-radio>
+
<db-radio name="Size">Default</db-radio>
-
<db-radio name="Size" size="small">
\ No newline at end of file
+
<db-radio name="Size" size="small">
+
<db-radio name="States">Default</db-radio>
<db-radio name="States" [checked]="true">Checked</db-radio>
-
<db-radio name="States" [disabled]="true">Disabled</db-radio>
\ No newline at end of file
+
<db-radio name="States" [disabled]="true">Disabled</db-radio>
+
<db-radio name="Tonality" value="functional">
<db-radio name="Tonality" value="regular">
-
<db-radio name="Tonality" value="expressive">
\ No newline at end of file
+
<db-radio name="Tonality" value="expressive">
+
<db-radio name="Content">(Default) Label</db-radio>
-
<db-radio name="Content" labelVariant="hidden">
\ No newline at end of file
+
<db-radio name="Content" labelVariant="hidden">
+
Angular
For general installation and configuration take a look at the ngx-components package.
Load component
@@ -13,4 +13,4 @@
How to use with Template Driven Forms
<!-- form.component.html -->
<DBRadio ngDefaultControl [(ngModel)]="radio">Label</DBRadio>
<DBButton type="button" variant="primary" (click)="showValues()"
>Get radio value</DBButton
<dd>{{ radio ? radio : "No radio set" }}</dd>
export class FormComponent {
alert(JSON.stringify({ radio: this.radio }));
How to use with Reactive Forms
-
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 ;)
+
HTML
For general installation and configuration take a look at the components package.
Use component
-
<label for="radio-element">Label</label>
\ No newline at end of file
+
<label for="radio-element">Label</label>
+
React
For general installation and configuration take a look at the react-components package.
Use component
-
import { useState } from "react";
import { DBRadio } from "@db-ui/react-components";
{["X", "Y", "Z"].map((radioName) => (
\ No newline at end of file
+
import { useState } from "react";
import { DBRadio } from "@db-ui/react-components";
{["X", "Y", "Z"].map((radioName) => (
+
Vue
For general installation and configuration take a look at the v-components package.
Use component
-
import { DBRadio } from "@db-ui/v-components";
import { ref } from "vue";
const radioNames = ["X", "Y", "Z"];
<li v-for="radioName in radioNames">
@change="radio = radioName"
\ No newline at end of file
+
import { DBRadio } from "@db-ui/v-components";
import { ref } from "vue";
const radioNames = ["X", "Y", "Z"];
<li v-for="radioName in radioNames">
@change="radio = radioName"
+
<db-section>Medium (Default)</db-section>
<db-section size="large">Large</db-section>
-
<db-section size="small">Small</db-section>
\ No newline at end of file
+
<db-section size="small">Small</db-section>
+
<db-section>functional</db-section>
<db-section>regular (Default)</db-section>
-
<db-section>expressive</db-section>
\ No newline at end of file
+
<db-section>expressive</db-section>
+
<db-section>Full (Default)</db-section>
<db-section variant="medium">Medium</db-section>
-
<db-section variant="large">Large</db-section>
\ No newline at end of file
+
<db-section variant="large">Large</db-section>
+
Angular
For general installation and configuration take a look at the ngx-components package.
Load component
import { DBSectionModule } from '@db-ui/ngx-components';
imports: [..., DBSectionModule],
Use component
-
<!-- app.component.html -->
<db-section variant="full">Section</db-section>
\ No newline at end of file
+
<!-- app.component.html -->
<db-section variant="full">Section</db-section>
+
HTML
For general installation and configuration take a look at the components package.
Use component
-
<section class="db-section">
<div data-variant="full">Section</div>
\ No newline at end of file
+
<section class="db-section">
<div data-variant="full">Section</div>
General
+
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 🥳
+
React
For general installation and configuration take a look at the react-components package.
Use component
-
import { DBSection } from "@db-ui/react-components";
const App = () => <DBSection variant="full">Section</DBSection>;
\ No newline at end of file
+
import { DBSection } from "@db-ui/react-components";
const App = () => <DBSection variant="full">Section</DBSection>;
+
Vue
For general installation and configuration take a look at the v-components package.
Use component
-
import { DBSection } from "@db-ui/v-components";
<DBSection variant="full">Section</DBSection>
\ No newline at end of file
+
import { DBSection } from "@db-ui/v-components";
<DBSection variant="full">Section</DBSection>
+
<db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">(Default) Text</db-select>
-
<db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" icon="x_placeholder">Text - Leading Icon</db-select>
\ No newline at end of file
+
<db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" icon="x_placeholder">Text - Leading Icon</db-select>
+
<db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">(Default) Optional</db-select>
<db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" [required]="true">Required</db-select>
-
<db-select [options]="[{'value':'Required - Filled'},{'value':'Option 2'}]" label="Label" value="Required - Filled" [required]="true">Required - Filled</db-select>
\ No newline at end of file
+
<db-select [options]="[{'value':'Required - Filled'},{'value':'Option 2'}]" label="Label" value="Required - Filled" [required]="true">Required - Filled</db-select>
+
<db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" message="Helper Message">(Default) Adaptive</db-select>
<db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" variant="critical" message="Critical Message">Critical</db-select>
<db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" variant="informational" message="Informational Message">Informational</db-select>
<db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" variant="successful" message="Successful Message">Successful</db-select>
-
<db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" variant="warning" message="Warning Message">Warning</db-select>
\ No newline at end of file
+
<db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" variant="warning" message="Warning Message">Warning</db-select>
+
<db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" labelVariant="floating">(Default) Empty</db-select>
<db-select [options]="[{'value':'Filled'},{'value':'Option 2'}]" label="Label" value="Filled" labelVariant="floating">Filled</db-select>
<db-select [options]="[{'value':'Filled - Invalid'},{'value':'Option 2'}]" label="Label" [invalid]="true" value="Filled - Invalid" labelVariant="floating">Filled - Invalid</db-select>
<db-select [options]="[{'value':'Filled - Valid'},{'value':'Option 2'}]" label="Label" value="Filled - Valid" [invalid]="false" labelVariant="floating">Filled - Valid</db-select>
-
<db-select [options]="[{'value':'Disabled'},{'value':'Option 2'}]" label="Label" [disabled]="true" labelVariant="floating" value="Disabled">Disabled</db-select>
\ No newline at end of file
+
<db-select [options]="[{'value':'Disabled'},{'value':'Option 2'}]" label="Label" [disabled]="true" labelVariant="floating" value="Disabled">Disabled</db-select>
+
<db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">(Default) Empty</db-select>
<db-select [options]="[{'value':'Filled'},{'value':'Option 2'}]" label="Label" value="Filled">Filled</db-select>
<db-select [options]="[{'value':'Filled - Invalid'},{'value':'Option 2'}]" label="Label" value="Filled - Invalid" [invalid]="true">Filled - Invalid</db-select>
<db-select [options]="[{'value':'Filled - Valid'},{'value':'Option 2'}]" label="Label" value="Filled - Valid" [invalid]="false">Filled - Valid</db-select>
-
<db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" [disabled]="true">Disabled</db-select>
\ No newline at end of file
+
<db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" [disabled]="true">Disabled</db-select>
+
<db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">Functional</db-select>
<db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">(Default) Regular</db-select>
-
<db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">Expressive</db-select>
\ No newline at end of file
+
<db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">Expressive</db-select>
+
<db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">(Default) Basic</db-select>
-
<db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" message="Helper Message">Helper Message</db-select>
\ No newline at end of file
+
<db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" message="Helper Message">Helper Message</db-select>
+
<db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">(Default) Label Above</db-select>
<db-select [options]="[{'value':'Floating Label'},{'value':'Option 2'}]" label="Label" labelVariant="floating" value="Floating Label">Floating Label</db-select>
-
<db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" labelVariant="hidden">Hidden Label</db-select>
\ No newline at end of file
+
<db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" labelVariant="hidden">Hidden Label</db-select>
+
Angular
For general installation and configuration take a look at the ngx-components package.
Load component
import { DBSelectModule } from '@db-ui/ngx-components';
imports: [..., DBSelectModule],
Use component
-
<!-- app.component.html -->
<option value="test1">Test1</option>
<option value="test2">Test2</option>
\ No newline at end of file
+
<!-- app.component.html -->
<option value="test1">Test1</option>
<option value="test2">Test2</option>
+
HTML
For general installation and configuration take a look at the components package.
Use component
-
<label for="test">Label</label>
<option value="test1">Test1</option>
<option value="test2">Test2</option>
\ No newline at end of file
+
<label for="test">Label</label>
<option value="test1">Test1</option>
<option value="test2">Test2</option>
General
+
General
Note
For a general installation or migration process check out this documentation .
@@ -7,4 +7,4 @@ DB UI Core ➡ DB UI Components
class
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.
+
React
For general installation and configuration take a look at the react-components package.
Use component
-
import { DBSelect } from "@db-ui/react-components";
<option value="test1">Test1</option>
<option value="test2">Test2</option>
\ No newline at end of file
+
import { DBSelect } from "@db-ui/react-components";
<option value="test1">Test1</option>
<option value="test2">Test2</option>
+
Vue
For general installation and configuration take a look at the v-components package.
Use component
-
import { DBSelect } from "@db-ui/v-components";
<option value="test1">Test1</option>
<option value="test2">Test2</option>
\ No newline at end of file
+
import { DBSelect } from "@db-ui/v-components";
<option value="test1">Test1</option>
<option value="test2">Test2</option>
+
<db-tag>Static (Default)</db-tag>
<db-tab><db-button>Interactive Button</db-button></db-tag>
<db-tab><db-link>Interactive Link</db-link></db-tag>
<db-tab><db-checkbox>Interactive Checkbox</db-checkbox></db-tag>
<db-tab><db-radio>Interactive Radio 1</db-radio></db-tag>
<db-tag component="radio" [code]="{'angular':'<db-tab><db-radio>Interactive Radio 2</db-radio></db-tag>','html':'<div class=\'db-tab\'><input type=\'radio\' class=\'db-checkbox\' id=\'checkbox-element\' /><label for=\'checkbox-element\'>Interactive Radio 2</label></div>','react':'<DBTag><DBRadio>Interactive Radio 2</DBRadio></DBTag>','vue':'<DBTag><DBRadio>Interactive Radio 2</DBRadio></DBTag>'}">Interactive Radio 2</db-tag>
-
<db-tag behaviour="removable">Removeable</db-tag>
\ No newline at end of file
+
<db-tag behaviour="removable">Removeable</db-tag>
+
<db-tag>Text (Default)</db-tag>
<db-tag icon="account" [noText]="true">Icon</db-tag>
-
<db-tag icon="account">Icon & Text</db-tag>
\ No newline at end of file
+
<db-tag icon="account">Icon & Text</db-tag>
+
<db-tag>Weak (Default)</db-tag>
-
<db-tag emphasis="strong">Strong</db-tag>
\ No newline at end of file
+
<db-tag emphasis="strong">Strong</db-tag>
+
<db-tab><db-button>Interactive Button</db-button></db-tag>
<db-tab><db-link>Interactive Link</db-link></db-tag>
<db-tab><db-checkbox>Interactive Checkbox</db-checkbox></db-tag>
<db-tab><db-radio>Interactive Radio 1</db-radio></db-tag>
-
<db-tag component="radio" emphasis="strong" icon="account" [code]="{'angular':'<db-tab><db-radio>Interactive Radio 2</db-radio></db-tag>','html':'<div class=\'db-tab\'><input type=\'radio\' class=\'db-checkbox\' id=\'checkbox-element\' /><label for=\'checkbox-element\'>Interactive Radio 2</label></div>','react':'<DBTag><DBRadio>Interactive Radio 2</DBRadio></DBTag>','vue':'<DBTag><DBRadio>Interactive Radio 2</DBRadio></DBTag>'}">Interactive Strong Radio 2 with Icon</db-tag>
\ No newline at end of file
+
<db-tag component="radio" emphasis="strong" icon="account" [code]="{'angular':'<db-tab><db-radio>Interactive Radio 2</db-radio></db-tag>','html':'<div class=\'db-tab\'><input type=\'radio\' class=\'db-checkbox\' id=\'checkbox-element\' /><label for=\'checkbox-element\'>Interactive Radio 2</label></div>','react':'<DBTag><DBRadio>Interactive Radio 2</DBRadio></DBTag>','vue':'<DBTag><DBRadio>Interactive Radio 2</DBRadio></DBTag>'}">Interactive Strong Radio 2 with Icon</db-tag>
+
<db-tag>No Overflow (Default)</db-tag>
-
<db-tag [overflow]="true">With Overflow (max-width)</db-tag>
\ No newline at end of file
+
<db-tag [overflow]="true">With Overflow (max-width)</db-tag>
+
<db-tab><db-checkbox>Interactive Checkbox</db-checkbox></db-tag>
<db-tab><db-checkbox [checked]="true">Interactive Checkbox</db-checkbox></db-tag>
-
<db-tab><db-checkbox [checked]="true" [disabled]="true">Interactive Checkbox</db-checkbox></db-tag>
\ No newline at end of file
+
<db-tab><db-checkbox [checked]="true" [disabled]="true">Interactive Checkbox</db-checkbox></db-tag>
+
<db-tag>functional</db-tag>
<db-tag>regular (Default)</db-tag>
-
<db-tag>expressive</db-tag>
\ No newline at end of file
+
<db-tag>expressive</db-tag>
+
<db-tag>Adaptive (Default)</db-tag>
<db-tag variant="neutral">Neutral Strong</db-tag>
<db-tag variant="critical">Critical</db-tag>
@@ -10,4 +10,4 @@
<db-tag variant="critical" emphasis="strong">
<db-tag variant="informational" emphasis="strong">
<db-tag variant="successful" emphasis="strong">
-
<db-tag variant="warning" emphasis="strong">
\ No newline at end of file
+
<db-tag variant="warning" emphasis="strong">
+
Angular
For general installation and configuration take a look at the ngx-components package.
Load component
import { DBTagModule } from '@db-ui/ngx-components';
imports: [..., DBTagModule],
Use component
-
<!-- app.component.html -->
<db-tag><db-button>Tag as Button</db-button></db-tag>
<db-link> Tag as Link </db-link>
<db-tag><db-checkbox>Tag as Checkbox</db-checkbox></db-tag>
<db-tag><db-radio>Tag as Radio</db-radio></db-tag>
<db-tag>Static Tag</db-tag>
<db-tag [overflow]="true"><span>Static Tag with overflow</span></db-tag>
\ No newline at end of file
+
<!-- app.component.html -->
<db-tag><db-button>Tag as Button</db-button></db-tag>
<db-link> Tag as Link </db-link>
<db-tag><db-checkbox>Tag as Checkbox</db-checkbox></db-tag>
<db-tag><db-radio>Tag as Radio</db-radio></db-tag>
<db-tag>Static Tag</db-tag>
<db-tag [overflow]="true"><span>Static Tag with overflow</span></db-tag>
+
HTML
For general installation and configuration take a look at the components package.
Use component
-
<span class="tag-label">regular (Default)</span>
\ No newline at end of file
+
<span class="tag-label">regular (Default)</span>
+
General
Note
@@ -16,4 +16,4 @@
sizes
variants
Before Status After Description poi-*❌ ❌ We removed all point of interest colors for now. track❌ ❌ We removed track for now. error🔁 criticalinformative🔁 informationalsuccess🔁 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
+
React
For general installation and configuration take a look at the react-components package.
Use component
-
import { DBTag } from "@db-ui/react-components";
<DBButton>Tag as Button</DBButton>
<DBLink>Tag as Link</DBLink>
<DBCheckbox>Tag as Checkbox</DBCheckbox>
<DBRadio>Tag as Radio</DBRadio>
<DBTag>Static Tag</DBTag>
<span>Static Tag with overflow</span>
\ No newline at end of file
+
import { DBTag } from "@db-ui/react-components";
<DBButton>Tag as Button</DBButton>
<DBLink>Tag as Link</DBLink>
<DBCheckbox>Tag as Checkbox</DBCheckbox>
<DBRadio>Tag as Radio</DBRadio>
<DBTag>Static Tag</DBTag>
<span>Static Tag with overflow</span>
+
Vue
For general installation and configuration take a look at the v-components package.
Use component
-
import { DBTag } from "@db-ui/v-components";
<DBTag><DBButton>Tag as Button</DBButton></DBTag>
<DBLink> Tag as Link </DBLink>
<DBTag><DBCheckbox>Tag as Checkbox</DBCheckbox></DBTag>
<DBTag><DBRadio>Tag as Radio</DBRadio></DBTag>
<DBTag>Static Tag</DBTag>
<span>Static Tag with overflow</span>
\ No newline at end of file
+
import { DBTag } from "@db-ui/v-components";
<DBTag><DBButton>Tag as Button</DBButton></DBTag>
<DBLink> Tag as Link </DBLink>
<DBTag><DBCheckbox>Tag as Checkbox</DBCheckbox></DBTag>
<DBTag><DBRadio>Tag as Radio</DBRadio></DBTag>
<DBTag>Static Tag</DBTag>
<span>Static Tag with overflow</span>
+
<db-textarea label="Label">(Default) Optional</db-textarea>
<db-textarea label="Label" [required]="true">Required</db-textarea>
-
<db-textarea label="Label" value="Required - Filled" [required]="true">Required - Filled</db-textarea>
\ No newline at end of file
+
<db-textarea label="Label" value="Required - Filled" [required]="true">Required - Filled</db-textarea>
+
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."
-
<db-textarea 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</db-textarea>
\ No newline at end of file
+
<db-textarea 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</db-textarea>
+
<db-textarea label="Label" message="Helper Message">
<db-textarea label="Label" variant="critical" message="Critical Message">
message="Informational Message"
<db-textarea label="Label" variant="successful" message="Successful Message">
-
<db-textarea label="Label" variant="warning" message="Warning Message">
\ No newline at end of file
+
<db-textarea label="Label" variant="warning" message="Warning Message">
+
<db-textarea label="Label" labelVariant="floating">
<db-textarea label="Label" value="Filled" labelVariant="floating">
<db-textarea label="Label" [invalid]="true" value="Filled - Invalid" labelVariant="floating">Filled - Invalid</db-textarea>
<db-textarea label="Label" value="Filled - Valid" [invalid]="false" labelVariant="floating">Filled - Valid</db-textarea>
<db-textarea label="Label" [disabled]="true" labelVariant="floating">Disabled</db-textarea>
-
<db-textarea label="Label" value="Readonly - Filled" [readOnly]="true" labelVariant="floating">Readonly - Filled</db-textarea>
\ No newline at end of file
+
<db-textarea label="Label" value="Readonly - Filled" [readOnly]="true" labelVariant="floating">Readonly - Filled</db-textarea>
+
<db-textarea label="Label">(Default) Empty</db-textarea>
<db-textarea label="Label" value="Filled">
<db-textarea label="Label" value="Filled - Invalid" [invalid]="true">Filled - Invalid</db-textarea>
<db-textarea label="Label" value="Filled - Valid" [invalid]="false">Filled - Valid</db-textarea>
<db-textarea label="Label" [disabled]="true">Disabled</db-textarea>
-
<db-textarea label="Label" value="Readonly - Filled" [readOnly]="true">Readonly - Filled</db-textarea>
\ No newline at end of file
+
<db-textarea label="Label" value="Readonly - Filled" [readOnly]="true">Readonly - Filled</db-textarea>
+
<db-textarea label="Label">Functional</db-textarea>
<db-textarea label="Label">(Default) Regular</db-textarea>
-
<db-textarea label="Label">Expressive</db-textarea>
\ No newline at end of file
+
<db-textarea label="Label">Expressive</db-textarea>
+
<db-textarea label="Label">(Default) Basic</db-textarea>
-
<db-textarea label="Label" message="Helper Message">
\ No newline at end of file
+
<db-textarea label="Label" message="Helper Message">
+
<db-textarea label="Label">(Default) Label Above</db-textarea>
<db-textarea label="Label" labelVariant="floating" value="Floating Label">
-
<db-textarea label="Label" labelVariant="hidden">
\ No newline at end of file
+
<db-textarea label="Label" labelVariant="hidden">
+
Angular
For general installation and configuration look at the ngx-components package.
Load component
import { DBTextareaModule } from '@db-ui/ngx-components';
imports: [..., DBTextareaModule],
Use component
import { Component } from "@angular/core";
templateUrl: "./app.component.html"
export class AppComponent {
textarea = "default value";
-
<!-- app.component.html -->
label="Textarea Controlled"
placeholder="Placeholder"
description="Description"
(change)="textarea = $event.target.value"
\ No newline at end of file
+
<!-- app.component.html -->
label="Textarea Controlled"
placeholder="Placeholder"
description="Description"
(change)="textarea = $event.target.value"
+
HTML
For general installation and configuration look at the components package.
Use component
-
<div class="db-textarea">
<label for="textarea">Label</label>
<textarea id="textarea" rows="2" cols="33" placeholder=" "></textarea>
\ No newline at end of file
+
<div class="db-textarea">
<label for="textarea">Label</label>
<textarea id="textarea" rows="2" cols="33" placeholder=" "></textarea>
General
+
General
Note
For a general installation or migration process check out this documentation .
@@ -9,4 +9,4 @@ class
variants
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
+
React
For general installation and configuration look at the react-components package.
Use component
-
import { useState } from "react";
import { DBTextarea } from "@db-ui/react-components";
const [textarea, setTextarea] = useState("default textarea");
label="Textarea Controlled"
setTextarea(event.target.value);
\ No newline at end of file
+
import { useState } from "react";
import { DBTextarea } from "@db-ui/react-components";
const [textarea, setTextarea] = useState("default textarea");
label="Textarea Controlled"
setTextarea(event.target.value);
+
Vue
For general installation and configuration look at the v-components package.
General
You cannot use a default value for textarea in vue .
Use v-model:value or :value instead with a ref("My default value").
Use component
-
import { ref } from "vue";
import { DBTextarea } from "@db-ui/v-components";
const textarea = ref("default value");
placeholder="Placeholder"
description="Description"
\ No newline at end of file
+
import { ref } from "vue";
import { DBTextarea } from "@db-ui/v-components";
const textarea = ref("default value");
placeholder="Placeholder"
description="Description"
+
<db-tooltip content="Tooltip" id="tooltip-14">
Animation no delay (Default)
<db-tooltip content="Tooltip" delay="slow" id="tooltip-15">
<db-tooltip content="Tooltip" delay="fast" id="tooltip-16">
-
<db-tooltip content="Tooltip" animation="disabled" id="tooltip-17">
\ No newline at end of file
+
<db-tooltip content="Tooltip" animation="disabled" id="tooltip-17">
+
<db-tooltip content="Tooltip" id="tooltip-06">
-
<db-tooltip content="Tooltip" emphasis="strong" id="tooltip-07">
\ No newline at end of file
+
<db-tooltip content="Tooltip" emphasis="strong" id="tooltip-07">
+
<db-tooltip content="Tooltip" placement="bottom-start" id="tooltip-08-start">
<db-tooltip content="Tooltip" placement="bottom" id="tooltip-08">
<db-tooltip content="Tooltip" placement="bottom-end" id="tooltip-08-end">
@@ -10,4 +10,4 @@
<db-tooltip content="Tooltip" placement="right-end" id="tooltip-11-end">
<db-tooltip content="Tooltip" placement="top-start" id="tooltip-09-start">
<db-tooltip content="Tooltip" placement="top" id="tooltip-09">
-
<db-tooltip content="Tooltip" placement="top-end" id="tooltip-09-end">
\ No newline at end of file
+
<db-tooltip content="Tooltip" placement="top-end" id="tooltip-09-end">
+
<db-tooltip content="Tooltip" id="tooltip-01">
<db-tooltip content="Tooltip" id="tooltip-02">
-
<db-tooltip content="Tooltip" id="tooltip-03">
\ No newline at end of file
+
<db-tooltip content="Tooltip" id="tooltip-03">
+
<db-tooltip content="Tooltip" id="tooltip-04">
-
<db-tooltip content="Tooltip" variant="basic" id="tooltip-05">
\ No newline at end of file
+
<db-tooltip content="Tooltip" variant="basic" id="tooltip-05">
+
content="Max width, lorem ipsum dolor sit amet, consetetur sadipscing"
-
content="Max width, lorem ipsum dolor sit amet, consetetur sadipscing"
\ No newline at end of file
+
content="Max width, lorem ipsum dolor sit amet, consetetur sadipscing"
+
Angular
For general installation and configuration take a look at the ngx-components package.
Load component
import { DBTooltipModule } from '@db-ui/ngx-components';
imports: [..., DBTooltipModule],
Use component
-
<!-- app.component.html -->
<db-button describedbyid="tooltip-01">
Hover on me to open Tooltip
<db-tooltip id="tooltip-01">Tooltip</db-tooltip>
\ No newline at end of file
+
<!-- app.component.html -->
<db-button describedbyid="tooltip-01">
Hover on me to open Tooltip
<db-tooltip id="tooltip-01">Tooltip</db-tooltip>
+
HTML
For general installation and configuration take a look at the components package.
Use component
-
<button class="db-button" aria-describedby="tooltip-01">
Hover on me to open Tooltip
<i class="db-tooltip" id="tooltip-01">Tooltip</i>
\ No newline at end of file
+
<button class="db-button" aria-describedby="tooltip-01">
Hover on me to open Tooltip
<i class="db-tooltip" id="tooltip-01">Tooltip</i>
General
+
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 🥳
+
React
For general installation and configuration take a look at the react-components package.
Use component
-
import { DBTooltip, DBButton } from "@db-ui/react-components";
<DBButton describedbyid="tooltip-01">
Hover on me to open Tooltip
<DBTooltip id="tooltip-01">Tooltip</DBTooltip>
\ No newline at end of file
+
import { DBTooltip, DBButton } from "@db-ui/react-components";
<DBButton describedbyid="tooltip-01">
Hover on me to open Tooltip
<DBTooltip id="tooltip-01">Tooltip</DBTooltip>
+
Vue
For general installation and configuration take a look at the v-components package.
Use component
-
import { DBTooltip, DBButton } from "@db-ui/v-components";
<DBButton describedbyid="tooltip-01">
Hover on me to open Tooltip
<DBTooltip id="tooltip-01">Tooltip</DBTooltip>
\ No newline at end of file
+
import { DBTooltip, DBButton } from "@db-ui/v-components";
<DBButton describedbyid="tooltip-01">
Hover on me to open Tooltip
<DBTooltip id="tooltip-01">Tooltip</DBTooltip>
npm: invalid npm npm invalid invalid npm: v0.0.61 npm npm v0.0.61 v0.0.61