@anoki/fse-ui 1.0.0-beta1.48.7 → 1.0.0-beta1.48.9
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.
- package/dist/components/ui/CommunicationSeach/CommunicationSearch.css +1 -1
- package/dist/index.cjs135.js +1 -1
- package/dist/index.cjs135.js.map +1 -1
- package/dist/index.cjs32.js +1 -1
- package/dist/index.cjs323.js +1 -1
- package/dist/index.cjs33.js +1 -1
- package/dist/index.cjs330.js +1 -1
- package/dist/index.cjs331.js +1 -1
- package/dist/index.cjs335.js +1 -1
- package/dist/index.cjs344.js +1 -1
- package/dist/index.cjs346.js +1 -1
- package/dist/index.cjs395.js +1 -1
- package/dist/index.cjs401.js +1 -1
- package/dist/index.cjs435.js +1 -1
- package/dist/index.cjs468.js +1 -1
- package/dist/index.cjs469.js +1 -1
- package/dist/index.cjs486.js +1 -1
- package/dist/index.cjs486.js.map +1 -1
- package/dist/index.cjs487.js +1 -1
- package/dist/index.cjs487.js.map +1 -1
- package/dist/index.cjs488.js +1 -1
- package/dist/index.cjs488.js.map +1 -1
- package/dist/index.cjs489.js +1 -1
- package/dist/index.cjs489.js.map +1 -1
- package/dist/index.cjs490.js +1 -1
- package/dist/index.cjs490.js.map +1 -1
- package/dist/index.cjs491.js +2 -0
- package/dist/index.cjs491.js.map +1 -0
- package/dist/index.cjs492.js +2 -0
- package/dist/index.cjs492.js.map +1 -0
- package/dist/index.cjs500.js +1 -1
- package/dist/index.cjs523.js +1 -1
- package/dist/index.cjs524.js +1 -1
- package/dist/index.cjs525.js +1 -1
- package/dist/index.cjs531.js +1 -1
- package/dist/index.cjs534.js +1 -1
- package/dist/index.cjs536.js +1 -1
- package/dist/index.cjs539.js +1 -1
- package/dist/index.cjs540.js +1 -1
- package/dist/index.cjs541.js +1 -1
- package/dist/index.cjs548.js +1 -1
- package/dist/index.cjs553.js +1 -1
- package/dist/index.cjs556.js +1 -38
- package/dist/index.cjs556.js.map +1 -1
- package/dist/index.cjs557.js +38 -1
- package/dist/index.cjs557.js.map +1 -1
- package/dist/index.cjs558.js +1 -1
- package/dist/index.cjs558.js.map +1 -1
- package/dist/index.cjs559.js +1 -1
- package/dist/index.cjs559.js.map +1 -1
- package/dist/index.cjs560.js +1 -1
- package/dist/index.cjs560.js.map +1 -1
- package/dist/index.cjs564.js +1 -1
- package/dist/index.cjs564.js.map +1 -1
- package/dist/index.cjs565.js +1 -1
- package/dist/index.cjs565.js.map +1 -1
- package/dist/index.cjs566.js +1 -1
- package/dist/index.cjs566.js.map +1 -1
- package/dist/index.cjs567.js +1 -1
- package/dist/index.cjs567.js.map +1 -1
- package/dist/index.cjs568.js +1 -1
- package/dist/index.cjs568.js.map +1 -1
- package/dist/{index.cjs574.js → index.cjs577.js} +1 -1
- package/dist/{index.cjs574.js.map → index.cjs577.js.map} +1 -1
- package/dist/{index.cjs575.js → index.cjs578.js} +1 -1
- package/dist/{index.cjs575.js.map → index.cjs578.js.map} +1 -1
- package/dist/{index.cjs583.js → index.cjs579.js} +1 -1
- package/dist/{index.cjs583.js.map → index.cjs579.js.map} +1 -1
- package/dist/index.cjs580.js +2 -0
- package/dist/index.cjs580.js.map +1 -0
- package/dist/index.cjs581.js +1 -1
- package/dist/index.cjs581.js.map +1 -1
- package/dist/index.cjs584.js +1 -1
- package/dist/index.cjs584.js.map +1 -1
- package/dist/{index.cjs582.js → index.cjs585.js} +1 -1
- package/dist/index.cjs585.js.map +1 -0
- package/dist/index.es135.js +24 -27
- package/dist/index.es135.js.map +1 -1
- package/dist/index.es32.js +1 -1
- package/dist/index.es323.js +7 -7
- package/dist/index.es33.js +1 -1
- package/dist/index.es330.js +1 -1
- package/dist/index.es331.js +1 -1
- package/dist/index.es335.js +1 -1
- package/dist/index.es344.js +1 -1
- package/dist/index.es346.js +1 -1
- package/dist/index.es395.js +1 -1
- package/dist/index.es401.js +1 -1
- package/dist/index.es435.js +1 -1
- package/dist/index.es468.js +1 -1
- package/dist/index.es469.js +7 -7
- package/dist/index.es486.js +124 -13
- package/dist/index.es486.js.map +1 -1
- package/dist/index.es487.js +134 -14
- package/dist/index.es487.js.map +1 -1
- package/dist/index.es488.js +12 -7
- package/dist/index.es488.js.map +1 -1
- package/dist/index.es489.js +15 -50
- package/dist/index.es489.js.map +1 -1
- package/dist/index.es490.js +9 -56
- package/dist/index.es490.js.map +1 -1
- package/dist/index.es491.js +53 -0
- package/dist/index.es491.js.map +1 -0
- package/dist/index.es492.js +59 -0
- package/dist/index.es492.js.map +1 -0
- package/dist/index.es500.js +1 -1
- package/dist/index.es523.js +1 -1
- package/dist/index.es524.js +2 -2
- package/dist/index.es525.js +4 -4
- package/dist/index.es531.js +3 -3
- package/dist/index.es534.js +3 -3
- package/dist/index.es536.js +1 -1
- package/dist/index.es539.js +2 -2
- package/dist/index.es540.js +1 -1
- package/dist/index.es541.js +7 -7
- package/dist/index.es548.js +1 -1
- package/dist/index.es553.js +2 -2
- package/dist/index.es556.js +65 -69
- package/dist/index.es556.js.map +1 -1
- package/dist/index.es557.js +68 -8
- package/dist/index.es557.js.map +1 -1
- package/dist/index.es558.js +9 -14
- package/dist/index.es558.js.map +1 -1
- package/dist/index.es559.js +14 -62
- package/dist/index.es559.js.map +1 -1
- package/dist/index.es560.js +61 -64
- package/dist/index.es560.js.map +1 -1
- package/dist/index.es564.js +16 -2
- package/dist/index.es564.js.map +1 -1
- package/dist/index.es565.js +2 -2
- package/dist/index.es565.js.map +1 -1
- package/dist/index.es566.js +2 -2
- package/dist/index.es566.js.map +1 -1
- package/dist/index.es567.js +2 -6
- package/dist/index.es567.js.map +1 -1
- package/dist/index.es568.js +6 -16
- package/dist/index.es568.js.map +1 -1
- package/dist/{index.es574.js → index.es577.js} +1 -1
- package/dist/{index.es574.js.map → index.es577.js.map} +1 -1
- package/dist/{index.es575.js → index.es578.js} +1 -1
- package/dist/{index.es575.js.map → index.es578.js.map} +1 -1
- package/dist/{index.es583.js → index.es579.js} +1 -1
- package/dist/{index.es583.js.map → index.es579.js.map} +1 -1
- package/dist/index.es580.js +5 -0
- package/dist/index.es580.js.map +1 -0
- package/dist/index.es581.js +3 -73
- package/dist/index.es581.js.map +1 -1
- package/dist/index.es584.js +74 -2
- package/dist/index.es584.js.map +1 -1
- package/dist/{index.es582.js → index.es585.js} +1 -1
- package/dist/index.es585.js.map +1 -0
- package/package.json +1 -1
- package/dist/index.cjs484.js +0 -2
- package/dist/index.cjs484.js.map +0 -1
- package/dist/index.cjs485.js +0 -2
- package/dist/index.cjs485.js.map +0 -1
- package/dist/index.cjs576.js +0 -2
- package/dist/index.cjs576.js.map +0 -1
- package/dist/index.cjs582.js.map +0 -1
- package/dist/index.es484.js +0 -128
- package/dist/index.es484.js.map +0 -1
- package/dist/index.es485.js +0 -138
- package/dist/index.es485.js.map +0 -1
- package/dist/index.es576.js +0 -7
- package/dist/index.es576.js.map +0 -1
- package/dist/index.es582.js.map +0 -1
- /package/dist/components/ui/{CardMapDoctor/CardMapDoctor.css → CardMapDoctorV2/CardMapDoctorV2.css} +0 -0
- /package/dist/components/ui/{DoctorConfirmModal/DoctorConfirmModalContent/DoctorConfirmModalContent.css → ConsentModal/ConsentModalContent/ConsentModalContent.css} +0 -0
- /package/dist/components/ui/{ConsentModal/ConsentModalFooter/ConsentModalFooter.css → DoctorModal/DoctorModalFooter/DoctorModalFooter.css} +0 -0
@@ -1 +1 @@
|
|
1
|
-
:root{--base: 4px;--x4: map-get($spacing, "x4");--x8: map-get($spacing, "x8");--x12: map-get($spacing, "x12");--x16: map-get($spacing, "x16");--x20: map-get($spacing, "x20");--x22: map-get($spacing, "x22");--x24: map-get($spacing, "x24");--x28: map-get($spacing, "x28");--x32: map-get($spacing, "x32");--x36: map-get($spacing, "x36");--x40: map-get($spacing, "x40");--x44: map-get($spacing, "x44");--x46: map-get($spacing, "x46");--x48: map-get($spacing, "x48");--x52: map-get($spacing, "x52");--x56: map-get($spacing, "x56");--x60: map-get($spacing, "x60");--x64: map-get($spacing, "x64");--x68: map-get($spacing, "x68");--x72: map-get($spacing, "x72");--x76: map-get($spacing, "x76");--x80: map-get($spacing, "x80");--x84: map-get($spacing, "x84");--x88: map-get($spacing, "x88");--x92: map-get($spacing, "x92");--x96: map-get($spacing, "x96");--x100: map-get($spacing, "x100");--x104: map-get($spacing, "x104");--x112: map-get($spacing, "x112");--x116: map-get($spacing, "x116");--x120: map-get($spacing, "x120");--x124: map-get($spacing, "x124");--x128: map-get($spacing, "x128");--x132: map-get($spacing, "x132");--x136: map-get($spacing, "x136");--x140: map-get($spacing, "x140");--x144: map-get($spacing, "x144");--x160: map-get($spacing, "x160");--x252: map-get($spacing, "x252")}@media (max-width: 767px){.ui-modal-override{width:calc(100dvw - 48px);height:calc(100dvh - 32px)}}.ui-filters-modal{border-radius:4px;height:100svh!important;width:100dvw!important;max-width:100dvw!important;overflow-y:auto;flex-shrink:0;display:flex;flex-direction:column}@media (min-width: 1200px){.ui-filters-modal{position:fixed;height:100%!important;width:30%!important;left:auto!important;right:-15%!important}}.m-x4{margin:calc(var(--base) * 1)}.mx-x4{margin-left:calc(var(--base) * 1);margin-right:calc(var(--base) * 1)}.my-x4{margin-top:calc(var(--base) * 1);margin-bottom:calc(var(--base) * 1)}.mt-x4{margin-top:calc(var(--base) * 1)}.mr-x4{margin-right:calc(var(--base) * 1)}.mb-x4{margin-bottom:calc(var(--base) * 1)}.ml-x4{margin-left:calc(var(--base) * 1)}.p-x4{padding:calc(var(--base) * 1)}.px-x4{padding-left:calc(var(--base) * 1);padding-right:calc(var(--base) * 1)}.py-x4{padding-top:calc(var(--base) * 1);padding-bottom:calc(var(--base) * 1)}.pt-x4{padding-top:calc(var(--base) * 1)}.pr-x4{padding-right:calc(var(--base) * 1)}.pb-x4{padding-bottom:calc(var(--base) * 1)}.pl-x4{padding-left:calc(var(--base) * 1)}.pi-x4{padding-inline:calc(var(--base) * 1)}.pbl-x4{padding-block:calc(var(--base) * 1)}.gap-x4{gap:calc(var(--base) * 1)}.h-x4{height:calc(var(--base) * 1)}.w-x4{width:calc(var(--base) * 1)}.min-h-x4{min-height:calc(var(--base) * 1)}.min-w-x4{min-width:calc(var(--base) * 1)}.max-h-x4{max-height:calc(var(--base) * 1)}.max-w-x4{max-width:calc(var(--base) * 1)}.size-x4{width:calc(var(--base) * 1);height:calc(var(--base) * 1)}.br-x4{border-radius:calc(var(--base) * 1)}.br-t-x4{border-top-left-radius:calc(var(--base) * 1);border-top-right-radius:calc(var(--base) * 1)}.br-r-x4{border-top-right-radius:calc(var(--base) * 1);border-bottom-right-radius:calc(var(--base) * 1)}.br-b-x4{border-bottom-right-radius:calc(var(--base) * 1);border-bottom-left-radius:calc(var(--base) * 1)}.br-l-x4{border-top-left-radius:calc(var(--base) * 1);border-bottom-left-radius:calc(var(--base) * 1)}.m-x8{margin:calc(var(--base) * 2)}.mx-x8{margin-left:calc(var(--base) * 2);margin-right:calc(var(--base) * 2)}.my-x8{margin-top:calc(var(--base) * 2);margin-bottom:calc(var(--base) * 2)}.mt-x8{margin-top:calc(var(--base) * 2)}.mr-x8{margin-right:calc(var(--base) * 2)}.mb-x8{margin-bottom:calc(var(--base) * 2)}.ml-x8{margin-left:calc(var(--base) * 2)}.pr-x8{padding-right:calc(var(--base) * 2)}.pl-x8{padding-left:calc(var(--base) * 2)}.pi-x8{padding-inline:calc(var(--base) * 2)}.pbl-x8{padding-block:calc(var(--base) * 2)}.min-h-x8{min-height:calc(var(--base) * 2)}.min-w-x8{min-width:calc(var(--base) * 2)}.max-h-x8{max-height:calc(var(--base) * 2)}.max-w-x8{max-width:calc(var(--base) * 2)}.size-x8{width:calc(var(--base) * 2);height:calc(var(--base) * 2)}.br-x8{border-radius:calc(var(--base) * 2)}.br-t-x8{border-top-left-radius:calc(var(--base) * 2);border-top-right-radius:calc(var(--base) * 2)}.br-r-x8{border-top-right-radius:calc(var(--base) * 2);border-bottom-right-radius:calc(var(--base) * 2)}.br-b-x8{border-bottom-right-radius:calc(var(--base) * 2);border-bottom-left-radius:calc(var(--base) * 2)}.br-l-x8{border-top-left-radius:calc(var(--base) * 2);border-bottom-left-radius:calc(var(--base) * 2)}.m-x12{margin:calc(var(--base) * 3)}.mx-x12{margin-left:calc(var(--base) * 3);margin-right:calc(var(--base) * 3)}.my-x12{margin-top:calc(var(--base) * 3);margin-bottom:calc(var(--base) * 3)}.mt-x12{margin-top:calc(var(--base) * 3)}.mr-x12{margin-right:calc(var(--base) * 3)}.mb-x12{margin-bottom:calc(var(--base) * 3)}.ml-x12{margin-left:calc(var(--base) * 3)}.p-x12{padding:calc(var(--base) * 3)}.px-x12{padding-left:calc(var(--base) * 3);padding-right:calc(var(--base) * 3)}.py-x12{padding-top:calc(var(--base) * 3);padding-bottom:calc(var(--base) * 3)}.pt-x12{padding-top:calc(var(--base) * 3)}.pr-x12{padding-right:calc(var(--base) * 3)}.pb-x12{padding-bottom:calc(var(--base) * 3)}.pl-x12{padding-left:calc(var(--base) * 3)}.pi-x12{padding-inline:calc(var(--base) * 3)}.pbl-x12{padding-block:calc(var(--base) * 3)}.gap-x12{gap:calc(var(--base) * 3)}.h-x12{height:calc(var(--base) * 3)}.w-x12{width:calc(var(--base) * 3)}.min-h-x12{min-height:calc(var(--base) * 3)}.min-w-x12{min-width:calc(var(--base) * 3)}.max-h-x12{max-height:calc(var(--base) * 3)}.max-w-x12{max-width:calc(var(--base) * 3)}.size-x12{width:calc(var(--base) * 3);height:calc(var(--base) * 3)}.br-x12{border-radius:calc(var(--base) * 3)}.br-t-x12{border-top-left-radius:calc(var(--base) * 3);border-top-right-radius:calc(var(--base) * 3)}.br-r-x12{border-top-right-radius:calc(var(--base) * 3);border-bottom-right-radius:calc(var(--base) * 3)}.br-b-x12{border-bottom-right-radius:calc(var(--base) * 3);border-bottom-left-radius:calc(var(--base) * 3)}.br-l-x12{border-top-left-radius:calc(var(--base) * 3);border-bottom-left-radius:calc(var(--base) * 3)}.m-x16{margin:calc(var(--base) * 4)}.mx-x16{margin-left:calc(var(--base) * 4);margin-right:calc(var(--base) * 4)}.my-x16{margin-top:calc(var(--base) * 4);margin-bottom:calc(var(--base) * 4)}.mt-x16{margin-top:calc(var(--base) * 4)}.mr-x16{margin-right:calc(var(--base) * 4)}.mb-x16{margin-bottom:calc(var(--base) * 4)}.ml-x16{margin-left:calc(var(--base) * 4)}.pr-x16{padding-right:calc(var(--base) * 4)}.pl-x16{padding-left:calc(var(--base) * 4)}.pi-x16{padding-inline:calc(var(--base) * 4)}.pbl-x16{padding-block:calc(var(--base) * 4)}.min-h-x16{min-height:calc(var(--base) * 4)}.min-w-x16{min-width:calc(var(--base) * 4)}.max-h-x16{max-height:calc(var(--base) * 4)}.max-w-x16{max-width:calc(var(--base) * 4)}.size-x16{width:calc(var(--base) * 4);height:calc(var(--base) * 4)}.br-x16{border-radius:calc(var(--base) * 4)}.br-t-x16{border-top-left-radius:calc(var(--base) * 4);border-top-right-radius:calc(var(--base) * 4)}.br-r-x16{border-top-right-radius:calc(var(--base) * 4);border-bottom-right-radius:calc(var(--base) * 4)}.br-b-x16{border-bottom-right-radius:calc(var(--base) * 4);border-bottom-left-radius:calc(var(--base) * 4)}.br-l-x16{border-top-left-radius:calc(var(--base) * 4);border-bottom-left-radius:calc(var(--base) * 4)}.m-x20{margin:calc(var(--base) * 5)}.mx-x20{margin-left:calc(var(--base) * 5);margin-right:calc(var(--base) * 5)}.my-x20{margin-top:calc(var(--base) * 5);margin-bottom:calc(var(--base) * 5)}.mt-x20{margin-top:calc(var(--base) * 5)}.mr-x20{margin-right:calc(var(--base) * 5)}.mb-x20{margin-bottom:calc(var(--base) * 5)}.ml-x20{margin-left:calc(var(--base) * 5)}.pr-x20{padding-right:calc(var(--base) * 5)}.pl-x20{padding-left:calc(var(--base) * 5)}.pi-x20{padding-inline:calc(var(--base) * 5)}.pbl-x20{padding-block:calc(var(--base) * 5)}.min-h-x20{min-height:calc(var(--base) * 5)}.min-w-x20{min-width:calc(var(--base) * 5)}.max-h-x20{max-height:calc(var(--base) * 5)}.max-w-x20{max-width:calc(var(--base) * 5)}.size-x20{width:calc(var(--base) * 5);height:calc(var(--base) * 5)}.br-x20{border-radius:calc(var(--base) * 5)}.br-t-x20{border-top-left-radius:calc(var(--base) * 5);border-top-right-radius:calc(var(--base) * 5)}.br-r-x20{border-top-right-radius:calc(var(--base) * 5);border-bottom-right-radius:calc(var(--base) * 5)}.br-b-x20{border-bottom-right-radius:calc(var(--base) * 5);border-bottom-left-radius:calc(var(--base) * 5)}.br-l-x20{border-top-left-radius:calc(var(--base) * 5);border-bottom-left-radius:calc(var(--base) * 5)}.m-x22{margin:calc(var(--base) * 5.5)}.mx-x22{margin-left:calc(var(--base) * 5.5);margin-right:calc(var(--base) * 5.5)}.my-x22{margin-top:calc(var(--base) * 5.5);margin-bottom:calc(var(--base) * 5.5)}.mt-x22{margin-top:calc(var(--base) * 5.5)}.mr-x22{margin-right:calc(var(--base) * 5.5)}.mb-x22{margin-bottom:calc(var(--base) * 5.5)}.ml-x22{margin-left:calc(var(--base) * 5.5)}.p-x22{padding:calc(var(--base) * 5.5)}.px-x22{padding-left:calc(var(--base) * 5.5);padding-right:calc(var(--base) * 5.5)}.py-x22{padding-top:calc(var(--base) * 5.5);padding-bottom:calc(var(--base) * 5.5)}.pt-x22{padding-top:calc(var(--base) * 5.5)}.pr-x22{padding-right:calc(var(--base) * 5.5)}.pb-x22{padding-bottom:calc(var(--base) * 5.5)}.pl-x22{padding-left:calc(var(--base) * 5.5)}.pi-x22{padding-inline:calc(var(--base) * 5.5)}.pbl-x22{padding-block:calc(var(--base) * 5.5)}.gap-x22{gap:calc(var(--base) * 5.5)}.h-x22{height:calc(var(--base) * 5.5)}.w-x22{width:calc(var(--base) * 5.5)}.min-h-x22{min-height:calc(var(--base) * 5.5)}.min-w-x22{min-width:calc(var(--base) * 5.5)}.max-h-x22{max-height:calc(var(--base) * 5.5)}.max-w-x22{max-width:calc(var(--base) * 5.5)}.size-x22{width:calc(var(--base) * 5.5);height:calc(var(--base) * 5.5)}.br-x22{border-radius:calc(var(--base) * 5.5)}.br-t-x22{border-top-left-radius:calc(var(--base) * 5.5);border-top-right-radius:calc(var(--base) * 5.5)}.br-r-x22{border-top-right-radius:calc(var(--base) * 5.5);border-bottom-right-radius:calc(var(--base) * 5.5)}.br-b-x22{border-bottom-right-radius:calc(var(--base) * 5.5);border-bottom-left-radius:calc(var(--base) * 5.5)}.br-l-x22{border-top-left-radius:calc(var(--base) * 5.5);border-bottom-left-radius:calc(var(--base) * 5.5)}.m-x24{margin:calc(var(--base) * 6)}.mx-x24{margin-left:calc(var(--base) * 6);margin-right:calc(var(--base) * 6)}.my-x24{margin-top:calc(var(--base) * 6);margin-bottom:calc(var(--base) * 6)}.mt-x24{margin-top:calc(var(--base) * 6)}.mr-x24{margin-right:calc(var(--base) * 6)}.mb-x24{margin-bottom:calc(var(--base) * 6)}.ml-x24{margin-left:calc(var(--base) * 6)}.pr-x24{padding-right:calc(var(--base) * 6)}.pl-x24{padding-left:calc(var(--base) * 6)}.pi-x24{padding-inline:calc(var(--base) * 6)}.pbl-x24{padding-block:calc(var(--base) * 6)}.min-h-x24{min-height:calc(var(--base) * 6)}.min-w-x24{min-width:calc(var(--base) * 6)}.max-h-x24{max-height:calc(var(--base) * 6)}.max-w-x24{max-width:calc(var(--base) * 6)}.size-x24{width:calc(var(--base) * 6);height:calc(var(--base) * 6)}.br-x24{border-radius:calc(var(--base) * 6)}.br-t-x24{border-top-left-radius:calc(var(--base) * 6);border-top-right-radius:calc(var(--base) * 6)}.br-r-x24{border-top-right-radius:calc(var(--base) * 6);border-bottom-right-radius:calc(var(--base) * 6)}.br-b-x24{border-bottom-right-radius:calc(var(--base) * 6);border-bottom-left-radius:calc(var(--base) * 6)}.br-l-x24{border-top-left-radius:calc(var(--base) * 6);border-bottom-left-radius:calc(var(--base) * 6)}.m-x28{margin:calc(var(--base) * 7)}.mx-x28{margin-left:calc(var(--base) * 7);margin-right:calc(var(--base) * 7)}.my-x28{margin-top:calc(var(--base) * 7);margin-bottom:calc(var(--base) * 7)}.mt-x28{margin-top:calc(var(--base) * 7)}.mr-x28{margin-right:calc(var(--base) * 7)}.mb-x28{margin-bottom:calc(var(--base) * 7)}.ml-x28{margin-left:calc(var(--base) * 7)}.pr-x28{padding-right:calc(var(--base) * 7)}.pl-x28{padding-left:calc(var(--base) * 7)}.pi-x28{padding-inline:calc(var(--base) * 7)}.pbl-x28{padding-block:calc(var(--base) * 7)}.min-h-x28{min-height:calc(var(--base) * 7)}.min-w-x28{min-width:calc(var(--base) * 7)}.max-h-x28{max-height:calc(var(--base) * 7)}.max-w-x28{max-width:calc(var(--base) * 7)}.size-x28{width:calc(var(--base) * 7);height:calc(var(--base) * 7)}.br-x28{border-radius:calc(var(--base) * 7)}.br-t-x28{border-top-left-radius:calc(var(--base) * 7);border-top-right-radius:calc(var(--base) * 7)}.br-r-x28{border-top-right-radius:calc(var(--base) * 7);border-bottom-right-radius:calc(var(--base) * 7)}.br-b-x28{border-bottom-right-radius:calc(var(--base) * 7);border-bottom-left-radius:calc(var(--base) * 7)}.br-l-x28{border-top-left-radius:calc(var(--base) * 7);border-bottom-left-radius:calc(var(--base) * 7)}.m-x32{margin:calc(var(--base) * 8)}.mx-x32{margin-left:calc(var(--base) * 8);margin-right:calc(var(--base) * 8)}.my-x32{margin-top:calc(var(--base) * 8);margin-bottom:calc(var(--base) * 8)}.mt-x32{margin-top:calc(var(--base) * 8)}.mr-x32{margin-right:calc(var(--base) * 8)}.mb-x32{margin-bottom:calc(var(--base) * 8)}.ml-x32{margin-left:calc(var(--base) * 8)}.pr-x32{padding-right:calc(var(--base) * 8)}.pl-x32{padding-left:calc(var(--base) * 8)}.pi-x32{padding-inline:calc(var(--base) * 8)}.pbl-x32{padding-block:calc(var(--base) * 8)}.min-h-x32{min-height:calc(var(--base) * 8)}.min-w-x32{min-width:calc(var(--base) * 8)}.max-h-x32{max-height:calc(var(--base) * 8)}.max-w-x32{max-width:calc(var(--base) * 8)}.size-x32{width:calc(var(--base) * 8);height:calc(var(--base) * 8)}.br-x32{border-radius:calc(var(--base) * 8)}.br-t-x32{border-top-left-radius:calc(var(--base) * 8);border-top-right-radius:calc(var(--base) * 8)}.br-r-x32{border-top-right-radius:calc(var(--base) * 8);border-bottom-right-radius:calc(var(--base) * 8)}.br-b-x32{border-bottom-right-radius:calc(var(--base) * 8);border-bottom-left-radius:calc(var(--base) * 8)}.br-l-x32{border-top-left-radius:calc(var(--base) * 8);border-bottom-left-radius:calc(var(--base) * 8)}.m-x36{margin:calc(var(--base) * 9)}.mx-x36{margin-left:calc(var(--base) * 9);margin-right:calc(var(--base) * 9)}.my-x36{margin-top:calc(var(--base) * 9);margin-bottom:calc(var(--base) * 9)}.mt-x36{margin-top:calc(var(--base) * 9)}.mr-x36{margin-right:calc(var(--base) * 9)}.mb-x36{margin-bottom:calc(var(--base) * 9)}.ml-x36{margin-left:calc(var(--base) * 9)}.pr-x36{padding-right:calc(var(--base) * 9)}.pl-x36{padding-left:calc(var(--base) * 9)}.pi-x36{padding-inline:calc(var(--base) * 9)}.pbl-x36{padding-block:calc(var(--base) * 9)}.min-h-x36{min-height:calc(var(--base) * 9)}.min-w-x36{min-width:calc(var(--base) * 9)}.max-h-x36{max-height:calc(var(--base) * 9)}.max-w-x36{max-width:calc(var(--base) * 9)}.size-x36{width:calc(var(--base) * 9);height:calc(var(--base) * 9)}.br-x36{border-radius:calc(var(--base) * 9)}.br-t-x36{border-top-left-radius:calc(var(--base) * 9);border-top-right-radius:calc(var(--base) * 9)}.br-r-x36{border-top-right-radius:calc(var(--base) * 9);border-bottom-right-radius:calc(var(--base) * 9)}.br-b-x36{border-bottom-right-radius:calc(var(--base) * 9);border-bottom-left-radius:calc(var(--base) * 9)}.br-l-x36{border-top-left-radius:calc(var(--base) * 9);border-bottom-left-radius:calc(var(--base) * 9)}.m-x38{margin:calc(var(--base) * 9.5)}.mx-x38{margin-left:calc(var(--base) * 9.5);margin-right:calc(var(--base) * 9.5)}.my-x38{margin-top:calc(var(--base) * 9.5);margin-bottom:calc(var(--base) * 9.5)}.mt-x38{margin-top:calc(var(--base) * 9.5)}.mr-x38{margin-right:calc(var(--base) * 9.5)}.mb-x38{margin-bottom:calc(var(--base) * 9.5)}.ml-x38{margin-left:calc(var(--base) * 9.5)}.p-x38{padding:calc(var(--base) * 9.5)}.px-x38{padding-left:calc(var(--base) * 9.5);padding-right:calc(var(--base) * 9.5)}.py-x38{padding-top:calc(var(--base) * 9.5);padding-bottom:calc(var(--base) * 9.5)}.pt-x38{padding-top:calc(var(--base) * 9.5)}.pr-x38{padding-right:calc(var(--base) * 9.5)}.pb-x38{padding-bottom:calc(var(--base) * 9.5)}.pl-x38{padding-left:calc(var(--base) * 9.5)}.pi-x38{padding-inline:calc(var(--base) * 9.5)}.pbl-x38{padding-block:calc(var(--base) * 9.5)}.gap-x38{gap:calc(var(--base) * 9.5)}.h-x38{height:calc(var(--base) * 9.5)}.w-x38{width:calc(var(--base) * 9.5)}.min-h-x38{min-height:calc(var(--base) * 9.5)}.min-w-x38{min-width:calc(var(--base) * 9.5)}.max-h-x38{max-height:calc(var(--base) * 9.5)}.max-w-x38{max-width:calc(var(--base) * 9.5)}.size-x38{width:calc(var(--base) * 9.5);height:calc(var(--base) * 9.5)}.br-x38{border-radius:calc(var(--base) * 9.5)}.br-t-x38{border-top-left-radius:calc(var(--base) * 9.5);border-top-right-radius:calc(var(--base) * 9.5)}.br-r-x38{border-top-right-radius:calc(var(--base) * 9.5);border-bottom-right-radius:calc(var(--base) * 9.5)}.br-b-x38{border-bottom-right-radius:calc(var(--base) * 9.5);border-bottom-left-radius:calc(var(--base) * 9.5)}.br-l-x38{border-top-left-radius:calc(var(--base) * 9.5);border-bottom-left-radius:calc(var(--base) * 9.5)}.m-x40{margin:calc(var(--base) * 10)}.mx-x40{margin-left:calc(var(--base) * 10);margin-right:calc(var(--base) * 10)}.my-x40{margin-top:calc(var(--base) * 10);margin-bottom:calc(var(--base) * 10)}.mt-x40{margin-top:calc(var(--base) * 10)}.mr-x40{margin-right:calc(var(--base) * 10)}.mb-x40{margin-bottom:calc(var(--base) * 10)}.ml-x40{margin-left:calc(var(--base) * 10)}.pr-x40{padding-right:calc(var(--base) * 10)}.pl-x40{padding-left:calc(var(--base) * 10)}.pi-x40{padding-inline:calc(var(--base) * 10)}.pbl-x40{padding-block:calc(var(--base) * 10)}.min-h-x40{min-height:calc(var(--base) * 10)}.min-w-x40{min-width:calc(var(--base) * 10)}.max-h-x40{max-height:calc(var(--base) * 10)}.max-w-x40{max-width:calc(var(--base) * 10)}.size-x40{width:calc(var(--base) * 10);height:calc(var(--base) * 10)}.br-x40{border-radius:calc(var(--base) * 10)}.br-t-x40{border-top-left-radius:calc(var(--base) * 10);border-top-right-radius:calc(var(--base) * 10)}.br-r-x40{border-top-right-radius:calc(var(--base) * 10);border-bottom-right-radius:calc(var(--base) * 10)}.br-b-x40{border-bottom-right-radius:calc(var(--base) * 10);border-bottom-left-radius:calc(var(--base) * 10)}.br-l-x40{border-top-left-radius:calc(var(--base) * 10);border-bottom-left-radius:calc(var(--base) * 10)}.m-x42{margin:calc(var(--base) * 10.5)}.mx-x42{margin-left:calc(var(--base) * 10.5);margin-right:calc(var(--base) * 10.5)}.my-x42{margin-top:calc(var(--base) * 10.5);margin-bottom:calc(var(--base) * 10.5)}.mt-x42{margin-top:calc(var(--base) * 10.5)}.mr-x42{margin-right:calc(var(--base) * 10.5)}.mb-x42{margin-bottom:calc(var(--base) * 10.5)}.ml-x42{margin-left:calc(var(--base) * 10.5)}.p-x42{padding:calc(var(--base) * 10.5)}.px-x42{padding-left:calc(var(--base) * 10.5);padding-right:calc(var(--base) * 10.5)}.py-x42{padding-top:calc(var(--base) * 10.5);padding-bottom:calc(var(--base) * 10.5)}.pt-x42{padding-top:calc(var(--base) * 10.5)}.pr-x42{padding-right:calc(var(--base) * 10.5)}.pb-x42{padding-bottom:calc(var(--base) * 10.5)}.pl-x42{padding-left:calc(var(--base) * 10.5)}.pi-x42{padding-inline:calc(var(--base) * 10.5)}.pbl-x42{padding-block:calc(var(--base) * 10.5)}.gap-x42{gap:calc(var(--base) * 10.5)}.h-x42{height:calc(var(--base) * 10.5)}.w-x42{width:calc(var(--base) * 10.5)}.min-h-x42{min-height:calc(var(--base) * 10.5)}.min-w-x42{min-width:calc(var(--base) * 10.5)}.max-h-x42{max-height:calc(var(--base) * 10.5)}.max-w-x42{max-width:calc(var(--base) * 10.5)}.size-x42{width:calc(var(--base) * 10.5);height:calc(var(--base) * 10.5)}.br-x42{border-radius:calc(var(--base) * 10.5)}.br-t-x42{border-top-left-radius:calc(var(--base) * 10.5);border-top-right-radius:calc(var(--base) * 10.5)}.br-r-x42{border-top-right-radius:calc(var(--base) * 10.5);border-bottom-right-radius:calc(var(--base) * 10.5)}.br-b-x42{border-bottom-right-radius:calc(var(--base) * 10.5);border-bottom-left-radius:calc(var(--base) * 10.5)}.br-l-x42{border-top-left-radius:calc(var(--base) * 10.5);border-bottom-left-radius:calc(var(--base) * 10.5)}.m-x44{margin:calc(var(--base) * 11)}.mx-x44{margin-left:calc(var(--base) * 11);margin-right:calc(var(--base) * 11)}.my-x44{margin-top:calc(var(--base) * 11);margin-bottom:calc(var(--base) * 11)}.mt-x44{margin-top:calc(var(--base) * 11)}.mr-x44{margin-right:calc(var(--base) * 11)}.mb-x44{margin-bottom:calc(var(--base) * 11)}.ml-x44{margin-left:calc(var(--base) * 11)}.pr-x44{padding-right:calc(var(--base) * 11)}.pl-x44{padding-left:calc(var(--base) * 11)}.pi-x44{padding-inline:calc(var(--base) * 11)}.pbl-x44{padding-block:calc(var(--base) * 11)}.min-h-x44{min-height:calc(var(--base) * 11)}.min-w-x44{min-width:calc(var(--base) * 11)}.max-h-x44{max-height:calc(var(--base) * 11)}.max-w-x44{max-width:calc(var(--base) * 11)}.size-x44{width:calc(var(--base) * 11);height:calc(var(--base) * 11)}.br-x44{border-radius:calc(var(--base) * 11)}.br-t-x44{border-top-left-radius:calc(var(--base) * 11);border-top-right-radius:calc(var(--base) * 11)}.br-r-x44{border-top-right-radius:calc(var(--base) * 11);border-bottom-right-radius:calc(var(--base) * 11)}.br-b-x44{border-bottom-right-radius:calc(var(--base) * 11);border-bottom-left-radius:calc(var(--base) * 11)}.br-l-x44{border-top-left-radius:calc(var(--base) * 11);border-bottom-left-radius:calc(var(--base) * 11)}.m-x46{margin:calc(var(--base) * 11.5)}.mx-x46{margin-left:calc(var(--base) * 11.5);margin-right:calc(var(--base) * 11.5)}.my-x46{margin-top:calc(var(--base) * 11.5);margin-bottom:calc(var(--base) * 11.5)}.mt-x46{margin-top:calc(var(--base) * 11.5)}.mr-x46{margin-right:calc(var(--base) * 11.5)}.mb-x46{margin-bottom:calc(var(--base) * 11.5)}.ml-x46{margin-left:calc(var(--base) * 11.5)}.p-x46{padding:calc(var(--base) * 11.5)}.px-x46{padding-left:calc(var(--base) * 11.5);padding-right:calc(var(--base) * 11.5)}.py-x46{padding-top:calc(var(--base) * 11.5);padding-bottom:calc(var(--base) * 11.5)}.pt-x46{padding-top:calc(var(--base) * 11.5)}.pr-x46{padding-right:calc(var(--base) * 11.5)}.pb-x46{padding-bottom:calc(var(--base) * 11.5)}.pl-x46{padding-left:calc(var(--base) * 11.5)}.pi-x46{padding-inline:calc(var(--base) * 11.5)}.pbl-x46{padding-block:calc(var(--base) * 11.5)}.gap-x46{gap:calc(var(--base) * 11.5)}.h-x46{height:calc(var(--base) * 11.5)}.w-x46{width:calc(var(--base) * 11.5)}.min-h-x46{min-height:calc(var(--base) * 11.5)}.min-w-x46{min-width:calc(var(--base) * 11.5)}.max-h-x46{max-height:calc(var(--base) * 11.5)}.max-w-x46{max-width:calc(var(--base) * 11.5)}.size-x46{width:calc(var(--base) * 11.5);height:calc(var(--base) * 11.5)}.br-x46{border-radius:calc(var(--base) * 11.5)}.br-t-x46{border-top-left-radius:calc(var(--base) * 11.5);border-top-right-radius:calc(var(--base) * 11.5)}.br-r-x46{border-top-right-radius:calc(var(--base) * 11.5);border-bottom-right-radius:calc(var(--base) * 11.5)}.br-b-x46{border-bottom-right-radius:calc(var(--base) * 11.5);border-bottom-left-radius:calc(var(--base) * 11.5)}.br-l-x46{border-top-left-radius:calc(var(--base) * 11.5);border-bottom-left-radius:calc(var(--base) * 11.5)}.m-x48{margin:calc(var(--base) * 12)}.mx-x48{margin-left:calc(var(--base) * 12);margin-right:calc(var(--base) * 12)}.my-x48{margin-top:calc(var(--base) * 12);margin-bottom:calc(var(--base) * 12)}.mt-x48{margin-top:calc(var(--base) * 12)}.mr-x48{margin-right:calc(var(--base) * 12)}.mb-x48{margin-bottom:calc(var(--base) * 12)}.ml-x48{margin-left:calc(var(--base) * 12)}.p-x48{padding:calc(var(--base) * 12)}.px-x48{padding-left:calc(var(--base) * 12);padding-right:calc(var(--base) * 12)}.py-x48{padding-top:calc(var(--base) * 12);padding-bottom:calc(var(--base) * 12)}.pt-x48{padding-top:calc(var(--base) * 12)}.pr-x48{padding-right:calc(var(--base) * 12)}.pb-x48{padding-bottom:calc(var(--base) * 12)}.pl-x48{padding-left:calc(var(--base) * 12)}.pi-x48{padding-inline:calc(var(--base) * 12)}.pbl-x48{padding-block:calc(var(--base) * 12)}.gap-x48{gap:calc(var(--base) * 12)}.h-x48{height:calc(var(--base) * 12)}.w-x48{width:calc(var(--base) * 12)}.min-h-x48{min-height:calc(var(--base) * 12)}.min-w-x48{min-width:calc(var(--base) * 12)}.max-h-x48{max-height:calc(var(--base) * 12)}.max-w-x48{max-width:calc(var(--base) * 12)}.size-x48{width:calc(var(--base) * 12);height:calc(var(--base) * 12)}.br-x48{border-radius:calc(var(--base) * 12)}.br-t-x48{border-top-left-radius:calc(var(--base) * 12);border-top-right-radius:calc(var(--base) * 12)}.br-r-x48{border-top-right-radius:calc(var(--base) * 12);border-bottom-right-radius:calc(var(--base) * 12)}.br-b-x48{border-bottom-right-radius:calc(var(--base) * 12);border-bottom-left-radius:calc(var(--base) * 12)}.br-l-x48{border-top-left-radius:calc(var(--base) * 12);border-bottom-left-radius:calc(var(--base) * 12)}.m-x52{margin:calc(var(--base) * 13)}.mx-x52{margin-left:calc(var(--base) * 13);margin-right:calc(var(--base) * 13)}.my-x52{margin-top:calc(var(--base) * 13);margin-bottom:calc(var(--base) * 13)}.mt-x52{margin-top:calc(var(--base) * 13)}.mr-x52{margin-right:calc(var(--base) * 13)}.mb-x52{margin-bottom:calc(var(--base) * 13)}.ml-x52{margin-left:calc(var(--base) * 13)}.p-x52{padding:calc(var(--base) * 13)}.px-x52{padding-left:calc(var(--base) * 13);padding-right:calc(var(--base) * 13)}.py-x52{padding-top:calc(var(--base) * 13);padding-bottom:calc(var(--base) * 13)}.pt-x52{padding-top:calc(var(--base) * 13)}.pr-x52{padding-right:calc(var(--base) * 13)}.pb-x52{padding-bottom:calc(var(--base) * 13)}.pl-x52{padding-left:calc(var(--base) * 13)}.pi-x52{padding-inline:calc(var(--base) * 13)}.pbl-x52{padding-block:calc(var(--base) * 13)}.min-h-x52{min-height:calc(var(--base) * 13)}.min-w-x52{min-width:calc(var(--base) * 13)}.max-h-x52{max-height:calc(var(--base) * 13)}.max-w-x52{max-width:calc(var(--base) * 13)}.size-x52{width:calc(var(--base) * 13);height:calc(var(--base) * 13)}.br-x52{border-radius:calc(var(--base) * 13)}.br-t-x52{border-top-left-radius:calc(var(--base) * 13);border-top-right-radius:calc(var(--base) * 13)}.br-r-x52{border-top-right-radius:calc(var(--base) * 13);border-bottom-right-radius:calc(var(--base) * 13)}.br-b-x52{border-bottom-right-radius:calc(var(--base) * 13);border-bottom-left-radius:calc(var(--base) * 13)}.br-l-x52{border-top-left-radius:calc(var(--base) * 13);border-bottom-left-radius:calc(var(--base) * 13)}.m-x56{margin:calc(var(--base) * 14)}.mx-x56{margin-left:calc(var(--base) * 14);margin-right:calc(var(--base) * 14)}.my-x56{margin-top:calc(var(--base) * 14);margin-bottom:calc(var(--base) * 14)}.mt-x56{margin-top:calc(var(--base) * 14)}.mr-x56{margin-right:calc(var(--base) * 14)}.mb-x56{margin-bottom:calc(var(--base) * 14)}.ml-x56{margin-left:calc(var(--base) * 14)}.pr-x56{padding-right:calc(var(--base) * 14)}.pl-x56{padding-left:calc(var(--base) * 14)}.pi-x56{padding-inline:calc(var(--base) * 14)}.pbl-x56{padding-block:calc(var(--base) * 14)}.min-h-x56{min-height:calc(var(--base) * 14)}.min-w-x56{min-width:calc(var(--base) * 14)}.max-h-x56{max-height:calc(var(--base) * 14)}.max-w-x56{max-width:calc(var(--base) * 14)}.size-x56{width:calc(var(--base) * 14);height:calc(var(--base) * 14)}.br-x56{border-radius:calc(var(--base) * 14)}.br-t-x56{border-top-left-radius:calc(var(--base) * 14);border-top-right-radius:calc(var(--base) * 14)}.br-r-x56{border-top-right-radius:calc(var(--base) * 14);border-bottom-right-radius:calc(var(--base) * 14)}.br-b-x56{border-bottom-right-radius:calc(var(--base) * 14);border-bottom-left-radius:calc(var(--base) * 14)}.br-l-x56{border-top-left-radius:calc(var(--base) * 14);border-bottom-left-radius:calc(var(--base) * 14)}.m-x60{margin:calc(var(--base) * 15)}.mx-x60{margin-left:calc(var(--base) * 15);margin-right:calc(var(--base) * 15)}.my-x60{margin-top:calc(var(--base) * 15);margin-bottom:calc(var(--base) * 15)}.mt-x60{margin-top:calc(var(--base) * 15)}.mr-x60{margin-right:calc(var(--base) * 15)}.mb-x60{margin-bottom:calc(var(--base) * 15)}.ml-x60{margin-left:calc(var(--base) * 15)}.p-x60{padding:calc(var(--base) * 15)}.px-x60{padding-left:calc(var(--base) * 15);padding-right:calc(var(--base) * 15)}.py-x60{padding-top:calc(var(--base) * 15);padding-bottom:calc(var(--base) * 15)}.pt-x60{padding-top:calc(var(--base) * 15)}.pr-x60{padding-right:calc(var(--base) * 15)}.pb-x60{padding-bottom:calc(var(--base) * 15)}.pl-x60{padding-left:calc(var(--base) * 15)}.pi-x60{padding-inline:calc(var(--base) * 15)}.pbl-x60{padding-block:calc(var(--base) * 15)}.gap-x60{gap:calc(var(--base) * 15)}.h-x60{height:calc(var(--base) * 15)}.w-x60{width:calc(var(--base) * 15)}.min-h-x60{min-height:calc(var(--base) * 15)}.min-w-x60{min-width:calc(var(--base) * 15)}.max-h-x60{max-height:calc(var(--base) * 15)}.max-w-x60{max-width:calc(var(--base) * 15)}.size-x60{width:calc(var(--base) * 15);height:calc(var(--base) * 15)}.br-x60{border-radius:calc(var(--base) * 15)}.br-t-x60{border-top-left-radius:calc(var(--base) * 15);border-top-right-radius:calc(var(--base) * 15)}.br-r-x60{border-top-right-radius:calc(var(--base) * 15);border-bottom-right-radius:calc(var(--base) * 15)}.br-b-x60{border-bottom-right-radius:calc(var(--base) * 15);border-bottom-left-radius:calc(var(--base) * 15)}.br-l-x60{border-top-left-radius:calc(var(--base) * 15);border-bottom-left-radius:calc(var(--base) * 15)}.m-x64{margin:calc(var(--base) * 16)}.mx-x64{margin-left:calc(var(--base) * 16);margin-right:calc(var(--base) * 16)}.my-x64{margin-top:calc(var(--base) * 16);margin-bottom:calc(var(--base) * 16)}.mt-x64{margin-top:calc(var(--base) * 16)}.mr-x64{margin-right:calc(var(--base) * 16)}.mb-x64{margin-bottom:calc(var(--base) * 16)}.ml-x64{margin-left:calc(var(--base) * 16)}.p-x64{padding:calc(var(--base) * 16)}.px-x64{padding-left:calc(var(--base) * 16);padding-right:calc(var(--base) * 16)}.py-x64{padding-top:calc(var(--base) * 16);padding-bottom:calc(var(--base) * 16)}.pt-x64{padding-top:calc(var(--base) * 16)}.pr-x64{padding-right:calc(var(--base) * 16)}.pb-x64{padding-bottom:calc(var(--base) * 16)}.pl-x64{padding-left:calc(var(--base) * 16)}.pi-x64{padding-inline:calc(var(--base) * 16)}.pbl-x64{padding-block:calc(var(--base) * 16)}.gap-x64{gap:calc(var(--base) * 16)}.h-x64{height:calc(var(--base) * 16)}.w-x64{width:calc(var(--base) * 16)}.min-h-x64{min-height:calc(var(--base) * 16)}.min-w-x64{min-width:calc(var(--base) * 16)}.max-h-x64{max-height:calc(var(--base) * 16)}.max-w-x64{max-width:calc(var(--base) * 16)}.size-x64{width:calc(var(--base) * 16);height:calc(var(--base) * 16)}.br-x64{border-radius:calc(var(--base) * 16)}.br-t-x64{border-top-left-radius:calc(var(--base) * 16);border-top-right-radius:calc(var(--base) * 16)}.br-r-x64{border-top-right-radius:calc(var(--base) * 16);border-bottom-right-radius:calc(var(--base) * 16)}.br-b-x64{border-bottom-right-radius:calc(var(--base) * 16);border-bottom-left-radius:calc(var(--base) * 16)}.br-l-x64{border-top-left-radius:calc(var(--base) * 16);border-bottom-left-radius:calc(var(--base) * 16)}.m-x68{margin:calc(var(--base) * 17)}.mx-x68{margin-left:calc(var(--base) * 17);margin-right:calc(var(--base) * 17)}.my-x68{margin-top:calc(var(--base) * 17);margin-bottom:calc(var(--base) * 17)}.mt-x68{margin-top:calc(var(--base) * 17)}.mr-x68{margin-right:calc(var(--base) * 17)}.mb-x68{margin-bottom:calc(var(--base) * 17)}.ml-x68{margin-left:calc(var(--base) * 17)}.p-x68{padding:calc(var(--base) * 17)}.px-x68{padding-left:calc(var(--base) * 17);padding-right:calc(var(--base) * 17)}.py-x68{padding-top:calc(var(--base) * 17);padding-bottom:calc(var(--base) * 17)}.pt-x68{padding-top:calc(var(--base) * 17)}.pr-x68{padding-right:calc(var(--base) * 17)}.pb-x68{padding-bottom:calc(var(--base) * 17)}.pl-x68{padding-left:calc(var(--base) * 17)}.pi-x68{padding-inline:calc(var(--base) * 17)}.pbl-x68{padding-block:calc(var(--base) * 17)}.gap-x68{gap:calc(var(--base) * 17)}.h-x68{height:calc(var(--base) * 17)}.w-x68{width:calc(var(--base) * 17)}.min-h-x68{min-height:calc(var(--base) * 17)}.min-w-x68{min-width:calc(var(--base) * 17)}.max-h-x68{max-height:calc(var(--base) * 17)}.max-w-x68{max-width:calc(var(--base) * 17)}.size-x68{width:calc(var(--base) * 17);height:calc(var(--base) * 17)}.br-x68{border-radius:calc(var(--base) * 17)}.br-t-x68{border-top-left-radius:calc(var(--base) * 17);border-top-right-radius:calc(var(--base) * 17)}.br-r-x68{border-top-right-radius:calc(var(--base) * 17);border-bottom-right-radius:calc(var(--base) * 17)}.br-b-x68{border-bottom-right-radius:calc(var(--base) * 17);border-bottom-left-radius:calc(var(--base) * 17)}.br-l-x68{border-top-left-radius:calc(var(--base) * 17);border-bottom-left-radius:calc(var(--base) * 17)}.m-x72{margin:calc(var(--base) * 18)}.mx-x72{margin-left:calc(var(--base) * 18);margin-right:calc(var(--base) * 18)}.my-x72{margin-top:calc(var(--base) * 18);margin-bottom:calc(var(--base) * 18)}.mt-x72{margin-top:calc(var(--base) * 18)}.mr-x72{margin-right:calc(var(--base) * 18)}.mb-x72{margin-bottom:calc(var(--base) * 18)}.ml-x72{margin-left:calc(var(--base) * 18)}.p-x72{padding:calc(var(--base) * 18)}.px-x72{padding-left:calc(var(--base) * 18);padding-right:calc(var(--base) * 18)}.py-x72{padding-top:calc(var(--base) * 18);padding-bottom:calc(var(--base) * 18)}.pr-x72{padding-right:calc(var(--base) * 18)}.pl-x72{padding-left:calc(var(--base) * 18)}.pi-x72{padding-inline:calc(var(--base) * 18)}.pbl-x72{padding-block:calc(var(--base) * 18)}.gap-x72{gap:calc(var(--base) * 18)}.h-x72{height:calc(var(--base) * 18)}.w-x72{width:calc(var(--base) * 18)}.min-h-x72{min-height:calc(var(--base) * 18)}.min-w-x72{min-width:calc(var(--base) * 18)}.max-h-x72{max-height:calc(var(--base) * 18)}.max-w-x72{max-width:calc(var(--base) * 18)}.size-x72{width:calc(var(--base) * 18);height:calc(var(--base) * 18)}.br-x72{border-radius:calc(var(--base) * 18)}.br-t-x72{border-top-left-radius:calc(var(--base) * 18);border-top-right-radius:calc(var(--base) * 18)}.br-r-x72{border-top-right-radius:calc(var(--base) * 18);border-bottom-right-radius:calc(var(--base) * 18)}.br-b-x72{border-bottom-right-radius:calc(var(--base) * 18);border-bottom-left-radius:calc(var(--base) * 18)}.br-l-x72{border-top-left-radius:calc(var(--base) * 18);border-bottom-left-radius:calc(var(--base) * 18)}.m-x76{margin:calc(var(--base) * 19)}.mx-x76{margin-left:calc(var(--base) * 19);margin-right:calc(var(--base) * 19)}.my-x76{margin-top:calc(var(--base) * 19);margin-bottom:calc(var(--base) * 19)}.mt-x76{margin-top:calc(var(--base) * 19)}.mr-x76{margin-right:calc(var(--base) * 19)}.mb-x76{margin-bottom:calc(var(--base) * 19)}.ml-x76{margin-left:calc(var(--base) * 19)}.p-x76{padding:calc(var(--base) * 19)}.px-x76{padding-left:calc(var(--base) * 19);padding-right:calc(var(--base) * 19)}.py-x76{padding-top:calc(var(--base) * 19);padding-bottom:calc(var(--base) * 19)}.pt-x76{padding-top:calc(var(--base) * 19)}.pr-x76{padding-right:calc(var(--base) * 19)}.pb-x76{padding-bottom:calc(var(--base) * 19)}.pl-x76{padding-left:calc(var(--base) * 19)}.pi-x76{padding-inline:calc(var(--base) * 19)}.pbl-x76{padding-block:calc(var(--base) * 19)}.gap-x76{gap:calc(var(--base) * 19)}.h-x76{height:calc(var(--base) * 19)}.w-x76{width:calc(var(--base) * 19)}.min-h-x76{min-height:calc(var(--base) * 19)}.min-w-x76{min-width:calc(var(--base) * 19)}.max-h-x76{max-height:calc(var(--base) * 19)}.max-w-x76{max-width:calc(var(--base) * 19)}.size-x76{width:calc(var(--base) * 19);height:calc(var(--base) * 19)}.br-x76{border-radius:calc(var(--base) * 19)}.br-t-x76{border-top-left-radius:calc(var(--base) * 19);border-top-right-radius:calc(var(--base) * 19)}.br-r-x76{border-top-right-radius:calc(var(--base) * 19);border-bottom-right-radius:calc(var(--base) * 19)}.br-b-x76{border-bottom-right-radius:calc(var(--base) * 19);border-bottom-left-radius:calc(var(--base) * 19)}.br-l-x76{border-top-left-radius:calc(var(--base) * 19);border-bottom-left-radius:calc(var(--base) * 19)}.m-x80{margin:calc(var(--base) * 20)}.mx-x80{margin-left:calc(var(--base) * 20);margin-right:calc(var(--base) * 20)}.my-x80{margin-top:calc(var(--base) * 20);margin-bottom:calc(var(--base) * 20)}.mt-x80{margin-top:calc(var(--base) * 20)}.mr-x80{margin-right:calc(var(--base) * 20)}.mb-x80{margin-bottom:calc(var(--base) * 20)}.ml-x80{margin-left:calc(var(--base) * 20)}.p-x80{padding:calc(var(--base) * 20)}.px-x80{padding-left:calc(var(--base) * 20);padding-right:calc(var(--base) * 20)}.py-x80{padding-top:calc(var(--base) * 20);padding-bottom:calc(var(--base) * 20)}.pt-x80{padding-top:calc(var(--base) * 20)}.pr-x80{padding-right:calc(var(--base) * 20)}.pb-x80{padding-bottom:calc(var(--base) * 20)}.pl-x80{padding-left:calc(var(--base) * 20)}.pi-x80{padding-inline:calc(var(--base) * 20)}.pbl-x80{padding-block:calc(var(--base) * 20)}.gap-x80{gap:calc(var(--base) * 20)}.h-x80{height:calc(var(--base) * 20)}.w-x80{width:calc(var(--base) * 20)}.min-h-x80{min-height:calc(var(--base) * 20)}.min-w-x80{min-width:calc(var(--base) * 20)}.max-h-x80{max-height:calc(var(--base) * 20)}.max-w-x80{max-width:calc(var(--base) * 20)}.size-x80{width:calc(var(--base) * 20);height:calc(var(--base) * 20)}.br-x80{border-radius:calc(var(--base) * 20)}.br-t-x80{border-top-left-radius:calc(var(--base) * 20);border-top-right-radius:calc(var(--base) * 20)}.br-r-x80{border-top-right-radius:calc(var(--base) * 20);border-bottom-right-radius:calc(var(--base) * 20)}.br-b-x80{border-bottom-right-radius:calc(var(--base) * 20);border-bottom-left-radius:calc(var(--base) * 20)}.br-l-x80{border-top-left-radius:calc(var(--base) * 20);border-bottom-left-radius:calc(var(--base) * 20)}.m-x84{margin:calc(var(--base) * 21)}.mx-x84{margin-left:calc(var(--base) * 21);margin-right:calc(var(--base) * 21)}.my-x84{margin-top:calc(var(--base) * 21);margin-bottom:calc(var(--base) * 21)}.mt-x84{margin-top:calc(var(--base) * 21)}.mr-x84{margin-right:calc(var(--base) * 21)}.mb-x84{margin-bottom:calc(var(--base) * 21)}.ml-x84{margin-left:calc(var(--base) * 21)}.p-x84{padding:calc(var(--base) * 21)}.px-x84{padding-left:calc(var(--base) * 21);padding-right:calc(var(--base) * 21)}.py-x84{padding-top:calc(var(--base) * 21);padding-bottom:calc(var(--base) * 21)}.pt-x84{padding-top:calc(var(--base) * 21)}.pr-x84{padding-right:calc(var(--base) * 21)}.pb-x84{padding-bottom:calc(var(--base) * 21)}.pl-x84{padding-left:calc(var(--base) * 21)}.pi-x84{padding-inline:calc(var(--base) * 21)}.pbl-x84{padding-block:calc(var(--base) * 21)}.gap-x84{gap:calc(var(--base) * 21)}.h-x84{height:calc(var(--base) * 21)}.w-x84{width:calc(var(--base) * 21)}.min-h-x84{min-height:calc(var(--base) * 21)}.min-w-x84{min-width:calc(var(--base) * 21)}.max-h-x84{max-height:calc(var(--base) * 21)}.max-w-x84{max-width:calc(var(--base) * 21)}.size-x84{width:calc(var(--base) * 21);height:calc(var(--base) * 21)}.br-x84{border-radius:calc(var(--base) * 21)}.br-t-x84{border-top-left-radius:calc(var(--base) * 21);border-top-right-radius:calc(var(--base) * 21)}.br-r-x84{border-top-right-radius:calc(var(--base) * 21);border-bottom-right-radius:calc(var(--base) * 21)}.br-b-x84{border-bottom-right-radius:calc(var(--base) * 21);border-bottom-left-radius:calc(var(--base) * 21)}.br-l-x84{border-top-left-radius:calc(var(--base) * 21);border-bottom-left-radius:calc(var(--base) * 21)}.m-x88{margin:calc(var(--base) * 22)}.mx-x88{margin-left:calc(var(--base) * 22);margin-right:calc(var(--base) * 22)}.my-x88{margin-top:calc(var(--base) * 22);margin-bottom:calc(var(--base) * 22)}.mt-x88{margin-top:calc(var(--base) * 22)}.mr-x88{margin-right:calc(var(--base) * 22)}.mb-x88{margin-bottom:calc(var(--base) * 22)}.ml-x88{margin-left:calc(var(--base) * 22)}.p-x88{padding:calc(var(--base) * 22)}.px-x88{padding-left:calc(var(--base) * 22);padding-right:calc(var(--base) * 22)}.py-x88{padding-top:calc(var(--base) * 22);padding-bottom:calc(var(--base) * 22)}.pt-x88{padding-top:calc(var(--base) * 22)}.pr-x88{padding-right:calc(var(--base) * 22)}.pb-x88{padding-bottom:calc(var(--base) * 22)}.pl-x88{padding-left:calc(var(--base) * 22)}.pi-x88{padding-inline:calc(var(--base) * 22)}.pbl-x88{padding-block:calc(var(--base) * 22)}.gap-x88{gap:calc(var(--base) * 22)}.h-x88{height:calc(var(--base) * 22)}.w-x88{width:calc(var(--base) * 22)}.min-h-x88{min-height:calc(var(--base) * 22)}.min-w-x88{min-width:calc(var(--base) * 22)}.max-h-x88{max-height:calc(var(--base) * 22)}.max-w-x88{max-width:calc(var(--base) * 22)}.size-x88{width:calc(var(--base) * 22);height:calc(var(--base) * 22)}.br-x88{border-radius:calc(var(--base) * 22)}.br-t-x88{border-top-left-radius:calc(var(--base) * 22);border-top-right-radius:calc(var(--base) * 22)}.br-r-x88{border-top-right-radius:calc(var(--base) * 22);border-bottom-right-radius:calc(var(--base) * 22)}.br-b-x88{border-bottom-right-radius:calc(var(--base) * 22);border-bottom-left-radius:calc(var(--base) * 22)}.br-l-x88{border-top-left-radius:calc(var(--base) * 22);border-bottom-left-radius:calc(var(--base) * 22)}.m-x92{margin:calc(var(--base) * 23)}.mx-x92{margin-left:calc(var(--base) * 23);margin-right:calc(var(--base) * 23)}.my-x92{margin-top:calc(var(--base) * 23);margin-bottom:calc(var(--base) * 23)}.mt-x92{margin-top:calc(var(--base) * 23)}.mr-x92{margin-right:calc(var(--base) * 23)}.mb-x92{margin-bottom:calc(var(--base) * 23)}.ml-x92{margin-left:calc(var(--base) * 23)}.p-x92{padding:calc(var(--base) * 23)}.px-x92{padding-left:calc(var(--base) * 23);padding-right:calc(var(--base) * 23)}.py-x92{padding-top:calc(var(--base) * 23);padding-bottom:calc(var(--base) * 23)}.pt-x92{padding-top:calc(var(--base) * 23)}.pr-x92{padding-right:calc(var(--base) * 23)}.pb-x92{padding-bottom:calc(var(--base) * 23)}.pl-x92{padding-left:calc(var(--base) * 23)}.pi-x92{padding-inline:calc(var(--base) * 23)}.pbl-x92{padding-block:calc(var(--base) * 23)}.gap-x92{gap:calc(var(--base) * 23)}.h-x92{height:calc(var(--base) * 23)}.w-x92{width:calc(var(--base) * 23)}.min-h-x92{min-height:calc(var(--base) * 23)}.min-w-x92{min-width:calc(var(--base) * 23)}.max-h-x92{max-height:calc(var(--base) * 23)}.max-w-x92{max-width:calc(var(--base) * 23)}.size-x92{width:calc(var(--base) * 23);height:calc(var(--base) * 23)}.br-x92{border-radius:calc(var(--base) * 23)}.br-t-x92{border-top-left-radius:calc(var(--base) * 23);border-top-right-radius:calc(var(--base) * 23)}.br-r-x92{border-top-right-radius:calc(var(--base) * 23);border-bottom-right-radius:calc(var(--base) * 23)}.br-b-x92{border-bottom-right-radius:calc(var(--base) * 23);border-bottom-left-radius:calc(var(--base) * 23)}.br-l-x92{border-top-left-radius:calc(var(--base) * 23);border-bottom-left-radius:calc(var(--base) * 23)}.m-x96{margin:calc(var(--base) * 24)}.mx-x96{margin-left:calc(var(--base) * 24);margin-right:calc(var(--base) * 24)}.my-x96{margin-top:calc(var(--base) * 24);margin-bottom:calc(var(--base) * 24)}.mt-x96{margin-top:calc(var(--base) * 24)}.mr-x96{margin-right:calc(var(--base) * 24)}.mb-x96{margin-bottom:calc(var(--base) * 24)}.ml-x96{margin-left:calc(var(--base) * 24)}.p-x96{padding:calc(var(--base) * 24)}.px-x96{padding-left:calc(var(--base) * 24);padding-right:calc(var(--base) * 24)}.py-x96{padding-top:calc(var(--base) * 24);padding-bottom:calc(var(--base) * 24)}.pt-x96{padding-top:calc(var(--base) * 24)}.pr-x96{padding-right:calc(var(--base) * 24)}.pb-x96{padding-bottom:calc(var(--base) * 24)}.pl-x96{padding-left:calc(var(--base) * 24)}.pi-x96{padding-inline:calc(var(--base) * 24)}.pbl-x96{padding-block:calc(var(--base) * 24)}.gap-x96{gap:calc(var(--base) * 24)}.h-x96{height:calc(var(--base) * 24)}.w-x96{width:calc(var(--base) * 24)}.min-h-x96{min-height:calc(var(--base) * 24)}.min-w-x96{min-width:calc(var(--base) * 24)}.max-h-x96{max-height:calc(var(--base) * 24)}.max-w-x96{max-width:calc(var(--base) * 24)}.size-x96{width:calc(var(--base) * 24);height:calc(var(--base) * 24)}.br-x96{border-radius:calc(var(--base) * 24)}.br-t-x96{border-top-left-radius:calc(var(--base) * 24);border-top-right-radius:calc(var(--base) * 24)}.br-r-x96{border-top-right-radius:calc(var(--base) * 24);border-bottom-right-radius:calc(var(--base) * 24)}.br-b-x96{border-bottom-right-radius:calc(var(--base) * 24);border-bottom-left-radius:calc(var(--base) * 24)}.br-l-x96{border-top-left-radius:calc(var(--base) * 24);border-bottom-left-radius:calc(var(--base) * 24)}.m-x100{margin:calc(var(--base) * 25)}.mx-x100{margin-left:calc(var(--base) * 25);margin-right:calc(var(--base) * 25)}.my-x100{margin-top:calc(var(--base) * 25);margin-bottom:calc(var(--base) * 25)}.mt-x100{margin-top:calc(var(--base) * 25)}.mr-x100{margin-right:calc(var(--base) * 25)}.mb-x100{margin-bottom:calc(var(--base) * 25)}.ml-x100{margin-left:calc(var(--base) * 25)}.p-x100{padding:calc(var(--base) * 25)}.px-x100{padding-left:calc(var(--base) * 25);padding-right:calc(var(--base) * 25)}.py-x100{padding-top:calc(var(--base) * 25);padding-bottom:calc(var(--base) * 25)}.pt-x100{padding-top:calc(var(--base) * 25)}.pr-x100{padding-right:calc(var(--base) * 25)}.pb-x100{padding-bottom:calc(var(--base) * 25)}.pl-x100{padding-left:calc(var(--base) * 25)}.pi-x100{padding-inline:calc(var(--base) * 25)}.pbl-x100{padding-block:calc(var(--base) * 25)}.gap-x100{gap:calc(var(--base) * 25)}.h-x100{height:calc(var(--base) * 25)}.w-x100{width:calc(var(--base) * 25)}.min-h-x100{min-height:calc(var(--base) * 25)}.min-w-x100{min-width:calc(var(--base) * 25)}.max-h-x100{max-height:calc(var(--base) * 25)}.max-w-x100{max-width:calc(var(--base) * 25)}.size-x100{width:calc(var(--base) * 25);height:calc(var(--base) * 25)}.br-x100{border-radius:calc(var(--base) * 25)}.br-t-x100{border-top-left-radius:calc(var(--base) * 25);border-top-right-radius:calc(var(--base) * 25)}.br-r-x100{border-top-right-radius:calc(var(--base) * 25);border-bottom-right-radius:calc(var(--base) * 25)}.br-b-x100{border-bottom-right-radius:calc(var(--base) * 25);border-bottom-left-radius:calc(var(--base) * 25)}.br-l-x100{border-top-left-radius:calc(var(--base) * 25);border-bottom-left-radius:calc(var(--base) * 25)}.m-x104{margin:calc(var(--base) * 26)}.mx-x104{margin-left:calc(var(--base) * 26);margin-right:calc(var(--base) * 26)}.my-x104{margin-top:calc(var(--base) * 26);margin-bottom:calc(var(--base) * 26)}.mt-x104{margin-top:calc(var(--base) * 26)}.mr-x104{margin-right:calc(var(--base) * 26)}.mb-x104{margin-bottom:calc(var(--base) * 26)}.ml-x104{margin-left:calc(var(--base) * 26)}.p-x104{padding:calc(var(--base) * 26)}.px-x104{padding-left:calc(var(--base) * 26);padding-right:calc(var(--base) * 26)}.py-x104{padding-top:calc(var(--base) * 26);padding-bottom:calc(var(--base) * 26)}.pt-x104{padding-top:calc(var(--base) * 26)}.pr-x104{padding-right:calc(var(--base) * 26)}.pb-x104{padding-bottom:calc(var(--base) * 26)}.pl-x104{padding-left:calc(var(--base) * 26)}.pi-x104{padding-inline:calc(var(--base) * 26)}.pbl-x104{padding-block:calc(var(--base) * 26)}.gap-x104{gap:calc(var(--base) * 26)}.h-x104{height:calc(var(--base) * 26)}.w-x104{width:calc(var(--base) * 26)}.min-h-x104{min-height:calc(var(--base) * 26)}.min-w-x104{min-width:calc(var(--base) * 26)}.max-h-x104{max-height:calc(var(--base) * 26)}.max-w-x104{max-width:calc(var(--base) * 26)}.size-x104{width:calc(var(--base) * 26);height:calc(var(--base) * 26)}.br-x104{border-radius:calc(var(--base) * 26)}.br-t-x104{border-top-left-radius:calc(var(--base) * 26);border-top-right-radius:calc(var(--base) * 26)}.br-r-x104{border-top-right-radius:calc(var(--base) * 26);border-bottom-right-radius:calc(var(--base) * 26)}.br-b-x104{border-bottom-right-radius:calc(var(--base) * 26);border-bottom-left-radius:calc(var(--base) * 26)}.br-l-x104{border-top-left-radius:calc(var(--base) * 26);border-bottom-left-radius:calc(var(--base) * 26)}.m-x112{margin:calc(var(--base) * 28)}.mx-x112{margin-left:calc(var(--base) * 28);margin-right:calc(var(--base) * 28)}.my-x112{margin-top:calc(var(--base) * 28);margin-bottom:calc(var(--base) * 28)}.mt-x112{margin-top:calc(var(--base) * 28)}.mr-x112{margin-right:calc(var(--base) * 28)}.mb-x112{margin-bottom:calc(var(--base) * 28)}.ml-x112{margin-left:calc(var(--base) * 28)}.p-x112{padding:calc(var(--base) * 28)}.px-x112{padding-left:calc(var(--base) * 28);padding-right:calc(var(--base) * 28)}.py-x112{padding-top:calc(var(--base) * 28);padding-bottom:calc(var(--base) * 28)}.pt-x112{padding-top:calc(var(--base) * 28)}.pr-x112{padding-right:calc(var(--base) * 28)}.pb-x112{padding-bottom:calc(var(--base) * 28)}.pl-x112{padding-left:calc(var(--base) * 28)}.pi-x112{padding-inline:calc(var(--base) * 28)}.pbl-x112{padding-block:calc(var(--base) * 28)}.gap-x112{gap:calc(var(--base) * 28)}.h-x112{height:calc(var(--base) * 28)}.w-x112{width:calc(var(--base) * 28)}.min-h-x112{min-height:calc(var(--base) * 28)}.min-w-x112{min-width:calc(var(--base) * 28)}.max-h-x112{max-height:calc(var(--base) * 28)}.max-w-x112{max-width:calc(var(--base) * 28)}.size-x112{width:calc(var(--base) * 28);height:calc(var(--base) * 28)}.br-x112{border-radius:calc(var(--base) * 28)}.br-t-x112{border-top-left-radius:calc(var(--base) * 28);border-top-right-radius:calc(var(--base) * 28)}.br-r-x112{border-top-right-radius:calc(var(--base) * 28);border-bottom-right-radius:calc(var(--base) * 28)}.br-b-x112{border-bottom-right-radius:calc(var(--base) * 28);border-bottom-left-radius:calc(var(--base) * 28)}.br-l-x112{border-top-left-radius:calc(var(--base) * 28);border-bottom-left-radius:calc(var(--base) * 28)}.m-x116{margin:calc(var(--base) * 29)}.mx-x116{margin-left:calc(var(--base) * 29);margin-right:calc(var(--base) * 29)}.my-x116{margin-top:calc(var(--base) * 29);margin-bottom:calc(var(--base) * 29)}.mt-x116{margin-top:calc(var(--base) * 29)}.mr-x116{margin-right:calc(var(--base) * 29)}.mb-x116{margin-bottom:calc(var(--base) * 29)}.ml-x116{margin-left:calc(var(--base) * 29)}.p-x116{padding:calc(var(--base) * 29)}.px-x116{padding-left:calc(var(--base) * 29);padding-right:calc(var(--base) * 29)}.py-x116{padding-top:calc(var(--base) * 29);padding-bottom:calc(var(--base) * 29)}.pt-x116{padding-top:calc(var(--base) * 29)}.pr-x116{padding-right:calc(var(--base) * 29)}.pb-x116{padding-bottom:calc(var(--base) * 29)}.pl-x116{padding-left:calc(var(--base) * 29)}.pi-x116{padding-inline:calc(var(--base) * 29)}.pbl-x116{padding-block:calc(var(--base) * 29)}.gap-x116{gap:calc(var(--base) * 29)}.h-x116{height:calc(var(--base) * 29)}.w-x116{width:calc(var(--base) * 29)}.min-h-x116{min-height:calc(var(--base) * 29)}.min-w-x116{min-width:calc(var(--base) * 29)}.max-h-x116{max-height:calc(var(--base) * 29)}.max-w-x116{max-width:calc(var(--base) * 29)}.size-x116{width:calc(var(--base) * 29);height:calc(var(--base) * 29)}.br-x116{border-radius:calc(var(--base) * 29)}.br-t-x116{border-top-left-radius:calc(var(--base) * 29);border-top-right-radius:calc(var(--base) * 29)}.br-r-x116{border-top-right-radius:calc(var(--base) * 29);border-bottom-right-radius:calc(var(--base) * 29)}.br-b-x116{border-bottom-right-radius:calc(var(--base) * 29);border-bottom-left-radius:calc(var(--base) * 29)}.br-l-x116{border-top-left-radius:calc(var(--base) * 29);border-bottom-left-radius:calc(var(--base) * 29)}.m-x120{margin:calc(var(--base) * 30)}.mx-x120{margin-left:calc(var(--base) * 30);margin-right:calc(var(--base) * 30)}.my-x120{margin-top:calc(var(--base) * 30);margin-bottom:calc(var(--base) * 30)}.mt-x120{margin-top:calc(var(--base) * 30)}.mr-x120{margin-right:calc(var(--base) * 30)}.mb-x120{margin-bottom:calc(var(--base) * 30)}.ml-x120{margin-left:calc(var(--base) * 30)}.p-x120{padding:calc(var(--base) * 30)}.px-x120{padding-left:calc(var(--base) * 30);padding-right:calc(var(--base) * 30)}.py-x120{padding-top:calc(var(--base) * 30);padding-bottom:calc(var(--base) * 30)}.pt-x120{padding-top:calc(var(--base) * 30)}.pr-x120{padding-right:calc(var(--base) * 30)}.pb-x120{padding-bottom:calc(var(--base) * 30)}.pl-x120{padding-left:calc(var(--base) * 30)}.pi-x120{padding-inline:calc(var(--base) * 30)}.pbl-x120{padding-block:calc(var(--base) * 30)}.gap-x120{gap:calc(var(--base) * 30)}.h-x120{height:calc(var(--base) * 30)}.w-x120{width:calc(var(--base) * 30)}.min-h-x120{min-height:calc(var(--base) * 30)}.min-w-x120{min-width:calc(var(--base) * 30)}.max-h-x120{max-height:calc(var(--base) * 30)}.max-w-x120{max-width:calc(var(--base) * 30)}.size-x120{width:calc(var(--base) * 30);height:calc(var(--base) * 30)}.br-x120{border-radius:calc(var(--base) * 30)}.br-t-x120{border-top-left-radius:calc(var(--base) * 30);border-top-right-radius:calc(var(--base) * 30)}.br-r-x120{border-top-right-radius:calc(var(--base) * 30);border-bottom-right-radius:calc(var(--base) * 30)}.br-b-x120{border-bottom-right-radius:calc(var(--base) * 30);border-bottom-left-radius:calc(var(--base) * 30)}.br-l-x120{border-top-left-radius:calc(var(--base) * 30);border-bottom-left-radius:calc(var(--base) * 30)}.m-x124{margin:calc(var(--base) * 31)}.mx-x124{margin-left:calc(var(--base) * 31);margin-right:calc(var(--base) * 31)}.my-x124{margin-top:calc(var(--base) * 31);margin-bottom:calc(var(--base) * 31)}.mt-x124{margin-top:calc(var(--base) * 31)}.mr-x124{margin-right:calc(var(--base) * 31)}.mb-x124{margin-bottom:calc(var(--base) * 31)}.ml-x124{margin-left:calc(var(--base) * 31)}.p-x124{padding:calc(var(--base) * 31)}.px-x124{padding-left:calc(var(--base) * 31);padding-right:calc(var(--base) * 31)}.py-x124{padding-top:calc(var(--base) * 31);padding-bottom:calc(var(--base) * 31)}.pt-x124{padding-top:calc(var(--base) * 31)}.pr-x124{padding-right:calc(var(--base) * 31)}.pl-x124{padding-left:calc(var(--base) * 31)}.pi-x124{padding-inline:calc(var(--base) * 31)}.pbl-x124{padding-block:calc(var(--base) * 31)}.gap-x124{gap:calc(var(--base) * 31)}.h-x124{height:calc(var(--base) * 31)}.w-x124{width:calc(var(--base) * 31)}.min-h-x124{min-height:calc(var(--base) * 31)}.min-w-x124{min-width:calc(var(--base) * 31)}.max-h-x124{max-height:calc(var(--base) * 31)}.max-w-x124{max-width:calc(var(--base) * 31)}.size-x124{width:calc(var(--base) * 31);height:calc(var(--base) * 31)}.br-x124{border-radius:calc(var(--base) * 31)}.br-t-x124{border-top-left-radius:calc(var(--base) * 31);border-top-right-radius:calc(var(--base) * 31)}.br-r-x124{border-top-right-radius:calc(var(--base) * 31);border-bottom-right-radius:calc(var(--base) * 31)}.br-b-x124{border-bottom-right-radius:calc(var(--base) * 31);border-bottom-left-radius:calc(var(--base) * 31)}.br-l-x124{border-top-left-radius:calc(var(--base) * 31);border-bottom-left-radius:calc(var(--base) * 31)}.m-x128{margin:calc(var(--base) * 32)}.mx-x128{margin-left:calc(var(--base) * 32);margin-right:calc(var(--base) * 32)}.my-x128{margin-top:calc(var(--base) * 32);margin-bottom:calc(var(--base) * 32)}.mt-x128{margin-top:calc(var(--base) * 32)}.mr-x128{margin-right:calc(var(--base) * 32)}.mb-x128{margin-bottom:calc(var(--base) * 32)}.ml-x128{margin-left:calc(var(--base) * 32)}.p-x128{padding:calc(var(--base) * 32)}.px-x128{padding-left:calc(var(--base) * 32);padding-right:calc(var(--base) * 32)}.py-x128{padding-top:calc(var(--base) * 32);padding-bottom:calc(var(--base) * 32)}.pt-x128{padding-top:calc(var(--base) * 32)}.pr-x128{padding-right:calc(var(--base) * 32)}.pb-x128{padding-bottom:calc(var(--base) * 32)}.pl-x128{padding-left:calc(var(--base) * 32)}.pi-x128{padding-inline:calc(var(--base) * 32)}.pbl-x128{padding-block:calc(var(--base) * 32)}.gap-x128{gap:calc(var(--base) * 32)}.h-x128{height:calc(var(--base) * 32)}.w-x128{width:calc(var(--base) * 32)}.min-h-x128{min-height:calc(var(--base) * 32)}.min-w-x128{min-width:calc(var(--base) * 32)}.max-h-x128{max-height:calc(var(--base) * 32)}.max-w-x128{max-width:calc(var(--base) * 32)}.size-x128{width:calc(var(--base) * 32);height:calc(var(--base) * 32)}.br-x128{border-radius:calc(var(--base) * 32)}.br-t-x128{border-top-left-radius:calc(var(--base) * 32);border-top-right-radius:calc(var(--base) * 32)}.br-r-x128{border-top-right-radius:calc(var(--base) * 32);border-bottom-right-radius:calc(var(--base) * 32)}.br-b-x128{border-bottom-right-radius:calc(var(--base) * 32);border-bottom-left-radius:calc(var(--base) * 32)}.br-l-x128{border-top-left-radius:calc(var(--base) * 32);border-bottom-left-radius:calc(var(--base) * 32)}.m-x132{margin:calc(var(--base) * 33)}.mx-x132{margin-left:calc(var(--base) * 33);margin-right:calc(var(--base) * 33)}.my-x132{margin-top:calc(var(--base) * 33);margin-bottom:calc(var(--base) * 33)}.mt-x132{margin-top:calc(var(--base) * 33)}.mr-x132{margin-right:calc(var(--base) * 33)}.mb-x132{margin-bottom:calc(var(--base) * 33)}.ml-x132{margin-left:calc(var(--base) * 33)}.p-x132{padding:calc(var(--base) * 33)}.px-x132{padding-left:calc(var(--base) * 33);padding-right:calc(var(--base) * 33)}.py-x132{padding-top:calc(var(--base) * 33);padding-bottom:calc(var(--base) * 33)}.pt-x132{padding-top:calc(var(--base) * 33)}.pr-x132{padding-right:calc(var(--base) * 33)}.pb-x132{padding-bottom:calc(var(--base) * 33)}.pl-x132{padding-left:calc(var(--base) * 33)}.pi-x132{padding-inline:calc(var(--base) * 33)}.pbl-x132{padding-block:calc(var(--base) * 33)}.gap-x132{gap:calc(var(--base) * 33)}.h-x132{height:calc(var(--base) * 33)}.w-x132{width:calc(var(--base) * 33)}.min-h-x132{min-height:calc(var(--base) * 33)}.min-w-x132{min-width:calc(var(--base) * 33)}.max-h-x132{max-height:calc(var(--base) * 33)}.max-w-x132{max-width:calc(var(--base) * 33)}.size-x132{width:calc(var(--base) * 33);height:calc(var(--base) * 33)}.br-x132{border-radius:calc(var(--base) * 33)}.br-t-x132{border-top-left-radius:calc(var(--base) * 33);border-top-right-radius:calc(var(--base) * 33)}.br-r-x132{border-top-right-radius:calc(var(--base) * 33);border-bottom-right-radius:calc(var(--base) * 33)}.br-b-x132{border-bottom-right-radius:calc(var(--base) * 33);border-bottom-left-radius:calc(var(--base) * 33)}.br-l-x132{border-top-left-radius:calc(var(--base) * 33);border-bottom-left-radius:calc(var(--base) * 33)}.m-x136{margin:calc(var(--base) * 34)}.mx-x136{margin-left:calc(var(--base) * 34);margin-right:calc(var(--base) * 34)}.my-x136{margin-top:calc(var(--base) * 34);margin-bottom:calc(var(--base) * 34)}.mt-x136{margin-top:calc(var(--base) * 34)}.mr-x136{margin-right:calc(var(--base) * 34)}.mb-x136{margin-bottom:calc(var(--base) * 34)}.ml-x136{margin-left:calc(var(--base) * 34)}.p-x136{padding:calc(var(--base) * 34)}.px-x136{padding-left:calc(var(--base) * 34);padding-right:calc(var(--base) * 34)}.py-x136{padding-top:calc(var(--base) * 34);padding-bottom:calc(var(--base) * 34)}.pt-x136{padding-top:calc(var(--base) * 34)}.pr-x136{padding-right:calc(var(--base) * 34)}.pb-x136{padding-bottom:calc(var(--base) * 34)}.pl-x136{padding-left:calc(var(--base) * 34)}.pi-x136{padding-inline:calc(var(--base) * 34)}.pbl-x136{padding-block:calc(var(--base) * 34)}.gap-x136{gap:calc(var(--base) * 34)}.h-x136{height:calc(var(--base) * 34)}.w-x136{width:calc(var(--base) * 34)}.min-h-x136{min-height:calc(var(--base) * 34)}.min-w-x136{min-width:calc(var(--base) * 34)}.max-h-x136{max-height:calc(var(--base) * 34)}.max-w-x136{max-width:calc(var(--base) * 34)}.size-x136{width:calc(var(--base) * 34);height:calc(var(--base) * 34)}.br-x136{border-radius:calc(var(--base) * 34)}.br-t-x136{border-top-left-radius:calc(var(--base) * 34);border-top-right-radius:calc(var(--base) * 34)}.br-r-x136{border-top-right-radius:calc(var(--base) * 34);border-bottom-right-radius:calc(var(--base) * 34)}.br-b-x136{border-bottom-right-radius:calc(var(--base) * 34);border-bottom-left-radius:calc(var(--base) * 34)}.br-l-x136{border-top-left-radius:calc(var(--base) * 34);border-bottom-left-radius:calc(var(--base) * 34)}.m-x140{margin:calc(var(--base) * 35)}.mx-x140{margin-left:calc(var(--base) * 35);margin-right:calc(var(--base) * 35)}.my-x140{margin-top:calc(var(--base) * 35);margin-bottom:calc(var(--base) * 35)}.mt-x140{margin-top:calc(var(--base) * 35)}.mr-x140{margin-right:calc(var(--base) * 35)}.mb-x140{margin-bottom:calc(var(--base) * 35)}.ml-x140{margin-left:calc(var(--base) * 35)}.p-x140{padding:calc(var(--base) * 35)}.px-x140{padding-left:calc(var(--base) * 35);padding-right:calc(var(--base) * 35)}.py-x140{padding-top:calc(var(--base) * 35);padding-bottom:calc(var(--base) * 35)}.pt-x140{padding-top:calc(var(--base) * 35)}.pr-x140{padding-right:calc(var(--base) * 35)}.pb-x140{padding-bottom:calc(var(--base) * 35)}.pl-x140{padding-left:calc(var(--base) * 35)}.pi-x140{padding-inline:calc(var(--base) * 35)}.pbl-x140{padding-block:calc(var(--base) * 35)}.gap-x140{gap:calc(var(--base) * 35)}.h-x140{height:calc(var(--base) * 35)}.w-x140{width:calc(var(--base) * 35)}.min-h-x140{min-height:calc(var(--base) * 35)}.min-w-x140{min-width:calc(var(--base) * 35)}.max-h-x140{max-height:calc(var(--base) * 35)}.max-w-x140{max-width:calc(var(--base) * 35)}.size-x140{width:calc(var(--base) * 35);height:calc(var(--base) * 35)}.br-x140{border-radius:calc(var(--base) * 35)}.br-t-x140{border-top-left-radius:calc(var(--base) * 35);border-top-right-radius:calc(var(--base) * 35)}.br-r-x140{border-top-right-radius:calc(var(--base) * 35);border-bottom-right-radius:calc(var(--base) * 35)}.br-b-x140{border-bottom-right-radius:calc(var(--base) * 35);border-bottom-left-radius:calc(var(--base) * 35)}.br-l-x140{border-top-left-radius:calc(var(--base) * 35);border-bottom-left-radius:calc(var(--base) * 35)}.m-x144{margin:calc(var(--base) * 36)}.mx-x144{margin-left:calc(var(--base) * 36);margin-right:calc(var(--base) * 36)}.my-x144{margin-top:calc(var(--base) * 36);margin-bottom:calc(var(--base) * 36)}.mt-x144{margin-top:calc(var(--base) * 36)}.mr-x144{margin-right:calc(var(--base) * 36)}.mb-x144{margin-bottom:calc(var(--base) * 36)}.ml-x144{margin-left:calc(var(--base) * 36)}.p-x144{padding:calc(var(--base) * 36)}.px-x144{padding-left:calc(var(--base) * 36);padding-right:calc(var(--base) * 36)}.py-x144{padding-top:calc(var(--base) * 36);padding-bottom:calc(var(--base) * 36)}.pt-x144{padding-top:calc(var(--base) * 36)}.pr-x144{padding-right:calc(var(--base) * 36)}.pb-x144{padding-bottom:calc(var(--base) * 36)}.pl-x144{padding-left:calc(var(--base) * 36)}.pi-x144{padding-inline:calc(var(--base) * 36)}.pbl-x144{padding-block:calc(var(--base) * 36)}.gap-x144{gap:calc(var(--base) * 36)}.h-x144{height:calc(var(--base) * 36)}.w-x144{width:calc(var(--base) * 36)}.min-h-x144{min-height:calc(var(--base) * 36)}.min-w-x144{min-width:calc(var(--base) * 36)}.max-h-x144{max-height:calc(var(--base) * 36)}.max-w-x144{max-width:calc(var(--base) * 36)}.size-x144{width:calc(var(--base) * 36);height:calc(var(--base) * 36)}.br-x144{border-radius:calc(var(--base) * 36)}.br-t-x144{border-top-left-radius:calc(var(--base) * 36);border-top-right-radius:calc(var(--base) * 36)}.br-r-x144{border-top-right-radius:calc(var(--base) * 36);border-bottom-right-radius:calc(var(--base) * 36)}.br-b-x144{border-bottom-right-radius:calc(var(--base) * 36);border-bottom-left-radius:calc(var(--base) * 36)}.br-l-x144{border-top-left-radius:calc(var(--base) * 36);border-bottom-left-radius:calc(var(--base) * 36)}.m-x160{margin:calc(var(--base) * 40)}.mx-x160{margin-left:calc(var(--base) * 40);margin-right:calc(var(--base) * 40)}.my-x160{margin-top:calc(var(--base) * 40);margin-bottom:calc(var(--base) * 40)}.mt-x160{margin-top:calc(var(--base) * 40)}.mr-x160{margin-right:calc(var(--base) * 40)}.mb-x160{margin-bottom:calc(var(--base) * 40)}.ml-x160{margin-left:calc(var(--base) * 40)}.p-x160{padding:calc(var(--base) * 40)}.px-x160{padding-left:calc(var(--base) * 40);padding-right:calc(var(--base) * 40)}.py-x160{padding-top:calc(var(--base) * 40);padding-bottom:calc(var(--base) * 40)}.pt-x160{padding-top:calc(var(--base) * 40)}.pr-x160{padding-right:calc(var(--base) * 40)}.pb-x160{padding-bottom:calc(var(--base) * 40)}.pl-x160{padding-left:calc(var(--base) * 40)}.pi-x160{padding-inline:calc(var(--base) * 40)}.pbl-x160{padding-block:calc(var(--base) * 40)}.gap-x160{gap:calc(var(--base) * 40)}.h-x160{height:calc(var(--base) * 40)}.w-x160{width:calc(var(--base) * 40)}.min-h-x160{min-height:calc(var(--base) * 40)}.min-w-x160{min-width:calc(var(--base) * 40)}.max-h-x160{max-height:calc(var(--base) * 40)}.max-w-x160{max-width:calc(var(--base) * 40)}.size-x160{width:calc(var(--base) * 40);height:calc(var(--base) * 40)}.br-x160{border-radius:calc(var(--base) * 40)}.br-t-x160{border-top-left-radius:calc(var(--base) * 40);border-top-right-radius:calc(var(--base) * 40)}.br-r-x160{border-top-right-radius:calc(var(--base) * 40);border-bottom-right-radius:calc(var(--base) * 40)}.br-b-x160{border-bottom-right-radius:calc(var(--base) * 40);border-bottom-left-radius:calc(var(--base) * 40)}.br-l-x160{border-top-left-radius:calc(var(--base) * 40);border-bottom-left-radius:calc(var(--base) * 40)}.m-x252{margin:calc(var(--base) * 63)}.mx-x252{margin-left:calc(var(--base) * 63);margin-right:calc(var(--base) * 63)}.my-x252{margin-top:calc(var(--base) * 63);margin-bottom:calc(var(--base) * 63)}.mt-x252{margin-top:calc(var(--base) * 63)}.mr-x252{margin-right:calc(var(--base) * 63)}.mb-x252{margin-bottom:calc(var(--base) * 63)}.ml-x252{margin-left:calc(var(--base) * 63)}.p-x252{padding:calc(var(--base) * 63)}.px-x252{padding-left:calc(var(--base) * 63);padding-right:calc(var(--base) * 63)}.py-x252{padding-top:calc(var(--base) * 63);padding-bottom:calc(var(--base) * 63)}.pt-x252{padding-top:calc(var(--base) * 63)}.pr-x252{padding-right:calc(var(--base) * 63)}.pb-x252{padding-bottom:calc(var(--base) * 63)}.pl-x252{padding-left:calc(var(--base) * 63)}.pi-x252{padding-inline:calc(var(--base) * 63)}.pbl-x252{padding-block:calc(var(--base) * 63)}.gap-x252{gap:calc(var(--base) * 63)}.h-x252{height:calc(var(--base) * 63)}.w-x252{width:calc(var(--base) * 63)}.min-h-x252{min-height:calc(var(--base) * 63)}.min-w-x252{min-width:calc(var(--base) * 63)}.max-h-x252{max-height:calc(var(--base) * 63)}.max-w-x252{max-width:calc(var(--base) * 63)}.size-x252{width:calc(var(--base) * 63);height:calc(var(--base) * 63)}.br-x252{border-radius:calc(var(--base) * 63)}.br-t-x252{border-top-left-radius:calc(var(--base) * 63);border-top-right-radius:calc(var(--base) * 63)}.br-r-x252{border-top-right-radius:calc(var(--base) * 63);border-bottom-right-radius:calc(var(--base) * 63)}.br-b-x252{border-bottom-right-radius:calc(var(--base) * 63);border-bottom-left-radius:calc(var(--base) * 63)}.br-l-x252{border-top-left-radius:calc(var(--base) * 63);border-bottom-left-radius:calc(var(--base) * 63)}.max-w-fit{max-width:fit-content}.pt-x8{padding-top:calc(var(--base) * 2)}@media (min-width: 576px){.xs-pt-x8{padding-top:calc(var(--base) * 2)!important}}@media (min-width: 768px){.sm-pt-x8{padding-top:calc(var(--base) * 2)!important}}@media (min-width: 992px){.md-pt-x8{padding-top:calc(var(--base) * 2)!important}}@media (min-width: 1200px){.lg-pt-x8{padding-top:calc(var(--base) * 2)!important}}@media (min-width: 1400px){.xl-pt-x8{padding-top:calc(var(--base) * 2)!important}}.pt-x16{padding-top:calc(var(--base) * 4)}@media (min-width: 576px){.xs-pt-x16{padding-top:calc(var(--base) * 4)!important}}@media (min-width: 768px){.sm-pt-x16{padding-top:calc(var(--base) * 4)!important}}@media (min-width: 992px){.md-pt-x16{padding-top:calc(var(--base) * 4)!important}}@media (min-width: 1200px){.lg-pt-x16{padding-top:calc(var(--base) * 4)!important}}@media (min-width: 1400px){.xl-pt-x16{padding-top:calc(var(--base) * 4)!important}}.pt-x20{padding-top:calc(var(--base) * 5)}@media (min-width: 576px){.xs-pt-x20{padding-top:calc(var(--base) * 5)!important}}@media (min-width: 768px){.sm-pt-x20{padding-top:calc(var(--base) * 5)!important}}@media (min-width: 992px){.md-pt-x20{padding-top:calc(var(--base) * 5)!important}}@media (min-width: 1200px){.lg-pt-x20{padding-top:calc(var(--base) * 5)!important}}@media (min-width: 1400px){.xl-pt-x20{padding-top:calc(var(--base) * 5)!important}}.pt-x24{padding-top:calc(var(--base) * 6)}@media (min-width: 576px){.xs-pt-x24{padding-top:calc(var(--base) * 6)!important}}@media (min-width: 768px){.sm-pt-x24{padding-top:calc(var(--base) * 6)!important}}@media (min-width: 992px){.md-pt-x24{padding-top:calc(var(--base) * 6)!important}}@media (min-width: 1200px){.lg-pt-x24{padding-top:calc(var(--base) * 6)!important}}@media (min-width: 1400px){.xl-pt-x24{padding-top:calc(var(--base) * 6)!important}}.pt-x28{padding-top:calc(var(--base) * 7)}@media (min-width: 576px){.xs-pt-x28{padding-top:calc(var(--base) * 7)!important}}@media (min-width: 768px){.sm-pt-x28{padding-top:calc(var(--base) * 7)!important}}@media (min-width: 992px){.md-pt-x28{padding-top:calc(var(--base) * 7)!important}}@media (min-width: 1200px){.lg-pt-x28{padding-top:calc(var(--base) * 7)!important}}@media (min-width: 1400px){.xl-pt-x28{padding-top:calc(var(--base) * 7)!important}}.pt-x32{padding-top:calc(var(--base) * 8)}@media (min-width: 576px){.xs-pt-x32{padding-top:calc(var(--base) * 8)!important}}@media (min-width: 768px){.sm-pt-x32{padding-top:calc(var(--base) * 8)!important}}@media (min-width: 992px){.md-pt-x32{padding-top:calc(var(--base) * 8)!important}}@media (min-width: 1200px){.lg-pt-x32{padding-top:calc(var(--base) * 8)!important}}@media (min-width: 1400px){.xl-pt-x32{padding-top:calc(var(--base) * 8)!important}}.pt-x36{padding-top:calc(var(--base) * 9)}@media (min-width: 576px){.xs-pt-x36{padding-top:calc(var(--base) * 9)!important}}@media (min-width: 768px){.sm-pt-x36{padding-top:calc(var(--base) * 9)!important}}@media (min-width: 992px){.md-pt-x36{padding-top:calc(var(--base) * 9)!important}}@media (min-width: 1200px){.lg-pt-x36{padding-top:calc(var(--base) * 9)!important}}@media (min-width: 1400px){.xl-pt-x36{padding-top:calc(var(--base) * 9)!important}}.pt-x40{padding-top:calc(var(--base) * 10)}@media (min-width: 576px){.xs-pt-x40{padding-top:calc(var(--base) * 10)!important}}@media (min-width: 768px){.sm-pt-x40{padding-top:calc(var(--base) * 10)!important}}@media (min-width: 992px){.md-pt-x40{padding-top:calc(var(--base) * 10)!important}}@media (min-width: 1200px){.lg-pt-x40{padding-top:calc(var(--base) * 10)!important}}@media (min-width: 1400px){.xl-pt-x40{padding-top:calc(var(--base) * 10)!important}}.pt-x44{padding-top:calc(var(--base) * 11)}@media (min-width: 576px){.xs-pt-x44{padding-top:calc(var(--base) * 11)!important}}@media (min-width: 768px){.sm-pt-x44{padding-top:calc(var(--base) * 11)!important}}@media (min-width: 992px){.md-pt-x44{padding-top:calc(var(--base) * 11)!important}}@media (min-width: 1200px){.lg-pt-x44{padding-top:calc(var(--base) * 11)!important}}@media (min-width: 1400px){.xl-pt-x44{padding-top:calc(var(--base) * 11)!important}}.pt-x56{padding-top:calc(var(--base) * 14)}@media (min-width: 576px){.xs-pt-x56{padding-top:calc(var(--base) * 14)!important}}@media (min-width: 768px){.sm-pt-x56{padding-top:calc(var(--base) * 14)!important}}@media (min-width: 992px){.md-pt-x56{padding-top:calc(var(--base) * 14)!important}}@media (min-width: 1200px){.lg-pt-x56{padding-top:calc(var(--base) * 14)!important}}@media (min-width: 1400px){.xl-pt-x56{padding-top:calc(var(--base) * 14)!important}}.pt-x72{padding-top:calc(var(--base) * 18)}@media (min-width: 576px){.xs-pt-x72{padding-top:calc(var(--base) * 18)!important}}@media (min-width: 768px){.sm-pt-x72{padding-top:calc(var(--base) * 18)!important}}@media (min-width: 992px){.md-pt-x72{padding-top:calc(var(--base) * 18)!important}}@media (min-width: 1200px){.lg-pt-x72{padding-top:calc(var(--base) * 18)!important}}@media (min-width: 1400px){.xl-pt-x72{padding-top:calc(var(--base) * 18)!important}}.pb-x8{padding-bottom:calc(var(--base) * 2)}@media (min-width: 576px){.xs-pb-x8{padding-bottom:calc(var(--base) * 2)!important}}@media (min-width: 768px){.sm-pb-x8{padding-bottom:calc(var(--base) * 2)!important}}@media (min-width: 992px){.md-pb-x8{padding-bottom:calc(var(--base) * 2)!important}}@media (min-width: 1200px){.lg-pb-x8{padding-bottom:calc(var(--base) * 2)!important}}@media (min-width: 1400px){.xl-pb-x8{padding-bottom:calc(var(--base) * 2)!important}}.pb-x16{padding-bottom:calc(var(--base) * 4)}@media (min-width: 576px){.xs-pb-x16{padding-bottom:calc(var(--base) * 4)!important}}@media (min-width: 768px){.sm-pb-x16{padding-bottom:calc(var(--base) * 4)!important}}@media (min-width: 992px){.md-pb-x16{padding-bottom:calc(var(--base) * 4)!important}}@media (min-width: 1200px){.lg-pb-x16{padding-bottom:calc(var(--base) * 4)!important}}@media (min-width: 1400px){.xl-pb-x16{padding-bottom:calc(var(--base) * 4)!important}}.pb-x20{padding-bottom:calc(var(--base) * 5)}@media (min-width: 576px){.xs-pb-x20{padding-bottom:calc(var(--base) * 5)!important}}@media (min-width: 768px){.sm-pb-x20{padding-bottom:calc(var(--base) * 5)!important}}@media (min-width: 992px){.md-pb-x20{padding-bottom:calc(var(--base) * 5)!important}}@media (min-width: 1200px){.lg-pb-x20{padding-bottom:calc(var(--base) * 5)!important}}@media (min-width: 1400px){.xl-pb-x20{padding-bottom:calc(var(--base) * 5)!important}}.pb-x24{padding-bottom:calc(var(--base) * 6)}@media (min-width: 576px){.xs-pb-x24{padding-bottom:calc(var(--base) * 6)!important}}@media (min-width: 768px){.sm-pb-x24{padding-bottom:calc(var(--base) * 6)!important}}@media (min-width: 992px){.md-pb-x24{padding-bottom:calc(var(--base) * 6)!important}}@media (min-width: 1200px){.lg-pb-x24{padding-bottom:calc(var(--base) * 6)!important}}@media (min-width: 1400px){.xl-pb-x24{padding-bottom:calc(var(--base) * 6)!important}}.pb-x28{padding-bottom:calc(var(--base) * 7)}@media (min-width: 576px){.xs-pb-x28{padding-bottom:calc(var(--base) * 7)!important}}@media (min-width: 768px){.sm-pb-x28{padding-bottom:calc(var(--base) * 7)!important}}@media (min-width: 992px){.md-pb-x28{padding-bottom:calc(var(--base) * 7)!important}}@media (min-width: 1200px){.lg-pb-x28{padding-bottom:calc(var(--base) * 7)!important}}@media (min-width: 1400px){.xl-pb-x28{padding-bottom:calc(var(--base) * 7)!important}}.pb-x32{padding-bottom:calc(var(--base) * 8)}@media (min-width: 576px){.xs-pb-x32{padding-bottom:calc(var(--base) * 8)!important}}@media (min-width: 768px){.sm-pb-x32{padding-bottom:calc(var(--base) * 8)!important}}@media (min-width: 992px){.md-pb-x32{padding-bottom:calc(var(--base) * 8)!important}}@media (min-width: 1200px){.lg-pb-x32{padding-bottom:calc(var(--base) * 8)!important}}@media (min-width: 1400px){.xl-pb-x32{padding-bottom:calc(var(--base) * 8)!important}}.pb-x36{padding-bottom:calc(var(--base) * 9)}@media (min-width: 576px){.xs-pb-x36{padding-bottom:calc(var(--base) * 9)!important}}@media (min-width: 768px){.sm-pb-x36{padding-bottom:calc(var(--base) * 9)!important}}@media (min-width: 992px){.md-pb-x36{padding-bottom:calc(var(--base) * 9)!important}}@media (min-width: 1200px){.lg-pb-x36{padding-bottom:calc(var(--base) * 9)!important}}@media (min-width: 1400px){.xl-pb-x36{padding-bottom:calc(var(--base) * 9)!important}}.pb-x40{padding-bottom:calc(var(--base) * 10)}@media (min-width: 576px){.xs-pb-x40{padding-bottom:calc(var(--base) * 10)!important}}@media (min-width: 768px){.sm-pb-x40{padding-bottom:calc(var(--base) * 10)!important}}@media (min-width: 992px){.md-pb-x40{padding-bottom:calc(var(--base) * 10)!important}}@media (min-width: 1200px){.lg-pb-x40{padding-bottom:calc(var(--base) * 10)!important}}@media (min-width: 1400px){.xl-pb-x40{padding-bottom:calc(var(--base) * 10)!important}}.pb-x44{padding-bottom:calc(var(--base) * 11)}@media (min-width: 576px){.xs-pb-x44{padding-bottom:calc(var(--base) * 11)!important}}@media (min-width: 768px){.sm-pb-x44{padding-bottom:calc(var(--base) * 11)!important}}@media (min-width: 992px){.md-pb-x44{padding-bottom:calc(var(--base) * 11)!important}}@media (min-width: 1200px){.lg-pb-x44{padding-bottom:calc(var(--base) * 11)!important}}@media (min-width: 1400px){.xl-pb-x44{padding-bottom:calc(var(--base) * 11)!important}}.pb-x56{padding-bottom:calc(var(--base) * 14)}@media (min-width: 576px){.xs-pb-x56{padding-bottom:calc(var(--base) * 14)!important}}@media (min-width: 768px){.sm-pb-x56{padding-bottom:calc(var(--base) * 14)!important}}@media (min-width: 992px){.md-pb-x56{padding-bottom:calc(var(--base) * 14)!important}}@media (min-width: 1200px){.lg-pb-x56{padding-bottom:calc(var(--base) * 14)!important}}@media (min-width: 1400px){.xl-pb-x56{padding-bottom:calc(var(--base) * 14)!important}}.pb-x72{padding-bottom:calc(var(--base) * 18)}@media (min-width: 576px){.xs-pb-x72{padding-bottom:calc(var(--base) * 18)!important}}@media (min-width: 768px){.sm-pb-x72{padding-bottom:calc(var(--base) * 18)!important}}@media (min-width: 992px){.md-pb-x72{padding-bottom:calc(var(--base) * 18)!important}}@media (min-width: 1200px){.lg-pb-x72{padding-bottom:calc(var(--base) * 18)!important}}@media (min-width: 1400px){.xl-pb-x72{padding-bottom:calc(var(--base) * 18)!important}}.pb-x124{padding-bottom:calc(var(--base) * 31)}@media (min-width: 576px){.xs-pb-x124{padding-bottom:calc(var(--base) * 31)!important}}@media (min-width: 768px){.sm-pb-x124{padding-bottom:calc(var(--base) * 31)!important}}@media (min-width: 992px){.md-pb-x124{padding-bottom:calc(var(--base) * 31)!important}}@media (min-width: 1200px){.lg-pb-x124{padding-bottom:calc(var(--base) * 31)!important}}@media (min-width: 1400px){.xl-pb-x124{padding-bottom:calc(var(--base) * 31)!important}}.p-x8{padding:calc(var(--base) * 2)}@media (min-width: 576px){.xs-p-x8{padding:calc(var(--base) * 2)!important}}@media (min-width: 768px){.sm-p-x8{padding:calc(var(--base) * 2)!important}}@media (min-width: 992px){.md-p-x8{padding:calc(var(--base) * 2)!important}}@media (min-width: 1200px){.lg-p-x8{padding:calc(var(--base) * 2)!important}}@media (min-width: 1400px){.xl-p-x8{padding:calc(var(--base) * 2)!important}}.p-x16{padding:calc(var(--base) * 4)}@media (min-width: 576px){.xs-p-x16{padding:calc(var(--base) * 4)!important}}@media (min-width: 768px){.sm-p-x16{padding:calc(var(--base) * 4)!important}}@media (min-width: 992px){.md-p-x16{padding:calc(var(--base) * 4)!important}}@media (min-width: 1200px){.lg-p-x16{padding:calc(var(--base) * 4)!important}}@media (min-width: 1400px){.xl-p-x16{padding:calc(var(--base) * 4)!important}}.p-x20{padding:calc(var(--base) * 5)}@media (min-width: 576px){.xs-p-x20{padding:calc(var(--base) * 5)!important}}@media (min-width: 768px){.sm-p-x20{padding:calc(var(--base) * 5)!important}}@media (min-width: 992px){.md-p-x20{padding:calc(var(--base) * 5)!important}}@media (min-width: 1200px){.lg-p-x20{padding:calc(var(--base) * 5)!important}}@media (min-width: 1400px){.xl-p-x20{padding:calc(var(--base) * 5)!important}}.p-x24{padding:calc(var(--base) * 6)}@media (min-width: 576px){.xs-p-x24{padding:calc(var(--base) * 6)!important}}@media (min-width: 768px){.sm-p-x24{padding:calc(var(--base) * 6)!important}}@media (min-width: 992px){.md-p-x24{padding:calc(var(--base) * 6)!important}}@media (min-width: 1200px){.lg-p-x24{padding:calc(var(--base) * 6)!important}}@media (min-width: 1400px){.xl-p-x24{padding:calc(var(--base) * 6)!important}}.p-x28{padding:calc(var(--base) * 7)}@media (min-width: 576px){.xs-p-x28{padding:calc(var(--base) * 7)!important}}@media (min-width: 768px){.sm-p-x28{padding:calc(var(--base) * 7)!important}}@media (min-width: 992px){.md-p-x28{padding:calc(var(--base) * 7)!important}}@media (min-width: 1200px){.lg-p-x28{padding:calc(var(--base) * 7)!important}}@media (min-width: 1400px){.xl-p-x28{padding:calc(var(--base) * 7)!important}}.p-x32{padding:calc(var(--base) * 8)}@media (min-width: 576px){.xs-p-x32{padding:calc(var(--base) * 8)!important}}@media (min-width: 768px){.sm-p-x32{padding:calc(var(--base) * 8)!important}}@media (min-width: 992px){.md-p-x32{padding:calc(var(--base) * 8)!important}}@media (min-width: 1200px){.lg-p-x32{padding:calc(var(--base) * 8)!important}}@media (min-width: 1400px){.xl-p-x32{padding:calc(var(--base) * 8)!important}}.p-x36{padding:calc(var(--base) * 9)}@media (min-width: 576px){.xs-p-x36{padding:calc(var(--base) * 9)!important}}@media (min-width: 768px){.sm-p-x36{padding:calc(var(--base) * 9)!important}}@media (min-width: 992px){.md-p-x36{padding:calc(var(--base) * 9)!important}}@media (min-width: 1200px){.lg-p-x36{padding:calc(var(--base) * 9)!important}}@media (min-width: 1400px){.xl-p-x36{padding:calc(var(--base) * 9)!important}}.p-x40{padding:calc(var(--base) * 10)}@media (min-width: 576px){.xs-p-x40{padding:calc(var(--base) * 10)!important}}@media (min-width: 768px){.sm-p-x40{padding:calc(var(--base) * 10)!important}}@media (min-width: 992px){.md-p-x40{padding:calc(var(--base) * 10)!important}}@media (min-width: 1200px){.lg-p-x40{padding:calc(var(--base) * 10)!important}}@media (min-width: 1400px){.xl-p-x40{padding:calc(var(--base) * 10)!important}}.p-x44{padding:calc(var(--base) * 11)}@media (min-width: 576px){.xs-p-x44{padding:calc(var(--base) * 11)!important}}@media (min-width: 768px){.sm-p-x44{padding:calc(var(--base) * 11)!important}}@media (min-width: 992px){.md-p-x44{padding:calc(var(--base) * 11)!important}}@media (min-width: 1200px){.lg-p-x44{padding:calc(var(--base) * 11)!important}}@media (min-width: 1400px){.xl-p-x44{padding:calc(var(--base) * 11)!important}}.p-x56{padding:calc(var(--base) * 14)}@media (min-width: 576px){.xs-p-x56{padding:calc(var(--base) * 14)!important}}@media (min-width: 768px){.sm-p-x56{padding:calc(var(--base) * 14)!important}}@media (min-width: 992px){.md-p-x56{padding:calc(var(--base) * 14)!important}}@media (min-width: 1200px){.lg-p-x56{padding:calc(var(--base) * 14)!important}}@media (min-width: 1400px){.xl-p-x56{padding:calc(var(--base) * 14)!important}}.py-x8{padding-top:calc(var(--base) * 2);padding-bottom:calc(var(--base) * 2)}@media (min-width: 576px){.xs-py-x8{padding-top:calc(var(--base) * 2)!important;padding-bottom:calc(var(--base) * 2)!important}}@media (min-width: 768px){.sm-py-x8{padding-top:calc(var(--base) * 2)!important;padding-bottom:calc(var(--base) * 2)!important}}@media (min-width: 992px){.md-py-x8{padding-top:calc(var(--base) * 2)!important;padding-bottom:calc(var(--base) * 2)!important}}@media (min-width: 1200px){.lg-py-x8{padding-top:calc(var(--base) * 2)!important;padding-bottom:calc(var(--base) * 2)!important}}@media (min-width: 1400px){.xl-py-x8{padding-top:calc(var(--base) * 2)!important;padding-bottom:calc(var(--base) * 2)!important}}.py-x16{padding-top:calc(var(--base) * 4);padding-bottom:calc(var(--base) * 4)}@media (min-width: 576px){.xs-py-x16{padding-top:calc(var(--base) * 4)!important;padding-bottom:calc(var(--base) * 4)!important}}@media (min-width: 768px){.sm-py-x16{padding-top:calc(var(--base) * 4)!important;padding-bottom:calc(var(--base) * 4)!important}}@media (min-width: 992px){.md-py-x16{padding-top:calc(var(--base) * 4)!important;padding-bottom:calc(var(--base) * 4)!important}}@media (min-width: 1200px){.lg-py-x16{padding-top:calc(var(--base) * 4)!important;padding-bottom:calc(var(--base) * 4)!important}}@media (min-width: 1400px){.xl-py-x16{padding-top:calc(var(--base) * 4)!important;padding-bottom:calc(var(--base) * 4)!important}}.py-x20{padding-top:calc(var(--base) * 5);padding-bottom:calc(var(--base) * 5)}@media (min-width: 576px){.xs-py-x20{padding-top:calc(var(--base) * 5)!important;padding-bottom:calc(var(--base) * 5)!important}}@media (min-width: 768px){.sm-py-x20{padding-top:calc(var(--base) * 5)!important;padding-bottom:calc(var(--base) * 5)!important}}@media (min-width: 992px){.md-py-x20{padding-top:calc(var(--base) * 5)!important;padding-bottom:calc(var(--base) * 5)!important}}@media (min-width: 1200px){.lg-py-x20{padding-top:calc(var(--base) * 5)!important;padding-bottom:calc(var(--base) * 5)!important}}@media (min-width: 1400px){.xl-py-x20{padding-top:calc(var(--base) * 5)!important;padding-bottom:calc(var(--base) * 5)!important}}.py-x24{padding-top:calc(var(--base) * 6);padding-bottom:calc(var(--base) * 6)}@media (min-width: 576px){.xs-py-x24{padding-top:calc(var(--base) * 6)!important;padding-bottom:calc(var(--base) * 6)!important}}@media (min-width: 768px){.sm-py-x24{padding-top:calc(var(--base) * 6)!important;padding-bottom:calc(var(--base) * 6)!important}}@media (min-width: 992px){.md-py-x24{padding-top:calc(var(--base) * 6)!important;padding-bottom:calc(var(--base) * 6)!important}}@media (min-width: 1200px){.lg-py-x24{padding-top:calc(var(--base) * 6)!important;padding-bottom:calc(var(--base) * 6)!important}}@media (min-width: 1400px){.xl-py-x24{padding-top:calc(var(--base) * 6)!important;padding-bottom:calc(var(--base) * 6)!important}}.py-x28{padding-top:calc(var(--base) * 7);padding-bottom:calc(var(--base) * 7)}@media (min-width: 576px){.xs-py-x28{padding-top:calc(var(--base) * 7)!important;padding-bottom:calc(var(--base) * 7)!important}}@media (min-width: 768px){.sm-py-x28{padding-top:calc(var(--base) * 7)!important;padding-bottom:calc(var(--base) * 7)!important}}@media (min-width: 992px){.md-py-x28{padding-top:calc(var(--base) * 7)!important;padding-bottom:calc(var(--base) * 7)!important}}@media (min-width: 1200px){.lg-py-x28{padding-top:calc(var(--base) * 7)!important;padding-bottom:calc(var(--base) * 7)!important}}@media (min-width: 1400px){.xl-py-x28{padding-top:calc(var(--base) * 7)!important;padding-bottom:calc(var(--base) * 7)!important}}.py-x32{padding-top:calc(var(--base) * 8);padding-bottom:calc(var(--base) * 8)}@media (min-width: 576px){.xs-py-x32{padding-top:calc(var(--base) * 8)!important;padding-bottom:calc(var(--base) * 8)!important}}@media (min-width: 768px){.sm-py-x32{padding-top:calc(var(--base) * 8)!important;padding-bottom:calc(var(--base) * 8)!important}}@media (min-width: 992px){.md-py-x32{padding-top:calc(var(--base) * 8)!important;padding-bottom:calc(var(--base) * 8)!important}}@media (min-width: 1200px){.lg-py-x32{padding-top:calc(var(--base) * 8)!important;padding-bottom:calc(var(--base) * 8)!important}}@media (min-width: 1400px){.xl-py-x32{padding-top:calc(var(--base) * 8)!important;padding-bottom:calc(var(--base) * 8)!important}}.py-x36{padding-top:calc(var(--base) * 9);padding-bottom:calc(var(--base) * 9)}@media (min-width: 576px){.xs-py-x36{padding-top:calc(var(--base) * 9)!important;padding-bottom:calc(var(--base) * 9)!important}}@media (min-width: 768px){.sm-py-x36{padding-top:calc(var(--base) * 9)!important;padding-bottom:calc(var(--base) * 9)!important}}@media (min-width: 992px){.md-py-x36{padding-top:calc(var(--base) * 9)!important;padding-bottom:calc(var(--base) * 9)!important}}@media (min-width: 1200px){.lg-py-x36{padding-top:calc(var(--base) * 9)!important;padding-bottom:calc(var(--base) * 9)!important}}@media (min-width: 1400px){.xl-py-x36{padding-top:calc(var(--base) * 9)!important;padding-bottom:calc(var(--base) * 9)!important}}.py-x40{padding-top:calc(var(--base) * 10);padding-bottom:calc(var(--base) * 10)}@media (min-width: 576px){.xs-py-x40{padding-top:calc(var(--base) * 10)!important;padding-bottom:calc(var(--base) * 10)!important}}@media (min-width: 768px){.sm-py-x40{padding-top:calc(var(--base) * 10)!important;padding-bottom:calc(var(--base) * 10)!important}}@media (min-width: 992px){.md-py-x40{padding-top:calc(var(--base) * 10)!important;padding-bottom:calc(var(--base) * 10)!important}}@media (min-width: 1200px){.lg-py-x40{padding-top:calc(var(--base) * 10)!important;padding-bottom:calc(var(--base) * 10)!important}}@media (min-width: 1400px){.xl-py-x40{padding-top:calc(var(--base) * 10)!important;padding-bottom:calc(var(--base) * 10)!important}}.py-x44{padding-top:calc(var(--base) * 11);padding-bottom:calc(var(--base) * 11)}@media (min-width: 576px){.xs-py-x44{padding-top:calc(var(--base) * 11)!important;padding-bottom:calc(var(--base) * 11)!important}}@media (min-width: 768px){.sm-py-x44{padding-top:calc(var(--base) * 11)!important;padding-bottom:calc(var(--base) * 11)!important}}@media (min-width: 992px){.md-py-x44{padding-top:calc(var(--base) * 11)!important;padding-bottom:calc(var(--base) * 11)!important}}@media (min-width: 1200px){.lg-py-x44{padding-top:calc(var(--base) * 11)!important;padding-bottom:calc(var(--base) * 11)!important}}@media (min-width: 1400px){.xl-py-x44{padding-top:calc(var(--base) * 11)!important;padding-bottom:calc(var(--base) * 11)!important}}.py-x56{padding-top:calc(var(--base) * 14);padding-bottom:calc(var(--base) * 14)}@media (min-width: 576px){.xs-py-x56{padding-top:calc(var(--base) * 14)!important;padding-bottom:calc(var(--base) * 14)!important}}@media (min-width: 768px){.sm-py-x56{padding-top:calc(var(--base) * 14)!important;padding-bottom:calc(var(--base) * 14)!important}}@media (min-width: 992px){.md-py-x56{padding-top:calc(var(--base) * 14)!important;padding-bottom:calc(var(--base) * 14)!important}}@media (min-width: 1200px){.lg-py-x56{padding-top:calc(var(--base) * 14)!important;padding-bottom:calc(var(--base) * 14)!important}}@media (min-width: 1400px){.xl-py-x56{padding-top:calc(var(--base) * 14)!important;padding-bottom:calc(var(--base) * 14)!important}}.px-x8{padding-left:calc(var(--base) * 2);padding-right:calc(var(--base) * 2)}@media (min-width: 576px){.xs-px-x8{padding-left:calc(var(--base) * 2)!important;padding-right:calc(var(--base) * 2)!important}}@media (min-width: 768px){.sm-px-x8{padding-left:calc(var(--base) * 2)!important;padding-right:calc(var(--base) * 2)!important}}@media (min-width: 992px){.md-px-x8{padding-left:calc(var(--base) * 2)!important;padding-right:calc(var(--base) * 2)!important}}@media (min-width: 1200px){.lg-px-x8{padding-left:calc(var(--base) * 2)!important;padding-right:calc(var(--base) * 2)!important}}@media (min-width: 1400px){.xl-px-x8{padding-left:calc(var(--base) * 2)!important;padding-right:calc(var(--base) * 2)!important}}.px-x16{padding-left:calc(var(--base) * 4);padding-right:calc(var(--base) * 4)}@media (min-width: 576px){.xs-px-x16{padding-left:calc(var(--base) * 4)!important;padding-right:calc(var(--base) * 4)!important}}@media (min-width: 768px){.sm-px-x16{padding-left:calc(var(--base) * 4)!important;padding-right:calc(var(--base) * 4)!important}}@media (min-width: 992px){.md-px-x16{padding-left:calc(var(--base) * 4)!important;padding-right:calc(var(--base) * 4)!important}}@media (min-width: 1200px){.lg-px-x16{padding-left:calc(var(--base) * 4)!important;padding-right:calc(var(--base) * 4)!important}}@media (min-width: 1400px){.xl-px-x16{padding-left:calc(var(--base) * 4)!important;padding-right:calc(var(--base) * 4)!important}}.px-x20{padding-left:calc(var(--base) * 5);padding-right:calc(var(--base) * 5)}@media (min-width: 576px){.xs-px-x20{padding-left:calc(var(--base) * 5)!important;padding-right:calc(var(--base) * 5)!important}}@media (min-width: 768px){.sm-px-x20{padding-left:calc(var(--base) * 5)!important;padding-right:calc(var(--base) * 5)!important}}@media (min-width: 992px){.md-px-x20{padding-left:calc(var(--base) * 5)!important;padding-right:calc(var(--base) * 5)!important}}@media (min-width: 1200px){.lg-px-x20{padding-left:calc(var(--base) * 5)!important;padding-right:calc(var(--base) * 5)!important}}@media (min-width: 1400px){.xl-px-x20{padding-left:calc(var(--base) * 5)!important;padding-right:calc(var(--base) * 5)!important}}.px-x24{padding-left:calc(var(--base) * 6);padding-right:calc(var(--base) * 6)}@media (min-width: 576px){.xs-px-x24{padding-left:calc(var(--base) * 6)!important;padding-right:calc(var(--base) * 6)!important}}@media (min-width: 768px){.sm-px-x24{padding-left:calc(var(--base) * 6)!important;padding-right:calc(var(--base) * 6)!important}}@media (min-width: 992px){.md-px-x24{padding-left:calc(var(--base) * 6)!important;padding-right:calc(var(--base) * 6)!important}}@media (min-width: 1200px){.lg-px-x24{padding-left:calc(var(--base) * 6)!important;padding-right:calc(var(--base) * 6)!important}}@media (min-width: 1400px){.xl-px-x24{padding-left:calc(var(--base) * 6)!important;padding-right:calc(var(--base) * 6)!important}}.px-x28{padding-left:calc(var(--base) * 7);padding-right:calc(var(--base) * 7)}@media (min-width: 576px){.xs-px-x28{padding-left:calc(var(--base) * 7)!important;padding-right:calc(var(--base) * 7)!important}}@media (min-width: 768px){.sm-px-x28{padding-left:calc(var(--base) * 7)!important;padding-right:calc(var(--base) * 7)!important}}@media (min-width: 992px){.md-px-x28{padding-left:calc(var(--base) * 7)!important;padding-right:calc(var(--base) * 7)!important}}@media (min-width: 1200px){.lg-px-x28{padding-left:calc(var(--base) * 7)!important;padding-right:calc(var(--base) * 7)!important}}@media (min-width: 1400px){.xl-px-x28{padding-left:calc(var(--base) * 7)!important;padding-right:calc(var(--base) * 7)!important}}.px-x32{padding-left:calc(var(--base) * 8);padding-right:calc(var(--base) * 8)}@media (min-width: 576px){.xs-px-x32{padding-left:calc(var(--base) * 8)!important;padding-right:calc(var(--base) * 8)!important}}@media (min-width: 768px){.sm-px-x32{padding-left:calc(var(--base) * 8)!important;padding-right:calc(var(--base) * 8)!important}}@media (min-width: 992px){.md-px-x32{padding-left:calc(var(--base) * 8)!important;padding-right:calc(var(--base) * 8)!important}}@media (min-width: 1200px){.lg-px-x32{padding-left:calc(var(--base) * 8)!important;padding-right:calc(var(--base) * 8)!important}}@media (min-width: 1400px){.xl-px-x32{padding-left:calc(var(--base) * 8)!important;padding-right:calc(var(--base) * 8)!important}}.px-x36{padding-left:calc(var(--base) * 9);padding-right:calc(var(--base) * 9)}@media (min-width: 576px){.xs-px-x36{padding-left:calc(var(--base) * 9)!important;padding-right:calc(var(--base) * 9)!important}}@media (min-width: 768px){.sm-px-x36{padding-left:calc(var(--base) * 9)!important;padding-right:calc(var(--base) * 9)!important}}@media (min-width: 992px){.md-px-x36{padding-left:calc(var(--base) * 9)!important;padding-right:calc(var(--base) * 9)!important}}@media (min-width: 1200px){.lg-px-x36{padding-left:calc(var(--base) * 9)!important;padding-right:calc(var(--base) * 9)!important}}@media (min-width: 1400px){.xl-px-x36{padding-left:calc(var(--base) * 9)!important;padding-right:calc(var(--base) * 9)!important}}.px-x40{padding-left:calc(var(--base) * 10);padding-right:calc(var(--base) * 10)}@media (min-width: 576px){.xs-px-x40{padding-left:calc(var(--base) * 10)!important;padding-right:calc(var(--base) * 10)!important}}@media (min-width: 768px){.sm-px-x40{padding-left:calc(var(--base) * 10)!important;padding-right:calc(var(--base) * 10)!important}}@media (min-width: 992px){.md-px-x40{padding-left:calc(var(--base) * 10)!important;padding-right:calc(var(--base) * 10)!important}}@media (min-width: 1200px){.lg-px-x40{padding-left:calc(var(--base) * 10)!important;padding-right:calc(var(--base) * 10)!important}}@media (min-width: 1400px){.xl-px-x40{padding-left:calc(var(--base) * 10)!important;padding-right:calc(var(--base) * 10)!important}}.px-x44{padding-left:calc(var(--base) * 11);padding-right:calc(var(--base) * 11)}@media (min-width: 576px){.xs-px-x44{padding-left:calc(var(--base) * 11)!important;padding-right:calc(var(--base) * 11)!important}}@media (min-width: 768px){.sm-px-x44{padding-left:calc(var(--base) * 11)!important;padding-right:calc(var(--base) * 11)!important}}@media (min-width: 992px){.md-px-x44{padding-left:calc(var(--base) * 11)!important;padding-right:calc(var(--base) * 11)!important}}@media (min-width: 1200px){.lg-px-x44{padding-left:calc(var(--base) * 11)!important;padding-right:calc(var(--base) * 11)!important}}@media (min-width: 1400px){.xl-px-x44{padding-left:calc(var(--base) * 11)!important;padding-right:calc(var(--base) * 11)!important}}.px-x56{padding-left:calc(var(--base) * 14);padding-right:calc(var(--base) * 14)}@media (min-width: 576px){.xs-px-x56{padding-left:calc(var(--base) * 14)!important;padding-right:calc(var(--base) * 14)!important}}@media (min-width: 768px){.sm-px-x56{padding-left:calc(var(--base) * 14)!important;padding-right:calc(var(--base) * 14)!important}}@media (min-width: 992px){.md-px-x56{padding-left:calc(var(--base) * 14)!important;padding-right:calc(var(--base) * 14)!important}}@media (min-width: 1200px){.lg-px-x56{padding-left:calc(var(--base) * 14)!important;padding-right:calc(var(--base) * 14)!important}}@media (min-width: 1400px){.xl-px-x56{padding-left:calc(var(--base) * 14)!important;padding-right:calc(var(--base) * 14)!important}}.gap-x8{gap:calc(var(--base) * 2)}@media (min-width: 576px){.xs-gap-x8{gap:calc(var(--base) * 2)!important}}@media (min-width: 768px){.sm-gap-x8{gap:calc(var(--base) * 2)!important}}@media (min-width: 992px){.md-gap-x8{gap:calc(var(--base) * 2)!important}}@media (min-width: 1200px){.lg-gap-x8{gap:calc(var(--base) * 2)!important}}@media (min-width: 1400px){.xl-gap-x8{gap:calc(var(--base) * 2)!important}}.gap-x16{gap:calc(var(--base) * 4)}@media (min-width: 576px){.xs-gap-x16{gap:calc(var(--base) * 4)!important}}@media (min-width: 768px){.sm-gap-x16{gap:calc(var(--base) * 4)!important}}@media (min-width: 992px){.md-gap-x16{gap:calc(var(--base) * 4)!important}}@media (min-width: 1200px){.lg-gap-x16{gap:calc(var(--base) * 4)!important}}@media (min-width: 1400px){.xl-gap-x16{gap:calc(var(--base) * 4)!important}}.gap-x20{gap:calc(var(--base) * 5)}@media (min-width: 576px){.xs-gap-x20{gap:calc(var(--base) * 5)!important}}@media (min-width: 768px){.sm-gap-x20{gap:calc(var(--base) * 5)!important}}@media (min-width: 992px){.md-gap-x20{gap:calc(var(--base) * 5)!important}}@media (min-width: 1200px){.lg-gap-x20{gap:calc(var(--base) * 5)!important}}@media (min-width: 1400px){.xl-gap-x20{gap:calc(var(--base) * 5)!important}}.gap-x24{gap:calc(var(--base) * 6)}@media (min-width: 576px){.xs-gap-x24{gap:calc(var(--base) * 6)!important}}@media (min-width: 768px){.sm-gap-x24{gap:calc(var(--base) * 6)!important}}@media (min-width: 992px){.md-gap-x24{gap:calc(var(--base) * 6)!important}}@media (min-width: 1200px){.lg-gap-x24{gap:calc(var(--base) * 6)!important}}@media (min-width: 1400px){.xl-gap-x24{gap:calc(var(--base) * 6)!important}}.gap-x28{gap:calc(var(--base) * 7)}@media (min-width: 576px){.xs-gap-x28{gap:calc(var(--base) * 7)!important}}@media (min-width: 768px){.sm-gap-x28{gap:calc(var(--base) * 7)!important}}@media (min-width: 992px){.md-gap-x28{gap:calc(var(--base) * 7)!important}}@media (min-width: 1200px){.lg-gap-x28{gap:calc(var(--base) * 7)!important}}@media (min-width: 1400px){.xl-gap-x28{gap:calc(var(--base) * 7)!important}}.gap-x32{gap:calc(var(--base) * 8)}@media (min-width: 576px){.xs-gap-x32{gap:calc(var(--base) * 8)!important}}@media (min-width: 768px){.sm-gap-x32{gap:calc(var(--base) * 8)!important}}@media (min-width: 992px){.md-gap-x32{gap:calc(var(--base) * 8)!important}}@media (min-width: 1200px){.lg-gap-x32{gap:calc(var(--base) * 8)!important}}@media (min-width: 1400px){.xl-gap-x32{gap:calc(var(--base) * 8)!important}}.gap-x36{gap:calc(var(--base) * 9)}@media (min-width: 576px){.xs-gap-x36{gap:calc(var(--base) * 9)!important}}@media (min-width: 768px){.sm-gap-x36{gap:calc(var(--base) * 9)!important}}@media (min-width: 992px){.md-gap-x36{gap:calc(var(--base) * 9)!important}}@media (min-width: 1200px){.lg-gap-x36{gap:calc(var(--base) * 9)!important}}@media (min-width: 1400px){.xl-gap-x36{gap:calc(var(--base) * 9)!important}}.gap-x40{gap:calc(var(--base) * 10)}@media (min-width: 576px){.xs-gap-x40{gap:calc(var(--base) * 10)!important}}@media (min-width: 768px){.sm-gap-x40{gap:calc(var(--base) * 10)!important}}@media (min-width: 992px){.md-gap-x40{gap:calc(var(--base) * 10)!important}}@media (min-width: 1200px){.lg-gap-x40{gap:calc(var(--base) * 10)!important}}@media (min-width: 1400px){.xl-gap-x40{gap:calc(var(--base) * 10)!important}}.gap-x44{gap:calc(var(--base) * 11)}@media (min-width: 576px){.xs-gap-x44{gap:calc(var(--base) * 11)!important}}@media (min-width: 768px){.sm-gap-x44{gap:calc(var(--base) * 11)!important}}@media (min-width: 992px){.md-gap-x44{gap:calc(var(--base) * 11)!important}}@media (min-width: 1200px){.lg-gap-x44{gap:calc(var(--base) * 11)!important}}@media (min-width: 1400px){.xl-gap-x44{gap:calc(var(--base) * 11)!important}}.gap-x52{gap:calc(var(--base) * 13)}@media (min-width: 576px){.xs-gap-x52{gap:calc(var(--base) * 13)!important}}@media (min-width: 768px){.sm-gap-x52{gap:calc(var(--base) * 13)!important}}@media (min-width: 992px){.md-gap-x52{gap:calc(var(--base) * 13)!important}}@media (min-width: 1200px){.lg-gap-x52{gap:calc(var(--base) * 13)!important}}@media (min-width: 1400px){.xl-gap-x52{gap:calc(var(--base) * 13)!important}}.gap-x56{gap:calc(var(--base) * 14)}@media (min-width: 576px){.xs-gap-x56{gap:calc(var(--base) * 14)!important}}@media (min-width: 768px){.sm-gap-x56{gap:calc(var(--base) * 14)!important}}@media (min-width: 992px){.md-gap-x56{gap:calc(var(--base) * 14)!important}}@media (min-width: 1200px){.lg-gap-x56{gap:calc(var(--base) * 14)!important}}@media (min-width: 1400px){.xl-gap-x56{gap:calc(var(--base) * 14)!important}}.w-x8{width:calc(var(--base) * 2)}@media (min-width: 576px){.xs-w-x8{width:calc(var(--base) * 2)!important}}@media (min-width: 768px){.sm-w-x8{width:calc(var(--base) * 2)!important}}@media (min-width: 992px){.md-w-x8{width:calc(var(--base) * 2)!important}}@media (min-width: 1200px){.lg-w-x8{width:calc(var(--base) * 2)!important}}@media (min-width: 1400px){.xl-w-x8{width:calc(var(--base) * 2)!important}}.w-x16{width:calc(var(--base) * 4)}@media (min-width: 576px){.xs-w-x16{width:calc(var(--base) * 4)!important}}@media (min-width: 768px){.sm-w-x16{width:calc(var(--base) * 4)!important}}@media (min-width: 992px){.md-w-x16{width:calc(var(--base) * 4)!important}}@media (min-width: 1200px){.lg-w-x16{width:calc(var(--base) * 4)!important}}@media (min-width: 1400px){.xl-w-x16{width:calc(var(--base) * 4)!important}}.w-x20{width:calc(var(--base) * 5)}@media (min-width: 576px){.xs-w-x20{width:calc(var(--base) * 5)!important}}@media (min-width: 768px){.sm-w-x20{width:calc(var(--base) * 5)!important}}@media (min-width: 992px){.md-w-x20{width:calc(var(--base) * 5)!important}}@media (min-width: 1200px){.lg-w-x20{width:calc(var(--base) * 5)!important}}@media (min-width: 1400px){.xl-w-x20{width:calc(var(--base) * 5)!important}}.w-x24{width:calc(var(--base) * 6)}@media (min-width: 576px){.xs-w-x24{width:calc(var(--base) * 6)!important}}@media (min-width: 768px){.sm-w-x24{width:calc(var(--base) * 6)!important}}@media (min-width: 992px){.md-w-x24{width:calc(var(--base) * 6)!important}}@media (min-width: 1200px){.lg-w-x24{width:calc(var(--base) * 6)!important}}@media (min-width: 1400px){.xl-w-x24{width:calc(var(--base) * 6)!important}}.w-x28{width:calc(var(--base) * 7)}@media (min-width: 576px){.xs-w-x28{width:calc(var(--base) * 7)!important}}@media (min-width: 768px){.sm-w-x28{width:calc(var(--base) * 7)!important}}@media (min-width: 992px){.md-w-x28{width:calc(var(--base) * 7)!important}}@media (min-width: 1200px){.lg-w-x28{width:calc(var(--base) * 7)!important}}@media (min-width: 1400px){.xl-w-x28{width:calc(var(--base) * 7)!important}}.w-x32{width:calc(var(--base) * 8)}@media (min-width: 576px){.xs-w-x32{width:calc(var(--base) * 8)!important}}@media (min-width: 768px){.sm-w-x32{width:calc(var(--base) * 8)!important}}@media (min-width: 992px){.md-w-x32{width:calc(var(--base) * 8)!important}}@media (min-width: 1200px){.lg-w-x32{width:calc(var(--base) * 8)!important}}@media (min-width: 1400px){.xl-w-x32{width:calc(var(--base) * 8)!important}}.w-x36{width:calc(var(--base) * 9)}@media (min-width: 576px){.xs-w-x36{width:calc(var(--base) * 9)!important}}@media (min-width: 768px){.sm-w-x36{width:calc(var(--base) * 9)!important}}@media (min-width: 992px){.md-w-x36{width:calc(var(--base) * 9)!important}}@media (min-width: 1200px){.lg-w-x36{width:calc(var(--base) * 9)!important}}@media (min-width: 1400px){.xl-w-x36{width:calc(var(--base) * 9)!important}}.w-x40{width:calc(var(--base) * 10)}@media (min-width: 576px){.xs-w-x40{width:calc(var(--base) * 10)!important}}@media (min-width: 768px){.sm-w-x40{width:calc(var(--base) * 10)!important}}@media (min-width: 992px){.md-w-x40{width:calc(var(--base) * 10)!important}}@media (min-width: 1200px){.lg-w-x40{width:calc(var(--base) * 10)!important}}@media (min-width: 1400px){.xl-w-x40{width:calc(var(--base) * 10)!important}}.w-x44{width:calc(var(--base) * 11)}@media (min-width: 576px){.xs-w-x44{width:calc(var(--base) * 11)!important}}@media (min-width: 768px){.sm-w-x44{width:calc(var(--base) * 11)!important}}@media (min-width: 992px){.md-w-x44{width:calc(var(--base) * 11)!important}}@media (min-width: 1200px){.lg-w-x44{width:calc(var(--base) * 11)!important}}@media (min-width: 1400px){.xl-w-x44{width:calc(var(--base) * 11)!important}}.w-x52{width:calc(var(--base) * 13)}@media (min-width: 576px){.xs-w-x52{width:calc(var(--base) * 13)!important}}@media (min-width: 768px){.sm-w-x52{width:calc(var(--base) * 13)!important}}@media (min-width: 992px){.md-w-x52{width:calc(var(--base) * 13)!important}}@media (min-width: 1200px){.lg-w-x52{width:calc(var(--base) * 13)!important}}@media (min-width: 1400px){.xl-w-x52{width:calc(var(--base) * 13)!important}}.w-x56{width:calc(var(--base) * 14)}@media (min-width: 576px){.xs-w-x56{width:calc(var(--base) * 14)!important}}@media (min-width: 768px){.sm-w-x56{width:calc(var(--base) * 14)!important}}@media (min-width: 992px){.md-w-x56{width:calc(var(--base) * 14)!important}}@media (min-width: 1200px){.lg-w-x56{width:calc(var(--base) * 14)!important}}@media (min-width: 1400px){.xl-w-x56{width:calc(var(--base) * 14)!important}}.h-x8{height:calc(var(--base) * 2)}@media (min-width: 576px){.xs-h-x8{height:calc(var(--base) * 2)!important}}@media (min-width: 768px){.sm-h-x8{height:calc(var(--base) * 2)!important}}@media (min-width: 992px){.md-h-x8{height:calc(var(--base) * 2)!important}}@media (min-width: 1200px){.lg-h-x8{height:calc(var(--base) * 2)!important}}@media (min-width: 1400px){.xl-h-x8{height:calc(var(--base) * 2)!important}}.h-x16{height:calc(var(--base) * 4)}@media (min-width: 576px){.xs-h-x16{height:calc(var(--base) * 4)!important}}@media (min-width: 768px){.sm-h-x16{height:calc(var(--base) * 4)!important}}@media (min-width: 992px){.md-h-x16{height:calc(var(--base) * 4)!important}}@media (min-width: 1200px){.lg-h-x16{height:calc(var(--base) * 4)!important}}@media (min-width: 1400px){.xl-h-x16{height:calc(var(--base) * 4)!important}}.h-x20{height:calc(var(--base) * 5)}@media (min-width: 576px){.xs-h-x20{height:calc(var(--base) * 5)!important}}@media (min-width: 768px){.sm-h-x20{height:calc(var(--base) * 5)!important}}@media (min-width: 992px){.md-h-x20{height:calc(var(--base) * 5)!important}}@media (min-width: 1200px){.lg-h-x20{height:calc(var(--base) * 5)!important}}@media (min-width: 1400px){.xl-h-x20{height:calc(var(--base) * 5)!important}}.h-x24{height:calc(var(--base) * 6)}@media (min-width: 576px){.xs-h-x24{height:calc(var(--base) * 6)!important}}@media (min-width: 768px){.sm-h-x24{height:calc(var(--base) * 6)!important}}@media (min-width: 992px){.md-h-x24{height:calc(var(--base) * 6)!important}}@media (min-width: 1200px){.lg-h-x24{height:calc(var(--base) * 6)!important}}@media (min-width: 1400px){.xl-h-x24{height:calc(var(--base) * 6)!important}}.h-x28{height:calc(var(--base) * 7)}@media (min-width: 576px){.xs-h-x28{height:calc(var(--base) * 7)!important}}@media (min-width: 768px){.sm-h-x28{height:calc(var(--base) * 7)!important}}@media (min-width: 992px){.md-h-x28{height:calc(var(--base) * 7)!important}}@media (min-width: 1200px){.lg-h-x28{height:calc(var(--base) * 7)!important}}@media (min-width: 1400px){.xl-h-x28{height:calc(var(--base) * 7)!important}}.h-x32{height:calc(var(--base) * 8)}@media (min-width: 576px){.xs-h-x32{height:calc(var(--base) * 8)!important}}@media (min-width: 768px){.sm-h-x32{height:calc(var(--base) * 8)!important}}@media (min-width: 992px){.md-h-x32{height:calc(var(--base) * 8)!important}}@media (min-width: 1200px){.lg-h-x32{height:calc(var(--base) * 8)!important}}@media (min-width: 1400px){.xl-h-x32{height:calc(var(--base) * 8)!important}}.h-x36{height:calc(var(--base) * 9)}@media (min-width: 576px){.xs-h-x36{height:calc(var(--base) * 9)!important}}@media (min-width: 768px){.sm-h-x36{height:calc(var(--base) * 9)!important}}@media (min-width: 992px){.md-h-x36{height:calc(var(--base) * 9)!important}}@media (min-width: 1200px){.lg-h-x36{height:calc(var(--base) * 9)!important}}@media (min-width: 1400px){.xl-h-x36{height:calc(var(--base) * 9)!important}}.h-x40{height:calc(var(--base) * 10)}@media (min-width: 576px){.xs-h-x40{height:calc(var(--base) * 10)!important}}@media (min-width: 768px){.sm-h-x40{height:calc(var(--base) * 10)!important}}@media (min-width: 992px){.md-h-x40{height:calc(var(--base) * 10)!important}}@media (min-width: 1200px){.lg-h-x40{height:calc(var(--base) * 10)!important}}@media (min-width: 1400px){.xl-h-x40{height:calc(var(--base) * 10)!important}}.h-x44{height:calc(var(--base) * 11)}@media (min-width: 576px){.xs-h-x44{height:calc(var(--base) * 11)!important}}@media (min-width: 768px){.sm-h-x44{height:calc(var(--base) * 11)!important}}@media (min-width: 992px){.md-h-x44{height:calc(var(--base) * 11)!important}}@media (min-width: 1200px){.lg-h-x44{height:calc(var(--base) * 11)!important}}@media (min-width: 1400px){.xl-h-x44{height:calc(var(--base) * 11)!important}}.h-x52{height:calc(var(--base) * 13)}@media (min-width: 576px){.xs-h-x52{height:calc(var(--base) * 13)!important}}@media (min-width: 768px){.sm-h-x52{height:calc(var(--base) * 13)!important}}@media (min-width: 992px){.md-h-x52{height:calc(var(--base) * 13)!important}}@media (min-width: 1200px){.lg-h-x52{height:calc(var(--base) * 13)!important}}@media (min-width: 1400px){.xl-h-x52{height:calc(var(--base) * 13)!important}}.h-x56{height:calc(var(--base) * 14)}@media (min-width: 576px){.xs-h-x56{height:calc(var(--base) * 14)!important}}@media (min-width: 768px){.sm-h-x56{height:calc(var(--base) * 14)!important}}@media (min-width: 992px){.md-h-x56{height:calc(var(--base) * 14)!important}}@media (min-width: 1200px){.lg-h-x56{height:calc(var(--base) * 14)!important}}@media (min-width: 1400px){.xl-h-x56{height:calc(var(--base) * 14)!important}}.ui-communication-search{width:100%;min-width:0;height:40px;position:relative;display:flex;flex-wrap:nowrap}@media (min-width: 768px){.ui-communication-search{max-width:100%;height:56px;min-width:254px}}.ui-communication-search .ui-communication-search-input{flex:1;height:40px;border:1px solid var(--background-secondary)}@media (min-width: 768px){.ui-communication-search .ui-communication-search-input{height:56px}}.ui-communication-search .ui-div-btn{position:absolute;top:0;right:0}.ui-communication-search .ui-btn-search{flex-shrink:0;width:auto;min-width:80px;padding:0 12px;height:40px;display:flex;justify-content:center;align-items:center;text-align:center;border:none;outline:none}@media (min-width: 768px){.ui-communication-search .ui-btn-search{width:130px;height:56px}}.ui-communication-search .ui-wrap-list-item-search{z-index:1010;position:absolute;background:#fff;max-height:346px;width:100%;left:0;margin-left:0;bottom:-75px}@media (min-width: 768px){.ui-communication-search .ui-wrap-list-item-search{width:calc(100% - 130px)}}
|
1
|
+
:root{--base: 4px;--x4: map-get($spacing, "x4");--x8: map-get($spacing, "x8");--x12: map-get($spacing, "x12");--x16: map-get($spacing, "x16");--x20: map-get($spacing, "x20");--x22: map-get($spacing, "x22");--x24: map-get($spacing, "x24");--x28: map-get($spacing, "x28");--x32: map-get($spacing, "x32");--x36: map-get($spacing, "x36");--x40: map-get($spacing, "x40");--x44: map-get($spacing, "x44");--x46: map-get($spacing, "x46");--x48: map-get($spacing, "x48");--x52: map-get($spacing, "x52");--x56: map-get($spacing, "x56");--x60: map-get($spacing, "x60");--x64: map-get($spacing, "x64");--x68: map-get($spacing, "x68");--x72: map-get($spacing, "x72");--x76: map-get($spacing, "x76");--x80: map-get($spacing, "x80");--x84: map-get($spacing, "x84");--x88: map-get($spacing, "x88");--x92: map-get($spacing, "x92");--x96: map-get($spacing, "x96");--x100: map-get($spacing, "x100");--x104: map-get($spacing, "x104");--x112: map-get($spacing, "x112");--x116: map-get($spacing, "x116");--x120: map-get($spacing, "x120");--x124: map-get($spacing, "x124");--x128: map-get($spacing, "x128");--x132: map-get($spacing, "x132");--x136: map-get($spacing, "x136");--x140: map-get($spacing, "x140");--x144: map-get($spacing, "x144");--x160: map-get($spacing, "x160");--x252: map-get($spacing, "x252")}@media (max-width: 767px){.ui-modal-override{width:calc(100dvw - 48px);height:calc(100dvh - 32px)}}.ui-filters-modal{border-radius:4px;height:100svh!important;width:100dvw!important;max-width:100dvw!important;overflow-y:auto;flex-shrink:0;display:flex;flex-direction:column}@media (min-width: 1200px){.ui-filters-modal{position:fixed;height:100%!important;width:30%!important;left:auto!important;right:-15%!important}}.m-x4{margin:calc(var(--base) * 1)}.mx-x4{margin-left:calc(var(--base) * 1);margin-right:calc(var(--base) * 1)}.my-x4{margin-top:calc(var(--base) * 1);margin-bottom:calc(var(--base) * 1)}.mt-x4{margin-top:calc(var(--base) * 1)}.mr-x4{margin-right:calc(var(--base) * 1)}.mb-x4{margin-bottom:calc(var(--base) * 1)}.ml-x4{margin-left:calc(var(--base) * 1)}.p-x4{padding:calc(var(--base) * 1)}.px-x4{padding-left:calc(var(--base) * 1);padding-right:calc(var(--base) * 1)}.py-x4{padding-top:calc(var(--base) * 1);padding-bottom:calc(var(--base) * 1)}.pt-x4{padding-top:calc(var(--base) * 1)}.pr-x4{padding-right:calc(var(--base) * 1)}.pb-x4{padding-bottom:calc(var(--base) * 1)}.pl-x4{padding-left:calc(var(--base) * 1)}.pi-x4{padding-inline:calc(var(--base) * 1)}.pbl-x4{padding-block:calc(var(--base) * 1)}.gap-x4{gap:calc(var(--base) * 1)}.h-x4{height:calc(var(--base) * 1)}.w-x4{width:calc(var(--base) * 1)}.min-h-x4{min-height:calc(var(--base) * 1)}.min-w-x4{min-width:calc(var(--base) * 1)}.max-h-x4{max-height:calc(var(--base) * 1)}.max-w-x4{max-width:calc(var(--base) * 1)}.size-x4{width:calc(var(--base) * 1);height:calc(var(--base) * 1)}.br-x4{border-radius:calc(var(--base) * 1)}.br-t-x4{border-top-left-radius:calc(var(--base) * 1);border-top-right-radius:calc(var(--base) * 1)}.br-r-x4{border-top-right-radius:calc(var(--base) * 1);border-bottom-right-radius:calc(var(--base) * 1)}.br-b-x4{border-bottom-right-radius:calc(var(--base) * 1);border-bottom-left-radius:calc(var(--base) * 1)}.br-l-x4{border-top-left-radius:calc(var(--base) * 1);border-bottom-left-radius:calc(var(--base) * 1)}.m-x8{margin:calc(var(--base) * 2)}.mx-x8{margin-left:calc(var(--base) * 2);margin-right:calc(var(--base) * 2)}.my-x8{margin-top:calc(var(--base) * 2);margin-bottom:calc(var(--base) * 2)}.mt-x8{margin-top:calc(var(--base) * 2)}.mr-x8{margin-right:calc(var(--base) * 2)}.mb-x8{margin-bottom:calc(var(--base) * 2)}.ml-x8{margin-left:calc(var(--base) * 2)}.pr-x8{padding-right:calc(var(--base) * 2)}.pl-x8{padding-left:calc(var(--base) * 2)}.pi-x8{padding-inline:calc(var(--base) * 2)}.pbl-x8{padding-block:calc(var(--base) * 2)}.min-h-x8{min-height:calc(var(--base) * 2)}.min-w-x8{min-width:calc(var(--base) * 2)}.max-h-x8{max-height:calc(var(--base) * 2)}.max-w-x8{max-width:calc(var(--base) * 2)}.size-x8{width:calc(var(--base) * 2);height:calc(var(--base) * 2)}.br-x8{border-radius:calc(var(--base) * 2)}.br-t-x8{border-top-left-radius:calc(var(--base) * 2);border-top-right-radius:calc(var(--base) * 2)}.br-r-x8{border-top-right-radius:calc(var(--base) * 2);border-bottom-right-radius:calc(var(--base) * 2)}.br-b-x8{border-bottom-right-radius:calc(var(--base) * 2);border-bottom-left-radius:calc(var(--base) * 2)}.br-l-x8{border-top-left-radius:calc(var(--base) * 2);border-bottom-left-radius:calc(var(--base) * 2)}.m-x12{margin:calc(var(--base) * 3)}.mx-x12{margin-left:calc(var(--base) * 3);margin-right:calc(var(--base) * 3)}.my-x12{margin-top:calc(var(--base) * 3);margin-bottom:calc(var(--base) * 3)}.mt-x12{margin-top:calc(var(--base) * 3)}.mr-x12{margin-right:calc(var(--base) * 3)}.mb-x12{margin-bottom:calc(var(--base) * 3)}.ml-x12{margin-left:calc(var(--base) * 3)}.p-x12{padding:calc(var(--base) * 3)}.px-x12{padding-left:calc(var(--base) * 3);padding-right:calc(var(--base) * 3)}.py-x12{padding-top:calc(var(--base) * 3);padding-bottom:calc(var(--base) * 3)}.pt-x12{padding-top:calc(var(--base) * 3)}.pr-x12{padding-right:calc(var(--base) * 3)}.pb-x12{padding-bottom:calc(var(--base) * 3)}.pl-x12{padding-left:calc(var(--base) * 3)}.pi-x12{padding-inline:calc(var(--base) * 3)}.pbl-x12{padding-block:calc(var(--base) * 3)}.gap-x12{gap:calc(var(--base) * 3)}.h-x12{height:calc(var(--base) * 3)}.w-x12{width:calc(var(--base) * 3)}.min-h-x12{min-height:calc(var(--base) * 3)}.min-w-x12{min-width:calc(var(--base) * 3)}.max-h-x12{max-height:calc(var(--base) * 3)}.max-w-x12{max-width:calc(var(--base) * 3)}.size-x12{width:calc(var(--base) * 3);height:calc(var(--base) * 3)}.br-x12{border-radius:calc(var(--base) * 3)}.br-t-x12{border-top-left-radius:calc(var(--base) * 3);border-top-right-radius:calc(var(--base) * 3)}.br-r-x12{border-top-right-radius:calc(var(--base) * 3);border-bottom-right-radius:calc(var(--base) * 3)}.br-b-x12{border-bottom-right-radius:calc(var(--base) * 3);border-bottom-left-radius:calc(var(--base) * 3)}.br-l-x12{border-top-left-radius:calc(var(--base) * 3);border-bottom-left-radius:calc(var(--base) * 3)}.m-x16{margin:calc(var(--base) * 4)}.mx-x16{margin-left:calc(var(--base) * 4);margin-right:calc(var(--base) * 4)}.my-x16{margin-top:calc(var(--base) * 4);margin-bottom:calc(var(--base) * 4)}.mt-x16{margin-top:calc(var(--base) * 4)}.mr-x16{margin-right:calc(var(--base) * 4)}.mb-x16{margin-bottom:calc(var(--base) * 4)}.ml-x16{margin-left:calc(var(--base) * 4)}.pr-x16{padding-right:calc(var(--base) * 4)}.pl-x16{padding-left:calc(var(--base) * 4)}.pi-x16{padding-inline:calc(var(--base) * 4)}.pbl-x16{padding-block:calc(var(--base) * 4)}.min-h-x16{min-height:calc(var(--base) * 4)}.min-w-x16{min-width:calc(var(--base) * 4)}.max-h-x16{max-height:calc(var(--base) * 4)}.max-w-x16{max-width:calc(var(--base) * 4)}.size-x16{width:calc(var(--base) * 4);height:calc(var(--base) * 4)}.br-x16{border-radius:calc(var(--base) * 4)}.br-t-x16{border-top-left-radius:calc(var(--base) * 4);border-top-right-radius:calc(var(--base) * 4)}.br-r-x16{border-top-right-radius:calc(var(--base) * 4);border-bottom-right-radius:calc(var(--base) * 4)}.br-b-x16{border-bottom-right-radius:calc(var(--base) * 4);border-bottom-left-radius:calc(var(--base) * 4)}.br-l-x16{border-top-left-radius:calc(var(--base) * 4);border-bottom-left-radius:calc(var(--base) * 4)}.m-x20{margin:calc(var(--base) * 5)}.mx-x20{margin-left:calc(var(--base) * 5);margin-right:calc(var(--base) * 5)}.my-x20{margin-top:calc(var(--base) * 5);margin-bottom:calc(var(--base) * 5)}.mt-x20{margin-top:calc(var(--base) * 5)}.mr-x20{margin-right:calc(var(--base) * 5)}.mb-x20{margin-bottom:calc(var(--base) * 5)}.ml-x20{margin-left:calc(var(--base) * 5)}.pr-x20{padding-right:calc(var(--base) * 5)}.pl-x20{padding-left:calc(var(--base) * 5)}.pi-x20{padding-inline:calc(var(--base) * 5)}.pbl-x20{padding-block:calc(var(--base) * 5)}.min-h-x20{min-height:calc(var(--base) * 5)}.min-w-x20{min-width:calc(var(--base) * 5)}.max-h-x20{max-height:calc(var(--base) * 5)}.max-w-x20{max-width:calc(var(--base) * 5)}.size-x20{width:calc(var(--base) * 5);height:calc(var(--base) * 5)}.br-x20{border-radius:calc(var(--base) * 5)}.br-t-x20{border-top-left-radius:calc(var(--base) * 5);border-top-right-radius:calc(var(--base) * 5)}.br-r-x20{border-top-right-radius:calc(var(--base) * 5);border-bottom-right-radius:calc(var(--base) * 5)}.br-b-x20{border-bottom-right-radius:calc(var(--base) * 5);border-bottom-left-radius:calc(var(--base) * 5)}.br-l-x20{border-top-left-radius:calc(var(--base) * 5);border-bottom-left-radius:calc(var(--base) * 5)}.m-x22{margin:calc(var(--base) * 5.5)}.mx-x22{margin-left:calc(var(--base) * 5.5);margin-right:calc(var(--base) * 5.5)}.my-x22{margin-top:calc(var(--base) * 5.5);margin-bottom:calc(var(--base) * 5.5)}.mt-x22{margin-top:calc(var(--base) * 5.5)}.mr-x22{margin-right:calc(var(--base) * 5.5)}.mb-x22{margin-bottom:calc(var(--base) * 5.5)}.ml-x22{margin-left:calc(var(--base) * 5.5)}.p-x22{padding:calc(var(--base) * 5.5)}.px-x22{padding-left:calc(var(--base) * 5.5);padding-right:calc(var(--base) * 5.5)}.py-x22{padding-top:calc(var(--base) * 5.5);padding-bottom:calc(var(--base) * 5.5)}.pt-x22{padding-top:calc(var(--base) * 5.5)}.pr-x22{padding-right:calc(var(--base) * 5.5)}.pb-x22{padding-bottom:calc(var(--base) * 5.5)}.pl-x22{padding-left:calc(var(--base) * 5.5)}.pi-x22{padding-inline:calc(var(--base) * 5.5)}.pbl-x22{padding-block:calc(var(--base) * 5.5)}.gap-x22{gap:calc(var(--base) * 5.5)}.h-x22{height:calc(var(--base) * 5.5)}.w-x22{width:calc(var(--base) * 5.5)}.min-h-x22{min-height:calc(var(--base) * 5.5)}.min-w-x22{min-width:calc(var(--base) * 5.5)}.max-h-x22{max-height:calc(var(--base) * 5.5)}.max-w-x22{max-width:calc(var(--base) * 5.5)}.size-x22{width:calc(var(--base) * 5.5);height:calc(var(--base) * 5.5)}.br-x22{border-radius:calc(var(--base) * 5.5)}.br-t-x22{border-top-left-radius:calc(var(--base) * 5.5);border-top-right-radius:calc(var(--base) * 5.5)}.br-r-x22{border-top-right-radius:calc(var(--base) * 5.5);border-bottom-right-radius:calc(var(--base) * 5.5)}.br-b-x22{border-bottom-right-radius:calc(var(--base) * 5.5);border-bottom-left-radius:calc(var(--base) * 5.5)}.br-l-x22{border-top-left-radius:calc(var(--base) * 5.5);border-bottom-left-radius:calc(var(--base) * 5.5)}.m-x24{margin:calc(var(--base) * 6)}.mx-x24{margin-left:calc(var(--base) * 6);margin-right:calc(var(--base) * 6)}.my-x24{margin-top:calc(var(--base) * 6);margin-bottom:calc(var(--base) * 6)}.mt-x24{margin-top:calc(var(--base) * 6)}.mr-x24{margin-right:calc(var(--base) * 6)}.mb-x24{margin-bottom:calc(var(--base) * 6)}.ml-x24{margin-left:calc(var(--base) * 6)}.pr-x24{padding-right:calc(var(--base) * 6)}.pl-x24{padding-left:calc(var(--base) * 6)}.pi-x24{padding-inline:calc(var(--base) * 6)}.pbl-x24{padding-block:calc(var(--base) * 6)}.min-h-x24{min-height:calc(var(--base) * 6)}.min-w-x24{min-width:calc(var(--base) * 6)}.max-h-x24{max-height:calc(var(--base) * 6)}.max-w-x24{max-width:calc(var(--base) * 6)}.size-x24{width:calc(var(--base) * 6);height:calc(var(--base) * 6)}.br-x24{border-radius:calc(var(--base) * 6)}.br-t-x24{border-top-left-radius:calc(var(--base) * 6);border-top-right-radius:calc(var(--base) * 6)}.br-r-x24{border-top-right-radius:calc(var(--base) * 6);border-bottom-right-radius:calc(var(--base) * 6)}.br-b-x24{border-bottom-right-radius:calc(var(--base) * 6);border-bottom-left-radius:calc(var(--base) * 6)}.br-l-x24{border-top-left-radius:calc(var(--base) * 6);border-bottom-left-radius:calc(var(--base) * 6)}.m-x28{margin:calc(var(--base) * 7)}.mx-x28{margin-left:calc(var(--base) * 7);margin-right:calc(var(--base) * 7)}.my-x28{margin-top:calc(var(--base) * 7);margin-bottom:calc(var(--base) * 7)}.mt-x28{margin-top:calc(var(--base) * 7)}.mr-x28{margin-right:calc(var(--base) * 7)}.mb-x28{margin-bottom:calc(var(--base) * 7)}.ml-x28{margin-left:calc(var(--base) * 7)}.pr-x28{padding-right:calc(var(--base) * 7)}.pl-x28{padding-left:calc(var(--base) * 7)}.pi-x28{padding-inline:calc(var(--base) * 7)}.pbl-x28{padding-block:calc(var(--base) * 7)}.min-h-x28{min-height:calc(var(--base) * 7)}.min-w-x28{min-width:calc(var(--base) * 7)}.max-h-x28{max-height:calc(var(--base) * 7)}.max-w-x28{max-width:calc(var(--base) * 7)}.size-x28{width:calc(var(--base) * 7);height:calc(var(--base) * 7)}.br-x28{border-radius:calc(var(--base) * 7)}.br-t-x28{border-top-left-radius:calc(var(--base) * 7);border-top-right-radius:calc(var(--base) * 7)}.br-r-x28{border-top-right-radius:calc(var(--base) * 7);border-bottom-right-radius:calc(var(--base) * 7)}.br-b-x28{border-bottom-right-radius:calc(var(--base) * 7);border-bottom-left-radius:calc(var(--base) * 7)}.br-l-x28{border-top-left-radius:calc(var(--base) * 7);border-bottom-left-radius:calc(var(--base) * 7)}.m-x32{margin:calc(var(--base) * 8)}.mx-x32{margin-left:calc(var(--base) * 8);margin-right:calc(var(--base) * 8)}.my-x32{margin-top:calc(var(--base) * 8);margin-bottom:calc(var(--base) * 8)}.mt-x32{margin-top:calc(var(--base) * 8)}.mr-x32{margin-right:calc(var(--base) * 8)}.mb-x32{margin-bottom:calc(var(--base) * 8)}.ml-x32{margin-left:calc(var(--base) * 8)}.pr-x32{padding-right:calc(var(--base) * 8)}.pl-x32{padding-left:calc(var(--base) * 8)}.pi-x32{padding-inline:calc(var(--base) * 8)}.pbl-x32{padding-block:calc(var(--base) * 8)}.min-h-x32{min-height:calc(var(--base) * 8)}.min-w-x32{min-width:calc(var(--base) * 8)}.max-h-x32{max-height:calc(var(--base) * 8)}.max-w-x32{max-width:calc(var(--base) * 8)}.size-x32{width:calc(var(--base) * 8);height:calc(var(--base) * 8)}.br-x32{border-radius:calc(var(--base) * 8)}.br-t-x32{border-top-left-radius:calc(var(--base) * 8);border-top-right-radius:calc(var(--base) * 8)}.br-r-x32{border-top-right-radius:calc(var(--base) * 8);border-bottom-right-radius:calc(var(--base) * 8)}.br-b-x32{border-bottom-right-radius:calc(var(--base) * 8);border-bottom-left-radius:calc(var(--base) * 8)}.br-l-x32{border-top-left-radius:calc(var(--base) * 8);border-bottom-left-radius:calc(var(--base) * 8)}.m-x36{margin:calc(var(--base) * 9)}.mx-x36{margin-left:calc(var(--base) * 9);margin-right:calc(var(--base) * 9)}.my-x36{margin-top:calc(var(--base) * 9);margin-bottom:calc(var(--base) * 9)}.mt-x36{margin-top:calc(var(--base) * 9)}.mr-x36{margin-right:calc(var(--base) * 9)}.mb-x36{margin-bottom:calc(var(--base) * 9)}.ml-x36{margin-left:calc(var(--base) * 9)}.pr-x36{padding-right:calc(var(--base) * 9)}.pl-x36{padding-left:calc(var(--base) * 9)}.pi-x36{padding-inline:calc(var(--base) * 9)}.pbl-x36{padding-block:calc(var(--base) * 9)}.min-h-x36{min-height:calc(var(--base) * 9)}.min-w-x36{min-width:calc(var(--base) * 9)}.max-h-x36{max-height:calc(var(--base) * 9)}.max-w-x36{max-width:calc(var(--base) * 9)}.size-x36{width:calc(var(--base) * 9);height:calc(var(--base) * 9)}.br-x36{border-radius:calc(var(--base) * 9)}.br-t-x36{border-top-left-radius:calc(var(--base) * 9);border-top-right-radius:calc(var(--base) * 9)}.br-r-x36{border-top-right-radius:calc(var(--base) * 9);border-bottom-right-radius:calc(var(--base) * 9)}.br-b-x36{border-bottom-right-radius:calc(var(--base) * 9);border-bottom-left-radius:calc(var(--base) * 9)}.br-l-x36{border-top-left-radius:calc(var(--base) * 9);border-bottom-left-radius:calc(var(--base) * 9)}.m-x38{margin:calc(var(--base) * 9.5)}.mx-x38{margin-left:calc(var(--base) * 9.5);margin-right:calc(var(--base) * 9.5)}.my-x38{margin-top:calc(var(--base) * 9.5);margin-bottom:calc(var(--base) * 9.5)}.mt-x38{margin-top:calc(var(--base) * 9.5)}.mr-x38{margin-right:calc(var(--base) * 9.5)}.mb-x38{margin-bottom:calc(var(--base) * 9.5)}.ml-x38{margin-left:calc(var(--base) * 9.5)}.p-x38{padding:calc(var(--base) * 9.5)}.px-x38{padding-left:calc(var(--base) * 9.5);padding-right:calc(var(--base) * 9.5)}.py-x38{padding-top:calc(var(--base) * 9.5);padding-bottom:calc(var(--base) * 9.5)}.pt-x38{padding-top:calc(var(--base) * 9.5)}.pr-x38{padding-right:calc(var(--base) * 9.5)}.pb-x38{padding-bottom:calc(var(--base) * 9.5)}.pl-x38{padding-left:calc(var(--base) * 9.5)}.pi-x38{padding-inline:calc(var(--base) * 9.5)}.pbl-x38{padding-block:calc(var(--base) * 9.5)}.gap-x38{gap:calc(var(--base) * 9.5)}.h-x38{height:calc(var(--base) * 9.5)}.w-x38{width:calc(var(--base) * 9.5)}.min-h-x38{min-height:calc(var(--base) * 9.5)}.min-w-x38{min-width:calc(var(--base) * 9.5)}.max-h-x38{max-height:calc(var(--base) * 9.5)}.max-w-x38{max-width:calc(var(--base) * 9.5)}.size-x38{width:calc(var(--base) * 9.5);height:calc(var(--base) * 9.5)}.br-x38{border-radius:calc(var(--base) * 9.5)}.br-t-x38{border-top-left-radius:calc(var(--base) * 9.5);border-top-right-radius:calc(var(--base) * 9.5)}.br-r-x38{border-top-right-radius:calc(var(--base) * 9.5);border-bottom-right-radius:calc(var(--base) * 9.5)}.br-b-x38{border-bottom-right-radius:calc(var(--base) * 9.5);border-bottom-left-radius:calc(var(--base) * 9.5)}.br-l-x38{border-top-left-radius:calc(var(--base) * 9.5);border-bottom-left-radius:calc(var(--base) * 9.5)}.m-x40{margin:calc(var(--base) * 10)}.mx-x40{margin-left:calc(var(--base) * 10);margin-right:calc(var(--base) * 10)}.my-x40{margin-top:calc(var(--base) * 10);margin-bottom:calc(var(--base) * 10)}.mt-x40{margin-top:calc(var(--base) * 10)}.mr-x40{margin-right:calc(var(--base) * 10)}.mb-x40{margin-bottom:calc(var(--base) * 10)}.ml-x40{margin-left:calc(var(--base) * 10)}.pr-x40{padding-right:calc(var(--base) * 10)}.pl-x40{padding-left:calc(var(--base) * 10)}.pi-x40{padding-inline:calc(var(--base) * 10)}.pbl-x40{padding-block:calc(var(--base) * 10)}.min-h-x40{min-height:calc(var(--base) * 10)}.min-w-x40{min-width:calc(var(--base) * 10)}.max-h-x40{max-height:calc(var(--base) * 10)}.max-w-x40{max-width:calc(var(--base) * 10)}.size-x40{width:calc(var(--base) * 10);height:calc(var(--base) * 10)}.br-x40{border-radius:calc(var(--base) * 10)}.br-t-x40{border-top-left-radius:calc(var(--base) * 10);border-top-right-radius:calc(var(--base) * 10)}.br-r-x40{border-top-right-radius:calc(var(--base) * 10);border-bottom-right-radius:calc(var(--base) * 10)}.br-b-x40{border-bottom-right-radius:calc(var(--base) * 10);border-bottom-left-radius:calc(var(--base) * 10)}.br-l-x40{border-top-left-radius:calc(var(--base) * 10);border-bottom-left-radius:calc(var(--base) * 10)}.m-x42{margin:calc(var(--base) * 10.5)}.mx-x42{margin-left:calc(var(--base) * 10.5);margin-right:calc(var(--base) * 10.5)}.my-x42{margin-top:calc(var(--base) * 10.5);margin-bottom:calc(var(--base) * 10.5)}.mt-x42{margin-top:calc(var(--base) * 10.5)}.mr-x42{margin-right:calc(var(--base) * 10.5)}.mb-x42{margin-bottom:calc(var(--base) * 10.5)}.ml-x42{margin-left:calc(var(--base) * 10.5)}.p-x42{padding:calc(var(--base) * 10.5)}.px-x42{padding-left:calc(var(--base) * 10.5);padding-right:calc(var(--base) * 10.5)}.py-x42{padding-top:calc(var(--base) * 10.5);padding-bottom:calc(var(--base) * 10.5)}.pt-x42{padding-top:calc(var(--base) * 10.5)}.pr-x42{padding-right:calc(var(--base) * 10.5)}.pb-x42{padding-bottom:calc(var(--base) * 10.5)}.pl-x42{padding-left:calc(var(--base) * 10.5)}.pi-x42{padding-inline:calc(var(--base) * 10.5)}.pbl-x42{padding-block:calc(var(--base) * 10.5)}.gap-x42{gap:calc(var(--base) * 10.5)}.h-x42{height:calc(var(--base) * 10.5)}.w-x42{width:calc(var(--base) * 10.5)}.min-h-x42{min-height:calc(var(--base) * 10.5)}.min-w-x42{min-width:calc(var(--base) * 10.5)}.max-h-x42{max-height:calc(var(--base) * 10.5)}.max-w-x42{max-width:calc(var(--base) * 10.5)}.size-x42{width:calc(var(--base) * 10.5);height:calc(var(--base) * 10.5)}.br-x42{border-radius:calc(var(--base) * 10.5)}.br-t-x42{border-top-left-radius:calc(var(--base) * 10.5);border-top-right-radius:calc(var(--base) * 10.5)}.br-r-x42{border-top-right-radius:calc(var(--base) * 10.5);border-bottom-right-radius:calc(var(--base) * 10.5)}.br-b-x42{border-bottom-right-radius:calc(var(--base) * 10.5);border-bottom-left-radius:calc(var(--base) * 10.5)}.br-l-x42{border-top-left-radius:calc(var(--base) * 10.5);border-bottom-left-radius:calc(var(--base) * 10.5)}.m-x44{margin:calc(var(--base) * 11)}.mx-x44{margin-left:calc(var(--base) * 11);margin-right:calc(var(--base) * 11)}.my-x44{margin-top:calc(var(--base) * 11);margin-bottom:calc(var(--base) * 11)}.mt-x44{margin-top:calc(var(--base) * 11)}.mr-x44{margin-right:calc(var(--base) * 11)}.mb-x44{margin-bottom:calc(var(--base) * 11)}.ml-x44{margin-left:calc(var(--base) * 11)}.pr-x44{padding-right:calc(var(--base) * 11)}.pl-x44{padding-left:calc(var(--base) * 11)}.pi-x44{padding-inline:calc(var(--base) * 11)}.pbl-x44{padding-block:calc(var(--base) * 11)}.min-h-x44{min-height:calc(var(--base) * 11)}.min-w-x44{min-width:calc(var(--base) * 11)}.max-h-x44{max-height:calc(var(--base) * 11)}.max-w-x44{max-width:calc(var(--base) * 11)}.size-x44{width:calc(var(--base) * 11);height:calc(var(--base) * 11)}.br-x44{border-radius:calc(var(--base) * 11)}.br-t-x44{border-top-left-radius:calc(var(--base) * 11);border-top-right-radius:calc(var(--base) * 11)}.br-r-x44{border-top-right-radius:calc(var(--base) * 11);border-bottom-right-radius:calc(var(--base) * 11)}.br-b-x44{border-bottom-right-radius:calc(var(--base) * 11);border-bottom-left-radius:calc(var(--base) * 11)}.br-l-x44{border-top-left-radius:calc(var(--base) * 11);border-bottom-left-radius:calc(var(--base) * 11)}.m-x46{margin:calc(var(--base) * 11.5)}.mx-x46{margin-left:calc(var(--base) * 11.5);margin-right:calc(var(--base) * 11.5)}.my-x46{margin-top:calc(var(--base) * 11.5);margin-bottom:calc(var(--base) * 11.5)}.mt-x46{margin-top:calc(var(--base) * 11.5)}.mr-x46{margin-right:calc(var(--base) * 11.5)}.mb-x46{margin-bottom:calc(var(--base) * 11.5)}.ml-x46{margin-left:calc(var(--base) * 11.5)}.p-x46{padding:calc(var(--base) * 11.5)}.px-x46{padding-left:calc(var(--base) * 11.5);padding-right:calc(var(--base) * 11.5)}.py-x46{padding-top:calc(var(--base) * 11.5);padding-bottom:calc(var(--base) * 11.5)}.pt-x46{padding-top:calc(var(--base) * 11.5)}.pr-x46{padding-right:calc(var(--base) * 11.5)}.pb-x46{padding-bottom:calc(var(--base) * 11.5)}.pl-x46{padding-left:calc(var(--base) * 11.5)}.pi-x46{padding-inline:calc(var(--base) * 11.5)}.pbl-x46{padding-block:calc(var(--base) * 11.5)}.gap-x46{gap:calc(var(--base) * 11.5)}.h-x46{height:calc(var(--base) * 11.5)}.w-x46{width:calc(var(--base) * 11.5)}.min-h-x46{min-height:calc(var(--base) * 11.5)}.min-w-x46{min-width:calc(var(--base) * 11.5)}.max-h-x46{max-height:calc(var(--base) * 11.5)}.max-w-x46{max-width:calc(var(--base) * 11.5)}.size-x46{width:calc(var(--base) * 11.5);height:calc(var(--base) * 11.5)}.br-x46{border-radius:calc(var(--base) * 11.5)}.br-t-x46{border-top-left-radius:calc(var(--base) * 11.5);border-top-right-radius:calc(var(--base) * 11.5)}.br-r-x46{border-top-right-radius:calc(var(--base) * 11.5);border-bottom-right-radius:calc(var(--base) * 11.5)}.br-b-x46{border-bottom-right-radius:calc(var(--base) * 11.5);border-bottom-left-radius:calc(var(--base) * 11.5)}.br-l-x46{border-top-left-radius:calc(var(--base) * 11.5);border-bottom-left-radius:calc(var(--base) * 11.5)}.m-x48{margin:calc(var(--base) * 12)}.mx-x48{margin-left:calc(var(--base) * 12);margin-right:calc(var(--base) * 12)}.my-x48{margin-top:calc(var(--base) * 12);margin-bottom:calc(var(--base) * 12)}.mt-x48{margin-top:calc(var(--base) * 12)}.mr-x48{margin-right:calc(var(--base) * 12)}.mb-x48{margin-bottom:calc(var(--base) * 12)}.ml-x48{margin-left:calc(var(--base) * 12)}.p-x48{padding:calc(var(--base) * 12)}.px-x48{padding-left:calc(var(--base) * 12);padding-right:calc(var(--base) * 12)}.py-x48{padding-top:calc(var(--base) * 12);padding-bottom:calc(var(--base) * 12)}.pt-x48{padding-top:calc(var(--base) * 12)}.pr-x48{padding-right:calc(var(--base) * 12)}.pb-x48{padding-bottom:calc(var(--base) * 12)}.pl-x48{padding-left:calc(var(--base) * 12)}.pi-x48{padding-inline:calc(var(--base) * 12)}.pbl-x48{padding-block:calc(var(--base) * 12)}.gap-x48{gap:calc(var(--base) * 12)}.h-x48{height:calc(var(--base) * 12)}.w-x48{width:calc(var(--base) * 12)}.min-h-x48{min-height:calc(var(--base) * 12)}.min-w-x48{min-width:calc(var(--base) * 12)}.max-h-x48{max-height:calc(var(--base) * 12)}.max-w-x48{max-width:calc(var(--base) * 12)}.size-x48{width:calc(var(--base) * 12);height:calc(var(--base) * 12)}.br-x48{border-radius:calc(var(--base) * 12)}.br-t-x48{border-top-left-radius:calc(var(--base) * 12);border-top-right-radius:calc(var(--base) * 12)}.br-r-x48{border-top-right-radius:calc(var(--base) * 12);border-bottom-right-radius:calc(var(--base) * 12)}.br-b-x48{border-bottom-right-radius:calc(var(--base) * 12);border-bottom-left-radius:calc(var(--base) * 12)}.br-l-x48{border-top-left-radius:calc(var(--base) * 12);border-bottom-left-radius:calc(var(--base) * 12)}.m-x52{margin:calc(var(--base) * 13)}.mx-x52{margin-left:calc(var(--base) * 13);margin-right:calc(var(--base) * 13)}.my-x52{margin-top:calc(var(--base) * 13);margin-bottom:calc(var(--base) * 13)}.mt-x52{margin-top:calc(var(--base) * 13)}.mr-x52{margin-right:calc(var(--base) * 13)}.mb-x52{margin-bottom:calc(var(--base) * 13)}.ml-x52{margin-left:calc(var(--base) * 13)}.p-x52{padding:calc(var(--base) * 13)}.px-x52{padding-left:calc(var(--base) * 13);padding-right:calc(var(--base) * 13)}.py-x52{padding-top:calc(var(--base) * 13);padding-bottom:calc(var(--base) * 13)}.pt-x52{padding-top:calc(var(--base) * 13)}.pr-x52{padding-right:calc(var(--base) * 13)}.pb-x52{padding-bottom:calc(var(--base) * 13)}.pl-x52{padding-left:calc(var(--base) * 13)}.pi-x52{padding-inline:calc(var(--base) * 13)}.pbl-x52{padding-block:calc(var(--base) * 13)}.min-h-x52{min-height:calc(var(--base) * 13)}.min-w-x52{min-width:calc(var(--base) * 13)}.max-h-x52{max-height:calc(var(--base) * 13)}.max-w-x52{max-width:calc(var(--base) * 13)}.size-x52{width:calc(var(--base) * 13);height:calc(var(--base) * 13)}.br-x52{border-radius:calc(var(--base) * 13)}.br-t-x52{border-top-left-radius:calc(var(--base) * 13);border-top-right-radius:calc(var(--base) * 13)}.br-r-x52{border-top-right-radius:calc(var(--base) * 13);border-bottom-right-radius:calc(var(--base) * 13)}.br-b-x52{border-bottom-right-radius:calc(var(--base) * 13);border-bottom-left-radius:calc(var(--base) * 13)}.br-l-x52{border-top-left-radius:calc(var(--base) * 13);border-bottom-left-radius:calc(var(--base) * 13)}.m-x56{margin:calc(var(--base) * 14)}.mx-x56{margin-left:calc(var(--base) * 14);margin-right:calc(var(--base) * 14)}.my-x56{margin-top:calc(var(--base) * 14);margin-bottom:calc(var(--base) * 14)}.mt-x56{margin-top:calc(var(--base) * 14)}.mr-x56{margin-right:calc(var(--base) * 14)}.mb-x56{margin-bottom:calc(var(--base) * 14)}.ml-x56{margin-left:calc(var(--base) * 14)}.pr-x56{padding-right:calc(var(--base) * 14)}.pl-x56{padding-left:calc(var(--base) * 14)}.pi-x56{padding-inline:calc(var(--base) * 14)}.pbl-x56{padding-block:calc(var(--base) * 14)}.min-h-x56{min-height:calc(var(--base) * 14)}.min-w-x56{min-width:calc(var(--base) * 14)}.max-h-x56{max-height:calc(var(--base) * 14)}.max-w-x56{max-width:calc(var(--base) * 14)}.size-x56{width:calc(var(--base) * 14);height:calc(var(--base) * 14)}.br-x56{border-radius:calc(var(--base) * 14)}.br-t-x56{border-top-left-radius:calc(var(--base) * 14);border-top-right-radius:calc(var(--base) * 14)}.br-r-x56{border-top-right-radius:calc(var(--base) * 14);border-bottom-right-radius:calc(var(--base) * 14)}.br-b-x56{border-bottom-right-radius:calc(var(--base) * 14);border-bottom-left-radius:calc(var(--base) * 14)}.br-l-x56{border-top-left-radius:calc(var(--base) * 14);border-bottom-left-radius:calc(var(--base) * 14)}.m-x60{margin:calc(var(--base) * 15)}.mx-x60{margin-left:calc(var(--base) * 15);margin-right:calc(var(--base) * 15)}.my-x60{margin-top:calc(var(--base) * 15);margin-bottom:calc(var(--base) * 15)}.mt-x60{margin-top:calc(var(--base) * 15)}.mr-x60{margin-right:calc(var(--base) * 15)}.mb-x60{margin-bottom:calc(var(--base) * 15)}.ml-x60{margin-left:calc(var(--base) * 15)}.p-x60{padding:calc(var(--base) * 15)}.px-x60{padding-left:calc(var(--base) * 15);padding-right:calc(var(--base) * 15)}.py-x60{padding-top:calc(var(--base) * 15);padding-bottom:calc(var(--base) * 15)}.pt-x60{padding-top:calc(var(--base) * 15)}.pr-x60{padding-right:calc(var(--base) * 15)}.pb-x60{padding-bottom:calc(var(--base) * 15)}.pl-x60{padding-left:calc(var(--base) * 15)}.pi-x60{padding-inline:calc(var(--base) * 15)}.pbl-x60{padding-block:calc(var(--base) * 15)}.gap-x60{gap:calc(var(--base) * 15)}.h-x60{height:calc(var(--base) * 15)}.w-x60{width:calc(var(--base) * 15)}.min-h-x60{min-height:calc(var(--base) * 15)}.min-w-x60{min-width:calc(var(--base) * 15)}.max-h-x60{max-height:calc(var(--base) * 15)}.max-w-x60{max-width:calc(var(--base) * 15)}.size-x60{width:calc(var(--base) * 15);height:calc(var(--base) * 15)}.br-x60{border-radius:calc(var(--base) * 15)}.br-t-x60{border-top-left-radius:calc(var(--base) * 15);border-top-right-radius:calc(var(--base) * 15)}.br-r-x60{border-top-right-radius:calc(var(--base) * 15);border-bottom-right-radius:calc(var(--base) * 15)}.br-b-x60{border-bottom-right-radius:calc(var(--base) * 15);border-bottom-left-radius:calc(var(--base) * 15)}.br-l-x60{border-top-left-radius:calc(var(--base) * 15);border-bottom-left-radius:calc(var(--base) * 15)}.m-x64{margin:calc(var(--base) * 16)}.mx-x64{margin-left:calc(var(--base) * 16);margin-right:calc(var(--base) * 16)}.my-x64{margin-top:calc(var(--base) * 16);margin-bottom:calc(var(--base) * 16)}.mt-x64{margin-top:calc(var(--base) * 16)}.mr-x64{margin-right:calc(var(--base) * 16)}.mb-x64{margin-bottom:calc(var(--base) * 16)}.ml-x64{margin-left:calc(var(--base) * 16)}.p-x64{padding:calc(var(--base) * 16)}.px-x64{padding-left:calc(var(--base) * 16);padding-right:calc(var(--base) * 16)}.py-x64{padding-top:calc(var(--base) * 16);padding-bottom:calc(var(--base) * 16)}.pt-x64{padding-top:calc(var(--base) * 16)}.pr-x64{padding-right:calc(var(--base) * 16)}.pb-x64{padding-bottom:calc(var(--base) * 16)}.pl-x64{padding-left:calc(var(--base) * 16)}.pi-x64{padding-inline:calc(var(--base) * 16)}.pbl-x64{padding-block:calc(var(--base) * 16)}.gap-x64{gap:calc(var(--base) * 16)}.h-x64{height:calc(var(--base) * 16)}.w-x64{width:calc(var(--base) * 16)}.min-h-x64{min-height:calc(var(--base) * 16)}.min-w-x64{min-width:calc(var(--base) * 16)}.max-h-x64{max-height:calc(var(--base) * 16)}.max-w-x64{max-width:calc(var(--base) * 16)}.size-x64{width:calc(var(--base) * 16);height:calc(var(--base) * 16)}.br-x64{border-radius:calc(var(--base) * 16)}.br-t-x64{border-top-left-radius:calc(var(--base) * 16);border-top-right-radius:calc(var(--base) * 16)}.br-r-x64{border-top-right-radius:calc(var(--base) * 16);border-bottom-right-radius:calc(var(--base) * 16)}.br-b-x64{border-bottom-right-radius:calc(var(--base) * 16);border-bottom-left-radius:calc(var(--base) * 16)}.br-l-x64{border-top-left-radius:calc(var(--base) * 16);border-bottom-left-radius:calc(var(--base) * 16)}.m-x68{margin:calc(var(--base) * 17)}.mx-x68{margin-left:calc(var(--base) * 17);margin-right:calc(var(--base) * 17)}.my-x68{margin-top:calc(var(--base) * 17);margin-bottom:calc(var(--base) * 17)}.mt-x68{margin-top:calc(var(--base) * 17)}.mr-x68{margin-right:calc(var(--base) * 17)}.mb-x68{margin-bottom:calc(var(--base) * 17)}.ml-x68{margin-left:calc(var(--base) * 17)}.p-x68{padding:calc(var(--base) * 17)}.px-x68{padding-left:calc(var(--base) * 17);padding-right:calc(var(--base) * 17)}.py-x68{padding-top:calc(var(--base) * 17);padding-bottom:calc(var(--base) * 17)}.pt-x68{padding-top:calc(var(--base) * 17)}.pr-x68{padding-right:calc(var(--base) * 17)}.pb-x68{padding-bottom:calc(var(--base) * 17)}.pl-x68{padding-left:calc(var(--base) * 17)}.pi-x68{padding-inline:calc(var(--base) * 17)}.pbl-x68{padding-block:calc(var(--base) * 17)}.gap-x68{gap:calc(var(--base) * 17)}.h-x68{height:calc(var(--base) * 17)}.w-x68{width:calc(var(--base) * 17)}.min-h-x68{min-height:calc(var(--base) * 17)}.min-w-x68{min-width:calc(var(--base) * 17)}.max-h-x68{max-height:calc(var(--base) * 17)}.max-w-x68{max-width:calc(var(--base) * 17)}.size-x68{width:calc(var(--base) * 17);height:calc(var(--base) * 17)}.br-x68{border-radius:calc(var(--base) * 17)}.br-t-x68{border-top-left-radius:calc(var(--base) * 17);border-top-right-radius:calc(var(--base) * 17)}.br-r-x68{border-top-right-radius:calc(var(--base) * 17);border-bottom-right-radius:calc(var(--base) * 17)}.br-b-x68{border-bottom-right-radius:calc(var(--base) * 17);border-bottom-left-radius:calc(var(--base) * 17)}.br-l-x68{border-top-left-radius:calc(var(--base) * 17);border-bottom-left-radius:calc(var(--base) * 17)}.m-x72{margin:calc(var(--base) * 18)}.mx-x72{margin-left:calc(var(--base) * 18);margin-right:calc(var(--base) * 18)}.my-x72{margin-top:calc(var(--base) * 18);margin-bottom:calc(var(--base) * 18)}.mt-x72{margin-top:calc(var(--base) * 18)}.mr-x72{margin-right:calc(var(--base) * 18)}.mb-x72{margin-bottom:calc(var(--base) * 18)}.ml-x72{margin-left:calc(var(--base) * 18)}.p-x72{padding:calc(var(--base) * 18)}.px-x72{padding-left:calc(var(--base) * 18);padding-right:calc(var(--base) * 18)}.py-x72{padding-top:calc(var(--base) * 18);padding-bottom:calc(var(--base) * 18)}.pr-x72{padding-right:calc(var(--base) * 18)}.pl-x72{padding-left:calc(var(--base) * 18)}.pi-x72{padding-inline:calc(var(--base) * 18)}.pbl-x72{padding-block:calc(var(--base) * 18)}.gap-x72{gap:calc(var(--base) * 18)}.h-x72{height:calc(var(--base) * 18)}.w-x72{width:calc(var(--base) * 18)}.min-h-x72{min-height:calc(var(--base) * 18)}.min-w-x72{min-width:calc(var(--base) * 18)}.max-h-x72{max-height:calc(var(--base) * 18)}.max-w-x72{max-width:calc(var(--base) * 18)}.size-x72{width:calc(var(--base) * 18);height:calc(var(--base) * 18)}.br-x72{border-radius:calc(var(--base) * 18)}.br-t-x72{border-top-left-radius:calc(var(--base) * 18);border-top-right-radius:calc(var(--base) * 18)}.br-r-x72{border-top-right-radius:calc(var(--base) * 18);border-bottom-right-radius:calc(var(--base) * 18)}.br-b-x72{border-bottom-right-radius:calc(var(--base) * 18);border-bottom-left-radius:calc(var(--base) * 18)}.br-l-x72{border-top-left-radius:calc(var(--base) * 18);border-bottom-left-radius:calc(var(--base) * 18)}.m-x76{margin:calc(var(--base) * 19)}.mx-x76{margin-left:calc(var(--base) * 19);margin-right:calc(var(--base) * 19)}.my-x76{margin-top:calc(var(--base) * 19);margin-bottom:calc(var(--base) * 19)}.mt-x76{margin-top:calc(var(--base) * 19)}.mr-x76{margin-right:calc(var(--base) * 19)}.mb-x76{margin-bottom:calc(var(--base) * 19)}.ml-x76{margin-left:calc(var(--base) * 19)}.p-x76{padding:calc(var(--base) * 19)}.px-x76{padding-left:calc(var(--base) * 19);padding-right:calc(var(--base) * 19)}.py-x76{padding-top:calc(var(--base) * 19);padding-bottom:calc(var(--base) * 19)}.pt-x76{padding-top:calc(var(--base) * 19)}.pr-x76{padding-right:calc(var(--base) * 19)}.pb-x76{padding-bottom:calc(var(--base) * 19)}.pl-x76{padding-left:calc(var(--base) * 19)}.pi-x76{padding-inline:calc(var(--base) * 19)}.pbl-x76{padding-block:calc(var(--base) * 19)}.gap-x76{gap:calc(var(--base) * 19)}.h-x76{height:calc(var(--base) * 19)}.w-x76{width:calc(var(--base) * 19)}.min-h-x76{min-height:calc(var(--base) * 19)}.min-w-x76{min-width:calc(var(--base) * 19)}.max-h-x76{max-height:calc(var(--base) * 19)}.max-w-x76{max-width:calc(var(--base) * 19)}.size-x76{width:calc(var(--base) * 19);height:calc(var(--base) * 19)}.br-x76{border-radius:calc(var(--base) * 19)}.br-t-x76{border-top-left-radius:calc(var(--base) * 19);border-top-right-radius:calc(var(--base) * 19)}.br-r-x76{border-top-right-radius:calc(var(--base) * 19);border-bottom-right-radius:calc(var(--base) * 19)}.br-b-x76{border-bottom-right-radius:calc(var(--base) * 19);border-bottom-left-radius:calc(var(--base) * 19)}.br-l-x76{border-top-left-radius:calc(var(--base) * 19);border-bottom-left-radius:calc(var(--base) * 19)}.m-x80{margin:calc(var(--base) * 20)}.mx-x80{margin-left:calc(var(--base) * 20);margin-right:calc(var(--base) * 20)}.my-x80{margin-top:calc(var(--base) * 20);margin-bottom:calc(var(--base) * 20)}.mt-x80{margin-top:calc(var(--base) * 20)}.mr-x80{margin-right:calc(var(--base) * 20)}.mb-x80{margin-bottom:calc(var(--base) * 20)}.ml-x80{margin-left:calc(var(--base) * 20)}.p-x80{padding:calc(var(--base) * 20)}.px-x80{padding-left:calc(var(--base) * 20);padding-right:calc(var(--base) * 20)}.py-x80{padding-top:calc(var(--base) * 20);padding-bottom:calc(var(--base) * 20)}.pt-x80{padding-top:calc(var(--base) * 20)}.pr-x80{padding-right:calc(var(--base) * 20)}.pb-x80{padding-bottom:calc(var(--base) * 20)}.pl-x80{padding-left:calc(var(--base) * 20)}.pi-x80{padding-inline:calc(var(--base) * 20)}.pbl-x80{padding-block:calc(var(--base) * 20)}.gap-x80{gap:calc(var(--base) * 20)}.h-x80{height:calc(var(--base) * 20)}.w-x80{width:calc(var(--base) * 20)}.min-h-x80{min-height:calc(var(--base) * 20)}.min-w-x80{min-width:calc(var(--base) * 20)}.max-h-x80{max-height:calc(var(--base) * 20)}.max-w-x80{max-width:calc(var(--base) * 20)}.size-x80{width:calc(var(--base) * 20);height:calc(var(--base) * 20)}.br-x80{border-radius:calc(var(--base) * 20)}.br-t-x80{border-top-left-radius:calc(var(--base) * 20);border-top-right-radius:calc(var(--base) * 20)}.br-r-x80{border-top-right-radius:calc(var(--base) * 20);border-bottom-right-radius:calc(var(--base) * 20)}.br-b-x80{border-bottom-right-radius:calc(var(--base) * 20);border-bottom-left-radius:calc(var(--base) * 20)}.br-l-x80{border-top-left-radius:calc(var(--base) * 20);border-bottom-left-radius:calc(var(--base) * 20)}.m-x84{margin:calc(var(--base) * 21)}.mx-x84{margin-left:calc(var(--base) * 21);margin-right:calc(var(--base) * 21)}.my-x84{margin-top:calc(var(--base) * 21);margin-bottom:calc(var(--base) * 21)}.mt-x84{margin-top:calc(var(--base) * 21)}.mr-x84{margin-right:calc(var(--base) * 21)}.mb-x84{margin-bottom:calc(var(--base) * 21)}.ml-x84{margin-left:calc(var(--base) * 21)}.p-x84{padding:calc(var(--base) * 21)}.px-x84{padding-left:calc(var(--base) * 21);padding-right:calc(var(--base) * 21)}.py-x84{padding-top:calc(var(--base) * 21);padding-bottom:calc(var(--base) * 21)}.pt-x84{padding-top:calc(var(--base) * 21)}.pr-x84{padding-right:calc(var(--base) * 21)}.pb-x84{padding-bottom:calc(var(--base) * 21)}.pl-x84{padding-left:calc(var(--base) * 21)}.pi-x84{padding-inline:calc(var(--base) * 21)}.pbl-x84{padding-block:calc(var(--base) * 21)}.gap-x84{gap:calc(var(--base) * 21)}.h-x84{height:calc(var(--base) * 21)}.w-x84{width:calc(var(--base) * 21)}.min-h-x84{min-height:calc(var(--base) * 21)}.min-w-x84{min-width:calc(var(--base) * 21)}.max-h-x84{max-height:calc(var(--base) * 21)}.max-w-x84{max-width:calc(var(--base) * 21)}.size-x84{width:calc(var(--base) * 21);height:calc(var(--base) * 21)}.br-x84{border-radius:calc(var(--base) * 21)}.br-t-x84{border-top-left-radius:calc(var(--base) * 21);border-top-right-radius:calc(var(--base) * 21)}.br-r-x84{border-top-right-radius:calc(var(--base) * 21);border-bottom-right-radius:calc(var(--base) * 21)}.br-b-x84{border-bottom-right-radius:calc(var(--base) * 21);border-bottom-left-radius:calc(var(--base) * 21)}.br-l-x84{border-top-left-radius:calc(var(--base) * 21);border-bottom-left-radius:calc(var(--base) * 21)}.m-x88{margin:calc(var(--base) * 22)}.mx-x88{margin-left:calc(var(--base) * 22);margin-right:calc(var(--base) * 22)}.my-x88{margin-top:calc(var(--base) * 22);margin-bottom:calc(var(--base) * 22)}.mt-x88{margin-top:calc(var(--base) * 22)}.mr-x88{margin-right:calc(var(--base) * 22)}.mb-x88{margin-bottom:calc(var(--base) * 22)}.ml-x88{margin-left:calc(var(--base) * 22)}.p-x88{padding:calc(var(--base) * 22)}.px-x88{padding-left:calc(var(--base) * 22);padding-right:calc(var(--base) * 22)}.py-x88{padding-top:calc(var(--base) * 22);padding-bottom:calc(var(--base) * 22)}.pt-x88{padding-top:calc(var(--base) * 22)}.pr-x88{padding-right:calc(var(--base) * 22)}.pb-x88{padding-bottom:calc(var(--base) * 22)}.pl-x88{padding-left:calc(var(--base) * 22)}.pi-x88{padding-inline:calc(var(--base) * 22)}.pbl-x88{padding-block:calc(var(--base) * 22)}.gap-x88{gap:calc(var(--base) * 22)}.h-x88{height:calc(var(--base) * 22)}.w-x88{width:calc(var(--base) * 22)}.min-h-x88{min-height:calc(var(--base) * 22)}.min-w-x88{min-width:calc(var(--base) * 22)}.max-h-x88{max-height:calc(var(--base) * 22)}.max-w-x88{max-width:calc(var(--base) * 22)}.size-x88{width:calc(var(--base) * 22);height:calc(var(--base) * 22)}.br-x88{border-radius:calc(var(--base) * 22)}.br-t-x88{border-top-left-radius:calc(var(--base) * 22);border-top-right-radius:calc(var(--base) * 22)}.br-r-x88{border-top-right-radius:calc(var(--base) * 22);border-bottom-right-radius:calc(var(--base) * 22)}.br-b-x88{border-bottom-right-radius:calc(var(--base) * 22);border-bottom-left-radius:calc(var(--base) * 22)}.br-l-x88{border-top-left-radius:calc(var(--base) * 22);border-bottom-left-radius:calc(var(--base) * 22)}.m-x92{margin:calc(var(--base) * 23)}.mx-x92{margin-left:calc(var(--base) * 23);margin-right:calc(var(--base) * 23)}.my-x92{margin-top:calc(var(--base) * 23);margin-bottom:calc(var(--base) * 23)}.mt-x92{margin-top:calc(var(--base) * 23)}.mr-x92{margin-right:calc(var(--base) * 23)}.mb-x92{margin-bottom:calc(var(--base) * 23)}.ml-x92{margin-left:calc(var(--base) * 23)}.p-x92{padding:calc(var(--base) * 23)}.px-x92{padding-left:calc(var(--base) * 23);padding-right:calc(var(--base) * 23)}.py-x92{padding-top:calc(var(--base) * 23);padding-bottom:calc(var(--base) * 23)}.pt-x92{padding-top:calc(var(--base) * 23)}.pr-x92{padding-right:calc(var(--base) * 23)}.pb-x92{padding-bottom:calc(var(--base) * 23)}.pl-x92{padding-left:calc(var(--base) * 23)}.pi-x92{padding-inline:calc(var(--base) * 23)}.pbl-x92{padding-block:calc(var(--base) * 23)}.gap-x92{gap:calc(var(--base) * 23)}.h-x92{height:calc(var(--base) * 23)}.w-x92{width:calc(var(--base) * 23)}.min-h-x92{min-height:calc(var(--base) * 23)}.min-w-x92{min-width:calc(var(--base) * 23)}.max-h-x92{max-height:calc(var(--base) * 23)}.max-w-x92{max-width:calc(var(--base) * 23)}.size-x92{width:calc(var(--base) * 23);height:calc(var(--base) * 23)}.br-x92{border-radius:calc(var(--base) * 23)}.br-t-x92{border-top-left-radius:calc(var(--base) * 23);border-top-right-radius:calc(var(--base) * 23)}.br-r-x92{border-top-right-radius:calc(var(--base) * 23);border-bottom-right-radius:calc(var(--base) * 23)}.br-b-x92{border-bottom-right-radius:calc(var(--base) * 23);border-bottom-left-radius:calc(var(--base) * 23)}.br-l-x92{border-top-left-radius:calc(var(--base) * 23);border-bottom-left-radius:calc(var(--base) * 23)}.m-x96{margin:calc(var(--base) * 24)}.mx-x96{margin-left:calc(var(--base) * 24);margin-right:calc(var(--base) * 24)}.my-x96{margin-top:calc(var(--base) * 24);margin-bottom:calc(var(--base) * 24)}.mt-x96{margin-top:calc(var(--base) * 24)}.mr-x96{margin-right:calc(var(--base) * 24)}.mb-x96{margin-bottom:calc(var(--base) * 24)}.ml-x96{margin-left:calc(var(--base) * 24)}.p-x96{padding:calc(var(--base) * 24)}.px-x96{padding-left:calc(var(--base) * 24);padding-right:calc(var(--base) * 24)}.py-x96{padding-top:calc(var(--base) * 24);padding-bottom:calc(var(--base) * 24)}.pt-x96{padding-top:calc(var(--base) * 24)}.pr-x96{padding-right:calc(var(--base) * 24)}.pb-x96{padding-bottom:calc(var(--base) * 24)}.pl-x96{padding-left:calc(var(--base) * 24)}.pi-x96{padding-inline:calc(var(--base) * 24)}.pbl-x96{padding-block:calc(var(--base) * 24)}.gap-x96{gap:calc(var(--base) * 24)}.h-x96{height:calc(var(--base) * 24)}.w-x96{width:calc(var(--base) * 24)}.min-h-x96{min-height:calc(var(--base) * 24)}.min-w-x96{min-width:calc(var(--base) * 24)}.max-h-x96{max-height:calc(var(--base) * 24)}.max-w-x96{max-width:calc(var(--base) * 24)}.size-x96{width:calc(var(--base) * 24);height:calc(var(--base) * 24)}.br-x96{border-radius:calc(var(--base) * 24)}.br-t-x96{border-top-left-radius:calc(var(--base) * 24);border-top-right-radius:calc(var(--base) * 24)}.br-r-x96{border-top-right-radius:calc(var(--base) * 24);border-bottom-right-radius:calc(var(--base) * 24)}.br-b-x96{border-bottom-right-radius:calc(var(--base) * 24);border-bottom-left-radius:calc(var(--base) * 24)}.br-l-x96{border-top-left-radius:calc(var(--base) * 24);border-bottom-left-radius:calc(var(--base) * 24)}.m-x100{margin:calc(var(--base) * 25)}.mx-x100{margin-left:calc(var(--base) * 25);margin-right:calc(var(--base) * 25)}.my-x100{margin-top:calc(var(--base) * 25);margin-bottom:calc(var(--base) * 25)}.mt-x100{margin-top:calc(var(--base) * 25)}.mr-x100{margin-right:calc(var(--base) * 25)}.mb-x100{margin-bottom:calc(var(--base) * 25)}.ml-x100{margin-left:calc(var(--base) * 25)}.p-x100{padding:calc(var(--base) * 25)}.px-x100{padding-left:calc(var(--base) * 25);padding-right:calc(var(--base) * 25)}.py-x100{padding-top:calc(var(--base) * 25);padding-bottom:calc(var(--base) * 25)}.pt-x100{padding-top:calc(var(--base) * 25)}.pr-x100{padding-right:calc(var(--base) * 25)}.pb-x100{padding-bottom:calc(var(--base) * 25)}.pl-x100{padding-left:calc(var(--base) * 25)}.pi-x100{padding-inline:calc(var(--base) * 25)}.pbl-x100{padding-block:calc(var(--base) * 25)}.gap-x100{gap:calc(var(--base) * 25)}.h-x100{height:calc(var(--base) * 25)}.w-x100{width:calc(var(--base) * 25)}.min-h-x100{min-height:calc(var(--base) * 25)}.min-w-x100{min-width:calc(var(--base) * 25)}.max-h-x100{max-height:calc(var(--base) * 25)}.max-w-x100{max-width:calc(var(--base) * 25)}.size-x100{width:calc(var(--base) * 25);height:calc(var(--base) * 25)}.br-x100{border-radius:calc(var(--base) * 25)}.br-t-x100{border-top-left-radius:calc(var(--base) * 25);border-top-right-radius:calc(var(--base) * 25)}.br-r-x100{border-top-right-radius:calc(var(--base) * 25);border-bottom-right-radius:calc(var(--base) * 25)}.br-b-x100{border-bottom-right-radius:calc(var(--base) * 25);border-bottom-left-radius:calc(var(--base) * 25)}.br-l-x100{border-top-left-radius:calc(var(--base) * 25);border-bottom-left-radius:calc(var(--base) * 25)}.m-x104{margin:calc(var(--base) * 26)}.mx-x104{margin-left:calc(var(--base) * 26);margin-right:calc(var(--base) * 26)}.my-x104{margin-top:calc(var(--base) * 26);margin-bottom:calc(var(--base) * 26)}.mt-x104{margin-top:calc(var(--base) * 26)}.mr-x104{margin-right:calc(var(--base) * 26)}.mb-x104{margin-bottom:calc(var(--base) * 26)}.ml-x104{margin-left:calc(var(--base) * 26)}.p-x104{padding:calc(var(--base) * 26)}.px-x104{padding-left:calc(var(--base) * 26);padding-right:calc(var(--base) * 26)}.py-x104{padding-top:calc(var(--base) * 26);padding-bottom:calc(var(--base) * 26)}.pt-x104{padding-top:calc(var(--base) * 26)}.pr-x104{padding-right:calc(var(--base) * 26)}.pb-x104{padding-bottom:calc(var(--base) * 26)}.pl-x104{padding-left:calc(var(--base) * 26)}.pi-x104{padding-inline:calc(var(--base) * 26)}.pbl-x104{padding-block:calc(var(--base) * 26)}.gap-x104{gap:calc(var(--base) * 26)}.h-x104{height:calc(var(--base) * 26)}.w-x104{width:calc(var(--base) * 26)}.min-h-x104{min-height:calc(var(--base) * 26)}.min-w-x104{min-width:calc(var(--base) * 26)}.max-h-x104{max-height:calc(var(--base) * 26)}.max-w-x104{max-width:calc(var(--base) * 26)}.size-x104{width:calc(var(--base) * 26);height:calc(var(--base) * 26)}.br-x104{border-radius:calc(var(--base) * 26)}.br-t-x104{border-top-left-radius:calc(var(--base) * 26);border-top-right-radius:calc(var(--base) * 26)}.br-r-x104{border-top-right-radius:calc(var(--base) * 26);border-bottom-right-radius:calc(var(--base) * 26)}.br-b-x104{border-bottom-right-radius:calc(var(--base) * 26);border-bottom-left-radius:calc(var(--base) * 26)}.br-l-x104{border-top-left-radius:calc(var(--base) * 26);border-bottom-left-radius:calc(var(--base) * 26)}.m-x112{margin:calc(var(--base) * 28)}.mx-x112{margin-left:calc(var(--base) * 28);margin-right:calc(var(--base) * 28)}.my-x112{margin-top:calc(var(--base) * 28);margin-bottom:calc(var(--base) * 28)}.mt-x112{margin-top:calc(var(--base) * 28)}.mr-x112{margin-right:calc(var(--base) * 28)}.mb-x112{margin-bottom:calc(var(--base) * 28)}.ml-x112{margin-left:calc(var(--base) * 28)}.p-x112{padding:calc(var(--base) * 28)}.px-x112{padding-left:calc(var(--base) * 28);padding-right:calc(var(--base) * 28)}.py-x112{padding-top:calc(var(--base) * 28);padding-bottom:calc(var(--base) * 28)}.pt-x112{padding-top:calc(var(--base) * 28)}.pr-x112{padding-right:calc(var(--base) * 28)}.pb-x112{padding-bottom:calc(var(--base) * 28)}.pl-x112{padding-left:calc(var(--base) * 28)}.pi-x112{padding-inline:calc(var(--base) * 28)}.pbl-x112{padding-block:calc(var(--base) * 28)}.gap-x112{gap:calc(var(--base) * 28)}.h-x112{height:calc(var(--base) * 28)}.w-x112{width:calc(var(--base) * 28)}.min-h-x112{min-height:calc(var(--base) * 28)}.min-w-x112{min-width:calc(var(--base) * 28)}.max-h-x112{max-height:calc(var(--base) * 28)}.max-w-x112{max-width:calc(var(--base) * 28)}.size-x112{width:calc(var(--base) * 28);height:calc(var(--base) * 28)}.br-x112{border-radius:calc(var(--base) * 28)}.br-t-x112{border-top-left-radius:calc(var(--base) * 28);border-top-right-radius:calc(var(--base) * 28)}.br-r-x112{border-top-right-radius:calc(var(--base) * 28);border-bottom-right-radius:calc(var(--base) * 28)}.br-b-x112{border-bottom-right-radius:calc(var(--base) * 28);border-bottom-left-radius:calc(var(--base) * 28)}.br-l-x112{border-top-left-radius:calc(var(--base) * 28);border-bottom-left-radius:calc(var(--base) * 28)}.m-x116{margin:calc(var(--base) * 29)}.mx-x116{margin-left:calc(var(--base) * 29);margin-right:calc(var(--base) * 29)}.my-x116{margin-top:calc(var(--base) * 29);margin-bottom:calc(var(--base) * 29)}.mt-x116{margin-top:calc(var(--base) * 29)}.mr-x116{margin-right:calc(var(--base) * 29)}.mb-x116{margin-bottom:calc(var(--base) * 29)}.ml-x116{margin-left:calc(var(--base) * 29)}.p-x116{padding:calc(var(--base) * 29)}.px-x116{padding-left:calc(var(--base) * 29);padding-right:calc(var(--base) * 29)}.py-x116{padding-top:calc(var(--base) * 29);padding-bottom:calc(var(--base) * 29)}.pt-x116{padding-top:calc(var(--base) * 29)}.pr-x116{padding-right:calc(var(--base) * 29)}.pb-x116{padding-bottom:calc(var(--base) * 29)}.pl-x116{padding-left:calc(var(--base) * 29)}.pi-x116{padding-inline:calc(var(--base) * 29)}.pbl-x116{padding-block:calc(var(--base) * 29)}.gap-x116{gap:calc(var(--base) * 29)}.h-x116{height:calc(var(--base) * 29)}.w-x116{width:calc(var(--base) * 29)}.min-h-x116{min-height:calc(var(--base) * 29)}.min-w-x116{min-width:calc(var(--base) * 29)}.max-h-x116{max-height:calc(var(--base) * 29)}.max-w-x116{max-width:calc(var(--base) * 29)}.size-x116{width:calc(var(--base) * 29);height:calc(var(--base) * 29)}.br-x116{border-radius:calc(var(--base) * 29)}.br-t-x116{border-top-left-radius:calc(var(--base) * 29);border-top-right-radius:calc(var(--base) * 29)}.br-r-x116{border-top-right-radius:calc(var(--base) * 29);border-bottom-right-radius:calc(var(--base) * 29)}.br-b-x116{border-bottom-right-radius:calc(var(--base) * 29);border-bottom-left-radius:calc(var(--base) * 29)}.br-l-x116{border-top-left-radius:calc(var(--base) * 29);border-bottom-left-radius:calc(var(--base) * 29)}.m-x120{margin:calc(var(--base) * 30)}.mx-x120{margin-left:calc(var(--base) * 30);margin-right:calc(var(--base) * 30)}.my-x120{margin-top:calc(var(--base) * 30);margin-bottom:calc(var(--base) * 30)}.mt-x120{margin-top:calc(var(--base) * 30)}.mr-x120{margin-right:calc(var(--base) * 30)}.mb-x120{margin-bottom:calc(var(--base) * 30)}.ml-x120{margin-left:calc(var(--base) * 30)}.p-x120{padding:calc(var(--base) * 30)}.px-x120{padding-left:calc(var(--base) * 30);padding-right:calc(var(--base) * 30)}.py-x120{padding-top:calc(var(--base) * 30);padding-bottom:calc(var(--base) * 30)}.pt-x120{padding-top:calc(var(--base) * 30)}.pr-x120{padding-right:calc(var(--base) * 30)}.pb-x120{padding-bottom:calc(var(--base) * 30)}.pl-x120{padding-left:calc(var(--base) * 30)}.pi-x120{padding-inline:calc(var(--base) * 30)}.pbl-x120{padding-block:calc(var(--base) * 30)}.gap-x120{gap:calc(var(--base) * 30)}.h-x120{height:calc(var(--base) * 30)}.w-x120{width:calc(var(--base) * 30)}.min-h-x120{min-height:calc(var(--base) * 30)}.min-w-x120{min-width:calc(var(--base) * 30)}.max-h-x120{max-height:calc(var(--base) * 30)}.max-w-x120{max-width:calc(var(--base) * 30)}.size-x120{width:calc(var(--base) * 30);height:calc(var(--base) * 30)}.br-x120{border-radius:calc(var(--base) * 30)}.br-t-x120{border-top-left-radius:calc(var(--base) * 30);border-top-right-radius:calc(var(--base) * 30)}.br-r-x120{border-top-right-radius:calc(var(--base) * 30);border-bottom-right-radius:calc(var(--base) * 30)}.br-b-x120{border-bottom-right-radius:calc(var(--base) * 30);border-bottom-left-radius:calc(var(--base) * 30)}.br-l-x120{border-top-left-radius:calc(var(--base) * 30);border-bottom-left-radius:calc(var(--base) * 30)}.m-x124{margin:calc(var(--base) * 31)}.mx-x124{margin-left:calc(var(--base) * 31);margin-right:calc(var(--base) * 31)}.my-x124{margin-top:calc(var(--base) * 31);margin-bottom:calc(var(--base) * 31)}.mt-x124{margin-top:calc(var(--base) * 31)}.mr-x124{margin-right:calc(var(--base) * 31)}.mb-x124{margin-bottom:calc(var(--base) * 31)}.ml-x124{margin-left:calc(var(--base) * 31)}.p-x124{padding:calc(var(--base) * 31)}.px-x124{padding-left:calc(var(--base) * 31);padding-right:calc(var(--base) * 31)}.py-x124{padding-top:calc(var(--base) * 31);padding-bottom:calc(var(--base) * 31)}.pt-x124{padding-top:calc(var(--base) * 31)}.pr-x124{padding-right:calc(var(--base) * 31)}.pl-x124{padding-left:calc(var(--base) * 31)}.pi-x124{padding-inline:calc(var(--base) * 31)}.pbl-x124{padding-block:calc(var(--base) * 31)}.gap-x124{gap:calc(var(--base) * 31)}.h-x124{height:calc(var(--base) * 31)}.w-x124{width:calc(var(--base) * 31)}.min-h-x124{min-height:calc(var(--base) * 31)}.min-w-x124{min-width:calc(var(--base) * 31)}.max-h-x124{max-height:calc(var(--base) * 31)}.max-w-x124{max-width:calc(var(--base) * 31)}.size-x124{width:calc(var(--base) * 31);height:calc(var(--base) * 31)}.br-x124{border-radius:calc(var(--base) * 31)}.br-t-x124{border-top-left-radius:calc(var(--base) * 31);border-top-right-radius:calc(var(--base) * 31)}.br-r-x124{border-top-right-radius:calc(var(--base) * 31);border-bottom-right-radius:calc(var(--base) * 31)}.br-b-x124{border-bottom-right-radius:calc(var(--base) * 31);border-bottom-left-radius:calc(var(--base) * 31)}.br-l-x124{border-top-left-radius:calc(var(--base) * 31);border-bottom-left-radius:calc(var(--base) * 31)}.m-x128{margin:calc(var(--base) * 32)}.mx-x128{margin-left:calc(var(--base) * 32);margin-right:calc(var(--base) * 32)}.my-x128{margin-top:calc(var(--base) * 32);margin-bottom:calc(var(--base) * 32)}.mt-x128{margin-top:calc(var(--base) * 32)}.mr-x128{margin-right:calc(var(--base) * 32)}.mb-x128{margin-bottom:calc(var(--base) * 32)}.ml-x128{margin-left:calc(var(--base) * 32)}.p-x128{padding:calc(var(--base) * 32)}.px-x128{padding-left:calc(var(--base) * 32);padding-right:calc(var(--base) * 32)}.py-x128{padding-top:calc(var(--base) * 32);padding-bottom:calc(var(--base) * 32)}.pt-x128{padding-top:calc(var(--base) * 32)}.pr-x128{padding-right:calc(var(--base) * 32)}.pb-x128{padding-bottom:calc(var(--base) * 32)}.pl-x128{padding-left:calc(var(--base) * 32)}.pi-x128{padding-inline:calc(var(--base) * 32)}.pbl-x128{padding-block:calc(var(--base) * 32)}.gap-x128{gap:calc(var(--base) * 32)}.h-x128{height:calc(var(--base) * 32)}.w-x128{width:calc(var(--base) * 32)}.min-h-x128{min-height:calc(var(--base) * 32)}.min-w-x128{min-width:calc(var(--base) * 32)}.max-h-x128{max-height:calc(var(--base) * 32)}.max-w-x128{max-width:calc(var(--base) * 32)}.size-x128{width:calc(var(--base) * 32);height:calc(var(--base) * 32)}.br-x128{border-radius:calc(var(--base) * 32)}.br-t-x128{border-top-left-radius:calc(var(--base) * 32);border-top-right-radius:calc(var(--base) * 32)}.br-r-x128{border-top-right-radius:calc(var(--base) * 32);border-bottom-right-radius:calc(var(--base) * 32)}.br-b-x128{border-bottom-right-radius:calc(var(--base) * 32);border-bottom-left-radius:calc(var(--base) * 32)}.br-l-x128{border-top-left-radius:calc(var(--base) * 32);border-bottom-left-radius:calc(var(--base) * 32)}.m-x132{margin:calc(var(--base) * 33)}.mx-x132{margin-left:calc(var(--base) * 33);margin-right:calc(var(--base) * 33)}.my-x132{margin-top:calc(var(--base) * 33);margin-bottom:calc(var(--base) * 33)}.mt-x132{margin-top:calc(var(--base) * 33)}.mr-x132{margin-right:calc(var(--base) * 33)}.mb-x132{margin-bottom:calc(var(--base) * 33)}.ml-x132{margin-left:calc(var(--base) * 33)}.p-x132{padding:calc(var(--base) * 33)}.px-x132{padding-left:calc(var(--base) * 33);padding-right:calc(var(--base) * 33)}.py-x132{padding-top:calc(var(--base) * 33);padding-bottom:calc(var(--base) * 33)}.pt-x132{padding-top:calc(var(--base) * 33)}.pr-x132{padding-right:calc(var(--base) * 33)}.pb-x132{padding-bottom:calc(var(--base) * 33)}.pl-x132{padding-left:calc(var(--base) * 33)}.pi-x132{padding-inline:calc(var(--base) * 33)}.pbl-x132{padding-block:calc(var(--base) * 33)}.gap-x132{gap:calc(var(--base) * 33)}.h-x132{height:calc(var(--base) * 33)}.w-x132{width:calc(var(--base) * 33)}.min-h-x132{min-height:calc(var(--base) * 33)}.min-w-x132{min-width:calc(var(--base) * 33)}.max-h-x132{max-height:calc(var(--base) * 33)}.max-w-x132{max-width:calc(var(--base) * 33)}.size-x132{width:calc(var(--base) * 33);height:calc(var(--base) * 33)}.br-x132{border-radius:calc(var(--base) * 33)}.br-t-x132{border-top-left-radius:calc(var(--base) * 33);border-top-right-radius:calc(var(--base) * 33)}.br-r-x132{border-top-right-radius:calc(var(--base) * 33);border-bottom-right-radius:calc(var(--base) * 33)}.br-b-x132{border-bottom-right-radius:calc(var(--base) * 33);border-bottom-left-radius:calc(var(--base) * 33)}.br-l-x132{border-top-left-radius:calc(var(--base) * 33);border-bottom-left-radius:calc(var(--base) * 33)}.m-x136{margin:calc(var(--base) * 34)}.mx-x136{margin-left:calc(var(--base) * 34);margin-right:calc(var(--base) * 34)}.my-x136{margin-top:calc(var(--base) * 34);margin-bottom:calc(var(--base) * 34)}.mt-x136{margin-top:calc(var(--base) * 34)}.mr-x136{margin-right:calc(var(--base) * 34)}.mb-x136{margin-bottom:calc(var(--base) * 34)}.ml-x136{margin-left:calc(var(--base) * 34)}.p-x136{padding:calc(var(--base) * 34)}.px-x136{padding-left:calc(var(--base) * 34);padding-right:calc(var(--base) * 34)}.py-x136{padding-top:calc(var(--base) * 34);padding-bottom:calc(var(--base) * 34)}.pt-x136{padding-top:calc(var(--base) * 34)}.pr-x136{padding-right:calc(var(--base) * 34)}.pb-x136{padding-bottom:calc(var(--base) * 34)}.pl-x136{padding-left:calc(var(--base) * 34)}.pi-x136{padding-inline:calc(var(--base) * 34)}.pbl-x136{padding-block:calc(var(--base) * 34)}.gap-x136{gap:calc(var(--base) * 34)}.h-x136{height:calc(var(--base) * 34)}.w-x136{width:calc(var(--base) * 34)}.min-h-x136{min-height:calc(var(--base) * 34)}.min-w-x136{min-width:calc(var(--base) * 34)}.max-h-x136{max-height:calc(var(--base) * 34)}.max-w-x136{max-width:calc(var(--base) * 34)}.size-x136{width:calc(var(--base) * 34);height:calc(var(--base) * 34)}.br-x136{border-radius:calc(var(--base) * 34)}.br-t-x136{border-top-left-radius:calc(var(--base) * 34);border-top-right-radius:calc(var(--base) * 34)}.br-r-x136{border-top-right-radius:calc(var(--base) * 34);border-bottom-right-radius:calc(var(--base) * 34)}.br-b-x136{border-bottom-right-radius:calc(var(--base) * 34);border-bottom-left-radius:calc(var(--base) * 34)}.br-l-x136{border-top-left-radius:calc(var(--base) * 34);border-bottom-left-radius:calc(var(--base) * 34)}.m-x140{margin:calc(var(--base) * 35)}.mx-x140{margin-left:calc(var(--base) * 35);margin-right:calc(var(--base) * 35)}.my-x140{margin-top:calc(var(--base) * 35);margin-bottom:calc(var(--base) * 35)}.mt-x140{margin-top:calc(var(--base) * 35)}.mr-x140{margin-right:calc(var(--base) * 35)}.mb-x140{margin-bottom:calc(var(--base) * 35)}.ml-x140{margin-left:calc(var(--base) * 35)}.p-x140{padding:calc(var(--base) * 35)}.px-x140{padding-left:calc(var(--base) * 35);padding-right:calc(var(--base) * 35)}.py-x140{padding-top:calc(var(--base) * 35);padding-bottom:calc(var(--base) * 35)}.pt-x140{padding-top:calc(var(--base) * 35)}.pr-x140{padding-right:calc(var(--base) * 35)}.pb-x140{padding-bottom:calc(var(--base) * 35)}.pl-x140{padding-left:calc(var(--base) * 35)}.pi-x140{padding-inline:calc(var(--base) * 35)}.pbl-x140{padding-block:calc(var(--base) * 35)}.gap-x140{gap:calc(var(--base) * 35)}.h-x140{height:calc(var(--base) * 35)}.w-x140{width:calc(var(--base) * 35)}.min-h-x140{min-height:calc(var(--base) * 35)}.min-w-x140{min-width:calc(var(--base) * 35)}.max-h-x140{max-height:calc(var(--base) * 35)}.max-w-x140{max-width:calc(var(--base) * 35)}.size-x140{width:calc(var(--base) * 35);height:calc(var(--base) * 35)}.br-x140{border-radius:calc(var(--base) * 35)}.br-t-x140{border-top-left-radius:calc(var(--base) * 35);border-top-right-radius:calc(var(--base) * 35)}.br-r-x140{border-top-right-radius:calc(var(--base) * 35);border-bottom-right-radius:calc(var(--base) * 35)}.br-b-x140{border-bottom-right-radius:calc(var(--base) * 35);border-bottom-left-radius:calc(var(--base) * 35)}.br-l-x140{border-top-left-radius:calc(var(--base) * 35);border-bottom-left-radius:calc(var(--base) * 35)}.m-x144{margin:calc(var(--base) * 36)}.mx-x144{margin-left:calc(var(--base) * 36);margin-right:calc(var(--base) * 36)}.my-x144{margin-top:calc(var(--base) * 36);margin-bottom:calc(var(--base) * 36)}.mt-x144{margin-top:calc(var(--base) * 36)}.mr-x144{margin-right:calc(var(--base) * 36)}.mb-x144{margin-bottom:calc(var(--base) * 36)}.ml-x144{margin-left:calc(var(--base) * 36)}.p-x144{padding:calc(var(--base) * 36)}.px-x144{padding-left:calc(var(--base) * 36);padding-right:calc(var(--base) * 36)}.py-x144{padding-top:calc(var(--base) * 36);padding-bottom:calc(var(--base) * 36)}.pt-x144{padding-top:calc(var(--base) * 36)}.pr-x144{padding-right:calc(var(--base) * 36)}.pb-x144{padding-bottom:calc(var(--base) * 36)}.pl-x144{padding-left:calc(var(--base) * 36)}.pi-x144{padding-inline:calc(var(--base) * 36)}.pbl-x144{padding-block:calc(var(--base) * 36)}.gap-x144{gap:calc(var(--base) * 36)}.h-x144{height:calc(var(--base) * 36)}.w-x144{width:calc(var(--base) * 36)}.min-h-x144{min-height:calc(var(--base) * 36)}.min-w-x144{min-width:calc(var(--base) * 36)}.max-h-x144{max-height:calc(var(--base) * 36)}.max-w-x144{max-width:calc(var(--base) * 36)}.size-x144{width:calc(var(--base) * 36);height:calc(var(--base) * 36)}.br-x144{border-radius:calc(var(--base) * 36)}.br-t-x144{border-top-left-radius:calc(var(--base) * 36);border-top-right-radius:calc(var(--base) * 36)}.br-r-x144{border-top-right-radius:calc(var(--base) * 36);border-bottom-right-radius:calc(var(--base) * 36)}.br-b-x144{border-bottom-right-radius:calc(var(--base) * 36);border-bottom-left-radius:calc(var(--base) * 36)}.br-l-x144{border-top-left-radius:calc(var(--base) * 36);border-bottom-left-radius:calc(var(--base) * 36)}.m-x160{margin:calc(var(--base) * 40)}.mx-x160{margin-left:calc(var(--base) * 40);margin-right:calc(var(--base) * 40)}.my-x160{margin-top:calc(var(--base) * 40);margin-bottom:calc(var(--base) * 40)}.mt-x160{margin-top:calc(var(--base) * 40)}.mr-x160{margin-right:calc(var(--base) * 40)}.mb-x160{margin-bottom:calc(var(--base) * 40)}.ml-x160{margin-left:calc(var(--base) * 40)}.p-x160{padding:calc(var(--base) * 40)}.px-x160{padding-left:calc(var(--base) * 40);padding-right:calc(var(--base) * 40)}.py-x160{padding-top:calc(var(--base) * 40);padding-bottom:calc(var(--base) * 40)}.pt-x160{padding-top:calc(var(--base) * 40)}.pr-x160{padding-right:calc(var(--base) * 40)}.pb-x160{padding-bottom:calc(var(--base) * 40)}.pl-x160{padding-left:calc(var(--base) * 40)}.pi-x160{padding-inline:calc(var(--base) * 40)}.pbl-x160{padding-block:calc(var(--base) * 40)}.gap-x160{gap:calc(var(--base) * 40)}.h-x160{height:calc(var(--base) * 40)}.w-x160{width:calc(var(--base) * 40)}.min-h-x160{min-height:calc(var(--base) * 40)}.min-w-x160{min-width:calc(var(--base) * 40)}.max-h-x160{max-height:calc(var(--base) * 40)}.max-w-x160{max-width:calc(var(--base) * 40)}.size-x160{width:calc(var(--base) * 40);height:calc(var(--base) * 40)}.br-x160{border-radius:calc(var(--base) * 40)}.br-t-x160{border-top-left-radius:calc(var(--base) * 40);border-top-right-radius:calc(var(--base) * 40)}.br-r-x160{border-top-right-radius:calc(var(--base) * 40);border-bottom-right-radius:calc(var(--base) * 40)}.br-b-x160{border-bottom-right-radius:calc(var(--base) * 40);border-bottom-left-radius:calc(var(--base) * 40)}.br-l-x160{border-top-left-radius:calc(var(--base) * 40);border-bottom-left-radius:calc(var(--base) * 40)}.m-x252{margin:calc(var(--base) * 63)}.mx-x252{margin-left:calc(var(--base) * 63);margin-right:calc(var(--base) * 63)}.my-x252{margin-top:calc(var(--base) * 63);margin-bottom:calc(var(--base) * 63)}.mt-x252{margin-top:calc(var(--base) * 63)}.mr-x252{margin-right:calc(var(--base) * 63)}.mb-x252{margin-bottom:calc(var(--base) * 63)}.ml-x252{margin-left:calc(var(--base) * 63)}.p-x252{padding:calc(var(--base) * 63)}.px-x252{padding-left:calc(var(--base) * 63);padding-right:calc(var(--base) * 63)}.py-x252{padding-top:calc(var(--base) * 63);padding-bottom:calc(var(--base) * 63)}.pt-x252{padding-top:calc(var(--base) * 63)}.pr-x252{padding-right:calc(var(--base) * 63)}.pb-x252{padding-bottom:calc(var(--base) * 63)}.pl-x252{padding-left:calc(var(--base) * 63)}.pi-x252{padding-inline:calc(var(--base) * 63)}.pbl-x252{padding-block:calc(var(--base) * 63)}.gap-x252{gap:calc(var(--base) * 63)}.h-x252{height:calc(var(--base) * 63)}.w-x252{width:calc(var(--base) * 63)}.min-h-x252{min-height:calc(var(--base) * 63)}.min-w-x252{min-width:calc(var(--base) * 63)}.max-h-x252{max-height:calc(var(--base) * 63)}.max-w-x252{max-width:calc(var(--base) * 63)}.size-x252{width:calc(var(--base) * 63);height:calc(var(--base) * 63)}.br-x252{border-radius:calc(var(--base) * 63)}.br-t-x252{border-top-left-radius:calc(var(--base) * 63);border-top-right-radius:calc(var(--base) * 63)}.br-r-x252{border-top-right-radius:calc(var(--base) * 63);border-bottom-right-radius:calc(var(--base) * 63)}.br-b-x252{border-bottom-right-radius:calc(var(--base) * 63);border-bottom-left-radius:calc(var(--base) * 63)}.br-l-x252{border-top-left-radius:calc(var(--base) * 63);border-bottom-left-radius:calc(var(--base) * 63)}.max-w-fit{max-width:fit-content}.pt-x8{padding-top:calc(var(--base) * 2)}@media (min-width: 576px){.xs-pt-x8{padding-top:calc(var(--base) * 2)!important}}@media (min-width: 768px){.sm-pt-x8{padding-top:calc(var(--base) * 2)!important}}@media (min-width: 992px){.md-pt-x8{padding-top:calc(var(--base) * 2)!important}}@media (min-width: 1200px){.lg-pt-x8{padding-top:calc(var(--base) * 2)!important}}@media (min-width: 1400px){.xl-pt-x8{padding-top:calc(var(--base) * 2)!important}}.pt-x16{padding-top:calc(var(--base) * 4)}@media (min-width: 576px){.xs-pt-x16{padding-top:calc(var(--base) * 4)!important}}@media (min-width: 768px){.sm-pt-x16{padding-top:calc(var(--base) * 4)!important}}@media (min-width: 992px){.md-pt-x16{padding-top:calc(var(--base) * 4)!important}}@media (min-width: 1200px){.lg-pt-x16{padding-top:calc(var(--base) * 4)!important}}@media (min-width: 1400px){.xl-pt-x16{padding-top:calc(var(--base) * 4)!important}}.pt-x20{padding-top:calc(var(--base) * 5)}@media (min-width: 576px){.xs-pt-x20{padding-top:calc(var(--base) * 5)!important}}@media (min-width: 768px){.sm-pt-x20{padding-top:calc(var(--base) * 5)!important}}@media (min-width: 992px){.md-pt-x20{padding-top:calc(var(--base) * 5)!important}}@media (min-width: 1200px){.lg-pt-x20{padding-top:calc(var(--base) * 5)!important}}@media (min-width: 1400px){.xl-pt-x20{padding-top:calc(var(--base) * 5)!important}}.pt-x24{padding-top:calc(var(--base) * 6)}@media (min-width: 576px){.xs-pt-x24{padding-top:calc(var(--base) * 6)!important}}@media (min-width: 768px){.sm-pt-x24{padding-top:calc(var(--base) * 6)!important}}@media (min-width: 992px){.md-pt-x24{padding-top:calc(var(--base) * 6)!important}}@media (min-width: 1200px){.lg-pt-x24{padding-top:calc(var(--base) * 6)!important}}@media (min-width: 1400px){.xl-pt-x24{padding-top:calc(var(--base) * 6)!important}}.pt-x28{padding-top:calc(var(--base) * 7)}@media (min-width: 576px){.xs-pt-x28{padding-top:calc(var(--base) * 7)!important}}@media (min-width: 768px){.sm-pt-x28{padding-top:calc(var(--base) * 7)!important}}@media (min-width: 992px){.md-pt-x28{padding-top:calc(var(--base) * 7)!important}}@media (min-width: 1200px){.lg-pt-x28{padding-top:calc(var(--base) * 7)!important}}@media (min-width: 1400px){.xl-pt-x28{padding-top:calc(var(--base) * 7)!important}}.pt-x32{padding-top:calc(var(--base) * 8)}@media (min-width: 576px){.xs-pt-x32{padding-top:calc(var(--base) * 8)!important}}@media (min-width: 768px){.sm-pt-x32{padding-top:calc(var(--base) * 8)!important}}@media (min-width: 992px){.md-pt-x32{padding-top:calc(var(--base) * 8)!important}}@media (min-width: 1200px){.lg-pt-x32{padding-top:calc(var(--base) * 8)!important}}@media (min-width: 1400px){.xl-pt-x32{padding-top:calc(var(--base) * 8)!important}}.pt-x36{padding-top:calc(var(--base) * 9)}@media (min-width: 576px){.xs-pt-x36{padding-top:calc(var(--base) * 9)!important}}@media (min-width: 768px){.sm-pt-x36{padding-top:calc(var(--base) * 9)!important}}@media (min-width: 992px){.md-pt-x36{padding-top:calc(var(--base) * 9)!important}}@media (min-width: 1200px){.lg-pt-x36{padding-top:calc(var(--base) * 9)!important}}@media (min-width: 1400px){.xl-pt-x36{padding-top:calc(var(--base) * 9)!important}}.pt-x40{padding-top:calc(var(--base) * 10)}@media (min-width: 576px){.xs-pt-x40{padding-top:calc(var(--base) * 10)!important}}@media (min-width: 768px){.sm-pt-x40{padding-top:calc(var(--base) * 10)!important}}@media (min-width: 992px){.md-pt-x40{padding-top:calc(var(--base) * 10)!important}}@media (min-width: 1200px){.lg-pt-x40{padding-top:calc(var(--base) * 10)!important}}@media (min-width: 1400px){.xl-pt-x40{padding-top:calc(var(--base) * 10)!important}}.pt-x44{padding-top:calc(var(--base) * 11)}@media (min-width: 576px){.xs-pt-x44{padding-top:calc(var(--base) * 11)!important}}@media (min-width: 768px){.sm-pt-x44{padding-top:calc(var(--base) * 11)!important}}@media (min-width: 992px){.md-pt-x44{padding-top:calc(var(--base) * 11)!important}}@media (min-width: 1200px){.lg-pt-x44{padding-top:calc(var(--base) * 11)!important}}@media (min-width: 1400px){.xl-pt-x44{padding-top:calc(var(--base) * 11)!important}}.pt-x56{padding-top:calc(var(--base) * 14)}@media (min-width: 576px){.xs-pt-x56{padding-top:calc(var(--base) * 14)!important}}@media (min-width: 768px){.sm-pt-x56{padding-top:calc(var(--base) * 14)!important}}@media (min-width: 992px){.md-pt-x56{padding-top:calc(var(--base) * 14)!important}}@media (min-width: 1200px){.lg-pt-x56{padding-top:calc(var(--base) * 14)!important}}@media (min-width: 1400px){.xl-pt-x56{padding-top:calc(var(--base) * 14)!important}}.pt-x72{padding-top:calc(var(--base) * 18)}@media (min-width: 576px){.xs-pt-x72{padding-top:calc(var(--base) * 18)!important}}@media (min-width: 768px){.sm-pt-x72{padding-top:calc(var(--base) * 18)!important}}@media (min-width: 992px){.md-pt-x72{padding-top:calc(var(--base) * 18)!important}}@media (min-width: 1200px){.lg-pt-x72{padding-top:calc(var(--base) * 18)!important}}@media (min-width: 1400px){.xl-pt-x72{padding-top:calc(var(--base) * 18)!important}}.pb-x8{padding-bottom:calc(var(--base) * 2)}@media (min-width: 576px){.xs-pb-x8{padding-bottom:calc(var(--base) * 2)!important}}@media (min-width: 768px){.sm-pb-x8{padding-bottom:calc(var(--base) * 2)!important}}@media (min-width: 992px){.md-pb-x8{padding-bottom:calc(var(--base) * 2)!important}}@media (min-width: 1200px){.lg-pb-x8{padding-bottom:calc(var(--base) * 2)!important}}@media (min-width: 1400px){.xl-pb-x8{padding-bottom:calc(var(--base) * 2)!important}}.pb-x16{padding-bottom:calc(var(--base) * 4)}@media (min-width: 576px){.xs-pb-x16{padding-bottom:calc(var(--base) * 4)!important}}@media (min-width: 768px){.sm-pb-x16{padding-bottom:calc(var(--base) * 4)!important}}@media (min-width: 992px){.md-pb-x16{padding-bottom:calc(var(--base) * 4)!important}}@media (min-width: 1200px){.lg-pb-x16{padding-bottom:calc(var(--base) * 4)!important}}@media (min-width: 1400px){.xl-pb-x16{padding-bottom:calc(var(--base) * 4)!important}}.pb-x20{padding-bottom:calc(var(--base) * 5)}@media (min-width: 576px){.xs-pb-x20{padding-bottom:calc(var(--base) * 5)!important}}@media (min-width: 768px){.sm-pb-x20{padding-bottom:calc(var(--base) * 5)!important}}@media (min-width: 992px){.md-pb-x20{padding-bottom:calc(var(--base) * 5)!important}}@media (min-width: 1200px){.lg-pb-x20{padding-bottom:calc(var(--base) * 5)!important}}@media (min-width: 1400px){.xl-pb-x20{padding-bottom:calc(var(--base) * 5)!important}}.pb-x24{padding-bottom:calc(var(--base) * 6)}@media (min-width: 576px){.xs-pb-x24{padding-bottom:calc(var(--base) * 6)!important}}@media (min-width: 768px){.sm-pb-x24{padding-bottom:calc(var(--base) * 6)!important}}@media (min-width: 992px){.md-pb-x24{padding-bottom:calc(var(--base) * 6)!important}}@media (min-width: 1200px){.lg-pb-x24{padding-bottom:calc(var(--base) * 6)!important}}@media (min-width: 1400px){.xl-pb-x24{padding-bottom:calc(var(--base) * 6)!important}}.pb-x28{padding-bottom:calc(var(--base) * 7)}@media (min-width: 576px){.xs-pb-x28{padding-bottom:calc(var(--base) * 7)!important}}@media (min-width: 768px){.sm-pb-x28{padding-bottom:calc(var(--base) * 7)!important}}@media (min-width: 992px){.md-pb-x28{padding-bottom:calc(var(--base) * 7)!important}}@media (min-width: 1200px){.lg-pb-x28{padding-bottom:calc(var(--base) * 7)!important}}@media (min-width: 1400px){.xl-pb-x28{padding-bottom:calc(var(--base) * 7)!important}}.pb-x32{padding-bottom:calc(var(--base) * 8)}@media (min-width: 576px){.xs-pb-x32{padding-bottom:calc(var(--base) * 8)!important}}@media (min-width: 768px){.sm-pb-x32{padding-bottom:calc(var(--base) * 8)!important}}@media (min-width: 992px){.md-pb-x32{padding-bottom:calc(var(--base) * 8)!important}}@media (min-width: 1200px){.lg-pb-x32{padding-bottom:calc(var(--base) * 8)!important}}@media (min-width: 1400px){.xl-pb-x32{padding-bottom:calc(var(--base) * 8)!important}}.pb-x36{padding-bottom:calc(var(--base) * 9)}@media (min-width: 576px){.xs-pb-x36{padding-bottom:calc(var(--base) * 9)!important}}@media (min-width: 768px){.sm-pb-x36{padding-bottom:calc(var(--base) * 9)!important}}@media (min-width: 992px){.md-pb-x36{padding-bottom:calc(var(--base) * 9)!important}}@media (min-width: 1200px){.lg-pb-x36{padding-bottom:calc(var(--base) * 9)!important}}@media (min-width: 1400px){.xl-pb-x36{padding-bottom:calc(var(--base) * 9)!important}}.pb-x40{padding-bottom:calc(var(--base) * 10)}@media (min-width: 576px){.xs-pb-x40{padding-bottom:calc(var(--base) * 10)!important}}@media (min-width: 768px){.sm-pb-x40{padding-bottom:calc(var(--base) * 10)!important}}@media (min-width: 992px){.md-pb-x40{padding-bottom:calc(var(--base) * 10)!important}}@media (min-width: 1200px){.lg-pb-x40{padding-bottom:calc(var(--base) * 10)!important}}@media (min-width: 1400px){.xl-pb-x40{padding-bottom:calc(var(--base) * 10)!important}}.pb-x44{padding-bottom:calc(var(--base) * 11)}@media (min-width: 576px){.xs-pb-x44{padding-bottom:calc(var(--base) * 11)!important}}@media (min-width: 768px){.sm-pb-x44{padding-bottom:calc(var(--base) * 11)!important}}@media (min-width: 992px){.md-pb-x44{padding-bottom:calc(var(--base) * 11)!important}}@media (min-width: 1200px){.lg-pb-x44{padding-bottom:calc(var(--base) * 11)!important}}@media (min-width: 1400px){.xl-pb-x44{padding-bottom:calc(var(--base) * 11)!important}}.pb-x56{padding-bottom:calc(var(--base) * 14)}@media (min-width: 576px){.xs-pb-x56{padding-bottom:calc(var(--base) * 14)!important}}@media (min-width: 768px){.sm-pb-x56{padding-bottom:calc(var(--base) * 14)!important}}@media (min-width: 992px){.md-pb-x56{padding-bottom:calc(var(--base) * 14)!important}}@media (min-width: 1200px){.lg-pb-x56{padding-bottom:calc(var(--base) * 14)!important}}@media (min-width: 1400px){.xl-pb-x56{padding-bottom:calc(var(--base) * 14)!important}}.pb-x72{padding-bottom:calc(var(--base) * 18)}@media (min-width: 576px){.xs-pb-x72{padding-bottom:calc(var(--base) * 18)!important}}@media (min-width: 768px){.sm-pb-x72{padding-bottom:calc(var(--base) * 18)!important}}@media (min-width: 992px){.md-pb-x72{padding-bottom:calc(var(--base) * 18)!important}}@media (min-width: 1200px){.lg-pb-x72{padding-bottom:calc(var(--base) * 18)!important}}@media (min-width: 1400px){.xl-pb-x72{padding-bottom:calc(var(--base) * 18)!important}}.pb-x124{padding-bottom:calc(var(--base) * 31)}@media (min-width: 576px){.xs-pb-x124{padding-bottom:calc(var(--base) * 31)!important}}@media (min-width: 768px){.sm-pb-x124{padding-bottom:calc(var(--base) * 31)!important}}@media (min-width: 992px){.md-pb-x124{padding-bottom:calc(var(--base) * 31)!important}}@media (min-width: 1200px){.lg-pb-x124{padding-bottom:calc(var(--base) * 31)!important}}@media (min-width: 1400px){.xl-pb-x124{padding-bottom:calc(var(--base) * 31)!important}}.p-x8{padding:calc(var(--base) * 2)}@media (min-width: 576px){.xs-p-x8{padding:calc(var(--base) * 2)!important}}@media (min-width: 768px){.sm-p-x8{padding:calc(var(--base) * 2)!important}}@media (min-width: 992px){.md-p-x8{padding:calc(var(--base) * 2)!important}}@media (min-width: 1200px){.lg-p-x8{padding:calc(var(--base) * 2)!important}}@media (min-width: 1400px){.xl-p-x8{padding:calc(var(--base) * 2)!important}}.p-x16{padding:calc(var(--base) * 4)}@media (min-width: 576px){.xs-p-x16{padding:calc(var(--base) * 4)!important}}@media (min-width: 768px){.sm-p-x16{padding:calc(var(--base) * 4)!important}}@media (min-width: 992px){.md-p-x16{padding:calc(var(--base) * 4)!important}}@media (min-width: 1200px){.lg-p-x16{padding:calc(var(--base) * 4)!important}}@media (min-width: 1400px){.xl-p-x16{padding:calc(var(--base) * 4)!important}}.p-x20{padding:calc(var(--base) * 5)}@media (min-width: 576px){.xs-p-x20{padding:calc(var(--base) * 5)!important}}@media (min-width: 768px){.sm-p-x20{padding:calc(var(--base) * 5)!important}}@media (min-width: 992px){.md-p-x20{padding:calc(var(--base) * 5)!important}}@media (min-width: 1200px){.lg-p-x20{padding:calc(var(--base) * 5)!important}}@media (min-width: 1400px){.xl-p-x20{padding:calc(var(--base) * 5)!important}}.p-x24{padding:calc(var(--base) * 6)}@media (min-width: 576px){.xs-p-x24{padding:calc(var(--base) * 6)!important}}@media (min-width: 768px){.sm-p-x24{padding:calc(var(--base) * 6)!important}}@media (min-width: 992px){.md-p-x24{padding:calc(var(--base) * 6)!important}}@media (min-width: 1200px){.lg-p-x24{padding:calc(var(--base) * 6)!important}}@media (min-width: 1400px){.xl-p-x24{padding:calc(var(--base) * 6)!important}}.p-x28{padding:calc(var(--base) * 7)}@media (min-width: 576px){.xs-p-x28{padding:calc(var(--base) * 7)!important}}@media (min-width: 768px){.sm-p-x28{padding:calc(var(--base) * 7)!important}}@media (min-width: 992px){.md-p-x28{padding:calc(var(--base) * 7)!important}}@media (min-width: 1200px){.lg-p-x28{padding:calc(var(--base) * 7)!important}}@media (min-width: 1400px){.xl-p-x28{padding:calc(var(--base) * 7)!important}}.p-x32{padding:calc(var(--base) * 8)}@media (min-width: 576px){.xs-p-x32{padding:calc(var(--base) * 8)!important}}@media (min-width: 768px){.sm-p-x32{padding:calc(var(--base) * 8)!important}}@media (min-width: 992px){.md-p-x32{padding:calc(var(--base) * 8)!important}}@media (min-width: 1200px){.lg-p-x32{padding:calc(var(--base) * 8)!important}}@media (min-width: 1400px){.xl-p-x32{padding:calc(var(--base) * 8)!important}}.p-x36{padding:calc(var(--base) * 9)}@media (min-width: 576px){.xs-p-x36{padding:calc(var(--base) * 9)!important}}@media (min-width: 768px){.sm-p-x36{padding:calc(var(--base) * 9)!important}}@media (min-width: 992px){.md-p-x36{padding:calc(var(--base) * 9)!important}}@media (min-width: 1200px){.lg-p-x36{padding:calc(var(--base) * 9)!important}}@media (min-width: 1400px){.xl-p-x36{padding:calc(var(--base) * 9)!important}}.p-x40{padding:calc(var(--base) * 10)}@media (min-width: 576px){.xs-p-x40{padding:calc(var(--base) * 10)!important}}@media (min-width: 768px){.sm-p-x40{padding:calc(var(--base) * 10)!important}}@media (min-width: 992px){.md-p-x40{padding:calc(var(--base) * 10)!important}}@media (min-width: 1200px){.lg-p-x40{padding:calc(var(--base) * 10)!important}}@media (min-width: 1400px){.xl-p-x40{padding:calc(var(--base) * 10)!important}}.p-x44{padding:calc(var(--base) * 11)}@media (min-width: 576px){.xs-p-x44{padding:calc(var(--base) * 11)!important}}@media (min-width: 768px){.sm-p-x44{padding:calc(var(--base) * 11)!important}}@media (min-width: 992px){.md-p-x44{padding:calc(var(--base) * 11)!important}}@media (min-width: 1200px){.lg-p-x44{padding:calc(var(--base) * 11)!important}}@media (min-width: 1400px){.xl-p-x44{padding:calc(var(--base) * 11)!important}}.p-x56{padding:calc(var(--base) * 14)}@media (min-width: 576px){.xs-p-x56{padding:calc(var(--base) * 14)!important}}@media (min-width: 768px){.sm-p-x56{padding:calc(var(--base) * 14)!important}}@media (min-width: 992px){.md-p-x56{padding:calc(var(--base) * 14)!important}}@media (min-width: 1200px){.lg-p-x56{padding:calc(var(--base) * 14)!important}}@media (min-width: 1400px){.xl-p-x56{padding:calc(var(--base) * 14)!important}}.py-x8{padding-top:calc(var(--base) * 2);padding-bottom:calc(var(--base) * 2)}@media (min-width: 576px){.xs-py-x8{padding-top:calc(var(--base) * 2)!important;padding-bottom:calc(var(--base) * 2)!important}}@media (min-width: 768px){.sm-py-x8{padding-top:calc(var(--base) * 2)!important;padding-bottom:calc(var(--base) * 2)!important}}@media (min-width: 992px){.md-py-x8{padding-top:calc(var(--base) * 2)!important;padding-bottom:calc(var(--base) * 2)!important}}@media (min-width: 1200px){.lg-py-x8{padding-top:calc(var(--base) * 2)!important;padding-bottom:calc(var(--base) * 2)!important}}@media (min-width: 1400px){.xl-py-x8{padding-top:calc(var(--base) * 2)!important;padding-bottom:calc(var(--base) * 2)!important}}.py-x16{padding-top:calc(var(--base) * 4);padding-bottom:calc(var(--base) * 4)}@media (min-width: 576px){.xs-py-x16{padding-top:calc(var(--base) * 4)!important;padding-bottom:calc(var(--base) * 4)!important}}@media (min-width: 768px){.sm-py-x16{padding-top:calc(var(--base) * 4)!important;padding-bottom:calc(var(--base) * 4)!important}}@media (min-width: 992px){.md-py-x16{padding-top:calc(var(--base) * 4)!important;padding-bottom:calc(var(--base) * 4)!important}}@media (min-width: 1200px){.lg-py-x16{padding-top:calc(var(--base) * 4)!important;padding-bottom:calc(var(--base) * 4)!important}}@media (min-width: 1400px){.xl-py-x16{padding-top:calc(var(--base) * 4)!important;padding-bottom:calc(var(--base) * 4)!important}}.py-x20{padding-top:calc(var(--base) * 5);padding-bottom:calc(var(--base) * 5)}@media (min-width: 576px){.xs-py-x20{padding-top:calc(var(--base) * 5)!important;padding-bottom:calc(var(--base) * 5)!important}}@media (min-width: 768px){.sm-py-x20{padding-top:calc(var(--base) * 5)!important;padding-bottom:calc(var(--base) * 5)!important}}@media (min-width: 992px){.md-py-x20{padding-top:calc(var(--base) * 5)!important;padding-bottom:calc(var(--base) * 5)!important}}@media (min-width: 1200px){.lg-py-x20{padding-top:calc(var(--base) * 5)!important;padding-bottom:calc(var(--base) * 5)!important}}@media (min-width: 1400px){.xl-py-x20{padding-top:calc(var(--base) * 5)!important;padding-bottom:calc(var(--base) * 5)!important}}.py-x24{padding-top:calc(var(--base) * 6);padding-bottom:calc(var(--base) * 6)}@media (min-width: 576px){.xs-py-x24{padding-top:calc(var(--base) * 6)!important;padding-bottom:calc(var(--base) * 6)!important}}@media (min-width: 768px){.sm-py-x24{padding-top:calc(var(--base) * 6)!important;padding-bottom:calc(var(--base) * 6)!important}}@media (min-width: 992px){.md-py-x24{padding-top:calc(var(--base) * 6)!important;padding-bottom:calc(var(--base) * 6)!important}}@media (min-width: 1200px){.lg-py-x24{padding-top:calc(var(--base) * 6)!important;padding-bottom:calc(var(--base) * 6)!important}}@media (min-width: 1400px){.xl-py-x24{padding-top:calc(var(--base) * 6)!important;padding-bottom:calc(var(--base) * 6)!important}}.py-x28{padding-top:calc(var(--base) * 7);padding-bottom:calc(var(--base) * 7)}@media (min-width: 576px){.xs-py-x28{padding-top:calc(var(--base) * 7)!important;padding-bottom:calc(var(--base) * 7)!important}}@media (min-width: 768px){.sm-py-x28{padding-top:calc(var(--base) * 7)!important;padding-bottom:calc(var(--base) * 7)!important}}@media (min-width: 992px){.md-py-x28{padding-top:calc(var(--base) * 7)!important;padding-bottom:calc(var(--base) * 7)!important}}@media (min-width: 1200px){.lg-py-x28{padding-top:calc(var(--base) * 7)!important;padding-bottom:calc(var(--base) * 7)!important}}@media (min-width: 1400px){.xl-py-x28{padding-top:calc(var(--base) * 7)!important;padding-bottom:calc(var(--base) * 7)!important}}.py-x32{padding-top:calc(var(--base) * 8);padding-bottom:calc(var(--base) * 8)}@media (min-width: 576px){.xs-py-x32{padding-top:calc(var(--base) * 8)!important;padding-bottom:calc(var(--base) * 8)!important}}@media (min-width: 768px){.sm-py-x32{padding-top:calc(var(--base) * 8)!important;padding-bottom:calc(var(--base) * 8)!important}}@media (min-width: 992px){.md-py-x32{padding-top:calc(var(--base) * 8)!important;padding-bottom:calc(var(--base) * 8)!important}}@media (min-width: 1200px){.lg-py-x32{padding-top:calc(var(--base) * 8)!important;padding-bottom:calc(var(--base) * 8)!important}}@media (min-width: 1400px){.xl-py-x32{padding-top:calc(var(--base) * 8)!important;padding-bottom:calc(var(--base) * 8)!important}}.py-x36{padding-top:calc(var(--base) * 9);padding-bottom:calc(var(--base) * 9)}@media (min-width: 576px){.xs-py-x36{padding-top:calc(var(--base) * 9)!important;padding-bottom:calc(var(--base) * 9)!important}}@media (min-width: 768px){.sm-py-x36{padding-top:calc(var(--base) * 9)!important;padding-bottom:calc(var(--base) * 9)!important}}@media (min-width: 992px){.md-py-x36{padding-top:calc(var(--base) * 9)!important;padding-bottom:calc(var(--base) * 9)!important}}@media (min-width: 1200px){.lg-py-x36{padding-top:calc(var(--base) * 9)!important;padding-bottom:calc(var(--base) * 9)!important}}@media (min-width: 1400px){.xl-py-x36{padding-top:calc(var(--base) * 9)!important;padding-bottom:calc(var(--base) * 9)!important}}.py-x40{padding-top:calc(var(--base) * 10);padding-bottom:calc(var(--base) * 10)}@media (min-width: 576px){.xs-py-x40{padding-top:calc(var(--base) * 10)!important;padding-bottom:calc(var(--base) * 10)!important}}@media (min-width: 768px){.sm-py-x40{padding-top:calc(var(--base) * 10)!important;padding-bottom:calc(var(--base) * 10)!important}}@media (min-width: 992px){.md-py-x40{padding-top:calc(var(--base) * 10)!important;padding-bottom:calc(var(--base) * 10)!important}}@media (min-width: 1200px){.lg-py-x40{padding-top:calc(var(--base) * 10)!important;padding-bottom:calc(var(--base) * 10)!important}}@media (min-width: 1400px){.xl-py-x40{padding-top:calc(var(--base) * 10)!important;padding-bottom:calc(var(--base) * 10)!important}}.py-x44{padding-top:calc(var(--base) * 11);padding-bottom:calc(var(--base) * 11)}@media (min-width: 576px){.xs-py-x44{padding-top:calc(var(--base) * 11)!important;padding-bottom:calc(var(--base) * 11)!important}}@media (min-width: 768px){.sm-py-x44{padding-top:calc(var(--base) * 11)!important;padding-bottom:calc(var(--base) * 11)!important}}@media (min-width: 992px){.md-py-x44{padding-top:calc(var(--base) * 11)!important;padding-bottom:calc(var(--base) * 11)!important}}@media (min-width: 1200px){.lg-py-x44{padding-top:calc(var(--base) * 11)!important;padding-bottom:calc(var(--base) * 11)!important}}@media (min-width: 1400px){.xl-py-x44{padding-top:calc(var(--base) * 11)!important;padding-bottom:calc(var(--base) * 11)!important}}.py-x56{padding-top:calc(var(--base) * 14);padding-bottom:calc(var(--base) * 14)}@media (min-width: 576px){.xs-py-x56{padding-top:calc(var(--base) * 14)!important;padding-bottom:calc(var(--base) * 14)!important}}@media (min-width: 768px){.sm-py-x56{padding-top:calc(var(--base) * 14)!important;padding-bottom:calc(var(--base) * 14)!important}}@media (min-width: 992px){.md-py-x56{padding-top:calc(var(--base) * 14)!important;padding-bottom:calc(var(--base) * 14)!important}}@media (min-width: 1200px){.lg-py-x56{padding-top:calc(var(--base) * 14)!important;padding-bottom:calc(var(--base) * 14)!important}}@media (min-width: 1400px){.xl-py-x56{padding-top:calc(var(--base) * 14)!important;padding-bottom:calc(var(--base) * 14)!important}}.px-x8{padding-left:calc(var(--base) * 2);padding-right:calc(var(--base) * 2)}@media (min-width: 576px){.xs-px-x8{padding-left:calc(var(--base) * 2)!important;padding-right:calc(var(--base) * 2)!important}}@media (min-width: 768px){.sm-px-x8{padding-left:calc(var(--base) * 2)!important;padding-right:calc(var(--base) * 2)!important}}@media (min-width: 992px){.md-px-x8{padding-left:calc(var(--base) * 2)!important;padding-right:calc(var(--base) * 2)!important}}@media (min-width: 1200px){.lg-px-x8{padding-left:calc(var(--base) * 2)!important;padding-right:calc(var(--base) * 2)!important}}@media (min-width: 1400px){.xl-px-x8{padding-left:calc(var(--base) * 2)!important;padding-right:calc(var(--base) * 2)!important}}.px-x16{padding-left:calc(var(--base) * 4);padding-right:calc(var(--base) * 4)}@media (min-width: 576px){.xs-px-x16{padding-left:calc(var(--base) * 4)!important;padding-right:calc(var(--base) * 4)!important}}@media (min-width: 768px){.sm-px-x16{padding-left:calc(var(--base) * 4)!important;padding-right:calc(var(--base) * 4)!important}}@media (min-width: 992px){.md-px-x16{padding-left:calc(var(--base) * 4)!important;padding-right:calc(var(--base) * 4)!important}}@media (min-width: 1200px){.lg-px-x16{padding-left:calc(var(--base) * 4)!important;padding-right:calc(var(--base) * 4)!important}}@media (min-width: 1400px){.xl-px-x16{padding-left:calc(var(--base) * 4)!important;padding-right:calc(var(--base) * 4)!important}}.px-x20{padding-left:calc(var(--base) * 5);padding-right:calc(var(--base) * 5)}@media (min-width: 576px){.xs-px-x20{padding-left:calc(var(--base) * 5)!important;padding-right:calc(var(--base) * 5)!important}}@media (min-width: 768px){.sm-px-x20{padding-left:calc(var(--base) * 5)!important;padding-right:calc(var(--base) * 5)!important}}@media (min-width: 992px){.md-px-x20{padding-left:calc(var(--base) * 5)!important;padding-right:calc(var(--base) * 5)!important}}@media (min-width: 1200px){.lg-px-x20{padding-left:calc(var(--base) * 5)!important;padding-right:calc(var(--base) * 5)!important}}@media (min-width: 1400px){.xl-px-x20{padding-left:calc(var(--base) * 5)!important;padding-right:calc(var(--base) * 5)!important}}.px-x24{padding-left:calc(var(--base) * 6);padding-right:calc(var(--base) * 6)}@media (min-width: 576px){.xs-px-x24{padding-left:calc(var(--base) * 6)!important;padding-right:calc(var(--base) * 6)!important}}@media (min-width: 768px){.sm-px-x24{padding-left:calc(var(--base) * 6)!important;padding-right:calc(var(--base) * 6)!important}}@media (min-width: 992px){.md-px-x24{padding-left:calc(var(--base) * 6)!important;padding-right:calc(var(--base) * 6)!important}}@media (min-width: 1200px){.lg-px-x24{padding-left:calc(var(--base) * 6)!important;padding-right:calc(var(--base) * 6)!important}}@media (min-width: 1400px){.xl-px-x24{padding-left:calc(var(--base) * 6)!important;padding-right:calc(var(--base) * 6)!important}}.px-x28{padding-left:calc(var(--base) * 7);padding-right:calc(var(--base) * 7)}@media (min-width: 576px){.xs-px-x28{padding-left:calc(var(--base) * 7)!important;padding-right:calc(var(--base) * 7)!important}}@media (min-width: 768px){.sm-px-x28{padding-left:calc(var(--base) * 7)!important;padding-right:calc(var(--base) * 7)!important}}@media (min-width: 992px){.md-px-x28{padding-left:calc(var(--base) * 7)!important;padding-right:calc(var(--base) * 7)!important}}@media (min-width: 1200px){.lg-px-x28{padding-left:calc(var(--base) * 7)!important;padding-right:calc(var(--base) * 7)!important}}@media (min-width: 1400px){.xl-px-x28{padding-left:calc(var(--base) * 7)!important;padding-right:calc(var(--base) * 7)!important}}.px-x32{padding-left:calc(var(--base) * 8);padding-right:calc(var(--base) * 8)}@media (min-width: 576px){.xs-px-x32{padding-left:calc(var(--base) * 8)!important;padding-right:calc(var(--base) * 8)!important}}@media (min-width: 768px){.sm-px-x32{padding-left:calc(var(--base) * 8)!important;padding-right:calc(var(--base) * 8)!important}}@media (min-width: 992px){.md-px-x32{padding-left:calc(var(--base) * 8)!important;padding-right:calc(var(--base) * 8)!important}}@media (min-width: 1200px){.lg-px-x32{padding-left:calc(var(--base) * 8)!important;padding-right:calc(var(--base) * 8)!important}}@media (min-width: 1400px){.xl-px-x32{padding-left:calc(var(--base) * 8)!important;padding-right:calc(var(--base) * 8)!important}}.px-x36{padding-left:calc(var(--base) * 9);padding-right:calc(var(--base) * 9)}@media (min-width: 576px){.xs-px-x36{padding-left:calc(var(--base) * 9)!important;padding-right:calc(var(--base) * 9)!important}}@media (min-width: 768px){.sm-px-x36{padding-left:calc(var(--base) * 9)!important;padding-right:calc(var(--base) * 9)!important}}@media (min-width: 992px){.md-px-x36{padding-left:calc(var(--base) * 9)!important;padding-right:calc(var(--base) * 9)!important}}@media (min-width: 1200px){.lg-px-x36{padding-left:calc(var(--base) * 9)!important;padding-right:calc(var(--base) * 9)!important}}@media (min-width: 1400px){.xl-px-x36{padding-left:calc(var(--base) * 9)!important;padding-right:calc(var(--base) * 9)!important}}.px-x40{padding-left:calc(var(--base) * 10);padding-right:calc(var(--base) * 10)}@media (min-width: 576px){.xs-px-x40{padding-left:calc(var(--base) * 10)!important;padding-right:calc(var(--base) * 10)!important}}@media (min-width: 768px){.sm-px-x40{padding-left:calc(var(--base) * 10)!important;padding-right:calc(var(--base) * 10)!important}}@media (min-width: 992px){.md-px-x40{padding-left:calc(var(--base) * 10)!important;padding-right:calc(var(--base) * 10)!important}}@media (min-width: 1200px){.lg-px-x40{padding-left:calc(var(--base) * 10)!important;padding-right:calc(var(--base) * 10)!important}}@media (min-width: 1400px){.xl-px-x40{padding-left:calc(var(--base) * 10)!important;padding-right:calc(var(--base) * 10)!important}}.px-x44{padding-left:calc(var(--base) * 11);padding-right:calc(var(--base) * 11)}@media (min-width: 576px){.xs-px-x44{padding-left:calc(var(--base) * 11)!important;padding-right:calc(var(--base) * 11)!important}}@media (min-width: 768px){.sm-px-x44{padding-left:calc(var(--base) * 11)!important;padding-right:calc(var(--base) * 11)!important}}@media (min-width: 992px){.md-px-x44{padding-left:calc(var(--base) * 11)!important;padding-right:calc(var(--base) * 11)!important}}@media (min-width: 1200px){.lg-px-x44{padding-left:calc(var(--base) * 11)!important;padding-right:calc(var(--base) * 11)!important}}@media (min-width: 1400px){.xl-px-x44{padding-left:calc(var(--base) * 11)!important;padding-right:calc(var(--base) * 11)!important}}.px-x56{padding-left:calc(var(--base) * 14);padding-right:calc(var(--base) * 14)}@media (min-width: 576px){.xs-px-x56{padding-left:calc(var(--base) * 14)!important;padding-right:calc(var(--base) * 14)!important}}@media (min-width: 768px){.sm-px-x56{padding-left:calc(var(--base) * 14)!important;padding-right:calc(var(--base) * 14)!important}}@media (min-width: 992px){.md-px-x56{padding-left:calc(var(--base) * 14)!important;padding-right:calc(var(--base) * 14)!important}}@media (min-width: 1200px){.lg-px-x56{padding-left:calc(var(--base) * 14)!important;padding-right:calc(var(--base) * 14)!important}}@media (min-width: 1400px){.xl-px-x56{padding-left:calc(var(--base) * 14)!important;padding-right:calc(var(--base) * 14)!important}}.gap-x8{gap:calc(var(--base) * 2)}@media (min-width: 576px){.xs-gap-x8{gap:calc(var(--base) * 2)!important}}@media (min-width: 768px){.sm-gap-x8{gap:calc(var(--base) * 2)!important}}@media (min-width: 992px){.md-gap-x8{gap:calc(var(--base) * 2)!important}}@media (min-width: 1200px){.lg-gap-x8{gap:calc(var(--base) * 2)!important}}@media (min-width: 1400px){.xl-gap-x8{gap:calc(var(--base) * 2)!important}}.gap-x16{gap:calc(var(--base) * 4)}@media (min-width: 576px){.xs-gap-x16{gap:calc(var(--base) * 4)!important}}@media (min-width: 768px){.sm-gap-x16{gap:calc(var(--base) * 4)!important}}@media (min-width: 992px){.md-gap-x16{gap:calc(var(--base) * 4)!important}}@media (min-width: 1200px){.lg-gap-x16{gap:calc(var(--base) * 4)!important}}@media (min-width: 1400px){.xl-gap-x16{gap:calc(var(--base) * 4)!important}}.gap-x20{gap:calc(var(--base) * 5)}@media (min-width: 576px){.xs-gap-x20{gap:calc(var(--base) * 5)!important}}@media (min-width: 768px){.sm-gap-x20{gap:calc(var(--base) * 5)!important}}@media (min-width: 992px){.md-gap-x20{gap:calc(var(--base) * 5)!important}}@media (min-width: 1200px){.lg-gap-x20{gap:calc(var(--base) * 5)!important}}@media (min-width: 1400px){.xl-gap-x20{gap:calc(var(--base) * 5)!important}}.gap-x24{gap:calc(var(--base) * 6)}@media (min-width: 576px){.xs-gap-x24{gap:calc(var(--base) * 6)!important}}@media (min-width: 768px){.sm-gap-x24{gap:calc(var(--base) * 6)!important}}@media (min-width: 992px){.md-gap-x24{gap:calc(var(--base) * 6)!important}}@media (min-width: 1200px){.lg-gap-x24{gap:calc(var(--base) * 6)!important}}@media (min-width: 1400px){.xl-gap-x24{gap:calc(var(--base) * 6)!important}}.gap-x28{gap:calc(var(--base) * 7)}@media (min-width: 576px){.xs-gap-x28{gap:calc(var(--base) * 7)!important}}@media (min-width: 768px){.sm-gap-x28{gap:calc(var(--base) * 7)!important}}@media (min-width: 992px){.md-gap-x28{gap:calc(var(--base) * 7)!important}}@media (min-width: 1200px){.lg-gap-x28{gap:calc(var(--base) * 7)!important}}@media (min-width: 1400px){.xl-gap-x28{gap:calc(var(--base) * 7)!important}}.gap-x32{gap:calc(var(--base) * 8)}@media (min-width: 576px){.xs-gap-x32{gap:calc(var(--base) * 8)!important}}@media (min-width: 768px){.sm-gap-x32{gap:calc(var(--base) * 8)!important}}@media (min-width: 992px){.md-gap-x32{gap:calc(var(--base) * 8)!important}}@media (min-width: 1200px){.lg-gap-x32{gap:calc(var(--base) * 8)!important}}@media (min-width: 1400px){.xl-gap-x32{gap:calc(var(--base) * 8)!important}}.gap-x36{gap:calc(var(--base) * 9)}@media (min-width: 576px){.xs-gap-x36{gap:calc(var(--base) * 9)!important}}@media (min-width: 768px){.sm-gap-x36{gap:calc(var(--base) * 9)!important}}@media (min-width: 992px){.md-gap-x36{gap:calc(var(--base) * 9)!important}}@media (min-width: 1200px){.lg-gap-x36{gap:calc(var(--base) * 9)!important}}@media (min-width: 1400px){.xl-gap-x36{gap:calc(var(--base) * 9)!important}}.gap-x40{gap:calc(var(--base) * 10)}@media (min-width: 576px){.xs-gap-x40{gap:calc(var(--base) * 10)!important}}@media (min-width: 768px){.sm-gap-x40{gap:calc(var(--base) * 10)!important}}@media (min-width: 992px){.md-gap-x40{gap:calc(var(--base) * 10)!important}}@media (min-width: 1200px){.lg-gap-x40{gap:calc(var(--base) * 10)!important}}@media (min-width: 1400px){.xl-gap-x40{gap:calc(var(--base) * 10)!important}}.gap-x44{gap:calc(var(--base) * 11)}@media (min-width: 576px){.xs-gap-x44{gap:calc(var(--base) * 11)!important}}@media (min-width: 768px){.sm-gap-x44{gap:calc(var(--base) * 11)!important}}@media (min-width: 992px){.md-gap-x44{gap:calc(var(--base) * 11)!important}}@media (min-width: 1200px){.lg-gap-x44{gap:calc(var(--base) * 11)!important}}@media (min-width: 1400px){.xl-gap-x44{gap:calc(var(--base) * 11)!important}}.gap-x52{gap:calc(var(--base) * 13)}@media (min-width: 576px){.xs-gap-x52{gap:calc(var(--base) * 13)!important}}@media (min-width: 768px){.sm-gap-x52{gap:calc(var(--base) * 13)!important}}@media (min-width: 992px){.md-gap-x52{gap:calc(var(--base) * 13)!important}}@media (min-width: 1200px){.lg-gap-x52{gap:calc(var(--base) * 13)!important}}@media (min-width: 1400px){.xl-gap-x52{gap:calc(var(--base) * 13)!important}}.gap-x56{gap:calc(var(--base) * 14)}@media (min-width: 576px){.xs-gap-x56{gap:calc(var(--base) * 14)!important}}@media (min-width: 768px){.sm-gap-x56{gap:calc(var(--base) * 14)!important}}@media (min-width: 992px){.md-gap-x56{gap:calc(var(--base) * 14)!important}}@media (min-width: 1200px){.lg-gap-x56{gap:calc(var(--base) * 14)!important}}@media (min-width: 1400px){.xl-gap-x56{gap:calc(var(--base) * 14)!important}}.w-x8{width:calc(var(--base) * 2)}@media (min-width: 576px){.xs-w-x8{width:calc(var(--base) * 2)!important}}@media (min-width: 768px){.sm-w-x8{width:calc(var(--base) * 2)!important}}@media (min-width: 992px){.md-w-x8{width:calc(var(--base) * 2)!important}}@media (min-width: 1200px){.lg-w-x8{width:calc(var(--base) * 2)!important}}@media (min-width: 1400px){.xl-w-x8{width:calc(var(--base) * 2)!important}}.w-x16{width:calc(var(--base) * 4)}@media (min-width: 576px){.xs-w-x16{width:calc(var(--base) * 4)!important}}@media (min-width: 768px){.sm-w-x16{width:calc(var(--base) * 4)!important}}@media (min-width: 992px){.md-w-x16{width:calc(var(--base) * 4)!important}}@media (min-width: 1200px){.lg-w-x16{width:calc(var(--base) * 4)!important}}@media (min-width: 1400px){.xl-w-x16{width:calc(var(--base) * 4)!important}}.w-x20{width:calc(var(--base) * 5)}@media (min-width: 576px){.xs-w-x20{width:calc(var(--base) * 5)!important}}@media (min-width: 768px){.sm-w-x20{width:calc(var(--base) * 5)!important}}@media (min-width: 992px){.md-w-x20{width:calc(var(--base) * 5)!important}}@media (min-width: 1200px){.lg-w-x20{width:calc(var(--base) * 5)!important}}@media (min-width: 1400px){.xl-w-x20{width:calc(var(--base) * 5)!important}}.w-x24{width:calc(var(--base) * 6)}@media (min-width: 576px){.xs-w-x24{width:calc(var(--base) * 6)!important}}@media (min-width: 768px){.sm-w-x24{width:calc(var(--base) * 6)!important}}@media (min-width: 992px){.md-w-x24{width:calc(var(--base) * 6)!important}}@media (min-width: 1200px){.lg-w-x24{width:calc(var(--base) * 6)!important}}@media (min-width: 1400px){.xl-w-x24{width:calc(var(--base) * 6)!important}}.w-x28{width:calc(var(--base) * 7)}@media (min-width: 576px){.xs-w-x28{width:calc(var(--base) * 7)!important}}@media (min-width: 768px){.sm-w-x28{width:calc(var(--base) * 7)!important}}@media (min-width: 992px){.md-w-x28{width:calc(var(--base) * 7)!important}}@media (min-width: 1200px){.lg-w-x28{width:calc(var(--base) * 7)!important}}@media (min-width: 1400px){.xl-w-x28{width:calc(var(--base) * 7)!important}}.w-x32{width:calc(var(--base) * 8)}@media (min-width: 576px){.xs-w-x32{width:calc(var(--base) * 8)!important}}@media (min-width: 768px){.sm-w-x32{width:calc(var(--base) * 8)!important}}@media (min-width: 992px){.md-w-x32{width:calc(var(--base) * 8)!important}}@media (min-width: 1200px){.lg-w-x32{width:calc(var(--base) * 8)!important}}@media (min-width: 1400px){.xl-w-x32{width:calc(var(--base) * 8)!important}}.w-x36{width:calc(var(--base) * 9)}@media (min-width: 576px){.xs-w-x36{width:calc(var(--base) * 9)!important}}@media (min-width: 768px){.sm-w-x36{width:calc(var(--base) * 9)!important}}@media (min-width: 992px){.md-w-x36{width:calc(var(--base) * 9)!important}}@media (min-width: 1200px){.lg-w-x36{width:calc(var(--base) * 9)!important}}@media (min-width: 1400px){.xl-w-x36{width:calc(var(--base) * 9)!important}}.w-x40{width:calc(var(--base) * 10)}@media (min-width: 576px){.xs-w-x40{width:calc(var(--base) * 10)!important}}@media (min-width: 768px){.sm-w-x40{width:calc(var(--base) * 10)!important}}@media (min-width: 992px){.md-w-x40{width:calc(var(--base) * 10)!important}}@media (min-width: 1200px){.lg-w-x40{width:calc(var(--base) * 10)!important}}@media (min-width: 1400px){.xl-w-x40{width:calc(var(--base) * 10)!important}}.w-x44{width:calc(var(--base) * 11)}@media (min-width: 576px){.xs-w-x44{width:calc(var(--base) * 11)!important}}@media (min-width: 768px){.sm-w-x44{width:calc(var(--base) * 11)!important}}@media (min-width: 992px){.md-w-x44{width:calc(var(--base) * 11)!important}}@media (min-width: 1200px){.lg-w-x44{width:calc(var(--base) * 11)!important}}@media (min-width: 1400px){.xl-w-x44{width:calc(var(--base) * 11)!important}}.w-x52{width:calc(var(--base) * 13)}@media (min-width: 576px){.xs-w-x52{width:calc(var(--base) * 13)!important}}@media (min-width: 768px){.sm-w-x52{width:calc(var(--base) * 13)!important}}@media (min-width: 992px){.md-w-x52{width:calc(var(--base) * 13)!important}}@media (min-width: 1200px){.lg-w-x52{width:calc(var(--base) * 13)!important}}@media (min-width: 1400px){.xl-w-x52{width:calc(var(--base) * 13)!important}}.w-x56{width:calc(var(--base) * 14)}@media (min-width: 576px){.xs-w-x56{width:calc(var(--base) * 14)!important}}@media (min-width: 768px){.sm-w-x56{width:calc(var(--base) * 14)!important}}@media (min-width: 992px){.md-w-x56{width:calc(var(--base) * 14)!important}}@media (min-width: 1200px){.lg-w-x56{width:calc(var(--base) * 14)!important}}@media (min-width: 1400px){.xl-w-x56{width:calc(var(--base) * 14)!important}}.h-x8{height:calc(var(--base) * 2)}@media (min-width: 576px){.xs-h-x8{height:calc(var(--base) * 2)!important}}@media (min-width: 768px){.sm-h-x8{height:calc(var(--base) * 2)!important}}@media (min-width: 992px){.md-h-x8{height:calc(var(--base) * 2)!important}}@media (min-width: 1200px){.lg-h-x8{height:calc(var(--base) * 2)!important}}@media (min-width: 1400px){.xl-h-x8{height:calc(var(--base) * 2)!important}}.h-x16{height:calc(var(--base) * 4)}@media (min-width: 576px){.xs-h-x16{height:calc(var(--base) * 4)!important}}@media (min-width: 768px){.sm-h-x16{height:calc(var(--base) * 4)!important}}@media (min-width: 992px){.md-h-x16{height:calc(var(--base) * 4)!important}}@media (min-width: 1200px){.lg-h-x16{height:calc(var(--base) * 4)!important}}@media (min-width: 1400px){.xl-h-x16{height:calc(var(--base) * 4)!important}}.h-x20{height:calc(var(--base) * 5)}@media (min-width: 576px){.xs-h-x20{height:calc(var(--base) * 5)!important}}@media (min-width: 768px){.sm-h-x20{height:calc(var(--base) * 5)!important}}@media (min-width: 992px){.md-h-x20{height:calc(var(--base) * 5)!important}}@media (min-width: 1200px){.lg-h-x20{height:calc(var(--base) * 5)!important}}@media (min-width: 1400px){.xl-h-x20{height:calc(var(--base) * 5)!important}}.h-x24{height:calc(var(--base) * 6)}@media (min-width: 576px){.xs-h-x24{height:calc(var(--base) * 6)!important}}@media (min-width: 768px){.sm-h-x24{height:calc(var(--base) * 6)!important}}@media (min-width: 992px){.md-h-x24{height:calc(var(--base) * 6)!important}}@media (min-width: 1200px){.lg-h-x24{height:calc(var(--base) * 6)!important}}@media (min-width: 1400px){.xl-h-x24{height:calc(var(--base) * 6)!important}}.h-x28{height:calc(var(--base) * 7)}@media (min-width: 576px){.xs-h-x28{height:calc(var(--base) * 7)!important}}@media (min-width: 768px){.sm-h-x28{height:calc(var(--base) * 7)!important}}@media (min-width: 992px){.md-h-x28{height:calc(var(--base) * 7)!important}}@media (min-width: 1200px){.lg-h-x28{height:calc(var(--base) * 7)!important}}@media (min-width: 1400px){.xl-h-x28{height:calc(var(--base) * 7)!important}}.h-x32{height:calc(var(--base) * 8)}@media (min-width: 576px){.xs-h-x32{height:calc(var(--base) * 8)!important}}@media (min-width: 768px){.sm-h-x32{height:calc(var(--base) * 8)!important}}@media (min-width: 992px){.md-h-x32{height:calc(var(--base) * 8)!important}}@media (min-width: 1200px){.lg-h-x32{height:calc(var(--base) * 8)!important}}@media (min-width: 1400px){.xl-h-x32{height:calc(var(--base) * 8)!important}}.h-x36{height:calc(var(--base) * 9)}@media (min-width: 576px){.xs-h-x36{height:calc(var(--base) * 9)!important}}@media (min-width: 768px){.sm-h-x36{height:calc(var(--base) * 9)!important}}@media (min-width: 992px){.md-h-x36{height:calc(var(--base) * 9)!important}}@media (min-width: 1200px){.lg-h-x36{height:calc(var(--base) * 9)!important}}@media (min-width: 1400px){.xl-h-x36{height:calc(var(--base) * 9)!important}}.h-x40{height:calc(var(--base) * 10)}@media (min-width: 576px){.xs-h-x40{height:calc(var(--base) * 10)!important}}@media (min-width: 768px){.sm-h-x40{height:calc(var(--base) * 10)!important}}@media (min-width: 992px){.md-h-x40{height:calc(var(--base) * 10)!important}}@media (min-width: 1200px){.lg-h-x40{height:calc(var(--base) * 10)!important}}@media (min-width: 1400px){.xl-h-x40{height:calc(var(--base) * 10)!important}}.h-x44{height:calc(var(--base) * 11)}@media (min-width: 576px){.xs-h-x44{height:calc(var(--base) * 11)!important}}@media (min-width: 768px){.sm-h-x44{height:calc(var(--base) * 11)!important}}@media (min-width: 992px){.md-h-x44{height:calc(var(--base) * 11)!important}}@media (min-width: 1200px){.lg-h-x44{height:calc(var(--base) * 11)!important}}@media (min-width: 1400px){.xl-h-x44{height:calc(var(--base) * 11)!important}}.h-x52{height:calc(var(--base) * 13)}@media (min-width: 576px){.xs-h-x52{height:calc(var(--base) * 13)!important}}@media (min-width: 768px){.sm-h-x52{height:calc(var(--base) * 13)!important}}@media (min-width: 992px){.md-h-x52{height:calc(var(--base) * 13)!important}}@media (min-width: 1200px){.lg-h-x52{height:calc(var(--base) * 13)!important}}@media (min-width: 1400px){.xl-h-x52{height:calc(var(--base) * 13)!important}}.h-x56{height:calc(var(--base) * 14)}@media (min-width: 576px){.xs-h-x56{height:calc(var(--base) * 14)!important}}@media (min-width: 768px){.sm-h-x56{height:calc(var(--base) * 14)!important}}@media (min-width: 992px){.md-h-x56{height:calc(var(--base) * 14)!important}}@media (min-width: 1200px){.lg-h-x56{height:calc(var(--base) * 14)!important}}@media (min-width: 1400px){.xl-h-x56{height:calc(var(--base) * 14)!important}}.ui-communication-search{width:100%;min-width:0;height:40px;position:relative;display:flex;flex-wrap:nowrap}@media (min-width: 768px){.ui-communication-search{max-width:100%;height:56px;min-width:254px}}.ui-communication-search .ui-communication-search-input{flex:1;height:40px;border:1px solid var(--background-secondary)}@media (min-width: 768px){.ui-communication-search .ui-communication-search-input{height:56px}}.ui-communication-search .ui-div-btn{position:absolute;top:0;right:0}.ui-communication-search .ui-btn-search{flex-shrink:0;width:auto;min-width:80px;padding:0 12px;height:40px;display:flex;justify-content:center;align-items:center;text-align:center;border:none;outline:none}@media (min-width: 768px){.ui-communication-search .ui-btn-search{width:130px;height:56px}}.ui-communication-search .ui-wrap-list-item-search{z-index:1010;position:absolute;background:#fff;max-height:346px;width:100%;left:0;margin-left:0;top:50px}@media (min-width: 768px){.ui-communication-search .ui-wrap-list-item-search{width:calc(100% - 130px);top:60px}}
|
package/dist/index.cjs135.js
CHANGED
@@ -1,2 +1,2 @@
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/CommunicationSeach/CommunicationSearch.css');const s=require("./index.cjs243.js");;/* empty css */const a=require("./index.cjs245.js"),
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/CommunicationSeach/CommunicationSearch.css');const s=require("./index.cjs243.js");;/* empty css */const a=require("./index.cjs245.js"),x=require("react"),w=require("./index.cjs195.js"),C=require("./index.cjs160.js"),y=require("./index.cjs10.js"),v=require("./index.cjs28.js"),S=({btnText:d,helperText:j="Cosa vuoi approfondire?",value:i,loading:p,items:t,emptyLabel:f="Nessun risultato disponibile",setValue:g,setSelectedElement:R})=>{const[u,c]=x.useState(!1),m=e=>{const n=e.target.value;g(n)},E=e=>{R(e),c(!1)},b=x.useCallback((e,n)=>{if(!n)return e;const r=e.toLowerCase().indexOf(n.toLowerCase());if(r===-1)return e;const o=e.slice(0,r),l=e.slice(r,r+n.length),N=e.slice(r+n.length);return s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[o,s.jsxRuntimeExports.jsx("span",{className:"text-primary fw-bold",children:l}),N]})},[]),h=x.useMemo(()=>u||i.length>=3&&(t==null?void 0:t.length)>0?!0:u,[u,t==null?void 0:t.length,i.length]);return s.jsxRuntimeExports.jsxs("div",{className:a.clsx("ui-communication-search","br-x4 bg-border-secondary w-full"),onBlur:()=>{setTimeout(()=>{c(!1)},150)},children:[s.jsxRuntimeExports.jsxs("div",{className:"position-relative w-full",children:[s.jsxRuntimeExports.jsx("input",{id:"search",type:"search",className:a.clsx("ui-communication-search-input","fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24"),placeholder:j,"aria-label":"Barra di ricerca",value:i,onChange:m,onFocus:()=>c(!0)}),p&&s.jsxRuntimeExports.jsx(w.Spinner,{className:"ui-loading-spinner"}),i&&i.length>=3&&s.jsxRuntimeExports.jsx(C.Close,{className:"ui-clean-button",onClick:()=>{m({target:{value:""}})}})]}),s.jsxRuntimeExports.jsx("div",{className:a.clsx("ui-wrap-list-item-search shadow position-absolute",{"py-x24":h}),children:s.jsxRuntimeExports.jsx(y.Col,{gap:"x24",fw:"regular",text:"secondary",fs:"6",className:"ui-list-item-search overflow-y-auto",children:h&&s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[t.map((e,n)=>{var r;return(r=e.items)!=null&&r.length?s.jsxRuntimeExports.jsx(x.Fragment,{children:s.jsxRuntimeExports.jsxs("div",{children:[s.jsxRuntimeExports.jsx("h4",{className:"category-title fw-semibold text-dark fs-6 mb-x8 px-x24",children:e.category}),s.jsxRuntimeExports.jsx("ul",{className:"list-unstyled",children:e.items.map(o=>s.jsxRuntimeExports.jsx("li",{onClick:l=>{l.stopPropagation(),l.preventDefault(),E(o)},className:"cursor-pointer py-x8 px-x24",children:b(o.name,i||"")},o.id))})]})},n):s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{})}),!p&&t.every(e=>e.items.length===0)?s.jsxRuntimeExports.jsx("p",{className:" px-x24 fs-6",children:f}):""]})})}),s.jsxRuntimeExports.jsx("div",{className:a.clsx("ui-div-btn"),children:s.jsxRuntimeExports.jsx(v.Button,{className:a.clsx("ui-btn-search","bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4"),onClick:()=>{m({target:{value:i}}),c(!0)},children:d})})]})};exports.CommunicationSearch=S;
|
2
2
|
//# sourceMappingURL=index.cjs135.js.map
|
package/dist/index.cjs135.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.cjs135.js","sources":["../src/components/ui/CommunicationSeach/index.tsx"],"sourcesContent":["import \"./CommunicationSearch.scss\";\nimport clsx from \"clsx\";\nimport { ChangeEvent, useCallback, useMemo, useState } from \"react\";\nimport { Button, Col } from \"@/components\";\nimport { Close, Spinner } from \"@/icons\";\nimport { Service } from \"@anoki/fse-common\";\n\nexport type Suggestion = {\n category: string;\n items: Service[];\n};\n\nexport type CommunicationSearchProps = {\n btnText: string;\n helperText?: string;\n value: string;\n items: Suggestion[];\n loading?: boolean;\n emptyLabel?: string;\n setValue: (value: string) => void;\n setSelectedElement: (value: Service) => void;\n};\n\nexport const CommunicationSearch = ({\n btnText,\n helperText = \"Cosa vuoi approfondire?\",\n value,\n loading,\n items,\n emptyLabel = \"Nessun risultato disponibile\",\n setValue,\n setSelectedElement,\n}: CommunicationSearchProps) => {\n const [focus, setFocus] = useState(false);\n\n const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n const inputValue = e.target.value;\n setValue(inputValue);\n };\n\n const handleSelectItem = (item: Service) => {\n setSelectedElement(item);\n setFocus(false);\n };\n\n const highlightMatch = useCallback((text: string, query: string) => {\n if (!query) return text;\n\n const index = text.toLowerCase().indexOf(query.toLowerCase());\n if (index === -1) return text;\n\n const beforeMatch = text.slice(0, index);\n const match = text.slice(index, index + query.length);\n const afterMatch = text.slice(index + query.length);\n\n return (\n <>\n {beforeMatch}\n <span className={\"text-primary fw-bold\"}>{match}</span>\n {afterMatch}\n </>\n );\n }, []);\n\n const showMenu = useMemo(() => {\n if (focus) {\n return true;\n }\n\n if (value.length >= 3 && items?.length > 0) {\n return true;\n }\n\n return focus;\n }, [focus, items?.length, value.length]);\n\n return (\n <div\n className={clsx(\n \"ui-communication-search\",\n \"br-x4 bg-border-secondary w-full\",\n )}\n onBlur={() => {\n setTimeout(() => {\n setFocus(false);\n }, 150);\n }}\n >\n <div className={\"position-relative w-full\"}>\n <input\n id=\"search\"\n type=\"search\"\n className={clsx(\n \"ui-communication-search-input\",\n \"fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24\",\n )}\n placeholder={helperText}\n aria-label=\"Barra di ricerca\"\n value={value}\n onChange={handleInputChange}\n onFocus={() => setFocus(true)}\n />\n {loading && <Spinner className=\"ui-loading-spinner\" />}\n {value && value.length >= 3 && (\n <Close\n className={\"ui-clean-button\"}\n onClick={() => {\n handleInputChange({ target: { value: \"\" } } as any);\n }}\n />\n )}\n </div>\n\n <div\n className={clsx(\"ui-wrap-list-item-search shadow position-absolute\", {\n \"py-x24\": showMenu,\n })}\n >\n <Col\n gap=\"x24\"\n fw=\"regular\"\n text=\"secondary\"\n fs=\"6\"\n className=\"ui-list-item-search overflow-y-auto\"\n >\n {showMenu && (\n <>\n {items.map((group, index) =>\n group.items?.length ? (\n
|
1
|
+
{"version":3,"file":"index.cjs135.js","sources":["../src/components/ui/CommunicationSeach/index.tsx"],"sourcesContent":["import \"./CommunicationSearch.scss\";\nimport clsx from \"clsx\";\nimport { ChangeEvent, Fragment, useCallback, useMemo, useState } from \"react\";\nimport { Button, Col } from \"@/components\";\nimport { Close, Spinner } from \"@/icons\";\nimport { Service } from \"@anoki/fse-common\";\n\nexport type Suggestion = {\n category: string;\n items: Service[];\n};\n\nexport type CommunicationSearchProps = {\n btnText: string;\n helperText?: string;\n value: string;\n items: Suggestion[];\n loading?: boolean;\n emptyLabel?: string;\n setValue: (value: string) => void;\n setSelectedElement: (value: Service) => void;\n};\n\nexport const CommunicationSearch = ({\n btnText,\n helperText = \"Cosa vuoi approfondire?\",\n value,\n loading,\n items,\n emptyLabel = \"Nessun risultato disponibile\",\n setValue,\n setSelectedElement,\n}: CommunicationSearchProps) => {\n const [focus, setFocus] = useState(false);\n\n const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n const inputValue = e.target.value;\n setValue(inputValue);\n };\n\n const handleSelectItem = (item: Service) => {\n setSelectedElement(item);\n setFocus(false);\n };\n\n const highlightMatch = useCallback((text: string, query: string) => {\n if (!query) return text;\n\n const index = text.toLowerCase().indexOf(query.toLowerCase());\n if (index === -1) return text;\n\n const beforeMatch = text.slice(0, index);\n const match = text.slice(index, index + query.length);\n const afterMatch = text.slice(index + query.length);\n\n return (\n <>\n {beforeMatch}\n <span className={\"text-primary fw-bold\"}>{match}</span>\n {afterMatch}\n </>\n );\n }, []);\n\n const showMenu = useMemo(() => {\n if (focus) {\n return true;\n }\n\n if (value.length >= 3 && items?.length > 0) {\n return true;\n }\n\n return focus;\n }, [focus, items?.length, value.length]);\n\n return (\n <div\n className={clsx(\n \"ui-communication-search\",\n \"br-x4 bg-border-secondary w-full\",\n )}\n onBlur={() => {\n setTimeout(() => {\n setFocus(false);\n }, 150);\n }}\n >\n <div className={\"position-relative w-full\"}>\n <input\n id=\"search\"\n type=\"search\"\n className={clsx(\n \"ui-communication-search-input\",\n \"fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24\",\n )}\n placeholder={helperText}\n aria-label=\"Barra di ricerca\"\n value={value}\n onChange={handleInputChange}\n onFocus={() => setFocus(true)}\n />\n {loading && <Spinner className=\"ui-loading-spinner\" />}\n {value && value.length >= 3 && (\n <Close\n className={\"ui-clean-button\"}\n onClick={() => {\n handleInputChange({ target: { value: \"\" } } as any);\n }}\n />\n )}\n </div>\n\n <div\n className={clsx(\"ui-wrap-list-item-search shadow position-absolute\", {\n \"py-x24\": showMenu,\n })}\n >\n <Col\n gap=\"x24\"\n fw=\"regular\"\n text=\"secondary\"\n fs=\"6\"\n className=\"ui-list-item-search overflow-y-auto\"\n >\n {showMenu && (\n <>\n {items.map((group, index) =>\n group.items?.length ? (\n <Fragment key={index}>\n <div>\n <h4 className=\"category-title fw-semibold text-dark fs-6 mb-x8 px-x24\">\n {group.category}\n </h4>\n <ul className=\"list-unstyled\">\n {group.items.map((item) => (\n <li\n key={item.id}\n onClick={(e) => {\n e.stopPropagation();\n e.preventDefault();\n\n handleSelectItem(item);\n }}\n className=\"cursor-pointer py-x8 px-x24\"\n >\n {highlightMatch(item.name, value || \"\")}\n </li>\n ))}\n </ul>\n </div>\n </Fragment>\n ) : (\n <></>\n ),\n )}\n\n {!loading &&\n items.every((suggestion) => suggestion.items.length === 0) ? (\n <p className=\" px-x24 fs-6\">{emptyLabel}</p>\n ) : (\n \"\"\n )}\n </>\n )}\n </Col>\n </div>\n\n <div className={clsx(\"ui-div-btn\")}>\n <Button\n className={clsx(\n \"ui-btn-search\",\n \"bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4\",\n )}\n onClick={() => {\n handleInputChange({ target: { value } } as any);\n setFocus(true);\n }}\n >\n {btnText}\n </Button>\n </div>\n </div>\n );\n};\n"],"names":["CommunicationSearch","btnText","helperText","value","loading","items","emptyLabel","setValue","setSelectedElement","focus","setFocus","useState","handleInputChange","inputValue","handleSelectItem","item","highlightMatch","useCallback","text","query","index","beforeMatch","match","afterMatch","jsxs","Fragment","jsx","showMenu","useMemo","clsx","Spinner","Close","Col","group","_a","e","suggestion","Button"],"mappings":"oUAuBaA,EAAsB,CAAC,CAClC,QAAAC,EACA,WAAAC,EAAa,0BACb,MAAAC,EACA,QAAAC,EACA,MAAAC,EACA,WAAAC,EAAa,+BACb,SAAAC,EACA,mBAAAC,CACF,IAAgC,CAC9B,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAAS,EAAK,EAElCC,EAAqB,GAAqC,CACxD,MAAAC,EAAa,EAAE,OAAO,MAC5BN,EAASM,CAAU,CACrB,EAEMC,EAAoBC,GAAkB,CAC1CP,EAAmBO,CAAI,EACvBL,EAAS,EAAK,CAChB,EAEMM,EAAiBC,EAAAA,YAAY,CAACC,EAAcC,IAAkB,CAC9D,GAAA,CAACA,EAAc,OAAAD,EAEnB,MAAME,EAAQF,EAAK,YAAA,EAAc,QAAQC,EAAM,aAAa,EACxD,GAAAC,IAAU,GAAW,OAAAF,EAEzB,MAAMG,EAAcH,EAAK,MAAM,EAAGE,CAAK,EACjCE,EAAQJ,EAAK,MAAME,EAAOA,EAAQD,EAAM,MAAM,EAC9CI,EAAaL,EAAK,MAAME,EAAQD,EAAM,MAAM,EAElD,OAEKK,EAAA,kBAAA,KAAAC,6BAAA,CAAA,SAAA,CAAAJ,EACAK,EAAA,kBAAA,IAAA,OAAA,CAAK,UAAW,uBAAyB,SAAMJ,EAAA,EAC/CC,CAAA,EACH,CAEJ,EAAG,EAAE,EAECI,EAAWC,EAAAA,QAAQ,IACnBnB,GAIAN,EAAM,QAAU,IAAKE,GAAA,YAAAA,EAAO,QAAS,EAChC,GAGFI,EACN,CAACA,EAAOJ,GAAA,YAAAA,EAAO,OAAQF,EAAM,MAAM,CAAC,EAGrC,OAAAqB,EAAA,kBAAA,KAAC,MAAA,CACC,UAAWK,EAAA,KACT,0BACA,kCACF,EACA,OAAQ,IAAM,CACZ,WAAW,IAAM,CACfnB,EAAS,EAAK,GACb,GAAG,CACR,EAEA,SAAA,CAACc,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAW,2BACd,SAAA,CAAAE,EAAA,kBAAA,IAAC,QAAA,CACC,GAAG,SACH,KAAK,SACL,UAAWG,EAAA,KACT,gCACA,qDACF,EACA,YAAa3B,EACb,aAAW,mBACX,MAAAC,EACA,SAAUS,EACV,QAAS,IAAMF,EAAS,EAAI,CAAA,CAC9B,EACCN,GAAWsB,EAAAA,kBAAAA,IAACI,EAAAA,QAAQ,CAAA,UAAU,oBAAqB,CAAA,EACnD3B,GAASA,EAAM,QAAU,GACxBuB,EAAA,kBAAA,IAACK,EAAA,MAAA,CACC,UAAW,kBACX,QAAS,IAAM,CACbnB,EAAkB,CAAE,OAAQ,CAAE,MAAO,IAAa,CAAA,CACpD,CAAA,CACF,EAEJ,EAEAc,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWG,OAAK,oDAAqD,CACnE,SAAUF,CAAA,CACX,EAED,SAAAD,EAAA,kBAAA,IAACM,EAAA,IAAA,CACC,IAAI,MACJ,GAAG,UACH,KAAK,YACL,GAAG,IACH,UAAU,sCAET,YAEIR,EAAAA,kBAAAA,KAAAC,EAAA,kBAAA,SAAA,CAAA,SAAA,CAAMpB,EAAA,IAAI,CAAC4B,EAAOb,IAAA,OACjB,OAAAc,EAAAD,EAAM,QAAN,MAAAC,EAAa,OACVT,EAAAA,kBAAAA,IAAAA,EAAAA,SAAA,CACC,SAAAD,EAAAA,kBAAAA,KAAC,MACC,CAAA,SAAA,CAAAE,EAAA,kBAAA,IAAC,KAAG,CAAA,UAAU,yDACX,SAAAO,EAAM,SACT,EACAP,EAAAA,kBAAAA,IAAC,MAAG,UAAU,gBACX,WAAM,MAAM,IAAKX,GAChBW,EAAA,kBAAA,IAAC,KAAA,CAEC,QAAUS,GAAM,CACdA,EAAE,gBAAgB,EAClBA,EAAE,eAAe,EAEjBrB,EAAiBC,CAAI,CACvB,EACA,UAAU,8BAET,SAAeC,EAAAD,EAAK,KAAMZ,GAAS,EAAE,CAAA,EATjCY,EAAK,EAAA,CAWb,CACH,CAAA,CACF,CAAA,CAAA,CAAA,EArBaK,CAsBf,EAEEM,EAAA,kBAAA,IAAAD,EAAA,kBAAA,SAAA,CAAA,CAAA,EAEN,EAEC,CAACrB,GACFC,EAAM,MAAO+B,GAAeA,EAAW,MAAM,SAAW,CAAC,EACtDV,EAAAA,kBAAAA,IAAA,IAAA,CAAE,UAAU,eAAgB,WAAW,EAExC,EAAA,CAEJ,CAAA,CAAA,CAAA,CAEJ,CACF,EAECA,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAWG,EAAA,KAAK,YAAY,EAC/B,SAAAH,EAAA,kBAAA,IAACW,EAAA,OAAA,CACC,UAAWR,EAAA,KACT,gBACA,sDACF,EACA,QAAS,IAAM,CACbjB,EAAkB,CAAE,OAAQ,CAAE,MAAAT,GAAgB,EAC9CO,EAAS,EAAI,CACf,EAEC,SAAAT,CAAA,CAAA,CAEL,CAAA,CAAA,CAAA,CACF,CAEJ"}
|