@kizmann/nano-ui 0.8.37 → 0.9.1
Sign up to get free protection for your applications and to get access to all the features.
- package/bun.lockb +0 -0
- package/demos/overview.html +5 -15
- package/demos/select.html +164 -0
- package/dist/nano-ui.css +1 -1
- package/dist/nano-ui.js +2 -2
- package/dist/nano-ui.js.map +1 -1
- package/dist/themes/light.css +1 -1
- package/docs/README.md +1 -2
- package/docs/_sidebar.md +19 -21
- package/docs/dist/docs.css +2 -0
- package/docs/{data → files/data}/table.md +40 -14
- package/docs/files/form/button.md +122 -0
- package/docs/{form → files/form}/form.md +14 -0
- package/docs/files/form/input.md +90 -0
- package/docs/files/form/switch.md +92 -0
- package/docs/index.html +163 -44
- package/docs/src/scss/docsify/basic/_layout.sass +3 -6
- package/docs/src/scss/docsify/syntax.scss +139 -0
- package/docs/src/scss/docsify/vue.sass +2 -15
- package/docs/src/scss/index.scss +428 -16
- package/package.json +1 -1
- package/src/button/src/button/button.js +1 -9
- package/src/mixins/src/ctor.js +0 -6
- package/src/popover/src/popover/popover.scss +4 -0
- package/src/radio/src/radio-group/radio-group.js +1 -1
- package/src/root/vars.scss +10 -10
- package/src/scrollbar/src/scrollbar/scrollbar.next.js +21 -1
- package/src/select/src/select/select.js +191 -78
- package/src/select/src/select/select.scss +4 -0
- package/src/select/src/select-option/select-option.js +6 -2
- package/src/table/src/table/table.scss +0 -1
- package/src/tags/src/tags-item/tags-item.js +17 -1
- package/src/virtualscroller/src/virtualscroller/virtualscroller.beta.js +12 -2
- package/themes/light/root/vars.scss +10 -10
- package/themes/light/switch/src/switch/switch.scss +1 -1
- package/themes/light/table/src/table/table.scss +1 -1
- package/themes/light/tags/src/tags-item/tags-item.scss +16 -0
- package/webpack.config.js +13 -13
- package/dist/themes/basic.css +0 -2029
- package/dist/themes/flat.css +0 -1806
- package/dist/themes/flat.dark.css +0 -1809
- package/docs/dist/index.css +0 -6977
- package/docs/form/button.md +0 -299
- package/docs/form/input.md +0 -205
- package/docs/form/switch.md +0 -166
- /package/docs/{data → files/data}/draggable.md +0 -0
- /package/docs/{data → files/data}/map.md +0 -0
- /package/docs/{data → files/data}/paginator.md +0 -0
- /package/docs/{data → files/data}/virtualscroller.md +0 -0
- /package/docs/{form → files/form}/cascader.md +0 -0
- /package/docs/{form → files/form}/checkbox.md +0 -0
- /package/docs/{form → files/form}/datepicker.md +0 -0
- /package/docs/{form → files/form}/radio.md +0 -0
- /package/docs/{form → files/form}/select.md +0 -0
- /package/docs/{form → files/form}/textarea.md +0 -0
- /package/docs/{form → files/form}/timepicker.md +0 -0
- /package/docs/{form → files/form}/transfer.md +0 -0
- /package/docs/{others → files/others}/config.md +0 -0
- /package/docs/{others → files/others}/confirm.md +0 -0
- /package/docs/{others → files/others}/loader.md +0 -0
- /package/docs/{others → files/others}/modal.md +0 -0
- /package/docs/{others → files/others}/notification.md +0 -0
- /package/docs/{others → files/others}/popover.md +0 -0
- /package/docs/{others → files/others}/resizer.md +0 -0
- /package/docs/{others → files/others}/scrollbar.md +0 -0
- /package/docs/{others → files/others}/tabs.md +0 -0
@@ -0,0 +1,2 @@
|
|
1
|
+
.grid{display:flex}.grid--row{flex-direction:row}.grid--col{flex-direction:column}.grid--wrap{flex-wrap:wrap}.grid--row.grid--reverse,.grid--row.grid--reverse{flex-direction:row-reverse}.grid--col.grid--reverse,.grid--col.grid--reverse{flex-direction:column-reverse}.grid--row.grid--stretch,.grid--row.grid--stretch{justify-content:stretch}.grid--col.grid--stretch,.grid--col.grid--stretch{align-items:stretch}.grid--row.grid--top,.grid--row.grid--top,.grid--col.grid--left,.grid--col.grid--left{align-items:flex-start}.grid--row.grid--middle,.grid--row.grid--middle,.grid--col.grid--center,.grid--col.grid--center{align-items:center}.grid--row.grid--bottom,.grid--row.grid--bottom,.grid--col.grid--right,.grid--col.grid--right{align-items:flex-end}.grid--row.grid--left,.grid--row.grid--left,.grid--col.grid--top,.grid--col.grid--top{justify-content:flex-start}.grid--row.grid--center,.grid--row.grid--center,.grid--col.grid--middle,.grid--col.grid--middle{justify-content:center}.grid--row.grid--right,.grid--row.grid--right,.grid--col.grid--bottom,.grid--col.grid--bottom{justify-content:flex-end}.grid--60{width:calc(100% + 60px);margin-left:-30px;margin-right:-30px}.grid--60-60{width:calc(100% + 60px);margin-left:-30px;margin-right:-30px;margin-top:-30px;margin-bottom:-30px}.grid--60>[class^="col"],.grid--60>[class*="col"]{padding-left:30px;padding-right:30px}.grid--60-60>[class^="col"],.grid--60-60>[class*="col"]{padding-left:30px;padding-right:30px;padding-top:30px;padding-bottom:30px}.grid--40{width:calc(100% + 40px);margin-left:-20px;margin-right:-20px}.grid--40-40{width:calc(100% + 40px);margin-left:-20px;margin-right:-20px;margin-top:-20px;margin-bottom:-20px}.grid--40>[class^="col"],.grid--40>[class*="col"]{padding-left:20px;padding-right:20px}.grid--40-40>[class^="col"],.grid--40-40>[class*="col"]{padding-left:20px;padding-right:20px;padding-top:20px;padding-bottom:20px}.grid--30{width:calc(100% + 30px);margin-left:-15px;margin-right:-15px}.grid--30-30{width:calc(100% + 30px);margin-left:-15px;margin-right:-15px;margin-top:-15px;margin-bottom:-15px}.grid--30>[class^="col"],.grid--30>[class*="col"]{padding-left:15px;padding-right:15px}.grid--30-30>[class^="col"],.grid--30-30>[class*="col"]{padding-left:15px;padding-right:15px;padding-top:15px;padding-bottom:15px}.grid--20{width:calc(100% + 20px);margin-left:-10px;margin-right:-10px}.grid--20-20{width:calc(100% + 20px);margin-left:-10px;margin-right:-10px;margin-top:-10px;margin-bottom:-10px}.grid--20>[class^="col"],.grid--20>[class*="col"]{padding-left:10px;padding-right:10px}.grid--20-20>[class^="col"],.grid--20-20>[class*="col"]{padding-left:10px;padding-right:10px;padding-top:10px;padding-bottom:10px}.grid--15{width:calc(100% + 15px);margin-left:-7.5px;margin-right:-7.5px}.grid--15-15{width:calc(100% + 15px);margin-left:-7.5px;margin-right:-7.5px;margin-top:-7.5px;margin-bottom:-7.5px}.grid--15>[class^="col"],.grid--15>[class*="col"]{padding-left:7.5px;padding-right:7.5px}.grid--15-15>[class^="col"],.grid--15-15>[class*="col"]{padding-left:7.5px;padding-right:7.5px;padding-top:7.5px;padding-bottom:7.5px}.grid--10{width:calc(100% + 10px);margin-left:-5px;margin-right:-5px}.grid--10-10{width:calc(100% + 10px);margin-left:-5px;margin-right:-5px;margin-top:-5px;margin-bottom:-5px}.grid--10>[class^="col"],.grid--10>[class*="col"]{padding-left:5px;padding-right:5px}.grid--10-10>[class^="col"],.grid--10-10>[class*="col"]{padding-left:5px;padding-right:5px;padding-top:5px;padding-bottom:5px}.col,.col--auto{width:auto}.col--top{margin-bottom:auto}.col--middle{margin-top:auto;margin-bottom:auto}.col--bottom{margin-top:auto}.col--left{margin-right:auto}.col--center{margin-right:auto;margin-left:auto}.col--right{margin-left:auto}.col--flex-1,.col--flex-1-0{flex:1 0 auto}.col--flex-0,.col--flex-0-1{flex:0 1 auto}.col--flex-none,.col--flex-0-0{flex:0 0 auto}.col--flex-auto,.col--flex-1-1{flex:1 1 auto}.col--flex-fixed{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1{order:1}.col--order-2{order:2}.col--order-3{order:3}.col--order-4{order:4}.col--order-5{order:5}.col--order-6{order:6}.col--order-7{order:7}.col--order-8{order:8}.col--order-9{order:9}.col--order-10{order:10}.col--1-12{width:8.33233%}.col--2-12{width:16.66567%}.col--3-12{width:24.999%}.col--4-12{width:33.33233%}.col--5-12{width:41.66567%}.col--6-12{width:49.999%}.col--7-12{width:58.33233%}.col--8-12{width:66.66567%}.col--9-12{width:74.999%}.col--10-12{width:83.33233%}.col--11-12{width:91.66567%}.col--12-12{width:99.999%}.col,.col--auto{width:auto}.col--top{margin-bottom:auto}.col--middle{margin-top:auto;margin-bottom:auto}.col--bottom{margin-top:auto}.col--left{margin-right:auto}.col--center{margin-right:auto;margin-left:auto}.col--right{margin-left:auto}.col--flex-1,.col--flex-1-0{flex:1 0 auto}.col--flex-0,.col--flex-0-1{flex:0 1 auto}.col--flex-none,.col--flex-0-0{flex:0 0 auto}.col--flex-auto,.col--flex-1-1{flex:1 1 auto}.col--flex-fixed{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1{order:1}.col--order-2{order:2}.col--order-3{order:3}.col--order-4{order:4}.col--order-5{order:5}.col--order-6{order:6}.col--order-7{order:7}.col--order-8{order:8}.col--order-9{order:9}.col--order-10{order:10}.col--1-11{width:9.08991%}.col--2-11{width:18.18082%}.col--3-11{width:27.27173%}.col--4-11{width:36.36264%}.col--5-11{width:45.45355%}.col--6-11{width:54.54445%}.col--7-11{width:63.63536%}.col--8-11{width:72.72627%}.col--9-11{width:81.81718%}.col--10-11{width:90.90809%}.col--11-11{width:99.999%}.col,.col--auto{width:auto}.col--top{margin-bottom:auto}.col--middle{margin-top:auto;margin-bottom:auto}.col--bottom{margin-top:auto}.col--left{margin-right:auto}.col--center{margin-right:auto;margin-left:auto}.col--right{margin-left:auto}.col--flex-1,.col--flex-1-0{flex:1 0 auto}.col--flex-0,.col--flex-0-1{flex:0 1 auto}.col--flex-none,.col--flex-0-0{flex:0 0 auto}.col--flex-auto,.col--flex-1-1{flex:1 1 auto}.col--flex-fixed{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1{order:1}.col--order-2{order:2}.col--order-3{order:3}.col--order-4{order:4}.col--order-5{order:5}.col--order-6{order:6}.col--order-7{order:7}.col--order-8{order:8}.col--order-9{order:9}.col--order-10{order:10}.col--1-10{width:9.999%}.col--2-10{width:19.999%}.col--3-10{width:29.999%}.col--4-10{width:39.999%}.col--5-10{width:49.999%}.col--6-10{width:59.999%}.col--7-10{width:69.999%}.col--8-10{width:79.999%}.col--9-10{width:89.999%}.col--10-10{width:99.999%}.col,.col--auto{width:auto}.col--top{margin-bottom:auto}.col--middle{margin-top:auto;margin-bottom:auto}.col--bottom{margin-top:auto}.col--left{margin-right:auto}.col--center{margin-right:auto;margin-left:auto}.col--right{margin-left:auto}.col--flex-1,.col--flex-1-0{flex:1 0 auto}.col--flex-0,.col--flex-0-1{flex:0 1 auto}.col--flex-none,.col--flex-0-0{flex:0 0 auto}.col--flex-auto,.col--flex-1-1{flex:1 1 auto}.col--flex-fixed{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1{order:1}.col--order-2{order:2}.col--order-3{order:3}.col--order-4{order:4}.col--order-5{order:5}.col--order-6{order:6}.col--order-7{order:7}.col--order-8{order:8}.col--order-9{order:9}.col--order-10{order:10}.col--1-9{width:11.11011%}.col--2-9{width:22.22122%}.col--3-9{width:33.33233%}.col--4-9{width:44.44344%}.col--5-9{width:55.55456%}.col--6-9{width:66.66567%}.col--7-9{width:77.77678%}.col--8-9{width:88.88789%}.col--9-9{width:99.999%}.col,.col--auto{width:auto}.col--top{margin-bottom:auto}.col--middle{margin-top:auto;margin-bottom:auto}.col--bottom{margin-top:auto}.col--left{margin-right:auto}.col--center{margin-right:auto;margin-left:auto}.col--right{margin-left:auto}.col--flex-1,.col--flex-1-0{flex:1 0 auto}.col--flex-0,.col--flex-0-1{flex:0 1 auto}.col--flex-none,.col--flex-0-0{flex:0 0 auto}.col--flex-auto,.col--flex-1-1{flex:1 1 auto}.col--flex-fixed{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1{order:1}.col--order-2{order:2}.col--order-3{order:3}.col--order-4{order:4}.col--order-5{order:5}.col--order-6{order:6}.col--order-7{order:7}.col--order-8{order:8}.col--order-9{order:9}.col--order-10{order:10}.col--1-8{width:12.499%}.col--2-8{width:24.999%}.col--3-8{width:37.499%}.col--4-8{width:49.999%}.col--5-8{width:62.499%}.col--6-8{width:74.999%}.col--7-8{width:87.499%}.col--8-8{width:99.999%}.col,.col--auto{width:auto}.col--top{margin-bottom:auto}.col--middle{margin-top:auto;margin-bottom:auto}.col--bottom{margin-top:auto}.col--left{margin-right:auto}.col--center{margin-right:auto;margin-left:auto}.col--right{margin-left:auto}.col--flex-1,.col--flex-1-0{flex:1 0 auto}.col--flex-0,.col--flex-0-1{flex:0 1 auto}.col--flex-none,.col--flex-0-0{flex:0 0 auto}.col--flex-auto,.col--flex-1-1{flex:1 1 auto}.col--flex-fixed{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1{order:1}.col--order-2{order:2}.col--order-3{order:3}.col--order-4{order:4}.col--order-5{order:5}.col--order-6{order:6}.col--order-7{order:7}.col--order-8{order:8}.col--order-9{order:9}.col--order-10{order:10}.col--1-7{width:14.28471%}.col--2-7{width:28.57043%}.col--3-7{width:42.85614%}.col--4-7{width:57.14186%}.col--5-7{width:71.42757%}.col--6-7{width:85.71329%}.col--7-7{width:99.999%}.col,.col--auto{width:auto}.col--top{margin-bottom:auto}.col--middle{margin-top:auto;margin-bottom:auto}.col--bottom{margin-top:auto}.col--left{margin-right:auto}.col--center{margin-right:auto;margin-left:auto}.col--right{margin-left:auto}.col--flex-1,.col--flex-1-0{flex:1 0 auto}.col--flex-0,.col--flex-0-1{flex:0 1 auto}.col--flex-none,.col--flex-0-0{flex:0 0 auto}.col--flex-auto,.col--flex-1-1{flex:1 1 auto}.col--flex-fixed{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1{order:1}.col--order-2{order:2}.col--order-3{order:3}.col--order-4{order:4}.col--order-5{order:5}.col--order-6{order:6}.col--order-7{order:7}.col--order-8{order:8}.col--order-9{order:9}.col--order-10{order:10}.col--1-6{width:16.66567%}.col--2-6{width:33.33233%}.col--3-6{width:49.999%}.col--4-6{width:66.66567%}.col--5-6{width:83.33233%}.col--6-6{width:99.999%}.col,.col--auto{width:auto}.col--top{margin-bottom:auto}.col--middle{margin-top:auto;margin-bottom:auto}.col--bottom{margin-top:auto}.col--left{margin-right:auto}.col--center{margin-right:auto;margin-left:auto}.col--right{margin-left:auto}.col--flex-1,.col--flex-1-0{flex:1 0 auto}.col--flex-0,.col--flex-0-1{flex:0 1 auto}.col--flex-none,.col--flex-0-0{flex:0 0 auto}.col--flex-auto,.col--flex-1-1{flex:1 1 auto}.col--flex-fixed{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1{order:1}.col--order-2{order:2}.col--order-3{order:3}.col--order-4{order:4}.col--order-5{order:5}.col--order-6{order:6}.col--order-7{order:7}.col--order-8{order:8}.col--order-9{order:9}.col--order-10{order:10}.col--1-5{width:19.999%}.col--2-5{width:39.999%}.col--3-5{width:59.999%}.col--4-5{width:79.999%}.col--5-5{width:99.999%}.col,.col--auto{width:auto}.col--top{margin-bottom:auto}.col--middle{margin-top:auto;margin-bottom:auto}.col--bottom{margin-top:auto}.col--left{margin-right:auto}.col--center{margin-right:auto;margin-left:auto}.col--right{margin-left:auto}.col--flex-1,.col--flex-1-0{flex:1 0 auto}.col--flex-0,.col--flex-0-1{flex:0 1 auto}.col--flex-none,.col--flex-0-0{flex:0 0 auto}.col--flex-auto,.col--flex-1-1{flex:1 1 auto}.col--flex-fixed{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1{order:1}.col--order-2{order:2}.col--order-3{order:3}.col--order-4{order:4}.col--order-5{order:5}.col--order-6{order:6}.col--order-7{order:7}.col--order-8{order:8}.col--order-9{order:9}.col--order-10{order:10}.col--1-4{width:24.999%}.col--2-4{width:49.999%}.col--3-4{width:74.999%}.col--4-4{width:99.999%}.col,.col--auto{width:auto}.col--top{margin-bottom:auto}.col--middle{margin-top:auto;margin-bottom:auto}.col--bottom{margin-top:auto}.col--left{margin-right:auto}.col--center{margin-right:auto;margin-left:auto}.col--right{margin-left:auto}.col--flex-1,.col--flex-1-0{flex:1 0 auto}.col--flex-0,.col--flex-0-1{flex:0 1 auto}.col--flex-none,.col--flex-0-0{flex:0 0 auto}.col--flex-auto,.col--flex-1-1{flex:1 1 auto}.col--flex-fixed{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1{order:1}.col--order-2{order:2}.col--order-3{order:3}.col--order-4{order:4}.col--order-5{order:5}.col--order-6{order:6}.col--order-7{order:7}.col--order-8{order:8}.col--order-9{order:9}.col--order-10{order:10}.col--1-3{width:33.33233%}.col--2-3{width:66.66567%}.col--3-3{width:99.999%}.col,.col--auto{width:auto}.col--top{margin-bottom:auto}.col--middle{margin-top:auto;margin-bottom:auto}.col--bottom{margin-top:auto}.col--left{margin-right:auto}.col--center{margin-right:auto;margin-left:auto}.col--right{margin-left:auto}.col--flex-1,.col--flex-1-0{flex:1 0 auto}.col--flex-0,.col--flex-0-1{flex:0 1 auto}.col--flex-none,.col--flex-0-0{flex:0 0 auto}.col--flex-auto,.col--flex-1-1{flex:1 1 auto}.col--flex-fixed{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1{order:1}.col--order-2{order:2}.col--order-3{order:3}.col--order-4{order:4}.col--order-5{order:5}.col--order-6{order:6}.col--order-7{order:7}.col--order-8{order:8}.col--order-9{order:9}.col--order-10{order:10}.col--1-2{width:49.999%}.col--2-2{width:99.999%}.col,.col--auto{width:auto}.col--top{margin-bottom:auto}.col--middle{margin-top:auto;margin-bottom:auto}.col--bottom{margin-top:auto}.col--left{margin-right:auto}.col--center{margin-right:auto;margin-left:auto}.col--right{margin-left:auto}.col--flex-1,.col--flex-1-0{flex:1 0 auto}.col--flex-0,.col--flex-0-1{flex:0 1 auto}.col--flex-none,.col--flex-0-0{flex:0 0 auto}.col--flex-auto,.col--flex-1-1{flex:1 1 auto}.col--flex-fixed{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1{order:1}.col--order-2{order:2}.col--order-3{order:3}.col--order-4{order:4}.col--order-5{order:5}.col--order-6{order:6}.col--order-7{order:7}.col--order-8{order:8}.col--order-9{order:9}.col--order-10{order:10}.col--1-1{width:99.999%}@media screen and (min-width: 576px){.grid\@xs{display:flex}.grid--row\@xs{flex-direction:row}.grid--col\@xs{flex-direction:column}.grid--wrap\@xs{flex-wrap:wrap}.grid--row.grid--reverse\@xs,.grid--row\@xs.grid--reverse\@xs{flex-direction:row-reverse}.grid--col.grid--reverse\@xs,.grid--col\@xs.grid--reverse\@xs{flex-direction:column-reverse}.grid--row.grid--stretch\@xs,.grid--row\@xs.grid--stretch\@xs{justify-content:stretch}.grid--col.grid--stretch\@xs,.grid--col\@xs.grid--stretch\@xs{align-items:stretch}.grid--row.grid--top\@xs,.grid--row\@xs.grid--top\@xs,.grid--col.grid--left\@xs,.grid--col\@xs.grid--left\@xs{align-items:flex-start}.grid--row.grid--middle\@xs,.grid--row\@xs.grid--middle\@xs,.grid--col.grid--center\@xs,.grid--col\@xs.grid--center\@xs{align-items:center}.grid--row.grid--bottom\@xs,.grid--row\@xs.grid--bottom\@xs,.grid--col.grid--right\@xs,.grid--col\@xs.grid--right\@xs{align-items:flex-end}.grid--row.grid--left\@xs,.grid--row\@xs.grid--left\@xs,.grid--col.grid--top\@xs,.grid--col\@xs.grid--top\@xs{justify-content:flex-start}.grid--row.grid--center\@xs,.grid--row\@xs.grid--center\@xs,.grid--col.grid--middle\@xs,.grid--col\@xs.grid--middle\@xs{justify-content:center}.grid--row.grid--right\@xs,.grid--row\@xs.grid--right\@xs,.grid--col.grid--bottom\@xs,.grid--col\@xs.grid--bottom\@xs{justify-content:flex-end}.grid--60\@xs{width:calc(100% + 60px);margin-left:-30px;margin-right:-30px}.grid--60-60\@xs{width:calc(100% + 60px);margin-left:-30px;margin-right:-30px;margin-top:-30px;margin-bottom:-30px}.grid--60\@xs>[class^="col"],.grid--60\@xs>[class*="col"]{padding-left:30px;padding-right:30px}.grid--60-60\@xs>[class^="col"],.grid--60-60\@xs>[class*="col"]{padding-left:30px;padding-right:30px;padding-top:30px;padding-bottom:30px}.grid--40\@xs{width:calc(100% + 40px);margin-left:-20px;margin-right:-20px}.grid--40-40\@xs{width:calc(100% + 40px);margin-left:-20px;margin-right:-20px;margin-top:-20px;margin-bottom:-20px}.grid--40\@xs>[class^="col"],.grid--40\@xs>[class*="col"]{padding-left:20px;padding-right:20px}.grid--40-40\@xs>[class^="col"],.grid--40-40\@xs>[class*="col"]{padding-left:20px;padding-right:20px;padding-top:20px;padding-bottom:20px}.grid--30\@xs{width:calc(100% + 30px);margin-left:-15px;margin-right:-15px}.grid--30-30\@xs{width:calc(100% + 30px);margin-left:-15px;margin-right:-15px;margin-top:-15px;margin-bottom:-15px}.grid--30\@xs>[class^="col"],.grid--30\@xs>[class*="col"]{padding-left:15px;padding-right:15px}.grid--30-30\@xs>[class^="col"],.grid--30-30\@xs>[class*="col"]{padding-left:15px;padding-right:15px;padding-top:15px;padding-bottom:15px}.grid--20\@xs{width:calc(100% + 20px);margin-left:-10px;margin-right:-10px}.grid--20-20\@xs{width:calc(100% + 20px);margin-left:-10px;margin-right:-10px;margin-top:-10px;margin-bottom:-10px}.grid--20\@xs>[class^="col"],.grid--20\@xs>[class*="col"]{padding-left:10px;padding-right:10px}.grid--20-20\@xs>[class^="col"],.grid--20-20\@xs>[class*="col"]{padding-left:10px;padding-right:10px;padding-top:10px;padding-bottom:10px}.grid--15\@xs{width:calc(100% + 15px);margin-left:-7.5px;margin-right:-7.5px}.grid--15-15\@xs{width:calc(100% + 15px);margin-left:-7.5px;margin-right:-7.5px;margin-top:-7.5px;margin-bottom:-7.5px}.grid--15\@xs>[class^="col"],.grid--15\@xs>[class*="col"]{padding-left:7.5px;padding-right:7.5px}.grid--15-15\@xs>[class^="col"],.grid--15-15\@xs>[class*="col"]{padding-left:7.5px;padding-right:7.5px;padding-top:7.5px;padding-bottom:7.5px}.grid--10\@xs{width:calc(100% + 10px);margin-left:-5px;margin-right:-5px}.grid--10-10\@xs{width:calc(100% + 10px);margin-left:-5px;margin-right:-5px;margin-top:-5px;margin-bottom:-5px}.grid--10\@xs>[class^="col"],.grid--10\@xs>[class*="col"]{padding-left:5px;padding-right:5px}.grid--10-10\@xs>[class^="col"],.grid--10-10\@xs>[class*="col"]{padding-left:5px;padding-right:5px;padding-top:5px;padding-bottom:5px}.col\@xs,.col--auto\@xs{width:auto}.col--top\@xs{margin-bottom:auto}.col--middle\@xs{margin-top:auto;margin-bottom:auto}.col--bottom\@xs{margin-top:auto}.col--left\@xs{margin-right:auto}.col--center\@xs{margin-right:auto;margin-left:auto}.col--right\@xs{margin-left:auto}.col--flex-1\@xs,.col--flex-1-0\@xs{flex:1 0 auto}.col--flex-0\@xs,.col--flex-0-1\@xs{flex:0 1 auto}.col--flex-none\@xs,.col--flex-0-0\@xs{flex:0 0 auto}.col--flex-auto\@xs,.col--flex-1-1\@xs{flex:1 1 auto}.col--flex-fixed\@xs{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1\@xs{order:1}.col--order-2\@xs{order:2}.col--order-3\@xs{order:3}.col--order-4\@xs{order:4}.col--order-5\@xs{order:5}.col--order-6\@xs{order:6}.col--order-7\@xs{order:7}.col--order-8\@xs{order:8}.col--order-9\@xs{order:9}.col--order-10\@xs{order:10}.col--1-12\@xs{width:8.33233%}.col--2-12\@xs{width:16.66567%}.col--3-12\@xs{width:24.999%}.col--4-12\@xs{width:33.33233%}.col--5-12\@xs{width:41.66567%}.col--6-12\@xs{width:49.999%}.col--7-12\@xs{width:58.33233%}.col--8-12\@xs{width:66.66567%}.col--9-12\@xs{width:74.999%}.col--10-12\@xs{width:83.33233%}.col--11-12\@xs{width:91.66567%}.col--12-12\@xs{width:99.999%}.col\@xs,.col--auto\@xs{width:auto}.col--top\@xs{margin-bottom:auto}.col--middle\@xs{margin-top:auto;margin-bottom:auto}.col--bottom\@xs{margin-top:auto}.col--left\@xs{margin-right:auto}.col--center\@xs{margin-right:auto;margin-left:auto}.col--right\@xs{margin-left:auto}.col--flex-1\@xs,.col--flex-1-0\@xs{flex:1 0 auto}.col--flex-0\@xs,.col--flex-0-1\@xs{flex:0 1 auto}.col--flex-none\@xs,.col--flex-0-0\@xs{flex:0 0 auto}.col--flex-auto\@xs,.col--flex-1-1\@xs{flex:1 1 auto}.col--flex-fixed\@xs{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1\@xs{order:1}.col--order-2\@xs{order:2}.col--order-3\@xs{order:3}.col--order-4\@xs{order:4}.col--order-5\@xs{order:5}.col--order-6\@xs{order:6}.col--order-7\@xs{order:7}.col--order-8\@xs{order:8}.col--order-9\@xs{order:9}.col--order-10\@xs{order:10}.col--1-11\@xs{width:9.08991%}.col--2-11\@xs{width:18.18082%}.col--3-11\@xs{width:27.27173%}.col--4-11\@xs{width:36.36264%}.col--5-11\@xs{width:45.45355%}.col--6-11\@xs{width:54.54445%}.col--7-11\@xs{width:63.63536%}.col--8-11\@xs{width:72.72627%}.col--9-11\@xs{width:81.81718%}.col--10-11\@xs{width:90.90809%}.col--11-11\@xs{width:99.999%}.col\@xs,.col--auto\@xs{width:auto}.col--top\@xs{margin-bottom:auto}.col--middle\@xs{margin-top:auto;margin-bottom:auto}.col--bottom\@xs{margin-top:auto}.col--left\@xs{margin-right:auto}.col--center\@xs{margin-right:auto;margin-left:auto}.col--right\@xs{margin-left:auto}.col--flex-1\@xs,.col--flex-1-0\@xs{flex:1 0 auto}.col--flex-0\@xs,.col--flex-0-1\@xs{flex:0 1 auto}.col--flex-none\@xs,.col--flex-0-0\@xs{flex:0 0 auto}.col--flex-auto\@xs,.col--flex-1-1\@xs{flex:1 1 auto}.col--flex-fixed\@xs{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1\@xs{order:1}.col--order-2\@xs{order:2}.col--order-3\@xs{order:3}.col--order-4\@xs{order:4}.col--order-5\@xs{order:5}.col--order-6\@xs{order:6}.col--order-7\@xs{order:7}.col--order-8\@xs{order:8}.col--order-9\@xs{order:9}.col--order-10\@xs{order:10}.col--1-10\@xs{width:9.999%}.col--2-10\@xs{width:19.999%}.col--3-10\@xs{width:29.999%}.col--4-10\@xs{width:39.999%}.col--5-10\@xs{width:49.999%}.col--6-10\@xs{width:59.999%}.col--7-10\@xs{width:69.999%}.col--8-10\@xs{width:79.999%}.col--9-10\@xs{width:89.999%}.col--10-10\@xs{width:99.999%}.col\@xs,.col--auto\@xs{width:auto}.col--top\@xs{margin-bottom:auto}.col--middle\@xs{margin-top:auto;margin-bottom:auto}.col--bottom\@xs{margin-top:auto}.col--left\@xs{margin-right:auto}.col--center\@xs{margin-right:auto;margin-left:auto}.col--right\@xs{margin-left:auto}.col--flex-1\@xs,.col--flex-1-0\@xs{flex:1 0 auto}.col--flex-0\@xs,.col--flex-0-1\@xs{flex:0 1 auto}.col--flex-none\@xs,.col--flex-0-0\@xs{flex:0 0 auto}.col--flex-auto\@xs,.col--flex-1-1\@xs{flex:1 1 auto}.col--flex-fixed\@xs{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1\@xs{order:1}.col--order-2\@xs{order:2}.col--order-3\@xs{order:3}.col--order-4\@xs{order:4}.col--order-5\@xs{order:5}.col--order-6\@xs{order:6}.col--order-7\@xs{order:7}.col--order-8\@xs{order:8}.col--order-9\@xs{order:9}.col--order-10\@xs{order:10}.col--1-9\@xs{width:11.11011%}.col--2-9\@xs{width:22.22122%}.col--3-9\@xs{width:33.33233%}.col--4-9\@xs{width:44.44344%}.col--5-9\@xs{width:55.55456%}.col--6-9\@xs{width:66.66567%}.col--7-9\@xs{width:77.77678%}.col--8-9\@xs{width:88.88789%}.col--9-9\@xs{width:99.999%}.col\@xs,.col--auto\@xs{width:auto}.col--top\@xs{margin-bottom:auto}.col--middle\@xs{margin-top:auto;margin-bottom:auto}.col--bottom\@xs{margin-top:auto}.col--left\@xs{margin-right:auto}.col--center\@xs{margin-right:auto;margin-left:auto}.col--right\@xs{margin-left:auto}.col--flex-1\@xs,.col--flex-1-0\@xs{flex:1 0 auto}.col--flex-0\@xs,.col--flex-0-1\@xs{flex:0 1 auto}.col--flex-none\@xs,.col--flex-0-0\@xs{flex:0 0 auto}.col--flex-auto\@xs,.col--flex-1-1\@xs{flex:1 1 auto}.col--flex-fixed\@xs{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1\@xs{order:1}.col--order-2\@xs{order:2}.col--order-3\@xs{order:3}.col--order-4\@xs{order:4}.col--order-5\@xs{order:5}.col--order-6\@xs{order:6}.col--order-7\@xs{order:7}.col--order-8\@xs{order:8}.col--order-9\@xs{order:9}.col--order-10\@xs{order:10}.col--1-8\@xs{width:12.499%}.col--2-8\@xs{width:24.999%}.col--3-8\@xs{width:37.499%}.col--4-8\@xs{width:49.999%}.col--5-8\@xs{width:62.499%}.col--6-8\@xs{width:74.999%}.col--7-8\@xs{width:87.499%}.col--8-8\@xs{width:99.999%}.col\@xs,.col--auto\@xs{width:auto}.col--top\@xs{margin-bottom:auto}.col--middle\@xs{margin-top:auto;margin-bottom:auto}.col--bottom\@xs{margin-top:auto}.col--left\@xs{margin-right:auto}.col--center\@xs{margin-right:auto;margin-left:auto}.col--right\@xs{margin-left:auto}.col--flex-1\@xs,.col--flex-1-0\@xs{flex:1 0 auto}.col--flex-0\@xs,.col--flex-0-1\@xs{flex:0 1 auto}.col--flex-none\@xs,.col--flex-0-0\@xs{flex:0 0 auto}.col--flex-auto\@xs,.col--flex-1-1\@xs{flex:1 1 auto}.col--flex-fixed\@xs{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1\@xs{order:1}.col--order-2\@xs{order:2}.col--order-3\@xs{order:3}.col--order-4\@xs{order:4}.col--order-5\@xs{order:5}.col--order-6\@xs{order:6}.col--order-7\@xs{order:7}.col--order-8\@xs{order:8}.col--order-9\@xs{order:9}.col--order-10\@xs{order:10}.col--1-7\@xs{width:14.28471%}.col--2-7\@xs{width:28.57043%}.col--3-7\@xs{width:42.85614%}.col--4-7\@xs{width:57.14186%}.col--5-7\@xs{width:71.42757%}.col--6-7\@xs{width:85.71329%}.col--7-7\@xs{width:99.999%}.col\@xs,.col--auto\@xs{width:auto}.col--top\@xs{margin-bottom:auto}.col--middle\@xs{margin-top:auto;margin-bottom:auto}.col--bottom\@xs{margin-top:auto}.col--left\@xs{margin-right:auto}.col--center\@xs{margin-right:auto;margin-left:auto}.col--right\@xs{margin-left:auto}.col--flex-1\@xs,.col--flex-1-0\@xs{flex:1 0 auto}.col--flex-0\@xs,.col--flex-0-1\@xs{flex:0 1 auto}.col--flex-none\@xs,.col--flex-0-0\@xs{flex:0 0 auto}.col--flex-auto\@xs,.col--flex-1-1\@xs{flex:1 1 auto}.col--flex-fixed\@xs{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1\@xs{order:1}.col--order-2\@xs{order:2}.col--order-3\@xs{order:3}.col--order-4\@xs{order:4}.col--order-5\@xs{order:5}.col--order-6\@xs{order:6}.col--order-7\@xs{order:7}.col--order-8\@xs{order:8}.col--order-9\@xs{order:9}.col--order-10\@xs{order:10}.col--1-6\@xs{width:16.66567%}.col--2-6\@xs{width:33.33233%}.col--3-6\@xs{width:49.999%}.col--4-6\@xs{width:66.66567%}.col--5-6\@xs{width:83.33233%}.col--6-6\@xs{width:99.999%}.col\@xs,.col--auto\@xs{width:auto}.col--top\@xs{margin-bottom:auto}.col--middle\@xs{margin-top:auto;margin-bottom:auto}.col--bottom\@xs{margin-top:auto}.col--left\@xs{margin-right:auto}.col--center\@xs{margin-right:auto;margin-left:auto}.col--right\@xs{margin-left:auto}.col--flex-1\@xs,.col--flex-1-0\@xs{flex:1 0 auto}.col--flex-0\@xs,.col--flex-0-1\@xs{flex:0 1 auto}.col--flex-none\@xs,.col--flex-0-0\@xs{flex:0 0 auto}.col--flex-auto\@xs,.col--flex-1-1\@xs{flex:1 1 auto}.col--flex-fixed\@xs{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1\@xs{order:1}.col--order-2\@xs{order:2}.col--order-3\@xs{order:3}.col--order-4\@xs{order:4}.col--order-5\@xs{order:5}.col--order-6\@xs{order:6}.col--order-7\@xs{order:7}.col--order-8\@xs{order:8}.col--order-9\@xs{order:9}.col--order-10\@xs{order:10}.col--1-5\@xs{width:19.999%}.col--2-5\@xs{width:39.999%}.col--3-5\@xs{width:59.999%}.col--4-5\@xs{width:79.999%}.col--5-5\@xs{width:99.999%}.col\@xs,.col--auto\@xs{width:auto}.col--top\@xs{margin-bottom:auto}.col--middle\@xs{margin-top:auto;margin-bottom:auto}.col--bottom\@xs{margin-top:auto}.col--left\@xs{margin-right:auto}.col--center\@xs{margin-right:auto;margin-left:auto}.col--right\@xs{margin-left:auto}.col--flex-1\@xs,.col--flex-1-0\@xs{flex:1 0 auto}.col--flex-0\@xs,.col--flex-0-1\@xs{flex:0 1 auto}.col--flex-none\@xs,.col--flex-0-0\@xs{flex:0 0 auto}.col--flex-auto\@xs,.col--flex-1-1\@xs{flex:1 1 auto}.col--flex-fixed\@xs{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1\@xs{order:1}.col--order-2\@xs{order:2}.col--order-3\@xs{order:3}.col--order-4\@xs{order:4}.col--order-5\@xs{order:5}.col--order-6\@xs{order:6}.col--order-7\@xs{order:7}.col--order-8\@xs{order:8}.col--order-9\@xs{order:9}.col--order-10\@xs{order:10}.col--1-4\@xs{width:24.999%}.col--2-4\@xs{width:49.999%}.col--3-4\@xs{width:74.999%}.col--4-4\@xs{width:99.999%}.col\@xs,.col--auto\@xs{width:auto}.col--top\@xs{margin-bottom:auto}.col--middle\@xs{margin-top:auto;margin-bottom:auto}.col--bottom\@xs{margin-top:auto}.col--left\@xs{margin-right:auto}.col--center\@xs{margin-right:auto;margin-left:auto}.col--right\@xs{margin-left:auto}.col--flex-1\@xs,.col--flex-1-0\@xs{flex:1 0 auto}.col--flex-0\@xs,.col--flex-0-1\@xs{flex:0 1 auto}.col--flex-none\@xs,.col--flex-0-0\@xs{flex:0 0 auto}.col--flex-auto\@xs,.col--flex-1-1\@xs{flex:1 1 auto}.col--flex-fixed\@xs{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1\@xs{order:1}.col--order-2\@xs{order:2}.col--order-3\@xs{order:3}.col--order-4\@xs{order:4}.col--order-5\@xs{order:5}.col--order-6\@xs{order:6}.col--order-7\@xs{order:7}.col--order-8\@xs{order:8}.col--order-9\@xs{order:9}.col--order-10\@xs{order:10}.col--1-3\@xs{width:33.33233%}.col--2-3\@xs{width:66.66567%}.col--3-3\@xs{width:99.999%}.col\@xs,.col--auto\@xs{width:auto}.col--top\@xs{margin-bottom:auto}.col--middle\@xs{margin-top:auto;margin-bottom:auto}.col--bottom\@xs{margin-top:auto}.col--left\@xs{margin-right:auto}.col--center\@xs{margin-right:auto;margin-left:auto}.col--right\@xs{margin-left:auto}.col--flex-1\@xs,.col--flex-1-0\@xs{flex:1 0 auto}.col--flex-0\@xs,.col--flex-0-1\@xs{flex:0 1 auto}.col--flex-none\@xs,.col--flex-0-0\@xs{flex:0 0 auto}.col--flex-auto\@xs,.col--flex-1-1\@xs{flex:1 1 auto}.col--flex-fixed\@xs{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1\@xs{order:1}.col--order-2\@xs{order:2}.col--order-3\@xs{order:3}.col--order-4\@xs{order:4}.col--order-5\@xs{order:5}.col--order-6\@xs{order:6}.col--order-7\@xs{order:7}.col--order-8\@xs{order:8}.col--order-9\@xs{order:9}.col--order-10\@xs{order:10}.col--1-2\@xs{width:49.999%}.col--2-2\@xs{width:99.999%}.col\@xs,.col--auto\@xs{width:auto}.col--top\@xs{margin-bottom:auto}.col--middle\@xs{margin-top:auto;margin-bottom:auto}.col--bottom\@xs{margin-top:auto}.col--left\@xs{margin-right:auto}.col--center\@xs{margin-right:auto;margin-left:auto}.col--right\@xs{margin-left:auto}.col--flex-1\@xs,.col--flex-1-0\@xs{flex:1 0 auto}.col--flex-0\@xs,.col--flex-0-1\@xs{flex:0 1 auto}.col--flex-none\@xs,.col--flex-0-0\@xs{flex:0 0 auto}.col--flex-auto\@xs,.col--flex-1-1\@xs{flex:1 1 auto}.col--flex-fixed\@xs{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1\@xs{order:1}.col--order-2\@xs{order:2}.col--order-3\@xs{order:3}.col--order-4\@xs{order:4}.col--order-5\@xs{order:5}.col--order-6\@xs{order:6}.col--order-7\@xs{order:7}.col--order-8\@xs{order:8}.col--order-9\@xs{order:9}.col--order-10\@xs{order:10}.col--1-1\@xs{width:99.999%}}@media screen and (min-width: 768px){.grid\@sm{display:flex}.grid--row\@sm{flex-direction:row}.grid--col\@sm{flex-direction:column}.grid--wrap\@sm{flex-wrap:wrap}.grid--row.grid--reverse\@sm,.grid--row\@sm.grid--reverse\@sm{flex-direction:row-reverse}.grid--col.grid--reverse\@sm,.grid--col\@sm.grid--reverse\@sm{flex-direction:column-reverse}.grid--row.grid--stretch\@sm,.grid--row\@sm.grid--stretch\@sm{justify-content:stretch}.grid--col.grid--stretch\@sm,.grid--col\@sm.grid--stretch\@sm{align-items:stretch}.grid--row.grid--top\@sm,.grid--row\@sm.grid--top\@sm,.grid--col.grid--left\@sm,.grid--col\@sm.grid--left\@sm{align-items:flex-start}.grid--row.grid--middle\@sm,.grid--row\@sm.grid--middle\@sm,.grid--col.grid--center\@sm,.grid--col\@sm.grid--center\@sm{align-items:center}.grid--row.grid--bottom\@sm,.grid--row\@sm.grid--bottom\@sm,.grid--col.grid--right\@sm,.grid--col\@sm.grid--right\@sm{align-items:flex-end}.grid--row.grid--left\@sm,.grid--row\@sm.grid--left\@sm,.grid--col.grid--top\@sm,.grid--col\@sm.grid--top\@sm{justify-content:flex-start}.grid--row.grid--center\@sm,.grid--row\@sm.grid--center\@sm,.grid--col.grid--middle\@sm,.grid--col\@sm.grid--middle\@sm{justify-content:center}.grid--row.grid--right\@sm,.grid--row\@sm.grid--right\@sm,.grid--col.grid--bottom\@sm,.grid--col\@sm.grid--bottom\@sm{justify-content:flex-end}.grid--60\@sm{width:calc(100% + 60px);margin-left:-30px;margin-right:-30px}.grid--60-60\@sm{width:calc(100% + 60px);margin-left:-30px;margin-right:-30px;margin-top:-30px;margin-bottom:-30px}.grid--60\@sm>[class^="col"],.grid--60\@sm>[class*="col"]{padding-left:30px;padding-right:30px}.grid--60-60\@sm>[class^="col"],.grid--60-60\@sm>[class*="col"]{padding-left:30px;padding-right:30px;padding-top:30px;padding-bottom:30px}.grid--40\@sm{width:calc(100% + 40px);margin-left:-20px;margin-right:-20px}.grid--40-40\@sm{width:calc(100% + 40px);margin-left:-20px;margin-right:-20px;margin-top:-20px;margin-bottom:-20px}.grid--40\@sm>[class^="col"],.grid--40\@sm>[class*="col"]{padding-left:20px;padding-right:20px}.grid--40-40\@sm>[class^="col"],.grid--40-40\@sm>[class*="col"]{padding-left:20px;padding-right:20px;padding-top:20px;padding-bottom:20px}.grid--30\@sm{width:calc(100% + 30px);margin-left:-15px;margin-right:-15px}.grid--30-30\@sm{width:calc(100% + 30px);margin-left:-15px;margin-right:-15px;margin-top:-15px;margin-bottom:-15px}.grid--30\@sm>[class^="col"],.grid--30\@sm>[class*="col"]{padding-left:15px;padding-right:15px}.grid--30-30\@sm>[class^="col"],.grid--30-30\@sm>[class*="col"]{padding-left:15px;padding-right:15px;padding-top:15px;padding-bottom:15px}.grid--20\@sm{width:calc(100% + 20px);margin-left:-10px;margin-right:-10px}.grid--20-20\@sm{width:calc(100% + 20px);margin-left:-10px;margin-right:-10px;margin-top:-10px;margin-bottom:-10px}.grid--20\@sm>[class^="col"],.grid--20\@sm>[class*="col"]{padding-left:10px;padding-right:10px}.grid--20-20\@sm>[class^="col"],.grid--20-20\@sm>[class*="col"]{padding-left:10px;padding-right:10px;padding-top:10px;padding-bottom:10px}.grid--15\@sm{width:calc(100% + 15px);margin-left:-7.5px;margin-right:-7.5px}.grid--15-15\@sm{width:calc(100% + 15px);margin-left:-7.5px;margin-right:-7.5px;margin-top:-7.5px;margin-bottom:-7.5px}.grid--15\@sm>[class^="col"],.grid--15\@sm>[class*="col"]{padding-left:7.5px;padding-right:7.5px}.grid--15-15\@sm>[class^="col"],.grid--15-15\@sm>[class*="col"]{padding-left:7.5px;padding-right:7.5px;padding-top:7.5px;padding-bottom:7.5px}.grid--10\@sm{width:calc(100% + 10px);margin-left:-5px;margin-right:-5px}.grid--10-10\@sm{width:calc(100% + 10px);margin-left:-5px;margin-right:-5px;margin-top:-5px;margin-bottom:-5px}.grid--10\@sm>[class^="col"],.grid--10\@sm>[class*="col"]{padding-left:5px;padding-right:5px}.grid--10-10\@sm>[class^="col"],.grid--10-10\@sm>[class*="col"]{padding-left:5px;padding-right:5px;padding-top:5px;padding-bottom:5px}.col\@sm,.col--auto\@sm{width:auto}.col--top\@sm{margin-bottom:auto}.col--middle\@sm{margin-top:auto;margin-bottom:auto}.col--bottom\@sm{margin-top:auto}.col--left\@sm{margin-right:auto}.col--center\@sm{margin-right:auto;margin-left:auto}.col--right\@sm{margin-left:auto}.col--flex-1\@sm,.col--flex-1-0\@sm{flex:1 0 auto}.col--flex-0\@sm,.col--flex-0-1\@sm{flex:0 1 auto}.col--flex-none\@sm,.col--flex-0-0\@sm{flex:0 0 auto}.col--flex-auto\@sm,.col--flex-1-1\@sm{flex:1 1 auto}.col--flex-fixed\@sm{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1\@sm{order:1}.col--order-2\@sm{order:2}.col--order-3\@sm{order:3}.col--order-4\@sm{order:4}.col--order-5\@sm{order:5}.col--order-6\@sm{order:6}.col--order-7\@sm{order:7}.col--order-8\@sm{order:8}.col--order-9\@sm{order:9}.col--order-10\@sm{order:10}.col--1-12\@sm{width:8.33233%}.col--2-12\@sm{width:16.66567%}.col--3-12\@sm{width:24.999%}.col--4-12\@sm{width:33.33233%}.col--5-12\@sm{width:41.66567%}.col--6-12\@sm{width:49.999%}.col--7-12\@sm{width:58.33233%}.col--8-12\@sm{width:66.66567%}.col--9-12\@sm{width:74.999%}.col--10-12\@sm{width:83.33233%}.col--11-12\@sm{width:91.66567%}.col--12-12\@sm{width:99.999%}.col\@sm,.col--auto\@sm{width:auto}.col--top\@sm{margin-bottom:auto}.col--middle\@sm{margin-top:auto;margin-bottom:auto}.col--bottom\@sm{margin-top:auto}.col--left\@sm{margin-right:auto}.col--center\@sm{margin-right:auto;margin-left:auto}.col--right\@sm{margin-left:auto}.col--flex-1\@sm,.col--flex-1-0\@sm{flex:1 0 auto}.col--flex-0\@sm,.col--flex-0-1\@sm{flex:0 1 auto}.col--flex-none\@sm,.col--flex-0-0\@sm{flex:0 0 auto}.col--flex-auto\@sm,.col--flex-1-1\@sm{flex:1 1 auto}.col--flex-fixed\@sm{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1\@sm{order:1}.col--order-2\@sm{order:2}.col--order-3\@sm{order:3}.col--order-4\@sm{order:4}.col--order-5\@sm{order:5}.col--order-6\@sm{order:6}.col--order-7\@sm{order:7}.col--order-8\@sm{order:8}.col--order-9\@sm{order:9}.col--order-10\@sm{order:10}.col--1-11\@sm{width:9.08991%}.col--2-11\@sm{width:18.18082%}.col--3-11\@sm{width:27.27173%}.col--4-11\@sm{width:36.36264%}.col--5-11\@sm{width:45.45355%}.col--6-11\@sm{width:54.54445%}.col--7-11\@sm{width:63.63536%}.col--8-11\@sm{width:72.72627%}.col--9-11\@sm{width:81.81718%}.col--10-11\@sm{width:90.90809%}.col--11-11\@sm{width:99.999%}.col\@sm,.col--auto\@sm{width:auto}.col--top\@sm{margin-bottom:auto}.col--middle\@sm{margin-top:auto;margin-bottom:auto}.col--bottom\@sm{margin-top:auto}.col--left\@sm{margin-right:auto}.col--center\@sm{margin-right:auto;margin-left:auto}.col--right\@sm{margin-left:auto}.col--flex-1\@sm,.col--flex-1-0\@sm{flex:1 0 auto}.col--flex-0\@sm,.col--flex-0-1\@sm{flex:0 1 auto}.col--flex-none\@sm,.col--flex-0-0\@sm{flex:0 0 auto}.col--flex-auto\@sm,.col--flex-1-1\@sm{flex:1 1 auto}.col--flex-fixed\@sm{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1\@sm{order:1}.col--order-2\@sm{order:2}.col--order-3\@sm{order:3}.col--order-4\@sm{order:4}.col--order-5\@sm{order:5}.col--order-6\@sm{order:6}.col--order-7\@sm{order:7}.col--order-8\@sm{order:8}.col--order-9\@sm{order:9}.col--order-10\@sm{order:10}.col--1-10\@sm{width:9.999%}.col--2-10\@sm{width:19.999%}.col--3-10\@sm{width:29.999%}.col--4-10\@sm{width:39.999%}.col--5-10\@sm{width:49.999%}.col--6-10\@sm{width:59.999%}.col--7-10\@sm{width:69.999%}.col--8-10\@sm{width:79.999%}.col--9-10\@sm{width:89.999%}.col--10-10\@sm{width:99.999%}.col\@sm,.col--auto\@sm{width:auto}.col--top\@sm{margin-bottom:auto}.col--middle\@sm{margin-top:auto;margin-bottom:auto}.col--bottom\@sm{margin-top:auto}.col--left\@sm{margin-right:auto}.col--center\@sm{margin-right:auto;margin-left:auto}.col--right\@sm{margin-left:auto}.col--flex-1\@sm,.col--flex-1-0\@sm{flex:1 0 auto}.col--flex-0\@sm,.col--flex-0-1\@sm{flex:0 1 auto}.col--flex-none\@sm,.col--flex-0-0\@sm{flex:0 0 auto}.col--flex-auto\@sm,.col--flex-1-1\@sm{flex:1 1 auto}.col--flex-fixed\@sm{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1\@sm{order:1}.col--order-2\@sm{order:2}.col--order-3\@sm{order:3}.col--order-4\@sm{order:4}.col--order-5\@sm{order:5}.col--order-6\@sm{order:6}.col--order-7\@sm{order:7}.col--order-8\@sm{order:8}.col--order-9\@sm{order:9}.col--order-10\@sm{order:10}.col--1-9\@sm{width:11.11011%}.col--2-9\@sm{width:22.22122%}.col--3-9\@sm{width:33.33233%}.col--4-9\@sm{width:44.44344%}.col--5-9\@sm{width:55.55456%}.col--6-9\@sm{width:66.66567%}.col--7-9\@sm{width:77.77678%}.col--8-9\@sm{width:88.88789%}.col--9-9\@sm{width:99.999%}.col\@sm,.col--auto\@sm{width:auto}.col--top\@sm{margin-bottom:auto}.col--middle\@sm{margin-top:auto;margin-bottom:auto}.col--bottom\@sm{margin-top:auto}.col--left\@sm{margin-right:auto}.col--center\@sm{margin-right:auto;margin-left:auto}.col--right\@sm{margin-left:auto}.col--flex-1\@sm,.col--flex-1-0\@sm{flex:1 0 auto}.col--flex-0\@sm,.col--flex-0-1\@sm{flex:0 1 auto}.col--flex-none\@sm,.col--flex-0-0\@sm{flex:0 0 auto}.col--flex-auto\@sm,.col--flex-1-1\@sm{flex:1 1 auto}.col--flex-fixed\@sm{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1\@sm{order:1}.col--order-2\@sm{order:2}.col--order-3\@sm{order:3}.col--order-4\@sm{order:4}.col--order-5\@sm{order:5}.col--order-6\@sm{order:6}.col--order-7\@sm{order:7}.col--order-8\@sm{order:8}.col--order-9\@sm{order:9}.col--order-10\@sm{order:10}.col--1-8\@sm{width:12.499%}.col--2-8\@sm{width:24.999%}.col--3-8\@sm{width:37.499%}.col--4-8\@sm{width:49.999%}.col--5-8\@sm{width:62.499%}.col--6-8\@sm{width:74.999%}.col--7-8\@sm{width:87.499%}.col--8-8\@sm{width:99.999%}.col\@sm,.col--auto\@sm{width:auto}.col--top\@sm{margin-bottom:auto}.col--middle\@sm{margin-top:auto;margin-bottom:auto}.col--bottom\@sm{margin-top:auto}.col--left\@sm{margin-right:auto}.col--center\@sm{margin-right:auto;margin-left:auto}.col--right\@sm{margin-left:auto}.col--flex-1\@sm,.col--flex-1-0\@sm{flex:1 0 auto}.col--flex-0\@sm,.col--flex-0-1\@sm{flex:0 1 auto}.col--flex-none\@sm,.col--flex-0-0\@sm{flex:0 0 auto}.col--flex-auto\@sm,.col--flex-1-1\@sm{flex:1 1 auto}.col--flex-fixed\@sm{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1\@sm{order:1}.col--order-2\@sm{order:2}.col--order-3\@sm{order:3}.col--order-4\@sm{order:4}.col--order-5\@sm{order:5}.col--order-6\@sm{order:6}.col--order-7\@sm{order:7}.col--order-8\@sm{order:8}.col--order-9\@sm{order:9}.col--order-10\@sm{order:10}.col--1-7\@sm{width:14.28471%}.col--2-7\@sm{width:28.57043%}.col--3-7\@sm{width:42.85614%}.col--4-7\@sm{width:57.14186%}.col--5-7\@sm{width:71.42757%}.col--6-7\@sm{width:85.71329%}.col--7-7\@sm{width:99.999%}.col\@sm,.col--auto\@sm{width:auto}.col--top\@sm{margin-bottom:auto}.col--middle\@sm{margin-top:auto;margin-bottom:auto}.col--bottom\@sm{margin-top:auto}.col--left\@sm{margin-right:auto}.col--center\@sm{margin-right:auto;margin-left:auto}.col--right\@sm{margin-left:auto}.col--flex-1\@sm,.col--flex-1-0\@sm{flex:1 0 auto}.col--flex-0\@sm,.col--flex-0-1\@sm{flex:0 1 auto}.col--flex-none\@sm,.col--flex-0-0\@sm{flex:0 0 auto}.col--flex-auto\@sm,.col--flex-1-1\@sm{flex:1 1 auto}.col--flex-fixed\@sm{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1\@sm{order:1}.col--order-2\@sm{order:2}.col--order-3\@sm{order:3}.col--order-4\@sm{order:4}.col--order-5\@sm{order:5}.col--order-6\@sm{order:6}.col--order-7\@sm{order:7}.col--order-8\@sm{order:8}.col--order-9\@sm{order:9}.col--order-10\@sm{order:10}.col--1-6\@sm{width:16.66567%}.col--2-6\@sm{width:33.33233%}.col--3-6\@sm{width:49.999%}.col--4-6\@sm{width:66.66567%}.col--5-6\@sm{width:83.33233%}.col--6-6\@sm{width:99.999%}.col\@sm,.col--auto\@sm{width:auto}.col--top\@sm{margin-bottom:auto}.col--middle\@sm{margin-top:auto;margin-bottom:auto}.col--bottom\@sm{margin-top:auto}.col--left\@sm{margin-right:auto}.col--center\@sm{margin-right:auto;margin-left:auto}.col--right\@sm{margin-left:auto}.col--flex-1\@sm,.col--flex-1-0\@sm{flex:1 0 auto}.col--flex-0\@sm,.col--flex-0-1\@sm{flex:0 1 auto}.col--flex-none\@sm,.col--flex-0-0\@sm{flex:0 0 auto}.col--flex-auto\@sm,.col--flex-1-1\@sm{flex:1 1 auto}.col--flex-fixed\@sm{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1\@sm{order:1}.col--order-2\@sm{order:2}.col--order-3\@sm{order:3}.col--order-4\@sm{order:4}.col--order-5\@sm{order:5}.col--order-6\@sm{order:6}.col--order-7\@sm{order:7}.col--order-8\@sm{order:8}.col--order-9\@sm{order:9}.col--order-10\@sm{order:10}.col--1-5\@sm{width:19.999%}.col--2-5\@sm{width:39.999%}.col--3-5\@sm{width:59.999%}.col--4-5\@sm{width:79.999%}.col--5-5\@sm{width:99.999%}.col\@sm,.col--auto\@sm{width:auto}.col--top\@sm{margin-bottom:auto}.col--middle\@sm{margin-top:auto;margin-bottom:auto}.col--bottom\@sm{margin-top:auto}.col--left\@sm{margin-right:auto}.col--center\@sm{margin-right:auto;margin-left:auto}.col--right\@sm{margin-left:auto}.col--flex-1\@sm,.col--flex-1-0\@sm{flex:1 0 auto}.col--flex-0\@sm,.col--flex-0-1\@sm{flex:0 1 auto}.col--flex-none\@sm,.col--flex-0-0\@sm{flex:0 0 auto}.col--flex-auto\@sm,.col--flex-1-1\@sm{flex:1 1 auto}.col--flex-fixed\@sm{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1\@sm{order:1}.col--order-2\@sm{order:2}.col--order-3\@sm{order:3}.col--order-4\@sm{order:4}.col--order-5\@sm{order:5}.col--order-6\@sm{order:6}.col--order-7\@sm{order:7}.col--order-8\@sm{order:8}.col--order-9\@sm{order:9}.col--order-10\@sm{order:10}.col--1-4\@sm{width:24.999%}.col--2-4\@sm{width:49.999%}.col--3-4\@sm{width:74.999%}.col--4-4\@sm{width:99.999%}.col\@sm,.col--auto\@sm{width:auto}.col--top\@sm{margin-bottom:auto}.col--middle\@sm{margin-top:auto;margin-bottom:auto}.col--bottom\@sm{margin-top:auto}.col--left\@sm{margin-right:auto}.col--center\@sm{margin-right:auto;margin-left:auto}.col--right\@sm{margin-left:auto}.col--flex-1\@sm,.col--flex-1-0\@sm{flex:1 0 auto}.col--flex-0\@sm,.col--flex-0-1\@sm{flex:0 1 auto}.col--flex-none\@sm,.col--flex-0-0\@sm{flex:0 0 auto}.col--flex-auto\@sm,.col--flex-1-1\@sm{flex:1 1 auto}.col--flex-fixed\@sm{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1\@sm{order:1}.col--order-2\@sm{order:2}.col--order-3\@sm{order:3}.col--order-4\@sm{order:4}.col--order-5\@sm{order:5}.col--order-6\@sm{order:6}.col--order-7\@sm{order:7}.col--order-8\@sm{order:8}.col--order-9\@sm{order:9}.col--order-10\@sm{order:10}.col--1-3\@sm{width:33.33233%}.col--2-3\@sm{width:66.66567%}.col--3-3\@sm{width:99.999%}.col\@sm,.col--auto\@sm{width:auto}.col--top\@sm{margin-bottom:auto}.col--middle\@sm{margin-top:auto;margin-bottom:auto}.col--bottom\@sm{margin-top:auto}.col--left\@sm{margin-right:auto}.col--center\@sm{margin-right:auto;margin-left:auto}.col--right\@sm{margin-left:auto}.col--flex-1\@sm,.col--flex-1-0\@sm{flex:1 0 auto}.col--flex-0\@sm,.col--flex-0-1\@sm{flex:0 1 auto}.col--flex-none\@sm,.col--flex-0-0\@sm{flex:0 0 auto}.col--flex-auto\@sm,.col--flex-1-1\@sm{flex:1 1 auto}.col--flex-fixed\@sm{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1\@sm{order:1}.col--order-2\@sm{order:2}.col--order-3\@sm{order:3}.col--order-4\@sm{order:4}.col--order-5\@sm{order:5}.col--order-6\@sm{order:6}.col--order-7\@sm{order:7}.col--order-8\@sm{order:8}.col--order-9\@sm{order:9}.col--order-10\@sm{order:10}.col--1-2\@sm{width:49.999%}.col--2-2\@sm{width:99.999%}.col\@sm,.col--auto\@sm{width:auto}.col--top\@sm{margin-bottom:auto}.col--middle\@sm{margin-top:auto;margin-bottom:auto}.col--bottom\@sm{margin-top:auto}.col--left\@sm{margin-right:auto}.col--center\@sm{margin-right:auto;margin-left:auto}.col--right\@sm{margin-left:auto}.col--flex-1\@sm,.col--flex-1-0\@sm{flex:1 0 auto}.col--flex-0\@sm,.col--flex-0-1\@sm{flex:0 1 auto}.col--flex-none\@sm,.col--flex-0-0\@sm{flex:0 0 auto}.col--flex-auto\@sm,.col--flex-1-1\@sm{flex:1 1 auto}.col--flex-fixed\@sm{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1\@sm{order:1}.col--order-2\@sm{order:2}.col--order-3\@sm{order:3}.col--order-4\@sm{order:4}.col--order-5\@sm{order:5}.col--order-6\@sm{order:6}.col--order-7\@sm{order:7}.col--order-8\@sm{order:8}.col--order-9\@sm{order:9}.col--order-10\@sm{order:10}.col--1-1\@sm{width:99.999%}}@media screen and (min-width: 992px){.grid\@md{display:flex}.grid--row\@md{flex-direction:row}.grid--col\@md{flex-direction:column}.grid--wrap\@md{flex-wrap:wrap}.grid--row.grid--reverse\@md,.grid--row\@md.grid--reverse\@md{flex-direction:row-reverse}.grid--col.grid--reverse\@md,.grid--col\@md.grid--reverse\@md{flex-direction:column-reverse}.grid--row.grid--stretch\@md,.grid--row\@md.grid--stretch\@md{justify-content:stretch}.grid--col.grid--stretch\@md,.grid--col\@md.grid--stretch\@md{align-items:stretch}.grid--row.grid--top\@md,.grid--row\@md.grid--top\@md,.grid--col.grid--left\@md,.grid--col\@md.grid--left\@md{align-items:flex-start}.grid--row.grid--middle\@md,.grid--row\@md.grid--middle\@md,.grid--col.grid--center\@md,.grid--col\@md.grid--center\@md{align-items:center}.grid--row.grid--bottom\@md,.grid--row\@md.grid--bottom\@md,.grid--col.grid--right\@md,.grid--col\@md.grid--right\@md{align-items:flex-end}.grid--row.grid--left\@md,.grid--row\@md.grid--left\@md,.grid--col.grid--top\@md,.grid--col\@md.grid--top\@md{justify-content:flex-start}.grid--row.grid--center\@md,.grid--row\@md.grid--center\@md,.grid--col.grid--middle\@md,.grid--col\@md.grid--middle\@md{justify-content:center}.grid--row.grid--right\@md,.grid--row\@md.grid--right\@md,.grid--col.grid--bottom\@md,.grid--col\@md.grid--bottom\@md{justify-content:flex-end}.grid--60\@md{width:calc(100% + 60px);margin-left:-30px;margin-right:-30px}.grid--60-60\@md{width:calc(100% + 60px);margin-left:-30px;margin-right:-30px;margin-top:-30px;margin-bottom:-30px}.grid--60\@md>[class^="col"],.grid--60\@md>[class*="col"]{padding-left:30px;padding-right:30px}.grid--60-60\@md>[class^="col"],.grid--60-60\@md>[class*="col"]{padding-left:30px;padding-right:30px;padding-top:30px;padding-bottom:30px}.grid--40\@md{width:calc(100% + 40px);margin-left:-20px;margin-right:-20px}.grid--40-40\@md{width:calc(100% + 40px);margin-left:-20px;margin-right:-20px;margin-top:-20px;margin-bottom:-20px}.grid--40\@md>[class^="col"],.grid--40\@md>[class*="col"]{padding-left:20px;padding-right:20px}.grid--40-40\@md>[class^="col"],.grid--40-40\@md>[class*="col"]{padding-left:20px;padding-right:20px;padding-top:20px;padding-bottom:20px}.grid--30\@md{width:calc(100% + 30px);margin-left:-15px;margin-right:-15px}.grid--30-30\@md{width:calc(100% + 30px);margin-left:-15px;margin-right:-15px;margin-top:-15px;margin-bottom:-15px}.grid--30\@md>[class^="col"],.grid--30\@md>[class*="col"]{padding-left:15px;padding-right:15px}.grid--30-30\@md>[class^="col"],.grid--30-30\@md>[class*="col"]{padding-left:15px;padding-right:15px;padding-top:15px;padding-bottom:15px}.grid--20\@md{width:calc(100% + 20px);margin-left:-10px;margin-right:-10px}.grid--20-20\@md{width:calc(100% + 20px);margin-left:-10px;margin-right:-10px;margin-top:-10px;margin-bottom:-10px}.grid--20\@md>[class^="col"],.grid--20\@md>[class*="col"]{padding-left:10px;padding-right:10px}.grid--20-20\@md>[class^="col"],.grid--20-20\@md>[class*="col"]{padding-left:10px;padding-right:10px;padding-top:10px;padding-bottom:10px}.grid--15\@md{width:calc(100% + 15px);margin-left:-7.5px;margin-right:-7.5px}.grid--15-15\@md{width:calc(100% + 15px);margin-left:-7.5px;margin-right:-7.5px;margin-top:-7.5px;margin-bottom:-7.5px}.grid--15\@md>[class^="col"],.grid--15\@md>[class*="col"]{padding-left:7.5px;padding-right:7.5px}.grid--15-15\@md>[class^="col"],.grid--15-15\@md>[class*="col"]{padding-left:7.5px;padding-right:7.5px;padding-top:7.5px;padding-bottom:7.5px}.grid--10\@md{width:calc(100% + 10px);margin-left:-5px;margin-right:-5px}.grid--10-10\@md{width:calc(100% + 10px);margin-left:-5px;margin-right:-5px;margin-top:-5px;margin-bottom:-5px}.grid--10\@md>[class^="col"],.grid--10\@md>[class*="col"]{padding-left:5px;padding-right:5px}.grid--10-10\@md>[class^="col"],.grid--10-10\@md>[class*="col"]{padding-left:5px;padding-right:5px;padding-top:5px;padding-bottom:5px}.col\@md,.col--auto\@md{width:auto}.col--top\@md{margin-bottom:auto}.col--middle\@md{margin-top:auto;margin-bottom:auto}.col--bottom\@md{margin-top:auto}.col--left\@md{margin-right:auto}.col--center\@md{margin-right:auto;margin-left:auto}.col--right\@md{margin-left:auto}.col--flex-1\@md,.col--flex-1-0\@md{flex:1 0 auto}.col--flex-0\@md,.col--flex-0-1\@md{flex:0 1 auto}.col--flex-none\@md,.col--flex-0-0\@md{flex:0 0 auto}.col--flex-auto\@md,.col--flex-1-1\@md{flex:1 1 auto}.col--flex-fixed\@md{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1\@md{order:1}.col--order-2\@md{order:2}.col--order-3\@md{order:3}.col--order-4\@md{order:4}.col--order-5\@md{order:5}.col--order-6\@md{order:6}.col--order-7\@md{order:7}.col--order-8\@md{order:8}.col--order-9\@md{order:9}.col--order-10\@md{order:10}.col--1-12\@md{width:8.33233%}.col--2-12\@md{width:16.66567%}.col--3-12\@md{width:24.999%}.col--4-12\@md{width:33.33233%}.col--5-12\@md{width:41.66567%}.col--6-12\@md{width:49.999%}.col--7-12\@md{width:58.33233%}.col--8-12\@md{width:66.66567%}.col--9-12\@md{width:74.999%}.col--10-12\@md{width:83.33233%}.col--11-12\@md{width:91.66567%}.col--12-12\@md{width:99.999%}.col\@md,.col--auto\@md{width:auto}.col--top\@md{margin-bottom:auto}.col--middle\@md{margin-top:auto;margin-bottom:auto}.col--bottom\@md{margin-top:auto}.col--left\@md{margin-right:auto}.col--center\@md{margin-right:auto;margin-left:auto}.col--right\@md{margin-left:auto}.col--flex-1\@md,.col--flex-1-0\@md{flex:1 0 auto}.col--flex-0\@md,.col--flex-0-1\@md{flex:0 1 auto}.col--flex-none\@md,.col--flex-0-0\@md{flex:0 0 auto}.col--flex-auto\@md,.col--flex-1-1\@md{flex:1 1 auto}.col--flex-fixed\@md{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1\@md{order:1}.col--order-2\@md{order:2}.col--order-3\@md{order:3}.col--order-4\@md{order:4}.col--order-5\@md{order:5}.col--order-6\@md{order:6}.col--order-7\@md{order:7}.col--order-8\@md{order:8}.col--order-9\@md{order:9}.col--order-10\@md{order:10}.col--1-11\@md{width:9.08991%}.col--2-11\@md{width:18.18082%}.col--3-11\@md{width:27.27173%}.col--4-11\@md{width:36.36264%}.col--5-11\@md{width:45.45355%}.col--6-11\@md{width:54.54445%}.col--7-11\@md{width:63.63536%}.col--8-11\@md{width:72.72627%}.col--9-11\@md{width:81.81718%}.col--10-11\@md{width:90.90809%}.col--11-11\@md{width:99.999%}.col\@md,.col--auto\@md{width:auto}.col--top\@md{margin-bottom:auto}.col--middle\@md{margin-top:auto;margin-bottom:auto}.col--bottom\@md{margin-top:auto}.col--left\@md{margin-right:auto}.col--center\@md{margin-right:auto;margin-left:auto}.col--right\@md{margin-left:auto}.col--flex-1\@md,.col--flex-1-0\@md{flex:1 0 auto}.col--flex-0\@md,.col--flex-0-1\@md{flex:0 1 auto}.col--flex-none\@md,.col--flex-0-0\@md{flex:0 0 auto}.col--flex-auto\@md,.col--flex-1-1\@md{flex:1 1 auto}.col--flex-fixed\@md{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1\@md{order:1}.col--order-2\@md{order:2}.col--order-3\@md{order:3}.col--order-4\@md{order:4}.col--order-5\@md{order:5}.col--order-6\@md{order:6}.col--order-7\@md{order:7}.col--order-8\@md{order:8}.col--order-9\@md{order:9}.col--order-10\@md{order:10}.col--1-10\@md{width:9.999%}.col--2-10\@md{width:19.999%}.col--3-10\@md{width:29.999%}.col--4-10\@md{width:39.999%}.col--5-10\@md{width:49.999%}.col--6-10\@md{width:59.999%}.col--7-10\@md{width:69.999%}.col--8-10\@md{width:79.999%}.col--9-10\@md{width:89.999%}.col--10-10\@md{width:99.999%}.col\@md,.col--auto\@md{width:auto}.col--top\@md{margin-bottom:auto}.col--middle\@md{margin-top:auto;margin-bottom:auto}.col--bottom\@md{margin-top:auto}.col--left\@md{margin-right:auto}.col--center\@md{margin-right:auto;margin-left:auto}.col--right\@md{margin-left:auto}.col--flex-1\@md,.col--flex-1-0\@md{flex:1 0 auto}.col--flex-0\@md,.col--flex-0-1\@md{flex:0 1 auto}.col--flex-none\@md,.col--flex-0-0\@md{flex:0 0 auto}.col--flex-auto\@md,.col--flex-1-1\@md{flex:1 1 auto}.col--flex-fixed\@md{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1\@md{order:1}.col--order-2\@md{order:2}.col--order-3\@md{order:3}.col--order-4\@md{order:4}.col--order-5\@md{order:5}.col--order-6\@md{order:6}.col--order-7\@md{order:7}.col--order-8\@md{order:8}.col--order-9\@md{order:9}.col--order-10\@md{order:10}.col--1-9\@md{width:11.11011%}.col--2-9\@md{width:22.22122%}.col--3-9\@md{width:33.33233%}.col--4-9\@md{width:44.44344%}.col--5-9\@md{width:55.55456%}.col--6-9\@md{width:66.66567%}.col--7-9\@md{width:77.77678%}.col--8-9\@md{width:88.88789%}.col--9-9\@md{width:99.999%}.col\@md,.col--auto\@md{width:auto}.col--top\@md{margin-bottom:auto}.col--middle\@md{margin-top:auto;margin-bottom:auto}.col--bottom\@md{margin-top:auto}.col--left\@md{margin-right:auto}.col--center\@md{margin-right:auto;margin-left:auto}.col--right\@md{margin-left:auto}.col--flex-1\@md,.col--flex-1-0\@md{flex:1 0 auto}.col--flex-0\@md,.col--flex-0-1\@md{flex:0 1 auto}.col--flex-none\@md,.col--flex-0-0\@md{flex:0 0 auto}.col--flex-auto\@md,.col--flex-1-1\@md{flex:1 1 auto}.col--flex-fixed\@md{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1\@md{order:1}.col--order-2\@md{order:2}.col--order-3\@md{order:3}.col--order-4\@md{order:4}.col--order-5\@md{order:5}.col--order-6\@md{order:6}.col--order-7\@md{order:7}.col--order-8\@md{order:8}.col--order-9\@md{order:9}.col--order-10\@md{order:10}.col--1-8\@md{width:12.499%}.col--2-8\@md{width:24.999%}.col--3-8\@md{width:37.499%}.col--4-8\@md{width:49.999%}.col--5-8\@md{width:62.499%}.col--6-8\@md{width:74.999%}.col--7-8\@md{width:87.499%}.col--8-8\@md{width:99.999%}.col\@md,.col--auto\@md{width:auto}.col--top\@md{margin-bottom:auto}.col--middle\@md{margin-top:auto;margin-bottom:auto}.col--bottom\@md{margin-top:auto}.col--left\@md{margin-right:auto}.col--center\@md{margin-right:auto;margin-left:auto}.col--right\@md{margin-left:auto}.col--flex-1\@md,.col--flex-1-0\@md{flex:1 0 auto}.col--flex-0\@md,.col--flex-0-1\@md{flex:0 1 auto}.col--flex-none\@md,.col--flex-0-0\@md{flex:0 0 auto}.col--flex-auto\@md,.col--flex-1-1\@md{flex:1 1 auto}.col--flex-fixed\@md{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1\@md{order:1}.col--order-2\@md{order:2}.col--order-3\@md{order:3}.col--order-4\@md{order:4}.col--order-5\@md{order:5}.col--order-6\@md{order:6}.col--order-7\@md{order:7}.col--order-8\@md{order:8}.col--order-9\@md{order:9}.col--order-10\@md{order:10}.col--1-7\@md{width:14.28471%}.col--2-7\@md{width:28.57043%}.col--3-7\@md{width:42.85614%}.col--4-7\@md{width:57.14186%}.col--5-7\@md{width:71.42757%}.col--6-7\@md{width:85.71329%}.col--7-7\@md{width:99.999%}.col\@md,.col--auto\@md{width:auto}.col--top\@md{margin-bottom:auto}.col--middle\@md{margin-top:auto;margin-bottom:auto}.col--bottom\@md{margin-top:auto}.col--left\@md{margin-right:auto}.col--center\@md{margin-right:auto;margin-left:auto}.col--right\@md{margin-left:auto}.col--flex-1\@md,.col--flex-1-0\@md{flex:1 0 auto}.col--flex-0\@md,.col--flex-0-1\@md{flex:0 1 auto}.col--flex-none\@md,.col--flex-0-0\@md{flex:0 0 auto}.col--flex-auto\@md,.col--flex-1-1\@md{flex:1 1 auto}.col--flex-fixed\@md{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1\@md{order:1}.col--order-2\@md{order:2}.col--order-3\@md{order:3}.col--order-4\@md{order:4}.col--order-5\@md{order:5}.col--order-6\@md{order:6}.col--order-7\@md{order:7}.col--order-8\@md{order:8}.col--order-9\@md{order:9}.col--order-10\@md{order:10}.col--1-6\@md{width:16.66567%}.col--2-6\@md{width:33.33233%}.col--3-6\@md{width:49.999%}.col--4-6\@md{width:66.66567%}.col--5-6\@md{width:83.33233%}.col--6-6\@md{width:99.999%}.col\@md,.col--auto\@md{width:auto}.col--top\@md{margin-bottom:auto}.col--middle\@md{margin-top:auto;margin-bottom:auto}.col--bottom\@md{margin-top:auto}.col--left\@md{margin-right:auto}.col--center\@md{margin-right:auto;margin-left:auto}.col--right\@md{margin-left:auto}.col--flex-1\@md,.col--flex-1-0\@md{flex:1 0 auto}.col--flex-0\@md,.col--flex-0-1\@md{flex:0 1 auto}.col--flex-none\@md,.col--flex-0-0\@md{flex:0 0 auto}.col--flex-auto\@md,.col--flex-1-1\@md{flex:1 1 auto}.col--flex-fixed\@md{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1\@md{order:1}.col--order-2\@md{order:2}.col--order-3\@md{order:3}.col--order-4\@md{order:4}.col--order-5\@md{order:5}.col--order-6\@md{order:6}.col--order-7\@md{order:7}.col--order-8\@md{order:8}.col--order-9\@md{order:9}.col--order-10\@md{order:10}.col--1-5\@md{width:19.999%}.col--2-5\@md{width:39.999%}.col--3-5\@md{width:59.999%}.col--4-5\@md{width:79.999%}.col--5-5\@md{width:99.999%}.col\@md,.col--auto\@md{width:auto}.col--top\@md{margin-bottom:auto}.col--middle\@md{margin-top:auto;margin-bottom:auto}.col--bottom\@md{margin-top:auto}.col--left\@md{margin-right:auto}.col--center\@md{margin-right:auto;margin-left:auto}.col--right\@md{margin-left:auto}.col--flex-1\@md,.col--flex-1-0\@md{flex:1 0 auto}.col--flex-0\@md,.col--flex-0-1\@md{flex:0 1 auto}.col--flex-none\@md,.col--flex-0-0\@md{flex:0 0 auto}.col--flex-auto\@md,.col--flex-1-1\@md{flex:1 1 auto}.col--flex-fixed\@md{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1\@md{order:1}.col--order-2\@md{order:2}.col--order-3\@md{order:3}.col--order-4\@md{order:4}.col--order-5\@md{order:5}.col--order-6\@md{order:6}.col--order-7\@md{order:7}.col--order-8\@md{order:8}.col--order-9\@md{order:9}.col--order-10\@md{order:10}.col--1-4\@md{width:24.999%}.col--2-4\@md{width:49.999%}.col--3-4\@md{width:74.999%}.col--4-4\@md{width:99.999%}.col\@md,.col--auto\@md{width:auto}.col--top\@md{margin-bottom:auto}.col--middle\@md{margin-top:auto;margin-bottom:auto}.col--bottom\@md{margin-top:auto}.col--left\@md{margin-right:auto}.col--center\@md{margin-right:auto;margin-left:auto}.col--right\@md{margin-left:auto}.col--flex-1\@md,.col--flex-1-0\@md{flex:1 0 auto}.col--flex-0\@md,.col--flex-0-1\@md{flex:0 1 auto}.col--flex-none\@md,.col--flex-0-0\@md{flex:0 0 auto}.col--flex-auto\@md,.col--flex-1-1\@md{flex:1 1 auto}.col--flex-fixed\@md{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1\@md{order:1}.col--order-2\@md{order:2}.col--order-3\@md{order:3}.col--order-4\@md{order:4}.col--order-5\@md{order:5}.col--order-6\@md{order:6}.col--order-7\@md{order:7}.col--order-8\@md{order:8}.col--order-9\@md{order:9}.col--order-10\@md{order:10}.col--1-3\@md{width:33.33233%}.col--2-3\@md{width:66.66567%}.col--3-3\@md{width:99.999%}.col\@md,.col--auto\@md{width:auto}.col--top\@md{margin-bottom:auto}.col--middle\@md{margin-top:auto;margin-bottom:auto}.col--bottom\@md{margin-top:auto}.col--left\@md{margin-right:auto}.col--center\@md{margin-right:auto;margin-left:auto}.col--right\@md{margin-left:auto}.col--flex-1\@md,.col--flex-1-0\@md{flex:1 0 auto}.col--flex-0\@md,.col--flex-0-1\@md{flex:0 1 auto}.col--flex-none\@md,.col--flex-0-0\@md{flex:0 0 auto}.col--flex-auto\@md,.col--flex-1-1\@md{flex:1 1 auto}.col--flex-fixed\@md{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1\@md{order:1}.col--order-2\@md{order:2}.col--order-3\@md{order:3}.col--order-4\@md{order:4}.col--order-5\@md{order:5}.col--order-6\@md{order:6}.col--order-7\@md{order:7}.col--order-8\@md{order:8}.col--order-9\@md{order:9}.col--order-10\@md{order:10}.col--1-2\@md{width:49.999%}.col--2-2\@md{width:99.999%}.col\@md,.col--auto\@md{width:auto}.col--top\@md{margin-bottom:auto}.col--middle\@md{margin-top:auto;margin-bottom:auto}.col--bottom\@md{margin-top:auto}.col--left\@md{margin-right:auto}.col--center\@md{margin-right:auto;margin-left:auto}.col--right\@md{margin-left:auto}.col--flex-1\@md,.col--flex-1-0\@md{flex:1 0 auto}.col--flex-0\@md,.col--flex-0-1\@md{flex:0 1 auto}.col--flex-none\@md,.col--flex-0-0\@md{flex:0 0 auto}.col--flex-auto\@md,.col--flex-1-1\@md{flex:1 1 auto}.col--flex-fixed\@md{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1\@md{order:1}.col--order-2\@md{order:2}.col--order-3\@md{order:3}.col--order-4\@md{order:4}.col--order-5\@md{order:5}.col--order-6\@md{order:6}.col--order-7\@md{order:7}.col--order-8\@md{order:8}.col--order-9\@md{order:9}.col--order-10\@md{order:10}.col--1-1\@md{width:99.999%}}@media screen and (min-width: 1200px){.grid\@lg{display:flex}.grid--row\@lg{flex-direction:row}.grid--col\@lg{flex-direction:column}.grid--wrap\@lg{flex-wrap:wrap}.grid--row.grid--reverse\@lg,.grid--row\@lg.grid--reverse\@lg{flex-direction:row-reverse}.grid--col.grid--reverse\@lg,.grid--col\@lg.grid--reverse\@lg{flex-direction:column-reverse}.grid--row.grid--stretch\@lg,.grid--row\@lg.grid--stretch\@lg{justify-content:stretch}.grid--col.grid--stretch\@lg,.grid--col\@lg.grid--stretch\@lg{align-items:stretch}.grid--row.grid--top\@lg,.grid--row\@lg.grid--top\@lg,.grid--col.grid--left\@lg,.grid--col\@lg.grid--left\@lg{align-items:flex-start}.grid--row.grid--middle\@lg,.grid--row\@lg.grid--middle\@lg,.grid--col.grid--center\@lg,.grid--col\@lg.grid--center\@lg{align-items:center}.grid--row.grid--bottom\@lg,.grid--row\@lg.grid--bottom\@lg,.grid--col.grid--right\@lg,.grid--col\@lg.grid--right\@lg{align-items:flex-end}.grid--row.grid--left\@lg,.grid--row\@lg.grid--left\@lg,.grid--col.grid--top\@lg,.grid--col\@lg.grid--top\@lg{justify-content:flex-start}.grid--row.grid--center\@lg,.grid--row\@lg.grid--center\@lg,.grid--col.grid--middle\@lg,.grid--col\@lg.grid--middle\@lg{justify-content:center}.grid--row.grid--right\@lg,.grid--row\@lg.grid--right\@lg,.grid--col.grid--bottom\@lg,.grid--col\@lg.grid--bottom\@lg{justify-content:flex-end}.grid--60\@lg{width:calc(100% + 60px);margin-left:-30px;margin-right:-30px}.grid--60-60\@lg{width:calc(100% + 60px);margin-left:-30px;margin-right:-30px;margin-top:-30px;margin-bottom:-30px}.grid--60\@lg>[class^="col"],.grid--60\@lg>[class*="col"]{padding-left:30px;padding-right:30px}.grid--60-60\@lg>[class^="col"],.grid--60-60\@lg>[class*="col"]{padding-left:30px;padding-right:30px;padding-top:30px;padding-bottom:30px}.grid--40\@lg{width:calc(100% + 40px);margin-left:-20px;margin-right:-20px}.grid--40-40\@lg{width:calc(100% + 40px);margin-left:-20px;margin-right:-20px;margin-top:-20px;margin-bottom:-20px}.grid--40\@lg>[class^="col"],.grid--40\@lg>[class*="col"]{padding-left:20px;padding-right:20px}.grid--40-40\@lg>[class^="col"],.grid--40-40\@lg>[class*="col"]{padding-left:20px;padding-right:20px;padding-top:20px;padding-bottom:20px}.grid--30\@lg{width:calc(100% + 30px);margin-left:-15px;margin-right:-15px}.grid--30-30\@lg{width:calc(100% + 30px);margin-left:-15px;margin-right:-15px;margin-top:-15px;margin-bottom:-15px}.grid--30\@lg>[class^="col"],.grid--30\@lg>[class*="col"]{padding-left:15px;padding-right:15px}.grid--30-30\@lg>[class^="col"],.grid--30-30\@lg>[class*="col"]{padding-left:15px;padding-right:15px;padding-top:15px;padding-bottom:15px}.grid--20\@lg{width:calc(100% + 20px);margin-left:-10px;margin-right:-10px}.grid--20-20\@lg{width:calc(100% + 20px);margin-left:-10px;margin-right:-10px;margin-top:-10px;margin-bottom:-10px}.grid--20\@lg>[class^="col"],.grid--20\@lg>[class*="col"]{padding-left:10px;padding-right:10px}.grid--20-20\@lg>[class^="col"],.grid--20-20\@lg>[class*="col"]{padding-left:10px;padding-right:10px;padding-top:10px;padding-bottom:10px}.grid--15\@lg{width:calc(100% + 15px);margin-left:-7.5px;margin-right:-7.5px}.grid--15-15\@lg{width:calc(100% + 15px);margin-left:-7.5px;margin-right:-7.5px;margin-top:-7.5px;margin-bottom:-7.5px}.grid--15\@lg>[class^="col"],.grid--15\@lg>[class*="col"]{padding-left:7.5px;padding-right:7.5px}.grid--15-15\@lg>[class^="col"],.grid--15-15\@lg>[class*="col"]{padding-left:7.5px;padding-right:7.5px;padding-top:7.5px;padding-bottom:7.5px}.grid--10\@lg{width:calc(100% + 10px);margin-left:-5px;margin-right:-5px}.grid--10-10\@lg{width:calc(100% + 10px);margin-left:-5px;margin-right:-5px;margin-top:-5px;margin-bottom:-5px}.grid--10\@lg>[class^="col"],.grid--10\@lg>[class*="col"]{padding-left:5px;padding-right:5px}.grid--10-10\@lg>[class^="col"],.grid--10-10\@lg>[class*="col"]{padding-left:5px;padding-right:5px;padding-top:5px;padding-bottom:5px}.col\@lg,.col--auto\@lg{width:auto}.col--top\@lg{margin-bottom:auto}.col--middle\@lg{margin-top:auto;margin-bottom:auto}.col--bottom\@lg{margin-top:auto}.col--left\@lg{margin-right:auto}.col--center\@lg{margin-right:auto;margin-left:auto}.col--right\@lg{margin-left:auto}.col--flex-1\@lg,.col--flex-1-0\@lg{flex:1 0 auto}.col--flex-0\@lg,.col--flex-0-1\@lg{flex:0 1 auto}.col--flex-none\@lg,.col--flex-0-0\@lg{flex:0 0 auto}.col--flex-auto\@lg,.col--flex-1-1\@lg{flex:1 1 auto}.col--flex-fixed\@lg{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1\@lg{order:1}.col--order-2\@lg{order:2}.col--order-3\@lg{order:3}.col--order-4\@lg{order:4}.col--order-5\@lg{order:5}.col--order-6\@lg{order:6}.col--order-7\@lg{order:7}.col--order-8\@lg{order:8}.col--order-9\@lg{order:9}.col--order-10\@lg{order:10}.col--1-12\@lg{width:8.33233%}.col--2-12\@lg{width:16.66567%}.col--3-12\@lg{width:24.999%}.col--4-12\@lg{width:33.33233%}.col--5-12\@lg{width:41.66567%}.col--6-12\@lg{width:49.999%}.col--7-12\@lg{width:58.33233%}.col--8-12\@lg{width:66.66567%}.col--9-12\@lg{width:74.999%}.col--10-12\@lg{width:83.33233%}.col--11-12\@lg{width:91.66567%}.col--12-12\@lg{width:99.999%}.col\@lg,.col--auto\@lg{width:auto}.col--top\@lg{margin-bottom:auto}.col--middle\@lg{margin-top:auto;margin-bottom:auto}.col--bottom\@lg{margin-top:auto}.col--left\@lg{margin-right:auto}.col--center\@lg{margin-right:auto;margin-left:auto}.col--right\@lg{margin-left:auto}.col--flex-1\@lg,.col--flex-1-0\@lg{flex:1 0 auto}.col--flex-0\@lg,.col--flex-0-1\@lg{flex:0 1 auto}.col--flex-none\@lg,.col--flex-0-0\@lg{flex:0 0 auto}.col--flex-auto\@lg,.col--flex-1-1\@lg{flex:1 1 auto}.col--flex-fixed\@lg{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1\@lg{order:1}.col--order-2\@lg{order:2}.col--order-3\@lg{order:3}.col--order-4\@lg{order:4}.col--order-5\@lg{order:5}.col--order-6\@lg{order:6}.col--order-7\@lg{order:7}.col--order-8\@lg{order:8}.col--order-9\@lg{order:9}.col--order-10\@lg{order:10}.col--1-11\@lg{width:9.08991%}.col--2-11\@lg{width:18.18082%}.col--3-11\@lg{width:27.27173%}.col--4-11\@lg{width:36.36264%}.col--5-11\@lg{width:45.45355%}.col--6-11\@lg{width:54.54445%}.col--7-11\@lg{width:63.63536%}.col--8-11\@lg{width:72.72627%}.col--9-11\@lg{width:81.81718%}.col--10-11\@lg{width:90.90809%}.col--11-11\@lg{width:99.999%}.col\@lg,.col--auto\@lg{width:auto}.col--top\@lg{margin-bottom:auto}.col--middle\@lg{margin-top:auto;margin-bottom:auto}.col--bottom\@lg{margin-top:auto}.col--left\@lg{margin-right:auto}.col--center\@lg{margin-right:auto;margin-left:auto}.col--right\@lg{margin-left:auto}.col--flex-1\@lg,.col--flex-1-0\@lg{flex:1 0 auto}.col--flex-0\@lg,.col--flex-0-1\@lg{flex:0 1 auto}.col--flex-none\@lg,.col--flex-0-0\@lg{flex:0 0 auto}.col--flex-auto\@lg,.col--flex-1-1\@lg{flex:1 1 auto}.col--flex-fixed\@lg{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1\@lg{order:1}.col--order-2\@lg{order:2}.col--order-3\@lg{order:3}.col--order-4\@lg{order:4}.col--order-5\@lg{order:5}.col--order-6\@lg{order:6}.col--order-7\@lg{order:7}.col--order-8\@lg{order:8}.col--order-9\@lg{order:9}.col--order-10\@lg{order:10}.col--1-10\@lg{width:9.999%}.col--2-10\@lg{width:19.999%}.col--3-10\@lg{width:29.999%}.col--4-10\@lg{width:39.999%}.col--5-10\@lg{width:49.999%}.col--6-10\@lg{width:59.999%}.col--7-10\@lg{width:69.999%}.col--8-10\@lg{width:79.999%}.col--9-10\@lg{width:89.999%}.col--10-10\@lg{width:99.999%}.col\@lg,.col--auto\@lg{width:auto}.col--top\@lg{margin-bottom:auto}.col--middle\@lg{margin-top:auto;margin-bottom:auto}.col--bottom\@lg{margin-top:auto}.col--left\@lg{margin-right:auto}.col--center\@lg{margin-right:auto;margin-left:auto}.col--right\@lg{margin-left:auto}.col--flex-1\@lg,.col--flex-1-0\@lg{flex:1 0 auto}.col--flex-0\@lg,.col--flex-0-1\@lg{flex:0 1 auto}.col--flex-none\@lg,.col--flex-0-0\@lg{flex:0 0 auto}.col--flex-auto\@lg,.col--flex-1-1\@lg{flex:1 1 auto}.col--flex-fixed\@lg{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1\@lg{order:1}.col--order-2\@lg{order:2}.col--order-3\@lg{order:3}.col--order-4\@lg{order:4}.col--order-5\@lg{order:5}.col--order-6\@lg{order:6}.col--order-7\@lg{order:7}.col--order-8\@lg{order:8}.col--order-9\@lg{order:9}.col--order-10\@lg{order:10}.col--1-9\@lg{width:11.11011%}.col--2-9\@lg{width:22.22122%}.col--3-9\@lg{width:33.33233%}.col--4-9\@lg{width:44.44344%}.col--5-9\@lg{width:55.55456%}.col--6-9\@lg{width:66.66567%}.col--7-9\@lg{width:77.77678%}.col--8-9\@lg{width:88.88789%}.col--9-9\@lg{width:99.999%}.col\@lg,.col--auto\@lg{width:auto}.col--top\@lg{margin-bottom:auto}.col--middle\@lg{margin-top:auto;margin-bottom:auto}.col--bottom\@lg{margin-top:auto}.col--left\@lg{margin-right:auto}.col--center\@lg{margin-right:auto;margin-left:auto}.col--right\@lg{margin-left:auto}.col--flex-1\@lg,.col--flex-1-0\@lg{flex:1 0 auto}.col--flex-0\@lg,.col--flex-0-1\@lg{flex:0 1 auto}.col--flex-none\@lg,.col--flex-0-0\@lg{flex:0 0 auto}.col--flex-auto\@lg,.col--flex-1-1\@lg{flex:1 1 auto}.col--flex-fixed\@lg{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1\@lg{order:1}.col--order-2\@lg{order:2}.col--order-3\@lg{order:3}.col--order-4\@lg{order:4}.col--order-5\@lg{order:5}.col--order-6\@lg{order:6}.col--order-7\@lg{order:7}.col--order-8\@lg{order:8}.col--order-9\@lg{order:9}.col--order-10\@lg{order:10}.col--1-8\@lg{width:12.499%}.col--2-8\@lg{width:24.999%}.col--3-8\@lg{width:37.499%}.col--4-8\@lg{width:49.999%}.col--5-8\@lg{width:62.499%}.col--6-8\@lg{width:74.999%}.col--7-8\@lg{width:87.499%}.col--8-8\@lg{width:99.999%}.col\@lg,.col--auto\@lg{width:auto}.col--top\@lg{margin-bottom:auto}.col--middle\@lg{margin-top:auto;margin-bottom:auto}.col--bottom\@lg{margin-top:auto}.col--left\@lg{margin-right:auto}.col--center\@lg{margin-right:auto;margin-left:auto}.col--right\@lg{margin-left:auto}.col--flex-1\@lg,.col--flex-1-0\@lg{flex:1 0 auto}.col--flex-0\@lg,.col--flex-0-1\@lg{flex:0 1 auto}.col--flex-none\@lg,.col--flex-0-0\@lg{flex:0 0 auto}.col--flex-auto\@lg,.col--flex-1-1\@lg{flex:1 1 auto}.col--flex-fixed\@lg{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1\@lg{order:1}.col--order-2\@lg{order:2}.col--order-3\@lg{order:3}.col--order-4\@lg{order:4}.col--order-5\@lg{order:5}.col--order-6\@lg{order:6}.col--order-7\@lg{order:7}.col--order-8\@lg{order:8}.col--order-9\@lg{order:9}.col--order-10\@lg{order:10}.col--1-7\@lg{width:14.28471%}.col--2-7\@lg{width:28.57043%}.col--3-7\@lg{width:42.85614%}.col--4-7\@lg{width:57.14186%}.col--5-7\@lg{width:71.42757%}.col--6-7\@lg{width:85.71329%}.col--7-7\@lg{width:99.999%}.col\@lg,.col--auto\@lg{width:auto}.col--top\@lg{margin-bottom:auto}.col--middle\@lg{margin-top:auto;margin-bottom:auto}.col--bottom\@lg{margin-top:auto}.col--left\@lg{margin-right:auto}.col--center\@lg{margin-right:auto;margin-left:auto}.col--right\@lg{margin-left:auto}.col--flex-1\@lg,.col--flex-1-0\@lg{flex:1 0 auto}.col--flex-0\@lg,.col--flex-0-1\@lg{flex:0 1 auto}.col--flex-none\@lg,.col--flex-0-0\@lg{flex:0 0 auto}.col--flex-auto\@lg,.col--flex-1-1\@lg{flex:1 1 auto}.col--flex-fixed\@lg{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1\@lg{order:1}.col--order-2\@lg{order:2}.col--order-3\@lg{order:3}.col--order-4\@lg{order:4}.col--order-5\@lg{order:5}.col--order-6\@lg{order:6}.col--order-7\@lg{order:7}.col--order-8\@lg{order:8}.col--order-9\@lg{order:9}.col--order-10\@lg{order:10}.col--1-6\@lg{width:16.66567%}.col--2-6\@lg{width:33.33233%}.col--3-6\@lg{width:49.999%}.col--4-6\@lg{width:66.66567%}.col--5-6\@lg{width:83.33233%}.col--6-6\@lg{width:99.999%}.col\@lg,.col--auto\@lg{width:auto}.col--top\@lg{margin-bottom:auto}.col--middle\@lg{margin-top:auto;margin-bottom:auto}.col--bottom\@lg{margin-top:auto}.col--left\@lg{margin-right:auto}.col--center\@lg{margin-right:auto;margin-left:auto}.col--right\@lg{margin-left:auto}.col--flex-1\@lg,.col--flex-1-0\@lg{flex:1 0 auto}.col--flex-0\@lg,.col--flex-0-1\@lg{flex:0 1 auto}.col--flex-none\@lg,.col--flex-0-0\@lg{flex:0 0 auto}.col--flex-auto\@lg,.col--flex-1-1\@lg{flex:1 1 auto}.col--flex-fixed\@lg{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1\@lg{order:1}.col--order-2\@lg{order:2}.col--order-3\@lg{order:3}.col--order-4\@lg{order:4}.col--order-5\@lg{order:5}.col--order-6\@lg{order:6}.col--order-7\@lg{order:7}.col--order-8\@lg{order:8}.col--order-9\@lg{order:9}.col--order-10\@lg{order:10}.col--1-5\@lg{width:19.999%}.col--2-5\@lg{width:39.999%}.col--3-5\@lg{width:59.999%}.col--4-5\@lg{width:79.999%}.col--5-5\@lg{width:99.999%}.col\@lg,.col--auto\@lg{width:auto}.col--top\@lg{margin-bottom:auto}.col--middle\@lg{margin-top:auto;margin-bottom:auto}.col--bottom\@lg{margin-top:auto}.col--left\@lg{margin-right:auto}.col--center\@lg{margin-right:auto;margin-left:auto}.col--right\@lg{margin-left:auto}.col--flex-1\@lg,.col--flex-1-0\@lg{flex:1 0 auto}.col--flex-0\@lg,.col--flex-0-1\@lg{flex:0 1 auto}.col--flex-none\@lg,.col--flex-0-0\@lg{flex:0 0 auto}.col--flex-auto\@lg,.col--flex-1-1\@lg{flex:1 1 auto}.col--flex-fixed\@lg{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1\@lg{order:1}.col--order-2\@lg{order:2}.col--order-3\@lg{order:3}.col--order-4\@lg{order:4}.col--order-5\@lg{order:5}.col--order-6\@lg{order:6}.col--order-7\@lg{order:7}.col--order-8\@lg{order:8}.col--order-9\@lg{order:9}.col--order-10\@lg{order:10}.col--1-4\@lg{width:24.999%}.col--2-4\@lg{width:49.999%}.col--3-4\@lg{width:74.999%}.col--4-4\@lg{width:99.999%}.col\@lg,.col--auto\@lg{width:auto}.col--top\@lg{margin-bottom:auto}.col--middle\@lg{margin-top:auto;margin-bottom:auto}.col--bottom\@lg{margin-top:auto}.col--left\@lg{margin-right:auto}.col--center\@lg{margin-right:auto;margin-left:auto}.col--right\@lg{margin-left:auto}.col--flex-1\@lg,.col--flex-1-0\@lg{flex:1 0 auto}.col--flex-0\@lg,.col--flex-0-1\@lg{flex:0 1 auto}.col--flex-none\@lg,.col--flex-0-0\@lg{flex:0 0 auto}.col--flex-auto\@lg,.col--flex-1-1\@lg{flex:1 1 auto}.col--flex-fixed\@lg{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1\@lg{order:1}.col--order-2\@lg{order:2}.col--order-3\@lg{order:3}.col--order-4\@lg{order:4}.col--order-5\@lg{order:5}.col--order-6\@lg{order:6}.col--order-7\@lg{order:7}.col--order-8\@lg{order:8}.col--order-9\@lg{order:9}.col--order-10\@lg{order:10}.col--1-3\@lg{width:33.33233%}.col--2-3\@lg{width:66.66567%}.col--3-3\@lg{width:99.999%}.col\@lg,.col--auto\@lg{width:auto}.col--top\@lg{margin-bottom:auto}.col--middle\@lg{margin-top:auto;margin-bottom:auto}.col--bottom\@lg{margin-top:auto}.col--left\@lg{margin-right:auto}.col--center\@lg{margin-right:auto;margin-left:auto}.col--right\@lg{margin-left:auto}.col--flex-1\@lg,.col--flex-1-0\@lg{flex:1 0 auto}.col--flex-0\@lg,.col--flex-0-1\@lg{flex:0 1 auto}.col--flex-none\@lg,.col--flex-0-0\@lg{flex:0 0 auto}.col--flex-auto\@lg,.col--flex-1-1\@lg{flex:1 1 auto}.col--flex-fixed\@lg{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1\@lg{order:1}.col--order-2\@lg{order:2}.col--order-3\@lg{order:3}.col--order-4\@lg{order:4}.col--order-5\@lg{order:5}.col--order-6\@lg{order:6}.col--order-7\@lg{order:7}.col--order-8\@lg{order:8}.col--order-9\@lg{order:9}.col--order-10\@lg{order:10}.col--1-2\@lg{width:49.999%}.col--2-2\@lg{width:99.999%}.col\@lg,.col--auto\@lg{width:auto}.col--top\@lg{margin-bottom:auto}.col--middle\@lg{margin-top:auto;margin-bottom:auto}.col--bottom\@lg{margin-top:auto}.col--left\@lg{margin-right:auto}.col--center\@lg{margin-right:auto;margin-left:auto}.col--right\@lg{margin-left:auto}.col--flex-1\@lg,.col--flex-1-0\@lg{flex:1 0 auto}.col--flex-0\@lg,.col--flex-0-1\@lg{flex:0 1 auto}.col--flex-none\@lg,.col--flex-0-0\@lg{flex:0 0 auto}.col--flex-auto\@lg,.col--flex-1-1\@lg{flex:1 1 auto}.col--flex-fixed\@lg{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1\@lg{order:1}.col--order-2\@lg{order:2}.col--order-3\@lg{order:3}.col--order-4\@lg{order:4}.col--order-5\@lg{order:5}.col--order-6\@lg{order:6}.col--order-7\@lg{order:7}.col--order-8\@lg{order:8}.col--order-9\@lg{order:9}.col--order-10\@lg{order:10}.col--1-1\@lg{width:99.999%}}@media screen and (min-width: 1440px){.grid\@xl{display:flex}.grid--row\@xl{flex-direction:row}.grid--col\@xl{flex-direction:column}.grid--wrap\@xl{flex-wrap:wrap}.grid--row.grid--reverse\@xl,.grid--row\@xl.grid--reverse\@xl{flex-direction:row-reverse}.grid--col.grid--reverse\@xl,.grid--col\@xl.grid--reverse\@xl{flex-direction:column-reverse}.grid--row.grid--stretch\@xl,.grid--row\@xl.grid--stretch\@xl{justify-content:stretch}.grid--col.grid--stretch\@xl,.grid--col\@xl.grid--stretch\@xl{align-items:stretch}.grid--row.grid--top\@xl,.grid--row\@xl.grid--top\@xl,.grid--col.grid--left\@xl,.grid--col\@xl.grid--left\@xl{align-items:flex-start}.grid--row.grid--middle\@xl,.grid--row\@xl.grid--middle\@xl,.grid--col.grid--center\@xl,.grid--col\@xl.grid--center\@xl{align-items:center}.grid--row.grid--bottom\@xl,.grid--row\@xl.grid--bottom\@xl,.grid--col.grid--right\@xl,.grid--col\@xl.grid--right\@xl{align-items:flex-end}.grid--row.grid--left\@xl,.grid--row\@xl.grid--left\@xl,.grid--col.grid--top\@xl,.grid--col\@xl.grid--top\@xl{justify-content:flex-start}.grid--row.grid--center\@xl,.grid--row\@xl.grid--center\@xl,.grid--col.grid--middle\@xl,.grid--col\@xl.grid--middle\@xl{justify-content:center}.grid--row.grid--right\@xl,.grid--row\@xl.grid--right\@xl,.grid--col.grid--bottom\@xl,.grid--col\@xl.grid--bottom\@xl{justify-content:flex-end}.grid--60\@xl{width:calc(100% + 60px);margin-left:-30px;margin-right:-30px}.grid--60-60\@xl{width:calc(100% + 60px);margin-left:-30px;margin-right:-30px;margin-top:-30px;margin-bottom:-30px}.grid--60\@xl>[class^="col"],.grid--60\@xl>[class*="col"]{padding-left:30px;padding-right:30px}.grid--60-60\@xl>[class^="col"],.grid--60-60\@xl>[class*="col"]{padding-left:30px;padding-right:30px;padding-top:30px;padding-bottom:30px}.grid--40\@xl{width:calc(100% + 40px);margin-left:-20px;margin-right:-20px}.grid--40-40\@xl{width:calc(100% + 40px);margin-left:-20px;margin-right:-20px;margin-top:-20px;margin-bottom:-20px}.grid--40\@xl>[class^="col"],.grid--40\@xl>[class*="col"]{padding-left:20px;padding-right:20px}.grid--40-40\@xl>[class^="col"],.grid--40-40\@xl>[class*="col"]{padding-left:20px;padding-right:20px;padding-top:20px;padding-bottom:20px}.grid--30\@xl{width:calc(100% + 30px);margin-left:-15px;margin-right:-15px}.grid--30-30\@xl{width:calc(100% + 30px);margin-left:-15px;margin-right:-15px;margin-top:-15px;margin-bottom:-15px}.grid--30\@xl>[class^="col"],.grid--30\@xl>[class*="col"]{padding-left:15px;padding-right:15px}.grid--30-30\@xl>[class^="col"],.grid--30-30\@xl>[class*="col"]{padding-left:15px;padding-right:15px;padding-top:15px;padding-bottom:15px}.grid--20\@xl{width:calc(100% + 20px);margin-left:-10px;margin-right:-10px}.grid--20-20\@xl{width:calc(100% + 20px);margin-left:-10px;margin-right:-10px;margin-top:-10px;margin-bottom:-10px}.grid--20\@xl>[class^="col"],.grid--20\@xl>[class*="col"]{padding-left:10px;padding-right:10px}.grid--20-20\@xl>[class^="col"],.grid--20-20\@xl>[class*="col"]{padding-left:10px;padding-right:10px;padding-top:10px;padding-bottom:10px}.grid--15\@xl{width:calc(100% + 15px);margin-left:-7.5px;margin-right:-7.5px}.grid--15-15\@xl{width:calc(100% + 15px);margin-left:-7.5px;margin-right:-7.5px;margin-top:-7.5px;margin-bottom:-7.5px}.grid--15\@xl>[class^="col"],.grid--15\@xl>[class*="col"]{padding-left:7.5px;padding-right:7.5px}.grid--15-15\@xl>[class^="col"],.grid--15-15\@xl>[class*="col"]{padding-left:7.5px;padding-right:7.5px;padding-top:7.5px;padding-bottom:7.5px}.grid--10\@xl{width:calc(100% + 10px);margin-left:-5px;margin-right:-5px}.grid--10-10\@xl{width:calc(100% + 10px);margin-left:-5px;margin-right:-5px;margin-top:-5px;margin-bottom:-5px}.grid--10\@xl>[class^="col"],.grid--10\@xl>[class*="col"]{padding-left:5px;padding-right:5px}.grid--10-10\@xl>[class^="col"],.grid--10-10\@xl>[class*="col"]{padding-left:5px;padding-right:5px;padding-top:5px;padding-bottom:5px}.col\@xl,.col--auto\@xl{width:auto}.col--top\@xl{margin-bottom:auto}.col--middle\@xl{margin-top:auto;margin-bottom:auto}.col--bottom\@xl{margin-top:auto}.col--left\@xl{margin-right:auto}.col--center\@xl{margin-right:auto;margin-left:auto}.col--right\@xl{margin-left:auto}.col--flex-1\@xl,.col--flex-1-0\@xl{flex:1 0 auto}.col--flex-0\@xl,.col--flex-0-1\@xl{flex:0 1 auto}.col--flex-none\@xl,.col--flex-0-0\@xl{flex:0 0 auto}.col--flex-auto\@xl,.col--flex-1-1\@xl{flex:1 1 auto}.col--flex-fixed\@xl{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1\@xl{order:1}.col--order-2\@xl{order:2}.col--order-3\@xl{order:3}.col--order-4\@xl{order:4}.col--order-5\@xl{order:5}.col--order-6\@xl{order:6}.col--order-7\@xl{order:7}.col--order-8\@xl{order:8}.col--order-9\@xl{order:9}.col--order-10\@xl{order:10}.col--1-12\@xl{width:8.33233%}.col--2-12\@xl{width:16.66567%}.col--3-12\@xl{width:24.999%}.col--4-12\@xl{width:33.33233%}.col--5-12\@xl{width:41.66567%}.col--6-12\@xl{width:49.999%}.col--7-12\@xl{width:58.33233%}.col--8-12\@xl{width:66.66567%}.col--9-12\@xl{width:74.999%}.col--10-12\@xl{width:83.33233%}.col--11-12\@xl{width:91.66567%}.col--12-12\@xl{width:99.999%}.col\@xl,.col--auto\@xl{width:auto}.col--top\@xl{margin-bottom:auto}.col--middle\@xl{margin-top:auto;margin-bottom:auto}.col--bottom\@xl{margin-top:auto}.col--left\@xl{margin-right:auto}.col--center\@xl{margin-right:auto;margin-left:auto}.col--right\@xl{margin-left:auto}.col--flex-1\@xl,.col--flex-1-0\@xl{flex:1 0 auto}.col--flex-0\@xl,.col--flex-0-1\@xl{flex:0 1 auto}.col--flex-none\@xl,.col--flex-0-0\@xl{flex:0 0 auto}.col--flex-auto\@xl,.col--flex-1-1\@xl{flex:1 1 auto}.col--flex-fixed\@xl{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1\@xl{order:1}.col--order-2\@xl{order:2}.col--order-3\@xl{order:3}.col--order-4\@xl{order:4}.col--order-5\@xl{order:5}.col--order-6\@xl{order:6}.col--order-7\@xl{order:7}.col--order-8\@xl{order:8}.col--order-9\@xl{order:9}.col--order-10\@xl{order:10}.col--1-11\@xl{width:9.08991%}.col--2-11\@xl{width:18.18082%}.col--3-11\@xl{width:27.27173%}.col--4-11\@xl{width:36.36264%}.col--5-11\@xl{width:45.45355%}.col--6-11\@xl{width:54.54445%}.col--7-11\@xl{width:63.63536%}.col--8-11\@xl{width:72.72627%}.col--9-11\@xl{width:81.81718%}.col--10-11\@xl{width:90.90809%}.col--11-11\@xl{width:99.999%}.col\@xl,.col--auto\@xl{width:auto}.col--top\@xl{margin-bottom:auto}.col--middle\@xl{margin-top:auto;margin-bottom:auto}.col--bottom\@xl{margin-top:auto}.col--left\@xl{margin-right:auto}.col--center\@xl{margin-right:auto;margin-left:auto}.col--right\@xl{margin-left:auto}.col--flex-1\@xl,.col--flex-1-0\@xl{flex:1 0 auto}.col--flex-0\@xl,.col--flex-0-1\@xl{flex:0 1 auto}.col--flex-none\@xl,.col--flex-0-0\@xl{flex:0 0 auto}.col--flex-auto\@xl,.col--flex-1-1\@xl{flex:1 1 auto}.col--flex-fixed\@xl{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1\@xl{order:1}.col--order-2\@xl{order:2}.col--order-3\@xl{order:3}.col--order-4\@xl{order:4}.col--order-5\@xl{order:5}.col--order-6\@xl{order:6}.col--order-7\@xl{order:7}.col--order-8\@xl{order:8}.col--order-9\@xl{order:9}.col--order-10\@xl{order:10}.col--1-10\@xl{width:9.999%}.col--2-10\@xl{width:19.999%}.col--3-10\@xl{width:29.999%}.col--4-10\@xl{width:39.999%}.col--5-10\@xl{width:49.999%}.col--6-10\@xl{width:59.999%}.col--7-10\@xl{width:69.999%}.col--8-10\@xl{width:79.999%}.col--9-10\@xl{width:89.999%}.col--10-10\@xl{width:99.999%}.col\@xl,.col--auto\@xl{width:auto}.col--top\@xl{margin-bottom:auto}.col--middle\@xl{margin-top:auto;margin-bottom:auto}.col--bottom\@xl{margin-top:auto}.col--left\@xl{margin-right:auto}.col--center\@xl{margin-right:auto;margin-left:auto}.col--right\@xl{margin-left:auto}.col--flex-1\@xl,.col--flex-1-0\@xl{flex:1 0 auto}.col--flex-0\@xl,.col--flex-0-1\@xl{flex:0 1 auto}.col--flex-none\@xl,.col--flex-0-0\@xl{flex:0 0 auto}.col--flex-auto\@xl,.col--flex-1-1\@xl{flex:1 1 auto}.col--flex-fixed\@xl{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1\@xl{order:1}.col--order-2\@xl{order:2}.col--order-3\@xl{order:3}.col--order-4\@xl{order:4}.col--order-5\@xl{order:5}.col--order-6\@xl{order:6}.col--order-7\@xl{order:7}.col--order-8\@xl{order:8}.col--order-9\@xl{order:9}.col--order-10\@xl{order:10}.col--1-9\@xl{width:11.11011%}.col--2-9\@xl{width:22.22122%}.col--3-9\@xl{width:33.33233%}.col--4-9\@xl{width:44.44344%}.col--5-9\@xl{width:55.55456%}.col--6-9\@xl{width:66.66567%}.col--7-9\@xl{width:77.77678%}.col--8-9\@xl{width:88.88789%}.col--9-9\@xl{width:99.999%}.col\@xl,.col--auto\@xl{width:auto}.col--top\@xl{margin-bottom:auto}.col--middle\@xl{margin-top:auto;margin-bottom:auto}.col--bottom\@xl{margin-top:auto}.col--left\@xl{margin-right:auto}.col--center\@xl{margin-right:auto;margin-left:auto}.col--right\@xl{margin-left:auto}.col--flex-1\@xl,.col--flex-1-0\@xl{flex:1 0 auto}.col--flex-0\@xl,.col--flex-0-1\@xl{flex:0 1 auto}.col--flex-none\@xl,.col--flex-0-0\@xl{flex:0 0 auto}.col--flex-auto\@xl,.col--flex-1-1\@xl{flex:1 1 auto}.col--flex-fixed\@xl{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1\@xl{order:1}.col--order-2\@xl{order:2}.col--order-3\@xl{order:3}.col--order-4\@xl{order:4}.col--order-5\@xl{order:5}.col--order-6\@xl{order:6}.col--order-7\@xl{order:7}.col--order-8\@xl{order:8}.col--order-9\@xl{order:9}.col--order-10\@xl{order:10}.col--1-8\@xl{width:12.499%}.col--2-8\@xl{width:24.999%}.col--3-8\@xl{width:37.499%}.col--4-8\@xl{width:49.999%}.col--5-8\@xl{width:62.499%}.col--6-8\@xl{width:74.999%}.col--7-8\@xl{width:87.499%}.col--8-8\@xl{width:99.999%}.col\@xl,.col--auto\@xl{width:auto}.col--top\@xl{margin-bottom:auto}.col--middle\@xl{margin-top:auto;margin-bottom:auto}.col--bottom\@xl{margin-top:auto}.col--left\@xl{margin-right:auto}.col--center\@xl{margin-right:auto;margin-left:auto}.col--right\@xl{margin-left:auto}.col--flex-1\@xl,.col--flex-1-0\@xl{flex:1 0 auto}.col--flex-0\@xl,.col--flex-0-1\@xl{flex:0 1 auto}.col--flex-none\@xl,.col--flex-0-0\@xl{flex:0 0 auto}.col--flex-auto\@xl,.col--flex-1-1\@xl{flex:1 1 auto}.col--flex-fixed\@xl{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1\@xl{order:1}.col--order-2\@xl{order:2}.col--order-3\@xl{order:3}.col--order-4\@xl{order:4}.col--order-5\@xl{order:5}.col--order-6\@xl{order:6}.col--order-7\@xl{order:7}.col--order-8\@xl{order:8}.col--order-9\@xl{order:9}.col--order-10\@xl{order:10}.col--1-7\@xl{width:14.28471%}.col--2-7\@xl{width:28.57043%}.col--3-7\@xl{width:42.85614%}.col--4-7\@xl{width:57.14186%}.col--5-7\@xl{width:71.42757%}.col--6-7\@xl{width:85.71329%}.col--7-7\@xl{width:99.999%}.col\@xl,.col--auto\@xl{width:auto}.col--top\@xl{margin-bottom:auto}.col--middle\@xl{margin-top:auto;margin-bottom:auto}.col--bottom\@xl{margin-top:auto}.col--left\@xl{margin-right:auto}.col--center\@xl{margin-right:auto;margin-left:auto}.col--right\@xl{margin-left:auto}.col--flex-1\@xl,.col--flex-1-0\@xl{flex:1 0 auto}.col--flex-0\@xl,.col--flex-0-1\@xl{flex:0 1 auto}.col--flex-none\@xl,.col--flex-0-0\@xl{flex:0 0 auto}.col--flex-auto\@xl,.col--flex-1-1\@xl{flex:1 1 auto}.col--flex-fixed\@xl{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1\@xl{order:1}.col--order-2\@xl{order:2}.col--order-3\@xl{order:3}.col--order-4\@xl{order:4}.col--order-5\@xl{order:5}.col--order-6\@xl{order:6}.col--order-7\@xl{order:7}.col--order-8\@xl{order:8}.col--order-9\@xl{order:9}.col--order-10\@xl{order:10}.col--1-6\@xl{width:16.66567%}.col--2-6\@xl{width:33.33233%}.col--3-6\@xl{width:49.999%}.col--4-6\@xl{width:66.66567%}.col--5-6\@xl{width:83.33233%}.col--6-6\@xl{width:99.999%}.col\@xl,.col--auto\@xl{width:auto}.col--top\@xl{margin-bottom:auto}.col--middle\@xl{margin-top:auto;margin-bottom:auto}.col--bottom\@xl{margin-top:auto}.col--left\@xl{margin-right:auto}.col--center\@xl{margin-right:auto;margin-left:auto}.col--right\@xl{margin-left:auto}.col--flex-1\@xl,.col--flex-1-0\@xl{flex:1 0 auto}.col--flex-0\@xl,.col--flex-0-1\@xl{flex:0 1 auto}.col--flex-none\@xl,.col--flex-0-0\@xl{flex:0 0 auto}.col--flex-auto\@xl,.col--flex-1-1\@xl{flex:1 1 auto}.col--flex-fixed\@xl{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1\@xl{order:1}.col--order-2\@xl{order:2}.col--order-3\@xl{order:3}.col--order-4\@xl{order:4}.col--order-5\@xl{order:5}.col--order-6\@xl{order:6}.col--order-7\@xl{order:7}.col--order-8\@xl{order:8}.col--order-9\@xl{order:9}.col--order-10\@xl{order:10}.col--1-5\@xl{width:19.999%}.col--2-5\@xl{width:39.999%}.col--3-5\@xl{width:59.999%}.col--4-5\@xl{width:79.999%}.col--5-5\@xl{width:99.999%}.col\@xl,.col--auto\@xl{width:auto}.col--top\@xl{margin-bottom:auto}.col--middle\@xl{margin-top:auto;margin-bottom:auto}.col--bottom\@xl{margin-top:auto}.col--left\@xl{margin-right:auto}.col--center\@xl{margin-right:auto;margin-left:auto}.col--right\@xl{margin-left:auto}.col--flex-1\@xl,.col--flex-1-0\@xl{flex:1 0 auto}.col--flex-0\@xl,.col--flex-0-1\@xl{flex:0 1 auto}.col--flex-none\@xl,.col--flex-0-0\@xl{flex:0 0 auto}.col--flex-auto\@xl,.col--flex-1-1\@xl{flex:1 1 auto}.col--flex-fixed\@xl{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1\@xl{order:1}.col--order-2\@xl{order:2}.col--order-3\@xl{order:3}.col--order-4\@xl{order:4}.col--order-5\@xl{order:5}.col--order-6\@xl{order:6}.col--order-7\@xl{order:7}.col--order-8\@xl{order:8}.col--order-9\@xl{order:9}.col--order-10\@xl{order:10}.col--1-4\@xl{width:24.999%}.col--2-4\@xl{width:49.999%}.col--3-4\@xl{width:74.999%}.col--4-4\@xl{width:99.999%}.col\@xl,.col--auto\@xl{width:auto}.col--top\@xl{margin-bottom:auto}.col--middle\@xl{margin-top:auto;margin-bottom:auto}.col--bottom\@xl{margin-top:auto}.col--left\@xl{margin-right:auto}.col--center\@xl{margin-right:auto;margin-left:auto}.col--right\@xl{margin-left:auto}.col--flex-1\@xl,.col--flex-1-0\@xl{flex:1 0 auto}.col--flex-0\@xl,.col--flex-0-1\@xl{flex:0 1 auto}.col--flex-none\@xl,.col--flex-0-0\@xl{flex:0 0 auto}.col--flex-auto\@xl,.col--flex-1-1\@xl{flex:1 1 auto}.col--flex-fixed\@xl{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1\@xl{order:1}.col--order-2\@xl{order:2}.col--order-3\@xl{order:3}.col--order-4\@xl{order:4}.col--order-5\@xl{order:5}.col--order-6\@xl{order:6}.col--order-7\@xl{order:7}.col--order-8\@xl{order:8}.col--order-9\@xl{order:9}.col--order-10\@xl{order:10}.col--1-3\@xl{width:33.33233%}.col--2-3\@xl{width:66.66567%}.col--3-3\@xl{width:99.999%}.col\@xl,.col--auto\@xl{width:auto}.col--top\@xl{margin-bottom:auto}.col--middle\@xl{margin-top:auto;margin-bottom:auto}.col--bottom\@xl{margin-top:auto}.col--left\@xl{margin-right:auto}.col--center\@xl{margin-right:auto;margin-left:auto}.col--right\@xl{margin-left:auto}.col--flex-1\@xl,.col--flex-1-0\@xl{flex:1 0 auto}.col--flex-0\@xl,.col--flex-0-1\@xl{flex:0 1 auto}.col--flex-none\@xl,.col--flex-0-0\@xl{flex:0 0 auto}.col--flex-auto\@xl,.col--flex-1-1\@xl{flex:1 1 auto}.col--flex-fixed\@xl{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1\@xl{order:1}.col--order-2\@xl{order:2}.col--order-3\@xl{order:3}.col--order-4\@xl{order:4}.col--order-5\@xl{order:5}.col--order-6\@xl{order:6}.col--order-7\@xl{order:7}.col--order-8\@xl{order:8}.col--order-9\@xl{order:9}.col--order-10\@xl{order:10}.col--1-2\@xl{width:49.999%}.col--2-2\@xl{width:99.999%}.col\@xl,.col--auto\@xl{width:auto}.col--top\@xl{margin-bottom:auto}.col--middle\@xl{margin-top:auto;margin-bottom:auto}.col--bottom\@xl{margin-top:auto}.col--left\@xl{margin-right:auto}.col--center\@xl{margin-right:auto;margin-left:auto}.col--right\@xl{margin-left:auto}.col--flex-1\@xl,.col--flex-1-0\@xl{flex:1 0 auto}.col--flex-0\@xl,.col--flex-0-1\@xl{flex:0 1 auto}.col--flex-none\@xl,.col--flex-0-0\@xl{flex:0 0 auto}.col--flex-auto\@xl,.col--flex-1-1\@xl{flex:1 1 auto}.col--flex-fixed\@xl{flex:1 1 auto;min-height:0;max-height:100%}.col--order-1\@xl{order:1}.col--order-2\@xl{order:2}.col--order-3\@xl{order:3}.col--order-4\@xl{order:4}.col--order-5\@xl{order:5}.col--order-6\@xl{order:6}.col--order-7\@xl{order:7}.col--order-8\@xl{order:8}.col--order-9\@xl{order:9}.col--order-10\@xl{order:10}.col--1-1\@xl{width:99.999%}}.margin-60{margin:60px}.margin-60--top{margin-top:60px}.margin-60--bottom{margin-bottom:60px}.margin-60--left{margin-left:60px}.margin-60--right{margin-right:60px}.padding-60{padding:60px}.padding-60--top{padding-top:60px}.padding-60--bottom{padding-bottom:60px}.padding-60--left{padding-left:60px}.padding-60--right{padding-right:60px}.margin-40{margin:40px}.margin-40--top{margin-top:40px}.margin-40--bottom{margin-bottom:40px}.margin-40--left{margin-left:40px}.margin-40--right{margin-right:40px}.padding-40{padding:40px}.padding-40--top{padding-top:40px}.padding-40--bottom{padding-bottom:40px}.padding-40--left{padding-left:40px}.padding-40--right{padding-right:40px}.margin-30{margin:30px}.margin-30--top{margin-top:30px}.margin-30--bottom{margin-bottom:30px}.margin-30--left{margin-left:30px}.margin-30--right{margin-right:30px}.padding-30{padding:30px}.padding-30--top{padding-top:30px}.padding-30--bottom{padding-bottom:30px}.padding-30--left{padding-left:30px}.padding-30--right{padding-right:30px}.margin-20{margin:20px}.margin-20--top{margin-top:20px}.margin-20--bottom{margin-bottom:20px}.margin-20--left{margin-left:20px}.margin-20--right{margin-right:20px}.padding-20{padding:20px}.padding-20--top{padding-top:20px}.padding-20--bottom{padding-bottom:20px}.padding-20--left{padding-left:20px}.padding-20--right{padding-right:20px}.margin-15{margin:15px}.margin-15--top{margin-top:15px}.margin-15--bottom{margin-bottom:15px}.margin-15--left{margin-left:15px}.margin-15--right{margin-right:15px}.padding-15{padding:15px}.padding-15--top{padding-top:15px}.padding-15--bottom{padding-bottom:15px}.padding-15--left{padding-left:15px}.padding-15--right{padding-right:15px}.margin-10{margin:10px}.margin-10--top{margin-top:10px}.margin-10--bottom{margin-bottom:10px}.margin-10--left{margin-left:10px}.margin-10--right{margin-right:10px}.padding-10{padding:10px}.padding-10--top{padding-top:10px}.padding-10--bottom{padding-bottom:10px}.padding-10--left{padding-left:10px}.padding-10--right{padding-right:10px}@media screen and (min-width: 576px){.margin-60\@xs{margin:60px}.margin-60--top\@xs{margin-top:60px}.margin-60--bottom\@xs{margin-bottom:60px}.margin-60--left\@xs{margin-left:60px}.margin-60--right\@xs{margin-right:60px}.padding-60\@xs{padding:60px}.padding-60--top\@xs{padding-top:60px}.padding-60--bottom\@xs{padding-bottom:60px}.padding-60--left\@xs{padding-left:60px}.padding-60--right\@xs{padding-right:60px}.margin-40\@xs{margin:40px}.margin-40--top\@xs{margin-top:40px}.margin-40--bottom\@xs{margin-bottom:40px}.margin-40--left\@xs{margin-left:40px}.margin-40--right\@xs{margin-right:40px}.padding-40\@xs{padding:40px}.padding-40--top\@xs{padding-top:40px}.padding-40--bottom\@xs{padding-bottom:40px}.padding-40--left\@xs{padding-left:40px}.padding-40--right\@xs{padding-right:40px}.margin-30\@xs{margin:30px}.margin-30--top\@xs{margin-top:30px}.margin-30--bottom\@xs{margin-bottom:30px}.margin-30--left\@xs{margin-left:30px}.margin-30--right\@xs{margin-right:30px}.padding-30\@xs{padding:30px}.padding-30--top\@xs{padding-top:30px}.padding-30--bottom\@xs{padding-bottom:30px}.padding-30--left\@xs{padding-left:30px}.padding-30--right\@xs{padding-right:30px}.margin-20\@xs{margin:20px}.margin-20--top\@xs{margin-top:20px}.margin-20--bottom\@xs{margin-bottom:20px}.margin-20--left\@xs{margin-left:20px}.margin-20--right\@xs{margin-right:20px}.padding-20\@xs{padding:20px}.padding-20--top\@xs{padding-top:20px}.padding-20--bottom\@xs{padding-bottom:20px}.padding-20--left\@xs{padding-left:20px}.padding-20--right\@xs{padding-right:20px}.margin-15\@xs{margin:15px}.margin-15--top\@xs{margin-top:15px}.margin-15--bottom\@xs{margin-bottom:15px}.margin-15--left\@xs{margin-left:15px}.margin-15--right\@xs{margin-right:15px}.padding-15\@xs{padding:15px}.padding-15--top\@xs{padding-top:15px}.padding-15--bottom\@xs{padding-bottom:15px}.padding-15--left\@xs{padding-left:15px}.padding-15--right\@xs{padding-right:15px}.margin-10\@xs{margin:10px}.margin-10--top\@xs{margin-top:10px}.margin-10--bottom\@xs{margin-bottom:10px}.margin-10--left\@xs{margin-left:10px}.margin-10--right\@xs{margin-right:10px}.padding-10\@xs{padding:10px}.padding-10--top\@xs{padding-top:10px}.padding-10--bottom\@xs{padding-bottom:10px}.padding-10--left\@xs{padding-left:10px}.padding-10--right\@xs{padding-right:10px}}@media screen and (min-width: 768px){.margin-60\@sm{margin:60px}.margin-60--top\@sm{margin-top:60px}.margin-60--bottom\@sm{margin-bottom:60px}.margin-60--left\@sm{margin-left:60px}.margin-60--right\@sm{margin-right:60px}.padding-60\@sm{padding:60px}.padding-60--top\@sm{padding-top:60px}.padding-60--bottom\@sm{padding-bottom:60px}.padding-60--left\@sm{padding-left:60px}.padding-60--right\@sm{padding-right:60px}.margin-40\@sm{margin:40px}.margin-40--top\@sm{margin-top:40px}.margin-40--bottom\@sm{margin-bottom:40px}.margin-40--left\@sm{margin-left:40px}.margin-40--right\@sm{margin-right:40px}.padding-40\@sm{padding:40px}.padding-40--top\@sm{padding-top:40px}.padding-40--bottom\@sm{padding-bottom:40px}.padding-40--left\@sm{padding-left:40px}.padding-40--right\@sm{padding-right:40px}.margin-30\@sm{margin:30px}.margin-30--top\@sm{margin-top:30px}.margin-30--bottom\@sm{margin-bottom:30px}.margin-30--left\@sm{margin-left:30px}.margin-30--right\@sm{margin-right:30px}.padding-30\@sm{padding:30px}.padding-30--top\@sm{padding-top:30px}.padding-30--bottom\@sm{padding-bottom:30px}.padding-30--left\@sm{padding-left:30px}.padding-30--right\@sm{padding-right:30px}.margin-20\@sm{margin:20px}.margin-20--top\@sm{margin-top:20px}.margin-20--bottom\@sm{margin-bottom:20px}.margin-20--left\@sm{margin-left:20px}.margin-20--right\@sm{margin-right:20px}.padding-20\@sm{padding:20px}.padding-20--top\@sm{padding-top:20px}.padding-20--bottom\@sm{padding-bottom:20px}.padding-20--left\@sm{padding-left:20px}.padding-20--right\@sm{padding-right:20px}.margin-15\@sm{margin:15px}.margin-15--top\@sm{margin-top:15px}.margin-15--bottom\@sm{margin-bottom:15px}.margin-15--left\@sm{margin-left:15px}.margin-15--right\@sm{margin-right:15px}.padding-15\@sm{padding:15px}.padding-15--top\@sm{padding-top:15px}.padding-15--bottom\@sm{padding-bottom:15px}.padding-15--left\@sm{padding-left:15px}.padding-15--right\@sm{padding-right:15px}.margin-10\@sm{margin:10px}.margin-10--top\@sm{margin-top:10px}.margin-10--bottom\@sm{margin-bottom:10px}.margin-10--left\@sm{margin-left:10px}.margin-10--right\@sm{margin-right:10px}.padding-10\@sm{padding:10px}.padding-10--top\@sm{padding-top:10px}.padding-10--bottom\@sm{padding-bottom:10px}.padding-10--left\@sm{padding-left:10px}.padding-10--right\@sm{padding-right:10px}}@media screen and (min-width: 992px){.margin-60\@md{margin:60px}.margin-60--top\@md{margin-top:60px}.margin-60--bottom\@md{margin-bottom:60px}.margin-60--left\@md{margin-left:60px}.margin-60--right\@md{margin-right:60px}.padding-60\@md{padding:60px}.padding-60--top\@md{padding-top:60px}.padding-60--bottom\@md{padding-bottom:60px}.padding-60--left\@md{padding-left:60px}.padding-60--right\@md{padding-right:60px}.margin-40\@md{margin:40px}.margin-40--top\@md{margin-top:40px}.margin-40--bottom\@md{margin-bottom:40px}.margin-40--left\@md{margin-left:40px}.margin-40--right\@md{margin-right:40px}.padding-40\@md{padding:40px}.padding-40--top\@md{padding-top:40px}.padding-40--bottom\@md{padding-bottom:40px}.padding-40--left\@md{padding-left:40px}.padding-40--right\@md{padding-right:40px}.margin-30\@md{margin:30px}.margin-30--top\@md{margin-top:30px}.margin-30--bottom\@md{margin-bottom:30px}.margin-30--left\@md{margin-left:30px}.margin-30--right\@md{margin-right:30px}.padding-30\@md{padding:30px}.padding-30--top\@md{padding-top:30px}.padding-30--bottom\@md{padding-bottom:30px}.padding-30--left\@md{padding-left:30px}.padding-30--right\@md{padding-right:30px}.margin-20\@md{margin:20px}.margin-20--top\@md{margin-top:20px}.margin-20--bottom\@md{margin-bottom:20px}.margin-20--left\@md{margin-left:20px}.margin-20--right\@md{margin-right:20px}.padding-20\@md{padding:20px}.padding-20--top\@md{padding-top:20px}.padding-20--bottom\@md{padding-bottom:20px}.padding-20--left\@md{padding-left:20px}.padding-20--right\@md{padding-right:20px}.margin-15\@md{margin:15px}.margin-15--top\@md{margin-top:15px}.margin-15--bottom\@md{margin-bottom:15px}.margin-15--left\@md{margin-left:15px}.margin-15--right\@md{margin-right:15px}.padding-15\@md{padding:15px}.padding-15--top\@md{padding-top:15px}.padding-15--bottom\@md{padding-bottom:15px}.padding-15--left\@md{padding-left:15px}.padding-15--right\@md{padding-right:15px}.margin-10\@md{margin:10px}.margin-10--top\@md{margin-top:10px}.margin-10--bottom\@md{margin-bottom:10px}.margin-10--left\@md{margin-left:10px}.margin-10--right\@md{margin-right:10px}.padding-10\@md{padding:10px}.padding-10--top\@md{padding-top:10px}.padding-10--bottom\@md{padding-bottom:10px}.padding-10--left\@md{padding-left:10px}.padding-10--right\@md{padding-right:10px}}@media screen and (min-width: 1200px){.margin-60\@lg{margin:60px}.margin-60--top\@lg{margin-top:60px}.margin-60--bottom\@lg{margin-bottom:60px}.margin-60--left\@lg{margin-left:60px}.margin-60--right\@lg{margin-right:60px}.padding-60\@lg{padding:60px}.padding-60--top\@lg{padding-top:60px}.padding-60--bottom\@lg{padding-bottom:60px}.padding-60--left\@lg{padding-left:60px}.padding-60--right\@lg{padding-right:60px}.margin-40\@lg{margin:40px}.margin-40--top\@lg{margin-top:40px}.margin-40--bottom\@lg{margin-bottom:40px}.margin-40--left\@lg{margin-left:40px}.margin-40--right\@lg{margin-right:40px}.padding-40\@lg{padding:40px}.padding-40--top\@lg{padding-top:40px}.padding-40--bottom\@lg{padding-bottom:40px}.padding-40--left\@lg{padding-left:40px}.padding-40--right\@lg{padding-right:40px}.margin-30\@lg{margin:30px}.margin-30--top\@lg{margin-top:30px}.margin-30--bottom\@lg{margin-bottom:30px}.margin-30--left\@lg{margin-left:30px}.margin-30--right\@lg{margin-right:30px}.padding-30\@lg{padding:30px}.padding-30--top\@lg{padding-top:30px}.padding-30--bottom\@lg{padding-bottom:30px}.padding-30--left\@lg{padding-left:30px}.padding-30--right\@lg{padding-right:30px}.margin-20\@lg{margin:20px}.margin-20--top\@lg{margin-top:20px}.margin-20--bottom\@lg{margin-bottom:20px}.margin-20--left\@lg{margin-left:20px}.margin-20--right\@lg{margin-right:20px}.padding-20\@lg{padding:20px}.padding-20--top\@lg{padding-top:20px}.padding-20--bottom\@lg{padding-bottom:20px}.padding-20--left\@lg{padding-left:20px}.padding-20--right\@lg{padding-right:20px}.margin-15\@lg{margin:15px}.margin-15--top\@lg{margin-top:15px}.margin-15--bottom\@lg{margin-bottom:15px}.margin-15--left\@lg{margin-left:15px}.margin-15--right\@lg{margin-right:15px}.padding-15\@lg{padding:15px}.padding-15--top\@lg{padding-top:15px}.padding-15--bottom\@lg{padding-bottom:15px}.padding-15--left\@lg{padding-left:15px}.padding-15--right\@lg{padding-right:15px}.margin-10\@lg{margin:10px}.margin-10--top\@lg{margin-top:10px}.margin-10--bottom\@lg{margin-bottom:10px}.margin-10--left\@lg{margin-left:10px}.margin-10--right\@lg{margin-right:10px}.padding-10\@lg{padding:10px}.padding-10--top\@lg{padding-top:10px}.padding-10--bottom\@lg{padding-bottom:10px}.padding-10--left\@lg{padding-left:10px}.padding-10--right\@lg{padding-right:10px}}@media screen and (min-width: 1440px){.margin-60\@xl{margin:60px}.margin-60--top\@xl{margin-top:60px}.margin-60--bottom\@xl{margin-bottom:60px}.margin-60--left\@xl{margin-left:60px}.margin-60--right\@xl{margin-right:60px}.padding-60\@xl{padding:60px}.padding-60--top\@xl{padding-top:60px}.padding-60--bottom\@xl{padding-bottom:60px}.padding-60--left\@xl{padding-left:60px}.padding-60--right\@xl{padding-right:60px}.margin-40\@xl{margin:40px}.margin-40--top\@xl{margin-top:40px}.margin-40--bottom\@xl{margin-bottom:40px}.margin-40--left\@xl{margin-left:40px}.margin-40--right\@xl{margin-right:40px}.padding-40\@xl{padding:40px}.padding-40--top\@xl{padding-top:40px}.padding-40--bottom\@xl{padding-bottom:40px}.padding-40--left\@xl{padding-left:40px}.padding-40--right\@xl{padding-right:40px}.margin-30\@xl{margin:30px}.margin-30--top\@xl{margin-top:30px}.margin-30--bottom\@xl{margin-bottom:30px}.margin-30--left\@xl{margin-left:30px}.margin-30--right\@xl{margin-right:30px}.padding-30\@xl{padding:30px}.padding-30--top\@xl{padding-top:30px}.padding-30--bottom\@xl{padding-bottom:30px}.padding-30--left\@xl{padding-left:30px}.padding-30--right\@xl{padding-right:30px}.margin-20\@xl{margin:20px}.margin-20--top\@xl{margin-top:20px}.margin-20--bottom\@xl{margin-bottom:20px}.margin-20--left\@xl{margin-left:20px}.margin-20--right\@xl{margin-right:20px}.padding-20\@xl{padding:20px}.padding-20--top\@xl{padding-top:20px}.padding-20--bottom\@xl{padding-bottom:20px}.padding-20--left\@xl{padding-left:20px}.padding-20--right\@xl{padding-right:20px}.margin-15\@xl{margin:15px}.margin-15--top\@xl{margin-top:15px}.margin-15--bottom\@xl{margin-bottom:15px}.margin-15--left\@xl{margin-left:15px}.margin-15--right\@xl{margin-right:15px}.padding-15\@xl{padding:15px}.padding-15--top\@xl{padding-top:15px}.padding-15--bottom\@xl{padding-bottom:15px}.padding-15--left\@xl{padding-left:15px}.padding-15--right\@xl{padding-right:15px}.margin-10\@xl{margin:10px}.margin-10--top\@xl{margin-top:10px}.margin-10--bottom\@xl{margin-bottom:10px}.margin-10--left\@xl{margin-left:10px}.margin-10--right\@xl{margin-right:10px}.padding-10\@xl{padding:10px}.padding-10--top\@xl{padding-top:10px}.padding-10--bottom\@xl{padding-bottom:10px}.padding-10--left\@xl{padding-left:10px}.padding-10--right\@xl{padding-right:10px}}.markdown-section pre{border-radius:6px;background-color:#222328;font-family:'Roboto Mono', Monaco, courier, monospace;overflow:auto;padding:0;position:relative;word-wrap:normal;margin-bottom:30px}.markdown-section pre>code{padding:25px 30px !important}.markdown-section pre,.markdown-section pre code{font-size:14px;line-height:1.6rem}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#78797c}.token.namespace{opacity:0.7}.token.boolean,.token.number{color:#c76b29}.token.punctuation{color:#9d9d9f}.token.property{color:#f6bf53}.token.tag{color:#7681e8}.token.string{color:#5dd3f1}.token.selector{color:#6679cc}.token.attr-name{color:#22c49a}.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#22a2c9}.token.attr-value,.token.control,.token.directive,.token.unit{color:#f1647b}.token.keyword,.token.function{color:#f6bf53}.token.statement,.token.regex,.token.atrule{color:#22a2c9}.token.placeholder,.token.variable{color:#3d8fd1}.token.deleted{text-decoration:line-through}.token.inserted{border-bottom:1px dotted #202746;text-decoration:none}.token.italic{font-style:italic}.token.important,.token.bold{font-weight:bold}.token.important{color:#c94922}.token.entity{cursor:help}.markdown-section pre>code{background-color:transparent;color:#e6e7e7;display:block;line-height:inherit;margin:0 2px;max-width:inherit;overflow:inherit;padding:2.2em 5px;white-space:inherit}.markdown-section code::after,.markdown-section code::before{letter-spacing:0.05rem}code .token{min-height:1.5rem;position:relative;left:auto}pre::after{color:#848588;content:attr(data-lang);font-size:12px;font-weight:600;height:15px;line-height:15px;padding:5px 10px 0;position:absolute;right:0;text-align:right;top:0}::-moz-selection{background:rgba(104,117,238,0.15)}::selection{background:rgba(104,117,238,0.15)}*{outline:none !important}div{box-sizing:border-box}html,body{font-family:'Roboto', sans-serif;font-size:15px;font-variant-numeric:normal;font-feature-settings:normal}body{background:#fff linear-gradient(110deg, rgba(75,214,249,0.05) 0%, rgba(104,117,238,0.05) 100%)}body:before{z-index:9000;content:'\00a0';position:fixed;top:0;left:0;width:100%;height:100%;background:#fff linear-gradient(110deg, #4BD6F9 0%, #6875ee 100%);transition:opacity 0.2s 0.4s, transform 0.4s 0.2s}body.ready:before{opacity:0;transform:translateY(-100vh)}body.ready header{opacity:1}h1{font-size:32px}h2{font-size:26px}h3{font-weight:500;font-size:16px}p{font-size:15px}code{font-size:13.5px}h1,h2,h3,h4,h5,h6{color:#6875ee}h1 a{transition:color 0.2s}h1 a,h1 a:active,h1 a:visited,h2 a,h2 a:active,h2 a:visited{color:#222328}h1 a:hover,h2 a:hover{color:#6875ee}h1 a,h2 a{display:inline-flex;align-items:center}h1 a:before,h2 a:before{content:'#';color:#6875ee;margin-right:15px;font-size:18px}h1 a:before{font-size:18px}h2 a:before{font-size:16px}p{color:#5f6064}code{font-family:'Roboto Mono', Monaco, courier, monospace;color:#606ac6;background:#f3f3fa}a,a:active,a:visited{color:#6875ee;text-decoration:none}a:hover{color:#4a57d3}table{width:100%;background:#fff;border-radius:6px;border-collapse:collapse;box-shadow:0 1px 14px rgba(28,32,60,0.075)}table th,table td{min-width:180px;text-align:left}table thead tr th{padding:19px 24px;color:#222328;font-size:13px}table thead tr th b,table thead tr th strong{font-weight:500}table thead tr:first-child th:first-child{border-radius:6px 0 0 0}table thead tr:first-child th:last-child{border-radius:0 6px 0 0}table thead tr:last-child th{border-bottom:1px solid #e6e7e7}table thead tr th:not(:last-child){border-right:1px solid #e6e7e7}table tbody tr td{padding:14px 24px;color:#5f6064;font-size:15px}table tbody tr td:nth-child(1) code{font-weight:700;color:#09b488;background:#eef7f6}table tbody tr:not(:last-child) td{border-bottom:1px solid #f3f3f3}header{overflow:hidden;position:relative;width:100%;border-bottom:1px solid rgba(9,11,16,0.07)}header .wrapper{z-index:100;position:relative;display:flex;flex-direction:row;align-items:center;width:100%;height:140px;max-width:1490px;margin:0 auto;padding:0 40px}header .logo{text-align:center;margin-right:auto}header .logo a{display:inline-block;max-width:130px}header .logo img{display:block;width:100%;max-height:100%}header .social:not(:last-child){margin-right:30px}header .social a{display:inline-flex;align-items:center;padding:10px 14px;font-size:13px;border-radius:500px;color:#535458}header .social.black a{color:rgba(255,255,255,0.9);background:#090b10}header .social.blue a{color:rgba(255,255,255,0.9);background:#6875ee}header .social a i{opacity:0.8;margin-right:12px}main{z-index:200;position:relative;overflow-x:hidden;display:flex;flex-direction:row;justify-content:center;padding:35px 0}.sidebar{flex:0 0 auto;display:none;flex-direction:column;width:320px;padding:10px 35px 10px 35px;margin-right:50px;border-right:1px solid rgba(9,11,16,0.07)}@media screen and (min-width: 1200px){.sidebar{display:flex}}.content{flex:1 1 auto;width:100%;max-width:1120px;padding:10px 30px}.app-name{display:none;order:100;width:100%;padding:5px 0 20px;text-align:center}.app-name>a{display:inline-block;max-width:120px}.app-name>a>img{width:100%}.search{position:relative;order:200;border:none !important;padding:8px 4px 12px 12px !important}.search .input-wrap{border-radius:500px;background:rgba(9,11,16,0.05)}.search .input-wrap input{height:44px;line-height:44px;padding:0 0 0 24px}.search .input-wrap input,.search .input-wrap input:focus{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;box-shadow:none}.results-panel{position:absolute;top:100%;left:0}.sidebar-nav{order:300}.sidebar-nav p{padding:4px 12px;font-size:11px;font-weight:600;color:#3a3c40;text-transform:uppercase}.sidebar-nav ul ul{padding:4px 0 4px 14px}.sidebar-nav a{transition:color 0.2s, background 0.2s}.sidebar-nav a,.sidebar-nav a:active,.sidebar-nav a:visited{display:inline-block;font-size:14px;color:#78797c;padding:4px 12px;border-radius:4px}.sidebar-nav ul ul ul>li>a:before{content:'-';color:#cececf;margin-right:8px}.sidebar-nav a:hover{color:#47484c}.sidebar-nav li>a:has(+.app-sub-sidebar),.sidebar-nav li>a:active:has(+.app-sub-sidebar),.sidebar-nav li>a:visited:has(+.app-sub-sidebar){color:#6875ee;background:rgba(104,117,238,0.1)}.sidebar-nav ul ul ul li.active>a,.sidebar-nav ul ul ul li.active>a:active,.sidebar-nav ul ul ul li.active>a:visited{color:#222328}.markdown-section h1,.markdown-section h2,.markdown-section h3,.markdown-section h4,.markdown-section h5,.markdown-section h6,.markdown-section p{margin-bottom:30px}.markdown-section code{background-color:rgba(104,117,238,0.15);border-radius:4px;font-size:0.8rem;margin:0 2px;padding:3px 5px;white-space:pre-wrap}.markdown-section code[data-type]{color:#919193;background:#f5f5f6}.markdown-section table{margin-bottom:30px}.demo-wrapper{overflow:hidden;position:relative;margin-bottom:30px;border-radius:6px;background:#fff;box-shadow:0 1px 14px rgba(28,32,60,0.075)}.markdown-section .demo-options{padding:20px 40px 24px;border-bottom:1px solid #e6e7e7}.markdown-section .demo-options .n-form-item{margin-bottom:4px}.markdown-section .demo-display{padding:40px}.markdown-section .demo-display>.grid:not(:last-child){margin-bottom:20px}
|
2
|
+
|
@@ -1,12 +1,42 @@
|
|
1
1
|
# Table
|
2
2
|
Draggable table with diffrent styles.
|
3
3
|
|
4
|
-
```
|
5
|
-
|
6
|
-
|
7
|
-
|
4
|
+
```js [demo]
|
5
|
+
pi.Obj.assign(window.VueData, {
|
6
|
+
tableBinds: {
|
7
|
+
draggable: true,
|
8
|
+
}
|
9
|
+
});
|
8
10
|
```
|
9
11
|
|
12
|
+
## Demo
|
13
|
+
|
14
|
+
```html [demo]
|
15
|
+
<n-form>
|
16
|
+
<div class="demo-options">
|
17
|
+
<div class="grid grid--row grid--wrap grid--20-20">
|
18
|
+
<n-form-item label="Draggable" class="col--auto">
|
19
|
+
<n-switch v-model="tableBinds.draggable">Activate drag and drop</n-switch>
|
20
|
+
</n-form-item>
|
21
|
+
</div>
|
22
|
+
</div>
|
23
|
+
<div class="demo-display">
|
24
|
+
<n-table style="height: 600px;" v-model:items="itemsMini" :render-expand="true" :item-height="80" :use-keys="true" :threshold="101" v-bind="tableBinds">
|
25
|
+
<n-table-column label="Image" type="image" prop="image" :fixed-width="90"></n-table-column>
|
26
|
+
<n-table-column label="ID" type="string" prop="id" :filter="true">
|
27
|
+
<template v-slot="{ item }">
|
28
|
+
{{ item.id.replace(/^([^\-]+\-[^\-]+)(.*?)$/i, '$1') + '-wow~' }}
|
29
|
+
</template>
|
30
|
+
</n-table-column>
|
31
|
+
<n-table-column label="Label" type="string" prop="label" :fluid="true" :sort="true" :filter="true"></n-table-column>
|
32
|
+
<n-table-column label="Date" type="datetime" prop="date" :filter="true"></n-table-column>
|
33
|
+
</n-table>
|
34
|
+
</div>
|
35
|
+
</n-form>
|
36
|
+
```
|
37
|
+
|
38
|
+
## Example
|
39
|
+
|
10
40
|
### Table
|
11
41
|
|
12
42
|
```html
|
@@ -14,10 +44,9 @@ Draggable table with diffrent styles.
|
|
14
44
|
|
15
45
|
<template>
|
16
46
|
<n-table :items="items" :render-expand="true" :item-height="100">
|
17
|
-
<n-table-column label="Label" type="string" prop="label" :fluid="true" :sort="true"
|
47
|
+
<n-table-column label="Label" type="string" prop="label" :fluid="true" :sort="true"></n-table-column>
|
18
48
|
<n-table-column label="Image" type="image" prop="image" :fixed-width="90"></n-table-column>
|
19
49
|
<n-table-column label="Date" type="datetime" prop="date" :filter="true"></n-table-column>
|
20
|
-
<n-table-column label="ID" type="string" prop="id" :sort="true"></n-table-column>
|
21
50
|
</n-table>
|
22
51
|
</template>
|
23
52
|
|
@@ -35,18 +64,15 @@ Draggable table with diffrent styles.
|
|
35
64
|
this.total = 0;
|
36
65
|
}
|
37
66
|
|
38
|
-
return pi.Arr.each(pi.Arr.make(count), () => {
|
39
|
-
|
40
|
-
this.total++;
|
41
|
-
|
67
|
+
return pi.Arr.each(pi.Arr.make(count), (index) => {
|
42
68
|
return {
|
43
|
-
label: 'Item ' +
|
44
|
-
id: 'value-a-' +
|
45
|
-
image: 'https://picsum.photos/100/100?' +
|
69
|
+
label: 'Item ' + index,
|
70
|
+
id: 'value-a-' + index,
|
71
|
+
image: 'https://picsum.photos/100/100?' + index,
|
46
72
|
date: new Date,
|
47
73
|
children: this.generator(count, depth - 1)
|
48
74
|
};
|
49
|
-
})
|
75
|
+
});
|
50
76
|
}
|
51
77
|
|
52
78
|
},
|
@@ -0,0 +1,122 @@
|
|
1
|
+
# Button
|
2
|
+
|
3
|
+
The `<n-button>` component is a versatile and customizable button component, providing various styling options and functionalities. Below is a detailed description of its props, methods, and usage.
|
4
|
+
|
5
|
+
## Demo
|
6
|
+
|
7
|
+
```js [demo]
|
8
|
+
pi.Obj.assign(window.VueData, {
|
9
|
+
buttonBinds: {
|
10
|
+
size: 'md', icon: null, iconPosition: 'before', disabled: false,
|
11
|
+
},
|
12
|
+
positions: {
|
13
|
+
'before': 'Before', 'after': 'After'
|
14
|
+
}
|
15
|
+
});
|
16
|
+
```
|
17
|
+
|
18
|
+
```html [demo]
|
19
|
+
<n-form>
|
20
|
+
<div class="demo-options">
|
21
|
+
<div class="grid grid--row grid--wrap grid--20-20">
|
22
|
+
<n-form-item class="col--1-1 col--6-12@sm col--3-12@md" label="Size">
|
23
|
+
<n-select v-model="buttonBinds.size" :options="sizes" />
|
24
|
+
</n-form-item>
|
25
|
+
<n-form-item class="col--1-1 col--6-12@sm col--3-12@md" label="Icon">
|
26
|
+
<n-select v-model="buttonBinds.icon" placeholder="Icon" :clearable="true" :options="icons" />
|
27
|
+
</n-form-item>
|
28
|
+
<n-form-item class="col--1-1 col--6-12@sm col--3-12@md" label="Position">
|
29
|
+
<n-select v-model="buttonBinds.iconPosition" :options="positions" />
|
30
|
+
</n-form-item>
|
31
|
+
<n-form-item class="col--1-1 col--6-12@sm col--3-12@md" label="Disabled">
|
32
|
+
<n-switch v-model="buttonBinds.disabled">Activate disable state</n-switch>
|
33
|
+
</n-form-item>
|
34
|
+
</div>
|
35
|
+
</div>
|
36
|
+
<div class="demo-display">
|
37
|
+
<div class="grid grid--row grid--wrap grid--40-40 grid--middle">
|
38
|
+
<div class="col--auto">
|
39
|
+
<n-button v-bind="buttonBinds" type="primary">Primary</n-button>
|
40
|
+
</div>
|
41
|
+
<div class="col--auto">
|
42
|
+
<n-button v-bind="buttonBinds" type="secondary">Secondary</n-button>
|
43
|
+
</div>
|
44
|
+
<div class="col--auto">
|
45
|
+
<n-button v-bind="buttonBinds" type="success">Success</n-button>
|
46
|
+
</div>
|
47
|
+
<div class="col--auto">
|
48
|
+
<n-button v-bind="buttonBinds" type="warning">Warning</n-button>
|
49
|
+
</div>
|
50
|
+
<div class="col--auto">
|
51
|
+
<n-button v-bind="buttonBinds" type="danger">Danger</n-button>
|
52
|
+
</div>
|
53
|
+
<div class="col--auto">
|
54
|
+
<n-button v-bind="buttonBinds" type="info">Info</n-button>
|
55
|
+
</div>
|
56
|
+
</div>
|
57
|
+
<div class="grid grid--row grid--wrap grid--40-40 grid--middle">
|
58
|
+
<div class="col--auto">
|
59
|
+
<n-button v-bind="buttonBinds" :link="true" type="primary">Primary</n-button>
|
60
|
+
</div>
|
61
|
+
<div class="col--auto">
|
62
|
+
<n-button v-bind="buttonBinds" :link="true" type="secondary">Secondary</n-button>
|
63
|
+
</div>
|
64
|
+
<div class="col--auto">
|
65
|
+
<n-button v-bind="buttonBinds" :link="true" type="success">Success</n-button>
|
66
|
+
</div>
|
67
|
+
<div class="col--auto">
|
68
|
+
<n-button v-bind="buttonBinds" :link="true" type="warning">Warning</n-button>
|
69
|
+
</div>
|
70
|
+
<div class="col--auto">
|
71
|
+
<n-button v-bind="buttonBinds" :link="true" type="danger">Danger</n-button>
|
72
|
+
</div>
|
73
|
+
<div class="col--auto">
|
74
|
+
<n-button v-bind="buttonBinds" :link="true" type="info">Info</n-button>
|
75
|
+
</div>
|
76
|
+
</div>
|
77
|
+
<div class="grid grid--row grid--wrap grid--40-40 grid--middle">
|
78
|
+
<div class="col--auto">
|
79
|
+
<n-button v-bind="buttonBinds" :square="true" icon="fa fa-search" type="primary">Primary</n-button>
|
80
|
+
</div>
|
81
|
+
<div class="col--auto">
|
82
|
+
<n-button v-bind="buttonBinds" :square="true" icon="fa fa-envelope" type="secondary">Secondary</n-button>
|
83
|
+
</div>
|
84
|
+
<div class="col--auto">
|
85
|
+
<n-button v-bind="buttonBinds" :square="true" icon="fa fa-check" type="success">Success</n-button>
|
86
|
+
</div>
|
87
|
+
<div class="col--auto">
|
88
|
+
<n-button v-bind="buttonBinds" :square="true" icon="fa fa-star" type="warning">Warning</n-button>
|
89
|
+
</div>
|
90
|
+
<div class="col--auto">
|
91
|
+
<n-button v-bind="buttonBinds" :square="true" icon="fa fa-trash" type="danger">Danger</n-button>
|
92
|
+
</div>
|
93
|
+
<div class="col--auto">
|
94
|
+
<n-button v-bind="buttonBinds" :square="true" icon="fa fa-user" type="info">Info</n-button>
|
95
|
+
</div>
|
96
|
+
</div>
|
97
|
+
</div>
|
98
|
+
</n-form>
|
99
|
+
```
|
100
|
+
|
101
|
+
## Example
|
102
|
+
|
103
|
+
```vue
|
104
|
+
<template>
|
105
|
+
<n-button type="primary" icon="fa fa-search" @click="window.alert('click event!')">
|
106
|
+
Button
|
107
|
+
</n-button>
|
108
|
+
</template>
|
109
|
+
```
|
110
|
+
|
111
|
+
## Properties
|
112
|
+
|
113
|
+
| **Prop** | **Type** | **Default** | **Description** |
|
114
|
+
|----------------|-----------|-------------|-------------------------------------------------------------------------------------------------|
|
115
|
+
| `type` | `String` | `'primary'` | Defines the button's style type (e.g., 'primary', 'secondary', 'success', 'warning', 'danger'). |
|
116
|
+
| `size` | `String` | `'md'` | Sets the size of the button (e.g., 'sm', 'md', 'lg'). |
|
117
|
+
| `link` | `Boolean` | `false` | If true, styles the button as a link. |
|
118
|
+
| `square` | `Boolean` | `false` | If true, makes the button square. |
|
119
|
+
| `disabled` | `Boolean` | `false` | If true, disables the button. |
|
120
|
+
| `icon` | `String` | `null` | The icon class name to be used within the button. |
|
121
|
+
| `iconPosition` | `String` | `'before'` | Sets the position of the icon relative to the button text (e.g., 'before', 'after'). |
|
122
|
+
| `nativeType` | `String` | `'button'` | Sets the native HTML element type (typically 'button'). |
|
@@ -1,6 +1,20 @@
|
|
1
1
|
# Form
|
2
2
|
Form you know.
|
3
3
|
|
4
|
+
```js [demo]
|
5
|
+
pi.Obj.assign(window.VueData, {
|
6
|
+
form: {
|
7
|
+
size: 'md', icon: null, square: false, link: false, disabled: false,
|
8
|
+
},
|
9
|
+
sizes: {
|
10
|
+
'sm': 'Small', 'md': 'Medium', 'lg': 'Large'
|
11
|
+
},
|
12
|
+
icons: {
|
13
|
+
'fa fa-ghost': 'Ghost', 'fa fa-plus': 'Plus', 'fa fa-minus': 'Minus'
|
14
|
+
}
|
15
|
+
});
|
16
|
+
```
|
17
|
+
|
4
18
|
```html
|
5
19
|
/*vue*/
|
6
20
|
<template>
|
@@ -0,0 +1,90 @@
|
|
1
|
+
# NInput
|
2
|
+
|
3
|
+
The `<n-input>` component provides a customizable input field with optional icon support.
|
4
|
+
|
5
|
+
## Demo
|
6
|
+
|
7
|
+
```js [demo]
|
8
|
+
pi.Obj.assign(window.VueData, {
|
9
|
+
inputBinds: {
|
10
|
+
size: 'md', type: 'primary', icon: null, iconPosition: 'after', disabled: false, placeholder: 'Enter your text'
|
11
|
+
},
|
12
|
+
inputReact: {
|
13
|
+
model: ''
|
14
|
+
},
|
15
|
+
positions: {
|
16
|
+
'before': 'Before', 'after': 'After'
|
17
|
+
}
|
18
|
+
});
|
19
|
+
```
|
20
|
+
|
21
|
+
```html [demo]
|
22
|
+
<n-form>
|
23
|
+
<div class="demo-options">
|
24
|
+
<div class="grid grid--row grid--wrap grid--20-20">
|
25
|
+
<n-form-item class="col--1-1 col--6-12@sm col--3-12@lg" label="Type">
|
26
|
+
<n-select v-model="inputBinds.type" :options="types" />
|
27
|
+
</n-form-item>
|
28
|
+
<n-form-item class="col--1-1 col--6-12@sm col--3-12@lg" label="Size">
|
29
|
+
<n-select v-model="inputBinds.size" :options="sizes" />
|
30
|
+
</n-form-item>
|
31
|
+
<n-form-item class="col--1-1 col--6-12@sm col--3-12@lg" label="Icon">
|
32
|
+
<n-select v-model="inputBinds.icon" placeholder="Icon" :clearable="true" :options="icons" />
|
33
|
+
</n-form-item>
|
34
|
+
<n-form-item class="col--1-1 col--6-12@sm col--3-12@lg" label="Disabled">
|
35
|
+
<n-switch v-model="inputBinds.disabled">Activate disable state</n-switch>
|
36
|
+
</n-form-item>
|
37
|
+
</div>
|
38
|
+
</div>
|
39
|
+
<div class="demo-display">
|
40
|
+
<div class="grid grid--row grid--wrap grid--40-40 grid--middle">
|
41
|
+
<div class="col--auto">
|
42
|
+
<n-input v-model="inputReact.model" v-bind="inputBinds" placeholder="Enter your text" />
|
43
|
+
</div>
|
44
|
+
<div class="col--flex-1-1">
|
45
|
+
<code style="white-space: initial">{{ inputReact }}</code>
|
46
|
+
</div>
|
47
|
+
</div>
|
48
|
+
</div>
|
49
|
+
</n-form>
|
50
|
+
```
|
51
|
+
|
52
|
+
## Example
|
53
|
+
|
54
|
+
```vue
|
55
|
+
<template>
|
56
|
+
<n-input v-model="modelValue" placeholder="Enter text" />
|
57
|
+
</template>
|
58
|
+
|
59
|
+
<script>
|
60
|
+
export default {
|
61
|
+
data() {
|
62
|
+
return {
|
63
|
+
modelValue: 'foobar',
|
64
|
+
};
|
65
|
+
},
|
66
|
+
};
|
67
|
+
</script>
|
68
|
+
```
|
69
|
+
|
70
|
+
In this example, an `NInput` component is used to create an input field. The value of the input is bound to the `modelValue` data property using `v-model`.
|
71
|
+
|
72
|
+
## Properties
|
73
|
+
|
74
|
+
| Prop | Type | Default | Description |
|
75
|
+
|-------------------|-----------|------------|------------------------------------------------------------------------------------------------------|
|
76
|
+
| `modelValue` | `String` | `null` | The value of the input field. |
|
77
|
+
| `type` | `String` | `'primary'` | The type of the input field. |
|
78
|
+
| `size` | `String` | `'md'` | The size of the input field. Can be `'sm'`, `'md'`, or `'lg'`. |
|
79
|
+
| `disabled` | `Boolean` | `false` | Whether the input field is disabled. |
|
80
|
+
| `placeholder` | `String` | `''` | The placeholder text for the input field. |
|
81
|
+
| `icon` | `String` | `''` | The name of the icon to display. |
|
82
|
+
| `iconPosition` | `String` | `'after'` | The position of the icon relative to the input field (`'before'` or `'after'`). |
|
83
|
+
| `iconDisabled` | `Boolean` | `null` | Whether the icon is disabled. If `null`, it will use the input's disabled state. |
|
84
|
+
| `nativeType` | `String` | `'text'` | The native type of the input field (`'text'`, `'password'`, `'email'`, etc.). |
|
85
|
+
|
86
|
+
## Events
|
87
|
+
|
88
|
+
| Event Name | Description |
|
89
|
+
|----------------|-------------------------------------------------------------------------------------------------------|
|
90
|
+
| `icon-click` | Emitted when the icon is clicked. |
|