@fundamental-styles/common-css 0.24.0 → 0.24.1-rc.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/common-css.css +1392 -2
  2. package/package.json +1 -1
package/dist/common-css.css CHANGED
@@ -1,5 +1,1395 @@
1
1
  /*!
2
- * Fundamental Library Styles v0.24.0
2
+ * Fundamental Library Styles v0.24.1-rc.2
3
3
  * Copyright (c) 2022 SAP SE or an SAP affiliate company.
4
4
  * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)
5
- */.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}
5
+ */
6
+ /* stylelint-disable */
7
+ /* Fully expanded pseudo element. Requires parent to have specified position */
8
+ /* stylelint-disable */
9
+ /* stylelint-enable */
10
+ /* stylelint-disable */
11
+ /* stylelint-enable */
12
+ /* stylelint-disable */
13
+ /* stylelint-enable */
14
+ /* Fully expanded pseudo element. Requires parent to have specified position */
15
+ /* Fully expanded pseudo element. Requires parent to have specified position */
16
+ /* stylelint-enable */
17
+ .sap-container,
18
+ .sap-row,
19
+ .sap-col {
20
+ font-size: var(--sapFontSize);
21
+ line-height: var(--sapContent_LineHeight);
22
+ color: var(--sapTextColor);
23
+ font-family: var(--sapFontFamily);
24
+ font-weight: normal;
25
+ -webkit-box-sizing: border-box;
26
+ box-sizing: border-box;
27
+ padding: 0;
28
+ margin: 0;
29
+ border: 0;
30
+ }
31
+ .sap-container::before, .sap-container::after,
32
+ .sap-row::before,
33
+ .sap-row::after,
34
+ .sap-col::before,
35
+ .sap-col::after {
36
+ -webkit-box-sizing: inherit;
37
+ box-sizing: inherit;
38
+ font-size: inherit;
39
+ }
40
+ .sap-container {
41
+ display: -webkit-box;
42
+ display: -ms-flexbox;
43
+ display: flex;
44
+ -ms-flex-wrap: wrap;
45
+ flex-wrap: wrap;
46
+ -webkit-box-flex: 0;
47
+ -ms-flex: 0 0 100%;
48
+ flex: 0 0 100%;
49
+ position: relative;
50
+ padding: 0 0.25rem;
51
+ }
52
+ .sap-container .sap-row {
53
+ margin-left: -0.25rem;
54
+ margin-right: -0.25rem;
55
+ min-width: calc(100% + 0.25rem * 2);
56
+ }
57
+ .sap-container > .sap-row > .sap-col {
58
+ padding-top: 0.25rem;
59
+ padding-bottom: 0.25rem;
60
+ }
61
+ .sap-container.sap-container--no-horizontal-gap .sap-row, .sap-container.sap-container--no-gap .sap-row {
62
+ margin-left: 0;
63
+ margin-right: 0;
64
+ }
65
+ .sap-container.sap-container--no-horizontal-gap .sap-row .sap-col, .sap-container.sap-container--no-gap .sap-row .sap-col {
66
+ padding-left: 0;
67
+ padding-right: 0;
68
+ }
69
+ .sap-container.sap-container--no-vertical-gap > .sap-row > .sap-col, .sap-container.sap-container--no-gap > .sap-row > .sap-col {
70
+ padding-top: 0;
71
+ padding-bottom: 0;
72
+ }
73
+ [dir=rtl] .sap-container, .sap-container[dir=rtl] {
74
+ direction: rtl;
75
+ }
76
+ .sap-row {
77
+ display: -webkit-box;
78
+ display: -ms-flexbox;
79
+ display: flex;
80
+ -ms-flex-wrap: wrap;
81
+ flex-wrap: wrap;
82
+ -webkit-box-flex: 0;
83
+ -ms-flex: 0 0 100%;
84
+ flex: 0 0 100%;
85
+ position: relative;
86
+ min-width: 100%;
87
+ }
88
+ .sap-col {
89
+ padding-left: 0.25rem;
90
+ padding-right: 0.25rem;
91
+ min-width: 100%;
92
+ max-width: 100%;
93
+ }
94
+ .sap-col--0 {
95
+ min-width: 0%;
96
+ max-width: 0%;
97
+ }
98
+ .sap-col--offset-0 {
99
+ margin-left: 0%;
100
+ }
101
+ [dir=rtl] .sap-col--offset-0, .sap-col--offset-0[dir=rtl] {
102
+ margin-right: 0%;
103
+ margin-left: 0;
104
+ }
105
+ .sap-col--offset-after-0 {
106
+ margin-right: 0%;
107
+ }
108
+ [dir=rtl] .sap-col--offset-after-0, .sap-col--offset-after-0[dir=rtl] {
109
+ margin-right: 0;
110
+ margin-left: 0%;
111
+ }
112
+ .sap-col--1 {
113
+ min-width: 8.3333333333%;
114
+ max-width: 8.3333333333%;
115
+ }
116
+ .sap-col--offset-1 {
117
+ margin-left: 8.3333333333%;
118
+ }
119
+ [dir=rtl] .sap-col--offset-1, .sap-col--offset-1[dir=rtl] {
120
+ margin-right: 8.3333333333%;
121
+ margin-left: 0;
122
+ }
123
+ .sap-col--offset-after-1 {
124
+ margin-right: 8.3333333333%;
125
+ }
126
+ [dir=rtl] .sap-col--offset-after-1, .sap-col--offset-after-1[dir=rtl] {
127
+ margin-right: 0;
128
+ margin-left: 8.3333333333%;
129
+ }
130
+ .sap-col--2 {
131
+ min-width: 16.6666666667%;
132
+ max-width: 16.6666666667%;
133
+ }
134
+ .sap-col--offset-2 {
135
+ margin-left: 16.6666666667%;
136
+ }
137
+ [dir=rtl] .sap-col--offset-2, .sap-col--offset-2[dir=rtl] {
138
+ margin-right: 16.6666666667%;
139
+ margin-left: 0;
140
+ }
141
+ .sap-col--offset-after-2 {
142
+ margin-right: 16.6666666667%;
143
+ }
144
+ [dir=rtl] .sap-col--offset-after-2, .sap-col--offset-after-2[dir=rtl] {
145
+ margin-right: 0;
146
+ margin-left: 16.6666666667%;
147
+ }
148
+ .sap-col--3 {
149
+ min-width: 25%;
150
+ max-width: 25%;
151
+ }
152
+ .sap-col--offset-3 {
153
+ margin-left: 25%;
154
+ }
155
+ [dir=rtl] .sap-col--offset-3, .sap-col--offset-3[dir=rtl] {
156
+ margin-right: 25%;
157
+ margin-left: 0;
158
+ }
159
+ .sap-col--offset-after-3 {
160
+ margin-right: 25%;
161
+ }
162
+ [dir=rtl] .sap-col--offset-after-3, .sap-col--offset-after-3[dir=rtl] {
163
+ margin-right: 0;
164
+ margin-left: 25%;
165
+ }
166
+ .sap-col--4 {
167
+ min-width: 33.3333333333%;
168
+ max-width: 33.3333333333%;
169
+ }
170
+ .sap-col--offset-4 {
171
+ margin-left: 33.3333333333%;
172
+ }
173
+ [dir=rtl] .sap-col--offset-4, .sap-col--offset-4[dir=rtl] {
174
+ margin-right: 33.3333333333%;
175
+ margin-left: 0;
176
+ }
177
+ .sap-col--offset-after-4 {
178
+ margin-right: 33.3333333333%;
179
+ }
180
+ [dir=rtl] .sap-col--offset-after-4, .sap-col--offset-after-4[dir=rtl] {
181
+ margin-right: 0;
182
+ margin-left: 33.3333333333%;
183
+ }
184
+ .sap-col--5 {
185
+ min-width: 41.6666666667%;
186
+ max-width: 41.6666666667%;
187
+ }
188
+ .sap-col--offset-5 {
189
+ margin-left: 41.6666666667%;
190
+ }
191
+ [dir=rtl] .sap-col--offset-5, .sap-col--offset-5[dir=rtl] {
192
+ margin-right: 41.6666666667%;
193
+ margin-left: 0;
194
+ }
195
+ .sap-col--offset-after-5 {
196
+ margin-right: 41.6666666667%;
197
+ }
198
+ [dir=rtl] .sap-col--offset-after-5, .sap-col--offset-after-5[dir=rtl] {
199
+ margin-right: 0;
200
+ margin-left: 41.6666666667%;
201
+ }
202
+ .sap-col--6 {
203
+ min-width: 50%;
204
+ max-width: 50%;
205
+ }
206
+ .sap-col--offset-6 {
207
+ margin-left: 50%;
208
+ }
209
+ [dir=rtl] .sap-col--offset-6, .sap-col--offset-6[dir=rtl] {
210
+ margin-right: 50%;
211
+ margin-left: 0;
212
+ }
213
+ .sap-col--offset-after-6 {
214
+ margin-right: 50%;
215
+ }
216
+ [dir=rtl] .sap-col--offset-after-6, .sap-col--offset-after-6[dir=rtl] {
217
+ margin-right: 0;
218
+ margin-left: 50%;
219
+ }
220
+ .sap-col--7 {
221
+ min-width: 58.3333333333%;
222
+ max-width: 58.3333333333%;
223
+ }
224
+ .sap-col--offset-7 {
225
+ margin-left: 58.3333333333%;
226
+ }
227
+ [dir=rtl] .sap-col--offset-7, .sap-col--offset-7[dir=rtl] {
228
+ margin-right: 58.3333333333%;
229
+ margin-left: 0;
230
+ }
231
+ .sap-col--offset-after-7 {
232
+ margin-right: 58.3333333333%;
233
+ }
234
+ [dir=rtl] .sap-col--offset-after-7, .sap-col--offset-after-7[dir=rtl] {
235
+ margin-right: 0;
236
+ margin-left: 58.3333333333%;
237
+ }
238
+ .sap-col--8 {
239
+ min-width: 66.6666666667%;
240
+ max-width: 66.6666666667%;
241
+ }
242
+ .sap-col--offset-8 {
243
+ margin-left: 66.6666666667%;
244
+ }
245
+ [dir=rtl] .sap-col--offset-8, .sap-col--offset-8[dir=rtl] {
246
+ margin-right: 66.6666666667%;
247
+ margin-left: 0;
248
+ }
249
+ .sap-col--offset-after-8 {
250
+ margin-right: 66.6666666667%;
251
+ }
252
+ [dir=rtl] .sap-col--offset-after-8, .sap-col--offset-after-8[dir=rtl] {
253
+ margin-right: 0;
254
+ margin-left: 66.6666666667%;
255
+ }
256
+ .sap-col--9 {
257
+ min-width: 75%;
258
+ max-width: 75%;
259
+ }
260
+ .sap-col--offset-9 {
261
+ margin-left: 75%;
262
+ }
263
+ [dir=rtl] .sap-col--offset-9, .sap-col--offset-9[dir=rtl] {
264
+ margin-right: 75%;
265
+ margin-left: 0;
266
+ }
267
+ .sap-col--offset-after-9 {
268
+ margin-right: 75%;
269
+ }
270
+ [dir=rtl] .sap-col--offset-after-9, .sap-col--offset-after-9[dir=rtl] {
271
+ margin-right: 0;
272
+ margin-left: 75%;
273
+ }
274
+ .sap-col--10 {
275
+ min-width: 83.3333333333%;
276
+ max-width: 83.3333333333%;
277
+ }
278
+ .sap-col--offset-10 {
279
+ margin-left: 83.3333333333%;
280
+ }
281
+ [dir=rtl] .sap-col--offset-10, .sap-col--offset-10[dir=rtl] {
282
+ margin-right: 83.3333333333%;
283
+ margin-left: 0;
284
+ }
285
+ .sap-col--offset-after-10 {
286
+ margin-right: 83.3333333333%;
287
+ }
288
+ [dir=rtl] .sap-col--offset-after-10, .sap-col--offset-after-10[dir=rtl] {
289
+ margin-right: 0;
290
+ margin-left: 83.3333333333%;
291
+ }
292
+ .sap-col--11 {
293
+ min-width: 91.6666666667%;
294
+ max-width: 91.6666666667%;
295
+ }
296
+ .sap-col--offset-11 {
297
+ margin-left: 91.6666666667%;
298
+ }
299
+ [dir=rtl] .sap-col--offset-11, .sap-col--offset-11[dir=rtl] {
300
+ margin-right: 91.6666666667%;
301
+ margin-left: 0;
302
+ }
303
+ .sap-col--offset-after-11 {
304
+ margin-right: 91.6666666667%;
305
+ }
306
+ [dir=rtl] .sap-col--offset-after-11, .sap-col--offset-after-11[dir=rtl] {
307
+ margin-right: 0;
308
+ margin-left: 91.6666666667%;
309
+ }
310
+ .sap-col--12 {
311
+ min-width: 100%;
312
+ max-width: 100%;
313
+ }
314
+ .sap-col--offset-12 {
315
+ margin-left: 100%;
316
+ }
317
+ [dir=rtl] .sap-col--offset-12, .sap-col--offset-12[dir=rtl] {
318
+ margin-right: 100%;
319
+ margin-left: 0;
320
+ }
321
+ .sap-col--offset-after-12 {
322
+ margin-right: 100%;
323
+ }
324
+ [dir=rtl] .sap-col--offset-after-12, .sap-col--offset-after-12[dir=rtl] {
325
+ margin-right: 0;
326
+ margin-left: 100%;
327
+ }
328
+ .sap-col--full {
329
+ min-width: 8.3333333333%;
330
+ max-width: none;
331
+ -webkit-box-flex: 1;
332
+ -ms-flex: 1;
333
+ flex: 1;
334
+ }
335
+ .sap-col--wrap {
336
+ -ms-flex-wrap: wrap;
337
+ flex-wrap: wrap;
338
+ }
339
+ @media (min-width: 600px) {
340
+ .sap-container {
341
+ padding: 0 0.5rem;
342
+ }
343
+ .sap-container .sap-row {
344
+ margin-left: -0.5rem;
345
+ margin-right: -0.5rem;
346
+ min-width: calc(100% + 0.5rem * 2);
347
+ }
348
+ .sap-container > .sap-row > .sap-col {
349
+ padding-top: 0.5rem;
350
+ padding-bottom: 0.5rem;
351
+ }
352
+
353
+ .sap-col {
354
+ padding-left: 0.5rem;
355
+ padding-right: 0.5rem;
356
+ }
357
+ .sap-col-md--0 {
358
+ min-width: 0%;
359
+ max-width: 0%;
360
+ }
361
+
362
+ .sap-col-md--offset-0 {
363
+ margin-left: 0%;
364
+ }
365
+ [dir=rtl] .sap-col-md--offset-0, .sap-col-md--offset-0[dir=rtl] {
366
+ margin-right: 0%;
367
+ margin-left: 0;
368
+ }
369
+
370
+ .sap-col-md--offset-after-0 {
371
+ margin-right: 0%;
372
+ }
373
+ [dir=rtl] .sap-col-md--offset-after-0, .sap-col-md--offset-after-0[dir=rtl] {
374
+ margin-right: 0;
375
+ margin-left: 0%;
376
+ }
377
+
378
+ .sap-col-md--1 {
379
+ min-width: 8.3333333333%;
380
+ max-width: 8.3333333333%;
381
+ }
382
+
383
+ .sap-col-md--offset-1 {
384
+ margin-left: 8.3333333333%;
385
+ }
386
+ [dir=rtl] .sap-col-md--offset-1, .sap-col-md--offset-1[dir=rtl] {
387
+ margin-right: 8.3333333333%;
388
+ margin-left: 0;
389
+ }
390
+
391
+ .sap-col-md--offset-after-1 {
392
+ margin-right: 8.3333333333%;
393
+ }
394
+ [dir=rtl] .sap-col-md--offset-after-1, .sap-col-md--offset-after-1[dir=rtl] {
395
+ margin-right: 0;
396
+ margin-left: 8.3333333333%;
397
+ }
398
+
399
+ .sap-col-md--2 {
400
+ min-width: 16.6666666667%;
401
+ max-width: 16.6666666667%;
402
+ }
403
+
404
+ .sap-col-md--offset-2 {
405
+ margin-left: 16.6666666667%;
406
+ }
407
+ [dir=rtl] .sap-col-md--offset-2, .sap-col-md--offset-2[dir=rtl] {
408
+ margin-right: 16.6666666667%;
409
+ margin-left: 0;
410
+ }
411
+
412
+ .sap-col-md--offset-after-2 {
413
+ margin-right: 16.6666666667%;
414
+ }
415
+ [dir=rtl] .sap-col-md--offset-after-2, .sap-col-md--offset-after-2[dir=rtl] {
416
+ margin-right: 0;
417
+ margin-left: 16.6666666667%;
418
+ }
419
+
420
+ .sap-col-md--3 {
421
+ min-width: 25%;
422
+ max-width: 25%;
423
+ }
424
+
425
+ .sap-col-md--offset-3 {
426
+ margin-left: 25%;
427
+ }
428
+ [dir=rtl] .sap-col-md--offset-3, .sap-col-md--offset-3[dir=rtl] {
429
+ margin-right: 25%;
430
+ margin-left: 0;
431
+ }
432
+
433
+ .sap-col-md--offset-after-3 {
434
+ margin-right: 25%;
435
+ }
436
+ [dir=rtl] .sap-col-md--offset-after-3, .sap-col-md--offset-after-3[dir=rtl] {
437
+ margin-right: 0;
438
+ margin-left: 25%;
439
+ }
440
+
441
+ .sap-col-md--4 {
442
+ min-width: 33.3333333333%;
443
+ max-width: 33.3333333333%;
444
+ }
445
+
446
+ .sap-col-md--offset-4 {
447
+ margin-left: 33.3333333333%;
448
+ }
449
+ [dir=rtl] .sap-col-md--offset-4, .sap-col-md--offset-4[dir=rtl] {
450
+ margin-right: 33.3333333333%;
451
+ margin-left: 0;
452
+ }
453
+
454
+ .sap-col-md--offset-after-4 {
455
+ margin-right: 33.3333333333%;
456
+ }
457
+ [dir=rtl] .sap-col-md--offset-after-4, .sap-col-md--offset-after-4[dir=rtl] {
458
+ margin-right: 0;
459
+ margin-left: 33.3333333333%;
460
+ }
461
+
462
+ .sap-col-md--5 {
463
+ min-width: 41.6666666667%;
464
+ max-width: 41.6666666667%;
465
+ }
466
+
467
+ .sap-col-md--offset-5 {
468
+ margin-left: 41.6666666667%;
469
+ }
470
+ [dir=rtl] .sap-col-md--offset-5, .sap-col-md--offset-5[dir=rtl] {
471
+ margin-right: 41.6666666667%;
472
+ margin-left: 0;
473
+ }
474
+
475
+ .sap-col-md--offset-after-5 {
476
+ margin-right: 41.6666666667%;
477
+ }
478
+ [dir=rtl] .sap-col-md--offset-after-5, .sap-col-md--offset-after-5[dir=rtl] {
479
+ margin-right: 0;
480
+ margin-left: 41.6666666667%;
481
+ }
482
+
483
+ .sap-col-md--6 {
484
+ min-width: 50%;
485
+ max-width: 50%;
486
+ }
487
+
488
+ .sap-col-md--offset-6 {
489
+ margin-left: 50%;
490
+ }
491
+ [dir=rtl] .sap-col-md--offset-6, .sap-col-md--offset-6[dir=rtl] {
492
+ margin-right: 50%;
493
+ margin-left: 0;
494
+ }
495
+
496
+ .sap-col-md--offset-after-6 {
497
+ margin-right: 50%;
498
+ }
499
+ [dir=rtl] .sap-col-md--offset-after-6, .sap-col-md--offset-after-6[dir=rtl] {
500
+ margin-right: 0;
501
+ margin-left: 50%;
502
+ }
503
+
504
+ .sap-col-md--7 {
505
+ min-width: 58.3333333333%;
506
+ max-width: 58.3333333333%;
507
+ }
508
+
509
+ .sap-col-md--offset-7 {
510
+ margin-left: 58.3333333333%;
511
+ }
512
+ [dir=rtl] .sap-col-md--offset-7, .sap-col-md--offset-7[dir=rtl] {
513
+ margin-right: 58.3333333333%;
514
+ margin-left: 0;
515
+ }
516
+
517
+ .sap-col-md--offset-after-7 {
518
+ margin-right: 58.3333333333%;
519
+ }
520
+ [dir=rtl] .sap-col-md--offset-after-7, .sap-col-md--offset-after-7[dir=rtl] {
521
+ margin-right: 0;
522
+ margin-left: 58.3333333333%;
523
+ }
524
+
525
+ .sap-col-md--8 {
526
+ min-width: 66.6666666667%;
527
+ max-width: 66.6666666667%;
528
+ }
529
+
530
+ .sap-col-md--offset-8 {
531
+ margin-left: 66.6666666667%;
532
+ }
533
+ [dir=rtl] .sap-col-md--offset-8, .sap-col-md--offset-8[dir=rtl] {
534
+ margin-right: 66.6666666667%;
535
+ margin-left: 0;
536
+ }
537
+
538
+ .sap-col-md--offset-after-8 {
539
+ margin-right: 66.6666666667%;
540
+ }
541
+ [dir=rtl] .sap-col-md--offset-after-8, .sap-col-md--offset-after-8[dir=rtl] {
542
+ margin-right: 0;
543
+ margin-left: 66.6666666667%;
544
+ }
545
+
546
+ .sap-col-md--9 {
547
+ min-width: 75%;
548
+ max-width: 75%;
549
+ }
550
+
551
+ .sap-col-md--offset-9 {
552
+ margin-left: 75%;
553
+ }
554
+ [dir=rtl] .sap-col-md--offset-9, .sap-col-md--offset-9[dir=rtl] {
555
+ margin-right: 75%;
556
+ margin-left: 0;
557
+ }
558
+
559
+ .sap-col-md--offset-after-9 {
560
+ margin-right: 75%;
561
+ }
562
+ [dir=rtl] .sap-col-md--offset-after-9, .sap-col-md--offset-after-9[dir=rtl] {
563
+ margin-right: 0;
564
+ margin-left: 75%;
565
+ }
566
+
567
+ .sap-col-md--10 {
568
+ min-width: 83.3333333333%;
569
+ max-width: 83.3333333333%;
570
+ }
571
+
572
+ .sap-col-md--offset-10 {
573
+ margin-left: 83.3333333333%;
574
+ }
575
+ [dir=rtl] .sap-col-md--offset-10, .sap-col-md--offset-10[dir=rtl] {
576
+ margin-right: 83.3333333333%;
577
+ margin-left: 0;
578
+ }
579
+
580
+ .sap-col-md--offset-after-10 {
581
+ margin-right: 83.3333333333%;
582
+ }
583
+ [dir=rtl] .sap-col-md--offset-after-10, .sap-col-md--offset-after-10[dir=rtl] {
584
+ margin-right: 0;
585
+ margin-left: 83.3333333333%;
586
+ }
587
+
588
+ .sap-col-md--11 {
589
+ min-width: 91.6666666667%;
590
+ max-width: 91.6666666667%;
591
+ }
592
+
593
+ .sap-col-md--offset-11 {
594
+ margin-left: 91.6666666667%;
595
+ }
596
+ [dir=rtl] .sap-col-md--offset-11, .sap-col-md--offset-11[dir=rtl] {
597
+ margin-right: 91.6666666667%;
598
+ margin-left: 0;
599
+ }
600
+
601
+ .sap-col-md--offset-after-11 {
602
+ margin-right: 91.6666666667%;
603
+ }
604
+ [dir=rtl] .sap-col-md--offset-after-11, .sap-col-md--offset-after-11[dir=rtl] {
605
+ margin-right: 0;
606
+ margin-left: 91.6666666667%;
607
+ }
608
+
609
+ .sap-col-md--12 {
610
+ min-width: 100%;
611
+ max-width: 100%;
612
+ }
613
+
614
+ .sap-col-md--offset-12 {
615
+ margin-left: 100%;
616
+ }
617
+ [dir=rtl] .sap-col-md--offset-12, .sap-col-md--offset-12[dir=rtl] {
618
+ margin-right: 100%;
619
+ margin-left: 0;
620
+ }
621
+
622
+ .sap-col-md--offset-after-12 {
623
+ margin-right: 100%;
624
+ }
625
+ [dir=rtl] .sap-col-md--offset-after-12, .sap-col-md--offset-after-12[dir=rtl] {
626
+ margin-right: 0;
627
+ margin-left: 100%;
628
+ }
629
+ }
630
+ @media (min-width: 1024px) {
631
+ .sap-col-lg--0 {
632
+ min-width: 0%;
633
+ max-width: 0%;
634
+ }
635
+
636
+ .sap-col-lg--offset-0 {
637
+ margin-left: 0%;
638
+ }
639
+ [dir=rtl] .sap-col-lg--offset-0, .sap-col-lg--offset-0[dir=rtl] {
640
+ margin-right: 0%;
641
+ margin-left: 0;
642
+ }
643
+
644
+ .sap-col-lg--offset-after-0 {
645
+ margin-right: 0%;
646
+ }
647
+ [dir=rtl] .sap-col-lg--offset-after-0, .sap-col-lg--offset-after-0[dir=rtl] {
648
+ margin-right: 0;
649
+ margin-left: 0%;
650
+ }
651
+
652
+ .sap-col-lg--1 {
653
+ min-width: 8.3333333333%;
654
+ max-width: 8.3333333333%;
655
+ }
656
+
657
+ .sap-col-lg--offset-1 {
658
+ margin-left: 8.3333333333%;
659
+ }
660
+ [dir=rtl] .sap-col-lg--offset-1, .sap-col-lg--offset-1[dir=rtl] {
661
+ margin-right: 8.3333333333%;
662
+ margin-left: 0;
663
+ }
664
+
665
+ .sap-col-lg--offset-after-1 {
666
+ margin-right: 8.3333333333%;
667
+ }
668
+ [dir=rtl] .sap-col-lg--offset-after-1, .sap-col-lg--offset-after-1[dir=rtl] {
669
+ margin-right: 0;
670
+ margin-left: 8.3333333333%;
671
+ }
672
+
673
+ .sap-col-lg--2 {
674
+ min-width: 16.6666666667%;
675
+ max-width: 16.6666666667%;
676
+ }
677
+
678
+ .sap-col-lg--offset-2 {
679
+ margin-left: 16.6666666667%;
680
+ }
681
+ [dir=rtl] .sap-col-lg--offset-2, .sap-col-lg--offset-2[dir=rtl] {
682
+ margin-right: 16.6666666667%;
683
+ margin-left: 0;
684
+ }
685
+
686
+ .sap-col-lg--offset-after-2 {
687
+ margin-right: 16.6666666667%;
688
+ }
689
+ [dir=rtl] .sap-col-lg--offset-after-2, .sap-col-lg--offset-after-2[dir=rtl] {
690
+ margin-right: 0;
691
+ margin-left: 16.6666666667%;
692
+ }
693
+
694
+ .sap-col-lg--3 {
695
+ min-width: 25%;
696
+ max-width: 25%;
697
+ }
698
+
699
+ .sap-col-lg--offset-3 {
700
+ margin-left: 25%;
701
+ }
702
+ [dir=rtl] .sap-col-lg--offset-3, .sap-col-lg--offset-3[dir=rtl] {
703
+ margin-right: 25%;
704
+ margin-left: 0;
705
+ }
706
+
707
+ .sap-col-lg--offset-after-3 {
708
+ margin-right: 25%;
709
+ }
710
+ [dir=rtl] .sap-col-lg--offset-after-3, .sap-col-lg--offset-after-3[dir=rtl] {
711
+ margin-right: 0;
712
+ margin-left: 25%;
713
+ }
714
+
715
+ .sap-col-lg--4 {
716
+ min-width: 33.3333333333%;
717
+ max-width: 33.3333333333%;
718
+ }
719
+
720
+ .sap-col-lg--offset-4 {
721
+ margin-left: 33.3333333333%;
722
+ }
723
+ [dir=rtl] .sap-col-lg--offset-4, .sap-col-lg--offset-4[dir=rtl] {
724
+ margin-right: 33.3333333333%;
725
+ margin-left: 0;
726
+ }
727
+
728
+ .sap-col-lg--offset-after-4 {
729
+ margin-right: 33.3333333333%;
730
+ }
731
+ [dir=rtl] .sap-col-lg--offset-after-4, .sap-col-lg--offset-after-4[dir=rtl] {
732
+ margin-right: 0;
733
+ margin-left: 33.3333333333%;
734
+ }
735
+
736
+ .sap-col-lg--5 {
737
+ min-width: 41.6666666667%;
738
+ max-width: 41.6666666667%;
739
+ }
740
+
741
+ .sap-col-lg--offset-5 {
742
+ margin-left: 41.6666666667%;
743
+ }
744
+ [dir=rtl] .sap-col-lg--offset-5, .sap-col-lg--offset-5[dir=rtl] {
745
+ margin-right: 41.6666666667%;
746
+ margin-left: 0;
747
+ }
748
+
749
+ .sap-col-lg--offset-after-5 {
750
+ margin-right: 41.6666666667%;
751
+ }
752
+ [dir=rtl] .sap-col-lg--offset-after-5, .sap-col-lg--offset-after-5[dir=rtl] {
753
+ margin-right: 0;
754
+ margin-left: 41.6666666667%;
755
+ }
756
+
757
+ .sap-col-lg--6 {
758
+ min-width: 50%;
759
+ max-width: 50%;
760
+ }
761
+
762
+ .sap-col-lg--offset-6 {
763
+ margin-left: 50%;
764
+ }
765
+ [dir=rtl] .sap-col-lg--offset-6, .sap-col-lg--offset-6[dir=rtl] {
766
+ margin-right: 50%;
767
+ margin-left: 0;
768
+ }
769
+
770
+ .sap-col-lg--offset-after-6 {
771
+ margin-right: 50%;
772
+ }
773
+ [dir=rtl] .sap-col-lg--offset-after-6, .sap-col-lg--offset-after-6[dir=rtl] {
774
+ margin-right: 0;
775
+ margin-left: 50%;
776
+ }
777
+
778
+ .sap-col-lg--7 {
779
+ min-width: 58.3333333333%;
780
+ max-width: 58.3333333333%;
781
+ }
782
+
783
+ .sap-col-lg--offset-7 {
784
+ margin-left: 58.3333333333%;
785
+ }
786
+ [dir=rtl] .sap-col-lg--offset-7, .sap-col-lg--offset-7[dir=rtl] {
787
+ margin-right: 58.3333333333%;
788
+ margin-left: 0;
789
+ }
790
+
791
+ .sap-col-lg--offset-after-7 {
792
+ margin-right: 58.3333333333%;
793
+ }
794
+ [dir=rtl] .sap-col-lg--offset-after-7, .sap-col-lg--offset-after-7[dir=rtl] {
795
+ margin-right: 0;
796
+ margin-left: 58.3333333333%;
797
+ }
798
+
799
+ .sap-col-lg--8 {
800
+ min-width: 66.6666666667%;
801
+ max-width: 66.6666666667%;
802
+ }
803
+
804
+ .sap-col-lg--offset-8 {
805
+ margin-left: 66.6666666667%;
806
+ }
807
+ [dir=rtl] .sap-col-lg--offset-8, .sap-col-lg--offset-8[dir=rtl] {
808
+ margin-right: 66.6666666667%;
809
+ margin-left: 0;
810
+ }
811
+
812
+ .sap-col-lg--offset-after-8 {
813
+ margin-right: 66.6666666667%;
814
+ }
815
+ [dir=rtl] .sap-col-lg--offset-after-8, .sap-col-lg--offset-after-8[dir=rtl] {
816
+ margin-right: 0;
817
+ margin-left: 66.6666666667%;
818
+ }
819
+
820
+ .sap-col-lg--9 {
821
+ min-width: 75%;
822
+ max-width: 75%;
823
+ }
824
+
825
+ .sap-col-lg--offset-9 {
826
+ margin-left: 75%;
827
+ }
828
+ [dir=rtl] .sap-col-lg--offset-9, .sap-col-lg--offset-9[dir=rtl] {
829
+ margin-right: 75%;
830
+ margin-left: 0;
831
+ }
832
+
833
+ .sap-col-lg--offset-after-9 {
834
+ margin-right: 75%;
835
+ }
836
+ [dir=rtl] .sap-col-lg--offset-after-9, .sap-col-lg--offset-after-9[dir=rtl] {
837
+ margin-right: 0;
838
+ margin-left: 75%;
839
+ }
840
+
841
+ .sap-col-lg--10 {
842
+ min-width: 83.3333333333%;
843
+ max-width: 83.3333333333%;
844
+ }
845
+
846
+ .sap-col-lg--offset-10 {
847
+ margin-left: 83.3333333333%;
848
+ }
849
+ [dir=rtl] .sap-col-lg--offset-10, .sap-col-lg--offset-10[dir=rtl] {
850
+ margin-right: 83.3333333333%;
851
+ margin-left: 0;
852
+ }
853
+
854
+ .sap-col-lg--offset-after-10 {
855
+ margin-right: 83.3333333333%;
856
+ }
857
+ [dir=rtl] .sap-col-lg--offset-after-10, .sap-col-lg--offset-after-10[dir=rtl] {
858
+ margin-right: 0;
859
+ margin-left: 83.3333333333%;
860
+ }
861
+
862
+ .sap-col-lg--11 {
863
+ min-width: 91.6666666667%;
864
+ max-width: 91.6666666667%;
865
+ }
866
+
867
+ .sap-col-lg--offset-11 {
868
+ margin-left: 91.6666666667%;
869
+ }
870
+ [dir=rtl] .sap-col-lg--offset-11, .sap-col-lg--offset-11[dir=rtl] {
871
+ margin-right: 91.6666666667%;
872
+ margin-left: 0;
873
+ }
874
+
875
+ .sap-col-lg--offset-after-11 {
876
+ margin-right: 91.6666666667%;
877
+ }
878
+ [dir=rtl] .sap-col-lg--offset-after-11, .sap-col-lg--offset-after-11[dir=rtl] {
879
+ margin-right: 0;
880
+ margin-left: 91.6666666667%;
881
+ }
882
+
883
+ .sap-col-lg--12 {
884
+ min-width: 100%;
885
+ max-width: 100%;
886
+ }
887
+
888
+ .sap-col-lg--offset-12 {
889
+ margin-left: 100%;
890
+ }
891
+ [dir=rtl] .sap-col-lg--offset-12, .sap-col-lg--offset-12[dir=rtl] {
892
+ margin-right: 100%;
893
+ margin-left: 0;
894
+ }
895
+
896
+ .sap-col-lg--offset-after-12 {
897
+ margin-right: 100%;
898
+ }
899
+ [dir=rtl] .sap-col-lg--offset-after-12, .sap-col-lg--offset-after-12[dir=rtl] {
900
+ margin-right: 0;
901
+ margin-left: 100%;
902
+ }
903
+ }
904
+ @media (min-width: 1440px) {
905
+ .sap-col-xl--0 {
906
+ min-width: 0%;
907
+ max-width: 0%;
908
+ }
909
+
910
+ .sap-col-xl--offset-0 {
911
+ margin-left: 0%;
912
+ }
913
+ [dir=rtl] .sap-col-xl--offset-0, .sap-col-xl--offset-0[dir=rtl] {
914
+ margin-right: 0%;
915
+ margin-left: 0;
916
+ }
917
+
918
+ .sap-col-xl--offset-after-0 {
919
+ margin-right: 0%;
920
+ }
921
+ [dir=rtl] .sap-col-xl--offset-after-0, .sap-col-xl--offset-after-0[dir=rtl] {
922
+ margin-right: 0;
923
+ margin-left: 0%;
924
+ }
925
+
926
+ .sap-col-xl--1 {
927
+ min-width: 8.3333333333%;
928
+ max-width: 8.3333333333%;
929
+ }
930
+
931
+ .sap-col-xl--offset-1 {
932
+ margin-left: 8.3333333333%;
933
+ }
934
+ [dir=rtl] .sap-col-xl--offset-1, .sap-col-xl--offset-1[dir=rtl] {
935
+ margin-right: 8.3333333333%;
936
+ margin-left: 0;
937
+ }
938
+
939
+ .sap-col-xl--offset-after-1 {
940
+ margin-right: 8.3333333333%;
941
+ }
942
+ [dir=rtl] .sap-col-xl--offset-after-1, .sap-col-xl--offset-after-1[dir=rtl] {
943
+ margin-right: 0;
944
+ margin-left: 8.3333333333%;
945
+ }
946
+
947
+ .sap-col-xl--2 {
948
+ min-width: 16.6666666667%;
949
+ max-width: 16.6666666667%;
950
+ }
951
+
952
+ .sap-col-xl--offset-2 {
953
+ margin-left: 16.6666666667%;
954
+ }
955
+ [dir=rtl] .sap-col-xl--offset-2, .sap-col-xl--offset-2[dir=rtl] {
956
+ margin-right: 16.6666666667%;
957
+ margin-left: 0;
958
+ }
959
+
960
+ .sap-col-xl--offset-after-2 {
961
+ margin-right: 16.6666666667%;
962
+ }
963
+ [dir=rtl] .sap-col-xl--offset-after-2, .sap-col-xl--offset-after-2[dir=rtl] {
964
+ margin-right: 0;
965
+ margin-left: 16.6666666667%;
966
+ }
967
+
968
+ .sap-col-xl--3 {
969
+ min-width: 25%;
970
+ max-width: 25%;
971
+ }
972
+
973
+ .sap-col-xl--offset-3 {
974
+ margin-left: 25%;
975
+ }
976
+ [dir=rtl] .sap-col-xl--offset-3, .sap-col-xl--offset-3[dir=rtl] {
977
+ margin-right: 25%;
978
+ margin-left: 0;
979
+ }
980
+
981
+ .sap-col-xl--offset-after-3 {
982
+ margin-right: 25%;
983
+ }
984
+ [dir=rtl] .sap-col-xl--offset-after-3, .sap-col-xl--offset-after-3[dir=rtl] {
985
+ margin-right: 0;
986
+ margin-left: 25%;
987
+ }
988
+
989
+ .sap-col-xl--4 {
990
+ min-width: 33.3333333333%;
991
+ max-width: 33.3333333333%;
992
+ }
993
+
994
+ .sap-col-xl--offset-4 {
995
+ margin-left: 33.3333333333%;
996
+ }
997
+ [dir=rtl] .sap-col-xl--offset-4, .sap-col-xl--offset-4[dir=rtl] {
998
+ margin-right: 33.3333333333%;
999
+ margin-left: 0;
1000
+ }
1001
+
1002
+ .sap-col-xl--offset-after-4 {
1003
+ margin-right: 33.3333333333%;
1004
+ }
1005
+ [dir=rtl] .sap-col-xl--offset-after-4, .sap-col-xl--offset-after-4[dir=rtl] {
1006
+ margin-right: 0;
1007
+ margin-left: 33.3333333333%;
1008
+ }
1009
+
1010
+ .sap-col-xl--5 {
1011
+ min-width: 41.6666666667%;
1012
+ max-width: 41.6666666667%;
1013
+ }
1014
+
1015
+ .sap-col-xl--offset-5 {
1016
+ margin-left: 41.6666666667%;
1017
+ }
1018
+ [dir=rtl] .sap-col-xl--offset-5, .sap-col-xl--offset-5[dir=rtl] {
1019
+ margin-right: 41.6666666667%;
1020
+ margin-left: 0;
1021
+ }
1022
+
1023
+ .sap-col-xl--offset-after-5 {
1024
+ margin-right: 41.6666666667%;
1025
+ }
1026
+ [dir=rtl] .sap-col-xl--offset-after-5, .sap-col-xl--offset-after-5[dir=rtl] {
1027
+ margin-right: 0;
1028
+ margin-left: 41.6666666667%;
1029
+ }
1030
+
1031
+ .sap-col-xl--6 {
1032
+ min-width: 50%;
1033
+ max-width: 50%;
1034
+ }
1035
+
1036
+ .sap-col-xl--offset-6 {
1037
+ margin-left: 50%;
1038
+ }
1039
+ [dir=rtl] .sap-col-xl--offset-6, .sap-col-xl--offset-6[dir=rtl] {
1040
+ margin-right: 50%;
1041
+ margin-left: 0;
1042
+ }
1043
+
1044
+ .sap-col-xl--offset-after-6 {
1045
+ margin-right: 50%;
1046
+ }
1047
+ [dir=rtl] .sap-col-xl--offset-after-6, .sap-col-xl--offset-after-6[dir=rtl] {
1048
+ margin-right: 0;
1049
+ margin-left: 50%;
1050
+ }
1051
+
1052
+ .sap-col-xl--7 {
1053
+ min-width: 58.3333333333%;
1054
+ max-width: 58.3333333333%;
1055
+ }
1056
+
1057
+ .sap-col-xl--offset-7 {
1058
+ margin-left: 58.3333333333%;
1059
+ }
1060
+ [dir=rtl] .sap-col-xl--offset-7, .sap-col-xl--offset-7[dir=rtl] {
1061
+ margin-right: 58.3333333333%;
1062
+ margin-left: 0;
1063
+ }
1064
+
1065
+ .sap-col-xl--offset-after-7 {
1066
+ margin-right: 58.3333333333%;
1067
+ }
1068
+ [dir=rtl] .sap-col-xl--offset-after-7, .sap-col-xl--offset-after-7[dir=rtl] {
1069
+ margin-right: 0;
1070
+ margin-left: 58.3333333333%;
1071
+ }
1072
+
1073
+ .sap-col-xl--8 {
1074
+ min-width: 66.6666666667%;
1075
+ max-width: 66.6666666667%;
1076
+ }
1077
+
1078
+ .sap-col-xl--offset-8 {
1079
+ margin-left: 66.6666666667%;
1080
+ }
1081
+ [dir=rtl] .sap-col-xl--offset-8, .sap-col-xl--offset-8[dir=rtl] {
1082
+ margin-right: 66.6666666667%;
1083
+ margin-left: 0;
1084
+ }
1085
+
1086
+ .sap-col-xl--offset-after-8 {
1087
+ margin-right: 66.6666666667%;
1088
+ }
1089
+ [dir=rtl] .sap-col-xl--offset-after-8, .sap-col-xl--offset-after-8[dir=rtl] {
1090
+ margin-right: 0;
1091
+ margin-left: 66.6666666667%;
1092
+ }
1093
+
1094
+ .sap-col-xl--9 {
1095
+ min-width: 75%;
1096
+ max-width: 75%;
1097
+ }
1098
+
1099
+ .sap-col-xl--offset-9 {
1100
+ margin-left: 75%;
1101
+ }
1102
+ [dir=rtl] .sap-col-xl--offset-9, .sap-col-xl--offset-9[dir=rtl] {
1103
+ margin-right: 75%;
1104
+ margin-left: 0;
1105
+ }
1106
+
1107
+ .sap-col-xl--offset-after-9 {
1108
+ margin-right: 75%;
1109
+ }
1110
+ [dir=rtl] .sap-col-xl--offset-after-9, .sap-col-xl--offset-after-9[dir=rtl] {
1111
+ margin-right: 0;
1112
+ margin-left: 75%;
1113
+ }
1114
+
1115
+ .sap-col-xl--10 {
1116
+ min-width: 83.3333333333%;
1117
+ max-width: 83.3333333333%;
1118
+ }
1119
+
1120
+ .sap-col-xl--offset-10 {
1121
+ margin-left: 83.3333333333%;
1122
+ }
1123
+ [dir=rtl] .sap-col-xl--offset-10, .sap-col-xl--offset-10[dir=rtl] {
1124
+ margin-right: 83.3333333333%;
1125
+ margin-left: 0;
1126
+ }
1127
+
1128
+ .sap-col-xl--offset-after-10 {
1129
+ margin-right: 83.3333333333%;
1130
+ }
1131
+ [dir=rtl] .sap-col-xl--offset-after-10, .sap-col-xl--offset-after-10[dir=rtl] {
1132
+ margin-right: 0;
1133
+ margin-left: 83.3333333333%;
1134
+ }
1135
+
1136
+ .sap-col-xl--11 {
1137
+ min-width: 91.6666666667%;
1138
+ max-width: 91.6666666667%;
1139
+ }
1140
+
1141
+ .sap-col-xl--offset-11 {
1142
+ margin-left: 91.6666666667%;
1143
+ }
1144
+ [dir=rtl] .sap-col-xl--offset-11, .sap-col-xl--offset-11[dir=rtl] {
1145
+ margin-right: 91.6666666667%;
1146
+ margin-left: 0;
1147
+ }
1148
+
1149
+ .sap-col-xl--offset-after-11 {
1150
+ margin-right: 91.6666666667%;
1151
+ }
1152
+ [dir=rtl] .sap-col-xl--offset-after-11, .sap-col-xl--offset-after-11[dir=rtl] {
1153
+ margin-right: 0;
1154
+ margin-left: 91.6666666667%;
1155
+ }
1156
+
1157
+ .sap-col-xl--12 {
1158
+ min-width: 100%;
1159
+ max-width: 100%;
1160
+ }
1161
+
1162
+ .sap-col-xl--offset-12 {
1163
+ margin-left: 100%;
1164
+ }
1165
+ [dir=rtl] .sap-col-xl--offset-12, .sap-col-xl--offset-12[dir=rtl] {
1166
+ margin-right: 100%;
1167
+ margin-left: 0;
1168
+ }
1169
+
1170
+ .sap-col-xl--offset-after-12 {
1171
+ margin-right: 100%;
1172
+ }
1173
+ [dir=rtl] .sap-col-xl--offset-after-12, .sap-col-xl--offset-after-12[dir=rtl] {
1174
+ margin-right: 0;
1175
+ margin-left: 100%;
1176
+ }
1177
+ }
1178
+ /* Fully expanded pseudo element. Requires parent to have specified position */
1179
+ /* stylelint-disable */
1180
+ /* stylelint-enable */
1181
+ /* stylelint-disable */
1182
+ /* stylelint-enable */
1183
+ /* stylelint-disable */
1184
+ /* stylelint-enable */
1185
+ /* Fully expanded pseudo element. Requires parent to have specified position */
1186
+ /* Fully expanded pseudo element. Requires parent to have specified position */
1187
+ .sap-margin--tiny {
1188
+ margin: 0.5rem !important;
1189
+ }
1190
+ .sap-margin--sm {
1191
+ margin: 1rem !important;
1192
+ }
1193
+ .sap-margin--md {
1194
+ margin: 2rem !important;
1195
+ }
1196
+ .sap-margin--lg {
1197
+ margin: 3rem !important;
1198
+ }
1199
+ .sap-margin--none {
1200
+ margin: 0 !important;
1201
+ }
1202
+ .sap-margin-top--tiny {
1203
+ margin-top: 0.5rem !important;
1204
+ }
1205
+ .sap-margin-top--sm {
1206
+ margin-top: 1rem !important;
1207
+ }
1208
+ .sap-margin-top--md {
1209
+ margin-top: 2rem !important;
1210
+ }
1211
+ .sap-margin-top--lg {
1212
+ margin-top: 3rem !important;
1213
+ }
1214
+ .sap-margin-top--none {
1215
+ margin-top: 0 !important;
1216
+ }
1217
+ .sap-margin-end--tiny {
1218
+ margin-right: 0.5rem !important;
1219
+ }
1220
+ [dir=rtl] .sap-margin-end--tiny, .sap-margin-end--tiny[dir=rtl] {
1221
+ margin-left: 0.5rem !important;
1222
+ margin-right: 0 !important;
1223
+ }
1224
+ .sap-margin-end--sm {
1225
+ margin-right: 1rem !important;
1226
+ }
1227
+ [dir=rtl] .sap-margin-end--sm, .sap-margin-end--sm[dir=rtl] {
1228
+ margin-left: 1rem !important;
1229
+ margin-right: 0 !important;
1230
+ }
1231
+ .sap-margin-end--md {
1232
+ margin-right: 2rem !important;
1233
+ }
1234
+ [dir=rtl] .sap-margin-end--md, .sap-margin-end--md[dir=rtl] {
1235
+ margin-left: 2rem !important;
1236
+ margin-right: 0 !important;
1237
+ }
1238
+ .sap-margin-end--lg {
1239
+ margin-right: 3rem !important;
1240
+ }
1241
+ [dir=rtl] .sap-margin-end--lg, .sap-margin-end--lg[dir=rtl] {
1242
+ margin-left: 3rem !important;
1243
+ margin-right: 0 !important;
1244
+ }
1245
+ .sap-margin-end--none {
1246
+ margin-right: 0;
1247
+ }
1248
+ [dir=rtl] .sap-margin-end--none, .sap-margin-end--none[dir=rtl] {
1249
+ margin-left: 0 !important;
1250
+ }
1251
+ .sap-margin-bottom--tiny {
1252
+ margin-bottom: 0.5rem !important;
1253
+ }
1254
+ .sap-margin-bottom--sm {
1255
+ margin-bottom: 1rem !important;
1256
+ }
1257
+ .sap-margin-bottom--md {
1258
+ margin-bottom: 2rem !important;
1259
+ }
1260
+ .sap-margin-bottom--lg {
1261
+ margin-bottom: 3rem !important;
1262
+ }
1263
+ .sap-margin-bottom--none {
1264
+ margin-bottom: 0 !important;
1265
+ }
1266
+ .sap-margin-begin--tiny {
1267
+ margin-left: 0.5rem !important;
1268
+ }
1269
+ [dir=rtl] .sap-margin-begin--tiny, .sap-margin-begin--tiny[dir=rtl] {
1270
+ margin-right: 0.5rem !important;
1271
+ margin-left: 0 !important;
1272
+ }
1273
+ .sap-margin-begin--sm {
1274
+ margin-left: 1rem !important;
1275
+ }
1276
+ [dir=rtl] .sap-margin-begin--sm, .sap-margin-begin--sm[dir=rtl] {
1277
+ margin-right: 1rem !important;
1278
+ margin-left: 0 !important;
1279
+ }
1280
+ .sap-margin-begin--md {
1281
+ margin-left: 2rem !important;
1282
+ }
1283
+ [dir=rtl] .sap-margin-begin--md, .sap-margin-begin--md[dir=rtl] {
1284
+ margin-right: 2rem !important;
1285
+ margin-left: 0 !important;
1286
+ }
1287
+ .sap-margin-begin--lg {
1288
+ margin-left: 3rem !important;
1289
+ }
1290
+ [dir=rtl] .sap-margin-begin--lg, .sap-margin-begin--lg[dir=rtl] {
1291
+ margin-right: 3rem !important;
1292
+ margin-left: 0 !important;
1293
+ }
1294
+ .sap-margin-begin--none {
1295
+ margin-left: 0;
1296
+ }
1297
+ [dir=rtl] .sap-margin-begin--none, .sap-margin-begin--none[dir=rtl] {
1298
+ margin-right: 0 !important;
1299
+ }
1300
+ .sap-margin-top-bottom--tiny {
1301
+ margin-top: 0.5rem !important;
1302
+ margin-bottom: 0.5rem !important;
1303
+ }
1304
+ .sap-margin-top-bottom--sm {
1305
+ margin-top: 1rem !important;
1306
+ margin-bottom: 1rem !important;
1307
+ }
1308
+ .sap-margin-top-bottom--md {
1309
+ margin-top: 2rem !important;
1310
+ margin-bottom: 2rem !important;
1311
+ }
1312
+ .sap-margin-top-bottom--lg {
1313
+ margin-top: 3rem !important;
1314
+ margin-bottom: 3rem !important;
1315
+ }
1316
+ .sap-margin-begin-end--tiny {
1317
+ margin-left: 0.5rem !important;
1318
+ margin-right: 0.5rem !important;
1319
+ }
1320
+ .sap-margin-begin-end--sm {
1321
+ margin-left: 1rem !important;
1322
+ margin-right: 1rem !important;
1323
+ }
1324
+ .sap-margin-begin-end--md {
1325
+ margin-left: 2rem !important;
1326
+ margin-right: 2rem !important;
1327
+ }
1328
+ .sap-margin-begin-end--lg {
1329
+ margin-left: 3rem !important;
1330
+ margin-right: 3rem !important;
1331
+ }
1332
+ .sap-margin-responsive--sm {
1333
+ margin: 0 0 1rem 0 !important;
1334
+ }
1335
+ .sap-margin-responsive--md {
1336
+ margin: 1rem !important;
1337
+ }
1338
+ .sap-margin-responsive--lg {
1339
+ margin: 1rem 2rem !important;
1340
+ }
1341
+ .sap-margin-responsive--xl {
1342
+ margin: 1rem 3rem !important;
1343
+ }
1344
+ .sap-margin-negative-begin-end--tiny {
1345
+ margin: 0 -0.5rem !important;
1346
+ }
1347
+ .sap-margin-negative-begin-end--sm {
1348
+ margin: 0 -1rem !important;
1349
+ }
1350
+ .sap-margin-negative-begin-end--md {
1351
+ margin: 0 -2rem !important;
1352
+ }
1353
+ .sap-margin-negative-begin-end--lg {
1354
+ margin: 0 -3rem !important;
1355
+ }
1356
+ /* Fully expanded pseudo element. Requires parent to have specified position */
1357
+ /* stylelint-disable */
1358
+ /* stylelint-enable */
1359
+ /* stylelint-disable */
1360
+ /* stylelint-enable */
1361
+ /* stylelint-disable */
1362
+ /* stylelint-enable */
1363
+ /* Fully expanded pseudo element. Requires parent to have specified position */
1364
+ /* Fully expanded pseudo element. Requires parent to have specified position */
1365
+ .sap-padding {
1366
+ padding: 1rem !important;
1367
+ }
1368
+ .sap-padding-begin-end--tiny {
1369
+ padding-left: 0.5rem !important;
1370
+ padding-right: 0.5rem !important;
1371
+ }
1372
+ .sap-padding-begin-end--sm {
1373
+ padding-left: 1rem !important;
1374
+ padding-right: 1rem !important;
1375
+ }
1376
+ .sap-padding-begin-end--md {
1377
+ padding-left: 2rem !important;
1378
+ padding-right: 2rem !important;
1379
+ }
1380
+ .sap-padding-begin-end--lg {
1381
+ padding-left: 3rem !important;
1382
+ padding-right: 3rem !important;
1383
+ }
1384
+ .sap-padding--none {
1385
+ padding: 0 !important;
1386
+ }
1387
+ .sap-padding-responsive--sm {
1388
+ padding: 0 1rem !important;
1389
+ }
1390
+ .sap-padding-responsive--md, .sap-padding-responsive--lg {
1391
+ padding: 0 2rem !important;
1392
+ }
1393
+ .sap-padding-responsive--xl {
1394
+ padding: 0 3rem !important;
1395
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fundamental-styles/common-css",
3
- "version": "0.24.0",
3
+ "version": "0.24.1-rc.2",
4
4
  "license": "Apache-2.0",
5
5
  "homepage": "https://sap.github.io/fundamental-styles/",
6
6
  "description": "Fundamental Library Styles Common CSS",