@fundamental-styles/common-css 0.25.0-rc.4 → 0.25.0-rc.41

package/dist/common-css.css

@@ -1,5 +1,5 @@
 /*!
- * Fundamental Library Styles v0.25.0-rc.4
+ * Fundamental Library Styles v0.25.0-rc.41
  * Copyright (c) 2022 SAP SE or an SAP affiliate company.
  * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
- */.sap-col,.sap-container,.sap-row{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.sap-col:after,.sap-col:before,.sap-container:after,.sap-container:before,.sap-row:after,.sap-row:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.sap-container{-ms-flex-wrap:wrap;-webkit-box-flex:0;-ms-flex:0 0 100%;display:-webkit-box;display:-ms-flexbox;display:flex;flex:0 0 100%;flex-wrap:wrap;padding:0 .25rem;position:relative}.sap-container .sap-row{margin-left:-.25rem;margin-right:-.25rem;min-width:calc(100% + .5rem)}.sap-container>.sap-row>.sap-col{padding-bottom:.25rem;padding-top:.25rem}.sap-container.sap-container--no-gap .sap-row,.sap-container.sap-container--no-horizontal-gap .sap-row{margin-left:0;margin-right:0}.sap-container.sap-container--no-gap .sap-row .sap-col,.sap-container.sap-container--no-horizontal-gap .sap-row .sap-col{padding-left:0;padding-right:0}.sap-container.sap-container--no-gap>.sap-row>.sap-col,.sap-container.sap-container--no-vertical-gap>.sap-row>.sap-col{padding-bottom:0;padding-top:0}.sap-container[dir=rtl],[dir=rtl] .sap-container{direction:rtl}.sap-row{-ms-flex-wrap:wrap;-webkit-box-flex:0;-ms-flex:0 0 100%;display:-webkit-box;display:-ms-flexbox;display:flex;flex:0 0 100%;flex-wrap:wrap;min-width:100%;position:relative}.sap-col{max-width:100%;min-width:100%;padding-left:.25rem;padding-right:.25rem}.sap-col--0{max-width:0;min-width:0%}.sap-col--offset-0{margin-left:0}.sap-col--offset-0[dir=rtl],[dir=rtl] .sap-col--offset-0{margin-left:0;margin-right:0}.sap-col--offset-after-0{margin-right:0}.sap-col--offset-after-0[dir=rtl],[dir=rtl] .sap-col--offset-after-0{margin-left:0;margin-right:0}.sap-col--1{max-width:8.3333333333%;min-width:8.3333333333%}.sap-col--offset-1{margin-left:8.3333333333%}.sap-col--offset-1[dir=rtl],[dir=rtl] .sap-col--offset-1{margin-left:0;margin-right:8.3333333333%}.sap-col--offset-after-1{margin-right:8.3333333333%}.sap-col--offset-after-1[dir=rtl],[dir=rtl] .sap-col--offset-after-1{margin-left:8.3333333333%;margin-right:0}.sap-col--2{max-width:16.6666666667%;min-width:16.6666666667%}.sap-col--offset-2{margin-left:16.6666666667%}.sap-col--offset-2[dir=rtl],[dir=rtl] .sap-col--offset-2{margin-left:0;margin-right:16.6666666667%}.sap-col--offset-after-2{margin-right:16.6666666667%}.sap-col--offset-after-2[dir=rtl],[dir=rtl] .sap-col--offset-after-2{margin-left:16.6666666667%;margin-right:0}.sap-col--3{max-width:25%;min-width:25%}.sap-col--offset-3{margin-left:25%}.sap-col--offset-3[dir=rtl],[dir=rtl] .sap-col--offset-3{margin-left:0;margin-right:25%}.sap-col--offset-after-3{margin-right:25%}.sap-col--offset-after-3[dir=rtl],[dir=rtl] .sap-col--offset-after-3{margin-left:25%;margin-right:0}.sap-col--4{max-width:33.3333333333%;min-width:33.3333333333%}.sap-col--offset-4{margin-left:33.3333333333%}.sap-col--offset-4[dir=rtl],[dir=rtl] .sap-col--offset-4{margin-left:0;margin-right:33.3333333333%}.sap-col--offset-after-4{margin-right:33.3333333333%}.sap-col--offset-after-4[dir=rtl],[dir=rtl] .sap-col--offset-after-4{margin-left:33.3333333333%;margin-right:0}.sap-col--5{max-width:41.6666666667%;min-width:41.6666666667%}.sap-col--offset-5{margin-left:41.6666666667%}.sap-col--offset-5[dir=rtl],[dir=rtl] .sap-col--offset-5{margin-left:0;margin-right:41.6666666667%}.sap-col--offset-after-5{margin-right:41.6666666667%}.sap-col--offset-after-5[dir=rtl],[dir=rtl] .sap-col--offset-after-5{margin-left:41.6666666667%;margin-right:0}.sap-col--6{max-width:50%;min-width:50%}.sap-col--offset-6{margin-left:50%}.sap-col--offset-6[dir=rtl],[dir=rtl] .sap-col--offset-6{margin-left:0;margin-right:50%}.sap-col--offset-after-6{margin-right:50%}.sap-col--offset-after-6[dir=rtl],[dir=rtl] .sap-col--offset-after-6{margin-left:50%;margin-right:0}.sap-col--7{max-width:58.3333333333%;min-width:58.3333333333%}.sap-col--offset-7{margin-left:58.3333333333%}.sap-col--offset-7[dir=rtl],[dir=rtl] .sap-col--offset-7{margin-left:0;margin-right:58.3333333333%}.sap-col--offset-after-7{margin-right:58.3333333333%}.sap-col--offset-after-7[dir=rtl],[dir=rtl] .sap-col--offset-after-7{margin-left:58.3333333333%;margin-right:0}.sap-col--8{max-width:66.6666666667%;min-width:66.6666666667%}.sap-col--offset-8{margin-left:66.6666666667%}.sap-col--offset-8[dir=rtl],[dir=rtl] .sap-col--offset-8{margin-left:0;margin-right:66.6666666667%}.sap-col--offset-after-8{margin-right:66.6666666667%}.sap-col--offset-after-8[dir=rtl],[dir=rtl] .sap-col--offset-after-8{margin-left:66.6666666667%;margin-right:0}.sap-col--9{max-width:75%;min-width:75%}.sap-col--offset-9{margin-left:75%}.sap-col--offset-9[dir=rtl],[dir=rtl] .sap-col--offset-9{margin-left:0;margin-right:75%}.sap-col--offset-after-9{margin-right:75%}.sap-col--offset-after-9[dir=rtl],[dir=rtl] .sap-col--offset-after-9{margin-left:75%;margin-right:0}.sap-col--10{max-width:83.3333333333%;min-width:83.3333333333%}.sap-col--offset-10{margin-left:83.3333333333%}.sap-col--offset-10[dir=rtl],[dir=rtl] .sap-col--offset-10{margin-left:0;margin-right:83.3333333333%}.sap-col--offset-after-10{margin-right:83.3333333333%}.sap-col--offset-after-10[dir=rtl],[dir=rtl] .sap-col--offset-after-10{margin-left:83.3333333333%;margin-right:0}.sap-col--11{max-width:91.6666666667%;min-width:91.6666666667%}.sap-col--offset-11{margin-left:91.6666666667%}.sap-col--offset-11[dir=rtl],[dir=rtl] .sap-col--offset-11{margin-left:0;margin-right:91.6666666667%}.sap-col--offset-after-11{margin-right:91.6666666667%}.sap-col--offset-after-11[dir=rtl],[dir=rtl] .sap-col--offset-after-11{margin-left:91.6666666667%;margin-right:0}.sap-col--12{max-width:100%;min-width:100%}.sap-col--offset-12{margin-left:100%}.sap-col--offset-12[dir=rtl],[dir=rtl] .sap-col--offset-12{margin-left:0;margin-right:100%}.sap-col--offset-after-12{margin-right:100%}.sap-col--offset-after-12[dir=rtl],[dir=rtl] .sap-col--offset-after-12{margin-left:100%;margin-right:0}.sap-col--full{-webkit-box-flex:1;-ms-flex:1;flex:1;max-width:none;min-width:8.3333333333%}.sap-col--wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}@media (min-width:600px){.sap-container{padding:0 .5rem}.sap-container .sap-row{margin-left:-.5rem;margin-right:-.5rem;min-width:calc(100% + 1rem)}.sap-container>.sap-row>.sap-col{padding-bottom:.5rem;padding-top:.5rem}.sap-col{padding-left:.5rem;padding-right:.5rem}.sap-col-md--0{max-width:0;min-width:0%}.sap-col-md--offset-0{margin-left:0}.sap-col-md--offset-0[dir=rtl],[dir=rtl] .sap-col-md--offset-0{margin-left:0;margin-right:0}.sap-col-md--offset-after-0{margin-right:0}.sap-col-md--offset-after-0[dir=rtl],[dir=rtl] .sap-col-md--offset-after-0{margin-left:0;margin-right:0}.sap-col-md--1{max-width:8.3333333333%;min-width:8.3333333333%}.sap-col-md--offset-1{margin-left:8.3333333333%}.sap-col-md--offset-1[dir=rtl],[dir=rtl] .sap-col-md--offset-1{margin-left:0;margin-right:8.3333333333%}.sap-col-md--offset-after-1{margin-right:8.3333333333%}.sap-col-md--offset-after-1[dir=rtl],[dir=rtl] .sap-col-md--offset-after-1{margin-left:8.3333333333%;margin-right:0}.sap-col-md--2{max-width:16.6666666667%;min-width:16.6666666667%}.sap-col-md--offset-2{margin-left:16.6666666667%}.sap-col-md--offset-2[dir=rtl],[dir=rtl] .sap-col-md--offset-2{margin-left:0;margin-right:16.6666666667%}.sap-col-md--offset-after-2{margin-right:16.6666666667%}.sap-col-md--offset-after-2[dir=rtl],[dir=rtl] .sap-col-md--offset-after-2{margin-left:16.6666666667%;margin-right:0}.sap-col-md--3{max-width:25%;min-width:25%}.sap-col-md--offset-3{margin-left:25%}.sap-col-md--offset-3[dir=rtl],[dir=rtl] .sap-col-md--offset-3{margin-left:0;margin-right:25%}.sap-col-md--offset-after-3{margin-right:25%}.sap-col-md--offset-after-3[dir=rtl],[dir=rtl] .sap-col-md--offset-after-3{margin-left:25%;margin-right:0}.sap-col-md--4{max-width:33.3333333333%;min-width:33.3333333333%}.sap-col-md--offset-4{margin-left:33.3333333333%}.sap-col-md--offset-4[dir=rtl],[dir=rtl] .sap-col-md--offset-4{margin-left:0;margin-right:33.3333333333%}.sap-col-md--offset-after-4{margin-right:33.3333333333%}.sap-col-md--offset-after-4[dir=rtl],[dir=rtl] .sap-col-md--offset-after-4{margin-left:33.3333333333%;margin-right:0}.sap-col-md--5{max-width:41.6666666667%;min-width:41.6666666667%}.sap-col-md--offset-5{margin-left:41.6666666667%}.sap-col-md--offset-5[dir=rtl],[dir=rtl] .sap-col-md--offset-5{margin-left:0;margin-right:41.6666666667%}.sap-col-md--offset-after-5{margin-right:41.6666666667%}.sap-col-md--offset-after-5[dir=rtl],[dir=rtl] .sap-col-md--offset-after-5{margin-left:41.6666666667%;margin-right:0}.sap-col-md--6{max-width:50%;min-width:50%}.sap-col-md--offset-6{margin-left:50%}.sap-col-md--offset-6[dir=rtl],[dir=rtl] .sap-col-md--offset-6{margin-left:0;margin-right:50%}.sap-col-md--offset-after-6{margin-right:50%}.sap-col-md--offset-after-6[dir=rtl],[dir=rtl] .sap-col-md--offset-after-6{margin-left:50%;margin-right:0}.sap-col-md--7{max-width:58.3333333333%;min-width:58.3333333333%}.sap-col-md--offset-7{margin-left:58.3333333333%}.sap-col-md--offset-7[dir=rtl],[dir=rtl] .sap-col-md--offset-7{margin-left:0;margin-right:58.3333333333%}.sap-col-md--offset-after-7{margin-right:58.3333333333%}.sap-col-md--offset-after-7[dir=rtl],[dir=rtl] .sap-col-md--offset-after-7{margin-left:58.3333333333%;margin-right:0}.sap-col-md--8{max-width:66.6666666667%;min-width:66.6666666667%}.sap-col-md--offset-8{margin-left:66.6666666667%}.sap-col-md--offset-8[dir=rtl],[dir=rtl] .sap-col-md--offset-8{margin-left:0;margin-right:66.6666666667%}.sap-col-md--offset-after-8{margin-right:66.6666666667%}.sap-col-md--offset-after-8[dir=rtl],[dir=rtl] .sap-col-md--offset-after-8{margin-left:66.6666666667%;margin-right:0}.sap-col-md--9{max-width:75%;min-width:75%}.sap-col-md--offset-9{margin-left:75%}.sap-col-md--offset-9[dir=rtl],[dir=rtl] .sap-col-md--offset-9{margin-left:0;margin-right:75%}.sap-col-md--offset-after-9{margin-right:75%}.sap-col-md--offset-after-9[dir=rtl],[dir=rtl] .sap-col-md--offset-after-9{margin-left:75%;margin-right:0}.sap-col-md--10{max-width:83.3333333333%;min-width:83.3333333333%}.sap-col-md--offset-10{margin-left:83.3333333333%}.sap-col-md--offset-10[dir=rtl],[dir=rtl] .sap-col-md--offset-10{margin-left:0;margin-right:83.3333333333%}.sap-col-md--offset-after-10{margin-right:83.3333333333%}.sap-col-md--offset-after-10[dir=rtl],[dir=rtl] .sap-col-md--offset-after-10{margin-left:83.3333333333%;margin-right:0}.sap-col-md--11{max-width:91.6666666667%;min-width:91.6666666667%}.sap-col-md--offset-11{margin-left:91.6666666667%}.sap-col-md--offset-11[dir=rtl],[dir=rtl] .sap-col-md--offset-11{margin-left:0;margin-right:91.6666666667%}.sap-col-md--offset-after-11{margin-right:91.6666666667%}.sap-col-md--offset-after-11[dir=rtl],[dir=rtl] .sap-col-md--offset-after-11{margin-left:91.6666666667%;margin-right:0}.sap-col-md--12{max-width:100%;min-width:100%}.sap-col-md--offset-12{margin-left:100%}.sap-col-md--offset-12[dir=rtl],[dir=rtl] .sap-col-md--offset-12{margin-left:0;margin-right:100%}.sap-col-md--offset-after-12{margin-right:100%}.sap-col-md--offset-after-12[dir=rtl],[dir=rtl] .sap-col-md--offset-after-12{margin-left:100%;margin-right:0}}@media (min-width:1024px){.sap-col-lg--0{max-width:0;min-width:0%}.sap-col-lg--offset-0{margin-left:0}.sap-col-lg--offset-0[dir=rtl],[dir=rtl] .sap-col-lg--offset-0{margin-left:0;margin-right:0}.sap-col-lg--offset-after-0{margin-right:0}.sap-col-lg--offset-after-0[dir=rtl],[dir=rtl] .sap-col-lg--offset-after-0{margin-left:0;margin-right:0}.sap-col-lg--1{max-width:8.3333333333%;min-width:8.3333333333%}.sap-col-lg--offset-1{margin-left:8.3333333333%}.sap-col-lg--offset-1[dir=rtl],[dir=rtl] .sap-col-lg--offset-1{margin-left:0;margin-right:8.3333333333%}.sap-col-lg--offset-after-1{margin-right:8.3333333333%}.sap-col-lg--offset-after-1[dir=rtl],[dir=rtl] .sap-col-lg--offset-after-1{margin-left:8.3333333333%;margin-right:0}.sap-col-lg--2{max-width:16.6666666667%;min-width:16.6666666667%}.sap-col-lg--offset-2{margin-left:16.6666666667%}.sap-col-lg--offset-2[dir=rtl],[dir=rtl] .sap-col-lg--offset-2{margin-left:0;margin-right:16.6666666667%}.sap-col-lg--offset-after-2{margin-right:16.6666666667%}.sap-col-lg--offset-after-2[dir=rtl],[dir=rtl] .sap-col-lg--offset-after-2{margin-left:16.6666666667%;margin-right:0}.sap-col-lg--3{max-width:25%;min-width:25%}.sap-col-lg--offset-3{margin-left:25%}.sap-col-lg--offset-3[dir=rtl],[dir=rtl] .sap-col-lg--offset-3{margin-left:0;margin-right:25%}.sap-col-lg--offset-after-3{margin-right:25%}.sap-col-lg--offset-after-3[dir=rtl],[dir=rtl] .sap-col-lg--offset-after-3{margin-left:25%;margin-right:0}.sap-col-lg--4{max-width:33.3333333333%;min-width:33.3333333333%}.sap-col-lg--offset-4{margin-left:33.3333333333%}.sap-col-lg--offset-4[dir=rtl],[dir=rtl] .sap-col-lg--offset-4{margin-left:0;margin-right:33.3333333333%}.sap-col-lg--offset-after-4{margin-right:33.3333333333%}.sap-col-lg--offset-after-4[dir=rtl],[dir=rtl] .sap-col-lg--offset-after-4{margin-left:33.3333333333%;margin-right:0}.sap-col-lg--5{max-width:41.6666666667%;min-width:41.6666666667%}.sap-col-lg--offset-5{margin-left:41.6666666667%}.sap-col-lg--offset-5[dir=rtl],[dir=rtl] .sap-col-lg--offset-5{margin-left:0;margin-right:41.6666666667%}.sap-col-lg--offset-after-5{margin-right:41.6666666667%}.sap-col-lg--offset-after-5[dir=rtl],[dir=rtl] .sap-col-lg--offset-after-5{margin-left:41.6666666667%;margin-right:0}.sap-col-lg--6{max-width:50%;min-width:50%}.sap-col-lg--offset-6{margin-left:50%}.sap-col-lg--offset-6[dir=rtl],[dir=rtl] .sap-col-lg--offset-6{margin-left:0;margin-right:50%}.sap-col-lg--offset-after-6{margin-right:50%}.sap-col-lg--offset-after-6[dir=rtl],[dir=rtl] .sap-col-lg--offset-after-6{margin-left:50%;margin-right:0}.sap-col-lg--7{max-width:58.3333333333%;min-width:58.3333333333%}.sap-col-lg--offset-7{margin-left:58.3333333333%}.sap-col-lg--offset-7[dir=rtl],[dir=rtl] .sap-col-lg--offset-7{margin-left:0;margin-right:58.3333333333%}.sap-col-lg--offset-after-7{margin-right:58.3333333333%}.sap-col-lg--offset-after-7[dir=rtl],[dir=rtl] .sap-col-lg--offset-after-7{margin-left:58.3333333333%;margin-right:0}.sap-col-lg--8{max-width:66.6666666667%;min-width:66.6666666667%}.sap-col-lg--offset-8{margin-left:66.6666666667%}.sap-col-lg--offset-8[dir=rtl],[dir=rtl] .sap-col-lg--offset-8{margin-left:0;margin-right:66.6666666667%}.sap-col-lg--offset-after-8{margin-right:66.6666666667%}.sap-col-lg--offset-after-8[dir=rtl],[dir=rtl] .sap-col-lg--offset-after-8{margin-left:66.6666666667%;margin-right:0}.sap-col-lg--9{max-width:75%;min-width:75%}.sap-col-lg--offset-9{margin-left:75%}.sap-col-lg--offset-9[dir=rtl],[dir=rtl] .sap-col-lg--offset-9{margin-left:0;margin-right:75%}.sap-col-lg--offset-after-9{margin-right:75%}.sap-col-lg--offset-after-9[dir=rtl],[dir=rtl] .sap-col-lg--offset-after-9{margin-left:75%;margin-right:0}.sap-col-lg--10{max-width:83.3333333333%;min-width:83.3333333333%}.sap-col-lg--offset-10{margin-left:83.3333333333%}.sap-col-lg--offset-10[dir=rtl],[dir=rtl] .sap-col-lg--offset-10{margin-left:0;margin-right:83.3333333333%}.sap-col-lg--offset-after-10{margin-right:83.3333333333%}.sap-col-lg--offset-after-10[dir=rtl],[dir=rtl] .sap-col-lg--offset-after-10{margin-left:83.3333333333%;margin-right:0}.sap-col-lg--11{max-width:91.6666666667%;min-width:91.6666666667%}.sap-col-lg--offset-11{margin-left:91.6666666667%}.sap-col-lg--offset-11[dir=rtl],[dir=rtl] .sap-col-lg--offset-11{margin-left:0;margin-right:91.6666666667%}.sap-col-lg--offset-after-11{margin-right:91.6666666667%}.sap-col-lg--offset-after-11[dir=rtl],[dir=rtl] .sap-col-lg--offset-after-11{margin-left:91.6666666667%;margin-right:0}.sap-col-lg--12{max-width:100%;min-width:100%}.sap-col-lg--offset-12{margin-left:100%}.sap-col-lg--offset-12[dir=rtl],[dir=rtl] .sap-col-lg--offset-12{margin-left:0;margin-right:100%}.sap-col-lg--offset-after-12{margin-right:100%}.sap-col-lg--offset-after-12[dir=rtl],[dir=rtl] .sap-col-lg--offset-after-12{margin-left:100%;margin-right:0}}@media (min-width:1440px){.sap-col-xl--0{max-width:0;min-width:0%}.sap-col-xl--offset-0{margin-left:0}.sap-col-xl--offset-0[dir=rtl],[dir=rtl] .sap-col-xl--offset-0{margin-left:0;margin-right:0}.sap-col-xl--offset-after-0{margin-right:0}.sap-col-xl--offset-after-0[dir=rtl],[dir=rtl] .sap-col-xl--offset-after-0{margin-left:0;margin-right:0}.sap-col-xl--1{max-width:8.3333333333%;min-width:8.3333333333%}.sap-col-xl--offset-1{margin-left:8.3333333333%}.sap-col-xl--offset-1[dir=rtl],[dir=rtl] .sap-col-xl--offset-1{margin-left:0;margin-right:8.3333333333%}.sap-col-xl--offset-after-1{margin-right:8.3333333333%}.sap-col-xl--offset-after-1[dir=rtl],[dir=rtl] .sap-col-xl--offset-after-1{margin-left:8.3333333333%;margin-right:0}.sap-col-xl--2{max-width:16.6666666667%;min-width:16.6666666667%}.sap-col-xl--offset-2{margin-left:16.6666666667%}.sap-col-xl--offset-2[dir=rtl],[dir=rtl] .sap-col-xl--offset-2{margin-left:0;margin-right:16.6666666667%}.sap-col-xl--offset-after-2{margin-right:16.6666666667%}.sap-col-xl--offset-after-2[dir=rtl],[dir=rtl] .sap-col-xl--offset-after-2{margin-left:16.6666666667%;margin-right:0}.sap-col-xl--3{max-width:25%;min-width:25%}.sap-col-xl--offset-3{margin-left:25%}.sap-col-xl--offset-3[dir=rtl],[dir=rtl] .sap-col-xl--offset-3{margin-left:0;margin-right:25%}.sap-col-xl--offset-after-3{margin-right:25%}.sap-col-xl--offset-after-3[dir=rtl],[dir=rtl] .sap-col-xl--offset-after-3{margin-left:25%;margin-right:0}.sap-col-xl--4{max-width:33.3333333333%;min-width:33.3333333333%}.sap-col-xl--offset-4{margin-left:33.3333333333%}.sap-col-xl--offset-4[dir=rtl],[dir=rtl] .sap-col-xl--offset-4{margin-left:0;margin-right:33.3333333333%}.sap-col-xl--offset-after-4{margin-right:33.3333333333%}.sap-col-xl--offset-after-4[dir=rtl],[dir=rtl] .sap-col-xl--offset-after-4{margin-left:33.3333333333%;margin-right:0}.sap-col-xl--5{max-width:41.6666666667%;min-width:41.6666666667%}.sap-col-xl--offset-5{margin-left:41.6666666667%}.sap-col-xl--offset-5[dir=rtl],[dir=rtl] .sap-col-xl--offset-5{margin-left:0;margin-right:41.6666666667%}.sap-col-xl--offset-after-5{margin-right:41.6666666667%}.sap-col-xl--offset-after-5[dir=rtl],[dir=rtl] .sap-col-xl--offset-after-5{margin-left:41.6666666667%;margin-right:0}.sap-col-xl--6{max-width:50%;min-width:50%}.sap-col-xl--offset-6{margin-left:50%}.sap-col-xl--offset-6[dir=rtl],[dir=rtl] .sap-col-xl--offset-6{margin-left:0;margin-right:50%}.sap-col-xl--offset-after-6{margin-right:50%}.sap-col-xl--offset-after-6[dir=rtl],[dir=rtl] .sap-col-xl--offset-after-6{margin-left:50%;margin-right:0}.sap-col-xl--7{max-width:58.3333333333%;min-width:58.3333333333%}.sap-col-xl--offset-7{margin-left:58.3333333333%}.sap-col-xl--offset-7[dir=rtl],[dir=rtl] .sap-col-xl--offset-7{margin-left:0;margin-right:58.3333333333%}.sap-col-xl--offset-after-7{margin-right:58.3333333333%}.sap-col-xl--offset-after-7[dir=rtl],[dir=rtl] .sap-col-xl--offset-after-7{margin-left:58.3333333333%;margin-right:0}.sap-col-xl--8{max-width:66.6666666667%;min-width:66.6666666667%}.sap-col-xl--offset-8{margin-left:66.6666666667%}.sap-col-xl--offset-8[dir=rtl],[dir=rtl] .sap-col-xl--offset-8{margin-left:0;margin-right:66.6666666667%}.sap-col-xl--offset-after-8{margin-right:66.6666666667%}.sap-col-xl--offset-after-8[dir=rtl],[dir=rtl] .sap-col-xl--offset-after-8{margin-left:66.6666666667%;margin-right:0}.sap-col-xl--9{max-width:75%;min-width:75%}.sap-col-xl--offset-9{margin-left:75%}.sap-col-xl--offset-9[dir=rtl],[dir=rtl] .sap-col-xl--offset-9{margin-left:0;margin-right:75%}.sap-col-xl--offset-after-9{margin-right:75%}.sap-col-xl--offset-after-9[dir=rtl],[dir=rtl] .sap-col-xl--offset-after-9{margin-left:75%;margin-right:0}.sap-col-xl--10{max-width:83.3333333333%;min-width:83.3333333333%}.sap-col-xl--offset-10{margin-left:83.3333333333%}.sap-col-xl--offset-10[dir=rtl],[dir=rtl] .sap-col-xl--offset-10{margin-left:0;margin-right:83.3333333333%}.sap-col-xl--offset-after-10{margin-right:83.3333333333%}.sap-col-xl--offset-after-10[dir=rtl],[dir=rtl] .sap-col-xl--offset-after-10{margin-left:83.3333333333%;margin-right:0}.sap-col-xl--11{max-width:91.6666666667%;min-width:91.6666666667%}.sap-col-xl--offset-11{margin-left:91.6666666667%}.sap-col-xl--offset-11[dir=rtl],[dir=rtl] .sap-col-xl--offset-11{margin-left:0;margin-right:91.6666666667%}.sap-col-xl--offset-after-11{margin-right:91.6666666667%}.sap-col-xl--offset-after-11[dir=rtl],[dir=rtl] .sap-col-xl--offset-after-11{margin-left:91.6666666667%;margin-right:0}.sap-col-xl--12{max-width:100%;min-width:100%}.sap-col-xl--offset-12{margin-left:100%}.sap-col-xl--offset-12[dir=rtl],[dir=rtl] .sap-col-xl--offset-12{margin-left:0;margin-right:100%}.sap-col-xl--offset-after-12{margin-right:100%}.sap-col-xl--offset-after-12[dir=rtl],[dir=rtl] .sap-col-xl--offset-after-12{margin-left:100%;margin-right:0}}.sap-margin--tiny{margin:.5rem!important}.sap-margin--sm{margin:1rem!important}.sap-margin--md{margin:2rem!important}.sap-margin--lg{margin:3rem!important}.sap-margin--none{margin:0!important}.sap-margin-top--tiny{margin-top:.5rem!important}.sap-margin-top--sm{margin-top:1rem!important}.sap-margin-top--md{margin-top:2rem!important}.sap-margin-top--lg{margin-top:3rem!important}.sap-margin-top--none{margin-top:0!important}.sap-margin-end--tiny{margin-right:.5rem!important}.sap-margin-end--tiny[dir=rtl],[dir=rtl] .sap-margin-end--tiny{margin-left:.5rem!important;margin-right:0!important}.sap-margin-end--sm{margin-right:1rem!important}.sap-margin-end--sm[dir=rtl],[dir=rtl] .sap-margin-end--sm{margin-left:1rem!important;margin-right:0!important}.sap-margin-end--md{margin-right:2rem!important}.sap-margin-end--md[dir=rtl],[dir=rtl] .sap-margin-end--md{margin-left:2rem!important;margin-right:0!important}.sap-margin-end--lg{margin-right:3rem!important}.sap-margin-end--lg[dir=rtl],[dir=rtl] .sap-margin-end--lg{margin-left:3rem!important;margin-right:0!important}.sap-margin-end--none{margin-right:0}.sap-margin-end--none[dir=rtl],[dir=rtl] .sap-margin-end--none{margin-left:0!important}.sap-margin-bottom--tiny{margin-bottom:.5rem!important}.sap-margin-bottom--sm{margin-bottom:1rem!important}.sap-margin-bottom--md{margin-bottom:2rem!important}.sap-margin-bottom--lg{margin-bottom:3rem!important}.sap-margin-bottom--none{margin-bottom:0!important}.sap-margin-begin--tiny{margin-left:.5rem!important}.sap-margin-begin--tiny[dir=rtl],[dir=rtl] .sap-margin-begin--tiny{margin-left:0!important;margin-right:.5rem!important}.sap-margin-begin--sm{margin-left:1rem!important}.sap-margin-begin--sm[dir=rtl],[dir=rtl] .sap-margin-begin--sm{margin-left:0!important;margin-right:1rem!important}.sap-margin-begin--md{margin-left:2rem!important}.sap-margin-begin--md[dir=rtl],[dir=rtl] .sap-margin-begin--md{margin-left:0!important;margin-right:2rem!important}.sap-margin-begin--lg{margin-left:3rem!important}.sap-margin-begin--lg[dir=rtl],[dir=rtl] .sap-margin-begin--lg{margin-left:0!important;margin-right:3rem!important}.sap-margin-begin--none{margin-left:0}.sap-margin-begin--none[dir=rtl],[dir=rtl] .sap-margin-begin--none{margin-right:0!important}.sap-margin-top-bottom--tiny{margin-bottom:.5rem!important;margin-top:.5rem!important}.sap-margin-top-bottom--sm{margin-bottom:1rem!important;margin-top:1rem!important}.sap-margin-top-bottom--md{margin-bottom:2rem!important;margin-top:2rem!important}.sap-margin-top-bottom--lg{margin-bottom:3rem!important;margin-top:3rem!important}.sap-margin-begin-end--tiny{margin-left:.5rem!important;margin-right:.5rem!important}.sap-margin-begin-end--sm{margin-left:1rem!important;margin-right:1rem!important}.sap-margin-begin-end--md{margin-left:2rem!important;margin-right:2rem!important}.sap-margin-begin-end--lg{margin-left:3rem!important;margin-right:3rem!important}.sap-margin-responsive--sm{margin:0 0 1rem!important}.sap-margin-responsive--md{margin:1rem!important}.sap-margin-responsive--lg{margin:1rem 2rem!important}.sap-margin-responsive--xl{margin:1rem 3rem!important}.sap-margin-negative-begin-end--tiny{margin:0 -.5rem!important}.sap-margin-negative-begin-end--sm{margin:0 -1rem!important}.sap-margin-negative-begin-end--md{margin:0 -2rem!important}.sap-margin-negative-begin-end--lg{margin:0 -3rem!important}.sap-padding{padding:1rem!important}.sap-padding-begin-end--tiny{padding-left:.5rem!important;padding-right:.5rem!important}.sap-padding-begin-end--sm{padding-left:1rem!important;padding-right:1rem!important}.sap-padding-begin-end--md{padding-left:2rem!important;padding-right:2rem!important}.sap-padding-begin-end--lg{padding-left:3rem!important;padding-right:3rem!important}.sap-padding--none{padding:0!important}.sap-padding-responsive--sm{padding:0 1rem!important}.sap-padding-responsive--lg,.sap-padding-responsive--md{padding:0 2rem!important}.sap-padding-responsive--xl{padding:0 3rem!important}
+ */.sap-col,.sap-container,.sap-row{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.sap-col:after,.sap-col:before,.sap-container:after,.sap-container:before,.sap-row:after,.sap-row:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.sap-container{-ms-flex-wrap:wrap;-webkit-box-flex:0;-ms-flex:0 0 100%;display:-webkit-box;display:-ms-flexbox;display:flex;flex:0 0 100%;flex-wrap:wrap;padding:0 .25rem;position:relative}.sap-container .sap-row{margin-left:-.25rem;margin-right:-.25rem;min-width:calc(100% + .5rem)}.sap-container>.sap-row>.sap-col{padding-bottom:.25rem;padding-top:.25rem}.sap-container.sap-container--no-gap .sap-row,.sap-container.sap-container--no-horizontal-gap .sap-row{margin-left:0;margin-right:0}.sap-container.sap-container--no-gap .sap-row .sap-col,.sap-container.sap-container--no-horizontal-gap .sap-row .sap-col{padding-left:0;padding-right:0}.sap-container.sap-container--no-gap>.sap-row>.sap-col,.sap-container.sap-container--no-vertical-gap>.sap-row>.sap-col{padding-bottom:0;padding-top:0}.sap-container[dir=rtl],[dir=rtl] .sap-container{direction:rtl}.sap-row{-ms-flex-wrap:wrap;-webkit-box-flex:0;-ms-flex:0 0 100%;display:-webkit-box;display:-ms-flexbox;display:flex;flex:0 0 100%;flex-wrap:wrap;min-width:100%;position:relative}.sap-col{max-width:100%;min-width:100%;padding-left:.25rem;padding-right:.25rem}.sap-col--0{max-width:0;min-width:0%}.sap-col--offset-0{margin-left:0}.sap-col--offset-0[dir=rtl],[dir=rtl] .sap-col--offset-0{margin-left:0;margin-right:0}.sap-col--offset-after-0{margin-right:0}.sap-col--offset-after-0[dir=rtl],[dir=rtl] .sap-col--offset-after-0{margin-left:0;margin-right:0}.sap-col--1{max-width:8.3333333333%;min-width:8.3333333333%}.sap-col--offset-1{margin-left:8.3333333333%}.sap-col--offset-1[dir=rtl],[dir=rtl] .sap-col--offset-1{margin-left:0;margin-right:8.3333333333%}.sap-col--offset-after-1{margin-right:8.3333333333%}.sap-col--offset-after-1[dir=rtl],[dir=rtl] .sap-col--offset-after-1{margin-left:8.3333333333%;margin-right:0}.sap-col--2{max-width:16.6666666667%;min-width:16.6666666667%}.sap-col--offset-2{margin-left:16.6666666667%}.sap-col--offset-2[dir=rtl],[dir=rtl] .sap-col--offset-2{margin-left:0;margin-right:16.6666666667%}.sap-col--offset-after-2{margin-right:16.6666666667%}.sap-col--offset-after-2[dir=rtl],[dir=rtl] .sap-col--offset-after-2{margin-left:16.6666666667%;margin-right:0}.sap-col--3{max-width:25%;min-width:25%}.sap-col--offset-3{margin-left:25%}.sap-col--offset-3[dir=rtl],[dir=rtl] .sap-col--offset-3{margin-left:0;margin-right:25%}.sap-col--offset-after-3{margin-right:25%}.sap-col--offset-after-3[dir=rtl],[dir=rtl] .sap-col--offset-after-3{margin-left:25%;margin-right:0}.sap-col--4{max-width:33.3333333333%;min-width:33.3333333333%}.sap-col--offset-4{margin-left:33.3333333333%}.sap-col--offset-4[dir=rtl],[dir=rtl] .sap-col--offset-4{margin-left:0;margin-right:33.3333333333%}.sap-col--offset-after-4{margin-right:33.3333333333%}.sap-col--offset-after-4[dir=rtl],[dir=rtl] .sap-col--offset-after-4{margin-left:33.3333333333%;margin-right:0}.sap-col--5{max-width:41.6666666667%;min-width:41.6666666667%}.sap-col--offset-5{margin-left:41.6666666667%}.sap-col--offset-5[dir=rtl],[dir=rtl] .sap-col--offset-5{margin-left:0;margin-right:41.6666666667%}.sap-col--offset-after-5{margin-right:41.6666666667%}.sap-col--offset-after-5[dir=rtl],[dir=rtl] .sap-col--offset-after-5{margin-left:41.6666666667%;margin-right:0}.sap-col--6{max-width:50%;min-width:50%}.sap-col--offset-6{margin-left:50%}.sap-col--offset-6[dir=rtl],[dir=rtl] .sap-col--offset-6{margin-left:0;margin-right:50%}.sap-col--offset-after-6{margin-right:50%}.sap-col--offset-after-6[dir=rtl],[dir=rtl] .sap-col--offset-after-6{margin-left:50%;margin-right:0}.sap-col--7{max-width:58.3333333333%;min-width:58.3333333333%}.sap-col--offset-7{margin-left:58.3333333333%}.sap-col--offset-7[dir=rtl],[dir=rtl] .sap-col--offset-7{margin-left:0;margin-right:58.3333333333%}.sap-col--offset-after-7{margin-right:58.3333333333%}.sap-col--offset-after-7[dir=rtl],[dir=rtl] .sap-col--offset-after-7{margin-left:58.3333333333%;margin-right:0}.sap-col--8{max-width:66.6666666667%;min-width:66.6666666667%}.sap-col--offset-8{margin-left:66.6666666667%}.sap-col--offset-8[dir=rtl],[dir=rtl] .sap-col--offset-8{margin-left:0;margin-right:66.6666666667%}.sap-col--offset-after-8{margin-right:66.6666666667%}.sap-col--offset-after-8[dir=rtl],[dir=rtl] .sap-col--offset-after-8{margin-left:66.6666666667%;margin-right:0}.sap-col--9{max-width:75%;min-width:75%}.sap-col--offset-9{margin-left:75%}.sap-col--offset-9[dir=rtl],[dir=rtl] .sap-col--offset-9{margin-left:0;margin-right:75%}.sap-col--offset-after-9{margin-right:75%}.sap-col--offset-after-9[dir=rtl],[dir=rtl] .sap-col--offset-after-9{margin-left:75%;margin-right:0}.sap-col--10{max-width:83.3333333333%;min-width:83.3333333333%}.sap-col--offset-10{margin-left:83.3333333333%}.sap-col--offset-10[dir=rtl],[dir=rtl] .sap-col--offset-10{margin-left:0;margin-right:83.3333333333%}.sap-col--offset-after-10{margin-right:83.3333333333%}.sap-col--offset-after-10[dir=rtl],[dir=rtl] .sap-col--offset-after-10{margin-left:83.3333333333%;margin-right:0}.sap-col--11{max-width:91.6666666667%;min-width:91.6666666667%}.sap-col--offset-11{margin-left:91.6666666667%}.sap-col--offset-11[dir=rtl],[dir=rtl] .sap-col--offset-11{margin-left:0;margin-right:91.6666666667%}.sap-col--offset-after-11{margin-right:91.6666666667%}.sap-col--offset-after-11[dir=rtl],[dir=rtl] .sap-col--offset-after-11{margin-left:91.6666666667%;margin-right:0}.sap-col--12{max-width:100%;min-width:100%}.sap-col--offset-12{margin-left:100%}.sap-col--offset-12[dir=rtl],[dir=rtl] .sap-col--offset-12{margin-left:0;margin-right:100%}.sap-col--offset-after-12{margin-right:100%}.sap-col--offset-after-12[dir=rtl],[dir=rtl] .sap-col--offset-after-12{margin-left:100%;margin-right:0}.sap-col--full{-webkit-box-flex:1;-ms-flex:1;flex:1;max-width:none;min-width:8.3333333333%}.sap-col--wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}@media (min-width:600px){.sap-container{padding:0 .5rem}.sap-container .sap-row{margin-left:-.5rem;margin-right:-.5rem;min-width:calc(100% + 1rem)}.sap-container>.sap-row>.sap-col{padding-bottom:.5rem;padding-top:.5rem}.sap-col{padding-left:.5rem;padding-right:.5rem}.sap-col-md--0{max-width:0;min-width:0%}.sap-col-md--offset-0{margin-left:0}.sap-col-md--offset-0[dir=rtl],[dir=rtl] .sap-col-md--offset-0{margin-left:0;margin-right:0}.sap-col-md--offset-after-0{margin-right:0}.sap-col-md--offset-after-0[dir=rtl],[dir=rtl] .sap-col-md--offset-after-0{margin-left:0;margin-right:0}.sap-col-md--1{max-width:8.3333333333%;min-width:8.3333333333%}.sap-col-md--offset-1{margin-left:8.3333333333%}.sap-col-md--offset-1[dir=rtl],[dir=rtl] .sap-col-md--offset-1{margin-left:0;margin-right:8.3333333333%}.sap-col-md--offset-after-1{margin-right:8.3333333333%}.sap-col-md--offset-after-1[dir=rtl],[dir=rtl] .sap-col-md--offset-after-1{margin-left:8.3333333333%;margin-right:0}.sap-col-md--2{max-width:16.6666666667%;min-width:16.6666666667%}.sap-col-md--offset-2{margin-left:16.6666666667%}.sap-col-md--offset-2[dir=rtl],[dir=rtl] .sap-col-md--offset-2{margin-left:0;margin-right:16.6666666667%}.sap-col-md--offset-after-2{margin-right:16.6666666667%}.sap-col-md--offset-after-2[dir=rtl],[dir=rtl] .sap-col-md--offset-after-2{margin-left:16.6666666667%;margin-right:0}.sap-col-md--3{max-width:25%;min-width:25%}.sap-col-md--offset-3{margin-left:25%}.sap-col-md--offset-3[dir=rtl],[dir=rtl] .sap-col-md--offset-3{margin-left:0;margin-right:25%}.sap-col-md--offset-after-3{margin-right:25%}.sap-col-md--offset-after-3[dir=rtl],[dir=rtl] .sap-col-md--offset-after-3{margin-left:25%;margin-right:0}.sap-col-md--4{max-width:33.3333333333%;min-width:33.3333333333%}.sap-col-md--offset-4{margin-left:33.3333333333%}.sap-col-md--offset-4[dir=rtl],[dir=rtl] .sap-col-md--offset-4{margin-left:0;margin-right:33.3333333333%}.sap-col-md--offset-after-4{margin-right:33.3333333333%}.sap-col-md--offset-after-4[dir=rtl],[dir=rtl] .sap-col-md--offset-after-4{margin-left:33.3333333333%;margin-right:0}.sap-col-md--5{max-width:41.6666666667%;min-width:41.6666666667%}.sap-col-md--offset-5{margin-left:41.6666666667%}.sap-col-md--offset-5[dir=rtl],[dir=rtl] .sap-col-md--offset-5{margin-left:0;margin-right:41.6666666667%}.sap-col-md--offset-after-5{margin-right:41.6666666667%}.sap-col-md--offset-after-5[dir=rtl],[dir=rtl] .sap-col-md--offset-after-5{margin-left:41.6666666667%;margin-right:0}.sap-col-md--6{max-width:50%;min-width:50%}.sap-col-md--offset-6{margin-left:50%}.sap-col-md--offset-6[dir=rtl],[dir=rtl] .sap-col-md--offset-6{margin-left:0;margin-right:50%}.sap-col-md--offset-after-6{margin-right:50%}.sap-col-md--offset-after-6[dir=rtl],[dir=rtl] .sap-col-md--offset-after-6{margin-left:50%;margin-right:0}.sap-col-md--7{max-width:58.3333333333%;min-width:58.3333333333%}.sap-col-md--offset-7{margin-left:58.3333333333%}.sap-col-md--offset-7[dir=rtl],[dir=rtl] .sap-col-md--offset-7{margin-left:0;margin-right:58.3333333333%}.sap-col-md--offset-after-7{margin-right:58.3333333333%}.sap-col-md--offset-after-7[dir=rtl],[dir=rtl] .sap-col-md--offset-after-7{margin-left:58.3333333333%;margin-right:0}.sap-col-md--8{max-width:66.6666666667%;min-width:66.6666666667%}.sap-col-md--offset-8{margin-left:66.6666666667%}.sap-col-md--offset-8[dir=rtl],[dir=rtl] .sap-col-md--offset-8{margin-left:0;margin-right:66.6666666667%}.sap-col-md--offset-after-8{margin-right:66.6666666667%}.sap-col-md--offset-after-8[dir=rtl],[dir=rtl] .sap-col-md--offset-after-8{margin-left:66.6666666667%;margin-right:0}.sap-col-md--9{max-width:75%;min-width:75%}.sap-col-md--offset-9{margin-left:75%}.sap-col-md--offset-9[dir=rtl],[dir=rtl] .sap-col-md--offset-9{margin-left:0;margin-right:75%}.sap-col-md--offset-after-9{margin-right:75%}.sap-col-md--offset-after-9[dir=rtl],[dir=rtl] .sap-col-md--offset-after-9{margin-left:75%;margin-right:0}.sap-col-md--10{max-width:83.3333333333%;min-width:83.3333333333%}.sap-col-md--offset-10{margin-left:83.3333333333%}.sap-col-md--offset-10[dir=rtl],[dir=rtl] .sap-col-md--offset-10{margin-left:0;margin-right:83.3333333333%}.sap-col-md--offset-after-10{margin-right:83.3333333333%}.sap-col-md--offset-after-10[dir=rtl],[dir=rtl] .sap-col-md--offset-after-10{margin-left:83.3333333333%;margin-right:0}.sap-col-md--11{max-width:91.6666666667%;min-width:91.6666666667%}.sap-col-md--offset-11{margin-left:91.6666666667%}.sap-col-md--offset-11[dir=rtl],[dir=rtl] .sap-col-md--offset-11{margin-left:0;margin-right:91.6666666667%}.sap-col-md--offset-after-11{margin-right:91.6666666667%}.sap-col-md--offset-after-11[dir=rtl],[dir=rtl] .sap-col-md--offset-after-11{margin-left:91.6666666667%;margin-right:0}.sap-col-md--12{max-width:100%;min-width:100%}.sap-col-md--offset-12{margin-left:100%}.sap-col-md--offset-12[dir=rtl],[dir=rtl] .sap-col-md--offset-12{margin-left:0;margin-right:100%}.sap-col-md--offset-after-12{margin-right:100%}.sap-col-md--offset-after-12[dir=rtl],[dir=rtl] .sap-col-md--offset-after-12{margin-left:100%;margin-right:0}}@media (min-width:1024px){.sap-col-lg--0{max-width:0;min-width:0%}.sap-col-lg--offset-0{margin-left:0}.sap-col-lg--offset-0[dir=rtl],[dir=rtl] .sap-col-lg--offset-0{margin-left:0;margin-right:0}.sap-col-lg--offset-after-0{margin-right:0}.sap-col-lg--offset-after-0[dir=rtl],[dir=rtl] .sap-col-lg--offset-after-0{margin-left:0;margin-right:0}.sap-col-lg--1{max-width:8.3333333333%;min-width:8.3333333333%}.sap-col-lg--offset-1{margin-left:8.3333333333%}.sap-col-lg--offset-1[dir=rtl],[dir=rtl] .sap-col-lg--offset-1{margin-left:0;margin-right:8.3333333333%}.sap-col-lg--offset-after-1{margin-right:8.3333333333%}.sap-col-lg--offset-after-1[dir=rtl],[dir=rtl] .sap-col-lg--offset-after-1{margin-left:8.3333333333%;margin-right:0}.sap-col-lg--2{max-width:16.6666666667%;min-width:16.6666666667%}.sap-col-lg--offset-2{margin-left:16.6666666667%}.sap-col-lg--offset-2[dir=rtl],[dir=rtl] .sap-col-lg--offset-2{margin-left:0;margin-right:16.6666666667%}.sap-col-lg--offset-after-2{margin-right:16.6666666667%}.sap-col-lg--offset-after-2[dir=rtl],[dir=rtl] .sap-col-lg--offset-after-2{margin-left:16.6666666667%;margin-right:0}.sap-col-lg--3{max-width:25%;min-width:25%}.sap-col-lg--offset-3{margin-left:25%}.sap-col-lg--offset-3[dir=rtl],[dir=rtl] .sap-col-lg--offset-3{margin-left:0;margin-right:25%}.sap-col-lg--offset-after-3{margin-right:25%}.sap-col-lg--offset-after-3[dir=rtl],[dir=rtl] .sap-col-lg--offset-after-3{margin-left:25%;margin-right:0}.sap-col-lg--4{max-width:33.3333333333%;min-width:33.3333333333%}.sap-col-lg--offset-4{margin-left:33.3333333333%}.sap-col-lg--offset-4[dir=rtl],[dir=rtl] .sap-col-lg--offset-4{margin-left:0;margin-right:33.3333333333%}.sap-col-lg--offset-after-4{margin-right:33.3333333333%}.sap-col-lg--offset-after-4[dir=rtl],[dir=rtl] .sap-col-lg--offset-after-4{margin-left:33.3333333333%;margin-right:0}.sap-col-lg--5{max-width:41.6666666667%;min-width:41.6666666667%}.sap-col-lg--offset-5{margin-left:41.6666666667%}.sap-col-lg--offset-5[dir=rtl],[dir=rtl] .sap-col-lg--offset-5{margin-left:0;margin-right:41.6666666667%}.sap-col-lg--offset-after-5{margin-right:41.6666666667%}.sap-col-lg--offset-after-5[dir=rtl],[dir=rtl] .sap-col-lg--offset-after-5{margin-left:41.6666666667%;margin-right:0}.sap-col-lg--6{max-width:50%;min-width:50%}.sap-col-lg--offset-6{margin-left:50%}.sap-col-lg--offset-6[dir=rtl],[dir=rtl] .sap-col-lg--offset-6{margin-left:0;margin-right:50%}.sap-col-lg--offset-after-6{margin-right:50%}.sap-col-lg--offset-after-6[dir=rtl],[dir=rtl] .sap-col-lg--offset-after-6{margin-left:50%;margin-right:0}.sap-col-lg--7{max-width:58.3333333333%;min-width:58.3333333333%}.sap-col-lg--offset-7{margin-left:58.3333333333%}.sap-col-lg--offset-7[dir=rtl],[dir=rtl] .sap-col-lg--offset-7{margin-left:0;margin-right:58.3333333333%}.sap-col-lg--offset-after-7{margin-right:58.3333333333%}.sap-col-lg--offset-after-7[dir=rtl],[dir=rtl] .sap-col-lg--offset-after-7{margin-left:58.3333333333%;margin-right:0}.sap-col-lg--8{max-width:66.6666666667%;min-width:66.6666666667%}.sap-col-lg--offset-8{margin-left:66.6666666667%}.sap-col-lg--offset-8[dir=rtl],[dir=rtl] .sap-col-lg--offset-8{margin-left:0;margin-right:66.6666666667%}.sap-col-lg--offset-after-8{margin-right:66.6666666667%}.sap-col-lg--offset-after-8[dir=rtl],[dir=rtl] .sap-col-lg--offset-after-8{margin-left:66.6666666667%;margin-right:0}.sap-col-lg--9{max-width:75%;min-width:75%}.sap-col-lg--offset-9{margin-left:75%}.sap-col-lg--offset-9[dir=rtl],[dir=rtl] .sap-col-lg--offset-9{margin-left:0;margin-right:75%}.sap-col-lg--offset-after-9{margin-right:75%}.sap-col-lg--offset-after-9[dir=rtl],[dir=rtl] .sap-col-lg--offset-after-9{margin-left:75%;margin-right:0}.sap-col-lg--10{max-width:83.3333333333%;min-width:83.3333333333%}.sap-col-lg--offset-10{margin-left:83.3333333333%}.sap-col-lg--offset-10[dir=rtl],[dir=rtl] .sap-col-lg--offset-10{margin-left:0;margin-right:83.3333333333%}.sap-col-lg--offset-after-10{margin-right:83.3333333333%}.sap-col-lg--offset-after-10[dir=rtl],[dir=rtl] .sap-col-lg--offset-after-10{margin-left:83.3333333333%;margin-right:0}.sap-col-lg--11{max-width:91.6666666667%;min-width:91.6666666667%}.sap-col-lg--offset-11{margin-left:91.6666666667%}.sap-col-lg--offset-11[dir=rtl],[dir=rtl] .sap-col-lg--offset-11{margin-left:0;margin-right:91.6666666667%}.sap-col-lg--offset-after-11{margin-right:91.6666666667%}.sap-col-lg--offset-after-11[dir=rtl],[dir=rtl] .sap-col-lg--offset-after-11{margin-left:91.6666666667%;margin-right:0}.sap-col-lg--12{max-width:100%;min-width:100%}.sap-col-lg--offset-12{margin-left:100%}.sap-col-lg--offset-12[dir=rtl],[dir=rtl] .sap-col-lg--offset-12{margin-left:0;margin-right:100%}.sap-col-lg--offset-after-12{margin-right:100%}.sap-col-lg--offset-after-12[dir=rtl],[dir=rtl] .sap-col-lg--offset-after-12{margin-left:100%;margin-right:0}}@media (min-width:1440px){.sap-col-xl--0{max-width:0;min-width:0%}.sap-col-xl--offset-0{margin-left:0}.sap-col-xl--offset-0[dir=rtl],[dir=rtl] .sap-col-xl--offset-0{margin-left:0;margin-right:0}.sap-col-xl--offset-after-0{margin-right:0}.sap-col-xl--offset-after-0[dir=rtl],[dir=rtl] .sap-col-xl--offset-after-0{margin-left:0;margin-right:0}.sap-col-xl--1{max-width:8.3333333333%;min-width:8.3333333333%}.sap-col-xl--offset-1{margin-left:8.3333333333%}.sap-col-xl--offset-1[dir=rtl],[dir=rtl] .sap-col-xl--offset-1{margin-left:0;margin-right:8.3333333333%}.sap-col-xl--offset-after-1{margin-right:8.3333333333%}.sap-col-xl--offset-after-1[dir=rtl],[dir=rtl] .sap-col-xl--offset-after-1{margin-left:8.3333333333%;margin-right:0}.sap-col-xl--2{max-width:16.6666666667%;min-width:16.6666666667%}.sap-col-xl--offset-2{margin-left:16.6666666667%}.sap-col-xl--offset-2[dir=rtl],[dir=rtl] .sap-col-xl--offset-2{margin-left:0;margin-right:16.6666666667%}.sap-col-xl--offset-after-2{margin-right:16.6666666667%}.sap-col-xl--offset-after-2[dir=rtl],[dir=rtl] .sap-col-xl--offset-after-2{margin-left:16.6666666667%;margin-right:0}.sap-col-xl--3{max-width:25%;min-width:25%}.sap-col-xl--offset-3{margin-left:25%}.sap-col-xl--offset-3[dir=rtl],[dir=rtl] .sap-col-xl--offset-3{margin-left:0;margin-right:25%}.sap-col-xl--offset-after-3{margin-right:25%}.sap-col-xl--offset-after-3[dir=rtl],[dir=rtl] .sap-col-xl--offset-after-3{margin-left:25%;margin-right:0}.sap-col-xl--4{max-width:33.3333333333%;min-width:33.3333333333%}.sap-col-xl--offset-4{margin-left:33.3333333333%}.sap-col-xl--offset-4[dir=rtl],[dir=rtl] .sap-col-xl--offset-4{margin-left:0;margin-right:33.3333333333%}.sap-col-xl--offset-after-4{margin-right:33.3333333333%}.sap-col-xl--offset-after-4[dir=rtl],[dir=rtl] .sap-col-xl--offset-after-4{margin-left:33.3333333333%;margin-right:0}.sap-col-xl--5{max-width:41.6666666667%;min-width:41.6666666667%}.sap-col-xl--offset-5{margin-left:41.6666666667%}.sap-col-xl--offset-5[dir=rtl],[dir=rtl] .sap-col-xl--offset-5{margin-left:0;margin-right:41.6666666667%}.sap-col-xl--offset-after-5{margin-right:41.6666666667%}.sap-col-xl--offset-after-5[dir=rtl],[dir=rtl] .sap-col-xl--offset-after-5{margin-left:41.6666666667%;margin-right:0}.sap-col-xl--6{max-width:50%;min-width:50%}.sap-col-xl--offset-6{margin-left:50%}.sap-col-xl--offset-6[dir=rtl],[dir=rtl] .sap-col-xl--offset-6{margin-left:0;margin-right:50%}.sap-col-xl--offset-after-6{margin-right:50%}.sap-col-xl--offset-after-6[dir=rtl],[dir=rtl] .sap-col-xl--offset-after-6{margin-left:50%;margin-right:0}.sap-col-xl--7{max-width:58.3333333333%;min-width:58.3333333333%}.sap-col-xl--offset-7{margin-left:58.3333333333%}.sap-col-xl--offset-7[dir=rtl],[dir=rtl] .sap-col-xl--offset-7{margin-left:0;margin-right:58.3333333333%}.sap-col-xl--offset-after-7{margin-right:58.3333333333%}.sap-col-xl--offset-after-7[dir=rtl],[dir=rtl] .sap-col-xl--offset-after-7{margin-left:58.3333333333%;margin-right:0}.sap-col-xl--8{max-width:66.6666666667%;min-width:66.6666666667%}.sap-col-xl--offset-8{margin-left:66.6666666667%}.sap-col-xl--offset-8[dir=rtl],[dir=rtl] .sap-col-xl--offset-8{margin-left:0;margin-right:66.6666666667%}.sap-col-xl--offset-after-8{margin-right:66.6666666667%}.sap-col-xl--offset-after-8[dir=rtl],[dir=rtl] .sap-col-xl--offset-after-8{margin-left:66.6666666667%;margin-right:0}.sap-col-xl--9{max-width:75%;min-width:75%}.sap-col-xl--offset-9{margin-left:75%}.sap-col-xl--offset-9[dir=rtl],[dir=rtl] .sap-col-xl--offset-9{margin-left:0;margin-right:75%}.sap-col-xl--offset-after-9{margin-right:75%}.sap-col-xl--offset-after-9[dir=rtl],[dir=rtl] .sap-col-xl--offset-after-9{margin-left:75%;margin-right:0}.sap-col-xl--10{max-width:83.3333333333%;min-width:83.3333333333%}.sap-col-xl--offset-10{margin-left:83.3333333333%}.sap-col-xl--offset-10[dir=rtl],[dir=rtl] .sap-col-xl--offset-10{margin-left:0;margin-right:83.3333333333%}.sap-col-xl--offset-after-10{margin-right:83.3333333333%}.sap-col-xl--offset-after-10[dir=rtl],[dir=rtl] .sap-col-xl--offset-after-10{margin-left:83.3333333333%;margin-right:0}.sap-col-xl--11{max-width:91.6666666667%;min-width:91.6666666667%}.sap-col-xl--offset-11{margin-left:91.6666666667%}.sap-col-xl--offset-11[dir=rtl],[dir=rtl] .sap-col-xl--offset-11{margin-left:0;margin-right:91.6666666667%}.sap-col-xl--offset-after-11{margin-right:91.6666666667%}.sap-col-xl--offset-after-11[dir=rtl],[dir=rtl] .sap-col-xl--offset-after-11{margin-left:91.6666666667%;margin-right:0}.sap-col-xl--12{max-width:100%;min-width:100%}.sap-col-xl--offset-12{margin-left:100%}.sap-col-xl--offset-12[dir=rtl],[dir=rtl] .sap-col-xl--offset-12{margin-left:0;margin-right:100%}.sap-col-xl--offset-after-12{margin-right:100%}.sap-col-xl--offset-after-12[dir=rtl],[dir=rtl] .sap-col-xl--offset-after-12{margin-left:100%;margin-right:0}}.sap-display-inline{display:inline!important}.sap-display-block{display:block!important}.sap-display-contents{display:contents!important}.sap-display-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.sap-display-grid{display:grid!important}.sap-display-inline-block{display:inline-block!important}.sap-display-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}.sap-display-inline-grid{display:inline-grid!important}.sap-display-inline-table{display:inline-table!important}.sap-display-list-item{display:list-item!important}.sap-display-run-in{display:run-in!important}.sap-display-table{display:table!important}.sap-display-table-caption{display:table-caption!important}.sap-display-table-column-group{display:table-column-group!important}.sap-display-table-header-group{display:table-header-group!important}.sap-display-table-footer-group{display:table-footer-group!important}.sap-display-table-row-group{display:table-row-group!important}.sap-display-table-cell{display:table-cell!important}.sap-display-table-column{display:table-column!important}.sap-display-table-row{display:table-row!important}.sap-display-none{display:none!important}.sap-display-initial{display:initial!important}.sap-display-inherit{display:inherit!important}.sap-font-family-regular{font-family:var(--sapFontFamily)}.sap-font-family-light{font-family:var(--sapFontLightFamily)}.sap-font-family-bold{font-family:var(--sapFontBoldFamily)}.sap-font-family-semibold{font-family:var(--sapFontSemiboldFamily)}.sap-font-family-semibold-duplex{font-family:var(--sapFontSemiboldDuplexFamily)}.sap-font-family-monospaced-regular{font-family:var(--sapContent_MonospaceFontFamily)}.sap-font-family-monospaced-bold{font-family:var(--sapContent_MonospaceBoldFontFamily)}.sap-font-family-black{font-family:var(--sapFontBlackFamily)}.sap-font-family-header{font-family:var(--sapFontHeaderFamily)}.sap-font-size-header-6{font-size:var(--sapFontHeader6Size)}.sap-font-size-header-5{font-size:var(--sapFontHeader5Size)}.sap-font-size-header-4{font-size:var(--sapFontHeader4Size)}.sap-font-size-header-3{font-size:var(--sapFontHeader3Size)}.sap-font-size-header-2{font-size:var(--sapFontHeader2Size)}.sap-font-size-header-1{font-size:var(--sapFontHeader1Size)}.sap-font-size-small{font-size:var(--sapFontSmallSize)}.sap-font-size-medium{font-size:var(--sapFontSize)}.sap-font-size-large{font-size:var(--sapFontLargeSize)}.sap-font-line-height{line-height:normal}.sap-font-line-height-long{line-height:1.4}.sap-font-header-3{color:var(--sapGroup_TitleTextColor);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontHeader3Size)}.sap-font-standard-text{color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize)}.sap-font-small-detail-text{color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSmallSize)}.sap-font-standard-field-text{color:var(--sapField_TextColor)}.sap-font-label,.sap-font-standard-field-text{font-family:var(--sapFontFamily);font-size:var(--sapFontSize)}.sap-font-description,.sap-font-label{color:var(--sapContent_LabelColor)}.sap-font-description{font-family:var(--sapFontFamily);font-size:var(--sapFontSize)}@media (max-width:599px){.sap-content-paddings-home{padding-left:.5rem!important;padding-right:.5rem!important}}@media (min-width:600px) and (max-width:1023px){.sap-content-paddings-home{padding-left:2rem!important;padding-right:2rem!important}}@media (min-width:1024px) and (max-width:1439px){.sap-content-paddings-home{padding-left:2rem!important;padding-right:2rem!important}}@media (min-width:1440px){.sap-content-paddings-home{padding-left:3rem!important;padding-right:3rem!important}}.sap-content-paddings-home-sm{padding-left:.5rem!important;padding-right:.5rem!important}.sap-content-paddings-home-lg,.sap-content-paddings-home-md{padding-left:2rem!important;padding-right:2rem!important}.sap-content-paddings-home-xl{padding-left:3rem!important;padding-right:3rem!important}@media (max-width:599px){.sap-content-paddings-container{padding-left:1rem!important;padding-right:1rem!important}}@media (min-width:600px) and (max-width:1023px){.sap-content-paddings-container{padding-left:2rem!important;padding-right:2rem!important}}@media (min-width:1024px) and (max-width:1439px){.sap-content-paddings-container{padding-left:2rem!important;padding-right:2rem!important}}@media (min-width:1440px){.sap-content-paddings-container{padding-left:3rem!important;padding-right:3rem!important}}.sap-content-paddings-container-sm{padding-left:1rem!important;padding-right:1rem!important}.sap-content-paddings-container-lg,.sap-content-paddings-container-md{padding-left:2rem!important;padding-right:2rem!important}.sap-content-paddings-container-xl{padding-left:3rem!important;padding-right:3rem!important}.sap-has-shadow-level-0{-webkit-box-shadow:var(--sapContent_Shadow0);box-shadow:var(--sapContent_Shadow0)}.sap-has-shadow-level-1{-webkit-box-shadow:var(--sapContent_Shadow1);box-shadow:var(--sapContent_Shadow1)}.sap-has-shadow-level-2{-webkit-box-shadow:var(--sapContent_Shadow2);box-shadow:var(--sapContent_Shadow2)}.sap-has-shadow-level-3{-webkit-box-shadow:var(--sapContent_Shadow3);box-shadow:var(--sapContent_Shadow3)}.sap-has-shadow-header{-webkit-box-shadow:var(--sapContent_HeaderShadow);box-shadow:var(--sapContent_HeaderShadow)}.sap-has-shadow-shell{-webkit-box-shadow:var(--sapShell_Shadow);box-shadow:var(--sapShell_Shadow)}.sap-has-shadow-none{-webkit-box-shadow:none;box-shadow:none}.sap-has-shadow-text{text-shadow:var(--sapContent_TextShadow)}.sap-has-shadow-contrast-text{text-shadow:var(--sapContent_ContrastTextShadow)}.sap-has-shadow-group-title-text{text-shadow:var(--sapShell_GroupTitleTextShadow)}.sap-has-shadow-emphasized-text{text-shadow:var(--sapButton_Emphasized_TextShadow)}.sap-margin-tiny{margin:.5rem!important}.sap-margin-top-tiny{margin-top:.5rem!important}.sap-margin-bottom-tiny{margin-bottom:.5rem!important}.sap-margin-begin-tiny{margin-left:.5rem!important}.sap-margin-begin-tiny[dir=rtl],[dir=rtl] .sap-margin-begin-tiny{margin-left:0;margin-right:.5rem!important}.sap-margin-end-tiny{margin-right:.5rem!important}.sap-margin-end-tiny[dir=rtl],[dir=rtl] .sap-margin-end-tiny{margin-left:.5rem!important;margin-right:0}.sap-margin-x-tiny{margin-left:.5rem!important;margin-right:.5rem!important}.sap-margin-y-tiny{margin-bottom:.5rem!important;margin-top:.5rem!important}.sap-margin-small{margin:1rem!important}.sap-margin-top-small{margin-top:1rem!important}.sap-margin-bottom-small{margin-bottom:1rem!important}.sap-margin-begin-small{margin-left:1rem!important}.sap-margin-begin-small[dir=rtl],[dir=rtl] .sap-margin-begin-small{margin-left:0;margin-right:1rem!important}.sap-margin-end-small{margin-right:1rem!important}.sap-margin-end-small[dir=rtl],[dir=rtl] .sap-margin-end-small{margin-left:1rem!important;margin-right:0}.sap-margin-x-small{margin-left:1rem!important;margin-right:1rem!important}.sap-margin-y-small{margin-bottom:1rem!important;margin-top:1rem!important}.sap-margin-medium{margin:2rem!important}.sap-margin-top-medium{margin-top:2rem!important}.sap-margin-bottom-medium{margin-bottom:2rem!important}.sap-margin-begin-medium{margin-left:2rem!important}.sap-margin-begin-medium[dir=rtl],[dir=rtl] .sap-margin-begin-medium{margin-left:0;margin-right:2rem!important}.sap-margin-end-medium{margin-right:2rem!important}.sap-margin-end-medium[dir=rtl],[dir=rtl] .sap-margin-end-medium{margin-left:2rem!important;margin-right:0}.sap-margin-x-medium{margin-left:2rem!important;margin-right:2rem!important}.sap-margin-y-medium{margin-bottom:2rem!important;margin-top:2rem!important}.sap-margin-large{margin:3rem!important}.sap-margin-top-large{margin-top:3rem!important}.sap-margin-bottom-large{margin-bottom:3rem!important}.sap-margin-begin-large{margin-left:3rem!important}.sap-margin-begin-large[dir=rtl],[dir=rtl] .sap-margin-begin-large{margin-left:0;margin-right:3rem!important}.sap-margin-end-large{margin-right:3rem!important}.sap-margin-end-large[dir=rtl],[dir=rtl] .sap-margin-end-large{margin-left:3rem!important;margin-right:0}.sap-margin-x-large{margin-left:3rem!important;margin-right:3rem!important}.sap-margin-y-large{margin-bottom:3rem!important;margin-top:3rem!important}@media (max-width:599px){.sap-margin-responsive{margin:0 0 1rem!important}}@media (min-width:600px) and (max-width:1023px){.sap-margin-responsive{margin:1rem!important}}@media (min-width:1024px) and (max-width:1439px){.sap-margin-responsive{margin:1rem 2rem!important}}@media (min-width:1440px){.sap-margin-responsive{margin:1rem 3rem!important}}.sap-margin-top-none{margin-top:0 !important!important}.sap-margin-bottom-none{margin-bottom:0 !important!important}.sap-margin-begin-none{margin-left:0 !important!important}.sap-margin-begin-none[dir=rtl],[dir=rtl] .sap-margin-begin-none{margin-left:0;margin-right:0 !important!important}.sap-margin-end-none{margin-right:0 !important!important}.sap-margin-end-none[dir=rtl],[dir=rtl] .sap-margin-end-none{margin-left:0 !important!important;margin-right:0}.sap-margin-x-none{margin-left:0 !important!important;margin-right:0 !important!important}.sap-margin-y-none{margin-bottom:0 !important!important;margin-top:0 !important!important}.sap-margin-tiny-negative{margin:0 -.5rem!important}.sap-margin-small-negative{margin:0 -1rem!important}.sap-margin-medium-negative{margin:0 -2rem!important}.sap-margin-large-negative{margin:0 -3rem!important}.sap-flex{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row}.sap-flex--align-content-flex-start{-ms-flex-direction:row;-ms-flex-wrap:wrap;-ms-flex-line-pack:start;align-content:flex-start;flex-direction:row;flex-wrap:wrap}.sap-flex--align-content-flex-end,.sap-flex--align-content-flex-start{-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex}.sap-flex--align-content-flex-end{-ms-flex-direction:row;-ms-flex-wrap:wrap;-ms-flex-line-pack:end;align-content:flex-end;flex-direction:row;flex-wrap:wrap}.sap-flex--align-content-center{-ms-flex-direction:row;-ms-flex-wrap:wrap;-ms-flex-line-pack:center;align-content:center;flex-direction:row;flex-wrap:wrap}.sap-flex--align-content-center,.sap-flex--align-content-space-between{-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex}.sap-flex--align-content-space-between{-ms-flex-direction:row;-ms-flex-wrap:wrap;-ms-flex-line-pack:justify;align-content:space-between;flex-direction:row;flex-wrap:wrap}.sap-flex--align-content-space-around{-ms-flex-direction:row;-ms-flex-wrap:wrap;-ms-flex-line-pack:distribute;align-content:space-around;flex-direction:row;flex-wrap:wrap}.sap-flex--align-content-space-around,.sap-flex--align-content-space-evenly{-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex}.sap-flex--align-content-space-evenly{-ms-flex-direction:row;-ms-flex-wrap:wrap;-ms-flex-line-pack:space-evenly;align-content:space-evenly;flex-direction:row;flex-wrap:wrap}.sap-flex--align-content-stretch{-ms-flex-direction:row;-ms-flex-wrap:wrap;-ms-flex-line-pack:stretch;align-content:stretch;flex-direction:row;flex-wrap:wrap}.sap-flex--align-content-start,.sap-flex--align-content-stretch{-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex}.sap-flex--align-content-start{-ms-flex-direction:row;-ms-flex-wrap:wrap;-ms-flex-line-pack:start;align-content:start;flex-direction:row;flex-wrap:wrap}.sap-flex--align-content-end{-ms-flex-direction:row;-ms-flex-wrap:wrap;-ms-flex-line-pack:end;align-content:end;flex-direction:row;flex-wrap:wrap}.sap-flex--align-content-baseline,.sap-flex--align-content-end{-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex}.sap-flex--align-content-baseline{-ms-flex-direction:row;-ms-flex-wrap:wrap;-ms-flex-line-pack:baseline;align-content:baseline;flex-direction:row;flex-wrap:wrap}.sap-flex--align-items-stretch{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.sap-flex--align-items-flex-start,.sap-flex--align-items-stretch{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row}.sap-flex--align-items-flex-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.sap-flex--align-items-flex-end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.sap-flex--align-items-center,.sap-flex--align-items-flex-end{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row}.sap-flex--align-items-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.sap-flex--align-items-baseline{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.sap-flex--align-items-baseline,.sap-flex--align-items-start{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row}.sap-flex--align-items-start{-webkit-box-align:start;-ms-flex-align:start;align-items:start}.sap-flex--align-items-end{-webkit-box-align:end;-ms-flex-align:end;align-items:end}.sap-flex--align-items-end,.sap-flex--align-items-self-start{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row}.sap-flex--align-items-self-start{-webkit-box-align:self-start;-ms-flex-align:self-start;align-items:self-start}.sap-flex--align-items-self-end{-webkit-box-align:self-end;-ms-flex-align:self-end;align-items:self-end}.sap-flex--align-items-self-end,.sap-flex--row{-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.sap-flex--align-items-self-end,.sap-flex--row,.sap-flex--row-reverse{-webkit-box-orient:horizontal;display:-webkit-box;display:-ms-flexbox;display:flex}.sap-flex--row-reverse{-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.sap-flex--column{-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.sap-flex--column,.sap-flex--column-reverse{-webkit-box-orient:vertical;display:-webkit-box;display:-ms-flexbox;display:flex}.sap-flex--column-reverse{-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.sap-flex--gap-tiny{gap:.5rem}.sap-flex--gap-small,.sap-flex--gap-tiny{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row}.sap-flex--gap-small{gap:1rem}.sap-flex--gap-medium{gap:2rem}.sap-flex--gap-large,.sap-flex--gap-medium{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row}.sap-flex--gap-large{gap:3rem}.sap-flex--row-gap-tiny{row-gap:.5rem}.sap-flex--row-gap-small,.sap-flex--row-gap-tiny{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row}.sap-flex--row-gap-small{row-gap:1rem}.sap-flex--row-gap-medium{row-gap:2rem}.sap-flex--row-gap-large,.sap-flex--row-gap-medium{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row}.sap-flex--row-gap-large{row-gap:3rem}.sap-flex--column-gap-tiny{-webkit-column-gap:.5rem;-moz-column-gap:.5rem;column-gap:.5rem}.sap-flex--column-gap-small,.sap-flex--column-gap-tiny{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row}.sap-flex--column-gap-small{-webkit-column-gap:1rem;-moz-column-gap:1rem;column-gap:1rem}.sap-flex--column-gap-medium{-webkit-column-gap:2rem;-moz-column-gap:2rem;column-gap:2rem}.sap-flex--column-gap-large,.sap-flex--column-gap-medium{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row}.sap-flex--column-gap-large{-webkit-column-gap:3rem;-moz-column-gap:3rem;column-gap:3rem}.sap-flex--justify-flex-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.sap-flex--justify-flex-end,.sap-flex--justify-flex-start{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row}.sap-flex--justify-flex-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.sap-flex--justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.sap-flex--justify-center,.sap-flex--justify-space-between{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row}.sap-flex--justify-space-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.sap-flex--justify-space-around{-ms-flex-pack:distribute;justify-content:space-around}.sap-flex--justify-space-around,.sap-flex--justify-space-evenly{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row}.sap-flex--justify-space-evenly{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.sap-flex--justify-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}.sap-flex--justify-end,.sap-flex--justify-start{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row}.sap-flex--justify-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}.sap-flex--justify-left{-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left}.sap-flex--justify-left,.sap-flex--justify-right{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row}.sap-flex--justify-right{-webkit-box-pack:right;-ms-flex-pack:right;justify-content:right}.sap-flex--nowrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.sap-flex--nowrap,.sap-flex--wrap{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row}.sap-flex--wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.sap-flex--wrap-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;-ms-flex-wrap:wrap-reverse;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row;flex-wrap:wrap-reverse}.sap-flex--center,.sap-flex--center-column{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row;justify-content:center}.sap-flex--center-column{-ms-flex-direction:column;flex-direction:column}.sap-flex-order-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.sap-flex-order-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.sap-flex-order-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.sap-flex-order-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.sap-flex-order-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.sap-flex-order-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.sap-flex-order-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.sap-flex-order-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.sap-flex-order-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.sap-flex-order-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.sap-flex-order-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.sap-flex-order-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.sap-flex-order-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.sap-flex-order-13{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.sap-flex-order-14{-webkit-box-ordinal-group:15;-ms-flex-order:14;order:14}.sap-flex-order-15{-webkit-box-ordinal-group:16;-ms-flex-order:15;order:15}.sap-flex-order-16{-webkit-box-ordinal-group:17;-ms-flex-order:16;order:16}.sap-flex-order-17{-webkit-box-ordinal-group:18;-ms-flex-order:17;order:17}.sap-flex-order-18{-webkit-box-ordinal-group:19;-ms-flex-order:18;order:18}.sap-flex-order-19{-webkit-box-ordinal-group:20;-ms-flex-order:19;order:19}.sap-flex-order-20{-webkit-box-ordinal-group:21;-ms-flex-order:20;order:20}.sap-flex-grow-1{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.sap-flex-grow-2{-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2}.sap-flex-grow-3{-webkit-box-flex:3;-ms-flex-positive:3;flex-grow:3}.sap-flex-grow-4{-webkit-box-flex:4;-ms-flex-positive:4;flex-grow:4}.sap-flex-grow-5{-webkit-box-flex:5;-ms-flex-positive:5;flex-grow:5}.sap-flex-grow-6{-webkit-box-flex:6;-ms-flex-positive:6;flex-grow:6}.sap-flex-grow-7{-webkit-box-flex:7;-ms-flex-positive:7;flex-grow:7}.sap-flex-grow-8{-webkit-box-flex:8;-ms-flex-positive:8;flex-grow:8}.sap-flex-grow-9{-webkit-box-flex:9;-ms-flex-positive:9;flex-grow:9}.sap-flex-grow-10{-webkit-box-flex:10;-ms-flex-positive:10;flex-grow:10}.sap-flex-grow-11{-webkit-box-flex:11;-ms-flex-positive:11;flex-grow:11}.sap-flex-grow-12{-webkit-box-flex:12;-ms-flex-positive:12;flex-grow:12}.sap-flex-grow-13{-webkit-box-flex:13;-ms-flex-positive:13;flex-grow:13}.sap-flex-grow-14{-webkit-box-flex:14;-ms-flex-positive:14;flex-grow:14}.sap-flex-grow-15{-webkit-box-flex:15;-ms-flex-positive:15;flex-grow:15}.sap-flex-grow-16{-webkit-box-flex:16;-ms-flex-positive:16;flex-grow:16}.sap-flex-grow-17{-webkit-box-flex:17;-ms-flex-positive:17;flex-grow:17}.sap-flex-grow-18{-webkit-box-flex:18;-ms-flex-positive:18;flex-grow:18}.sap-flex-grow-19{-webkit-box-flex:19;-ms-flex-positive:19;flex-grow:19}.sap-flex-grow-20{-webkit-box-flex:20;-ms-flex-positive:20;flex-grow:20}.sap-flex-shrink-1{-ms-flex-negative:1;flex-shrink:1}.sap-flex-shrink-2{-ms-flex-negative:2;flex-shrink:2}.sap-flex-shrink-3{-ms-flex-negative:3;flex-shrink:3}.sap-flex-shrink-4{-ms-flex-negative:4;flex-shrink:4}.sap-flex-shrink-5{-ms-flex-negative:5;flex-shrink:5}.sap-flex-shrink-6{-ms-flex-negative:6;flex-shrink:6}.sap-flex-shrink-7{-ms-flex-negative:7;flex-shrink:7}.sap-flex-shrink-8{-ms-flex-negative:8;flex-shrink:8}.sap-flex-shrink-9{-ms-flex-negative:9;flex-shrink:9}.sap-flex-shrink-10{-ms-flex-negative:10;flex-shrink:10}.sap-flex-shrink-11{-ms-flex-negative:11;flex-shrink:11}.sap-flex-shrink-12{-ms-flex-negative:12;flex-shrink:12}.sap-flex-shrink-13{-ms-flex-negative:13;flex-shrink:13}.sap-flex-shrink-14{-ms-flex-negative:14;flex-shrink:14}.sap-flex-shrink-15{-ms-flex-negative:15;flex-shrink:15}.sap-flex-shrink-16{-ms-flex-negative:16;flex-shrink:16}.sap-flex-shrink-17{-ms-flex-negative:17;flex-shrink:17}.sap-flex-shrink-18{-ms-flex-negative:18;flex-shrink:18}.sap-flex-shrink-19{-ms-flex-negative:19;flex-shrink:19}.sap-flex-shrink-20{-ms-flex-negative:20;flex-shrink:20}.sap-flex-align-self-auto{-ms-flex-item-align:auto;align-self:auto}.sap-flex-align-self-flex-start{-ms-flex-item-align:start;align-self:flex-start}.sap-flex-align-self-flex-end{-ms-flex-item-align:end;align-self:flex-end}.sap-flex-align-self-center{-ms-flex-item-align:center;align-self:center}.sap-flex-align-self-baseline{-ms-flex-item-align:baseline;align-self:baseline}.sap-flex-align-self-stretch{-ms-flex-item-align:stretch;align-self:stretch}.sap-padding{padding:1rem!important}.sap-padding-x-tiny{padding-left:.5rem!important;padding-right:.5rem!important}.sap-padding-x-small{padding-left:1rem!important;padding-right:1rem!important}.sap-padding-x-medium{padding-left:2rem!important;padding-right:2rem!important}.sap-padding-x-large{padding-left:3rem!important;padding-right:3rem!important}@media (max-width:599px){.sap-padding-responsive{padding:0 1rem!important}}@media (min-width:600px) and (max-width:1023px){.sap-padding-responsive{padding:0 2rem!important}}@media (min-width:1024px) and (max-width:1439px){.sap-padding-responsive{padding:0 2rem!important}}@media (min-width:1440px){.sap-padding-responsive{padding:0 3rem!important}}.sap-padding-none{padding:0!important}.sap-border-radius-element{border-radius:var(--sapElement_BorderCornerRadius)}.sap-border-radius-button{border-radius:var(--sapButton_BorderCornerRadius)}.sap-border-radius-field{border-radius:var(--sapField_BorderCornerRadius)}.sap-border-radius-group{border-radius:var(--sapGroup_BorderCornerRadius)}.sap-border-radius-popover{border-radius:var(--sapPopover_BorderCornerRadius)}.sap-border-radius-tile{border-radius:var(--sapTile_BorderCornerRadius)}.sap-border-radius-none{border-radius:0!important}

package/dist/sap-border-radius.css

@@ -0,0 +1,5 @@
+/*!
+ * Fundamental Library Styles v0.25.0-rc.41
+ * Copyright (c) 2022 SAP SE or an SAP affiliate company.
+ * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
+ */.sap-border-radius-element{border-radius:var(--sapElement_BorderCornerRadius)}.sap-border-radius-button{border-radius:var(--sapButton_BorderCornerRadius)}.sap-border-radius-field{border-radius:var(--sapField_BorderCornerRadius)}.sap-border-radius-group{border-radius:var(--sapGroup_BorderCornerRadius)}.sap-border-radius-popover{border-radius:var(--sapPopover_BorderCornerRadius)}.sap-border-radius-tile{border-radius:var(--sapTile_BorderCornerRadius)}.sap-border-radius-none{border-radius:0!important}

package/dist/sap-content-paddings.css

@@ -0,0 +1,5 @@
+/*!
+ * Fundamental Library Styles v0.25.0-rc.41
+ * Copyright (c) 2022 SAP SE or an SAP affiliate company.
+ * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
+ */@media (max-width:599px){.sap-content-paddings-home{padding-left:.5rem!important;padding-right:.5rem!important}}@media (min-width:600px) and (max-width:1023px){.sap-content-paddings-home{padding-left:2rem!important;padding-right:2rem!important}}@media (min-width:1024px) and (max-width:1439px){.sap-content-paddings-home{padding-left:2rem!important;padding-right:2rem!important}}@media (min-width:1440px){.sap-content-paddings-home{padding-left:3rem!important;padding-right:3rem!important}}.sap-content-paddings-home-sm{padding-left:.5rem!important;padding-right:.5rem!important}.sap-content-paddings-home-lg,.sap-content-paddings-home-md{padding-left:2rem!important;padding-right:2rem!important}.sap-content-paddings-home-xl{padding-left:3rem!important;padding-right:3rem!important}@media (max-width:599px){.sap-content-paddings-container{padding-left:1rem!important;padding-right:1rem!important}}@media (min-width:600px) and (max-width:1023px){.sap-content-paddings-container{padding-left:2rem!important;padding-right:2rem!important}}@media (min-width:1024px) and (max-width:1439px){.sap-content-paddings-container{padding-left:2rem!important;padding-right:2rem!important}}@media (min-width:1440px){.sap-content-paddings-container{padding-left:3rem!important;padding-right:3rem!important}}.sap-content-paddings-container-sm{padding-left:1rem!important;padding-right:1rem!important}.sap-content-paddings-container-lg,.sap-content-paddings-container-md{padding-left:2rem!important;padding-right:2rem!important}.sap-content-paddings-container-xl{padding-left:3rem!important;padding-right:3rem!important}

package/dist/sap-display.css

@@ -0,0 +1,5 @@
+/*!
+ * Fundamental Library Styles v0.25.0-rc.41
+ * Copyright (c) 2022 SAP SE or an SAP affiliate company.
+ * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
+ */.sap-display-inline{display:inline!important}.sap-display-block{display:block!important}.sap-display-contents{display:contents!important}.sap-display-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.sap-display-grid{display:grid!important}.sap-display-inline-block{display:inline-block!important}.sap-display-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}.sap-display-inline-grid{display:inline-grid!important}.sap-display-inline-table{display:inline-table!important}.sap-display-list-item{display:list-item!important}.sap-display-run-in{display:run-in!important}.sap-display-table{display:table!important}.sap-display-table-caption{display:table-caption!important}.sap-display-table-column-group{display:table-column-group!important}.sap-display-table-header-group{display:table-header-group!important}.sap-display-table-footer-group{display:table-footer-group!important}.sap-display-table-row-group{display:table-row-group!important}.sap-display-table-cell{display:table-cell!important}.sap-display-table-column{display:table-column!important}.sap-display-table-row{display:table-row!important}.sap-display-none{display:none!important}.sap-display-initial{display:initial!important}.sap-display-inherit{display:inherit!important}

package/dist/sap-flex.css

@@ -0,0 +1,5 @@
+/*!
+ * Fundamental Library Styles v0.25.0-rc.41
+ * Copyright (c) 2022 SAP SE or an SAP affiliate company.
+ * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
+ */.sap-flex{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row}.sap-flex--align-content-flex-start{-ms-flex-direction:row;-ms-flex-wrap:wrap;-ms-flex-line-pack:start;align-content:flex-start;flex-direction:row;flex-wrap:wrap}.sap-flex--align-content-flex-end,.sap-flex--align-content-flex-start{-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex}.sap-flex--align-content-flex-end{-ms-flex-direction:row;-ms-flex-wrap:wrap;-ms-flex-line-pack:end;align-content:flex-end;flex-direction:row;flex-wrap:wrap}.sap-flex--align-content-center{-ms-flex-direction:row;-ms-flex-wrap:wrap;-ms-flex-line-pack:center;align-content:center;flex-direction:row;flex-wrap:wrap}.sap-flex--align-content-center,.sap-flex--align-content-space-between{-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex}.sap-flex--align-content-space-between{-ms-flex-direction:row;-ms-flex-wrap:wrap;-ms-flex-line-pack:justify;align-content:space-between;flex-direction:row;flex-wrap:wrap}.sap-flex--align-content-space-around{-ms-flex-direction:row;-ms-flex-wrap:wrap;-ms-flex-line-pack:distribute;align-content:space-around;flex-direction:row;flex-wrap:wrap}.sap-flex--align-content-space-around,.sap-flex--align-content-space-evenly{-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex}.sap-flex--align-content-space-evenly{-ms-flex-direction:row;-ms-flex-wrap:wrap;-ms-flex-line-pack:space-evenly;align-content:space-evenly;flex-direction:row;flex-wrap:wrap}.sap-flex--align-content-stretch{-ms-flex-direction:row;-ms-flex-wrap:wrap;-ms-flex-line-pack:stretch;align-content:stretch;flex-direction:row;flex-wrap:wrap}.sap-flex--align-content-start,.sap-flex--align-content-stretch{-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex}.sap-flex--align-content-start{-ms-flex-direction:row;-ms-flex-wrap:wrap;-ms-flex-line-pack:start;align-content:start;flex-direction:row;flex-wrap:wrap}.sap-flex--align-content-end{-ms-flex-direction:row;-ms-flex-wrap:wrap;-ms-flex-line-pack:end;align-content:end;flex-direction:row;flex-wrap:wrap}.sap-flex--align-content-baseline,.sap-flex--align-content-end{-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex}.sap-flex--align-content-baseline{-ms-flex-direction:row;-ms-flex-wrap:wrap;-ms-flex-line-pack:baseline;align-content:baseline;flex-direction:row;flex-wrap:wrap}.sap-flex--align-items-stretch{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.sap-flex--align-items-flex-start,.sap-flex--align-items-stretch{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row}.sap-flex--align-items-flex-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.sap-flex--align-items-flex-end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.sap-flex--align-items-center,.sap-flex--align-items-flex-end{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row}.sap-flex--align-items-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.sap-flex--align-items-baseline{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.sap-flex--align-items-baseline,.sap-flex--align-items-start{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row}.sap-flex--align-items-start{-webkit-box-align:start;-ms-flex-align:start;align-items:start}.sap-flex--align-items-end{-webkit-box-align:end;-ms-flex-align:end;align-items:end}.sap-flex--align-items-end,.sap-flex--align-items-self-start{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row}.sap-flex--align-items-self-start{-webkit-box-align:self-start;-ms-flex-align:self-start;align-items:self-start}.sap-flex--align-items-self-end{-webkit-box-align:self-end;-ms-flex-align:self-end;align-items:self-end}.sap-flex--align-items-self-end,.sap-flex--row{-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.sap-flex--align-items-self-end,.sap-flex--row,.sap-flex--row-reverse{-webkit-box-orient:horizontal;display:-webkit-box;display:-ms-flexbox;display:flex}.sap-flex--row-reverse{-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.sap-flex--column{-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.sap-flex--column,.sap-flex--column-reverse{-webkit-box-orient:vertical;display:-webkit-box;display:-ms-flexbox;display:flex}.sap-flex--column-reverse{-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.sap-flex--gap-tiny{gap:.5rem}.sap-flex--gap-small,.sap-flex--gap-tiny{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row}.sap-flex--gap-small{gap:1rem}.sap-flex--gap-medium{gap:2rem}.sap-flex--gap-large,.sap-flex--gap-medium{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row}.sap-flex--gap-large{gap:3rem}.sap-flex--row-gap-tiny{row-gap:.5rem}.sap-flex--row-gap-small,.sap-flex--row-gap-tiny{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row}.sap-flex--row-gap-small{row-gap:1rem}.sap-flex--row-gap-medium{row-gap:2rem}.sap-flex--row-gap-large,.sap-flex--row-gap-medium{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row}.sap-flex--row-gap-large{row-gap:3rem}.sap-flex--column-gap-tiny{-webkit-column-gap:.5rem;-moz-column-gap:.5rem;column-gap:.5rem}.sap-flex--column-gap-small,.sap-flex--column-gap-tiny{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row}.sap-flex--column-gap-small{-webkit-column-gap:1rem;-moz-column-gap:1rem;column-gap:1rem}.sap-flex--column-gap-medium{-webkit-column-gap:2rem;-moz-column-gap:2rem;column-gap:2rem}.sap-flex--column-gap-large,.sap-flex--column-gap-medium{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row}.sap-flex--column-gap-large{-webkit-column-gap:3rem;-moz-column-gap:3rem;column-gap:3rem}.sap-flex--justify-flex-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.sap-flex--justify-flex-end,.sap-flex--justify-flex-start{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row}.sap-flex--justify-flex-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.sap-flex--justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.sap-flex--justify-center,.sap-flex--justify-space-between{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row}.sap-flex--justify-space-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.sap-flex--justify-space-around{-ms-flex-pack:distribute;justify-content:space-around}.sap-flex--justify-space-around,.sap-flex--justify-space-evenly{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row}.sap-flex--justify-space-evenly{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.sap-flex--justify-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}.sap-flex--justify-end,.sap-flex--justify-start{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row}.sap-flex--justify-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}.sap-flex--justify-left{-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left}.sap-flex--justify-left,.sap-flex--justify-right{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row}.sap-flex--justify-right{-webkit-box-pack:right;-ms-flex-pack:right;justify-content:right}.sap-flex--nowrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.sap-flex--nowrap,.sap-flex--wrap{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row}.sap-flex--wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.sap-flex--wrap-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;-ms-flex-wrap:wrap-reverse;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row;flex-wrap:wrap-reverse}.sap-flex--center,.sap-flex--center-column{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row;justify-content:center}.sap-flex--center-column{-ms-flex-direction:column;flex-direction:column}.sap-flex-order-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.sap-flex-order-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.sap-flex-order-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.sap-flex-order-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.sap-flex-order-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.sap-flex-order-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.sap-flex-order-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.sap-flex-order-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.sap-flex-order-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.sap-flex-order-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.sap-flex-order-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.sap-flex-order-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.sap-flex-order-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.sap-flex-order-13{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.sap-flex-order-14{-webkit-box-ordinal-group:15;-ms-flex-order:14;order:14}.sap-flex-order-15{-webkit-box-ordinal-group:16;-ms-flex-order:15;order:15}.sap-flex-order-16{-webkit-box-ordinal-group:17;-ms-flex-order:16;order:16}.sap-flex-order-17{-webkit-box-ordinal-group:18;-ms-flex-order:17;order:17}.sap-flex-order-18{-webkit-box-ordinal-group:19;-ms-flex-order:18;order:18}.sap-flex-order-19{-webkit-box-ordinal-group:20;-ms-flex-order:19;order:19}.sap-flex-order-20{-webkit-box-ordinal-group:21;-ms-flex-order:20;order:20}.sap-flex-grow-1{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.sap-flex-grow-2{-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2}.sap-flex-grow-3{-webkit-box-flex:3;-ms-flex-positive:3;flex-grow:3}.sap-flex-grow-4{-webkit-box-flex:4;-ms-flex-positive:4;flex-grow:4}.sap-flex-grow-5{-webkit-box-flex:5;-ms-flex-positive:5;flex-grow:5}.sap-flex-grow-6{-webkit-box-flex:6;-ms-flex-positive:6;flex-grow:6}.sap-flex-grow-7{-webkit-box-flex:7;-ms-flex-positive:7;flex-grow:7}.sap-flex-grow-8{-webkit-box-flex:8;-ms-flex-positive:8;flex-grow:8}.sap-flex-grow-9{-webkit-box-flex:9;-ms-flex-positive:9;flex-grow:9}.sap-flex-grow-10{-webkit-box-flex:10;-ms-flex-positive:10;flex-grow:10}.sap-flex-grow-11{-webkit-box-flex:11;-ms-flex-positive:11;flex-grow:11}.sap-flex-grow-12{-webkit-box-flex:12;-ms-flex-positive:12;flex-grow:12}.sap-flex-grow-13{-webkit-box-flex:13;-ms-flex-positive:13;flex-grow:13}.sap-flex-grow-14{-webkit-box-flex:14;-ms-flex-positive:14;flex-grow:14}.sap-flex-grow-15{-webkit-box-flex:15;-ms-flex-positive:15;flex-grow:15}.sap-flex-grow-16{-webkit-box-flex:16;-ms-flex-positive:16;flex-grow:16}.sap-flex-grow-17{-webkit-box-flex:17;-ms-flex-positive:17;flex-grow:17}.sap-flex-grow-18{-webkit-box-flex:18;-ms-flex-positive:18;flex-grow:18}.sap-flex-grow-19{-webkit-box-flex:19;-ms-flex-positive:19;flex-grow:19}.sap-flex-grow-20{-webkit-box-flex:20;-ms-flex-positive:20;flex-grow:20}.sap-flex-shrink-1{-ms-flex-negative:1;flex-shrink:1}.sap-flex-shrink-2{-ms-flex-negative:2;flex-shrink:2}.sap-flex-shrink-3{-ms-flex-negative:3;flex-shrink:3}.sap-flex-shrink-4{-ms-flex-negative:4;flex-shrink:4}.sap-flex-shrink-5{-ms-flex-negative:5;flex-shrink:5}.sap-flex-shrink-6{-ms-flex-negative:6;flex-shrink:6}.sap-flex-shrink-7{-ms-flex-negative:7;flex-shrink:7}.sap-flex-shrink-8{-ms-flex-negative:8;flex-shrink:8}.sap-flex-shrink-9{-ms-flex-negative:9;flex-shrink:9}.sap-flex-shrink-10{-ms-flex-negative:10;flex-shrink:10}.sap-flex-shrink-11{-ms-flex-negative:11;flex-shrink:11}.sap-flex-shrink-12{-ms-flex-negative:12;flex-shrink:12}.sap-flex-shrink-13{-ms-flex-negative:13;flex-shrink:13}.sap-flex-shrink-14{-ms-flex-negative:14;flex-shrink:14}.sap-flex-shrink-15{-ms-flex-negative:15;flex-shrink:15}.sap-flex-shrink-16{-ms-flex-negative:16;flex-shrink:16}.sap-flex-shrink-17{-ms-flex-negative:17;flex-shrink:17}.sap-flex-shrink-18{-ms-flex-negative:18;flex-shrink:18}.sap-flex-shrink-19{-ms-flex-negative:19;flex-shrink:19}.sap-flex-shrink-20{-ms-flex-negative:20;flex-shrink:20}.sap-flex-align-self-auto{-ms-flex-item-align:auto;align-self:auto}.sap-flex-align-self-flex-start{-ms-flex-item-align:start;align-self:flex-start}.sap-flex-align-self-flex-end{-ms-flex-item-align:end;align-self:flex-end}.sap-flex-align-self-center{-ms-flex-item-align:center;align-self:center}.sap-flex-align-self-baseline{-ms-flex-item-align:baseline;align-self:baseline}.sap-flex-align-self-stretch{-ms-flex-item-align:stretch;align-self:stretch}

package/dist/sap-margin.css

@@ -0,0 +1,5 @@
+/*!
+ * Fundamental Library Styles v0.25.0-rc.41
+ * Copyright (c) 2022 SAP SE or an SAP affiliate company.
+ * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
+ */.sap-margin-tiny{margin:.5rem!important}.sap-margin-top-tiny{margin-top:.5rem!important}.sap-margin-bottom-tiny{margin-bottom:.5rem!important}.sap-margin-begin-tiny{margin-left:.5rem!important}.sap-margin-begin-tiny[dir=rtl],[dir=rtl] .sap-margin-begin-tiny{margin-left:0;margin-right:.5rem!important}.sap-margin-end-tiny{margin-right:.5rem!important}.sap-margin-end-tiny[dir=rtl],[dir=rtl] .sap-margin-end-tiny{margin-left:.5rem!important;margin-right:0}.sap-margin-x-tiny{margin-left:.5rem!important;margin-right:.5rem!important}.sap-margin-y-tiny{margin-bottom:.5rem!important;margin-top:.5rem!important}.sap-margin-small{margin:1rem!important}.sap-margin-top-small{margin-top:1rem!important}.sap-margin-bottom-small{margin-bottom:1rem!important}.sap-margin-begin-small{margin-left:1rem!important}.sap-margin-begin-small[dir=rtl],[dir=rtl] .sap-margin-begin-small{margin-left:0;margin-right:1rem!important}.sap-margin-end-small{margin-right:1rem!important}.sap-margin-end-small[dir=rtl],[dir=rtl] .sap-margin-end-small{margin-left:1rem!important;margin-right:0}.sap-margin-x-small{margin-left:1rem!important;margin-right:1rem!important}.sap-margin-y-small{margin-bottom:1rem!important;margin-top:1rem!important}.sap-margin-medium{margin:2rem!important}.sap-margin-top-medium{margin-top:2rem!important}.sap-margin-bottom-medium{margin-bottom:2rem!important}.sap-margin-begin-medium{margin-left:2rem!important}.sap-margin-begin-medium[dir=rtl],[dir=rtl] .sap-margin-begin-medium{margin-left:0;margin-right:2rem!important}.sap-margin-end-medium{margin-right:2rem!important}.sap-margin-end-medium[dir=rtl],[dir=rtl] .sap-margin-end-medium{margin-left:2rem!important;margin-right:0}.sap-margin-x-medium{margin-left:2rem!important;margin-right:2rem!important}.sap-margin-y-medium{margin-bottom:2rem!important;margin-top:2rem!important}.sap-margin-large{margin:3rem!important}.sap-margin-top-large{margin-top:3rem!important}.sap-margin-bottom-large{margin-bottom:3rem!important}.sap-margin-begin-large{margin-left:3rem!important}.sap-margin-begin-large[dir=rtl],[dir=rtl] .sap-margin-begin-large{margin-left:0;margin-right:3rem!important}.sap-margin-end-large{margin-right:3rem!important}.sap-margin-end-large[dir=rtl],[dir=rtl] .sap-margin-end-large{margin-left:3rem!important;margin-right:0}.sap-margin-x-large{margin-left:3rem!important;margin-right:3rem!important}.sap-margin-y-large{margin-bottom:3rem!important;margin-top:3rem!important}@media (max-width:599px){.sap-margin-responsive{margin:0 0 1rem!important}}@media (min-width:600px) and (max-width:1023px){.sap-margin-responsive{margin:1rem!important}}@media (min-width:1024px) and (max-width:1439px){.sap-margin-responsive{margin:1rem 2rem!important}}@media (min-width:1440px){.sap-margin-responsive{margin:1rem 3rem!important}}.sap-margin-top-none{margin-top:0 !important!important}.sap-margin-bottom-none{margin-bottom:0 !important!important}.sap-margin-begin-none{margin-left:0 !important!important}.sap-margin-begin-none[dir=rtl],[dir=rtl] .sap-margin-begin-none{margin-left:0;margin-right:0 !important!important}.sap-margin-end-none{margin-right:0 !important!important}.sap-margin-end-none[dir=rtl],[dir=rtl] .sap-margin-end-none{margin-left:0 !important!important;margin-right:0}.sap-margin-x-none{margin-left:0 !important!important;margin-right:0 !important!important}.sap-margin-y-none{margin-bottom:0 !important!important;margin-top:0 !important!important}.sap-margin-tiny-negative{margin:0 -.5rem!important}.sap-margin-small-negative{margin:0 -1rem!important}.sap-margin-medium-negative{margin:0 -2rem!important}.sap-margin-large-negative{margin:0 -3rem!important}

package/dist/sap-padding.css

@@ -0,0 +1,5 @@
+/*!
+ * Fundamental Library Styles v0.25.0-rc.41
+ * Copyright (c) 2022 SAP SE or an SAP affiliate company.
+ * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
+ */.sap-padding{padding:1rem!important}.sap-padding-x-tiny{padding-left:.5rem!important;padding-right:.5rem!important}.sap-padding-x-small{padding-left:1rem!important;padding-right:1rem!important}.sap-padding-x-medium{padding-left:2rem!important;padding-right:2rem!important}.sap-padding-x-large{padding-left:3rem!important;padding-right:3rem!important}@media (max-width:599px){.sap-padding-responsive{padding:0 1rem!important}}@media (min-width:600px) and (max-width:1023px){.sap-padding-responsive{padding:0 2rem!important}}@media (min-width:1024px) and (max-width:1439px){.sap-padding-responsive{padding:0 2rem!important}}@media (min-width:1440px){.sap-padding-responsive{padding:0 3rem!important}}.sap-padding-none{padding:0!important}

package/dist/sap-shadow.css

@@ -0,0 +1,5 @@
+/*!
+ * Fundamental Library Styles v0.25.0-rc.41
+ * Copyright (c) 2022 SAP SE or an SAP affiliate company.
+ * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
+ */.sap-has-shadow-level-0{-webkit-box-shadow:var(--sapContent_Shadow0);box-shadow:var(--sapContent_Shadow0)}.sap-has-shadow-level-1{-webkit-box-shadow:var(--sapContent_Shadow1);box-shadow:var(--sapContent_Shadow1)}.sap-has-shadow-level-2{-webkit-box-shadow:var(--sapContent_Shadow2);box-shadow:var(--sapContent_Shadow2)}.sap-has-shadow-level-3{-webkit-box-shadow:var(--sapContent_Shadow3);box-shadow:var(--sapContent_Shadow3)}.sap-has-shadow-header{-webkit-box-shadow:var(--sapContent_HeaderShadow);box-shadow:var(--sapContent_HeaderShadow)}.sap-has-shadow-shell{-webkit-box-shadow:var(--sapShell_Shadow);box-shadow:var(--sapShell_Shadow)}.sap-has-shadow-none{-webkit-box-shadow:none;box-shadow:none}.sap-has-shadow-text{text-shadow:var(--sapContent_TextShadow)}.sap-has-shadow-contrast-text{text-shadow:var(--sapContent_ContrastTextShadow)}.sap-has-shadow-group-title-text{text-shadow:var(--sapShell_GroupTitleTextShadow)}.sap-has-shadow-emphasized-text{text-shadow:var(--sapButton_Emphasized_TextShadow)}

package/dist/sap-sr-only.css

@@ -0,0 +1,5 @@
+/*!
+ * Fundamental Library Styles v0.25.0-rc.41
+ * Copyright (c) 2022 SAP SE or an SAP affiliate company.
+ * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
+ */.sap-sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}

package/dist/sap-typography.css

@@ -0,0 +1,5 @@
+/*!
+ * Fundamental Library Styles v0.25.0-rc.41
+ * Copyright (c) 2022 SAP SE or an SAP affiliate company.
+ * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
+ */.sap-font-family-regular{font-family:var(--sapFontFamily)}.sap-font-family-light{font-family:var(--sapFontLightFamily)}.sap-font-family-bold{font-family:var(--sapFontBoldFamily)}.sap-font-family-semibold{font-family:var(--sapFontSemiboldFamily)}.sap-font-family-semibold-duplex{font-family:var(--sapFontSemiboldDuplexFamily)}.sap-font-family-monospaced-regular{font-family:var(--sapContent_MonospaceFontFamily)}.sap-font-family-monospaced-bold{font-family:var(--sapContent_MonospaceBoldFontFamily)}.sap-font-family-black{font-family:var(--sapFontBlackFamily)}.sap-font-family-header{font-family:var(--sapFontHeaderFamily)}.sap-font-size-header-6{font-size:var(--sapFontHeader6Size)}.sap-font-size-header-5{font-size:var(--sapFontHeader5Size)}.sap-font-size-header-4{font-size:var(--sapFontHeader4Size)}.sap-font-size-header-3{font-size:var(--sapFontHeader3Size)}.sap-font-size-header-2{font-size:var(--sapFontHeader2Size)}.sap-font-size-header-1{font-size:var(--sapFontHeader1Size)}.sap-font-size-small{font-size:var(--sapFontSmallSize)}.sap-font-size-medium{font-size:var(--sapFontSize)}.sap-font-size-large{font-size:var(--sapFontLargeSize)}.sap-font-line-height{line-height:normal}.sap-font-line-height-long{line-height:1.4}.sap-font-header-3{color:var(--sapGroup_TitleTextColor);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontHeader3Size)}.sap-font-standard-text{color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize)}.sap-font-small-detail-text{color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSmallSize)}.sap-font-standard-field-text{color:var(--sapField_TextColor)}.sap-font-label,.sap-font-standard-field-text{font-family:var(--sapFontFamily);font-size:var(--sapFontSize)}.sap-font-description,.sap-font-label{color:var(--sapContent_LabelColor)}.sap-font-description{font-family:var(--sapFontFamily);font-size:var(--sapFontSize)}

package/dist/sass/common-css-mixins.scss

@@ -0,0 +1,938 @@
+@mixin sap-reset {
+  font-family: "72", "72full", Arial, Helvetica, sans-serif;
+  font-size: 0.875rem;
+  line-height: 1.375rem;
+  color: $fn-color-grey-10;
+  font-weight: normal;
+  box-sizing: border-box;
+  padding: 0;
+  margin: 0;
+  border: 0;
+
+  &::before,
+  &::after {
+    box-sizing: inherit;
+    font-size: inherit;
+  }
+}
+
+@mixin sap-rtl {
+  @at-root {
+    [dir="rtl"] &,
+    &[dir="rtl"] {
+      @content;
+    }
+  }
+}
+
+@mixin sap-transition($property: all, $duration: 150ms, $animation: ease-in) {
+  $fn-transition: $property $duration $animation;
+
+  -webkit-transition: $fn-transition;
+  -moz-transition: $fn-transition;
+  -ms-transition: $fn-transition;
+  -o-transition: $fn-transition;
+  transition: $fn-transition;
+}
+
+// States
+@mixin sap-hover {
+  &:hover,
+  &.is-hover {
+    @content;
+  }
+}
+
+@mixin sap-empty {
+  &:empty,
+  &.is-empty {
+    @content;
+  }
+}
+
+@mixin sap-pressed {
+  &[aria-pressed="true"],
+  &.is-pressed {
+    @content;
+  }
+}
+
+@mixin sap-readonly {
+  &[aria-readonly="true"],
+  &[readonly],
+  &.is-readonly {
+    @content;
+  }
+}
+
+@mixin sap-selected {
+  &[aria-selected="true"],
+  &.is-selected {
+    @content;
+  }
+}
+
+@mixin sap-expanded {
+  &[aria-expanded="true"] {
+    @content;
+  }
+}
+
+@mixin sap-active {
+  &:active,
+  &.is-active {
+    @content;
+  }
+}
+
+@mixin sap-focus-active {
+  &:focus:active,
+  &.is-focus.is-active {
+    @content;
+  }
+}
+
+@mixin sap-disabled {
+  &[aria-disabled="true"],
+  &:disabled,
+  &.is-disabled {
+    @content;
+  }
+}
+
+@mixin sap-focus() {
+  &:focus,
+  &.is-focus {
+    @content;
+  }
+}
+
+@mixin sap-is-focus() {
+  &.is-focus {
+    @content;
+  }
+}
+
+@mixin sap-not-focus-visible() {
+  &:focus:not(.focus-visible) {
+    @content;
+  }
+}
+
+@mixin sap-focus-visible() {
+  &.focus-visible,
+  &.is-focus {
+    @content;
+  }
+}
+
+@mixin sap-focus-within() {
+  &:focus-within,
+  &.is-focus-within {
+    @content;
+  }
+}
+
+@mixin sap-display() {
+  &.is-display {
+    @content;
+  }
+}
+
+// Flex Helpers
+@mixin sap-flex($direction: row) {
+  display: flex;
+  flex-direction: $direction;
+  @content;
+}
+
+@mixin sap-ellipsis {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+@mixin sap-flex-center {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  @content;
+}
+
+@mixin sap-flex-vertical-center {
+  display: flex;
+  align-items: center;
+  @content;
+}
+
+// Set Paddings
+@mixin sap-set-padding-left($left: 0) {
+  padding-left: $left;
+
+  @include sap-rtl() {
+    padding-right: $left;
+    padding-left: 0;
+  }
+}
+
+@mixin sap-set-padding-right($right: 0) {
+  padding-right: $right;
+
+  @include sap-rtl() {
+    padding-right: 0;
+    padding-left: $right;
+  }
+}
+
+@mixin sap-set-paddings-x($left: 0, $right: 0) {
+  padding-left: $left;
+  padding-right: $right;
+
+  @include sap-rtl() {
+    padding-right: $left;
+    padding-left: $right;
+  }
+}
+
+@mixin sap-set-paddings-x-equal($value: 0) {
+  padding-left: $value;
+  padding-right: $value;
+}
+
+@mixin sap-set-paddings-y($top: 0, $bottom: 0) {
+  padding-top: $top;
+  padding-bottom: $bottom;
+}
+
+@mixin sap-set-paddings-y-equal($value: 0) {
+  padding-top: $value;
+  padding-bottom: $value;
+}
+
+// Set position absolute
+@mixin sap-set-position-right($right) {
+  right: $right;
+
+  @include sap-rtl() {
+    right: auto;
+    left: $right;
+  }
+}
+
+@mixin sap-set-position-left($left) {
+  left: $left;
+
+  @include sap-rtl() {
+    left: auto;
+    right: $left;
+  }
+}
+
+@mixin sap-user-select() {
+  user-select: none;
+  -ms-user-select: none;
+  -moz-user-select: none;
+  -webkit-user-select: none;
+}
+
+@mixin sap-set-top-right-bottom-left($top:0, $right:0, $bottom:0, $left:0) {
+  position: absolute;
+  top: $top;
+  right: $right;
+  bottom: $bottom;
+  left: $left;
+
+  @include sap-rtl() {
+    left: $right;
+    right: $left;
+  }
+}
+
+@mixin sap-set-square($size) {
+  width: $size;
+  height: $size;
+}
+
+@mixin sap-set-square-min-width($size) {
+  width: $size;
+  height: $size;
+  min-width: $size;
+  min-height: $size;
+}
+
+@mixin sap-set-rectangle($width, $height) {
+  width: $width;
+  height: $height;
+}
+
+// display mixins
+$sap-display-types: inline block contents flex grid inline-block inline-flex inline-grid inline-table list-item run-in table table-caption table-column-group table-header-group table-footer-group table-row-group table-cell table-column table-row none initial inherit !default;
+
+@mixin sap-display($type: inline) {
+  display: $type !important;
+
+  @content;
+}
+
+// border-radius
+$sap-corner-border-radius: (
+  "element": var(--sapElement_BorderCornerRadius),
+  "button": var(--sapButton_BorderCornerRadius),
+  "field": var(--sapField_BorderCornerRadius),
+  "group": var(--sapGroup_BorderCornerRadius),
+  "popover": var(--sapPopover_BorderCornerRadius),
+  "tile": var(--sapTile_BorderCornerRadius)
+);
+
+@mixin sap-set-border-radius($value...) {
+  $_value: $value;
+
+  @if (map-has-key($sap-corner-border-radius, #{$value})) {
+    $_value: map-get($sap-corner-border-radius, #{$value});
+  }
+
+  border-radius: $_value;
+
+  @content;
+}
+
+// content paddings
+
+$sap-content-paddings-home: (
+  "sm": 0.5rem,
+  "md": 2rem,
+  "lg": 2rem,
+  "xl": 3rem,
+);
+
+$sap-content-paddings-container: (
+  "sm": 1rem,
+  "md": 2rem,
+  "lg": 2rem,
+  "xl": 3rem,
+);
+
+$sap-content-paddings-nav: (
+  "sm": 1rem,
+  "md": 2rem,
+  "lg": 2rem,
+  "xl": 3rem,
+);
+
+@mixin sap-set-content-paddings($type, $value) {
+  @if ($type == 'home') {
+    padding-left: map-get($sap-content-paddings-home, $value) !important;
+    padding-right: map-get($sap-content-paddings-home, $value) !important;
+  } @else if ($type == 'container') {
+    padding-left: map-get($sap-content-paddings-container, $value) !important;
+    padding-right: map-get($sap-content-paddings-container, $value) !important;
+  } @else {
+    padding-left: map-get($sap-content-paddings-nav, $value) !important;
+    padding-right: map-get($sap-content-paddings-nav, $value) !important;
+  }
+}
+
+@mixin sap-set-dynamic-content-paddings($type) {
+  @include sap-media-sm() {
+    @include sap-set-content-paddings($type, 'sm');
+  }
+
+  @include sap-media-md() {
+    @include sap-set-content-paddings($type, 'md');
+  }
+
+  @include sap-media-lg() {
+    @include sap-set-content-paddings($type, 'lg');
+  }
+
+  @include sap-media-xl() {
+    @include sap-set-content-paddings($type, 'xl');
+  }
+}
+
+@mixin sap-content-paddings($type: home, $size: default) {
+  @if ($size == default) {
+    @include sap-set-dynamic-content-paddings($type);
+  } @else {
+    @include sap-set-content-paddings($type, $size);
+  }
+}
+
+// flex
+$sap-flex-spacings: (
+  "tiny": 0.5rem,
+  "small": 1rem,
+  "medium": 2rem,
+  "large": 3rem
+);
+
+// ----------- FLEX DIRECTION -----------
+@mixin sap-flex($direction: row) {
+  display: flex;
+  flex-direction: $direction;
+
+  @content;
+}
+
+// ----------- FLEX ALIGN CONTENT -----------
+@mixin sap-flex-align-content($type: normal, $direction: row) {
+  @include sap-flex($direction) {
+    flex-wrap: wrap;
+    align-content: $type;
+  }
+
+  @content;
+}
+
+// ----------- FLEX ALIGN ITEMS -----------
+@mixin sap-flex-align-items($type: stretch, $direction: row) {
+  @include sap-flex($direction) {
+    align-items: $type;
+  }
+
+  @content;
+}
+
+// ----------- FLEX GAP -----------
+@mixin sap-flex-gap($value, $type: "", $direction: row) {
+  @include sap-flex($direction);
+
+  $_value: "";
+
+  @if $value == "tiny" {
+    $_value: map_get($sap-flex-spacings, "tiny");
+  } @else if $value == "small" {
+    $_value: map_get($sap-flex-spacings, "small");
+  } @else if $value == "medium" {
+    $_value: map_get($sap-flex-spacings, "medium");
+  } @else if $value == large {
+    $_value: map_get($sap-flex-spacings, "large");
+  } @else {
+    $_value: $value;
+  }
+
+  @if $type == "" {
+    gap: $_value;
+  } @else {
+    #{$type}-gap: $_value;
+  }
+
+  @content;
+}
+
+// ----------- FLEX JUSTIFY CONTENT -----------
+@mixin sap-flex-justify($type: flex-start, $direction: row) {
+  @include sap-flex($direction) {
+    justify-content: $type;
+  }
+
+  @content;
+}
+
+// ----------- FLEX WRAP -----------
+@mixin sap-flex-wrap($type: nowrap, $direction: row) {
+  @include sap-flex($direction) {
+    flex-wrap: $type;
+  }
+
+  @content;
+}
+
+// ----------- FLEX CENTER -----------
+@mixin sap-flex-center($direction: row) {
+  @include sap-flex() {
+    align-items: center;
+    justify-content: center;
+    flex-direction: $direction;
+  }
+
+  @content;
+}
+
+// ----------- FLEX ORDER -----------
+@mixin sap-flex-order($value: 0) {
+  order: $value;
+
+  @content;
+}
+
+// ----------- FLEX GROW -----------
+@mixin sap-flex-grow($value) {
+  flex-grow: $value;
+
+  @content;
+}
+
+// ----------- FLEX SHRINK -----------
+@mixin sap-flex-shrink($value) {
+  flex-shrink: $value;
+
+  @content;
+}
+
+// ----------- FLEX ALIGN SELF -----------
+@mixin sap-flex-align-self($value) {
+  align-self: $value;
+
+  @content;
+}
+
+// ----------- FLEX CHILD -----------
+@mixin sap-flex-child($value) {
+  flex: $value;
+
+  @content;
+}
+
+// MARGINS
+
+$sap-margins: (
+  "tiny": 0.5rem,
+  "small": 1rem,
+  "medium": 2rem,
+  "large": 3rem
+);
+
+$sap-container-sides: (
+  "top": top,
+  "bottom": bottom,
+  "begin": left,
+  "end": right,
+  "x": horizontal,
+  "y": vertical
+);
+
+@mixin sap-set-margin-all($value: 0) {
+  margin: $value;
+}
+
+@mixin sap-set-margin-top($value: 0) {
+  margin-top: $value;
+}
+
+@mixin sap-set-margin-bottom($value: 0) {
+  margin-bottom: $value;
+}
+
+@mixin sap-set-margin-begin($value: 0) {
+  margin-left: $value;
+
+  @include sap-rtl() {
+    margin-left: 0;
+    margin-right: $value;
+  }
+}
+
+@mixin sap-set-margin-end($value: 0) {
+  margin-right: $value;
+
+  @include sap-rtl() {
+    margin-right: 0;
+    margin-left: $value;
+  }
+}
+
+@mixin sap-set-margin-x-equal($value: 0) {
+  margin-right: $value;
+  margin-left: $value;
+}
+
+@mixin sap-set-margin-y-equal($value: 0) {
+  margin-top: $value;
+  margin-bottom: $value;
+}
+
+@mixin sap-set-margin-x($valueLeft: 0, $valueRight: 0) {
+  margin-left: $valueLeft;
+  margin-right: $valueRight;
+
+  @include sap-rtl() {
+    margin-left: $valueRight;
+    margin-right: $valueLeft;
+  }
+}
+
+@mixin sap-set-margin-y($valueTop: 0, $valueBottom: 0) {
+  margin-top: $valueTop;
+  margin-bottom: $valueBottom;
+}
+
+@mixin sap-margin($value, $side: '') {
+  $_value: $value !important;
+
+  @if (map-has-key($sap-margins, #{$value})) {
+    $_value: map-get($sap-margins, #{$value}) !important;
+  }
+
+  @if ($side != '') {
+    @if ($side == top) {
+      @include sap-set-margin-top($_value);
+    } @else if($side == bottom) {
+      @include sap-set-margin-bottom($_value);
+    } @else if($side == begin) {
+      @include sap-set-margin-begin($_value);
+    } @else if($side == end) {
+      @include sap-set-margin-end($_value);
+    } @else if($side == x) {
+      @include sap-set-margin-x-equal($_value);
+    } @else if($side == y) {
+      @include sap-set-margin-y-equal($_value);
+    }
+  } @else {
+    @include sap-set-margin-all($_value);
+  }
+}
+
+@mixin sap-margin-responsive() {
+  @include sap-media-sm() {
+    margin: 0 0 1rem 0 !important;
+  }
+
+  @include sap-media-md() {
+    margin: 1rem !important;
+  }
+
+  @include sap-media-lg() {
+    margin: 1rem 2rem !important;
+  }
+
+  @include sap-media-xl() {
+    margin: 1rem 3rem !important;
+  }
+}
+
+// MEDIA QUERIES
+$small: 600px;
+$medium: 1024px;
+$large: 1440px;
+$offset: 1px;
+
+@mixin sap-media-sm() {
+  @media (max-width: #{$small - $offset}) {
+    @content;
+  }
+}
+
+@mixin sap-media-md() {
+  @media (min-width: #{$small}) and (max-width: #{$medium - $offset}) {
+    @content;
+  }
+}
+
+@mixin sap-media-lg() {
+  @media (min-width: #{$medium}) and (max-width: #{$large - $offset}) {
+    @content;
+  }
+}
+
+@mixin sap-media-xl() {
+  @media (min-width: #{$large}) {
+    @content;
+  }
+}
+
+@mixin sap-media-min-width($width) {
+  @media (min-width: $width) {
+    @content;
+  }
+}
+
+@mixin sap-media-max-width($width) {
+  @media (max-width: $width) {
+    @content;
+  }
+}
+
+@mixin sap-media-range-width($minWidth, $maxWidth) {
+  @media (min-width: $minWidth) and (max-width: $maxWidth) {
+    @content;
+  }
+}
+
+@mixin sap-media-print() {
+  @media print {
+    @content;
+  }
+}
+
+@mixin sap-media-orientation($orientation) {
+  @media (orientation: $orientation) {
+    @content;
+  }
+}
+
+// PADDINGS
+$sap-paddings: (
+  "tiny": 0.5rem,
+  "small": 1rem,
+  "medium": 2rem,
+  "large": 3rem
+);
+
+$sap-container-sides: (
+  "top": top,
+  "bottom": bottom,
+  "begin": left,
+  "end": right,
+  "x": horizontal,
+  "y": vertical
+);
+
+@mixin sap-set-padding-all($value: 0) {
+  padding: $value;
+}
+
+@mixin sap-set-padding-top($value: 0) {
+  padding-top: $value;
+}
+
+@mixin sap-set-padding-bottom($value: 0) {
+  padding-bottom: $value;
+}
+
+@mixin sap-set-padding-begin($value: 0) {
+  padding-left: $value;
+
+  @include sap-rtl() {
+    padding-left: 0;
+    padding-right: $value;
+  }
+}
+
+@mixin sap-set-padding-end($value: 0) {
+  padding-right: $value;
+
+  @include sap-rtl() {
+    padding-right: 0;
+    padding-left: $value;
+  }
+}
+
+@mixin sap-set-padding-x-equal($value: 0) {
+  padding-right: $value;
+  padding-left: $value;
+}
+
+@mixin sap-set-padding-y-equal($value: 0) {
+  padding-top: $value;
+  padding-bottom: $value;
+}
+
+@mixin sap-set-padding-x($valueLeft: 0, $valueRight: 0) {
+  padding-left: $valueLeft;
+  padding-right: $valueRight;
+
+  @include sap-rtl() {
+    padding-left: $valueRight;
+    padding-right: $valueLeft;
+  }
+}
+
+@mixin sap-set-padding-y($valueTop: 0, $valueBottom: 0) {
+  padding-top: $valueTop;
+  padding-bottom: $valueBottom;
+}
+
+@mixin sap-padding($value: 1rem, $side: '') {
+  $_value: $value !important;
+
+  @if (map-has-key($sap-paddings, #{$value})) {
+    $_value: map-get($sap-paddings, #{$value}) !important;
+  }
+
+  @if ($side != '') {
+    @if ($side == top) {
+      @include sap-set-padding-top($_value);
+    } @else if($side == bottom) {
+      @include sap-set-padding-bottom($_value);
+    } @else if($side == begin) {
+      @include sap-set-padding-begin($_value);
+    } @else if($side == end) {
+      @include sap-set-padding-end($_value);
+    } @else if($side == x) {
+      @include sap-set-padding-x-equal($_value);
+    } @else if($side == y) {
+      @include sap-set-padding-y-equal($_value);
+    }
+  } @else {
+    @include sap-set-padding-all($_value);
+  }
+}
+
+@mixin sap-padding-responsive() {
+  @include sap-media-sm() {
+    @include sap-padding(small, x);
+    @include sap-padding(0, y);
+  }
+
+  @include sap-media-md() {
+    @include sap-padding(medium, x);
+    @include sap-padding(0, y);
+  }
+
+  @include sap-media-lg() {
+    @include sap-padding(medium, x);
+    @include sap-padding(0, y);
+  }
+
+  @include sap-media-xl() {
+    @include sap-padding(large, x);
+    @include sap-padding(0, y);
+  }
+}
+
+// SHADOWS
+$sap-box-shadow-types: (
+  "level-0": var(--sapContent_Shadow0),
+  "level-1": var(--sapContent_Shadow1),
+  "level-2": var(--sapContent_Shadow2),
+  "level-3": var(--sapContent_Shadow3),
+  "header": var(--sapContent_HeaderShadow),
+  "shell": var(--sapShell_Shadow),
+  "none": none,
+);
+
+$sap-text-shadow-types: (
+  "text": var(--sapContent_TextShadow),
+  "contrast-text": var(--sapContent_ContrastTextShadow),
+  "group-title-text": var(--sapShell_GroupTitleTextShadow),
+  "emphasized-text": var(--sapButton_Emphasized_TextShadow),
+);
+
+@mixin sap-set-box-shadow($value) {
+  box-shadow: $value;
+}
+
+@mixin sap-set-text-shadow($value) {
+  text-shadow: $value;
+}
+
+@mixin sap-shadow($type) {
+  @if (map-has-key($sap-box-shadow-types , #{$type} )) {
+    @include sap-set-box-shadow(map-get($sap-box-shadow-types, #{$type}));
+  } @else if (map-has-key($sap-text-shadow-types , #{$type} )) {
+    @include sap-set-text-shadow(map-get($sap-text-shadow-types, #{$type}));
+  } @else {
+    @warn "Unknown type of shadow";
+  }
+}
+
+@mixin sap-sr-only() {
+  position: absolute;
+  clip: rect(0, 0, 0, 0);
+  height: 1px;
+  width: 1px;
+  border: 0;
+  margin: -1px;
+  padding: 0;
+  overflow: hidden;
+  white-space: nowrap;
+
+  @content;
+}
+
+// TYPOGRAPHY
+$sap-font-types: (
+  "regular": var(--sapFontFamily),
+  "light": var(--sapFontLightFamily),
+  "bold": var(--sapFontBoldFamily),
+  "semibold": var(--sapFontSemiboldFamily),
+  "semibold-duplex": var(--sapFontSemiboldDuplexFamily),
+  "monospaced-regular": var(--sapContent_MonospaceFontFamily),
+  "monospaced-bold": var(--sapContent_MonospaceBoldFontFamily),
+  "black": var(--sapFontBlackFamily),
+  "header": var(--sapFontHeaderFamily),
+);
+
+// FONT FAMILY
+@mixin sap-font-family($type) {
+  @if ($type == "regular") {
+    font-family: map-get($sap-font-types, "regular");
+  } @else if ($type == "light") {
+    font-family: map-get($sap-font-types, "light");
+  } @else if ($type == "bold") {
+    font-family: map-get($sap-font-types, "bold");
+  } @else if ($type == "semibold") {
+    font-family: map-get($sap-font-types, "semibold");
+  } @else if ($type == "semibold-duplex") {
+    font-family: map-get($sap-font-types, "semibold-duplex");
+  } @else if ($type == "monospaced-regular") {
+    font-family: map-get($sap-font-types, "monospaced-regular");
+  } @else if ($type == "monospaced-bold") {
+    font-family: map-get($sap-font-types, "monospaced-bold");
+  } @else if ($type == "black") {
+    font-family: map-get($sap-font-types, "black");
+  } @else if ($type == "header") {
+    font-family: map-get($sap-font-types, "header");
+  } @else {
+    font-family: $type;
+  }
+}
+
+// FONT SIZE
+$sap-font-sizes: (
+  "header-6": var(--sapFontHeader6Size),
+  "header-5": var(--sapFontHeader5Size),
+  "header-4": var(--sapFontHeader4Size),
+  "header-3": var(--sapFontHeader3Size),
+  "header-2": var(--sapFontHeader2Size),
+  "header-1": var(--sapFontHeader1Size),
+  "small": var(--sapFontSmallSize),
+  "medium": var(--sapFontSize),
+  "large": var(--sapFontLargeSize),
+);
+
+@mixin sap-font-size($size) {
+  @if ($size == "header-6") {
+    font-size: map-get($sap-font-sizes, "header-6");
+  } @else if ($size == "header-5") {
+    font-size: map-get($sap-font-sizes, "header-5");
+  } @else if ($size == "header-4") {
+    font-size: map-get($sap-font-sizes, "header-4");
+  } @else if ($size == "header-3") {
+    font-size: map-get($sap-font-sizes, "header-3");
+  } @else if ($size == "header-2") {
+    font-size: map-get($sap-font-sizes, "header-2");
+  } @else if ($size == "header-1") {
+    font-size: map-get($sap-font-sizes, "header-1");
+  } @else if ($size == "small") {
+    font-size: map-get($sap-font-sizes, "small");
+  } @else if ($size == "medium") {
+    font-size: map-get($sap-font-sizes, "medium");
+  } @else if ($size == "large") {
+    font-size: map-get($sap-font-sizes, "large");
+  } @else {
+    font-size: $size;
+  }
+}
+
+// LINE HEIGHT
+@mixin sap-font-line-height($value: normal) {
+  line-height: $value;
+}
+
+// COMMON CASES
+@mixin sap-font($type) {
+  @if ($type == header-3) {
+    font-family: var(--sapFontHeaderFamily);
+    font-size: var(--sapFontHeader3Size);
+    color: var(--sapGroup_TitleTextColor);
+  } @else {
+    font-family: var(--sapFontFamily);
+
+    @if ($type == standard-text) {
+      font-size: var(--sapFontSize);
+      color: var(--sapTextColor);
+    } @else if($type == small-detail-text) {
+      font-size: var(--sapFontSmallSize);
+      color: var(--sapContent_LabelColor);
+    } @else if($type == standard-field-text) {
+      font-size: var(--sapFontSize);
+      color: var(--sapField_TextColor);
+    } @else {
+      font-size: var(--sapFontSize);
+      color: var(--sapContent_LabelColor);
+    }
+  }
+  @content;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@fundamental-styles/common-css",
-    "version": "0.25.0-rc.4",
+    "version": "0.25.0-rc.41",
     "license": "Apache-2.0",
     "homepage": "https://sap.github.io/fundamental-styles/",
     "description": "Fundamental Library Styles Common CSS",