diff --git a/.versions b/.versions
index f94b0a0..cdd0f4a 100644
--- a/.versions
+++ b/.versions
@@ -1,2 +1,2 @@
 meteor@1.9.3
-vishnucss:vishnu@1.1.0-rc.1
+vishnucss:vishnu@1.1.0-rc.2
diff --git a/dist/vishnu.css b/dist/vishnu.css
index 3a545e3..74e7797 100644
--- a/dist/vishnu.css
+++ b/dist/vishnu.css
@@ -1,7 +1,7 @@
 /**
-* vishnucss - v1.1.0-rc.1
+* vishnucss - v1.1.0-rc.2
 * https://vishnucss.github.io/vishnu
-*/
+*/
 
 /*
 * Responsive
@@ -817,7 +817,7 @@ table thead, .table thead {
       }
 }
 
-/* 
+/*
  * Images
 */
 
diff --git a/dist/vishnu.min.css b/dist/vishnu.min.css
index 2ed2e59..4bc6c83 100644
--- a/dist/vishnu.min.css
+++ b/dist/vishnu.min.css
@@ -1,6 +1,6 @@
 /**
-* vishnucss - v1.1.0-rc.1
+* vishnucss - v1.1.0-rc.2
 * https://vishnucss.github.io/vishnu
-*/
+*/
 ::-moz-selection{color:#fff;background:#a460e8}::selection{color:#fff;background:#a460e8}body,html{margin:0;padding:0}html{box-sizing:border-box;font-size:62.5%;letter-spacing:-.04em}body{line-height:1.5;font-size:1.6rem;font-family:-apple-system,BlinkMacSystemFont,Avenir,Avenir Next,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:400;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:1rem;font-weight:400}h1{font-size:5rem;line-height:1.2}h2{font-size:4.2rem;line-height:1.25}h3{font-size:3.6rem;line-height:1.3}h4{font-size:3rem;line-height:1.35}h5{font-size:2.4rem;line-height:1.5}h6{font-size:1.8rem;line-height:1.6}p{margin-top:0;margin-bottom:1rem;font-size:1.6rem}@media only screen and (max-width:25em){h1{font-size:4rem}h2{font-size:3.5rem}h3{font-size:3rem}h4{font-size:2.6rem}h5{font-size:2.2rem}h6{font-size:1.8rem}}:-webkit-any-link{color:#8549b9;transition:color .1s ease}:any-link{color:#8549b9;transition:color .1s ease}:-webkit-any-link:hover{cursor:pointer;color:rgba(133,73,185,.8);text-decoration:none}:any-link:hover{cursor:pointer;color:rgba(133,73,185,.8);text-decoration:none}:-webkit-any-link:focus{outline:thin dotted}:any-link:focus{outline:thin dotted}:-webkit-any-link:active,:-webkit-any-link:hover{outline:0}:any-link:active,:any-link:hover{outline:0}.button,[type=submit],button{padding:0 1.5rem;font-size:1.6rem;min-height:52px;font-weight:600;color:#4c4c4c;background:#f0f0f0;border-radius:4px;transition:all .2s ease-in-out;border:1px solid transparent;line-height:1.8rem;cursor:pointer;text-decoration:none;display:flex;align-items:center;justify-content:center}.button .icon,[type=submit] .icon,button .icon{margin:0 5px;stroke:#4c4c4c}.button:hover,[type=submit]:hover,button:hover{color:rgba(76,76,76,.7);background:hsla(0,0%,94%,.7)}.button:hover .icon,[type=submit]:hover .icon,button:hover .icon{stroke:rgba(76,76,76,.7)}.button:focus,[type=submit]:focus,button:focus{outline:none;background:hsla(0,0%,94%,.8)}.button:focus .icon,[type=submit]:focus .icon,button:focus .icon{stroke:rgba(76,76,76,.7)}.button.small,[type=submit].small,button.small{font-size:1.4rem;min-height:36px;font-weight:700;line-height:1.2rem}.button.large,[type=submit].large,button.large{font-size:2rem;min-height:58px;padding:1.4rem 3.2rem;line-height:1.4rem}.button.outline,[type=submit].outline,button.outline{color:#4c4c4c;background:none;border:1px solid #4c4c4c}.button.outline.primary,[type=submit].outline.primary,button.outline.primary{color:#8549b9;background:none;border:1px solid #8549b9}.button.outline.primary:hover,[type=submit].outline.primary:hover,button.outline.primary:hover{background:none;border:1px solid rgba(133,73,185,.7);color:rgba(133,73,185,.7)}.button.outline.primary:active,.button.outline.primary:focus,[type=submit].outline.primary:active,[type=submit].outline.primary:focus,button.outline.primary:active,button.outline.primary:focus{background:none;border-color:rgba(133,73,185,.8);color:rgba(133,73,185,.8)}.button.outline:hover,[type=submit].outline:hover,button.outline:hover{background:none;border:1px solid rgba(76,76,76,.7);color:rgba(76,76,76,.7)}.button.outline:focus,[type=submit].outline:focus,button.outline:focus{border-color:rgba(76,76,76,.8);color:rgba(76,76,76,.8)}.button.flat,[type=submit].flat,button.flat{color:#4c4c4c;background:none;border:1px solid transparent}.button.flat.primary,[type=submit].flat.primary,button.flat.primary{color:#8549b9}.button.flat.primary:hover,[type=submit].flat.primary:hover,button.flat.primary:hover{color:rgba(133,73,185,.8)}.button.flat.primary:active,.button.flat.primary:focus,[type=submit].flat.primary:active,[type=submit].flat.primary:focus,button.flat.primary:active,button.flat.primary:focus{color:rgba(133,73,185,.9)}.button.flat.primary .icon,[type=submit].flat.primary .icon,button.flat.primary .icon{stroke:#8549b9}.button.flat:hover,[type=submit].flat:hover,button.flat:hover{background:none;color:rgba(76,76,76,.8)}.button.flat:focus,[type=submit].flat:focus,button.flat:focus{color:rgba(76,76,76,.9)}.button.primary,[type=submit].primary,button.primary{color:#fff;background:#8549b9;border:1px solid transparent}.button.primary .icon,[type=submit].primary .icon,button.primary .icon{stroke:#fff}.button.primary:hover,[type=submit].primary:hover,button.primary:hover{background:rgba(133,73,185,.8);color:#fff}.button.primary:focus,[type=submit].primary:focus,button.primary:focus{background:rgba(133,73,185,.9)}.button.rounded,[type=submit].rounded,button.rounded{border-radius:50px}.button.success,[type=submit].success,button.success{color:#fff;background:#0dc222;border:1px solid transparent}.button.success .icon,[type=submit].success .icon,button.success .icon{stroke:#fff}.button.success:hover,[type=submit].success:hover,button.success:hover{background:rgba(13,194,34,.8);color:#fff}.button.success:focus,[type=submit].success:focus,button.success:focus{background:rgba(13,194,34,.9)}.button.error,[type=submit].error,button.error{color:#fff;background:#f93838;border:1px solid transparent}.button.error .icon,[type=submit].error .icon,button.error .icon{stroke:#fff}.button.error:hover,[type=submit].error:hover,button.error:hover{background:rgba(249,56,56,.8);color:#fff}.button.error:focus,[type=submit].error:focus,button.error:focus{background:rgba(249,56,56,.9)}.button.warning,[type=submit].warning,button.warning{color:#fff;background:#f2ad00;border:1px solid transparent}.button.warning .icon,[type=submit].warning .icon,button.warning .icon{stroke:#fff}.button.warning:hover,[type=submit].warning:hover,button.warning:hover{background:rgba(242,173,0,.8);color:#fff}.button.warning:focus,[type=submit].warning:focus,button.warning:focus{background:rgba(242,173,0,.9)}.button.info,[type=submit].info,button.info{color:#fff;background:#2c80ff;border:1px solid transparent}.button.info .icon,[type=submit].info .icon,button.info .icon{stroke:#fff}.button.info:hover,[type=submit].info:hover,button.info:hover{background:rgba(44,128,255,.8);color:#fff}.button.info:focus,[type=submit].info:focus,button.info:focus{background:rgba(44,128,255,.9)}input[type=email],input[type=file],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{width:100%;height:42px;padding:10px;margin-top:1rem;margin-bottom:1rem;font-size:1.4rem;box-sizing:border-box;background:#fff;border:1px solid #cfcfcf;border-radius:4px;transition:all .2s ease-in-out}input[type=email]:hover,input[type=file]:hover,input[type=number]:hover,input[type=password]:hover,input[type=search]:hover,input[type=tel]:hover,input[type=text]:hover,input[type=url]:hover,select:hover,textarea:hover{border-color:rgba(133,73,185,.8)}input[type=email]:focus,input[type=file]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{outline:none;border-color:#8549b9;box-shadow:0 0 0 2px rgba(133,73,185,.2)}textarea{min-height:7rem}.checkbox,select{cursor:pointer}.checkbox{display:flex;position:relative;padding-left:30px;min-height:20px;font-size:1.6rem;line-height:1.5;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;border-radius:4px}.checkbox .checkmark{position:absolute;top:0;left:0;height:18px;width:18px;background-color:#fff;border:1px solid #cfcfcf;transition:all .2s ease-in-out;border-radius:4px}.checkbox input{position:absolute;opacity:0;cursor:pointer}.checkbox .checkmark:after{left:6px;top:1px;width:4px;height:10px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}.radio{display:flex;position:relative;padding-left:30px;cursor:pointer;font-size:1.6rem;line-height:1.5;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.radio .radiomark{position:absolute;top:0;left:0;height:18px;width:18px;background-color:#fff;border:1px solid #cfcfcf;border-radius:50%;transition:all .2s ease-in-out}.radio input{position:absolute;opacity:0}.radio .radiomark:after{top:6px;left:6px;width:6px;height:6px;border-radius:50%;background:#fff}.checkbox:hover input~.checkmark,.radio:hover input~.radiomark{border-color:rgba(133,73,185,.8)}.checkbox input:checked~.checkmark,.radio input:checked~.radiomark{background-color:#8549b9;border-color:#8549b9;box-shadow:0 0 0 2px rgba(133,73,185,.2)}.checkbox .checkmark:after,.radio .radiomark:after{content:"";position:absolute;display:none}.checkbox input:checked~.checkmark:after,.radio input:checked~.radiomark:after{display:block}ol,ul{padding-left:0;margin-top:0;margin-bottom:1rem;list-style-position:inside}ol ol,ol ul,ul ol,ul ul{margin:1rem 0 1rem 2rem;font-size:95%}li{margin-bottom:1rem}.table,table{width:100%;border:none;border-collapse:collapse;border-spacing:0;text-align:left}.table td,.table th,table td,table th{vertical-align:middle;padding:12px 4px}.table thead,table thead{border-bottom:1px solid #cfcfcf}@media only screen and (max-width:48em){.table.responsive,table.responsive{position:relative;display:block}.table.responsive td,.table.responsive th,table.responsive td,table.responsive th{margin:0}.table.responsive thead,table.responsive thead{display:block;float:left;border:0}.table.responsive thead tr,table.responsive thead tr{display:block;padding:0 10px 0 0;border-right:1px solid #cfcfcf}.table.responsive thead th,table.responsive thead th{text-align:left}.table.responsive th,table.responsive th{display:block;text-align:right}.table.responsive tbody,table.responsive tbody{display:block;overflow-x:auto;white-space:nowrap}.table.responsive tbody tr,table.responsive tbody tr{display:inline-block}.table.responsive td,table.responsive td{display:block;min-height:16px;text-align:left}.table.responsive tr,table.responsive tr{padding:0 10px}}img{max-width:100%}hr{height:0;margin:20px 0;border:0;border-top:1px solid #cfcfcf}pre{margin-top:0;margin-bottom:1rem}code{padding:.2rem .5rem;margin:0 .2rem;font-size:1.3rem;white-space:nowrap;background:#fff;border:1px solid #cfcfcf;border-radius:4px;font-family:Consolas,Monaco,Menlo,monospace}pre>code{display:block;padding:1rem 1.5rem;white-space:pre-wrap;word-wrap:break-word}.shadow{box-shadow:0 0 5px 3px rgba(0,0,0,.0325)}@media only screen and (max-width:25em){.hide-sm{display:none}}@media only screen and (max-width:48em){.hide-md{display:none}}@media only screen and (max-width:62em){.hide-lg{display:none}}@media only screen and (max-width:75em){.hide-xl{display:none}}.alert{position:relative;padding:8px 20px;margin-bottom:15px;background:transparent;color:#4c4c4c;border-radius:4px;transition:all .2s ease-in-out;border:1px solid #cfcfcf;display:flex;justify-content:flex-start;flex-direction:column}.alert .description,.alert .title{margin:0}.alert .title{padding-right:20px;font-weight:500}.alert .close{position:absolute;right:5px;top:5px;display:flex;justify-content:center;align-items:center;padding:0;width:28px;height:28px;min-height:28px;font-size:1.3rem;background:transparent;border-radius:50%;color:#282828}.alert .close .icon{width:24px;height:24px}.alert .close .icon path{fill:#4c4c4c}.alert .close .icon circle{stroke:#4c4c4c;stroke-width:1}.alert.info{background:rgba(44,128,255,.05);border-color:rgba(44,128,255,.5)}.alert.info,.alert.info:before{color:#2c80ff}.alert.info .description{color:rgba(44,128,255,.6)}.alert.info .close .icon path{fill:#8549b9}.alert.info .close .icon circle{stroke:#8549b9;stroke-width:1}.alert.warning{background:rgba(242,173,0,.05);border-color:rgba(242,173,0,.5);color:#f2ad00}.alert.warning:before{color:#f2ad00}.alert.warning .description{color:rgba(242,173,0,.6)}.alert.warning .close{border-color:transparent;background:rgba(242,173,0,.5);color:#fff}.alert.error{background:rgba(249,56,56,.05);border-color:rgba(249,56,56,.5);color:#f93838}.alert.error .close .icon path{fill:#f93838}.alert.error .close .icon circle{stroke:#f93838;stroke-width:1}.alert.error .description{color:rgba(249,56,56,.6)}.alert.success{background:rgba(13,194,34,.05);border-color:rgba(13,194,34,.1);color:#0dc222}.alert.success .close{border-color:transparent}.alert.success .close .icon path{fill:#0dc222}.alert.success .close .icon circle{stroke:#0dc222;stroke-width:1}.alert.success .description{color:rgba(13,194,34,.6)}.alert.rounded{border-radius:4rem;padding-left:30px;padding-right:30px}.alert.rounded .close{top:50%;margin-top:-16px;right:14px}.placeholder{border:2px dashed #f0f0f0;background:hsla(0,0%,100%,.15)}.avatar{width:42px;height:42px;max-width:42px;min-width:42px;flex-basis:42px;background:#f1f1f1;border-radius:50%;line-height:normal;overflow:hidden;display:flex;align-items:center;justify-content:center;font-weight:700;color:#282828}.avatar.primary{background:#8549b9;color:#fff}.avatar.primary.outline{background:transparent;border-color:#8549b9;color:#8549b9}.avatar.outline{background:transparent;border:1px solid #282828}.avatar.small{width:32px;height:32px;max-width:32px;min-width:32px;flex-basis:32px}.avatar.large{width:62px;height:62px;max-width:62px;min-width:62px;flex-basis:62px}.chips{display:inline-flex;align-items:center;justify-content:center;padding:0;height:28px;border-radius:50px;background:#f2f2f2}.chips .image{border-radius:50%}.chips .icon{width:22px;height:22px;margin-left:8px;margin-right:-8px}.chips .icon.right{margin-right:8px;margin-left:-8px}.chips .label{font-size:13px;font-weight:500;padding:0 12px}.chips.small{height:20px}.chips.small img{max-height:20px}.chips.small .label{font-size:12px}.chips.large{height:42px;padding:0 16px}.chips.large img{max-height:42px}.chips.large .label{font-size:16px}.chips.primary{background:#8549b9}.chips.primary .label{color:#fff}.chips.primary .icon{stroke:#fff}.chips.error{background:#f93838}.chips.error .label{color:#fff}.chips.error .icon{stroke:#fff}.chips.success{background:#0dc222}.chips.success .label{color:#fff}.chips.success .icon{stroke:#fff}.chips.info{background:#2c80ff}.chips.info .label{color:#fff}.chips.info .icon{stroke:#fff}.chips.warning{background:#f2ad00}.chips.warning .label{color:#fff}.chips.warning .icon{stroke:#fff}.chips.dark{background:rgba(0,0,0,.45)}.chips.dark .label{color:#fff}.chips.dark .icon{stroke:#fff}.chips.outline{background:transparent;box-shadow:0 0 0 1px #cfcfcf}.chips.outline.icon{stroke:#4c4c4c}.chips.outline.primary{box-shadow:0 0 0 1px #8549b9}.chips.outline.primary .icon{stroke:#8549b9}.chips.outline.primary .label{color:#8549b9}.chips.outline.error{box-shadow:0 0 0 1px #f93838}.chips.outline.error .icon{stroke:#f93838}.chips.outline.error .label{color:#f93838}.chips.outline.success{box-shadow:0 0 0 1px #0dc222}.chips.outline.success .icon{stroke:#0dc222}.chips.outline.success .label{color:#0dc222}.chips.outline.info{box-shadow:0 0 0 1px #2c80ff}.chips.outline.info .icon{stroke:#2c80ff}.chips.outline.info .label{color:#2c80ff}.chips.outline.warning{box-shadow:0 0 0 1px #f2ad00}.chips.outline.warning .icon{stroke:#f2ad00}.chips.outline.warning .label{color:#f2ad00}.card{border:1px solid #f0f0f0;background:#fff;border-radius:4px}.card .card-footer,.card .card-header{position:relative;background:transparent;padding:15px;display:flex}.card .card-header{border-bottom:1px solid #f0f0f0}.card .card-footer{border-top:1px solid #f0f0f0}.card .card-title{margin:0}.card .card-content{padding:20px 15px}.collapse{width:100%}.collapse .collapse-item{position:relative;margin-bottom:2px;width:100%;color:#282828;overflow:hidden;border:1px solid #f0f0f0;transition:all .2s ease-in-out}.collapse .collapse-item:hover{border-color:#8549b9}.collapse input{position:absolute;opacity:0;z-index:-1}.collapse input:checked~label .icon.left,.collapse input:checked~label .icon.right{transform:rotate(-180deg)}.icon.left,.icon.right{width:22px;height:22px;stroke:#282828;transition:all .2s ease-in-out}.collapse label{position:relative;display:flex;justify-content:space-between;align-items:center;padding:6px 15px;font-weight:500;line-height:3;cursor:pointer}.collapse label:hover{background:transparent}.collapse-content{max-height:0;padding:0 15px;overflow:hidden;background:#fff;transition:max-height .25s}.collapse-content p{font-size:14px;line-height:16px;margin:10px 0}.collapse input:checked~.collapse-content{max-height:10em}.dialog{margin:45px auto;padding:20px;background:#fff;border:1px solid #cfcfcf;width:480px;height:320px;z-index:100;position:relative;border-radius:4px}.dialog .close{position:absolute;width:20px;height:20px;top:20px;right:20px;opacity:.8;font-size:24px;font-weight:700;text-decoration:none;color:#666}.dialog .close:hover{opacity:1}.dialog .close .icon{width:20px;height:20px;stroke:#4c4c4c}.overlay{position:fixed;z-index:90;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.88);visibility:hidden;opacity:0}.overlay.light{background:hsla(0,0%,100%,.92)}.overlay .cancel{position:absolute;width:100%;height:100%;cursor:default}.overlay:target{visibility:visible;opacity:1}.toggle{position:relative;display:inline-block}.toggle-input{display:none}.toggle-label{display:block;width:48px;height:24px;text-indent:-9999px;clip:rect(0 0 0 0);color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.toggle-label:after,.toggle-label:before{content:"";display:block;position:absolute;cursor:pointer}.toggle-label:before{width:100%;height:100%;background-color:#f0f0f0;border-radius:9999em;transition:background-color .25s ease}.toggle-label:after{top:0;left:0;width:24px;height:24px;border-radius:50%;background-color:#fff;transition:left .25s ease;box-shadow:1px 1px 4px 2px rgba(0,0,0,.0525)}.toggle-input:checked+.toggle-label:before{background-color:#0dc222}.toggle-input:checked+.toggle-label:after{left:25px}.toggle.activated .toggle-label{opacity:1}.toggle.activated .toggle-label:before{background-color:#0dc222}.toggle.activated .toggle-label:after{left:24px}.toggle.activated .toggle-input:checked+.toggle-label:before{background-color:#f0f0f0}.toggle.activated .toggle-input:checked+.toggle-label:after{left:0!important}.toggle.disabled{cursor:default}.toggle.disabled .toggle-input:checked+.toggle-label{opacity:.7}.toggle.disabled .toggle-input:checked+.toggle-label:before{background-color:#f0f0f0}.toggle.disabled .toggle-input:checked+.toggle-label:after{left:25px}.toggle.disabled .toggle-label{opacity:.7;cursor:default}.toggle.disabled .toggle-label:before{background-color:#f0f0f0;cursor:default}.toggle.disabled .toggle-label:after{top:0;left:0!important;box-shadow:1px 1px 4px 2px rgba(0,0,0,.0525)}.flex{flex-wrap:wrap}.container-fluid{margin-right:auto;margin-left:auto;padding-right:2rem;padding-left:2rem}.row{box-sizing:border-box;display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:wrap;margin-right:-.5rem;margin-left:-.5rem}.row.reverse{flex-direction:row-reverse}.col.reverse{flex-direction:column-reverse}.col-xs,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{box-sizing:border-box;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-xs{flex-grow:1;flex-basis:0;max-width:100%}.col-xs-1{flex-basis:8.333%;max-width:8.333%}.col-xs-2{flex-basis:16.667%;max-width:16.667%}.col-xs-3{flex-basis:25%;max-width:25%}.col-xs-4{flex-basis:33.333%;max-width:33.333%}.col-xs-5{flex-basis:41.667%;max-width:41.667%}.col-xs-6{flex-basis:50%;max-width:50%}.col-xs-7{flex-basis:58.333%;max-width:58.333%}.col-xs-8{flex-basis:66.667%;max-width:66.667%}.col-xs-9{flex-basis:75%;max-width:75%}.col-xs-10{flex-basis:83.333%;max-width:83.333%}.col-xs-11{flex-basis:91.667%;max-width:91.667%}.col-xs-12{flex-basis:100%;max-width:100%}.col-xs-offset-1{margin-left:8.333%}.col-xs-offset-2{margin-left:16.667%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-4{margin-left:33.333%}.col-xs-offset-5{margin-left:41.667%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-7{margin-left:58.333%}.col-xs-offset-8{margin-left:66.667%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-10{margin-left:83.333%}.col-xs-offset-11{margin-left:91.667%}.start-xs{justify-content:flex-start;text-align:start}.center-xs{justify-content:center;text-align:center}.end-xs{justify-content:flex-end;text-align:end}.top-xs{align-items:flex-start}.middle-xs{align-items:center}.bottom-xs{align-items:flex-end}.around-xs{justify-content:space-around}.between-xs{justify-content:space-between}.first-xs{order:-1}.last-xs{order:1}@media only screen and (max-width:48em){.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{box-sizing:border-box;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-sm{flex-grow:1;flex-basis:0;max-width:100%}.col-sm-1{flex-basis:8.333%;max-width:8.333%}.col-sm-2{flex-basis:16.667%;max-width:16.667%}.col-sm-3{flex-basis:25%;max-width:25%}.col-sm-4{flex-basis:33.333%;max-width:33.333%}.col-sm-5{flex-basis:41.667%;max-width:41.667%}.col-sm-6{flex-basis:50%;max-width:50%}.col-sm-7{flex-basis:58.333%;max-width:58.333%}.col-sm-8{flex-basis:66.667%;max-width:66.667%}.col-sm-9{flex-basis:75%;max-width:75%}.col-sm-10{flex-basis:83.333%;max-width:83.333%}.col-sm-11{flex-basis:91.667%;max-width:91.667%}.col-sm-12{flex-basis:100%;max-width:100%}.col-sm-offset-1{margin-left:8.333%}.col-sm-offset-2{margin-left:16.667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.333%}.col-sm-offset-5{margin-left:41.667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.333%}.col-sm-offset-8{margin-left:66.667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.333%}.col-sm-offset-11{margin-left:91.667%}.start-sm{justify-content:flex-start;text-align:start}.center-sm{justify-content:center;text-align:center}.end-sm{justify-content:flex-end;text-align:end}.top-sm{align-items:flex-start}.middle-sm{align-items:center}.bottom-sm{align-items:flex-end}.around-sm{justify-content:space-around}.between-sm{justify-content:space-between}.first-sm{order:-1}.last-sm{order:1}}@media only screen and (max-width:62em){.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{box-sizing:border-box;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-md{flex-grow:1;flex-basis:0;max-width:100%}.col-md-1{flex-basis:8.333%;max-width:8.333%}.col-md-2{flex-basis:16.667%;max-width:16.667%}.col-md-3{flex-basis:25%;max-width:25%}.col-md-4{flex-basis:33.333%;max-width:33.333%}.col-md-5{flex-basis:41.667%;max-width:41.667%}.col-md-6{flex-basis:50%;max-width:50%}.col-md-7{flex-basis:58.333%;max-width:58.333%}.col-md-8{flex-basis:66.667%;max-width:66.667%}.col-md-9{flex-basis:75%;max-width:75%}.col-md-10{flex-basis:83.333%;max-width:83.333%}.col-md-11{flex-basis:91.667%;max-width:91.667%}.col-md-12{flex-basis:100%;max-width:100%}.col-md-offset-1{margin-left:8.333%}.col-md-offset-2{margin-left:16.667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.333%}.col-md-offset-5{margin-left:41.667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.333%}.col-md-offset-8{margin-left:66.667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.333%}.col-md-offset-11{margin-left:91.667%}.start-md{justify-content:flex-start;text-align:start}.center-md{justify-content:center;text-align:center}.end-md{justify-content:flex-end;text-align:end}.top-md{align-items:flex-start}.middle-md{align-items:center}.bottom-md{align-items:flex-end}.around-md{justify-content:space-around}.between-md{justify-content:space-between}.first-md{order:-1}.last-md{order:1}}@media only screen and (max-width:75em){.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{box-sizing:border-box;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-lg{flex-grow:1;flex-basis:0;max-width:100%}.col-lg-1{flex-basis:8.333%;max-width:8.333%}.col-lg-2{flex-basis:16.667%;max-width:16.667%}.col-lg-3{flex-basis:25%;max-width:25%}.col-lg-4{flex-basis:33.333%;max-width:33.333%}.col-lg-5{flex-basis:41.667%;max-width:41.667%}.col-lg-6{flex-basis:50%;max-width:50%}.col-lg-7{flex-basis:58.333%;max-width:58.333%}.col-lg-8{flex-basis:66.667%;max-width:66.667%}.col-lg-9{flex-basis:75%;max-width:75%}.col-lg-10{flex-basis:83.333%;max-width:83.333%}.col-lg-11{flex-basis:91.667%;max-width:91.667%}.col-lg-12{flex-basis:100%;max-width:100%}.col-lg-offset-1{margin-left:8.333%}.col-lg-offset-2{margin-left:16.667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.333%}.col-lg-offset-5{margin-left:41.667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.333%}.col-lg-offset-8{margin-left:66.667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.333%}.col-lg-offset-11{margin-left:91.667%}.start-lg{justify-content:flex-start;text-align:start}.center-lg{justify-content:center;text-align:center}.end-lg{justify-content:flex-end;text-align:end}.top-lg{align-items:flex-start}.middle-lg{align-items:center}.bottom-lg{align-items:flex-end}.around-lg{justify-content:space-around}.between-lg{justify-content:space-between}.first-lg{order:-1}.last-lg{order:1}}.icon{width:32px;height:32px;stroke:#8549b9;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;fill:none;color:#8549b9}.icon.lg{width:52px;height:52px}.icon.sm{width:20px;height:20px}.pull-right{float:right}.pull-left{float:left}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.full-screen{width:100%;min-height:100vh}.full-width{width:100%}.full-height{height:100%;min-height:100%}.vertical-align{display:flex;align-items:center}.center,.horizontal-align{display:flex;justify-content:center}.center{align-items:center}.center,.column{flex-direction:column}.end{justify-content:flex-end}.end,.start{display:flex;align-items:center}.start{justify-content:flex-start}.flex{display:flex}.absolute{position:absolute}.fixed{position:fixed}.wrap{flex-wrap:wrap}.relative{position:relative}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hide{display:none}
 /*# sourceMappingURL=vishnu.min.css.map */
diff --git a/docs/index.html b/docs/index.html
index b65d7ff..c1ca78d 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -44,8 +44,8 @@ <h2 class="description-header">
         <a class="github-button" href="https://github.com/vishnucss/vishnu" data-show-count="true"
           data-icon="octicon-star" data-size="large" aria-label="Star vishnucss/vishnu on GitHub">Star</a>
         <small class="badge-version">Currently
-          <a href="https://github.com/vishnucss/vishnu/releases/tag/1.1.0-rc.1" target="_blank"
-            title="Currently Version">v1.1.0-rc.1</a></small>
+          <a href="https://github.com/vishnucss/vishnu/releases/tag/1.1.0-rc.2" target="_blank"
+            title="Currently Version">v1.1.0-rc.2</a></small>
       </div>
     </section>
 
diff --git a/docs/src/assets/vishnu.min.css b/docs/src/assets/vishnu.min.css
index 2ed2e59..4bc6c83 100644
--- a/docs/src/assets/vishnu.min.css
+++ b/docs/src/assets/vishnu.min.css
@@ -1,6 +1,6 @@
 /**
-* vishnucss - v1.1.0-rc.1
+* vishnucss - v1.1.0-rc.2
 * https://vishnucss.github.io/vishnu
-*/
+*/
 ::-moz-selection{color:#fff;background:#a460e8}::selection{color:#fff;background:#a460e8}body,html{margin:0;padding:0}html{box-sizing:border-box;font-size:62.5%;letter-spacing:-.04em}body{line-height:1.5;font-size:1.6rem;font-family:-apple-system,BlinkMacSystemFont,Avenir,Avenir Next,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:400;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:1rem;font-weight:400}h1{font-size:5rem;line-height:1.2}h2{font-size:4.2rem;line-height:1.25}h3{font-size:3.6rem;line-height:1.3}h4{font-size:3rem;line-height:1.35}h5{font-size:2.4rem;line-height:1.5}h6{font-size:1.8rem;line-height:1.6}p{margin-top:0;margin-bottom:1rem;font-size:1.6rem}@media only screen and (max-width:25em){h1{font-size:4rem}h2{font-size:3.5rem}h3{font-size:3rem}h4{font-size:2.6rem}h5{font-size:2.2rem}h6{font-size:1.8rem}}:-webkit-any-link{color:#8549b9;transition:color .1s ease}:any-link{color:#8549b9;transition:color .1s ease}:-webkit-any-link:hover{cursor:pointer;color:rgba(133,73,185,.8);text-decoration:none}:any-link:hover{cursor:pointer;color:rgba(133,73,185,.8);text-decoration:none}:-webkit-any-link:focus{outline:thin dotted}:any-link:focus{outline:thin dotted}:-webkit-any-link:active,:-webkit-any-link:hover{outline:0}:any-link:active,:any-link:hover{outline:0}.button,[type=submit],button{padding:0 1.5rem;font-size:1.6rem;min-height:52px;font-weight:600;color:#4c4c4c;background:#f0f0f0;border-radius:4px;transition:all .2s ease-in-out;border:1px solid transparent;line-height:1.8rem;cursor:pointer;text-decoration:none;display:flex;align-items:center;justify-content:center}.button .icon,[type=submit] .icon,button .icon{margin:0 5px;stroke:#4c4c4c}.button:hover,[type=submit]:hover,button:hover{color:rgba(76,76,76,.7);background:hsla(0,0%,94%,.7)}.button:hover .icon,[type=submit]:hover .icon,button:hover .icon{stroke:rgba(76,76,76,.7)}.button:focus,[type=submit]:focus,button:focus{outline:none;background:hsla(0,0%,94%,.8)}.button:focus .icon,[type=submit]:focus .icon,button:focus .icon{stroke:rgba(76,76,76,.7)}.button.small,[type=submit].small,button.small{font-size:1.4rem;min-height:36px;font-weight:700;line-height:1.2rem}.button.large,[type=submit].large,button.large{font-size:2rem;min-height:58px;padding:1.4rem 3.2rem;line-height:1.4rem}.button.outline,[type=submit].outline,button.outline{color:#4c4c4c;background:none;border:1px solid #4c4c4c}.button.outline.primary,[type=submit].outline.primary,button.outline.primary{color:#8549b9;background:none;border:1px solid #8549b9}.button.outline.primary:hover,[type=submit].outline.primary:hover,button.outline.primary:hover{background:none;border:1px solid rgba(133,73,185,.7);color:rgba(133,73,185,.7)}.button.outline.primary:active,.button.outline.primary:focus,[type=submit].outline.primary:active,[type=submit].outline.primary:focus,button.outline.primary:active,button.outline.primary:focus{background:none;border-color:rgba(133,73,185,.8);color:rgba(133,73,185,.8)}.button.outline:hover,[type=submit].outline:hover,button.outline:hover{background:none;border:1px solid rgba(76,76,76,.7);color:rgba(76,76,76,.7)}.button.outline:focus,[type=submit].outline:focus,button.outline:focus{border-color:rgba(76,76,76,.8);color:rgba(76,76,76,.8)}.button.flat,[type=submit].flat,button.flat{color:#4c4c4c;background:none;border:1px solid transparent}.button.flat.primary,[type=submit].flat.primary,button.flat.primary{color:#8549b9}.button.flat.primary:hover,[type=submit].flat.primary:hover,button.flat.primary:hover{color:rgba(133,73,185,.8)}.button.flat.primary:active,.button.flat.primary:focus,[type=submit].flat.primary:active,[type=submit].flat.primary:focus,button.flat.primary:active,button.flat.primary:focus{color:rgba(133,73,185,.9)}.button.flat.primary .icon,[type=submit].flat.primary .icon,button.flat.primary .icon{stroke:#8549b9}.button.flat:hover,[type=submit].flat:hover,button.flat:hover{background:none;color:rgba(76,76,76,.8)}.button.flat:focus,[type=submit].flat:focus,button.flat:focus{color:rgba(76,76,76,.9)}.button.primary,[type=submit].primary,button.primary{color:#fff;background:#8549b9;border:1px solid transparent}.button.primary .icon,[type=submit].primary .icon,button.primary .icon{stroke:#fff}.button.primary:hover,[type=submit].primary:hover,button.primary:hover{background:rgba(133,73,185,.8);color:#fff}.button.primary:focus,[type=submit].primary:focus,button.primary:focus{background:rgba(133,73,185,.9)}.button.rounded,[type=submit].rounded,button.rounded{border-radius:50px}.button.success,[type=submit].success,button.success{color:#fff;background:#0dc222;border:1px solid transparent}.button.success .icon,[type=submit].success .icon,button.success .icon{stroke:#fff}.button.success:hover,[type=submit].success:hover,button.success:hover{background:rgba(13,194,34,.8);color:#fff}.button.success:focus,[type=submit].success:focus,button.success:focus{background:rgba(13,194,34,.9)}.button.error,[type=submit].error,button.error{color:#fff;background:#f93838;border:1px solid transparent}.button.error .icon,[type=submit].error .icon,button.error .icon{stroke:#fff}.button.error:hover,[type=submit].error:hover,button.error:hover{background:rgba(249,56,56,.8);color:#fff}.button.error:focus,[type=submit].error:focus,button.error:focus{background:rgba(249,56,56,.9)}.button.warning,[type=submit].warning,button.warning{color:#fff;background:#f2ad00;border:1px solid transparent}.button.warning .icon,[type=submit].warning .icon,button.warning .icon{stroke:#fff}.button.warning:hover,[type=submit].warning:hover,button.warning:hover{background:rgba(242,173,0,.8);color:#fff}.button.warning:focus,[type=submit].warning:focus,button.warning:focus{background:rgba(242,173,0,.9)}.button.info,[type=submit].info,button.info{color:#fff;background:#2c80ff;border:1px solid transparent}.button.info .icon,[type=submit].info .icon,button.info .icon{stroke:#fff}.button.info:hover,[type=submit].info:hover,button.info:hover{background:rgba(44,128,255,.8);color:#fff}.button.info:focus,[type=submit].info:focus,button.info:focus{background:rgba(44,128,255,.9)}input[type=email],input[type=file],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{width:100%;height:42px;padding:10px;margin-top:1rem;margin-bottom:1rem;font-size:1.4rem;box-sizing:border-box;background:#fff;border:1px solid #cfcfcf;border-radius:4px;transition:all .2s ease-in-out}input[type=email]:hover,input[type=file]:hover,input[type=number]:hover,input[type=password]:hover,input[type=search]:hover,input[type=tel]:hover,input[type=text]:hover,input[type=url]:hover,select:hover,textarea:hover{border-color:rgba(133,73,185,.8)}input[type=email]:focus,input[type=file]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{outline:none;border-color:#8549b9;box-shadow:0 0 0 2px rgba(133,73,185,.2)}textarea{min-height:7rem}.checkbox,select{cursor:pointer}.checkbox{display:flex;position:relative;padding-left:30px;min-height:20px;font-size:1.6rem;line-height:1.5;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;border-radius:4px}.checkbox .checkmark{position:absolute;top:0;left:0;height:18px;width:18px;background-color:#fff;border:1px solid #cfcfcf;transition:all .2s ease-in-out;border-radius:4px}.checkbox input{position:absolute;opacity:0;cursor:pointer}.checkbox .checkmark:after{left:6px;top:1px;width:4px;height:10px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}.radio{display:flex;position:relative;padding-left:30px;cursor:pointer;font-size:1.6rem;line-height:1.5;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.radio .radiomark{position:absolute;top:0;left:0;height:18px;width:18px;background-color:#fff;border:1px solid #cfcfcf;border-radius:50%;transition:all .2s ease-in-out}.radio input{position:absolute;opacity:0}.radio .radiomark:after{top:6px;left:6px;width:6px;height:6px;border-radius:50%;background:#fff}.checkbox:hover input~.checkmark,.radio:hover input~.radiomark{border-color:rgba(133,73,185,.8)}.checkbox input:checked~.checkmark,.radio input:checked~.radiomark{background-color:#8549b9;border-color:#8549b9;box-shadow:0 0 0 2px rgba(133,73,185,.2)}.checkbox .checkmark:after,.radio .radiomark:after{content:"";position:absolute;display:none}.checkbox input:checked~.checkmark:after,.radio input:checked~.radiomark:after{display:block}ol,ul{padding-left:0;margin-top:0;margin-bottom:1rem;list-style-position:inside}ol ol,ol ul,ul ol,ul ul{margin:1rem 0 1rem 2rem;font-size:95%}li{margin-bottom:1rem}.table,table{width:100%;border:none;border-collapse:collapse;border-spacing:0;text-align:left}.table td,.table th,table td,table th{vertical-align:middle;padding:12px 4px}.table thead,table thead{border-bottom:1px solid #cfcfcf}@media only screen and (max-width:48em){.table.responsive,table.responsive{position:relative;display:block}.table.responsive td,.table.responsive th,table.responsive td,table.responsive th{margin:0}.table.responsive thead,table.responsive thead{display:block;float:left;border:0}.table.responsive thead tr,table.responsive thead tr{display:block;padding:0 10px 0 0;border-right:1px solid #cfcfcf}.table.responsive thead th,table.responsive thead th{text-align:left}.table.responsive th,table.responsive th{display:block;text-align:right}.table.responsive tbody,table.responsive tbody{display:block;overflow-x:auto;white-space:nowrap}.table.responsive tbody tr,table.responsive tbody tr{display:inline-block}.table.responsive td,table.responsive td{display:block;min-height:16px;text-align:left}.table.responsive tr,table.responsive tr{padding:0 10px}}img{max-width:100%}hr{height:0;margin:20px 0;border:0;border-top:1px solid #cfcfcf}pre{margin-top:0;margin-bottom:1rem}code{padding:.2rem .5rem;margin:0 .2rem;font-size:1.3rem;white-space:nowrap;background:#fff;border:1px solid #cfcfcf;border-radius:4px;font-family:Consolas,Monaco,Menlo,monospace}pre>code{display:block;padding:1rem 1.5rem;white-space:pre-wrap;word-wrap:break-word}.shadow{box-shadow:0 0 5px 3px rgba(0,0,0,.0325)}@media only screen and (max-width:25em){.hide-sm{display:none}}@media only screen and (max-width:48em){.hide-md{display:none}}@media only screen and (max-width:62em){.hide-lg{display:none}}@media only screen and (max-width:75em){.hide-xl{display:none}}.alert{position:relative;padding:8px 20px;margin-bottom:15px;background:transparent;color:#4c4c4c;border-radius:4px;transition:all .2s ease-in-out;border:1px solid #cfcfcf;display:flex;justify-content:flex-start;flex-direction:column}.alert .description,.alert .title{margin:0}.alert .title{padding-right:20px;font-weight:500}.alert .close{position:absolute;right:5px;top:5px;display:flex;justify-content:center;align-items:center;padding:0;width:28px;height:28px;min-height:28px;font-size:1.3rem;background:transparent;border-radius:50%;color:#282828}.alert .close .icon{width:24px;height:24px}.alert .close .icon path{fill:#4c4c4c}.alert .close .icon circle{stroke:#4c4c4c;stroke-width:1}.alert.info{background:rgba(44,128,255,.05);border-color:rgba(44,128,255,.5)}.alert.info,.alert.info:before{color:#2c80ff}.alert.info .description{color:rgba(44,128,255,.6)}.alert.info .close .icon path{fill:#8549b9}.alert.info .close .icon circle{stroke:#8549b9;stroke-width:1}.alert.warning{background:rgba(242,173,0,.05);border-color:rgba(242,173,0,.5);color:#f2ad00}.alert.warning:before{color:#f2ad00}.alert.warning .description{color:rgba(242,173,0,.6)}.alert.warning .close{border-color:transparent;background:rgba(242,173,0,.5);color:#fff}.alert.error{background:rgba(249,56,56,.05);border-color:rgba(249,56,56,.5);color:#f93838}.alert.error .close .icon path{fill:#f93838}.alert.error .close .icon circle{stroke:#f93838;stroke-width:1}.alert.error .description{color:rgba(249,56,56,.6)}.alert.success{background:rgba(13,194,34,.05);border-color:rgba(13,194,34,.1);color:#0dc222}.alert.success .close{border-color:transparent}.alert.success .close .icon path{fill:#0dc222}.alert.success .close .icon circle{stroke:#0dc222;stroke-width:1}.alert.success .description{color:rgba(13,194,34,.6)}.alert.rounded{border-radius:4rem;padding-left:30px;padding-right:30px}.alert.rounded .close{top:50%;margin-top:-16px;right:14px}.placeholder{border:2px dashed #f0f0f0;background:hsla(0,0%,100%,.15)}.avatar{width:42px;height:42px;max-width:42px;min-width:42px;flex-basis:42px;background:#f1f1f1;border-radius:50%;line-height:normal;overflow:hidden;display:flex;align-items:center;justify-content:center;font-weight:700;color:#282828}.avatar.primary{background:#8549b9;color:#fff}.avatar.primary.outline{background:transparent;border-color:#8549b9;color:#8549b9}.avatar.outline{background:transparent;border:1px solid #282828}.avatar.small{width:32px;height:32px;max-width:32px;min-width:32px;flex-basis:32px}.avatar.large{width:62px;height:62px;max-width:62px;min-width:62px;flex-basis:62px}.chips{display:inline-flex;align-items:center;justify-content:center;padding:0;height:28px;border-radius:50px;background:#f2f2f2}.chips .image{border-radius:50%}.chips .icon{width:22px;height:22px;margin-left:8px;margin-right:-8px}.chips .icon.right{margin-right:8px;margin-left:-8px}.chips .label{font-size:13px;font-weight:500;padding:0 12px}.chips.small{height:20px}.chips.small img{max-height:20px}.chips.small .label{font-size:12px}.chips.large{height:42px;padding:0 16px}.chips.large img{max-height:42px}.chips.large .label{font-size:16px}.chips.primary{background:#8549b9}.chips.primary .label{color:#fff}.chips.primary .icon{stroke:#fff}.chips.error{background:#f93838}.chips.error .label{color:#fff}.chips.error .icon{stroke:#fff}.chips.success{background:#0dc222}.chips.success .label{color:#fff}.chips.success .icon{stroke:#fff}.chips.info{background:#2c80ff}.chips.info .label{color:#fff}.chips.info .icon{stroke:#fff}.chips.warning{background:#f2ad00}.chips.warning .label{color:#fff}.chips.warning .icon{stroke:#fff}.chips.dark{background:rgba(0,0,0,.45)}.chips.dark .label{color:#fff}.chips.dark .icon{stroke:#fff}.chips.outline{background:transparent;box-shadow:0 0 0 1px #cfcfcf}.chips.outline.icon{stroke:#4c4c4c}.chips.outline.primary{box-shadow:0 0 0 1px #8549b9}.chips.outline.primary .icon{stroke:#8549b9}.chips.outline.primary .label{color:#8549b9}.chips.outline.error{box-shadow:0 0 0 1px #f93838}.chips.outline.error .icon{stroke:#f93838}.chips.outline.error .label{color:#f93838}.chips.outline.success{box-shadow:0 0 0 1px #0dc222}.chips.outline.success .icon{stroke:#0dc222}.chips.outline.success .label{color:#0dc222}.chips.outline.info{box-shadow:0 0 0 1px #2c80ff}.chips.outline.info .icon{stroke:#2c80ff}.chips.outline.info .label{color:#2c80ff}.chips.outline.warning{box-shadow:0 0 0 1px #f2ad00}.chips.outline.warning .icon{stroke:#f2ad00}.chips.outline.warning .label{color:#f2ad00}.card{border:1px solid #f0f0f0;background:#fff;border-radius:4px}.card .card-footer,.card .card-header{position:relative;background:transparent;padding:15px;display:flex}.card .card-header{border-bottom:1px solid #f0f0f0}.card .card-footer{border-top:1px solid #f0f0f0}.card .card-title{margin:0}.card .card-content{padding:20px 15px}.collapse{width:100%}.collapse .collapse-item{position:relative;margin-bottom:2px;width:100%;color:#282828;overflow:hidden;border:1px solid #f0f0f0;transition:all .2s ease-in-out}.collapse .collapse-item:hover{border-color:#8549b9}.collapse input{position:absolute;opacity:0;z-index:-1}.collapse input:checked~label .icon.left,.collapse input:checked~label .icon.right{transform:rotate(-180deg)}.icon.left,.icon.right{width:22px;height:22px;stroke:#282828;transition:all .2s ease-in-out}.collapse label{position:relative;display:flex;justify-content:space-between;align-items:center;padding:6px 15px;font-weight:500;line-height:3;cursor:pointer}.collapse label:hover{background:transparent}.collapse-content{max-height:0;padding:0 15px;overflow:hidden;background:#fff;transition:max-height .25s}.collapse-content p{font-size:14px;line-height:16px;margin:10px 0}.collapse input:checked~.collapse-content{max-height:10em}.dialog{margin:45px auto;padding:20px;background:#fff;border:1px solid #cfcfcf;width:480px;height:320px;z-index:100;position:relative;border-radius:4px}.dialog .close{position:absolute;width:20px;height:20px;top:20px;right:20px;opacity:.8;font-size:24px;font-weight:700;text-decoration:none;color:#666}.dialog .close:hover{opacity:1}.dialog .close .icon{width:20px;height:20px;stroke:#4c4c4c}.overlay{position:fixed;z-index:90;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.88);visibility:hidden;opacity:0}.overlay.light{background:hsla(0,0%,100%,.92)}.overlay .cancel{position:absolute;width:100%;height:100%;cursor:default}.overlay:target{visibility:visible;opacity:1}.toggle{position:relative;display:inline-block}.toggle-input{display:none}.toggle-label{display:block;width:48px;height:24px;text-indent:-9999px;clip:rect(0 0 0 0);color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.toggle-label:after,.toggle-label:before{content:"";display:block;position:absolute;cursor:pointer}.toggle-label:before{width:100%;height:100%;background-color:#f0f0f0;border-radius:9999em;transition:background-color .25s ease}.toggle-label:after{top:0;left:0;width:24px;height:24px;border-radius:50%;background-color:#fff;transition:left .25s ease;box-shadow:1px 1px 4px 2px rgba(0,0,0,.0525)}.toggle-input:checked+.toggle-label:before{background-color:#0dc222}.toggle-input:checked+.toggle-label:after{left:25px}.toggle.activated .toggle-label{opacity:1}.toggle.activated .toggle-label:before{background-color:#0dc222}.toggle.activated .toggle-label:after{left:24px}.toggle.activated .toggle-input:checked+.toggle-label:before{background-color:#f0f0f0}.toggle.activated .toggle-input:checked+.toggle-label:after{left:0!important}.toggle.disabled{cursor:default}.toggle.disabled .toggle-input:checked+.toggle-label{opacity:.7}.toggle.disabled .toggle-input:checked+.toggle-label:before{background-color:#f0f0f0}.toggle.disabled .toggle-input:checked+.toggle-label:after{left:25px}.toggle.disabled .toggle-label{opacity:.7;cursor:default}.toggle.disabled .toggle-label:before{background-color:#f0f0f0;cursor:default}.toggle.disabled .toggle-label:after{top:0;left:0!important;box-shadow:1px 1px 4px 2px rgba(0,0,0,.0525)}.flex{flex-wrap:wrap}.container-fluid{margin-right:auto;margin-left:auto;padding-right:2rem;padding-left:2rem}.row{box-sizing:border-box;display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:wrap;margin-right:-.5rem;margin-left:-.5rem}.row.reverse{flex-direction:row-reverse}.col.reverse{flex-direction:column-reverse}.col-xs,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{box-sizing:border-box;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-xs{flex-grow:1;flex-basis:0;max-width:100%}.col-xs-1{flex-basis:8.333%;max-width:8.333%}.col-xs-2{flex-basis:16.667%;max-width:16.667%}.col-xs-3{flex-basis:25%;max-width:25%}.col-xs-4{flex-basis:33.333%;max-width:33.333%}.col-xs-5{flex-basis:41.667%;max-width:41.667%}.col-xs-6{flex-basis:50%;max-width:50%}.col-xs-7{flex-basis:58.333%;max-width:58.333%}.col-xs-8{flex-basis:66.667%;max-width:66.667%}.col-xs-9{flex-basis:75%;max-width:75%}.col-xs-10{flex-basis:83.333%;max-width:83.333%}.col-xs-11{flex-basis:91.667%;max-width:91.667%}.col-xs-12{flex-basis:100%;max-width:100%}.col-xs-offset-1{margin-left:8.333%}.col-xs-offset-2{margin-left:16.667%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-4{margin-left:33.333%}.col-xs-offset-5{margin-left:41.667%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-7{margin-left:58.333%}.col-xs-offset-8{margin-left:66.667%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-10{margin-left:83.333%}.col-xs-offset-11{margin-left:91.667%}.start-xs{justify-content:flex-start;text-align:start}.center-xs{justify-content:center;text-align:center}.end-xs{justify-content:flex-end;text-align:end}.top-xs{align-items:flex-start}.middle-xs{align-items:center}.bottom-xs{align-items:flex-end}.around-xs{justify-content:space-around}.between-xs{justify-content:space-between}.first-xs{order:-1}.last-xs{order:1}@media only screen and (max-width:48em){.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{box-sizing:border-box;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-sm{flex-grow:1;flex-basis:0;max-width:100%}.col-sm-1{flex-basis:8.333%;max-width:8.333%}.col-sm-2{flex-basis:16.667%;max-width:16.667%}.col-sm-3{flex-basis:25%;max-width:25%}.col-sm-4{flex-basis:33.333%;max-width:33.333%}.col-sm-5{flex-basis:41.667%;max-width:41.667%}.col-sm-6{flex-basis:50%;max-width:50%}.col-sm-7{flex-basis:58.333%;max-width:58.333%}.col-sm-8{flex-basis:66.667%;max-width:66.667%}.col-sm-9{flex-basis:75%;max-width:75%}.col-sm-10{flex-basis:83.333%;max-width:83.333%}.col-sm-11{flex-basis:91.667%;max-width:91.667%}.col-sm-12{flex-basis:100%;max-width:100%}.col-sm-offset-1{margin-left:8.333%}.col-sm-offset-2{margin-left:16.667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.333%}.col-sm-offset-5{margin-left:41.667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.333%}.col-sm-offset-8{margin-left:66.667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.333%}.col-sm-offset-11{margin-left:91.667%}.start-sm{justify-content:flex-start;text-align:start}.center-sm{justify-content:center;text-align:center}.end-sm{justify-content:flex-end;text-align:end}.top-sm{align-items:flex-start}.middle-sm{align-items:center}.bottom-sm{align-items:flex-end}.around-sm{justify-content:space-around}.between-sm{justify-content:space-between}.first-sm{order:-1}.last-sm{order:1}}@media only screen and (max-width:62em){.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{box-sizing:border-box;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-md{flex-grow:1;flex-basis:0;max-width:100%}.col-md-1{flex-basis:8.333%;max-width:8.333%}.col-md-2{flex-basis:16.667%;max-width:16.667%}.col-md-3{flex-basis:25%;max-width:25%}.col-md-4{flex-basis:33.333%;max-width:33.333%}.col-md-5{flex-basis:41.667%;max-width:41.667%}.col-md-6{flex-basis:50%;max-width:50%}.col-md-7{flex-basis:58.333%;max-width:58.333%}.col-md-8{flex-basis:66.667%;max-width:66.667%}.col-md-9{flex-basis:75%;max-width:75%}.col-md-10{flex-basis:83.333%;max-width:83.333%}.col-md-11{flex-basis:91.667%;max-width:91.667%}.col-md-12{flex-basis:100%;max-width:100%}.col-md-offset-1{margin-left:8.333%}.col-md-offset-2{margin-left:16.667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.333%}.col-md-offset-5{margin-left:41.667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.333%}.col-md-offset-8{margin-left:66.667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.333%}.col-md-offset-11{margin-left:91.667%}.start-md{justify-content:flex-start;text-align:start}.center-md{justify-content:center;text-align:center}.end-md{justify-content:flex-end;text-align:end}.top-md{align-items:flex-start}.middle-md{align-items:center}.bottom-md{align-items:flex-end}.around-md{justify-content:space-around}.between-md{justify-content:space-between}.first-md{order:-1}.last-md{order:1}}@media only screen and (max-width:75em){.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{box-sizing:border-box;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-lg{flex-grow:1;flex-basis:0;max-width:100%}.col-lg-1{flex-basis:8.333%;max-width:8.333%}.col-lg-2{flex-basis:16.667%;max-width:16.667%}.col-lg-3{flex-basis:25%;max-width:25%}.col-lg-4{flex-basis:33.333%;max-width:33.333%}.col-lg-5{flex-basis:41.667%;max-width:41.667%}.col-lg-6{flex-basis:50%;max-width:50%}.col-lg-7{flex-basis:58.333%;max-width:58.333%}.col-lg-8{flex-basis:66.667%;max-width:66.667%}.col-lg-9{flex-basis:75%;max-width:75%}.col-lg-10{flex-basis:83.333%;max-width:83.333%}.col-lg-11{flex-basis:91.667%;max-width:91.667%}.col-lg-12{flex-basis:100%;max-width:100%}.col-lg-offset-1{margin-left:8.333%}.col-lg-offset-2{margin-left:16.667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.333%}.col-lg-offset-5{margin-left:41.667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.333%}.col-lg-offset-8{margin-left:66.667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.333%}.col-lg-offset-11{margin-left:91.667%}.start-lg{justify-content:flex-start;text-align:start}.center-lg{justify-content:center;text-align:center}.end-lg{justify-content:flex-end;text-align:end}.top-lg{align-items:flex-start}.middle-lg{align-items:center}.bottom-lg{align-items:flex-end}.around-lg{justify-content:space-around}.between-lg{justify-content:space-between}.first-lg{order:-1}.last-lg{order:1}}.icon{width:32px;height:32px;stroke:#8549b9;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;fill:none;color:#8549b9}.icon.lg{width:52px;height:52px}.icon.sm{width:20px;height:20px}.pull-right{float:right}.pull-left{float:left}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.full-screen{width:100%;min-height:100vh}.full-width{width:100%}.full-height{height:100%;min-height:100%}.vertical-align{display:flex;align-items:center}.center,.horizontal-align{display:flex;justify-content:center}.center{align-items:center}.center,.column{flex-direction:column}.end{justify-content:flex-end}.end,.start{display:flex;align-items:center}.start{justify-content:flex-start}.flex{display:flex}.absolute{position:absolute}.fixed{position:fixed}.wrap{flex-wrap:wrap}.relative{position:relative}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hide{display:none}
 /*# sourceMappingURL=vishnu.min.css.map */
diff --git a/package.js b/package.js
index 5b0f273..2435a11 100644
--- a/package.js
+++ b/package.js
@@ -1,14 +1,14 @@
 Package.describe({
-	name: 'vishnucss:vishnu',
-	version: '1.1.0-rc.1',
-	summary: 'A simple and minimalist toolkit with modern css.',
-	git: 'https://github.com/vishnucss/vishnu.git',
-	documentation: 'README.md'
+  name: 'vishnucss:vishnu',
+  version: '1.1.0-rc.2',
+  summary: 'A simple and minimalist toolkit with modern css.',
+  git: 'https://github.com/vishnucss/vishnu.git',
+  documentation: 'README.md'
 })
 
 Package.onUse((api) => {
-	api.versionsFrom('METEOR@1.0')
-	api.addFiles([
-		'dist/vishnu.css'
-	], 'client')
+  api.versionsFrom('METEOR@1.0')
+  api.addFiles([
+    'dist/vishnu.css'
+  ], 'client')
 })
diff --git a/package.json b/package.json
index 29817d9..f7499e2 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@vishnucss/vishnu",
   "filename": "vishnu.min.css",
-  "version": "1.1.0-rc.1",
+  "version": "1.1.0-rc.2",
   "description": "A simple and minimalist toolkit with modern css",
   "main": "./dist/vishnu.min.css",
   "keywords": [
diff --git a/packages/vishnucss-alert/dist/vishnu.alert.css b/packages/vishnucss-alert/dist/vishnu.alert.css
index d5b1d93..216e0d6 100644
--- a/packages/vishnucss-alert/dist/vishnu.alert.css
+++ b/packages/vishnucss-alert/dist/vishnu.alert.css
@@ -1,5 +1,5 @@
 /**
-* vishnucss alert - v1.1.0-rc.1
+* vishnucss alert - v1.1.0-rc.2
 * https://vishnucss.github.io/vishnu#alert
 */
 
diff --git a/packages/vishnucss-alert/dist/vishnu.alert.css.map b/packages/vishnucss-alert/dist/vishnu.alert.css.map
index 0e7e32e..a0d41c0 100644
--- a/packages/vishnucss-alert/dist/vishnu.alert.css.map
+++ b/packages/vishnucss-alert/dist/vishnu.alert.css.map
@@ -1 +1 @@
-{"version":3,"sources":["variables.css","customs.css","alert.css"],"names":[],"mappings":";;;;;AAAA;;EAEA;;AAEA;EACA,gBAAA;;EAQA,aAAA;;EAcA,iBAAA;;EAGA,aAAA;;EAGA,WAAA;;EAIA,YAAA;;EAiBA,aAAA;;AAUA,4BAAA;;CAMA;;ACtEA;;EAEA;ACFA;;EAEA;;AAEA;;;;;;;;;;;EAWA;AACA;EACA,mBAAA;EACA,kBAAA;EACA,oBAAA;EACA,wBAAA;EACA,eAAA;EACA,mBAAA;EACA,iCAAA;EACA,0BAAA;EACA,cAAA;EACA,4BAAA;EACA,sBAAA;CASA;AARA;;IAEA,UAAA;GACA;AACA;IACA,oBAAA;IACA,iBAAA;GACA;AAEA;EACA,mBAAA;EACA,WAAA;EACA,SAAA;EACA,cAAA;EACA,wBAAA;EACA,oBAAA;EACA,WAAA;EACA,YAAA;EACA,aAAA;EACA,iBAAA;EACA,kBAAA;EACA,wBAAA;EACA,mBAAA;EACA,cAAA;CAaA;AAZA;IACA,YAAA;IACA,YAAA;GASA;AARA;MACA,cAAA;KACA;AAEA;MACA,gBAAA;MACA,gBAAA;KACA;AAGA;EACA,qCAAA;EACA,sCAAA;EACA,cAAA;CAmBA;AAlBA;IACA,eAAA;GACA;AACA;IACA,+BAAA;GACA;AAGA;QACA,cAAA;OACA;AAEA;QACA,gBAAA;QACA,gBAAA;OACA;AAIA;EACA,oCAAA;EACA,qCAAA;EACA,cAAA;CAYA;AAXA;IACA,eAAA;GACA;AACA;IACA,8BAAA;GACA;AACA;IACA,0BAAA;IACA,mCAAA;IACA,YAAA;GACA;AAEA;EACA,oCAAA;EACA,qCAAA;EACA,cAAA;CAgBA;AAbA;QACA,cAAA;OACA;AAEA;QACA,gBAAA;QACA,gBAAA;OACA;AAGA;IACA,8BAAA;GACA;AAEA;EACA,oCAAA;EACA,qCAAA;EACA,cAAA;CAiBA;AAhBA;IACA,yBAAA;GAWA;AATA;QACA,cAAA;OACA;AAEA;QACA,gBAAA;QACA,gBAAA;OACA;AAGA;IACA,8BAAA;GACA;AAEA;EACA,oBAAA;EACA,mBAAA;EACA,mBAAA;CAMA;AALA;IACA,SAAA;IACA,kBAAA;IACA,YAAA;GACA;;AAGA,iBAAA;AACA;EACA,2BAAA;EACA,sCAAA;CACA","file":"vishnu.alert.css","sourcesContent":["/*\n* Variables\n*/\n\n:root {\n  /* Typography */\n  --base-font-family: -apple-system, BlinkMacSystemFont, Avenir, \"Avenir Next\",\n    \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\",\n    \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n  --base-font-size: 1.6rem;\n  --base-line-height: 1.5;\n  --base-space-size: 16px;\n\n  /* Colours */\n  --primary-color: #8549b9;\n  --secondary-color: #a460e8;\n  --base-color: #fff;\n  --base-dark-color: #282828;\n  --base-info-color: #2c80ff;\n  --base-error-color: #f93838;\n  --base-success-color: #0dc222;\n  --base-warning-color: #f2ad00;\n  --base-light-color: #f0f0f0;\n  --base-border-color: #cfcfcf;\n  --base-text-color: #4c4c4c;\n  --base-label-color: #6f6f6f;\n\n  /* Transitions */\n  --transition: all 0.2s ease-in-out;\n\n  /* Shadows */\n  --base-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.0325);\n\n  /* Utils */\n  --base-radius: 4px;\n  --base-rounded-radius: 50%;\n\n  /* Toogle */\n  --toggle-transition-duration: 0.25s;\n  --toggle-transition-timing-function: ease;\n  --toggle-label-width: 48px;\n  --toggle-label-height: 24px;\n  --toggle-rail-width: 100%;\n  --toggle-rail-height: 100%;\n  --toggle-rail-background-color: var(--base-light-color);\n  --toggle-rail-border-radius: 9999em;\n  --toggle-rail-checked-background-color: var(--base-success-color);\n  --toggle-width: 24px;\n  --toggle-height: 24px;\n  --toggle-border-radius: 50%;\n  --toggle-background-color: #fff;\n  --toggle-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.0525);\n  --toggle-checked-left: 25px;\n\n  /* Spacing */\n--spacing-xxs:  var(--base-space-size / 6);\n--spacing-xs: var(--base-space-size / 4);\n--spacing-sm: var(--base-space-size / 2);\n--spacing-md: var(--base-space-size);\n--spacing-lg: var(--base-space-size + 4);\n--spacing-xl: var(--base-space-size + 6);\n--spacing-xxl: var(--base-space-size * 2);\n--spacing-xxxl: var(--base-space-size * 2 + 8);\n\n/* Responsive breakpoints */\n--responsive-sm: 25em;\n--responsive-md: 48em;\n--responsive-lg: 62em;\n--responsive-xl: 75em;\n\n}\n","/*\n* Alert\n*/\n\n@custom-selector :--alert .alert;\n@custom-selector :--placeholder .placeholder;\n@custom-selector :--info .info;\n@custom-selector :--error .error;\n@custom-selector :--warning .warning;\n@custom-selector :--success .success;\n@custom-selector :--rounded .rounded;\n@custom-selector :--close .close;","/*\n* Alert\n*/\n\n/*\n*\n* @ custom-properties\n* :--alert .alert;\n* :--close .close;\n* :--info .info;\n* :--error .error;\n* :--warning .warning;\n* :--rounded .rounded;\n* :--placeholder .placeholder;\n*\n*/\n:--alert {\n  position: relative;\n  padding: 8px 20px;\n  margin-bottom: 15px;\n  background: transparent;\n  color: var(--base-text-color);\n  border-radius: var(--base-radius);\n  transition: var(--transition);\n  border: 1px solid var(--base-border-color);\n  display: flex;\n  justify-content: flex-start;\n  flex-direction: column;\n  & .title,\n  & .description {\n    margin: 0;\n  }\n  & .title {\n    padding-right: 20px;\n    font-weight: 500;\n  }\n}\n:--alert :--close {\n  position: absolute;\n  right: 5px;\n  top: 5px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 0;\n  width: 28px;\n  height: 28px;\n  min-height: 28px;\n  font-size: 1.3rem;\n  background: transparent;\n  border-radius: var(--base-rounded-radius);\n  color: var(--base-dark-color);\n  & .icon {\n    width: 24px;\n    height: 24px;\n    & path {\n      fill: var(--base-text-color);\n    }\n\n    & circle {\n      stroke: var(--base-text-color);\n      stroke-width: 1;\n    }\n  }\n}\n:--alert:--info {\n  background: color-mod(var(--base-info-color) alpha(5%));\n  border-color: color-mod(var(--base-info-color) alpha(50%));\n  color: var(--base-info-color);\n  &:before {\n    color: var(--base-info-color);\n  }\n  & .description {\n    color: color-mod(var(--base-info-color) alpha(60%));\n  }\n  & .close {\n    & .icon {\n      & path {\n        fill: var(--primary-color);\n      }\n\n      & circle {\n        stroke: var(--primary-color);\n        stroke-width: 1;\n      }\n    }\n  }\n}\n:--alert:--warning {\n  background: color-mod(var(--base-warning-color) alpha(5%));\n  border-color: color-mod(var(--base-warning-color) alpha(50%));\n  color: var(--base-warning-color);\n  &:before {\n    color: var(--base-warning-color);\n  }\n  & .description {\n    color: color-mod(var(--base-warning-color) alpha(60%));\n  }\n  & .close {\n    border-color: transparent;\n    background: color-mod(var(--base-warning-color) alpha(50%));\n    color: #fff;\n  }\n}\n:--alert:--error {\n  background: color-mod(var(--base-error-color) alpha(5%));\n  border-color: color-mod(var(--base-error-color) alpha(50%));\n  color: var(--base-error-color);\n  & .close {\n    & .icon {\n      & path {\n        fill: var(--base-error-color);\n      }\n\n      & circle {\n        stroke: var(--base-error-color);\n        stroke-width: 1;\n      }\n    }\n  }\n  & .description {\n    color: color-mod(var(--base-error-color) alpha(60%));\n  }\n}\n:--alert:--success {\n  background: color-mod(var(--base-success-color) alpha(5%));\n  border-color: color-mod(var(--base-success-color) alpha(10%));\n  color: var(--base-success-color);\n  & .close {\n    border-color: transparent;\n    & .icon {\n      & path {\n        fill: var(--base-success-color);\n      }\n\n      & circle {\n        stroke: var(--base-success-color);\n        stroke-width: 1;\n      }\n    }\n  }\n  & .description {\n    color: color-mod(var(--base-success-color) alpha(60%));\n  }\n}\n:--alert:--rounded {\n  border-radius: 4rem;\n  padding-left: 30px;\n  padding-right: 30px;\n  & .close {\n    top: 50%;\n    margin-top: -16px;\n    right: 14px;\n  }\n}\n\n/* Placeholder */\n:--placeholder {\n  border: 2px dashed var(--base-light-color);\n  background: color-mod(var(--base-color) alpha(15%));\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["variables.css","customs.css","alert.css"],"names":[],"mappings":";;;;;AAAA;;EAEA;;AAEA;EACA,gBAAA;;EAQA,aAAA;;EAcA,iBAAA;;EAGA,aAAA;;EAGA,WAAA;;EAIA,YAAA;;EAiBA,aAAA;;AAUA,4BAAA;;CAMA;;ACtEA;;EAEA;ACFA;;EAEA;;AAEA;;;;;;;;;;;EAWA;AACA;EACA,mBAAA;EACA,kBAAA;EACA,oBAAA;EACA,wBAAA;EACA,eAAA;EACA,mBAAA;EACA,iCAAA;EACA,0BAAA;EACA,cAAA;EACA,4BAAA;EACA,sBAAA;CASA;AARA;;IAEA,UAAA;GACA;AACA;IACA,oBAAA;IACA,iBAAA;GACA;AAEA;EACA,mBAAA;EACA,WAAA;EACA,SAAA;EACA,cAAA;EACA,wBAAA;EACA,oBAAA;EACA,WAAA;EACA,YAAA;EACA,aAAA;EACA,iBAAA;EACA,kBAAA;EACA,wBAAA;EACA,mBAAA;EACA,cAAA;CAaA;AAZA;IACA,YAAA;IACA,YAAA;GASA;AARA;MACA,cAAA;KACA;AAEA;MACA,gBAAA;MACA,gBAAA;KACA;AAGA;EACA,qCAAA;EACA,sCAAA;EACA,cAAA;CAmBA;AAlBA;IACA,eAAA;GACA;AACA;IACA,+BAAA;GACA;AAGA;QACA,cAAA;OACA;AAEA;QACA,gBAAA;QACA,gBAAA;OACA;AAIA;EACA,oCAAA;EACA,qCAAA;EACA,cAAA;CAYA;AAXA;IACA,eAAA;GACA;AACA;IACA,8BAAA;GACA;AACA;IACA,0BAAA;IACA,mCAAA;IACA,YAAA;GACA;AAEA;EACA,oCAAA;EACA,qCAAA;EACA,cAAA;CAgBA;AAbA;QACA,cAAA;OACA;AAEA;QACA,gBAAA;QACA,gBAAA;OACA;AAGA;IACA,8BAAA;GACA;AAEA;EACA,oCAAA;EACA,qCAAA;EACA,cAAA;CAiBA;AAhBA;IACA,yBAAA;GAWA;AATA;QACA,cAAA;OACA;AAEA;QACA,gBAAA;QACA,gBAAA;OACA;AAGA;IACA,8BAAA;GACA;AAEA;EACA,oBAAA;EACA,mBAAA;EACA,mBAAA;CAMA;AALA;IACA,SAAA;IACA,kBAAA;IACA,YAAA;GACA;;AAGA,iBAAA;AACA;EACA,2BAAA;EACA,sCAAA;CACA","file":"vishnu.alert.css","sourcesContent":["/*\n* Variables\n*/\n\n:root {\n  /* Typography */\n  --base-font-family: -apple-system, BlinkMacSystemFont, Avenir, \"Avenir Next\",\n    \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\",\n    \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n  --base-font-size: 1.6rem;\n  --base-line-height: 1.5;\n  --base-space-size: 16px;\n\n  /* Colours */\n  --primary-color: #8549b9;\n  --secondary-color: #a460e8;\n  --base-color: #fff;\n  --base-dark-color: #282828;\n  --base-info-color: #2c80ff;\n  --base-error-color: #f93838;\n  --base-success-color: #0dc222;\n  --base-warning-color: #f2ad00;\n  --base-light-color: #f0f0f0;\n  --base-border-color: #cfcfcf;\n  --base-text-color: #4c4c4c;\n  --base-label-color: #6f6f6f;\n\n  /* Transitions */\n  --transition: all 0.2s ease-in-out;\n\n  /* Shadows */\n  --base-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.0325);\n\n  /* Utils */\n  --base-radius: 4px;\n  --base-rounded-radius: 50%;\n\n  /* Toogle */\n  --toggle-transition-duration: 0.25s;\n  --toggle-transition-timing-function: ease;\n  --toggle-label-width: 48px;\n  --toggle-label-height: 24px;\n  --toggle-rail-width: 100%;\n  --toggle-rail-height: 100%;\n  --toggle-rail-background-color: var(--base-light-color);\n  --toggle-rail-border-radius: 9999em;\n  --toggle-rail-checked-background-color: var(--base-success-color);\n  --toggle-width: 24px;\n  --toggle-height: 24px;\n  --toggle-border-radius: 50%;\n  --toggle-background-color: #fff;\n  --toggle-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.0525);\n  --toggle-checked-left: 25px;\n\n  /* Spacing */\n--spacing-xxs:  calc(16px / 6);\n--spacing-xs: calc(16px / 4);\n--spacing-sm: calc(16px / 2);\n--spacing-md: 16px;\n--spacing-lg: calc(16px + 8);\n--spacing-xl: calc(16px * 2);\n--spacing-xxl: calc(16px * 2 + 8);\n--spacing-xxxl: calc(16px * 4);\n\n/* Responsive breakpoints */\n--responsive-sm: 25em;\n--responsive-md: 48em;\n--responsive-lg: 62em;\n--responsive-xl: 75em;\n\n}\n","/*\n* Alert\n*/\n\n@custom-selector :--alert .alert;\n@custom-selector :--placeholder .placeholder;\n@custom-selector :--info .info;\n@custom-selector :--error .error;\n@custom-selector :--warning .warning;\n@custom-selector :--success .success;\n@custom-selector :--rounded .rounded;\n@custom-selector :--close .close;","/*\n* Alert\n*/\n\n/*\n*\n* @ custom-properties\n* :--alert .alert;\n* :--close .close;\n* :--info .info;\n* :--error .error;\n* :--warning .warning;\n* :--rounded .rounded;\n* :--placeholder .placeholder;\n*\n*/\n:--alert {\n  position: relative;\n  padding: 8px 20px;\n  margin-bottom: 15px;\n  background: transparent;\n  color: var(--base-text-color);\n  border-radius: var(--base-radius);\n  transition: var(--transition);\n  border: 1px solid var(--base-border-color);\n  display: flex;\n  justify-content: flex-start;\n  flex-direction: column;\n  & .title,\n  & .description {\n    margin: 0;\n  }\n  & .title {\n    padding-right: 20px;\n    font-weight: 500;\n  }\n}\n:--alert :--close {\n  position: absolute;\n  right: 5px;\n  top: 5px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 0;\n  width: 28px;\n  height: 28px;\n  min-height: 28px;\n  font-size: 1.3rem;\n  background: transparent;\n  border-radius: var(--base-rounded-radius);\n  color: var(--base-dark-color);\n  & .icon {\n    width: 24px;\n    height: 24px;\n    & path {\n      fill: var(--base-text-color);\n    }\n\n    & circle {\n      stroke: var(--base-text-color);\n      stroke-width: 1;\n    }\n  }\n}\n:--alert:--info {\n  background: color-mod(var(--base-info-color) alpha(5%));\n  border-color: color-mod(var(--base-info-color) alpha(50%));\n  color: var(--base-info-color);\n  &:before {\n    color: var(--base-info-color);\n  }\n  & .description {\n    color: color-mod(var(--base-info-color) alpha(60%));\n  }\n  & .close {\n    & .icon {\n      & path {\n        fill: var(--primary-color);\n      }\n\n      & circle {\n        stroke: var(--primary-color);\n        stroke-width: 1;\n      }\n    }\n  }\n}\n:--alert:--warning {\n  background: color-mod(var(--base-warning-color) alpha(5%));\n  border-color: color-mod(var(--base-warning-color) alpha(50%));\n  color: var(--base-warning-color);\n  &:before {\n    color: var(--base-warning-color);\n  }\n  & .description {\n    color: color-mod(var(--base-warning-color) alpha(60%));\n  }\n  & .close {\n    border-color: transparent;\n    background: color-mod(var(--base-warning-color) alpha(50%));\n    color: #fff;\n  }\n}\n:--alert:--error {\n  background: color-mod(var(--base-error-color) alpha(5%));\n  border-color: color-mod(var(--base-error-color) alpha(50%));\n  color: var(--base-error-color);\n  & .close {\n    & .icon {\n      & path {\n        fill: var(--base-error-color);\n      }\n\n      & circle {\n        stroke: var(--base-error-color);\n        stroke-width: 1;\n      }\n    }\n  }\n  & .description {\n    color: color-mod(var(--base-error-color) alpha(60%));\n  }\n}\n:--alert:--success {\n  background: color-mod(var(--base-success-color) alpha(5%));\n  border-color: color-mod(var(--base-success-color) alpha(10%));\n  color: var(--base-success-color);\n  & .close {\n    border-color: transparent;\n    & .icon {\n      & path {\n        fill: var(--base-success-color);\n      }\n\n      & circle {\n        stroke: var(--base-success-color);\n        stroke-width: 1;\n      }\n    }\n  }\n  & .description {\n    color: color-mod(var(--base-success-color) alpha(60%));\n  }\n}\n:--alert:--rounded {\n  border-radius: 4rem;\n  padding-left: 30px;\n  padding-right: 30px;\n  & .close {\n    top: 50%;\n    margin-top: -16px;\n    right: 14px;\n  }\n}\n\n/* Placeholder */\n:--placeholder {\n  border: 2px dashed var(--base-light-color);\n  background: color-mod(var(--base-color) alpha(15%));\n}\n"]}
\ No newline at end of file
diff --git a/packages/vishnucss-alert/dist/vishnu.alert.min.css b/packages/vishnucss-alert/dist/vishnu.alert.min.css
index c56a00f..0c6d49f 100644
--- a/packages/vishnucss-alert/dist/vishnu.alert.min.css
+++ b/packages/vishnucss-alert/dist/vishnu.alert.min.css
@@ -1,5 +1,5 @@
 /**
-* vishnucss alert - v1.1.0-rc.1
+* vishnucss alert - v1.1.0-rc.2
 * https://vishnucss.github.io/vishnu#alert
 */
 .alert{position:relative;padding:8px 20px;margin-bottom:15px;background:transparent;color:#4c4c4c;border-radius:4px;transition:all .2s ease-in-out;border:1px solid #cfcfcf;display:flex;justify-content:flex-start;flex-direction:column}.alert .description,.alert .title{margin:0}.alert .title{padding-right:20px;font-weight:500}.alert .close{position:absolute;right:5px;top:5px;display:flex;justify-content:center;align-items:center;padding:0;width:28px;height:28px;min-height:28px;font-size:1.3rem;background:transparent;border-radius:50%;color:#282828}.alert .close .icon{width:24px;height:24px}.alert .close .icon path{fill:#4c4c4c}.alert .close .icon circle{stroke:#4c4c4c;stroke-width:1}.alert.info{background:rgba(44,128,255,.05);border-color:rgba(44,128,255,.5)}.alert.info,.alert.info:before{color:#2c80ff}.alert.info .description{color:rgba(44,128,255,.6)}.alert.info .close .icon path{fill:#8549b9}.alert.info .close .icon circle{stroke:#8549b9;stroke-width:1}.alert.warning{background:rgba(242,173,0,.05);border-color:rgba(242,173,0,.5);color:#f2ad00}.alert.warning:before{color:#f2ad00}.alert.warning .description{color:rgba(242,173,0,.6)}.alert.warning .close{border-color:transparent;background:rgba(242,173,0,.5);color:#fff}.alert.error{background:rgba(249,56,56,.05);border-color:rgba(249,56,56,.5);color:#f93838}.alert.error .close .icon path{fill:#f93838}.alert.error .close .icon circle{stroke:#f93838;stroke-width:1}.alert.error .description{color:rgba(249,56,56,.6)}.alert.success{background:rgba(13,194,34,.05);border-color:rgba(13,194,34,.1);color:#0dc222}.alert.success .close{border-color:transparent}.alert.success .close .icon path{fill:#0dc222}.alert.success .close .icon circle{stroke:#0dc222;stroke-width:1}.alert.success .description{color:rgba(13,194,34,.6)}.alert.rounded{border-radius:4rem;padding-left:30px;padding-right:30px}.alert.rounded .close{top:50%;margin-top:-16px;right:14px}.placeholder{border:2px dashed #f0f0f0;background:hsla(0,0%,100%,.15)}
diff --git a/packages/vishnucss-alert/package.js b/packages/vishnucss-alert/package.js
index df81d2d..9823eb2 100644
--- a/packages/vishnucss-alert/package.js
+++ b/packages/vishnucss-alert/package.js
@@ -1,6 +1,6 @@
 Package.describe({
 	name: 'vishnucss:alert',
-	version: '1.1.0-rc.1',
+	version: '1.1.0-rc.2',
 	summary: 'Alert toolkit with modern css.',
 	git: 'https://github.com/vishnucss/vishnu.git',
 	documentation: 'README.md'
diff --git a/packages/vishnucss-alert/package.json b/packages/vishnucss-alert/package.json
index d7f50a0..d2a282d 100644
--- a/packages/vishnucss-alert/package.json
+++ b/packages/vishnucss-alert/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@vishnucss/alert",
   "filename": "vishnu.alert.min.css",
-  "version": "1.1.0-rc.1",
+  "version": "1.1.0-rc.2",
   "description": "Alert package for Vishnucss toolkit with modern css.",
   "main": "./dist/vishnu.alert.min.css",
   "keywords": [
diff --git a/packages/vishnucss-alert/src/variables.css b/packages/vishnucss-alert/src/variables.css
index 96d4c7c..d53dc32 100644
--- a/packages/vishnucss-alert/src/variables.css
+++ b/packages/vishnucss-alert/src/variables.css
@@ -53,14 +53,14 @@
   --toggle-checked-left: 25px;
 
   /* Spacing */
---spacing-xxs:  var(--base-space-size / 6);
---spacing-xs: var(--base-space-size / 4);
---spacing-sm: var(--base-space-size / 2);
---spacing-md: var(--base-space-size);
---spacing-lg: var(--base-space-size + 4);
---spacing-xl: var(--base-space-size + 6);
---spacing-xxl: var(--base-space-size * 2);
---spacing-xxxl: var(--base-space-size * 2 + 8);
+--spacing-xxs:  calc(16px / 6);
+--spacing-xs: calc(16px / 4);
+--spacing-sm: calc(16px / 2);
+--spacing-md: 16px;
+--spacing-lg: calc(16px + 8);
+--spacing-xl: calc(16px * 2);
+--spacing-xxl: calc(16px * 2 + 8);
+--spacing-xxxl: calc(16px * 4);
 
 /* Responsive breakpoints */
 --responsive-sm: 25em;
diff --git a/packages/vishnucss-avatar/dist/vishnu.avatar.css b/packages/vishnucss-avatar/dist/vishnu.avatar.css
index 88857fd..bf416f1 100644
--- a/packages/vishnucss-avatar/dist/vishnu.avatar.css
+++ b/packages/vishnucss-avatar/dist/vishnu.avatar.css
@@ -1,5 +1,5 @@
 /**
-* vishnucss avatar - v1.1.0-rc.1
+* vishnucss avatar - v1.1.0-rc.2
 * https://vishnucss.github.io/vishnu#avatar
 */
 
diff --git a/packages/vishnucss-avatar/dist/vishnu.avatar.css.map b/packages/vishnucss-avatar/dist/vishnu.avatar.css.map
index c39d2d2..e7e96b4 100644
--- a/packages/vishnucss-avatar/dist/vishnu.avatar.css.map
+++ b/packages/vishnucss-avatar/dist/vishnu.avatar.css.map
@@ -1 +1 @@
-{"version":3,"sources":["variables.css","customs.css","avatar.css"],"names":[],"mappings":";;;;;AAAA;;EAEA;;AAEA;EACA,gBAAA;;EAQA,aAAA;;EAcA,iBAAA;;EAGA,aAAA;;EAGA,WAAA;;EAIA,YAAA;;EAiBA,aAAA;;AAUA,4BAAA;;CAMA;;ACtEA;;EAEA;;ACFA;;EAEA;;AAEA;;;;;;;;;EASA;;AAEA;EACA,YAAA;EACA,aAAA;EACA,gBAAA;EACA,gBAAA;EACA,iBAAA;EACA,oBAAA;EACA,mBAAA;EACA,oBAAA;EACA,iBAAA;EACA,cAAA;EACA,oBAAA;EACA,wBAAA;EACA,iBAAA;EACA,eAAA;CACA;AACA;EACA,oBAAA;EACA,WAAA;CAMA;AALA;IACA,wBAAA;IACA,sBAAA;IACA,eAAA;GACA;AAEA;EACA,wBAAA;EACA,0BAAA;CACA;AACA;EACA,YAAA;EACA,aAAA;EACA,gBAAA;EACA,gBAAA;EACA,iBAAA;CACA;AACA;EACA,YAAA;EACA,aAAA;EACA,gBAAA;EACA,gBAAA;EACA,iBAAA;CACA","file":"vishnu.avatar.css","sourcesContent":["/*\n* Variables\n*/\n\n:root {\n  /* Typography */\n  --base-font-family: -apple-system, BlinkMacSystemFont, Avenir, \"Avenir Next\",\n    \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\",\n    \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n  --base-font-size: 1.6rem;\n  --base-line-height: 1.5;\n  --base-space-size: 16px;\n\n  /* Colours */\n  --primary-color: #8549b9;\n  --secondary-color: #a460e8;\n  --base-color: #fff;\n  --base-dark-color: #282828;\n  --base-info-color: #2c80ff;\n  --base-error-color: #f93838;\n  --base-success-color: #0dc222;\n  --base-warning-color: #f2ad00;\n  --base-light-color: #f0f0f0;\n  --base-border-color: #cfcfcf;\n  --base-text-color: #4c4c4c;\n  --base-label-color: #6f6f6f;\n\n  /* Transitions */\n  --transition: all 0.2s ease-in-out;\n\n  /* Shadows */\n  --base-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.0325);\n\n  /* Utils */\n  --base-radius: 4px;\n  --base-rounded-radius: 50%;\n\n  /* Toogle */\n  --toggle-transition-duration: 0.25s;\n  --toggle-transition-timing-function: ease;\n  --toggle-label-width: 48px;\n  --toggle-label-height: 24px;\n  --toggle-rail-width: 100%;\n  --toggle-rail-height: 100%;\n  --toggle-rail-background-color: var(--base-light-color);\n  --toggle-rail-border-radius: 9999em;\n  --toggle-rail-checked-background-color: var(--base-success-color);\n  --toggle-width: 24px;\n  --toggle-height: 24px;\n  --toggle-border-radius: 50%;\n  --toggle-background-color: #fff;\n  --toggle-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.0525);\n  --toggle-checked-left: 25px;\n\n  /* Spacing */\n--spacing-xxs:  var(--base-space-size / 6);\n--spacing-xs: var(--base-space-size / 4);\n--spacing-sm: var(--base-space-size / 2);\n--spacing-md: var(--base-space-size);\n--spacing-lg: var(--base-space-size + 4);\n--spacing-xl: var(--base-space-size + 6);\n--spacing-xxl: var(--base-space-size * 2);\n--spacing-xxxl: var(--base-space-size * 2 + 8);\n\n/* Responsive breakpoints */\n--responsive-sm: 25em;\n--responsive-md: 48em;\n--responsive-lg: 62em;\n--responsive-xl: 75em;\n\n}\n","/*\n* Avatar\n*/\n\n@custom-selector :--avatar .avatar;\n@custom-selector :--avatar-primary .avatar.primary;\n@custom-selector :--avatar-outline .avatar.outline;\n@custom-selector :--avatar-small .avatar.small;\n@custom-selector :--avatar-large .avatar.large;\n","/*\n* Avatar\n*/\n\n/*\n*\n* @ custom-properties\n* :--avatar .avatar;\n* :--avatar-primary .avatar.primary;\n* :--avatar-outline .avatar.outline;\n* :--avatar-small .avatar.small;\n* :--avatar-large .avatar.large;\n*\n*/\n\n:--avatar {\n  width: 42px;\n  height: 42px;\n  max-width: 42px;\n  min-width: 42px;\n  flex-basis: 42px;\n  background: #f1f1f1;\n  border-radius: 50%;\n  line-height: normal;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 700;\n  color: var(--base-dark-color);\n}\n:--avatar-primary {\n  background: var(--primary-color);\n  color: #fff;\n  &.outline {\n    background: transparent;\n    border-color: var(--primary-color);\n    color: var(--primary-color);\n  }\n}\n:--avatar-outline {\n  background: transparent;\n  border: 1px solid var(--base-dark-color);\n}\n:--avatar-small {\n  width: 32px;\n  height: 32px;\n  max-width: 32px;\n  min-width: 32px;\n  flex-basis: 32px;\n}\n:--avatar-large {\n  width: 62px;\n  height: 62px;\n  max-width: 62px;\n  min-width: 62px;\n  flex-basis: 62px;\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["variables.css","customs.css","avatar.css"],"names":[],"mappings":";;;;;AAAA;;EAEA;;AAEA;EACA,gBAAA;;EAQA,aAAA;;EAcA,iBAAA;;EAGA,aAAA;;EAGA,WAAA;;EAIA,YAAA;;EAiBA,aAAA;;AAUA,4BAAA;;CAMA;;ACtEA;;EAEA;;ACFA;;EAEA;;AAEA;;;;;;;;;EASA;;AAEA;EACA,YAAA;EACA,aAAA;EACA,gBAAA;EACA,gBAAA;EACA,iBAAA;EACA,oBAAA;EACA,mBAAA;EACA,oBAAA;EACA,iBAAA;EACA,cAAA;EACA,oBAAA;EACA,wBAAA;EACA,iBAAA;EACA,eAAA;CACA;AACA;EACA,oBAAA;EACA,WAAA;CAMA;AALA;IACA,wBAAA;IACA,sBAAA;IACA,eAAA;GACA;AAEA;EACA,wBAAA;EACA,0BAAA;CACA;AACA;EACA,YAAA;EACA,aAAA;EACA,gBAAA;EACA,gBAAA;EACA,iBAAA;CACA;AACA;EACA,YAAA;EACA,aAAA;EACA,gBAAA;EACA,gBAAA;EACA,iBAAA;CACA","file":"vishnu.avatar.css","sourcesContent":["/*\n* Variables\n*/\n\n:root {\n  /* Typography */\n  --base-font-family: -apple-system, BlinkMacSystemFont, Avenir, \"Avenir Next\",\n    \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\",\n    \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n  --base-font-size: 1.6rem;\n  --base-line-height: 1.5;\n  --base-space-size: 16px;\n\n  /* Colours */\n  --primary-color: #8549b9;\n  --secondary-color: #a460e8;\n  --base-color: #fff;\n  --base-dark-color: #282828;\n  --base-info-color: #2c80ff;\n  --base-error-color: #f93838;\n  --base-success-color: #0dc222;\n  --base-warning-color: #f2ad00;\n  --base-light-color: #f0f0f0;\n  --base-border-color: #cfcfcf;\n  --base-text-color: #4c4c4c;\n  --base-label-color: #6f6f6f;\n\n  /* Transitions */\n  --transition: all 0.2s ease-in-out;\n\n  /* Shadows */\n  --base-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.0325);\n\n  /* Utils */\n  --base-radius: 4px;\n  --base-rounded-radius: 50%;\n\n  /* Toogle */\n  --toggle-transition-duration: 0.25s;\n  --toggle-transition-timing-function: ease;\n  --toggle-label-width: 48px;\n  --toggle-label-height: 24px;\n  --toggle-rail-width: 100%;\n  --toggle-rail-height: 100%;\n  --toggle-rail-background-color: var(--base-light-color);\n  --toggle-rail-border-radius: 9999em;\n  --toggle-rail-checked-background-color: var(--base-success-color);\n  --toggle-width: 24px;\n  --toggle-height: 24px;\n  --toggle-border-radius: 50%;\n  --toggle-background-color: #fff;\n  --toggle-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.0525);\n  --toggle-checked-left: 25px;\n\n  /* Spacing */\n--spacing-xxs:  calc(16px / 6);\n--spacing-xs: calc(16px / 4);\n--spacing-sm: calc(16px / 2);\n--spacing-md: 16px;\n--spacing-lg: calc(16px + 8);\n--spacing-xl: calc(16px * 2);\n--spacing-xxl: calc(16px * 2 + 8);\n--spacing-xxxl: calc(16px * 4);\n\n/* Responsive breakpoints */\n--responsive-sm: 25em;\n--responsive-md: 48em;\n--responsive-lg: 62em;\n--responsive-xl: 75em;\n\n}\n","/*\n* Avatar\n*/\n\n@custom-selector :--avatar .avatar;\n@custom-selector :--avatar-primary .avatar.primary;\n@custom-selector :--avatar-outline .avatar.outline;\n@custom-selector :--avatar-small .avatar.small;\n@custom-selector :--avatar-large .avatar.large;\n","/*\n* Avatar\n*/\n\n/*\n*\n* @ custom-properties\n* :--avatar .avatar;\n* :--avatar-primary .avatar.primary;\n* :--avatar-outline .avatar.outline;\n* :--avatar-small .avatar.small;\n* :--avatar-large .avatar.large;\n*\n*/\n\n:--avatar {\n  width: 42px;\n  height: 42px;\n  max-width: 42px;\n  min-width: 42px;\n  flex-basis: 42px;\n  background: #f1f1f1;\n  border-radius: 50%;\n  line-height: normal;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 700;\n  color: var(--base-dark-color);\n}\n:--avatar-primary {\n  background: var(--primary-color);\n  color: #fff;\n  &.outline {\n    background: transparent;\n    border-color: var(--primary-color);\n    color: var(--primary-color);\n  }\n}\n:--avatar-outline {\n  background: transparent;\n  border: 1px solid var(--base-dark-color);\n}\n:--avatar-small {\n  width: 32px;\n  height: 32px;\n  max-width: 32px;\n  min-width: 32px;\n  flex-basis: 32px;\n}\n:--avatar-large {\n  width: 62px;\n  height: 62px;\n  max-width: 62px;\n  min-width: 62px;\n  flex-basis: 62px;\n}\n"]}
\ No newline at end of file
diff --git a/packages/vishnucss-avatar/dist/vishnu.avatar.min.css b/packages/vishnucss-avatar/dist/vishnu.avatar.min.css
index bfaa3a8..759d88f 100644
--- a/packages/vishnucss-avatar/dist/vishnu.avatar.min.css
+++ b/packages/vishnucss-avatar/dist/vishnu.avatar.min.css
@@ -1,5 +1,5 @@
 /**
-* vishnucss avatar - v1.1.0-rc.1
+* vishnucss avatar - v1.1.0-rc.2
 * https://vishnucss.github.io/vishnu#avatar
 */
 .avatar{width:42px;height:42px;max-width:42px;min-width:42px;flex-basis:42px;background:#f1f1f1;border-radius:50%;line-height:normal;overflow:hidden;display:flex;align-items:center;justify-content:center;font-weight:700;color:#282828}.avatar.primary{background:#8549b9;color:#fff}.avatar.primary.outline{background:transparent;border-color:#8549b9;color:#8549b9}.avatar.outline{background:transparent;border:1px solid #282828}.avatar.small{width:32px;height:32px;max-width:32px;min-width:32px;flex-basis:32px}.avatar.large{width:62px;height:62px;max-width:62px;min-width:62px;flex-basis:62px}
diff --git a/packages/vishnucss-avatar/package.js b/packages/vishnucss-avatar/package.js
index d9c2cf7..5e1e72b 100644
--- a/packages/vishnucss-avatar/package.js
+++ b/packages/vishnucss-avatar/package.js
@@ -1,6 +1,6 @@
 Package.describe({
 	name: 'vishnucss:avatar',
-	version: '1.1.0-rc.1',
+	version: '1.1.0-rc.2',
 	summary: 'Avatar toolkit with modern css.',
 	git: 'https://github.com/vishnucss/vishnu.git',
 	documentation: 'README.md'
diff --git a/packages/vishnucss-avatar/package.json b/packages/vishnucss-avatar/package.json
index f61ee3f..146568a 100644
--- a/packages/vishnucss-avatar/package.json
+++ b/packages/vishnucss-avatar/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@vishnucss/avatar",
   "filename": "vishnu.avatar.min.css",
-  "version": "1.1.0-rc.1",
+  "version": "1.1.0-rc.2",
   "description": "Avatar package for Vishnucss toolkit with modern css.",
   "main": "./dist/vishnu.avatar.min.css",
   "keywords": [
diff --git a/packages/vishnucss-avatar/src/variables.css b/packages/vishnucss-avatar/src/variables.css
index 96d4c7c..d53dc32 100644
--- a/packages/vishnucss-avatar/src/variables.css
+++ b/packages/vishnucss-avatar/src/variables.css
@@ -53,14 +53,14 @@
   --toggle-checked-left: 25px;
 
   /* Spacing */
---spacing-xxs:  var(--base-space-size / 6);
---spacing-xs: var(--base-space-size / 4);
---spacing-sm: var(--base-space-size / 2);
---spacing-md: var(--base-space-size);
---spacing-lg: var(--base-space-size + 4);
---spacing-xl: var(--base-space-size + 6);
---spacing-xxl: var(--base-space-size * 2);
---spacing-xxxl: var(--base-space-size * 2 + 8);
+--spacing-xxs:  calc(16px / 6);
+--spacing-xs: calc(16px / 4);
+--spacing-sm: calc(16px / 2);
+--spacing-md: 16px;
+--spacing-lg: calc(16px + 8);
+--spacing-xl: calc(16px * 2);
+--spacing-xxl: calc(16px * 2 + 8);
+--spacing-xxxl: calc(16px * 4);
 
 /* Responsive breakpoints */
 --responsive-sm: 25em;
diff --git a/packages/vishnucss-base/dist/vishnu.base.css b/packages/vishnucss-base/dist/vishnu.base.css
index 0e2bef3..77a9dc5 100644
--- a/packages/vishnucss-base/dist/vishnu.base.css
+++ b/packages/vishnucss-base/dist/vishnu.base.css
@@ -1,5 +1,5 @@
 /**
-* vishnucss base - v1.1.0-rc.1
+* vishnucss base - v1.1.0-rc.2
 * https://vishnucss.github.io/vishnu
 */
 
diff --git a/packages/vishnucss-base/dist/vishnu.base.css.map b/packages/vishnucss-base/dist/vishnu.base.css.map
index c63b4c0..4cf66a3 100644
--- a/packages/vishnucss-base/dist/vishnu.base.css.map
+++ b/packages/vishnucss-base/dist/vishnu.base.css.map
@@ -1 +1 @@
-{"version":3,"sources":["customs.css","variables.css","reset.css","typography.css","links.css","buttons.css","forms.css","lists.css","tables.css","images.css","misc.css","responsive.css"],"names":[],"mappings":";;;;;AAAA;;EAEA;;AAOA;;EAEA;;AAIA;;EAEA;;;;AAkBA;;EAEA;;;;;ACrCA;;EAEA;;AAEA;EACA,gBAAA;;EAQA,aAAA;;EAcA,iBAAA;;EAGA,aAAA;;EAGA,WAAA;;EAIA,YAAA;;EAiBA,aAAA;;AAUA,4BAAA;;CAMA;;ACtEA;;EAEA;;AAEA;EACA,eAAA;EACA,iBAAA;CACA;;AAHA;EACA,eAAA;EACA,iBAAA;CACA;;AAEA;;EAEA,UAAA;EACA,WAAA;CACA;;AAEA;EACA,uBAAA;EACA,iBAAA;EACA,wBAAA;CACA;;AAEA;EACA,iBAAA;EACA,kBAAA;EACA;;+CAAA;EACA,iBAAA;EACA,mCAAA;CACA;;AC3BA;;EAEA;;AAEA;;;;;;EAMA,cAAA;EACA,oBAAA;EACA,iBAAA;CACA;;AAEA;EACA,gBAAA;EACA,iBAAA;CACA;;AAEA;EACA,kBAAA;EACA,kBAAA;CACA;;AAEA;EACA,kBAAA;EACA,iBAAA;CACA;;AAEA;EACA,gBAAA;EACA,kBAAA;CACA;;AAEA;EACA,kBAAA;EACA,iBAAA;CACA;;AAEA;EACA,kBAAA;EACA,iBAAA;CACA;;AAEA;EACA,cAAA;EACA,oBAAA;EACA,kBAAA;CACA;;ACjDA;;EAEA;;AAEA;EACA,eAAA;EACA,oCAAA;EAAA,2BAAA;CAYA;;AAdA;EACA,eAAA;EACA,iCAAA;EAAA,2BAAA;CAYA;;AAdA;EACA,eAAA;EACA,2BAAA;CAYA;;AAXA;IACA,gBAAA;IACA,+BAAA;IACA,sBAAA;GACA;;AAJA;IACA,gBAAA;IACA,+BAAA;IACA,sBAAA;GACA;;AAJA;IACA,gBAAA;IACA,+BAAA;IACA,sBAAA;GACA;;AACA;IACA,qBAAA;GACA;;AAFA;IACA,qBAAA;GACA;;AAFA;IACA,qBAAA;GACA;;AACA;IACA,WAAA;GACA;;AAFA;IACA,WAAA;GACA;;AAFA;IACA,WAAA;GACA;;ACjBA;;EAEA;;AAEA;;;;;;;;;;;;;;;EAeA;;AAEA,aAAA;AACA;;;EACA,kBAAA;EACA,kBAAA;EACA,iBAAA;EACA,iBAAA;EACA,eAAA;EACA,oBAAA;EACA,mBAAA;EACA,iCAAA;EACA,8BAAA;EACA,oBAAA;EACA,gBAAA;EACA,sBAAA;EACA,cAAA;EACA,oBAAA;EACA,uBAAA;CAKA;AAJA;IACA,cAAA;IACA,gBAAA;GACA;;AAGA,YAAA;AACA;;;EACA,6BAAA;EACA,oCAAA;CAIA;AAHA;IACA,8BAAA;GACA;AAEA;;;EACA,cAAA;EACA,oCAAA;CAIA;AAHA;IACA,8BAAA;GACA;;AAGA,UAAA;AACA;;;EACA,iCAAA;EACA,iBAAA;EACA,iBAAA;EACA,oBAAA;CACA;AACA;;;EACA,iCAAA;EACA,iBAAA;EACA,uBAAA;EACA,oBAAA;CACA;;AAEA,aAAA;AACA;;;EACA,eAAA;EACA,iBAAA;EACA,yBAAA;CAiBA;AAhBA;IACA,eAAA;IACA,iBAAA;IACA,yBAAA;GAYA;AAXA;MACA,iBAAA;MACA,0CAAA;MACA,+BAAA;KACA;AACA;MAEA,iBAAA;MACA,sCAAA;MACA,+BAAA;KACA;AALA;MAEA,iBAAA;MACA,sCAAA;MACA,+BAAA;KACA;AAGA;;;EACA,iBAAA;EACA,wCAAA;EACA,6BAAA;CACA;AACA;;;EACA,oCAAA;EACA,6BAAA;CACA;;AAEA,UAAA;AACA;;;EACA,eAAA;EACA,iBAAA;EACA,6BAAA;CAcA;AAbA;IACA,cAAA;GAWA;AAVA;MACA,+BAAA;KACA;AACA;MAEA,+BAAA;KACA;AAHA;MAEA,+BAAA;KACA;AACA;MACA,gBAAA;KACA;AAGA;;;EACA,iBAAA;EACA,6BAAA;CACA;AACA;;;EACA,6BAAA;CACA;;AAEA,aAAA;AACA;;;EACA,YAAA;EACA,oBAAA;EACA,6BAAA;CAIA;AAHA;IACA,aAAA;GACA;AAEA;;;EACA,oCAAA;EACA,YAAA;CACA;AACA;;;EACA,oCAAA;CACA;;AAEA,aAAA;AACA;;;EACA,oBAAA;CACA;;AAEA,aAAA;AACA;;;EACA,YAAA;EACA,oBAAA;EACA,6BAAA;CAIA;AAHA;IACA,aAAA;GACA;AAEA;;;EACA,mCAAA;EACA,YAAA;CACA;AACA;;;EACA,mCAAA;CACA;;AAEA,WAAA;AACA;;;EACA,YAAA;EACA,oBAAA;EACA,6BAAA;CAIA;AAHA;IACA,aAAA;GACA;AAEA;;;EACA,mCAAA;EACA,YAAA;CACA;AACA;;;EACA,mCAAA;CACA;;AAEA,aAAA;AACA;;;EACA,YAAA;EACA,oBAAA;EACA,6BAAA;CAIA;AAHA;IACA,aAAA;GACA;AAEA;;;EACA,mCAAA;EACA,YAAA;CACA;AACA;;;EACA,mCAAA;CACA;;AAEA,UAAA;AACA;;;EACA,YAAA;EACA,oBAAA;EACA,6BAAA;CAIA;AAHA;IACA,aAAA;GACA;AAEA;;;EACA,oCAAA;EACA,YAAA;CACA;AACA;;;EACA,oCAAA;CACA;;AC7NA;;EAEA;;AAEA;;;;;;;;;;EAUA;;AAEA;;;;;;;;;;;EACA,YAAA;EACA,aAAA;EACA,cAAA;EACA,iBAAA;EACA,oBAAA;EACA,kBAAA;EACA,uBAAA;EACA,iBAAA;EACA,0BAAA;EACA,mBAAA;EACA,iCAAA;CACA;AACA;;;;;;;;;;;EACA,sCAAA;CACA;AACA;;;;;;;;;;;EACA,cAAA;EACA,sBAAA;EACA,8CAAA;CACA;;AAEA;;EACA,iBAAA;CACA;;AAEA,YAAA;AACA;EACA,gBAAA;CACA;;AAEA,cAAA;AACA;EACA,cAAA;EACA,mBAAA;EACA,mBAAA;EACA,iBAAA;EACA,gBAAA;EACA,kBAAA;EACA,iBAAA;EACA,0BAAA;KAAA,uBAAA;MAAA,sBAAA;UAAA,kBAAA;EACA,oBAAA;EACA,kBAAA;CAiBA;AAhBA;IACA,mBAAA;IACA,OAAA;IACA,QAAA;IACA,aAAA;IACA,YAAA;IACA,uBAAA;IACA,0BAAA;IACA,iCAAA;IACA,mBAAA;GACA;AACA;IACA,mBAAA;IACA,WAAA;IACA,gBAAA;GACA;AAEA;EACA,UAAA;EACA,SAAA;EACA,WAAA;EACA,aAAA;EACA,oBAAA;EACA,0BAAA;EACA,iCAAA;UAAA,yBAAA;CACA;;AAEA,kBAAA;AACA;EACA,cAAA;EACA,mBAAA;EACA,mBAAA;EACA,gBAAA;EACA,kBAAA;EACA,iBAAA;EACA,0BAAA;KAAA,uBAAA;MAAA,sBAAA;UAAA,iBAAA;CAgBA;AAfA;IACA,mBAAA;IACA,OAAA;IACA,QAAA;IACA,aAAA;IACA,YAAA;IACA,uBAAA;IACA,0BAAA;IACA,mBAAA;IACA,iCAAA;GACA;AACA;IACA,mBAAA;IACA,WAAA;GACA;AAEA;EACA,SAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,mBAAA;EACA,kBAAA;CACA;;AAEA,+BAAA;AACA;EACA,sCAAA;CACA;AAFA;EACA,sCAAA;CACA;;AAEA;EACA,0BAAA;EACA,sBAAA;EACA,8CAAA;CACA;;AAJA;EACA,0BAAA;EACA,sBAAA;EACA,8CAAA;CACA;AACA;EACA,YAAA;EACA,mBAAA;EACA,cAAA;CACA;AACA;EACA,eAAA;CACA;;ACzIA;;EAEA;;AAEA;;EAEA,gBAAA;EACA,cAAA;EACA,oBAAA;EACA,4BAAA;CACA;;AAEA;;;;EAIA,yBAAA;EACA,eAAA;CACA;;AAEA;EACA,oBAAA;CACA;;ACtBA;;EAEA;;AAEA;;;;;EAKA;;AAEA;;EACA,YAAA;EACA,aAAA;EACA,0BAAA;EACA,kBAAA;EACA,gBAAA;CAQA;;AAPA;IACA,uBAAA;IACA,kBAAA;GACA;;AACA;IACA,iCAAA;GACA;;AAGA,sBAAA;;AC1BA;;EAEA;;AAEA;EACA,gBAAA;CACA;;ACNA;;EAEA;;AAEA;EACA,UAAA;EACA,eAAA;EACA,UAAA;EACA,8BAAA;CACA;;AAEA;EACA,cAAA;EACA,oBAAA;CACA;;AAEA;EACA,uBAAA;EACA,iBAAA;EACA,kBAAA;EACA,oBAAA;EACA,iBAAA;EACA,0BAAA;EACA,mBAAA;EACA,sDAAA;CACA;;AAEA;EACA,eAAA;EACA,qBAAA;EACA,sBAAA;EACA,sBAAA;CACA;;AChCA;;EAEA;;AAEA;;;;;;;;EAQA","file":"vishnu.base.css","sourcesContent":["/*\n* Responsive\n*/\n\n@custom-media --sm-viewport only screen and (max-width: var(--responsive-sm));\n@custom-media --md-viewport only screen and (max-width: var(--responsive-md));\n@custom-media --lg-viewport only screen and (max-width: var(--responsive-lg));\n@custom-media --xl-viewport only screen and (max-width: var(--responsive-xl));\n\n/*\n* Table\n*/\n\n@custom-selector :--table table, .table;\n\n/*\n* Buttons\n*/\n\n@custom-selector :--button button, .button, [type='submit'];\n@custom-selector :--button-outline button.outline, .button.outline, [type='submit'].outline;\n@custom-selector :--button-flat button.flat, .button.flat, [type='submit'].flat;\n@custom-selector :--button-primary button.primary, .button.primary, [type='submit'].primary;\n@custom-selector :--button-rounded button.rounded, .button.rounded, [type='submit'].rounded;\n@custom-selector :--button-success button.success, .button.success, [type='submit'].success;\n@custom-selector :--button-info button.info, .button.info, [type='submit'].info;\n@custom-selector :--button-warning button.warning, .button.warning, [type='submit'].warning;\n@custom-selector :--button-error button.error, .button.error, [type='submit'].error;\n@custom-selector :--hovered :hover;\n@custom-selector :--pressed :focus;\n@custom-selector :--large .large;\n@custom-selector :--small .small;\n\n\n\n/*\n* Forms\n*/\n\n@custom-selector :--fields input[type='text'], input[type='password'], input[type='email'], input[type='search'], input[type='number'], input[type='file'], input[type='tel'], input[type='url'], select, textarea, textarea[type='text'];\n@custom-selector :--textarea textarea, textarea[type='text'];\n@custom-selector :--checkbox input[type='checkbox'];\n@custom-selector :--radio input[type='radio'];\n@custom-selector :--hovered :hover;\n@custom-selector :--pressed :focus;\n\n\n\n","/*\n* Variables\n*/\n\n:root {\n  /* Typography */\n  --base-font-family: -apple-system, BlinkMacSystemFont, Avenir, \"Avenir Next\",\n    \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\",\n    \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n  --base-font-size: 1.6rem;\n  --base-line-height: 1.5;\n  --base-space-size: 16px;\n\n  /* Colours */\n  --primary-color: #8549b9;\n  --secondary-color: #a460e8;\n  --base-color: #fff;\n  --base-dark-color: #282828;\n  --base-info-color: #2c80ff;\n  --base-error-color: #f93838;\n  --base-success-color: #0dc222;\n  --base-warning-color: #f2ad00;\n  --base-light-color: #f0f0f0;\n  --base-border-color: #cfcfcf;\n  --base-text-color: #4c4c4c;\n  --base-label-color: #6f6f6f;\n\n  /* Transitions */\n  --transition: all 0.2s ease-in-out;\n\n  /* Shadows */\n  --base-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.0325);\n\n  /* Utils */\n  --base-radius: 4px;\n  --base-rounded-radius: 50%;\n\n  /* Toogle */\n  --toggle-transition-duration: 0.25s;\n  --toggle-transition-timing-function: ease;\n  --toggle-label-width: 48px;\n  --toggle-label-height: 24px;\n  --toggle-rail-width: 100%;\n  --toggle-rail-height: 100%;\n  --toggle-rail-background-color: var(--base-light-color);\n  --toggle-rail-border-radius: 9999em;\n  --toggle-rail-checked-background-color: var(--base-success-color);\n  --toggle-width: 24px;\n  --toggle-height: 24px;\n  --toggle-border-radius: 50%;\n  --toggle-background-color: #fff;\n  --toggle-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.0525);\n  --toggle-checked-left: 25px;\n\n  /* Spacing */\n--spacing-xxs:  var(--base-space-size / 6);\n--spacing-xs: var(--base-space-size / 4);\n--spacing-sm: var(--base-space-size / 2);\n--spacing-md: var(--base-space-size);\n--spacing-lg: var(--base-space-size + 4);\n--spacing-xl: var(--base-space-size + 6);\n--spacing-xxl: var(--base-space-size * 2);\n--spacing-xxxl: var(--base-space-size * 2 + 8);\n\n/* Responsive breakpoints */\n--responsive-sm: 25em;\n--responsive-md: 48em;\n--responsive-lg: 62em;\n--responsive-xl: 75em;\n\n}\n","/*\n * Reset\n*/\n\n::selection {\n  color: var(--primary-color);\n  background: var(--base-color);\n}\n\nhtml,\nbody {\n  margin: 0;\n  padding: 0;\n}\n\nhtml {\n  box-sizing: border-box;\n  font-size: 62.5%;\n  letter-spacing: -0.04em;\n}\n\nbody {\n  line-height: var(--base-line-height);\n  font-size: var(--base-font-size);\n  font-family: var(--base-font-family);\n  font-weight: 500;\n  text-rendering: optimizeLegibility;\n}\n","/*\n * Typography\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: 1rem;\n  font-weight: 400;\n}\n\nh1 {\n  font-size: 5rem;\n  line-height: 1.2;\n}\n\nh2 {\n  font-size: 4.2rem;\n  line-height: 1.25;\n}\n\nh3 {\n  font-size: 3.6rem;\n  line-height: 1.3;\n}\n\nh4 {\n  font-size: 3rem;\n  line-height: 1.35;\n}\n\nh5 {\n  font-size: 2.4rem;\n  line-height: 1.5;\n}\n\nh6 {\n  font-size: 1.8rem;\n  line-height: 1.6;\n}\n\np {\n  margin-top: 0;\n  margin-bottom: 1rem;\n  font-size: var(--base-font-size);\n}\n\n@media (--sm-viewport) {\n  h1 {\n    font-size: 4rem;\n  }\n\n  h2 {\n    font-size: 3.5rem;\n  }\n\n  h3 {\n    font-size: 3rem;\n  }\n\n  h4 {\n    font-size: 2.6rem;\n  }\n\n  h5 {\n    font-size: 2.2rem;\n  }\n\n  h6 {\n    font-size: 1.8rem;\n  }\n}\n","/*\n * Links\n*/\n\n:any-link {\n  color: var(--primary-color);\n  transition: color 0.1s ease;\n  &:hover {\n    cursor: pointer;\n    color: color-mod(var(--primary-color) alpha(80%));\n    text-decoration: none;\n  }\n  &:focus {\n    outline: thin dotted;\n  }\n  &:active, &:hover {\n    outline: 0;\n  }\n}\n","/*\n * Buttons\n*/\n\n/*\n*\n* @ custom-properties\n* :--button button, .button, [type='submit'];\n* :--button-outline button.outline, .button.outline, [type='submit'].outline;\n* :--button-flat button.flat, .button.flat, [type='submit'].flat;\n* :--button-primary button.primary, .button.primary, [type='submit'].primary;\n* :--button-rounded button.rounded, .button.rounded, [type='submit'].rounded;\n* :--button-success button.success, .button.success, [type='submit'].success;\n* :--button-error button.error, .button.error, [type='submit'].error;\n* :--hovered :hover;\n* :--pressed :focus;\n* :--large .large;\n* :--small .small;\n*\n*/\n\n/* Default */\n:--button {\n  padding: 0 1.5rem;\n  font-size: var(--base-font-size);\n  min-height: 52px;\n  font-weight: 600;\n  color: var(--base-text-color);\n  background: var(--base-light-color);\n  border-radius: var(--base-radius);\n  transition: var(--transition);\n  border: 1px solid transparent;\n  line-height: 1.8rem;\n  cursor: pointer;\n  text-decoration: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  & .icon {\n    margin: 0 5px;\n    stroke: var(--base-text-color);\n  }\n}\n\n/* Status */\n:--button:--hovered {\n  color: color-mod(var(--base-text-color) alpha(-30%));\n  background: color-mod(var(--base-light-color) alpha(-30%));\n  & .icon {\n    stroke: color-mod(var(--base-text-color) alpha(-30%));\n  }\n}\n:--button:--pressed {\n  outline: none;\n  background: color-mod(var(--base-light-color) alpha(-20%));\n  & .icon {\n    stroke: color-mod(var(--base-text-color) alpha(-30%));\n  }\n}\n\n/* Size */\n:--button:--small {\n  font-size: calc(var(--base-font-size) - 0.2rem);\n  min-height: 36px;\n  font-weight: 700;\n  line-height: 1.2rem;\n}\n:--button:--large {\n  font-size: calc(var(--base-font-size) + 0.4rem);\n  min-height: 58px;\n  padding: 1.4rem 3.2rem;\n  line-height: 1.4rem;\n}\n\n/* Outline */\n:--button-outline {\n  color: var(--base-text-color);\n  background: none;\n  border: 1px solid var(--base-text-color);\n  &.primary {\n    color: var(--primary-color);\n    background: none;\n    border: 1px solid var(--primary-color);\n    &:hover {\n      background: none;\n      border: 1px solid color-mod(var(--primary-color) alpha(-30%));\n      color: color-mod(var(--primary-color) alpha(-30%));\n    }\n    &:focus,\n    &:active {\n      background: none;\n      border-color: color-mod(var(--primary-color) alpha(-20%));\n      color: color-mod(var(--primary-color) alpha(-20%));\n    }\n  }\n}\n:--button-outline:--hovered {\n  background: none;\n  border: 1px solid color-mod(var(--base-text-color) alpha(-30%));\n  color: color-mod(var(--base-text-color) alpha(-30%));\n}\n:--button-outline:--pressed {\n  border-color: color-mod(var(--base-text-color) alpha(-20%));\n  color: color-mod(var(--base-text-color) alpha(-20%));\n}\n\n/* Flat */\n:--button-flat {\n  color: var(--base-text-color);\n  background: none;\n  border: 1px solid transparent;\n  &.primary {\n    color: var(--primary-color);\n    &:hover {\n      color: color-mod(var(--primary-color) alpha(-20%));\n    }\n    &:active,\n    &:focus {\n      color: color-mod(var(--primary-color) alpha(-10%));\n    }\n    & .icon {\n      stroke: var(--primary-color);\n    }\n  }\n}\n:--button-flat:--hovered {\n  background: none;\n  color: color-mod(var(--base-text-color) alpha(-20%));\n}\n:--button-flat:--pressed {\n  color: color-mod(var(--base-text-color) alpha(-10%));\n}\n\n/* Primary */\n:--button-primary {\n  color: #fff;\n  background: var(--primary-color);\n  border: 1px solid transparent;\n  & .icon {\n    stroke: #fff;\n  }\n}\n:--button-primary:--hovered {\n  background: color-mod(var(--primary-color) alpha(-20%));\n  color: #fff;\n}\n:--button-primary:--pressed {\n  background: color-mod(var(--primary-color) alpha(-10%));\n}\n\n/* Rounded */\n:--button-rounded {\n  border-radius: 50px;\n}\n\n/* Success */\n:--button-success {\n  color: #fff;\n  background: var(--base-success-color);\n  border: 1px solid transparent;\n  & .icon {\n    stroke: #fff;\n  }\n}\n:--button-success:--hovered {\n  background: color-mod(var(--base-success-color) alpha(-20%));\n  color: #fff;\n}\n:--button-success:--pressed {\n  background: color-mod(var(--base-success-color) alpha(-10%));\n}\n\n/* Error */\n:--button-error {\n  color: #fff;\n  background: var(--base-error-color);\n  border: 1px solid transparent;\n  & .icon {\n    stroke: #fff;\n  }\n}\n:--button-error:--hovered {\n  background: color-mod(var(--base-error-color) alpha(-20%));\n  color: #fff;\n}\n:--button-error:--pressed {\n  background: color-mod(var(--base-error-color) alpha(-10%));\n}\n\n/* Warning */\n:--button-warning {\n  color: #fff;\n  background: var(--base-warning-color);\n  border: 1px solid transparent;\n  & .icon {\n    stroke: #fff;\n  }\n}\n:--button-warning:--hovered {\n  background: color-mod(var(--base-warning-color) alpha(-20%));\n  color: #fff;\n}\n:--button-warning:--pressed {\n  background: color-mod(var(--base-warning-color) alpha(-10%));\n}\n\n/* Info */\n:--button-info {\n  color: #fff;\n  background: var(--base-info-color);\n  border: 1px solid transparent;\n  & .icon {\n    stroke: #fff;\n  }\n}\n:--button-info:--hovered {\n  background: color-mod(var(--base-info-color) alpha(-20%));\n  color: #fff;\n}\n:--button-info:--pressed {\n  background: color-mod(var(--base-info-color) alpha(-10%));\n}\n","/*\n * Forms\n*/\n\n/*\n*\n* @ custom-properties\n* :--fields input[type='text'], input[type='password'], input[type='email'], input[type='search'], input[type='number'], input[type='file'], input[type='tel'], input[type='url'], select, textarea;\n* :--textarea textarea;\n* :--checkbox input[type='checkbox'];\n* :--radio input[type='radio'];\n* :--hovered :hover;\n* :--pressed :focus;\n*\n*/\n\n:--fields {\n  width: 100%;\n  height: 42px;\n  padding: 10px;\n  margin-top: 1rem;\n  margin-bottom: 1rem;\n  font-size: 1.4rem;\n  box-sizing: border-box;\n  background: #fff;\n  border: 1px solid var(--base-border-color);\n  border-radius: var(--base-radius);\n  transition: var(--transition);\n}\n:--fields:--hovered {\n  border-color: color-mod(var(--primary-color) alpha(80%));\n}\n:--fields:--pressed {\n  outline: none;\n  border-color: var(--primary-color);\n  box-shadow: 0 0 0 2px color-mod(var(--primary-color) alpha(20%));\n}\n\n:--textarea {\n  min-height: 7rem;\n}\n\n/* Select */\nselect {\n  cursor: pointer;\n}\n\n/* Checkbox */\n.checkbox {\n  display: flex;\n  position: relative;\n  padding-left: 30px;\n  min-height: 20px;\n  cursor: pointer;\n  font-size: var(--base-font-size);\n  line-height: var(--base-line-height);\n  user-select: none;\n  align-items: center;\n  border-radius: var(--base-radius);\n  & .checkmark {\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 18px;\n    width: 18px;\n    background-color: #fff;\n    border: 1px solid var(--base-border-color);\n    transition: var(--transition);\n    border-radius: var(--base-radius);\n  }\n  & input {\n    position: absolute;\n    opacity: 0;\n    cursor: pointer;\n  }\n}\n.checkbox .checkmark:after {\n  left: 6px;\n  top: 1px;\n  width: 4px;\n  height: 10px;\n  border: solid white;\n  border-width: 0 3px 3px 0;\n  transform: rotate(45deg);\n}\n\n/* Radio Button */\n.radio {\n  display: flex;\n  position: relative;\n  padding-left: 30px;\n  cursor: pointer;\n  font-size: var(--base-font-size);\n  line-height: var(--base-line-height);\n  user-select: none;\n  & .radiomark {\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 18px;\n    width: 18px;\n    background-color: #fff;\n    border: 1px solid var(--base-border-color);\n    border-radius: var(--base-rounded-radius);\n    transition: var(--transition);\n  }\n  & input {\n    position: absolute;\n    opacity: 0;\n  }\n}\n.radio .radiomark:after {\n  top: 6px;\n  left: 6px;\n  width: 6px;\n  height: 6px;\n  border-radius: var(--base-rounded-radius);\n  background: white;\n}\n\n/* Checkbox and Radio Button */\n.checkbox:hover input ~ .checkmark, .radio:hover input ~ .radiomark {\n  border-color: color-mod(var(--primary-color) alpha(80%));\n}\n\n.checkbox input:checked ~ .checkmark, .radio input:checked ~ .radiomark {\n  background-color: var(--primary-color);\n  border-color: var(--primary-color);\n  box-shadow: 0 0 0 2px color-mod(var(--primary-color) alpha(20%));\n}\n.checkbox .checkmark:after, .radio .radiomark:after {\n  content: \"\";\n  position: absolute;\n  display: none;\n}\n.checkbox input:checked ~ .checkmark:after, .radio input:checked ~ .radiomark:after {\n  display: block;\n}\n","/*\n * List\n*/\n\nul,\nol {\n  padding-left: 0;\n  margin-top: 0;\n  margin-bottom: 1rem;\n  list-style-position: inside;\n}\n\nul ul,\nul ol,\nol ol,\nol ul {\n  margin: 1rem 0 1rem 2rem;\n  font-size: 95%;\n}\n\nli {\n  margin-bottom: 1rem;\n}\n","/*\n * Tables\n*/\n\n/*\n*\n* @ custom-properties\n* :--table table, .table;\n*\n*/\n\n:--table {\n  width: 100%;\n  border: none;\n  border-collapse: collapse;\n  border-spacing: 0;\n  text-align: left;\n  & th, & td {\n    vertical-align: middle;\n    padding: 12px 4px;\n  }\n  & thead {\n    border-bottom: 1px solid var(--base-border-color);\n  }\n}\n\n/* responsive table */\n@media (--md-viewport) {\n  :--table {\n    &.responsive {\n      position: relative;\n      display: block;\n      & th, & td {\n        margin: 0\n      }\n      & thead {\n        display: block;\n        float: left;\n        border: 0;\n        & tr {\n          display: block;\n          padding: 0 10px 0 0;\n          border-right: 1px solid var(--base-border-color);\n        }\n        & th {\n          text-align: left;\n        }\n      }\n      & th {\n        display: block;\n        text-align: right;\n      }\n      & tbody {\n        display: block;\n        overflow-x: auto;\n        white-space: nowrap;\n        & tr {\n          display: inline-block;\n        }\n      }\n      & td {\n        display: block;\n        min-height: 16px;\n        text-align: left;\n      }\n      & tr {\n        padding: 0 10px;\n      }\n    }\n  }\n}\n","/*\n * Images\n*/\n\nimg {\n  max-width: 100%;\n}\n","/*\n * Misc\n*/\n\nhr {\n  height: 0;\n  margin: 20px 0;\n  border: 0;\n  border-top: 1px solid var(--base-border-color);\n}\n\npre {\n  margin-top: 0;\n  margin-bottom: 1rem;\n}\n\ncode {\n  padding: 0.2rem 0.5rem;\n  margin: 0 0.2rem;\n  font-size: 1.3rem;\n  white-space: nowrap;\n  background: var(--base-color);\n  border: 1px solid var(--base-border-color);\n  border-radius: 4px;\n  font-family: \"Consolas\", \"Monaco\", \"Menlo\", monospace;\n}\n\npre > code {\n  display: block;\n  padding: 1rem 1.5rem;\n  white-space: pre-wrap;\n  word-wrap: break-word;\n}\n","/*\n* Responsive\n*/\n\n/*\n*\n* @ custom-properties\n* --sm-viewport only screen and (max-width: 25em);\n* --md-viewport only screen and (max-width: 48em);\n* --lg-viewport only screen and (max-width: 62em);\n* --xl-viewport only screen and (max-width: 75em);\n*\n*/\n\n@media (--sm-viewport) {\n  .hide-sm {\n    display: none;\n  }\n}\n\n@media (--md-viewport) {\n  .hide-md {\n    display: none;\n  }\n}\n\n@media (--lg-viewport) {\n  .hide-lg {\n    display: none;\n  }\n}\n\n@media (--xl-viewport) {\n  .hide-xl {\n    display: none;\n  }\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["customs.css","variables.css","reset.css","typography.css","links.css","buttons.css","forms.css","lists.css","tables.css","images.css","misc.css","responsive.css"],"names":[],"mappings":";;;;;AAAA;;EAEA;;AAOA;;EAEA;;AAIA;;EAEA;;;;AAkBA;;EAEA;;;;;ACrCA;;EAEA;;AAEA;EACA,gBAAA;;EAQA,aAAA;;EAcA,iBAAA;;EAGA,aAAA;;EAGA,WAAA;;EAIA,YAAA;;EAiBA,aAAA;;AAUA,4BAAA;;CAMA;;ACtEA;;EAEA;;AAEA;EACA,eAAA;EACA,iBAAA;CACA;;AAHA;EACA,eAAA;EACA,iBAAA;CACA;;AAEA;;EAEA,UAAA;EACA,WAAA;CACA;;AAEA;EACA,uBAAA;EACA,iBAAA;EACA,wBAAA;CACA;;AAEA;EACA,iBAAA;EACA,kBAAA;EACA;;+CAAA;EACA,iBAAA;EACA,mCAAA;CACA;;AC3BA;;EAEA;;AAEA;;;;;;EAMA,cAAA;EACA,oBAAA;EACA,iBAAA;CACA;;AAEA;EACA,gBAAA;EACA,iBAAA;CACA;;AAEA;EACA,kBAAA;EACA,kBAAA;CACA;;AAEA;EACA,kBAAA;EACA,iBAAA;CACA;;AAEA;EACA,gBAAA;EACA,kBAAA;CACA;;AAEA;EACA,kBAAA;EACA,iBAAA;CACA;;AAEA;EACA,kBAAA;EACA,iBAAA;CACA;;AAEA;EACA,cAAA;EACA,oBAAA;EACA,kBAAA;CACA;;ACjDA;;EAEA;;AAEA;EACA,eAAA;EACA,oCAAA;EAAA,2BAAA;CAYA;;AAdA;EACA,eAAA;EACA,iCAAA;EAAA,2BAAA;CAYA;;AAdA;EACA,eAAA;EACA,2BAAA;CAYA;;AAXA;IACA,gBAAA;IACA,+BAAA;IACA,sBAAA;GACA;;AAJA;IACA,gBAAA;IACA,+BAAA;IACA,sBAAA;GACA;;AAJA;IACA,gBAAA;IACA,+BAAA;IACA,sBAAA;GACA;;AACA;IACA,qBAAA;GACA;;AAFA;IACA,qBAAA;GACA;;AAFA;IACA,qBAAA;GACA;;AACA;IACA,WAAA;GACA;;AAFA;IACA,WAAA;GACA;;AAFA;IACA,WAAA;GACA;;ACjBA;;EAEA;;AAEA;;;;;;;;;;;;;;;EAeA;;AAEA,aAAA;AACA;;;EACA,kBAAA;EACA,kBAAA;EACA,iBAAA;EACA,iBAAA;EACA,eAAA;EACA,oBAAA;EACA,mBAAA;EACA,iCAAA;EACA,8BAAA;EACA,oBAAA;EACA,gBAAA;EACA,sBAAA;EACA,cAAA;EACA,oBAAA;EACA,uBAAA;CAKA;AAJA;IACA,cAAA;IACA,gBAAA;GACA;;AAGA,YAAA;AACA;;;EACA,6BAAA;EACA,oCAAA;CAIA;AAHA;IACA,8BAAA;GACA;AAEA;;;EACA,cAAA;EACA,oCAAA;CAIA;AAHA;IACA,8BAAA;GACA;;AAGA,UAAA;AACA;;;EACA,iCAAA;EACA,iBAAA;EACA,iBAAA;EACA,oBAAA;CACA;AACA;;;EACA,iCAAA;EACA,iBAAA;EACA,uBAAA;EACA,oBAAA;CACA;;AAEA,aAAA;AACA;;;EACA,eAAA;EACA,iBAAA;EACA,yBAAA;CAiBA;AAhBA;IACA,eAAA;IACA,iBAAA;IACA,yBAAA;GAYA;AAXA;MACA,iBAAA;MACA,0CAAA;MACA,+BAAA;KACA;AACA;MAEA,iBAAA;MACA,sCAAA;MACA,+BAAA;KACA;AALA;MAEA,iBAAA;MACA,sCAAA;MACA,+BAAA;KACA;AAGA;;;EACA,iBAAA;EACA,wCAAA;EACA,6BAAA;CACA;AACA;;;EACA,oCAAA;EACA,6BAAA;CACA;;AAEA,UAAA;AACA;;;EACA,eAAA;EACA,iBAAA;EACA,6BAAA;CAcA;AAbA;IACA,cAAA;GAWA;AAVA;MACA,+BAAA;KACA;AACA;MAEA,+BAAA;KACA;AAHA;MAEA,+BAAA;KACA;AACA;MACA,gBAAA;KACA;AAGA;;;EACA,iBAAA;EACA,6BAAA;CACA;AACA;;;EACA,6BAAA;CACA;;AAEA,aAAA;AACA;;;EACA,YAAA;EACA,oBAAA;EACA,6BAAA;CAIA;AAHA;IACA,aAAA;GACA;AAEA;;;EACA,oCAAA;EACA,YAAA;CACA;AACA;;;EACA,oCAAA;CACA;;AAEA,aAAA;AACA;;;EACA,oBAAA;CACA;;AAEA,aAAA;AACA;;;EACA,YAAA;EACA,oBAAA;EACA,6BAAA;CAIA;AAHA;IACA,aAAA;GACA;AAEA;;;EACA,mCAAA;EACA,YAAA;CACA;AACA;;;EACA,mCAAA;CACA;;AAEA,WAAA;AACA;;;EACA,YAAA;EACA,oBAAA;EACA,6BAAA;CAIA;AAHA;IACA,aAAA;GACA;AAEA;;;EACA,mCAAA;EACA,YAAA;CACA;AACA;;;EACA,mCAAA;CACA;;AAEA,aAAA;AACA;;;EACA,YAAA;EACA,oBAAA;EACA,6BAAA;CAIA;AAHA;IACA,aAAA;GACA;AAEA;;;EACA,mCAAA;EACA,YAAA;CACA;AACA;;;EACA,mCAAA;CACA;;AAEA,UAAA;AACA;;;EACA,YAAA;EACA,oBAAA;EACA,6BAAA;CAIA;AAHA;IACA,aAAA;GACA;AAEA;;;EACA,oCAAA;EACA,YAAA;CACA;AACA;;;EACA,oCAAA;CACA;;AC7NA;;EAEA;;AAEA;;;;;;;;;;EAUA;;AAEA;;;;;;;;;;;EACA,YAAA;EACA,aAAA;EACA,cAAA;EACA,iBAAA;EACA,oBAAA;EACA,kBAAA;EACA,uBAAA;EACA,iBAAA;EACA,0BAAA;EACA,mBAAA;EACA,iCAAA;CACA;AACA;;;;;;;;;;;EACA,sCAAA;CACA;AACA;;;;;;;;;;;EACA,cAAA;EACA,sBAAA;EACA,8CAAA;CACA;;AAEA;;EACA,iBAAA;CACA;;AAEA,YAAA;AACA;EACA,gBAAA;CACA;;AAEA,cAAA;AACA;EACA,cAAA;EACA,mBAAA;EACA,mBAAA;EACA,iBAAA;EACA,gBAAA;EACA,kBAAA;EACA,iBAAA;EACA,0BAAA;KAAA,uBAAA;MAAA,sBAAA;UAAA,kBAAA;EACA,oBAAA;EACA,kBAAA;CAiBA;AAhBA;IACA,mBAAA;IACA,OAAA;IACA,QAAA;IACA,aAAA;IACA,YAAA;IACA,uBAAA;IACA,0BAAA;IACA,iCAAA;IACA,mBAAA;GACA;AACA;IACA,mBAAA;IACA,WAAA;IACA,gBAAA;GACA;AAEA;EACA,UAAA;EACA,SAAA;EACA,WAAA;EACA,aAAA;EACA,oBAAA;EACA,0BAAA;EACA,iCAAA;UAAA,yBAAA;CACA;;AAEA,kBAAA;AACA;EACA,cAAA;EACA,mBAAA;EACA,mBAAA;EACA,gBAAA;EACA,kBAAA;EACA,iBAAA;EACA,0BAAA;KAAA,uBAAA;MAAA,sBAAA;UAAA,iBAAA;CAgBA;AAfA;IACA,mBAAA;IACA,OAAA;IACA,QAAA;IACA,aAAA;IACA,YAAA;IACA,uBAAA;IACA,0BAAA;IACA,mBAAA;IACA,iCAAA;GACA;AACA;IACA,mBAAA;IACA,WAAA;GACA;AAEA;EACA,SAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,mBAAA;EACA,kBAAA;CACA;;AAEA,+BAAA;AACA;EACA,sCAAA;CACA;AAFA;EACA,sCAAA;CACA;;AAEA;EACA,0BAAA;EACA,sBAAA;EACA,8CAAA;CACA;;AAJA;EACA,0BAAA;EACA,sBAAA;EACA,8CAAA;CACA;AACA;EACA,YAAA;EACA,mBAAA;EACA,cAAA;CACA;AACA;EACA,eAAA;CACA;;ACzIA;;EAEA;;AAEA;;EAEA,gBAAA;EACA,cAAA;EACA,oBAAA;EACA,4BAAA;CACA;;AAEA;;;;EAIA,yBAAA;EACA,eAAA;CACA;;AAEA;EACA,oBAAA;CACA;;ACtBA;;EAEA;;AAEA;;;;;EAKA;;AAEA;;EACA,YAAA;EACA,aAAA;EACA,0BAAA;EACA,kBAAA;EACA,gBAAA;CAQA;;AAPA;IACA,uBAAA;IACA,kBAAA;GACA;;AACA;IACA,iCAAA;GACA;;AAGA,sBAAA;;AC1BA;;EAEA;;AAEA;EACA,gBAAA;CACA;;ACNA;;EAEA;;AAEA;EACA,UAAA;EACA,eAAA;EACA,UAAA;EACA,8BAAA;CACA;;AAEA;EACA,cAAA;EACA,oBAAA;CACA;;AAEA;EACA,uBAAA;EACA,iBAAA;EACA,kBAAA;EACA,oBAAA;EACA,iBAAA;EACA,0BAAA;EACA,mBAAA;EACA,sDAAA;CACA;;AAEA;EACA,eAAA;EACA,qBAAA;EACA,sBAAA;EACA,sBAAA;CACA;;AChCA;;EAEA;;AAEA;;;;;;;;EAQA","file":"vishnu.base.css","sourcesContent":["/*\n* Responsive\n*/\n\n@custom-media --sm-viewport only screen and (max-width: var(--responsive-sm));\n@custom-media --md-viewport only screen and (max-width: var(--responsive-md));\n@custom-media --lg-viewport only screen and (max-width: var(--responsive-lg));\n@custom-media --xl-viewport only screen and (max-width: var(--responsive-xl));\n\n/*\n* Table\n*/\n\n@custom-selector :--table table, .table;\n\n/*\n* Buttons\n*/\n\n@custom-selector :--button button, .button, [type='submit'];\n@custom-selector :--button-outline button.outline, .button.outline, [type='submit'].outline;\n@custom-selector :--button-flat button.flat, .button.flat, [type='submit'].flat;\n@custom-selector :--button-primary button.primary, .button.primary, [type='submit'].primary;\n@custom-selector :--button-rounded button.rounded, .button.rounded, [type='submit'].rounded;\n@custom-selector :--button-success button.success, .button.success, [type='submit'].success;\n@custom-selector :--button-info button.info, .button.info, [type='submit'].info;\n@custom-selector :--button-warning button.warning, .button.warning, [type='submit'].warning;\n@custom-selector :--button-error button.error, .button.error, [type='submit'].error;\n@custom-selector :--hovered :hover;\n@custom-selector :--pressed :focus;\n@custom-selector :--large .large;\n@custom-selector :--small .small;\n\n\n\n/*\n* Forms\n*/\n\n@custom-selector :--fields input[type='text'], input[type='password'], input[type='email'], input[type='search'], input[type='number'], input[type='file'], input[type='tel'], input[type='url'], select, textarea, textarea[type='text'];\n@custom-selector :--textarea textarea, textarea[type='text'];\n@custom-selector :--checkbox input[type='checkbox'];\n@custom-selector :--radio input[type='radio'];\n@custom-selector :--hovered :hover;\n@custom-selector :--pressed :focus;\n\n\n\n","/*\n* Variables\n*/\n\n:root {\n  /* Typography */\n  --base-font-family: -apple-system, BlinkMacSystemFont, Avenir, \"Avenir Next\",\n    \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\",\n    \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n  --base-font-size: 1.6rem;\n  --base-line-height: 1.5;\n  --base-space-size: 16px;\n\n  /* Colours */\n  --primary-color: #8549b9;\n  --secondary-color: #a460e8;\n  --base-color: #fff;\n  --base-dark-color: #282828;\n  --base-info-color: #2c80ff;\n  --base-error-color: #f93838;\n  --base-success-color: #0dc222;\n  --base-warning-color: #f2ad00;\n  --base-light-color: #f0f0f0;\n  --base-border-color: #cfcfcf;\n  --base-text-color: #4c4c4c;\n  --base-label-color: #6f6f6f;\n\n  /* Transitions */\n  --transition: all 0.2s ease-in-out;\n\n  /* Shadows */\n  --base-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.0325);\n\n  /* Utils */\n  --base-radius: 4px;\n  --base-rounded-radius: 50%;\n\n  /* Toogle */\n  --toggle-transition-duration: 0.25s;\n  --toggle-transition-timing-function: ease;\n  --toggle-label-width: 48px;\n  --toggle-label-height: 24px;\n  --toggle-rail-width: 100%;\n  --toggle-rail-height: 100%;\n  --toggle-rail-background-color: var(--base-light-color);\n  --toggle-rail-border-radius: 9999em;\n  --toggle-rail-checked-background-color: var(--base-success-color);\n  --toggle-width: 24px;\n  --toggle-height: 24px;\n  --toggle-border-radius: 50%;\n  --toggle-background-color: #fff;\n  --toggle-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.0525);\n  --toggle-checked-left: 25px;\n\n  /* Spacing */\n--spacing-xxs:  calc(16px / 6);\n--spacing-xs: calc(16px / 4);\n--spacing-sm: calc(16px / 2);\n--spacing-md: 16px;\n--spacing-lg: calc(16px + 8);\n--spacing-xl: calc(16px * 2);\n--spacing-xxl: calc(16px * 2 + 8);\n--spacing-xxxl: calc(16px * 4);\n\n/* Responsive breakpoints */\n--responsive-sm: 25em;\n--responsive-md: 48em;\n--responsive-lg: 62em;\n--responsive-xl: 75em;\n\n}\n","/*\n * Reset\n*/\n\n::selection {\n  color: var(--primary-color);\n  background: var(--base-color);\n}\n\nhtml,\nbody {\n  margin: 0;\n  padding: 0;\n}\n\nhtml {\n  box-sizing: border-box;\n  font-size: 62.5%;\n  letter-spacing: -0.04em;\n}\n\nbody {\n  line-height: var(--base-line-height);\n  font-size: var(--base-font-size);\n  font-family: var(--base-font-family);\n  font-weight: 500;\n  text-rendering: optimizeLegibility;\n}\n","/*\n * Typography\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: 1rem;\n  font-weight: 400;\n}\n\nh1 {\n  font-size: 5rem;\n  line-height: 1.2;\n}\n\nh2 {\n  font-size: 4.2rem;\n  line-height: 1.25;\n}\n\nh3 {\n  font-size: 3.6rem;\n  line-height: 1.3;\n}\n\nh4 {\n  font-size: 3rem;\n  line-height: 1.35;\n}\n\nh5 {\n  font-size: 2.4rem;\n  line-height: 1.5;\n}\n\nh6 {\n  font-size: 1.8rem;\n  line-height: 1.6;\n}\n\np {\n  margin-top: 0;\n  margin-bottom: 1rem;\n  font-size: var(--base-font-size);\n}\n\n@media (--sm-viewport) {\n  h1 {\n    font-size: 4rem;\n  }\n\n  h2 {\n    font-size: 3.5rem;\n  }\n\n  h3 {\n    font-size: 3rem;\n  }\n\n  h4 {\n    font-size: 2.6rem;\n  }\n\n  h5 {\n    font-size: 2.2rem;\n  }\n\n  h6 {\n    font-size: 1.8rem;\n  }\n}\n","/*\n * Links\n*/\n\n:any-link {\n  color: var(--primary-color);\n  transition: color 0.1s ease;\n  &:hover {\n    cursor: pointer;\n    color: color-mod(var(--primary-color) alpha(80%));\n    text-decoration: none;\n  }\n  &:focus {\n    outline: thin dotted;\n  }\n  &:active, &:hover {\n    outline: 0;\n  }\n}\n","/*\n * Buttons\n*/\n\n/*\n*\n* @ custom-properties\n* :--button button, .button, [type='submit'];\n* :--button-outline button.outline, .button.outline, [type='submit'].outline;\n* :--button-flat button.flat, .button.flat, [type='submit'].flat;\n* :--button-primary button.primary, .button.primary, [type='submit'].primary;\n* :--button-rounded button.rounded, .button.rounded, [type='submit'].rounded;\n* :--button-success button.success, .button.success, [type='submit'].success;\n* :--button-error button.error, .button.error, [type='submit'].error;\n* :--hovered :hover;\n* :--pressed :focus;\n* :--large .large;\n* :--small .small;\n*\n*/\n\n/* Default */\n:--button {\n  padding: 0 1.5rem;\n  font-size: var(--base-font-size);\n  min-height: 52px;\n  font-weight: 600;\n  color: var(--base-text-color);\n  background: var(--base-light-color);\n  border-radius: var(--base-radius);\n  transition: var(--transition);\n  border: 1px solid transparent;\n  line-height: 1.8rem;\n  cursor: pointer;\n  text-decoration: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  & .icon {\n    margin: 0 5px;\n    stroke: var(--base-text-color);\n  }\n}\n\n/* Status */\n:--button:--hovered {\n  color: color-mod(var(--base-text-color) alpha(-30%));\n  background: color-mod(var(--base-light-color) alpha(-30%));\n  & .icon {\n    stroke: color-mod(var(--base-text-color) alpha(-30%));\n  }\n}\n:--button:--pressed {\n  outline: none;\n  background: color-mod(var(--base-light-color) alpha(-20%));\n  & .icon {\n    stroke: color-mod(var(--base-text-color) alpha(-30%));\n  }\n}\n\n/* Size */\n:--button:--small {\n  font-size: calc(var(--base-font-size) - 0.2rem);\n  min-height: 36px;\n  font-weight: 700;\n  line-height: 1.2rem;\n}\n:--button:--large {\n  font-size: calc(var(--base-font-size) + 0.4rem);\n  min-height: 58px;\n  padding: 1.4rem 3.2rem;\n  line-height: 1.4rem;\n}\n\n/* Outline */\n:--button-outline {\n  color: var(--base-text-color);\n  background: none;\n  border: 1px solid var(--base-text-color);\n  &.primary {\n    color: var(--primary-color);\n    background: none;\n    border: 1px solid var(--primary-color);\n    &:hover {\n      background: none;\n      border: 1px solid color-mod(var(--primary-color) alpha(-30%));\n      color: color-mod(var(--primary-color) alpha(-30%));\n    }\n    &:focus,\n    &:active {\n      background: none;\n      border-color: color-mod(var(--primary-color) alpha(-20%));\n      color: color-mod(var(--primary-color) alpha(-20%));\n    }\n  }\n}\n:--button-outline:--hovered {\n  background: none;\n  border: 1px solid color-mod(var(--base-text-color) alpha(-30%));\n  color: color-mod(var(--base-text-color) alpha(-30%));\n}\n:--button-outline:--pressed {\n  border-color: color-mod(var(--base-text-color) alpha(-20%));\n  color: color-mod(var(--base-text-color) alpha(-20%));\n}\n\n/* Flat */\n:--button-flat {\n  color: var(--base-text-color);\n  background: none;\n  border: 1px solid transparent;\n  &.primary {\n    color: var(--primary-color);\n    &:hover {\n      color: color-mod(var(--primary-color) alpha(-20%));\n    }\n    &:active,\n    &:focus {\n      color: color-mod(var(--primary-color) alpha(-10%));\n    }\n    & .icon {\n      stroke: var(--primary-color);\n    }\n  }\n}\n:--button-flat:--hovered {\n  background: none;\n  color: color-mod(var(--base-text-color) alpha(-20%));\n}\n:--button-flat:--pressed {\n  color: color-mod(var(--base-text-color) alpha(-10%));\n}\n\n/* Primary */\n:--button-primary {\n  color: #fff;\n  background: var(--primary-color);\n  border: 1px solid transparent;\n  & .icon {\n    stroke: #fff;\n  }\n}\n:--button-primary:--hovered {\n  background: color-mod(var(--primary-color) alpha(-20%));\n  color: #fff;\n}\n:--button-primary:--pressed {\n  background: color-mod(var(--primary-color) alpha(-10%));\n}\n\n/* Rounded */\n:--button-rounded {\n  border-radius: 50px;\n}\n\n/* Success */\n:--button-success {\n  color: #fff;\n  background: var(--base-success-color);\n  border: 1px solid transparent;\n  & .icon {\n    stroke: #fff;\n  }\n}\n:--button-success:--hovered {\n  background: color-mod(var(--base-success-color) alpha(-20%));\n  color: #fff;\n}\n:--button-success:--pressed {\n  background: color-mod(var(--base-success-color) alpha(-10%));\n}\n\n/* Error */\n:--button-error {\n  color: #fff;\n  background: var(--base-error-color);\n  border: 1px solid transparent;\n  & .icon {\n    stroke: #fff;\n  }\n}\n:--button-error:--hovered {\n  background: color-mod(var(--base-error-color) alpha(-20%));\n  color: #fff;\n}\n:--button-error:--pressed {\n  background: color-mod(var(--base-error-color) alpha(-10%));\n}\n\n/* Warning */\n:--button-warning {\n  color: #fff;\n  background: var(--base-warning-color);\n  border: 1px solid transparent;\n  & .icon {\n    stroke: #fff;\n  }\n}\n:--button-warning:--hovered {\n  background: color-mod(var(--base-warning-color) alpha(-20%));\n  color: #fff;\n}\n:--button-warning:--pressed {\n  background: color-mod(var(--base-warning-color) alpha(-10%));\n}\n\n/* Info */\n:--button-info {\n  color: #fff;\n  background: var(--base-info-color);\n  border: 1px solid transparent;\n  & .icon {\n    stroke: #fff;\n  }\n}\n:--button-info:--hovered {\n  background: color-mod(var(--base-info-color) alpha(-20%));\n  color: #fff;\n}\n:--button-info:--pressed {\n  background: color-mod(var(--base-info-color) alpha(-10%));\n}\n","/*\n * Forms\n*/\n\n/*\n*\n* @ custom-properties\n* :--fields input[type='text'], input[type='password'], input[type='email'], input[type='search'], input[type='number'], input[type='file'], input[type='tel'], input[type='url'], select, textarea;\n* :--textarea textarea;\n* :--checkbox input[type='checkbox'];\n* :--radio input[type='radio'];\n* :--hovered :hover;\n* :--pressed :focus;\n*\n*/\n\n:--fields {\n  width: 100%;\n  height: 42px;\n  padding: 10px;\n  margin-top: 1rem;\n  margin-bottom: 1rem;\n  font-size: 1.4rem;\n  box-sizing: border-box;\n  background: #fff;\n  border: 1px solid var(--base-border-color);\n  border-radius: var(--base-radius);\n  transition: var(--transition);\n}\n:--fields:--hovered {\n  border-color: color-mod(var(--primary-color) alpha(80%));\n}\n:--fields:--pressed {\n  outline: none;\n  border-color: var(--primary-color);\n  box-shadow: 0 0 0 2px color-mod(var(--primary-color) alpha(20%));\n}\n\n:--textarea {\n  min-height: 7rem;\n}\n\n/* Select */\nselect {\n  cursor: pointer;\n}\n\n/* Checkbox */\n.checkbox {\n  display: flex;\n  position: relative;\n  padding-left: 30px;\n  min-height: 20px;\n  cursor: pointer;\n  font-size: var(--base-font-size);\n  line-height: var(--base-line-height);\n  user-select: none;\n  align-items: center;\n  border-radius: var(--base-radius);\n  & .checkmark {\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 18px;\n    width: 18px;\n    background-color: #fff;\n    border: 1px solid var(--base-border-color);\n    transition: var(--transition);\n    border-radius: var(--base-radius);\n  }\n  & input {\n    position: absolute;\n    opacity: 0;\n    cursor: pointer;\n  }\n}\n.checkbox .checkmark:after {\n  left: 6px;\n  top: 1px;\n  width: 4px;\n  height: 10px;\n  border: solid white;\n  border-width: 0 3px 3px 0;\n  transform: rotate(45deg);\n}\n\n/* Radio Button */\n.radio {\n  display: flex;\n  position: relative;\n  padding-left: 30px;\n  cursor: pointer;\n  font-size: var(--base-font-size);\n  line-height: var(--base-line-height);\n  user-select: none;\n  & .radiomark {\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 18px;\n    width: 18px;\n    background-color: #fff;\n    border: 1px solid var(--base-border-color);\n    border-radius: var(--base-rounded-radius);\n    transition: var(--transition);\n  }\n  & input {\n    position: absolute;\n    opacity: 0;\n  }\n}\n.radio .radiomark:after {\n  top: 6px;\n  left: 6px;\n  width: 6px;\n  height: 6px;\n  border-radius: var(--base-rounded-radius);\n  background: white;\n}\n\n/* Checkbox and Radio Button */\n.checkbox:hover input ~ .checkmark, .radio:hover input ~ .radiomark {\n  border-color: color-mod(var(--primary-color) alpha(80%));\n}\n\n.checkbox input:checked ~ .checkmark, .radio input:checked ~ .radiomark {\n  background-color: var(--primary-color);\n  border-color: var(--primary-color);\n  box-shadow: 0 0 0 2px color-mod(var(--primary-color) alpha(20%));\n}\n.checkbox .checkmark:after, .radio .radiomark:after {\n  content: \"\";\n  position: absolute;\n  display: none;\n}\n.checkbox input:checked ~ .checkmark:after, .radio input:checked ~ .radiomark:after {\n  display: block;\n}\n","/*\n * List\n*/\n\nul,\nol {\n  padding-left: 0;\n  margin-top: 0;\n  margin-bottom: 1rem;\n  list-style-position: inside;\n}\n\nul ul,\nul ol,\nol ol,\nol ul {\n  margin: 1rem 0 1rem 2rem;\n  font-size: 95%;\n}\n\nli {\n  margin-bottom: 1rem;\n}\n","/*\n * Tables\n*/\n\n/*\n*\n* @ custom-properties\n* :--table table, .table;\n*\n*/\n\n:--table {\n  width: 100%;\n  border: none;\n  border-collapse: collapse;\n  border-spacing: 0;\n  text-align: left;\n  & th, & td {\n    vertical-align: middle;\n    padding: 12px 4px;\n  }\n  & thead {\n    border-bottom: 1px solid var(--base-border-color);\n  }\n}\n\n/* responsive table */\n@media (--md-viewport) {\n  :--table {\n    &.responsive {\n      position: relative;\n      display: block;\n      & th, & td {\n        margin: 0\n      }\n      & thead {\n        display: block;\n        float: left;\n        border: 0;\n        & tr {\n          display: block;\n          padding: 0 10px 0 0;\n          border-right: 1px solid var(--base-border-color);\n        }\n        & th {\n          text-align: left;\n        }\n      }\n      & th {\n        display: block;\n        text-align: right;\n      }\n      & tbody {\n        display: block;\n        overflow-x: auto;\n        white-space: nowrap;\n        & tr {\n          display: inline-block;\n        }\n      }\n      & td {\n        display: block;\n        min-height: 16px;\n        text-align: left;\n      }\n      & tr {\n        padding: 0 10px;\n      }\n    }\n  }\n}\n","/*\n * Images\n*/\n\nimg {\n  max-width: 100%;\n}\n","/*\n * Misc\n*/\n\nhr {\n  height: 0;\n  margin: 20px 0;\n  border: 0;\n  border-top: 1px solid var(--base-border-color);\n}\n\npre {\n  margin-top: 0;\n  margin-bottom: 1rem;\n}\n\ncode {\n  padding: 0.2rem 0.5rem;\n  margin: 0 0.2rem;\n  font-size: 1.3rem;\n  white-space: nowrap;\n  background: var(--base-color);\n  border: 1px solid var(--base-border-color);\n  border-radius: 4px;\n  font-family: \"Consolas\", \"Monaco\", \"Menlo\", monospace;\n}\n\npre > code {\n  display: block;\n  padding: 1rem 1.5rem;\n  white-space: pre-wrap;\n  word-wrap: break-word;\n}\n","/*\n* Responsive\n*/\n\n/*\n*\n* @ custom-properties\n* --sm-viewport only screen and (max-width: 25em);\n* --md-viewport only screen and (max-width: 48em);\n* --lg-viewport only screen and (max-width: 62em);\n* --xl-viewport only screen and (max-width: 75em);\n*\n*/\n\n@media (--sm-viewport) {\n  .hide-sm {\n    display: none;\n  }\n}\n\n@media (--md-viewport) {\n  .hide-md {\n    display: none;\n  }\n}\n\n@media (--lg-viewport) {\n  .hide-lg {\n    display: none;\n  }\n}\n\n@media (--xl-viewport) {\n  .hide-xl {\n    display: none;\n  }\n}\n"]}
\ No newline at end of file
diff --git a/packages/vishnucss-base/dist/vishnu.base.min.css b/packages/vishnucss-base/dist/vishnu.base.min.css
index 2ea1767..958495f 100644
--- a/packages/vishnucss-base/dist/vishnu.base.min.css
+++ b/packages/vishnucss-base/dist/vishnu.base.min.css
@@ -1,5 +1,5 @@
 /**
-* vishnucss base - v1.1.0-rc.1
+* vishnucss base - v1.1.0-rc.2
 * https://vishnucss.github.io/vishnu
 */
 ::-moz-selection{color:#8549b9;background:#fff}::selection{color:#8549b9;background:#fff}body,html{margin:0;padding:0}html{box-sizing:border-box;font-size:62.5%;letter-spacing:-.04em}body{line-height:1.5;font-size:1.6rem;font-family:-apple-system,BlinkMacSystemFont,Avenir,Avenir Next,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:500;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:1rem;font-weight:400}h1{font-size:5rem;line-height:1.2}h2{font-size:4.2rem;line-height:1.25}h3{font-size:3.6rem;line-height:1.3}h4{font-size:3rem;line-height:1.35}h5{font-size:2.4rem;line-height:1.5}h6{font-size:1.8rem;line-height:1.6}p{margin-top:0;margin-bottom:1rem;font-size:1.6rem}:-webkit-any-link{color:#8549b9;transition:color .1s ease}:any-link{color:#8549b9;transition:color .1s ease}:-webkit-any-link:hover{cursor:pointer;color:rgba(133,73,185,.8);text-decoration:none}:any-link:hover{cursor:pointer;color:rgba(133,73,185,.8);text-decoration:none}:-webkit-any-link:focus{outline:thin dotted}:any-link:focus{outline:thin dotted}:-webkit-any-link:active,:-webkit-any-link:hover{outline:0}:any-link:active,:any-link:hover{outline:0}.button,[type=submit],button{padding:0 1.5rem;font-size:1.6rem;min-height:52px;font-weight:600;color:#4c4c4c;background:#f0f0f0;border-radius:4px;transition:all .2s ease-in-out;border:1px solid transparent;line-height:1.8rem;cursor:pointer;text-decoration:none;display:flex;align-items:center;justify-content:center}.button .icon,[type=submit] .icon,button .icon{margin:0 5px;stroke:#4c4c4c}.button:hover,[type=submit]:hover,button:hover{color:rgba(76,76,76,.7);background:hsla(0,0%,94%,.7)}.button:hover .icon,[type=submit]:hover .icon,button:hover .icon{stroke:rgba(76,76,76,.7)}.button:focus,[type=submit]:focus,button:focus{outline:none;background:hsla(0,0%,94%,.8)}.button:focus .icon,[type=submit]:focus .icon,button:focus .icon{stroke:rgba(76,76,76,.7)}.button.small,[type=submit].small,button.small{font-size:1.4rem;min-height:36px;font-weight:700;line-height:1.2rem}.button.large,[type=submit].large,button.large{font-size:2rem;min-height:58px;padding:1.4rem 3.2rem;line-height:1.4rem}.button.outline,[type=submit].outline,button.outline{color:#4c4c4c;background:none;border:1px solid #4c4c4c}.button.outline.primary,[type=submit].outline.primary,button.outline.primary{color:#8549b9;background:none;border:1px solid #8549b9}.button.outline.primary:hover,[type=submit].outline.primary:hover,button.outline.primary:hover{background:none;border:1px solid rgba(133,73,185,.7);color:rgba(133,73,185,.7)}.button.outline.primary:active,.button.outline.primary:focus,[type=submit].outline.primary:active,[type=submit].outline.primary:focus,button.outline.primary:active,button.outline.primary:focus{background:none;border-color:rgba(133,73,185,.8);color:rgba(133,73,185,.8)}.button.outline:hover,[type=submit].outline:hover,button.outline:hover{background:none;border:1px solid rgba(76,76,76,.7);color:rgba(76,76,76,.7)}.button.outline:focus,[type=submit].outline:focus,button.outline:focus{border-color:rgba(76,76,76,.8);color:rgba(76,76,76,.8)}.button.flat,[type=submit].flat,button.flat{color:#4c4c4c;background:none;border:1px solid transparent}.button.flat.primary,[type=submit].flat.primary,button.flat.primary{color:#8549b9}.button.flat.primary:hover,[type=submit].flat.primary:hover,button.flat.primary:hover{color:rgba(133,73,185,.8)}.button.flat.primary:active,.button.flat.primary:focus,[type=submit].flat.primary:active,[type=submit].flat.primary:focus,button.flat.primary:active,button.flat.primary:focus{color:rgba(133,73,185,.9)}.button.flat.primary .icon,[type=submit].flat.primary .icon,button.flat.primary .icon{stroke:#8549b9}.button.flat:hover,[type=submit].flat:hover,button.flat:hover{background:none;color:rgba(76,76,76,.8)}.button.flat:focus,[type=submit].flat:focus,button.flat:focus{color:rgba(76,76,76,.9)}.button.primary,[type=submit].primary,button.primary{color:#fff;background:#8549b9;border:1px solid transparent}.button.primary .icon,[type=submit].primary .icon,button.primary .icon{stroke:#fff}.button.primary:hover,[type=submit].primary:hover,button.primary:hover{background:rgba(133,73,185,.8);color:#fff}.button.primary:focus,[type=submit].primary:focus,button.primary:focus{background:rgba(133,73,185,.9)}.button.rounded,[type=submit].rounded,button.rounded{border-radius:50px}.button.success,[type=submit].success,button.success{color:#fff;background:#0dc222;border:1px solid transparent}.button.success .icon,[type=submit].success .icon,button.success .icon{stroke:#fff}.button.success:hover,[type=submit].success:hover,button.success:hover{background:rgba(13,194,34,.8);color:#fff}.button.success:focus,[type=submit].success:focus,button.success:focus{background:rgba(13,194,34,.9)}.button.error,[type=submit].error,button.error{color:#fff;background:#f93838;border:1px solid transparent}.button.error .icon,[type=submit].error .icon,button.error .icon{stroke:#fff}.button.error:hover,[type=submit].error:hover,button.error:hover{background:rgba(249,56,56,.8);color:#fff}.button.error:focus,[type=submit].error:focus,button.error:focus{background:rgba(249,56,56,.9)}.button.warning,[type=submit].warning,button.warning{color:#fff;background:#f2ad00;border:1px solid transparent}.button.warning .icon,[type=submit].warning .icon,button.warning .icon{stroke:#fff}.button.warning:hover,[type=submit].warning:hover,button.warning:hover{background:rgba(242,173,0,.8);color:#fff}.button.warning:focus,[type=submit].warning:focus,button.warning:focus{background:rgba(242,173,0,.9)}.button.info,[type=submit].info,button.info{color:#fff;background:#2c80ff;border:1px solid transparent}.button.info .icon,[type=submit].info .icon,button.info .icon{stroke:#fff}.button.info:hover,[type=submit].info:hover,button.info:hover{background:rgba(44,128,255,.8);color:#fff}.button.info:focus,[type=submit].info:focus,button.info:focus{background:rgba(44,128,255,.9)}input[type=email],input[type=file],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea,textarea[type=text]{width:100%;height:42px;padding:10px;margin-top:1rem;margin-bottom:1rem;font-size:1.4rem;box-sizing:border-box;background:#fff;border:1px solid #cfcfcf;border-radius:4px;transition:all .2s ease-in-out}input[type=email]:hover,input[type=file]:hover,input[type=number]:hover,input[type=password]:hover,input[type=search]:hover,input[type=tel]:hover,input[type=text]:hover,input[type=url]:hover,select:hover,textarea:hover,textarea[type=text]:hover{border-color:rgba(133,73,185,.8)}input[type=email]:focus,input[type=file]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus,textarea[type=text]:focus{outline:none;border-color:#8549b9;box-shadow:0 0 0 2px rgba(133,73,185,.2)}textarea,textarea[type=text]{min-height:7rem}.checkbox,select{cursor:pointer}.checkbox{display:flex;position:relative;padding-left:30px;min-height:20px;font-size:1.6rem;line-height:1.5;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;border-radius:4px}.checkbox .checkmark{position:absolute;top:0;left:0;height:18px;width:18px;background-color:#fff;border:1px solid #cfcfcf;transition:all .2s ease-in-out;border-radius:4px}.checkbox input{position:absolute;opacity:0;cursor:pointer}.checkbox .checkmark:after{left:6px;top:1px;width:4px;height:10px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}.radio{display:flex;position:relative;padding-left:30px;cursor:pointer;font-size:1.6rem;line-height:1.5;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.radio .radiomark{position:absolute;top:0;left:0;height:18px;width:18px;background-color:#fff;border:1px solid #cfcfcf;border-radius:50%;transition:all .2s ease-in-out}.radio input{position:absolute;opacity:0}.radio .radiomark:after{top:6px;left:6px;width:6px;height:6px;border-radius:50%;background:#fff}.checkbox:hover input~.checkmark,.radio:hover input~.radiomark{border-color:rgba(133,73,185,.8)}.checkbox input:checked~.checkmark,.radio input:checked~.radiomark{background-color:#8549b9;border-color:#8549b9;box-shadow:0 0 0 2px rgba(133,73,185,.2)}.checkbox .checkmark:after,.radio .radiomark:after{content:"";position:absolute;display:none}.checkbox input:checked~.checkmark:after,.radio input:checked~.radiomark:after{display:block}ol,ul{padding-left:0;margin-top:0;margin-bottom:1rem;list-style-position:inside}ol ol,ol ul,ul ol,ul ul{margin:1rem 0 1rem 2rem;font-size:95%}li{margin-bottom:1rem}.table,table{width:100%;border:none;border-collapse:collapse;border-spacing:0;text-align:left}.table td,.table th,table td,table th{vertical-align:middle;padding:12px 4px}.table thead,table thead{border-bottom:1px solid #cfcfcf}img{max-width:100%}hr{height:0;margin:20px 0;border:0;border-top:1px solid #cfcfcf}pre{margin-top:0;margin-bottom:1rem}code{padding:.2rem .5rem;margin:0 .2rem;font-size:1.3rem;white-space:nowrap;background:#fff;border:1px solid #cfcfcf;border-radius:4px;font-family:Consolas,Monaco,Menlo,monospace}pre>code{display:block;padding:1rem 1.5rem;white-space:pre-wrap;word-wrap:break-word}
diff --git a/packages/vishnucss-base/package.js b/packages/vishnucss-base/package.js
index 889e51e..03cb24d 100644
--- a/packages/vishnucss-base/package.js
+++ b/packages/vishnucss-base/package.js
@@ -1,6 +1,6 @@
 Package.describe({
 	name: 'vishnucss:base',
-	version: '1.1.0-rc.1',
+	version: '1.1.0-rc.2',
 	summary: 'Base toolkit with modern css.',
 	git: 'https://github.com/vishnucss/vishnu.git',
 	documentation: 'README.md'
diff --git a/packages/vishnucss-base/package.json b/packages/vishnucss-base/package.json
index 679426e..f4f9ec9 100644
--- a/packages/vishnucss-base/package.json
+++ b/packages/vishnucss-base/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@vishnucss/base",
   "filename": "vishnu.base.min.css",
-  "version": "1.1.0-rc.1",
+  "version": "1.1.0-rc.2",
   "description": "A simple and minimalist toolkit with modern css",
   "main": "./dist/vishnu.base.min.css",
   "keywords": [
diff --git a/packages/vishnucss-base/src/variables.css b/packages/vishnucss-base/src/variables.css
index 96d4c7c..d53dc32 100644
--- a/packages/vishnucss-base/src/variables.css
+++ b/packages/vishnucss-base/src/variables.css
@@ -53,14 +53,14 @@
   --toggle-checked-left: 25px;
 
   /* Spacing */
---spacing-xxs:  var(--base-space-size / 6);
---spacing-xs: var(--base-space-size / 4);
---spacing-sm: var(--base-space-size / 2);
---spacing-md: var(--base-space-size);
---spacing-lg: var(--base-space-size + 4);
---spacing-xl: var(--base-space-size + 6);
---spacing-xxl: var(--base-space-size * 2);
---spacing-xxxl: var(--base-space-size * 2 + 8);
+--spacing-xxs:  calc(16px / 6);
+--spacing-xs: calc(16px / 4);
+--spacing-sm: calc(16px / 2);
+--spacing-md: 16px;
+--spacing-lg: calc(16px + 8);
+--spacing-xl: calc(16px * 2);
+--spacing-xxl: calc(16px * 2 + 8);
+--spacing-xxxl: calc(16px * 4);
 
 /* Responsive breakpoints */
 --responsive-sm: 25em;
diff --git a/packages/vishnucss-card/dist/vishnu.card.css b/packages/vishnucss-card/dist/vishnu.card.css
index d614f9a..c6e1caa 100644
--- a/packages/vishnucss-card/dist/vishnu.card.css
+++ b/packages/vishnucss-card/dist/vishnu.card.css
@@ -1,5 +1,5 @@
 /**
-* vishnucss card - v1.1.0-rc.1
+* vishnucss card - v1.1.0-rc.2
 * https://vishnucss.github.io/vishnu#card
 */
 
diff --git a/packages/vishnucss-card/dist/vishnu.card.css.map b/packages/vishnucss-card/dist/vishnu.card.css.map
index 1b764b8..1273bc6 100644
--- a/packages/vishnucss-card/dist/vishnu.card.css.map
+++ b/packages/vishnucss-card/dist/vishnu.card.css.map
@@ -1 +1 @@
-{"version":3,"sources":["variables.css","customs.css","card.css"],"names":[],"mappings":";;;;;AAAA;;EAEA;;AAEA;EACA,gBAAA;;EAQA,aAAA;;EAcA,iBAAA;;EAGA,aAAA;;EAGA,WAAA;;EAIA,YAAA;;EAiBA,aAAA;;AAUA,4BAAA;;CAMA;;ACtEA;;EAEA;;AAOA;;EAEA;;AAUA;;EAEA;;AAQA;;EAEA;;ACjCA;;EAEA;;AAEA;;;;;;;;EAQA;;AAEA;EACA,0BAAA;EACA,iBAAA;EACA,mBAAA;CACA;AACA;EACA,mBAAA;EACA,qCAAA;EACA,cAAA;EACA,cAAA;CACA;AALA;EACA,mBAAA;EACA,qCAAA;EACA,cAAA;EACA,cAAA;CACA;AACA;EACA,iCAAA;CACA;AACA;EACA,8BAAA;CACA;AACA;EACA,UAAA;CACA;AACA;EACA,mBAAA;CACA","file":"vishnu.card.css","sourcesContent":["/*\n* Variables\n*/\n\n:root {\n  /* Typography */\n  --base-font-family: -apple-system, BlinkMacSystemFont, Avenir, \"Avenir Next\",\n    \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\",\n    \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n  --base-font-size: 1.6rem;\n  --base-line-height: 1.5;\n  --base-space-size: 16px;\n\n  /* Colours */\n  --primary-color: #8549b9;\n  --secondary-color: #a460e8;\n  --base-color: #fff;\n  --base-dark-color: #282828;\n  --base-info-color: #2c80ff;\n  --base-error-color: #f93838;\n  --base-success-color: #0dc222;\n  --base-warning-color: #f2ad00;\n  --base-light-color: #f0f0f0;\n  --base-border-color: #cfcfcf;\n  --base-text-color: #4c4c4c;\n  --base-label-color: #6f6f6f;\n\n  /* Transitions */\n  --transition: all 0.2s ease-in-out;\n\n  /* Shadows */\n  --base-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.0325);\n\n  /* Utils */\n  --base-radius: 4px;\n  --base-rounded-radius: 50%;\n\n  /* Toogle */\n  --toggle-transition-duration: 0.25s;\n  --toggle-transition-timing-function: ease;\n  --toggle-label-width: 48px;\n  --toggle-label-height: 24px;\n  --toggle-rail-width: 100%;\n  --toggle-rail-height: 100%;\n  --toggle-rail-background-color: var(--base-light-color);\n  --toggle-rail-border-radius: 9999em;\n  --toggle-rail-checked-background-color: var(--base-success-color);\n  --toggle-width: 24px;\n  --toggle-height: 24px;\n  --toggle-border-radius: 50%;\n  --toggle-background-color: #fff;\n  --toggle-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.0525);\n  --toggle-checked-left: 25px;\n\n  /* Spacing */\n--spacing-xxs:  var(--base-space-size / 6);\n--spacing-xs: var(--base-space-size / 4);\n--spacing-sm: var(--base-space-size / 2);\n--spacing-md: var(--base-space-size);\n--spacing-lg: var(--base-space-size + 4);\n--spacing-xl: var(--base-space-size + 6);\n--spacing-xxl: var(--base-space-size * 2);\n--spacing-xxxl: var(--base-space-size * 2 + 8);\n\n/* Responsive breakpoints */\n--responsive-sm: 25em;\n--responsive-md: 48em;\n--responsive-lg: 62em;\n--responsive-xl: 75em;\n\n}\n","/*\n* Responsive\n*/\n\n@custom-media --sm-viewport only screen and (max-width: var(--responsive-sm));\n@custom-media --md-viewport only screen and (max-width: var(--responsive-md));\n@custom-media --lg-viewport only screen and (max-width: var(--responsive-lg));\n@custom-media --xl-viewport only screen and (max-width: var(--responsive-xl));\n\n/*\n* Alert\n*/\n\n@custom-selector :--alert .alert;\n@custom-selector :--placeholder .placeholder;\n@custom-selector :--info .info;\n@custom-selector :--danger .danger;\n@custom-selector :--success .success;\n@custom-selector :--rounded .rounded;\n@custom-selector :--close .close;\n\n/*\n* Card\n*/\n\n@custom-selector :--card .card;\n@custom-selector :--header .card-header;\n@custom-selector :--footer .card-footer;\n@custom-selector :--title .card-title;\n@custom-selector :--content .card-content;\n\n/*\n * Grid\n*/\n\n@custom-selector :--all-cols-xs .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12;\n@custom-selector :--all-cols-sm .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12;\n@custom-selector :--all-cols-md .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12;\n@custom-selector :--all-cols-lg .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12;\n","/*\n* Card\n*/\n\n/*\n*\n* @ custom-properties\n* :--card .card;\n* :--header .card-header;\n* :--footer .card-footer;\n* :--content .card-content;\n*\n*/\n\n:--card {\n  border: 1px solid var(--base-light-color);\n  background: #fff;\n  border-radius: var(--base-radius);\n}\n:--card :--header, :--card :--footer {\n  position: relative;\n  background: color-mod(var(--base-color) alpha(30%));\n  padding: 10px;\n  display: flex;\n}\n:--card :--header {\n  border-bottom: 1px solid var(--base-light-color);\n}\n:--card :--footer {\n  border-top: 1px solid var(--base-light-color);\n}\n:--card :--title {\n  margin: 0;\n}\n:--card :--content {\n  padding: 15px 10px;\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["variables.css","customs.css","card.css"],"names":[],"mappings":";;;;;AAAA;;EAEA;;AAEA;EACA,gBAAA;;EAQA,aAAA;;EAcA,iBAAA;;EAGA,aAAA;;EAGA,WAAA;;EAIA,YAAA;;EAiBA,aAAA;;AAUA,4BAAA;;CAMA;;ACtEA;;EAEA;;AAOA;;EAEA;;AAUA;;EAEA;;AAQA;;EAEA;;ACjCA;;EAEA;;AAEA;;;;;;;;EAQA;;AAEA;EACA,0BAAA;EACA,iBAAA;EACA,mBAAA;CACA;AACA;EACA,mBAAA;EACA,qCAAA;EACA,cAAA;EACA,cAAA;CACA;AALA;EACA,mBAAA;EACA,qCAAA;EACA,cAAA;EACA,cAAA;CACA;AACA;EACA,iCAAA;CACA;AACA;EACA,8BAAA;CACA;AACA;EACA,UAAA;CACA;AACA;EACA,mBAAA;CACA","file":"vishnu.card.css","sourcesContent":["/*\n* Variables\n*/\n\n:root {\n  /* Typography */\n  --base-font-family: -apple-system, BlinkMacSystemFont, Avenir, \"Avenir Next\",\n    \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\",\n    \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n  --base-font-size: 1.6rem;\n  --base-line-height: 1.5;\n  --base-space-size: 16px;\n\n  /* Colours */\n  --primary-color: #8549b9;\n  --secondary-color: #a460e8;\n  --base-color: #fff;\n  --base-dark-color: #282828;\n  --base-info-color: #2c80ff;\n  --base-error-color: #f93838;\n  --base-success-color: #0dc222;\n  --base-warning-color: #f2ad00;\n  --base-light-color: #f0f0f0;\n  --base-border-color: #cfcfcf;\n  --base-text-color: #4c4c4c;\n  --base-label-color: #6f6f6f;\n\n  /* Transitions */\n  --transition: all 0.2s ease-in-out;\n\n  /* Shadows */\n  --base-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.0325);\n\n  /* Utils */\n  --base-radius: 4px;\n  --base-rounded-radius: 50%;\n\n  /* Toogle */\n  --toggle-transition-duration: 0.25s;\n  --toggle-transition-timing-function: ease;\n  --toggle-label-width: 48px;\n  --toggle-label-height: 24px;\n  --toggle-rail-width: 100%;\n  --toggle-rail-height: 100%;\n  --toggle-rail-background-color: var(--base-light-color);\n  --toggle-rail-border-radius: 9999em;\n  --toggle-rail-checked-background-color: var(--base-success-color);\n  --toggle-width: 24px;\n  --toggle-height: 24px;\n  --toggle-border-radius: 50%;\n  --toggle-background-color: #fff;\n  --toggle-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.0525);\n  --toggle-checked-left: 25px;\n\n  /* Spacing */\n--spacing-xxs:  calc(16px / 6);\n--spacing-xs: calc(16px / 4);\n--spacing-sm: calc(16px / 2);\n--spacing-md: 16px;\n--spacing-lg: calc(16px + 8);\n--spacing-xl: calc(16px * 2);\n--spacing-xxl: calc(16px * 2 + 8);\n--spacing-xxxl: calc(16px * 4);\n\n/* Responsive breakpoints */\n--responsive-sm: 25em;\n--responsive-md: 48em;\n--responsive-lg: 62em;\n--responsive-xl: 75em;\n\n}\n","/*\n* Responsive\n*/\n\n@custom-media --sm-viewport only screen and (max-width: var(--responsive-sm));\n@custom-media --md-viewport only screen and (max-width: var(--responsive-md));\n@custom-media --lg-viewport only screen and (max-width: var(--responsive-lg));\n@custom-media --xl-viewport only screen and (max-width: var(--responsive-xl));\n\n/*\n* Alert\n*/\n\n@custom-selector :--alert .alert;\n@custom-selector :--placeholder .placeholder;\n@custom-selector :--info .info;\n@custom-selector :--danger .danger;\n@custom-selector :--success .success;\n@custom-selector :--rounded .rounded;\n@custom-selector :--close .close;\n\n/*\n* Card\n*/\n\n@custom-selector :--card .card;\n@custom-selector :--header .card-header;\n@custom-selector :--footer .card-footer;\n@custom-selector :--title .card-title;\n@custom-selector :--content .card-content;\n\n/*\n * Grid\n*/\n\n@custom-selector :--all-cols-xs .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12;\n@custom-selector :--all-cols-sm .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12;\n@custom-selector :--all-cols-md .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12;\n@custom-selector :--all-cols-lg .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12;\n","/*\n* Card\n*/\n\n/*\n*\n* @ custom-properties\n* :--card .card;\n* :--header .card-header;\n* :--footer .card-footer;\n* :--content .card-content;\n*\n*/\n\n:--card {\n  border: 1px solid var(--base-light-color);\n  background: #fff;\n  border-radius: var(--base-radius);\n}\n:--card :--header, :--card :--footer {\n  position: relative;\n  background: color-mod(var(--base-color) alpha(30%));\n  padding: 10px;\n  display: flex;\n}\n:--card :--header {\n  border-bottom: 1px solid var(--base-light-color);\n}\n:--card :--footer {\n  border-top: 1px solid var(--base-light-color);\n}\n:--card :--title {\n  margin: 0;\n}\n:--card :--content {\n  padding: 15px 10px;\n}\n"]}
\ No newline at end of file
diff --git a/packages/vishnucss-card/dist/vishnu.card.min.css b/packages/vishnucss-card/dist/vishnu.card.min.css
index 615e77d..4d0b8b9 100644
--- a/packages/vishnucss-card/dist/vishnu.card.min.css
+++ b/packages/vishnucss-card/dist/vishnu.card.min.css
@@ -1,5 +1,5 @@
 /**
-* vishnucss card - v1.1.0-rc.1
+* vishnucss card - v1.1.0-rc.2
 * https://vishnucss.github.io/vishnu#card
 */
 .card{border:1px solid #f0f0f0;background:#fff;border-radius:4px}.card .card-footer,.card .card-header{position:relative;background:hsla(0,0%,100%,.3);padding:10px;display:flex}.card .card-header{border-bottom:1px solid #f0f0f0}.card .card-footer{border-top:1px solid #f0f0f0}.card .card-title{margin:0}.card .card-content{padding:15px 10px}
diff --git a/packages/vishnucss-card/package.js b/packages/vishnucss-card/package.js
index 0844809..65ab4bc 100644
--- a/packages/vishnucss-card/package.js
+++ b/packages/vishnucss-card/package.js
@@ -1,6 +1,6 @@
 Package.describe({
 	name: 'vishnucss:card',
-	version: '1.1.0-rc.1',
+	version: '1.1.0-rc.2',
 	summary: 'Card toolkit with modern css.',
 	git: 'https://github.com/vishnucss/vishnu.git',
 	documentation: 'README.md'
diff --git a/packages/vishnucss-card/package.json b/packages/vishnucss-card/package.json
index d5b861e..5f0c215 100644
--- a/packages/vishnucss-card/package.json
+++ b/packages/vishnucss-card/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@vishnucss/card",
   "filename": "vishnu.card.min.css",
-  "version": "1.1.0-rc.1",
+  "version": "1.1.0-rc.2",
   "description": "Card toolkit with modern css",
   "main": "./dist/vishnu.card.min.css",
   "keywords": [
diff --git a/packages/vishnucss-card/src/variables.css b/packages/vishnucss-card/src/variables.css
index 96d4c7c..d53dc32 100644
--- a/packages/vishnucss-card/src/variables.css
+++ b/packages/vishnucss-card/src/variables.css
@@ -53,14 +53,14 @@
   --toggle-checked-left: 25px;
 
   /* Spacing */
---spacing-xxs:  var(--base-space-size / 6);
---spacing-xs: var(--base-space-size / 4);
---spacing-sm: var(--base-space-size / 2);
---spacing-md: var(--base-space-size);
---spacing-lg: var(--base-space-size + 4);
---spacing-xl: var(--base-space-size + 6);
---spacing-xxl: var(--base-space-size * 2);
---spacing-xxxl: var(--base-space-size * 2 + 8);
+--spacing-xxs:  calc(16px / 6);
+--spacing-xs: calc(16px / 4);
+--spacing-sm: calc(16px / 2);
+--spacing-md: 16px;
+--spacing-lg: calc(16px + 8);
+--spacing-xl: calc(16px * 2);
+--spacing-xxl: calc(16px * 2 + 8);
+--spacing-xxxl: calc(16px * 4);
 
 /* Responsive breakpoints */
 --responsive-sm: 25em;
diff --git a/packages/vishnucss-chips/dist/vishnu.chips.css b/packages/vishnucss-chips/dist/vishnu.chips.css
index e069ae1..37c5e57 100644
--- a/packages/vishnucss-chips/dist/vishnu.chips.css
+++ b/packages/vishnucss-chips/dist/vishnu.chips.css
@@ -1,5 +1,5 @@
 /**
-* vishnucss chips - v1.1.0-rc.1
+* vishnucss chips - v1.1.0-rc.2
 * https://vishnucss.github.io/vishnu#chips
 */
 
diff --git a/packages/vishnucss-chips/dist/vishnu.chips.css.map b/packages/vishnucss-chips/dist/vishnu.chips.css.map
index 3bde484..f486f42 100644
--- a/packages/vishnucss-chips/dist/vishnu.chips.css.map
+++ b/packages/vishnucss-chips/dist/vishnu.chips.css.map
@@ -1 +1 @@
-{"version":3,"sources":["variables.css","customs.css","chips.css"],"names":[],"mappings":";;;;;AAAA;;EAEA;;AAEA;EACA,gBAAA;;EAQA,aAAA;;EAcA,iBAAA;;EAGA,aAAA;;EAGA,WAAA;;EAIA,YAAA;;EAiBA,aAAA;;AAUA,4BAAA;;CAMA;;ACtEA;;EAEA;;ACFA;;EAEA;;AAEA;;;;;;;;;;;;;;EAcA;;AAEA;EACA,qBAAA;EACA,oBAAA;EACA,wBAAA;EACA,WAAA;EACA,aAAA;EACA,oBAAA;EACA,mBAAA;CAmBA;;AAlBA;IACA,mBAAA;GACA;;AACA;IACA,YAAA;IACA,aAAA;IACA,iBAAA;IACA,kBAAA;GAKA;;AAJA;MACA,kBAAA;MACA,kBAAA;KACA;;AAEA;IACA,gBAAA;IACA,iBAAA;IACA,gBAAA;GACA;;AAGA;EACA,YAAA;CAOA;;AANA;IACA,iBAAA;GACA;;AACA;IACA,gBAAA;GACA;;AAGA;EACA,aAAA;EACA,eAAA;CAOA;;AANA;IACA,iBAAA;GACA;;AACA;IACA,gBAAA;GACA;;AAGA;EACA,mBAAA;CAOA;;AANA;IACA,YAAA;GACA;;AACA;IACA,aAAA;GACA;;AAGA;EACA,mBAAA;CAOA;;AANA;IACA,YAAA;GACA;;AACA;IACA,aAAA;GACA;;AAGA;EACA,mBAAA;CAOA;;AANA;IACA,YAAA;GACA;;AACA;IACA,aAAA;GACA;;AAGA;EACA,mBAAA;CAOA;;AANA;IACA,YAAA;GACA;;AACA;IACA,aAAA;GACA;;AAGA;EACA,mBAAA;CAOA;;AANA;IACA,YAAA;GACA;;AACA;IACA,aAAA;GACA;;AAGA;EACA,4BAAA;CAOA;;AANA;IACA,YAAA;GACA;;AACA;IACA,aAAA;GACA;;AAGA;EACA,wBAAA;EACA,6BAAA;CAiDA;;AAhDA;IACA,gBAAA;GACA;;AACA;IACA,6BAAA;GAOA;;AANA;MACA,gBAAA;KACA;;AACA;MACA,eAAA;KACA;;AAEA;IACA,6BAAA;GAOA;;AANA;MACA,gBAAA;KACA;;AACA;MACA,eAAA;KACA;;AAEA;IACA,6BAAA;GAOA;;AANA;MACA,gBAAA;KACA;;AACA;MACA,eAAA;KACA;;AAEA;IACA,6BAAA;GAOA;;AANA;MACA,gBAAA;KACA;;AACA;MACA,eAAA;KACA;;AAEA;IACA,6BAAA;GAOA;;AANA;MACA,gBAAA;KACA;;AACA;MACA,eAAA;KACA","file":"vishnu.chips.css","sourcesContent":["/*\n* Variables\n*/\n\n:root {\n  /* Typography */\n  --base-font-family: -apple-system, BlinkMacSystemFont, Avenir, \"Avenir Next\",\n    \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\",\n    \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n  --base-font-size: 1.6rem;\n  --base-line-height: 1.5;\n  --base-space-size: 16px;\n\n  /* Colours */\n  --primary-color: #8549b9;\n  --secondary-color: #a460e8;\n  --base-color: #fff;\n  --base-dark-color: #282828;\n  --base-info-color: #2c80ff;\n  --base-error-color: #f93838;\n  --base-success-color: #0dc222;\n  --base-warning-color: #f2ad00;\n  --base-light-color: #f0f0f0;\n  --base-border-color: #cfcfcf;\n  --base-text-color: #4c4c4c;\n  --base-label-color: #6f6f6f;\n\n  /* Transitions */\n  --transition: all 0.2s ease-in-out;\n\n  /* Shadows */\n  --base-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.0325);\n\n  /* Utils */\n  --base-radius: 4px;\n  --base-rounded-radius: 50%;\n\n  /* Toogle */\n  --toggle-transition-duration: 0.25s;\n  --toggle-transition-timing-function: ease;\n  --toggle-label-width: 48px;\n  --toggle-label-height: 24px;\n  --toggle-rail-width: 100%;\n  --toggle-rail-height: 100%;\n  --toggle-rail-background-color: var(--base-light-color);\n  --toggle-rail-border-radius: 9999em;\n  --toggle-rail-checked-background-color: var(--base-success-color);\n  --toggle-width: 24px;\n  --toggle-height: 24px;\n  --toggle-border-radius: 50%;\n  --toggle-background-color: #fff;\n  --toggle-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.0525);\n  --toggle-checked-left: 25px;\n\n  /* Spacing */\n--spacing-xxs:  var(--base-space-size / 6);\n--spacing-xs: var(--base-space-size / 4);\n--spacing-sm: var(--base-space-size / 2);\n--spacing-md: var(--base-space-size);\n--spacing-lg: var(--base-space-size + 4);\n--spacing-xl: var(--base-space-size + 6);\n--spacing-xxl: var(--base-space-size * 2);\n--spacing-xxxl: var(--base-space-size * 2 + 8);\n\n/* Responsive breakpoints */\n--responsive-sm: 25em;\n--responsive-md: 48em;\n--responsive-lg: 62em;\n--responsive-xl: 75em;\n\n}\n","/*\n* Chips\n*/\n\n@custom-selector :--chips .chips;\n@custom-selector :--chips-primary .chips.primary;\n@custom-selector :--chips-error .chips.error;\n@custom-selector :--chips-info .chips.info;\n@custom-selector :--chips-warning .chips.warning;\n@custom-selector :--chips-success .chips.success;\n@custom-selector :--chips-dark .chips.dark;\n@custom-selector :--chips-outline .chips.outline;\n@custom-selector :--chips-small .chips.small;\n@custom-selector :--chips-large .chips.large;\n","/*\n* Chips\n*/\n\n/*\n*\n* @ custom-properties\n* :--chips .chips;\n* :--chips-outline .outline;\n* :--chips-large .large;\n* :--chips-small .small;\n* :--chips-primary .primary;\n* :--chips-info .info;\n* :--chips-success .success;\n* :--chips-error .error;\n* :--chips-dark .dark;\n* :--chips-warning .warning;\n*\n*/\n\n:--chips {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  height: 28px;\n  border-radius: 50px;\n  background: #f2f2f2;\n  & .image {\n    border-radius: 50%;\n  }\n  & .icon {\n    width: 22px;\n    height: 22px;\n    margin-left: 8px;\n    margin-right: -8px;\n    &.right {\n      margin-right: 8px;\n      margin-left: -8px;\n    }\n  }\n  & .label {\n    font-size: 13px;\n    font-weight: 500;\n    padding: 0 12px;\n  }\n}\n\n:--chips-small {\n  height: 20px;\n  & img {\n    max-height: 20px;\n  }\n  & .label {\n    font-size: 12px;\n  }\n}\n\n:--chips-large {\n  height: 42px;\n  padding: 0 16px;\n  & img {\n    max-height: 42px;\n  }\n  & .label {\n    font-size: 16px;\n  }\n}\n\n:--chips-primary {\n  background: var(--primary-color);\n  & .label {\n    color: #fff;\n  }\n  & .icon {\n    stroke: #fff;\n  }\n}\n\n:--chips-error {\n  background: var(--base-error-color);\n  & .label {\n    color: #fff;\n  }\n  & .icon {\n    stroke: #fff;\n  }\n}\n\n:--chips-success {\n  background: var(--base-success-color);\n  & .label {\n    color: #fff;\n  }\n  & .icon {\n    stroke: #fff;\n  }\n}\n\n:--chips-info {\n  background: var(--base-info-color);\n  & .label {\n    color: #fff;\n  }\n  & .icon {\n    stroke: #fff;\n  }\n}\n\n:--chips-warning {\n  background: var(--base-warning-color);\n  & .label {\n    color: #fff;\n  }\n  & .icon {\n    stroke: #fff;\n  }\n}\n\n:--chips-dark {\n  background: rgba(0,0,0, .45);\n  & .label {\n    color: #fff;\n  }\n  & .icon {\n    stroke: #fff;\n  }\n}\n\n:--chips-outline {\n  background: transparent;\n  box-shadow: 0 0 0 1px var(--base-border-color);\n  &.icon {\n    stroke: var(--base-text-color);\n  }\n  &.primary {\n    box-shadow: 0 0 0 1px var(--primary-color);\n    & .icon {\n      stroke: var(--primary-color);\n    }\n    & .label {\n      color: var(--primary-color);\n    }\n  }\n  &.error {\n    box-shadow: 0 0 0 1px var(--base-error-color);\n    & .icon {\n      stroke: var(--base-error-color);\n    }\n    & .label {\n      color: var(--base-error-color);\n    }\n  }\n  &.success {\n    box-shadow: 0 0 0 1px var(--base-success-color);\n    & .icon {\n      stroke: var(--base-success-color);\n    }\n    & .label {\n      color: var(--base-success-color);\n    }\n  }\n  &.info {\n    box-shadow: 0 0 0 1px var(--base-info-color);\n    & .icon {\n      stroke: var(--base-info-color);\n    }\n    & .label {\n      color: var(--base-info-color);\n    }\n  }\n  &.warning {\n    box-shadow: 0 0 0 1px var(--base-warning-color);\n    & .icon {\n      stroke: var(--base-warning-color);\n    }\n    & .label {\n      color: var(--base-warning-color);\n    }\n  }\n}"]}
\ No newline at end of file
+{"version":3,"sources":["variables.css","customs.css","chips.css"],"names":[],"mappings":";;;;;AAAA;;EAEA;;AAEA;EACA,gBAAA;;EAQA,aAAA;;EAcA,iBAAA;;EAGA,aAAA;;EAGA,WAAA;;EAIA,YAAA;;EAiBA,aAAA;;AAUA,4BAAA;;CAMA;;ACtEA;;EAEA;;ACFA;;EAEA;;AAEA;;;;;;;;;;;;;;EAcA;;AAEA;EACA,qBAAA;EACA,oBAAA;EACA,wBAAA;EACA,WAAA;EACA,aAAA;EACA,oBAAA;EACA,mBAAA;CAmBA;;AAlBA;IACA,mBAAA;GACA;;AACA;IACA,YAAA;IACA,aAAA;IACA,iBAAA;IACA,kBAAA;GAKA;;AAJA;MACA,kBAAA;MACA,kBAAA;KACA;;AAEA;IACA,gBAAA;IACA,iBAAA;IACA,gBAAA;GACA;;AAGA;EACA,YAAA;CAOA;;AANA;IACA,iBAAA;GACA;;AACA;IACA,gBAAA;GACA;;AAGA;EACA,aAAA;EACA,eAAA;CAOA;;AANA;IACA,iBAAA;GACA;;AACA;IACA,gBAAA;GACA;;AAGA;EACA,mBAAA;CAOA;;AANA;IACA,YAAA;GACA;;AACA;IACA,aAAA;GACA;;AAGA;EACA,mBAAA;CAOA;;AANA;IACA,YAAA;GACA;;AACA;IACA,aAAA;GACA;;AAGA;EACA,mBAAA;CAOA;;AANA;IACA,YAAA;GACA;;AACA;IACA,aAAA;GACA;;AAGA;EACA,mBAAA;CAOA;;AANA;IACA,YAAA;GACA;;AACA;IACA,aAAA;GACA;;AAGA;EACA,mBAAA;CAOA;;AANA;IACA,YAAA;GACA;;AACA;IACA,aAAA;GACA;;AAGA;EACA,4BAAA;CAOA;;AANA;IACA,YAAA;GACA;;AACA;IACA,aAAA;GACA;;AAGA;EACA,wBAAA;EACA,6BAAA;CAiDA;;AAhDA;IACA,gBAAA;GACA;;AACA;IACA,6BAAA;GAOA;;AANA;MACA,gBAAA;KACA;;AACA;MACA,eAAA;KACA;;AAEA;IACA,6BAAA;GAOA;;AANA;MACA,gBAAA;KACA;;AACA;MACA,eAAA;KACA;;AAEA;IACA,6BAAA;GAOA;;AANA;MACA,gBAAA;KACA;;AACA;MACA,eAAA;KACA;;AAEA;IACA,6BAAA;GAOA;;AANA;MACA,gBAAA;KACA;;AACA;MACA,eAAA;KACA;;AAEA;IACA,6BAAA;GAOA;;AANA;MACA,gBAAA;KACA;;AACA;MACA,eAAA;KACA","file":"vishnu.chips.css","sourcesContent":["/*\n* Variables\n*/\n\n:root {\n  /* Typography */\n  --base-font-family: -apple-system, BlinkMacSystemFont, Avenir, \"Avenir Next\",\n    \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\",\n    \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n  --base-font-size: 1.6rem;\n  --base-line-height: 1.5;\n  --base-space-size: 16px;\n\n  /* Colours */\n  --primary-color: #8549b9;\n  --secondary-color: #a460e8;\n  --base-color: #fff;\n  --base-dark-color: #282828;\n  --base-info-color: #2c80ff;\n  --base-error-color: #f93838;\n  --base-success-color: #0dc222;\n  --base-warning-color: #f2ad00;\n  --base-light-color: #f0f0f0;\n  --base-border-color: #cfcfcf;\n  --base-text-color: #4c4c4c;\n  --base-label-color: #6f6f6f;\n\n  /* Transitions */\n  --transition: all 0.2s ease-in-out;\n\n  /* Shadows */\n  --base-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.0325);\n\n  /* Utils */\n  --base-radius: 4px;\n  --base-rounded-radius: 50%;\n\n  /* Toogle */\n  --toggle-transition-duration: 0.25s;\n  --toggle-transition-timing-function: ease;\n  --toggle-label-width: 48px;\n  --toggle-label-height: 24px;\n  --toggle-rail-width: 100%;\n  --toggle-rail-height: 100%;\n  --toggle-rail-background-color: var(--base-light-color);\n  --toggle-rail-border-radius: 9999em;\n  --toggle-rail-checked-background-color: var(--base-success-color);\n  --toggle-width: 24px;\n  --toggle-height: 24px;\n  --toggle-border-radius: 50%;\n  --toggle-background-color: #fff;\n  --toggle-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.0525);\n  --toggle-checked-left: 25px;\n\n  /* Spacing */\n--spacing-xxs:  calc(16px / 6);\n--spacing-xs: calc(16px / 4);\n--spacing-sm: calc(16px / 2);\n--spacing-md: 16px;\n--spacing-lg: calc(16px + 8);\n--spacing-xl: calc(16px * 2);\n--spacing-xxl: calc(16px * 2 + 8);\n--spacing-xxxl: calc(16px * 4);\n\n/* Responsive breakpoints */\n--responsive-sm: 25em;\n--responsive-md: 48em;\n--responsive-lg: 62em;\n--responsive-xl: 75em;\n\n}\n","/*\n* Chips\n*/\n\n@custom-selector :--chips .chips;\n@custom-selector :--chips-primary .chips.primary;\n@custom-selector :--chips-error .chips.error;\n@custom-selector :--chips-info .chips.info;\n@custom-selector :--chips-warning .chips.warning;\n@custom-selector :--chips-success .chips.success;\n@custom-selector :--chips-dark .chips.dark;\n@custom-selector :--chips-outline .chips.outline;\n@custom-selector :--chips-small .chips.small;\n@custom-selector :--chips-large .chips.large;\n","/*\n* Chips\n*/\n\n/*\n*\n* @ custom-properties\n* :--chips .chips;\n* :--chips-outline .outline;\n* :--chips-large .large;\n* :--chips-small .small;\n* :--chips-primary .primary;\n* :--chips-info .info;\n* :--chips-success .success;\n* :--chips-error .error;\n* :--chips-dark .dark;\n* :--chips-warning .warning;\n*\n*/\n\n:--chips {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  height: 28px;\n  border-radius: 50px;\n  background: #f2f2f2;\n  & .image {\n    border-radius: 50%;\n  }\n  & .icon {\n    width: 22px;\n    height: 22px;\n    margin-left: 8px;\n    margin-right: -8px;\n    &.right {\n      margin-right: 8px;\n      margin-left: -8px;\n    }\n  }\n  & .label {\n    font-size: 13px;\n    font-weight: 500;\n    padding: 0 12px;\n  }\n}\n\n:--chips-small {\n  height: 20px;\n  & img {\n    max-height: 20px;\n  }\n  & .label {\n    font-size: 12px;\n  }\n}\n\n:--chips-large {\n  height: 42px;\n  padding: 0 16px;\n  & img {\n    max-height: 42px;\n  }\n  & .label {\n    font-size: 16px;\n  }\n}\n\n:--chips-primary {\n  background: var(--primary-color);\n  & .label {\n    color: #fff;\n  }\n  & .icon {\n    stroke: #fff;\n  }\n}\n\n:--chips-error {\n  background: var(--base-error-color);\n  & .label {\n    color: #fff;\n  }\n  & .icon {\n    stroke: #fff;\n  }\n}\n\n:--chips-success {\n  background: var(--base-success-color);\n  & .label {\n    color: #fff;\n  }\n  & .icon {\n    stroke: #fff;\n  }\n}\n\n:--chips-info {\n  background: var(--base-info-color);\n  & .label {\n    color: #fff;\n  }\n  & .icon {\n    stroke: #fff;\n  }\n}\n\n:--chips-warning {\n  background: var(--base-warning-color);\n  & .label {\n    color: #fff;\n  }\n  & .icon {\n    stroke: #fff;\n  }\n}\n\n:--chips-dark {\n  background: rgba(0,0,0, .45);\n  & .label {\n    color: #fff;\n  }\n  & .icon {\n    stroke: #fff;\n  }\n}\n\n:--chips-outline {\n  background: transparent;\n  box-shadow: 0 0 0 1px var(--base-border-color);\n  &.icon {\n    stroke: var(--base-text-color);\n  }\n  &.primary {\n    box-shadow: 0 0 0 1px var(--primary-color);\n    & .icon {\n      stroke: var(--primary-color);\n    }\n    & .label {\n      color: var(--primary-color);\n    }\n  }\n  &.error {\n    box-shadow: 0 0 0 1px var(--base-error-color);\n    & .icon {\n      stroke: var(--base-error-color);\n    }\n    & .label {\n      color: var(--base-error-color);\n    }\n  }\n  &.success {\n    box-shadow: 0 0 0 1px var(--base-success-color);\n    & .icon {\n      stroke: var(--base-success-color);\n    }\n    & .label {\n      color: var(--base-success-color);\n    }\n  }\n  &.info {\n    box-shadow: 0 0 0 1px var(--base-info-color);\n    & .icon {\n      stroke: var(--base-info-color);\n    }\n    & .label {\n      color: var(--base-info-color);\n    }\n  }\n  &.warning {\n    box-shadow: 0 0 0 1px var(--base-warning-color);\n    & .icon {\n      stroke: var(--base-warning-color);\n    }\n    & .label {\n      color: var(--base-warning-color);\n    }\n  }\n}"]}
\ No newline at end of file
diff --git a/packages/vishnucss-chips/dist/vishnu.chips.min.css b/packages/vishnucss-chips/dist/vishnu.chips.min.css
index 7ccbb30..78ee2b9 100644
--- a/packages/vishnucss-chips/dist/vishnu.chips.min.css
+++ b/packages/vishnucss-chips/dist/vishnu.chips.min.css
@@ -1,5 +1,5 @@
 /**
-* vishnucss chips - v1.1.0-rc.1
+* vishnucss chips - v1.1.0-rc.2
 * https://vishnucss.github.io/vishnu#chips
 */
 .chips{display:inline-flex;align-items:center;justify-content:center;padding:0;height:28px;border-radius:50px;background:#f2f2f2}.chips .image{border-radius:50%}.chips .icon{width:22px;height:22px;margin-left:8px;margin-right:-8px}.chips .icon.right{margin-right:8px;margin-left:-8px}.chips .label{font-size:13px;font-weight:500;padding:0 12px}.chips.small{height:20px}.chips.small img{max-height:20px}.chips.small .label{font-size:12px}.chips.large{height:42px;padding:0 16px}.chips.large img{max-height:42px}.chips.large .label{font-size:16px}.chips.primary{background:#8549b9}.chips.primary .label{color:#fff}.chips.primary .icon{stroke:#fff}.chips.error{background:#f93838}.chips.error .label{color:#fff}.chips.error .icon{stroke:#fff}.chips.success{background:#0dc222}.chips.success .label{color:#fff}.chips.success .icon{stroke:#fff}.chips.info{background:#2c80ff}.chips.info .label{color:#fff}.chips.info .icon{stroke:#fff}.chips.warning{background:#f2ad00}.chips.warning .label{color:#fff}.chips.warning .icon{stroke:#fff}.chips.dark{background:rgba(0,0,0,.45)}.chips.dark .label{color:#fff}.chips.dark .icon{stroke:#fff}.chips.outline{background:transparent;box-shadow:0 0 0 1px #cfcfcf}.chips.outline.icon{stroke:#4c4c4c}.chips.outline.primary{box-shadow:0 0 0 1px #8549b9}.chips.outline.primary .icon{stroke:#8549b9}.chips.outline.primary .label{color:#8549b9}.chips.outline.error{box-shadow:0 0 0 1px #f93838}.chips.outline.error .icon{stroke:#f93838}.chips.outline.error .label{color:#f93838}.chips.outline.success{box-shadow:0 0 0 1px #0dc222}.chips.outline.success .icon{stroke:#0dc222}.chips.outline.success .label{color:#0dc222}.chips.outline.info{box-shadow:0 0 0 1px #2c80ff}.chips.outline.info .icon{stroke:#2c80ff}.chips.outline.info .label{color:#2c80ff}.chips.outline.warning{box-shadow:0 0 0 1px #f2ad00}.chips.outline.warning .icon{stroke:#f2ad00}.chips.outline.warning .label{color:#f2ad00}
diff --git a/packages/vishnucss-chips/package.js b/packages/vishnucss-chips/package.js
index 34bac73..68661da 100644
--- a/packages/vishnucss-chips/package.js
+++ b/packages/vishnucss-chips/package.js
@@ -1,6 +1,6 @@
 Package.describe({
 	name: 'vishnucss:toggle',
-	version: '1.1.0-rc.1',
+	version: '1.1.0-rc.2',
 	summary: 'Toggle toolkit with modern css.',
 	git: 'https://github.com/vishnucss/vishnu.git',
 	documentation: 'README.md'
diff --git a/packages/vishnucss-chips/package.json b/packages/vishnucss-chips/package.json
index 5a12945..44c51bc 100644
--- a/packages/vishnucss-chips/package.json
+++ b/packages/vishnucss-chips/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@vishnucss/chips",
   "filename": "vishnu.chips.min.css",
-  "version": "1.1.0-rc.1",
+  "version": "1.1.0-rc.2",
   "description": "Chips toolkit with modern css",
   "main": "./dist/vishnu.chips.min.css",
   "keywords": [
diff --git a/packages/vishnucss-chips/src/variables.css b/packages/vishnucss-chips/src/variables.css
index 96d4c7c..d53dc32 100644
--- a/packages/vishnucss-chips/src/variables.css
+++ b/packages/vishnucss-chips/src/variables.css
@@ -53,14 +53,14 @@
   --toggle-checked-left: 25px;
 
   /* Spacing */
---spacing-xxs:  var(--base-space-size / 6);
---spacing-xs: var(--base-space-size / 4);
---spacing-sm: var(--base-space-size / 2);
---spacing-md: var(--base-space-size);
---spacing-lg: var(--base-space-size + 4);
---spacing-xl: var(--base-space-size + 6);
---spacing-xxl: var(--base-space-size * 2);
---spacing-xxxl: var(--base-space-size * 2 + 8);
+--spacing-xxs:  calc(16px / 6);
+--spacing-xs: calc(16px / 4);
+--spacing-sm: calc(16px / 2);
+--spacing-md: 16px;
+--spacing-lg: calc(16px + 8);
+--spacing-xl: calc(16px * 2);
+--spacing-xxl: calc(16px * 2 + 8);
+--spacing-xxxl: calc(16px * 4);
 
 /* Responsive breakpoints */
 --responsive-sm: 25em;
diff --git a/packages/vishnucss-collapse/dist/vishnu.collapse.css b/packages/vishnucss-collapse/dist/vishnu.collapse.css
index 599613c..7933347 100644
--- a/packages/vishnucss-collapse/dist/vishnu.collapse.css
+++ b/packages/vishnucss-collapse/dist/vishnu.collapse.css
@@ -1,5 +1,5 @@
 /**
-* vishnucss collapse - v1.1.0-rc.1
+* vishnucss collapse - v1.1.0-rc.2
 * https://vishnucss.github.io/vishnu#collapse
 */
 
diff --git a/packages/vishnucss-collapse/dist/vishnu.collapse.css.map b/packages/vishnucss-collapse/dist/vishnu.collapse.css.map
index c9ca651..6e5cc82 100644
--- a/packages/vishnucss-collapse/dist/vishnu.collapse.css.map
+++ b/packages/vishnucss-collapse/dist/vishnu.collapse.css.map
@@ -1 +1 @@
-{"version":3,"sources":["variables.css","customs.css","collapse.css"],"names":[],"mappings":";;;;;AAAA;;EAEA;;AAEA;EACA,gBAAA;;EAQA,aAAA;;EAcA,iBAAA;;EAGA,aAAA;;EAGA,WAAA;;EAIA,YAAA;;EAiBA,aAAA;;AAUA,4BAAA;;CAMA;;ACtEA;;EAEA;ACFA;;EAEA;;AAEA;;;;;;;;;;;;EAYA;;AAEA;EACA,WAAA;CAaA;;AAZA;IACA,mBAAA;IACA,mBAAA;IACA,YAAA;IACA,eAAA;IACA,iBAAA;IACA,0BAAA;IACA,gCAAA;GAIA;;AAHA;MACA,sBAAA;KACA;;AAIA;EACA,mBAAA;EACA,WAAA;EACA,WAAA;CAMA;;AAJA;;MACA,mCAAA;cAAA,2BAAA;KACA;;AAIA;EACA,YAAA;EACA,aAAA;EACA,gBAAA;EACA,iCAAA;CACA;;AALA;EACA,YAAA;EACA,aAAA;EACA,gBAAA;EACA,iCAAA;CACA;;AAEA;EACA,mBAAA;EACA,cAAA;EACA,+BAAA;EACA,oBAAA;EACA,kBAAA;EACA,iBAAA;EACA,eAAA;EACA,eAAA;CAIA;;AAHA;IACA,wBAAA;GACA;AAEA;EACA,cAAA;EACA,gBAAA;EACA,iBAAA;EACA,mCAAA;EACA,2BAAA;CAMA;AALA;IACA,gBAAA;IACA,kBAAA;IACA,eAAA;GACA;AAEA;EACA,iBAAA;CACA","file":"vishnu.collapse.css","sourcesContent":["/*\n* Variables\n*/\n\n:root {\n  /* Typography */\n  --base-font-family: -apple-system, BlinkMacSystemFont, Avenir, \"Avenir Next\",\n    \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\",\n    \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n  --base-font-size: 1.6rem;\n  --base-line-height: 1.5;\n  --base-space-size: 16px;\n\n  /* Colours */\n  --primary-color: #8549b9;\n  --secondary-color: #a460e8;\n  --base-color: #fff;\n  --base-dark-color: #282828;\n  --base-info-color: #2c80ff;\n  --base-error-color: #f93838;\n  --base-success-color: #0dc222;\n  --base-warning-color: #f2ad00;\n  --base-light-color: #f0f0f0;\n  --base-border-color: #cfcfcf;\n  --base-text-color: #4c4c4c;\n  --base-label-color: #6f6f6f;\n\n  /* Transitions */\n  --transition: all 0.2s ease-in-out;\n\n  /* Shadows */\n  --base-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.0325);\n\n  /* Utils */\n  --base-radius: 4px;\n  --base-rounded-radius: 50%;\n\n  /* Toogle */\n  --toggle-transition-duration: 0.25s;\n  --toggle-transition-timing-function: ease;\n  --toggle-label-width: 48px;\n  --toggle-label-height: 24px;\n  --toggle-rail-width: 100%;\n  --toggle-rail-height: 100%;\n  --toggle-rail-background-color: var(--base-light-color);\n  --toggle-rail-border-radius: 9999em;\n  --toggle-rail-checked-background-color: var(--base-success-color);\n  --toggle-width: 24px;\n  --toggle-height: 24px;\n  --toggle-border-radius: 50%;\n  --toggle-background-color: #fff;\n  --toggle-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.0525);\n  --toggle-checked-left: 25px;\n\n  /* Spacing */\n--spacing-xxs:  var(--base-space-size / 6);\n--spacing-xs: var(--base-space-size / 4);\n--spacing-sm: var(--base-space-size / 2);\n--spacing-md: var(--base-space-size);\n--spacing-lg: var(--base-space-size + 4);\n--spacing-xl: var(--base-space-size + 6);\n--spacing-xxl: var(--base-space-size * 2);\n--spacing-xxxl: var(--base-space-size * 2 + 8);\n\n/* Responsive breakpoints */\n--responsive-sm: 25em;\n--responsive-md: 48em;\n--responsive-lg: 62em;\n--responsive-xl: 75em;\n\n}\n","/*\n* Collapse\n*/\n\n@custom-selector :--collapse .collapse;\n@custom-selector :--collapse-content .collapse-content;\n@custom-selector :--collapse-content-checked .collapse input:checked ~ .collapse-content;\n@custom-selector :--collapse-item .collapse-item;\n@custom-selector :--collapse-input .collapse input;\n@custom-selector :--collapse-label .collapse label;\n@custom-selector :--collapse-icon-left .icon.left;\n@custom-selector :--collapse-icon-right .icon.right;","/*\n* Collapse\n*/\n\n/*\n*\n* @ custom-properties\n* :--collapse .collapse;\n* :--collapse-content .collapse-content;\n* :--collapse-content-checked .collapse-content-checked;\n* :--collapse-item .collapse-item;\n* :--collapse-input .collapse-input;\n* :--collapse-label .collapse-label;\n* :--collapse-icon-right-left .icon.left;\n* :--collapse-icon-right .icon.right;\n*\n*/\n\n:--collapse {\n  width: 100%;\n  & :--collapse-item {\n    position: relative;\n    margin-bottom: 2px;\n    width: 100%;\n    color: var(--base-dark-color);\n    overflow: hidden;\n    border: 1px solid var(--base-light-color);\n    transition: var(--transition);\n    &:hover {\n      border-color: var(--primary-color);\n    }\n  }\n}\n\n:--collapse-input {\n  position: absolute;\n  opacity: 0;\n  z-index: -1;\n  &:checked ~ label {\n    & :--collapse-icon-right, & :--collapse-icon-left {\n      transform: rotate(-180deg);\n    }\n  }\n}\n\n:--collapse-icon-right, :--collapse-icon-left {\n  width: 22px;\n  height: 22px;\n  stroke: var(--base-dark-color);\n  transition: var(--transition);\n}\n\n:--collapse-label {\n  position: relative;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 6px 15px;\n  font-weight: 500;\n  line-height: 3;\n  cursor: pointer;\n  &:hover {\n    background: transparent;\n  }\n}\n:--collapse-content {\n  max-height: 0;\n  padding: 0 15px;\n  overflow: hidden;\n  background: rgba(255, 255, 255, 1);\n  transition: max-height .25s;\n  & p {\n    font-size: 14px;\n    line-height: 16px;\n    margin: 10px 0;\n  }\n}\n:--collapse-content-checked {\n  max-height: 10em;\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["variables.css","customs.css","collapse.css"],"names":[],"mappings":";;;;;AAAA;;EAEA;;AAEA;EACA,gBAAA;;EAQA,aAAA;;EAcA,iBAAA;;EAGA,aAAA;;EAGA,WAAA;;EAIA,YAAA;;EAiBA,aAAA;;AAUA,4BAAA;;CAMA;;ACtEA;;EAEA;ACFA;;EAEA;;AAEA;;;;;;;;;;;;EAYA;;AAEA;EACA,WAAA;CAaA;;AAZA;IACA,mBAAA;IACA,mBAAA;IACA,YAAA;IACA,eAAA;IACA,iBAAA;IACA,0BAAA;IACA,gCAAA;GAIA;;AAHA;MACA,sBAAA;KACA;;AAIA;EACA,mBAAA;EACA,WAAA;EACA,WAAA;CAMA;;AAJA;;MACA,mCAAA;cAAA,2BAAA;KACA;;AAIA;EACA,YAAA;EACA,aAAA;EACA,gBAAA;EACA,iCAAA;CACA;;AALA;EACA,YAAA;EACA,aAAA;EACA,gBAAA;EACA,iCAAA;CACA;;AAEA;EACA,mBAAA;EACA,cAAA;EACA,+BAAA;EACA,oBAAA;EACA,kBAAA;EACA,iBAAA;EACA,eAAA;EACA,eAAA;CAIA;;AAHA;IACA,wBAAA;GACA;AAEA;EACA,cAAA;EACA,gBAAA;EACA,iBAAA;EACA,mCAAA;EACA,2BAAA;CAMA;AALA;IACA,gBAAA;IACA,kBAAA;IACA,eAAA;GACA;AAEA;EACA,iBAAA;CACA","file":"vishnu.collapse.css","sourcesContent":["/*\n* Variables\n*/\n\n:root {\n  /* Typography */\n  --base-font-family: -apple-system, BlinkMacSystemFont, Avenir, \"Avenir Next\",\n    \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\",\n    \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n  --base-font-size: 1.6rem;\n  --base-line-height: 1.5;\n  --base-space-size: 16px;\n\n  /* Colours */\n  --primary-color: #8549b9;\n  --secondary-color: #a460e8;\n  --base-color: #fff;\n  --base-dark-color: #282828;\n  --base-info-color: #2c80ff;\n  --base-error-color: #f93838;\n  --base-success-color: #0dc222;\n  --base-warning-color: #f2ad00;\n  --base-light-color: #f0f0f0;\n  --base-border-color: #cfcfcf;\n  --base-text-color: #4c4c4c;\n  --base-label-color: #6f6f6f;\n\n  /* Transitions */\n  --transition: all 0.2s ease-in-out;\n\n  /* Shadows */\n  --base-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.0325);\n\n  /* Utils */\n  --base-radius: 4px;\n  --base-rounded-radius: 50%;\n\n  /* Toogle */\n  --toggle-transition-duration: 0.25s;\n  --toggle-transition-timing-function: ease;\n  --toggle-label-width: 48px;\n  --toggle-label-height: 24px;\n  --toggle-rail-width: 100%;\n  --toggle-rail-height: 100%;\n  --toggle-rail-background-color: var(--base-light-color);\n  --toggle-rail-border-radius: 9999em;\n  --toggle-rail-checked-background-color: var(--base-success-color);\n  --toggle-width: 24px;\n  --toggle-height: 24px;\n  --toggle-border-radius: 50%;\n  --toggle-background-color: #fff;\n  --toggle-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.0525);\n  --toggle-checked-left: 25px;\n\n  /* Spacing */\n--spacing-xxs:  calc(16px / 6);\n--spacing-xs: calc(16px / 4);\n--spacing-sm: calc(16px / 2);\n--spacing-md: 16px;\n--spacing-lg: calc(16px + 8);\n--spacing-xl: calc(16px * 2);\n--spacing-xxl: calc(16px * 2 + 8);\n--spacing-xxxl: calc(16px * 4);\n\n/* Responsive breakpoints */\n--responsive-sm: 25em;\n--responsive-md: 48em;\n--responsive-lg: 62em;\n--responsive-xl: 75em;\n\n}\n","/*\n* Collapse\n*/\n\n@custom-selector :--collapse .collapse;\n@custom-selector :--collapse-content .collapse-content;\n@custom-selector :--collapse-content-checked .collapse input:checked ~ .collapse-content;\n@custom-selector :--collapse-item .collapse-item;\n@custom-selector :--collapse-input .collapse input;\n@custom-selector :--collapse-label .collapse label;\n@custom-selector :--collapse-icon-left .icon.left;\n@custom-selector :--collapse-icon-right .icon.right;","/*\n* Collapse\n*/\n\n/*\n*\n* @ custom-properties\n* :--collapse .collapse;\n* :--collapse-content .collapse-content;\n* :--collapse-content-checked .collapse-content-checked;\n* :--collapse-item .collapse-item;\n* :--collapse-input .collapse-input;\n* :--collapse-label .collapse-label;\n* :--collapse-icon-right-left .icon.left;\n* :--collapse-icon-right .icon.right;\n*\n*/\n\n:--collapse {\n  width: 100%;\n  & :--collapse-item {\n    position: relative;\n    margin-bottom: 2px;\n    width: 100%;\n    color: var(--base-dark-color);\n    overflow: hidden;\n    border: 1px solid var(--base-light-color);\n    transition: var(--transition);\n    &:hover {\n      border-color: var(--primary-color);\n    }\n  }\n}\n\n:--collapse-input {\n  position: absolute;\n  opacity: 0;\n  z-index: -1;\n  &:checked ~ label {\n    & :--collapse-icon-right, & :--collapse-icon-left {\n      transform: rotate(-180deg);\n    }\n  }\n}\n\n:--collapse-icon-right, :--collapse-icon-left {\n  width: 22px;\n  height: 22px;\n  stroke: var(--base-dark-color);\n  transition: var(--transition);\n}\n\n:--collapse-label {\n  position: relative;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 6px 15px;\n  font-weight: 500;\n  line-height: 3;\n  cursor: pointer;\n  &:hover {\n    background: transparent;\n  }\n}\n:--collapse-content {\n  max-height: 0;\n  padding: 0 15px;\n  overflow: hidden;\n  background: rgba(255, 255, 255, 1);\n  transition: max-height .25s;\n  & p {\n    font-size: 14px;\n    line-height: 16px;\n    margin: 10px 0;\n  }\n}\n:--collapse-content-checked {\n  max-height: 10em;\n}\n"]}
\ No newline at end of file
diff --git a/packages/vishnucss-collapse/dist/vishnu.collapse.min.css b/packages/vishnucss-collapse/dist/vishnu.collapse.min.css
index 1e7891c..f3841c2 100644
--- a/packages/vishnucss-collapse/dist/vishnu.collapse.min.css
+++ b/packages/vishnucss-collapse/dist/vishnu.collapse.min.css
@@ -1,5 +1,5 @@
 /**
-* vishnucss collapse - v1.1.0-rc.1
+* vishnucss collapse - v1.1.0-rc.2
 * https://vishnucss.github.io/vishnu#collapse
 */
 .collapse{width:100%}.collapse .collapse-item{position:relative;margin-bottom:2px;width:100%;color:#282828;overflow:hidden;border:1px solid #f0f0f0;transition:all .2s ease-in-out}.collapse .collapse-item:hover{border-color:#8549b9}.collapse input{position:absolute;opacity:0;z-index:-1}.collapse input:checked~label .icon.left,.collapse input:checked~label .icon.right{transform:rotate(-180deg)}.icon.left,.icon.right{width:22px;height:22px;stroke:#282828;transition:all .2s ease-in-out}.collapse label{position:relative;display:flex;justify-content:space-between;align-items:center;padding:6px 15px;font-weight:500;line-height:3;cursor:pointer}.collapse label:hover{background:transparent}.collapse-content{max-height:0;padding:0 15px;overflow:hidden;background:#fff;transition:max-height .25s}.collapse-content p{font-size:14px;line-height:16px;margin:10px 0}.collapse input:checked~.collapse-content{max-height:10em}
diff --git a/packages/vishnucss-collapse/package.js b/packages/vishnucss-collapse/package.js
index 7da51e3..7b9d5ff 100644
--- a/packages/vishnucss-collapse/package.js
+++ b/packages/vishnucss-collapse/package.js
@@ -1,6 +1,6 @@
 Package.describe({
 	name: 'vishnucss:collapse',
-	version: '1.1.0-rc.1',
+	version: '1.1.0-rc.2',
 	summary: 'Collapse toolkit with modern css.',
 	git: 'https://github.com/vishnucss/vishnu.git',
 	documentation: 'README.md'
diff --git a/packages/vishnucss-collapse/package.json b/packages/vishnucss-collapse/package.json
index d0de920..b73642f 100644
--- a/packages/vishnucss-collapse/package.json
+++ b/packages/vishnucss-collapse/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@vishnucss/collapse",
   "filename": "vishnu.collapse.min.css",
-  "version": "1.1.0-rc.1",
+  "version": "1.1.0-rc.2",
   "description": "Collapse package for Vishnucss toolkit with modern css.",
   "main": "./dist/vishnu.collapse.min.css",
   "keywords": [
diff --git a/packages/vishnucss-collapse/src/variables.css b/packages/vishnucss-collapse/src/variables.css
index 96d4c7c..d53dc32 100644
--- a/packages/vishnucss-collapse/src/variables.css
+++ b/packages/vishnucss-collapse/src/variables.css
@@ -53,14 +53,14 @@
   --toggle-checked-left: 25px;
 
   /* Spacing */
---spacing-xxs:  var(--base-space-size / 6);
---spacing-xs: var(--base-space-size / 4);
---spacing-sm: var(--base-space-size / 2);
---spacing-md: var(--base-space-size);
---spacing-lg: var(--base-space-size + 4);
---spacing-xl: var(--base-space-size + 6);
---spacing-xxl: var(--base-space-size * 2);
---spacing-xxxl: var(--base-space-size * 2 + 8);
+--spacing-xxs:  calc(16px / 6);
+--spacing-xs: calc(16px / 4);
+--spacing-sm: calc(16px / 2);
+--spacing-md: 16px;
+--spacing-lg: calc(16px + 8);
+--spacing-xl: calc(16px * 2);
+--spacing-xxl: calc(16px * 2 + 8);
+--spacing-xxxl: calc(16px * 4);
 
 /* Responsive breakpoints */
 --responsive-sm: 25em;
diff --git a/packages/vishnucss-dialog/dist/vishnu.dialog.css b/packages/vishnucss-dialog/dist/vishnu.dialog.css
index 4f49dea..b2bb4ee 100644
--- a/packages/vishnucss-dialog/dist/vishnu.dialog.css
+++ b/packages/vishnucss-dialog/dist/vishnu.dialog.css
@@ -1,7 +1,7 @@
 /**
-* vishnucss dialog - v1.1.0-rc.1
+* vishnucss dialog - v1.1.0-rc.2
 * https://vishnucss.github.io/vishnu#dialog
-*/
+*/
 
 /*
 * Variables
@@ -19,6 +19,11 @@
   /* Utils */
 
   /* Toogle */
+
+  /* Spacing */
+
+/* Responsive breakpoints */
+
 }
 
 /*
@@ -42,7 +47,7 @@
   margin: 45px auto;
   padding: 20px;
   background: #fff;
-  border: 1px solid #e5e5e5;
+  border: 1px solid #cfcfcf;
   width: 480px;
   height: 320px;
   z-index: 100;
@@ -59,16 +64,16 @@
   font-size: 24px;
   font-weight: bold;
   text-decoration: none;
-  color: #666;
+  color: #666
 }
 .dialog .close:hover {
-  opacity: 1;
-}
+    opacity: 1;
+  }
 .dialog .close .icon {
-  width: 20px;
-  height: 20px;
-  stroke: #444;
-}
+    width: 20px;
+    height: 20px;
+    stroke: #4c4c4c;
+  }
 .overlay {
   position: fixed;
   z-index: 90;
@@ -78,19 +83,19 @@
   right: 0;
   background: rgba(0, 0, 0, 0.88);
   visibility: hidden;
-  opacity: 0;
+  opacity: 0
 }
 .overlay.light {
-  background: rgba(255, 255, 255, 0.92);
-}
+    background: rgba(255, 255, 255, 0.92);
+  }
 .overlay .cancel {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  cursor: default;
-}
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    cursor: default;
+  }
 .overlay:target {
-  visibility: visible;
-  opacity: 1;
-}
+    visibility: visible;
+    opacity: 1;
+  }
 /*# sourceMappingURL=vishnu.dialog.css.map */
diff --git a/packages/vishnucss-dialog/dist/vishnu.dialog.css.map b/packages/vishnucss-dialog/dist/vishnu.dialog.css.map
index 6737476..8a0e88b 100644
--- a/packages/vishnucss-dialog/dist/vishnu.dialog.css.map
+++ b/packages/vishnucss-dialog/dist/vishnu.dialog.css.map
@@ -1 +1 @@
-{"version":3,"sources":["variables.css","customs.css","dialog.css"],"names":[],"mappings":";;;;;AAAA;;EAEA;;AAEA;;EAEA,iBAAA;;EAOA,aAAA;;EAcA,iBAAA;;EAGA,aAAA;;EAGA,WAAA;;EAIA,YAAA;;CAiBA;;ACtDA;;EAEA;;ACFA;;EAEA;;AAEA;;;;;;;;EAQA;AACA;EACA,kBAAA;EACA,cAAA;EACA,iBAAA;EACA,0BAAA;EACA,aAAA;EACA,cAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;CACA;AACA;EACA,mBAAA;EACA,YAAA;EACA,aAAA;EACA,UAAA;EACA,YAAA;EACA,aAAA;EACA,gBAAA;EACA,kBAAA;EACA,sBAAA;EACA,WAAA;CASA;AARA;IACA,WAAA;GACA;AACA;IACA,YAAA;IACA,aAAA;IACA,aAAA;GACA;AAEA;EACA,gBAAA;EACA,YAAA;EACA,OAAA;EACA,UAAA;EACA,QAAA;EACA,SAAA;EACA,gCAAA;EACA,mBAAA;EACA,UAAA;CAcA;AAbA;IACA,sCAAA;GACA;AACA;IACA,mBAAA;IACA,YAAA;IACA,aAAA;IACA,gBAAA;GACA;AACA;IACA,oBAAA;IACA,WAAA;GACA","file":"vishnu.dialog.css","sourcesContent":["/*\n* Variables\n*/\n\n:root {\n\n  /* Typhography */\n  --base-font-family: -apple-system, BlinkMacSystemFont, Avenir, 'Avenir Next',\n  'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans',\n  'Droid Sans', 'Helvetica Neue', sans-serif;\n  --base-font-size: 1.6rem;\n  --base-line-height: 1.5;\n\n  /* Colours */\n  --primary-color: #667eea;\n  --secondary-color: #764ba2;\n  --base-color: #fff;\n  --base-dark-color: #282828;\n  --base-info-color: #2C80FF;\n  --base-error-color: #F93838;\n  --base-success-color: #0DC222;\n  --base-warning-color: #f2ad00;\n  --base-light-color: #f1f1f1;\n  --base-border-color: #e5e5e5;\n  --base-text-color: #444;\n  --base-light-text-color: #ccc;\n\n  /* Transitions */\n  --transition: all 0.2s ease-in-out;\n\n  /* Shadows */\n  --base-box-shadow: 0 0 5px 3px rgba(0,0,0,.0325);\n\n  /* Utils */\n  --base-radius: 4px;\n  --base-rounded-radius: 50%;\n\n  /* Toogle */\n  --toggle-transition-duration: 0.25s;\n  --toggle-transition-timing-function: ease;\n  --toggle-label-width: 48px;\n  --toggle-label-height: 24px;\n  --toggle-rail-width: 100%;\n  --toggle-rail-height: 100%;\n  --toggle-rail-background-color: var(--base-light-color);\n  --toggle-rail-border-radius: 9999em;\n  --toggle-rail-checked-background-color: var(--base-success-color);\n  --toggle-width: 24px;\n  --toggle-height: 24px;\n  --toggle-border-radius: 50%;\n  --toggle-background-color: #fff;\n  --toggle-box-shadow: 1px 1px 4px 2px rgba(0,0,0,.0525);\n  --toggle-checked-left: 25px;\n\n}\n","/*\n* Dialog\n*/\n\n@custom-selector :--dialog .dialog;\n@custom-selector :--close .close;\n@custom-selector :--overlay .overlay;\n","/*\n* Dialog\n*/\n\n/*\n*\n* @ custom-properties\n* :--dialog .dialog;\n* :--close .close;\n* :--light .light;\n* :--overlay .overlay;\n*\n*/\n:--dialog {\n  margin: 45px auto;\n  padding: 20px;\n  background: #fff;\n  border: 1px solid var(--base-border-color);\n  width: 480px;\n  height: 320px;\n  z-index: 100;\n  position: relative;\n  border-radius: var(--base-radius);\n}\n:--dialog :--close {\n  position: absolute;\n  width: 20px;\n  height: 20px;\n  top: 20px;\n  right: 20px;\n  opacity: 0.8;\n  font-size: 24px;\n  font-weight: bold;\n  text-decoration: none;\n  color: #666;\n  &:hover {\n    opacity: 1;\n  }\n  & .icon {\n    width: 20px;\n    height: 20px;\n    stroke: var(--base-text-color);\n  }\n}\n:--overlay {\n  position: fixed;\n  z-index: 90;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background: rgba(0, 0, 0, 0.88);\n  visibility: hidden;\n  opacity: 0;\n  &.light {\n    background: rgba(255, 255, 255, 0.92);\n  }\n  & .cancel {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    cursor: default;\n  }\n  &:target {\n    visibility: visible;\n    opacity: 1;\n  }\n}"]}
\ No newline at end of file
+{"version":3,"sources":["variables.css","customs.css","dialog.css"],"names":[],"mappings":";;;;;AAAA;;EAEA;;AAEA;EACA,gBAAA;;EAQA,aAAA;;EAcA,iBAAA;;EAGA,aAAA;;EAGA,WAAA;;EAIA,YAAA;;EAiBA,aAAA;;AAUA,4BAAA;;CAMA;;ACtEA;;EAEA;;ACFA;;EAEA;;AAEA;;;;;;;;EAQA;AACA;EACA,kBAAA;EACA,cAAA;EACA,iBAAA;EACA,0BAAA;EACA,aAAA;EACA,cAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;CACA;AACA;EACA,mBAAA;EACA,YAAA;EACA,aAAA;EACA,UAAA;EACA,YAAA;EACA,aAAA;EACA,gBAAA;EACA,kBAAA;EACA,sBAAA;EACA,WAAA;CASA;AARA;IACA,WAAA;GACA;AACA;IACA,YAAA;IACA,aAAA;IACA,gBAAA;GACA;AAEA;EACA,gBAAA;EACA,YAAA;EACA,OAAA;EACA,UAAA;EACA,QAAA;EACA,SAAA;EACA,gCAAA;EACA,mBAAA;EACA,UAAA;CAcA;AAbA;IACA,sCAAA;GACA;AACA;IACA,mBAAA;IACA,YAAA;IACA,aAAA;IACA,gBAAA;GACA;AACA;IACA,oBAAA;IACA,WAAA;GACA","file":"vishnu.dialog.css","sourcesContent":["/*\n* Variables\n*/\n\n:root {\n  /* Typography */\n  --base-font-family: -apple-system, BlinkMacSystemFont, Avenir, \"Avenir Next\",\n    \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\",\n    \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n  --base-font-size: 1.6rem;\n  --base-line-height: 1.5;\n  --base-space-size: 16px;\n\n  /* Colours */\n  --primary-color: #8549b9;\n  --secondary-color: #a460e8;\n  --base-color: #fff;\n  --base-dark-color: #282828;\n  --base-info-color: #2c80ff;\n  --base-error-color: #f93838;\n  --base-success-color: #0dc222;\n  --base-warning-color: #f2ad00;\n  --base-light-color: #f0f0f0;\n  --base-border-color: #cfcfcf;\n  --base-text-color: #4c4c4c;\n  --base-label-color: #6f6f6f;\n\n  /* Transitions */\n  --transition: all 0.2s ease-in-out;\n\n  /* Shadows */\n  --base-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.0325);\n\n  /* Utils */\n  --base-radius: 4px;\n  --base-rounded-radius: 50%;\n\n  /* Toogle */\n  --toggle-transition-duration: 0.25s;\n  --toggle-transition-timing-function: ease;\n  --toggle-label-width: 48px;\n  --toggle-label-height: 24px;\n  --toggle-rail-width: 100%;\n  --toggle-rail-height: 100%;\n  --toggle-rail-background-color: var(--base-light-color);\n  --toggle-rail-border-radius: 9999em;\n  --toggle-rail-checked-background-color: var(--base-success-color);\n  --toggle-width: 24px;\n  --toggle-height: 24px;\n  --toggle-border-radius: 50%;\n  --toggle-background-color: #fff;\n  --toggle-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.0525);\n  --toggle-checked-left: 25px;\n\n  /* Spacing */\n--spacing-xxs:  calc(16px / 6);\n--spacing-xs: calc(16px / 4);\n--spacing-sm: calc(16px / 2);\n--spacing-md: 16px;\n--spacing-lg: calc(16px + 8);\n--spacing-xl: calc(16px * 2);\n--spacing-xxl: calc(16px * 2 + 8);\n--spacing-xxxl: calc(16px * 4);\n\n/* Responsive breakpoints */\n--responsive-sm: 25em;\n--responsive-md: 48em;\n--responsive-lg: 62em;\n--responsive-xl: 75em;\n\n}\n","/*\n* Dialog\n*/\n\n@custom-selector :--dialog .dialog;\n@custom-selector :--close .close;\n@custom-selector :--overlay .overlay;\n","/*\n* Dialog\n*/\n\n/*\n*\n* @ custom-properties\n* :--dialog .dialog;\n* :--close .close;\n* :--light .light;\n* :--overlay .overlay;\n*\n*/\n:--dialog {\n  margin: 45px auto;\n  padding: 20px;\n  background: #fff;\n  border: 1px solid var(--base-border-color);\n  width: 480px;\n  height: 320px;\n  z-index: 100;\n  position: relative;\n  border-radius: var(--base-radius);\n}\n:--dialog :--close {\n  position: absolute;\n  width: 20px;\n  height: 20px;\n  top: 20px;\n  right: 20px;\n  opacity: 0.8;\n  font-size: 24px;\n  font-weight: bold;\n  text-decoration: none;\n  color: #666;\n  &:hover {\n    opacity: 1;\n  }\n  & .icon {\n    width: 20px;\n    height: 20px;\n    stroke: var(--base-text-color);\n  }\n}\n:--overlay {\n  position: fixed;\n  z-index: 90;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background: rgba(0, 0, 0, 0.88);\n  visibility: hidden;\n  opacity: 0;\n  &.light {\n    background: rgba(255, 255, 255, 0.92);\n  }\n  & .cancel {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    cursor: default;\n  }\n  &:target {\n    visibility: visible;\n    opacity: 1;\n  }\n}"]}
\ No newline at end of file
diff --git a/packages/vishnucss-dialog/dist/vishnu.dialog.min.css b/packages/vishnucss-dialog/dist/vishnu.dialog.min.css
index e60223d..547d1f0 100644
--- a/packages/vishnucss-dialog/dist/vishnu.dialog.min.css
+++ b/packages/vishnucss-dialog/dist/vishnu.dialog.min.css
@@ -1,6 +1,6 @@
 /**
-* vishnucss dialog - v1.1.0-rc.1
+* vishnucss dialog - v1.1.0-rc.2
 * https://vishnucss.github.io/vishnu#dialog
 */
-.dialog{margin:45px auto;padding:20px;background:#fff;border:1px solid #e5e5e5;width:480px;height:320px;z-index:2;position:relative;border-radius:4px}.dialog .close{position:absolute;width:20px;height:20px;top:20px;right:20px;opacity:.8;font-size:24px;font-weight:700;text-decoration:none;color:#666}.dialog .close:hover{opacity:1}.dialog .close .icon{width:20px;height:20px;stroke:#444}.overlay{position:fixed;z-index:1;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.88);visibility:hidden;opacity:0}.overlay.light{background:hsla(0,0%,100%,.92)}.overlay .cancel{position:absolute;width:100%;height:100%;cursor:default}.overlay:target{visibility:visible;opacity:1}
+.dialog{margin:45px auto;padding:20px;background:#fff;border:1px solid #cfcfcf;width:480px;height:320px;z-index:2;position:relative;border-radius:4px}.dialog .close{position:absolute;width:20px;height:20px;top:20px;right:20px;opacity:.8;font-size:24px;font-weight:700;text-decoration:none;color:#666}.dialog .close:hover{opacity:1}.dialog .close .icon{width:20px;height:20px;stroke:#4c4c4c}.overlay{position:fixed;z-index:1;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.88);visibility:hidden;opacity:0}.overlay.light{background:hsla(0,0%,100%,.92)}.overlay .cancel{position:absolute;width:100%;height:100%;cursor:default}.overlay:target{visibility:visible;opacity:1}
 /*# sourceMappingURL=vishnu.dialog.min.css.map */
diff --git a/packages/vishnucss-dialog/dist/vishnu.dialog.min.css.map b/packages/vishnucss-dialog/dist/vishnu.dialog.min.css.map
index c5341e1..5941d11 100644
--- a/packages/vishnucss-dialog/dist/vishnu.dialog.min.css.map
+++ b/packages/vishnucss-dialog/dist/vishnu.dialog.min.css.map
@@ -1 +1 @@
-{"version":3,"sources":["dialog.css"],"names":[],"mappings":";;;;AAaA,QACA,iBAAA,AACA,aAAA,AACA,gBAAA,AACA,yBAAA,AACA,YAAA,AACA,aAAA,AACA,UAAA,AACA,kBAAA,AACA,iBAAA,CACA,AACA,eACA,kBAAA,AACA,WAAA,AACA,YAAA,AACA,SAAA,AACA,WAAA,AACA,WAAA,AACA,eAAA,AACA,gBAAA,AACA,qBAAA,AACA,UAAA,CACA,AAQA,qBAPA,SAAA,CACA,AACA,qBACA,WAAA,AACA,YAAA,AACA,WAAA,CACA,AAEA,SACA,eAAA,AACA,UAAA,AACA,MAAA,AACA,SAAA,AACA,OAAA,AACA,QAAA,AACA,2BAAA,AACA,kBAAA,AACA,SAAA,CACA,AAaA,eAZA,8BAAA,CACA,AACA,iBACA,kBAAA,AACA,WAAA,AACA,YAAA,AACA,cAAA,CACA,AACA,gBACA,mBAAA,AACA,SAAA,CACA","file":"vishnu.dialog.min.css","sourcesContent":["/*\n* Dialog\n*/\n\n/*\n*\n* @ custom-properties\n* :--dialog .dialog;\n* :--close .close;\n* :--light .light;\n* :--overlay .overlay;\n*\n*/\n:--dialog {\n  margin: 45px auto;\n  padding: 20px;\n  background: #fff;\n  border: 1px solid var(--base-border-color);\n  width: 480px;\n  height: 320px;\n  z-index: 100;\n  position: relative;\n  border-radius: var(--base-radius);\n}\n:--dialog :--close {\n  position: absolute;\n  width: 20px;\n  height: 20px;\n  top: 20px;\n  right: 20px;\n  opacity: 0.8;\n  font-size: 24px;\n  font-weight: bold;\n  text-decoration: none;\n  color: #666;\n  &:hover {\n    opacity: 1;\n  }\n  & .icon {\n    width: 20px;\n    height: 20px;\n    stroke: var(--base-text-color);\n  }\n}\n:--overlay {\n  position: fixed;\n  z-index: 90;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background: rgba(0, 0, 0, 0.88);\n  visibility: hidden;\n  opacity: 0;\n  &.light {\n    background: rgba(255, 255, 255, 0.92);\n  }\n  & .cancel {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    cursor: default;\n  }\n  &:target {\n    visibility: visible;\n    opacity: 1;\n  }\n}"]}
\ No newline at end of file
+{"version":3,"sources":["dialog.css"],"names":[],"mappings":";;;;AAaA,QACA,iBAAA,AACA,aAAA,AACA,gBAAA,AACA,yBAAA,AACA,YAAA,AACA,aAAA,AACA,UAAA,AACA,kBAAA,AACA,iBAAA,CACA,AACA,eACA,kBAAA,AACA,WAAA,AACA,YAAA,AACA,SAAA,AACA,WAAA,AACA,WAAA,AACA,eAAA,AACA,gBAAA,AACA,qBAAA,AACA,UAAA,CACA,AAQA,qBAPA,SAAA,CACA,AACA,qBACA,WAAA,AACA,YAAA,AACA,cAAA,CACA,AAEA,SACA,eAAA,AACA,UAAA,AACA,MAAA,AACA,SAAA,AACA,OAAA,AACA,QAAA,AACA,2BAAA,AACA,kBAAA,AACA,SAAA,CACA,AAaA,eAZA,8BAAA,CACA,AACA,iBACA,kBAAA,AACA,WAAA,AACA,YAAA,AACA,cAAA,CACA,AACA,gBACA,mBAAA,AACA,SAAA,CACA","file":"vishnu.dialog.min.css","sourcesContent":["/*\n* Dialog\n*/\n\n/*\n*\n* @ custom-properties\n* :--dialog .dialog;\n* :--close .close;\n* :--light .light;\n* :--overlay .overlay;\n*\n*/\n:--dialog {\n  margin: 45px auto;\n  padding: 20px;\n  background: #fff;\n  border: 1px solid var(--base-border-color);\n  width: 480px;\n  height: 320px;\n  z-index: 100;\n  position: relative;\n  border-radius: var(--base-radius);\n}\n:--dialog :--close {\n  position: absolute;\n  width: 20px;\n  height: 20px;\n  top: 20px;\n  right: 20px;\n  opacity: 0.8;\n  font-size: 24px;\n  font-weight: bold;\n  text-decoration: none;\n  color: #666;\n  &:hover {\n    opacity: 1;\n  }\n  & .icon {\n    width: 20px;\n    height: 20px;\n    stroke: var(--base-text-color);\n  }\n}\n:--overlay {\n  position: fixed;\n  z-index: 90;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background: rgba(0, 0, 0, 0.88);\n  visibility: hidden;\n  opacity: 0;\n  &.light {\n    background: rgba(255, 255, 255, 0.92);\n  }\n  & .cancel {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    cursor: default;\n  }\n  &:target {\n    visibility: visible;\n    opacity: 1;\n  }\n}"]}
\ No newline at end of file
diff --git a/packages/vishnucss-dialog/package.js b/packages/vishnucss-dialog/package.js
index 58b2706..98c174a 100644
--- a/packages/vishnucss-dialog/package.js
+++ b/packages/vishnucss-dialog/package.js
@@ -1,6 +1,6 @@
 Package.describe({
   name: "vishnucss:dialog",
-  version: "1.1.0-rc.1",
+  version: "1.1.0-rc.2",
   summary: "Dialog toolkit with modern css.",
   git: "https://github.com/vishnucss/vishnu.git",
   documentation: "README.md"
diff --git a/packages/vishnucss-dialog/package.json b/packages/vishnucss-dialog/package.json
index 505dd36..9c8390d 100644
--- a/packages/vishnucss-dialog/package.json
+++ b/packages/vishnucss-dialog/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@vishnucss/dialog",
   "filename": "vishnu.dialog.min.css",
-  "version": "1.1.0-rc.1",
+  "version": "1.1.0-rc.2",
   "description": "Dialog package for Vishnucss toolkit with modern css.",
   "main": "./dist/vishnu.dialog.min.css",
   "keywords": [
diff --git a/packages/vishnucss-dialog/src/variables.css b/packages/vishnucss-dialog/src/variables.css
index 96d4c7c..d53dc32 100644
--- a/packages/vishnucss-dialog/src/variables.css
+++ b/packages/vishnucss-dialog/src/variables.css
@@ -53,14 +53,14 @@
   --toggle-checked-left: 25px;
 
   /* Spacing */
---spacing-xxs:  var(--base-space-size / 6);
---spacing-xs: var(--base-space-size / 4);
---spacing-sm: var(--base-space-size / 2);
---spacing-md: var(--base-space-size);
---spacing-lg: var(--base-space-size + 4);
---spacing-xl: var(--base-space-size + 6);
---spacing-xxl: var(--base-space-size * 2);
---spacing-xxxl: var(--base-space-size * 2 + 8);
+--spacing-xxs:  calc(16px / 6);
+--spacing-xs: calc(16px / 4);
+--spacing-sm: calc(16px / 2);
+--spacing-md: 16px;
+--spacing-lg: calc(16px + 8);
+--spacing-xl: calc(16px * 2);
+--spacing-xxl: calc(16px * 2 + 8);
+--spacing-xxxl: calc(16px * 4);
 
 /* Responsive breakpoints */
 --responsive-sm: 25em;
diff --git a/packages/vishnucss-extensions/dist/vishnu.extensions.css b/packages/vishnucss-extensions/dist/vishnu.extensions.css
index 45a48f7..ece837d 100644
--- a/packages/vishnucss-extensions/dist/vishnu.extensions.css
+++ b/packages/vishnucss-extensions/dist/vishnu.extensions.css
@@ -1,5 +1,5 @@
 /**
-* vishnucss extensions - v1.1.0-rc.1
+* vishnucss extensions - v1.1.0-rc.2
 * Extensions packages for Vishnucss toolkit with modern css
 * https://vishnucss.github.io/vishnu#extensions
 */
@@ -1069,100 +1069,100 @@
   margin-bottom: 0;
 }
 .mr-1 {
-  margin-right: var(--base-space-size / 6)
+  margin-right: calc(16px / 6)
 }
 .mr-2 {
-  margin-right: var(--base-space-size / 4)
+  margin-right: calc(16px / 4)
 }
 .mr-3 {
-  margin-right: var(--base-space-size / 2)
+  margin-right: calc(16px / 2)
 }
 .mr-4 {
   margin-right: 16px
 }
 .mr-5 {
-  margin-right: var(--base-space-size + 4)
+  margin-right: calc(16px + 8)
 }
 .mr-6 {
-  margin-right: var(--base-space-size + 6)
+  margin-right: calc(16px * 2)
 }
 .mr-7 {
-  margin-right: var(--base-space-size * 2)
+  margin-right: calc(16px * 2 + 8)
 }
 .mr-8 {
-  margin-right: var(--base-space-size * 2 + 8)
+  margin-right: calc(16px * 4)
 }
 .ml-1 {
-  margin-left: var(--base-space-size / 6)
+  margin-left: calc(16px / 6)
 }
 .ml-2 {
-  margin-left: var(--base-space-size / 4)
+  margin-left: calc(16px / 4)
 }
 .ml-3 {
-  margin-left: var(--base-space-size / 2)
+  margin-left: calc(16px / 2)
 }
 .ml-4 {
   margin-left: 16px
 }
 .ml-5 {
-  margin-left: var(--base-space-size + 4)
+  margin-left: calc(16px + 8)
 }
 .ml-6 {
-  margin-left: var(--base-space-size + 6)
+  margin-left: calc(16px * 2)
 }
 .ml-7 {
-  margin-left: var(--base-space-size * 2)
+  margin-left: calc(16px * 2 + 8)
 }
 .ml-8 {
-  margin-left: var(--base-space-size * 2 + 8)
+  margin-left: calc(16px * 4)
 }
 .mt-1 {
-  margin-top: var(--base-space-size / 6)
+  margin-top: calc(16px / 6)
 }
 .mt-2 {
-  margin-top: var(--base-space-size / 4)
+  margin-top: calc(16px / 4)
 }
 .mt-3 {
-  margin-top: var(--base-space-size / 2)
+  margin-top: calc(16px / 2)
 }
 .mt-4 {
   margin-top: 16px
 }
 .mt-5 {
-  margin-top: var(--base-space-size + 4)
+  margin-top: calc(16px + 8)
 }
 .mt-6 {
-  margin-top: var(--base-space-size + 6)
+  margin-top: calc(16px * 2)
 }
 .mt-7 {
-  margin-top: var(--base-space-size * 2)
+  margin-top: calc(16px * 2 + 8)
 }
 .mt-8 {
-  margin-top: var(--base-space-size * 2 + 8)
+  margin-top: calc(16px * 4)
 }
 .mb-1 {
-  margin-bottom: var(--base-space-size / 6)
+  margin-bottom: calc(16px / 6)
 }
 .mb-2 {
-  margin-bottom: var(--base-space-size / 4)
+  margin-bottom: calc(16px / 4)
 }
 .mb-3 {
-  margin-bottom: var(--base-space-size / 2)
+  margin-bottom: calc(16px / 2)
 }
 .mb-4 {
   margin-bottom: 16px
 }
 .mb-5 {
-  margin-bottom: var(--base-space-size + 4)
+  margin-bottom: calc(16px + 8)
 }
 .mb-6 {
-  margin-bottom: var(--base-space-size + 6)
+  margin-bottom: calc(16px * 2)
 }
 .mb-7 {
-  margin-bottom: var(--base-space-size * 2)
+  margin-bottom: calc(16px * 2 + 8)
 }
 .mb-8 {
-  margin-bottom: var(--base-space-size * 2 + 8)
+  margin-bottom: calc(16px * 4)
 }
 
 /* Paddings */
@@ -1182,102 +1182,102 @@
   padding-bottom: 0;
 }
 .pr-1 {
-  padding-right: var(--base-space-size / 6)
+  padding-right: calc(16px / 6)
 }
 .pr-2 {
-  padding-right: var(--base-space-size / 4)
+  padding-right: calc(16px / 4)
 }
 .pr-3 {
-  padding-right: var(--base-space-size / 2)
+  padding-right: calc(16px / 2)
 }
 .pr-4 {
   padding-right: 16px
 }
 .pr-5 {
-  padding-right: var(--base-space-size + 4)
+  padding-right: calc(16px + 8)
 }
 .pr-6 {
-  padding-right: var(--base-space-size + 6)
+  padding-right: calc(16px * 2)
 }
 .pr-7 {
-  padding-right: var(--base-space-size * 2)
+  padding-right: calc(16px * 2 + 8)
 }
 .pr-8 {
-  padding-right: var(--base-space-size * 2 + 8)
+  padding-right: calc(16px * 4)
 }
 .pl-1 {
-  padding-left: var(--base-space-size / 6)
+  padding-left: calc(16px / 6)
 }
 .pl-2 {
-  padding-left: var(--base-space-size / 4)
+  padding-left: calc(16px / 4)
 }
 .pl-3 {
-  padding-left: var(--base-space-size / 2)
+  padding-left: calc(16px / 2)
 }
 .pl-4 {
   padding-left: 16px
 }
 .pl-5 {
-  padding-left: var(--base-space-size + 4)
+  padding-left: calc(16px + 8)
 }
 .pl-6 {
-  padding-left: var(--base-space-size + 6)
+  padding-left: calc(16px * 2)
 }
 .pl-7 {
-  padding-left: var(--base-space-size * 2)
+  padding-left: calc(16px * 2 + 8)
 }
 .pl-8 {
-  padding-left: var(--base-space-size * 2 + 8)
+  padding-left: calc(16px * 4)
 }
 
 
 .pt-1 {
-  padding-top: var(--base-space-size / 6)
+  padding-top: calc(16px / 6)
 }
 .pt-2 {
-  padding-top: var(--base-space-size / 4)
+  padding-top: calc(16px / 4)
 }
 .pt-3 {
-  padding-top: var(--base-space-size / 2)
+  padding-top: calc(16px / 2)
 }
 .pt-4 {
   padding-top: 16px
 }
 .pt-5 {
-  padding-top: var(--base-space-size + 4)
+  padding-top: calc(16px + 8)
 }
 .pt-6 {
-  padding-top: var(--base-space-size + 6)
+  padding-top: calc(16px * 2)
 }
 .pt-7 {
-  padding-top: var(--base-space-size * 2)
+  padding-top: calc(16px * 2 + 8)
 }
 .pt-8 {
-  padding-top: var(--base-space-size * 2 + 8)
+  padding-top: calc(16px * 4)
 }
 .pb-1 {
-  padding-bottom: var(--base-space-size / 6)
+  padding-bottom: calc(16px / 6)
 }
 .pb-2 {
-  padding-bottom: var(--base-space-size / 4)
+  padding-bottom: calc(16px / 4)
 }
 .pb-3 {
-  padding-bottom: var(--base-space-size / 2)
+  padding-bottom: calc(16px / 2)
 }
 .pb-4 {
   padding-bottom: 16px
 }
 .pb-5 {
-  padding-bottom: var(--base-space-size + 4)
+  padding-bottom: calc(16px + 8)
 }
 .pb-6 {
-  padding-bottom: var(--base-space-size + 6)
+  padding-bottom: calc(16px * 2)
 }
 .pb-7 {
-  padding-bottom: var(--base-space-size * 2)
+  padding-bottom: calc(16px * 2 + 8)
 }
 .pb-8 {
-  padding-bottom: var(--base-space-size * 2 + 8)
+  padding-bottom: calc(16px * 4)
 }
 
 
diff --git a/packages/vishnucss-extensions/dist/vishnu.extensions.css.map b/packages/vishnucss-extensions/dist/vishnu.extensions.css.map
index e9b0d65..86ab1ed 100644
--- a/packages/vishnucss-extensions/dist/vishnu.extensions.css.map
+++ b/packages/vishnucss-extensions/dist/vishnu.extensions.css.map
@@ -1 +1 @@
-{"version":3,"sources":["variables.css","customs.css","alert.css","avatar.css","chips.css","card.css","collapse.css","dialog.css","toggle.css","grid.css","icons.css","spacing.css","utils.css"],"names":[],"mappings":";;;;;;AAAA;;EAEA;;AAEA;EACA,gBAAA;;EAQA,aAAA;;EAcA,iBAAA;;EAGA,aAAA;;EAGA,WAAA;;EAIA,YAAA;;EAiBA,aAAA;;AAUA,4BAAA;;CAMA;;ACtEA;;EAEA;;AAOA;;EAEA;;AAQA;;EAEA;;AAaA;;EAEA;;AAWA;;EAEA;;AAMA;;EAEA;;AAQA;;EAEA;;AAMA;;EAEA;;AAOA;;EAEA;;AASA;;EAEA;;AC/FA;;EAEA;;AAEA;;;;;;;;;;;EAWA;AACA;EACA,mBAAA;EACA,kBAAA;EACA,oBAAA;EACA,wBAAA;EACA,eAAA;EACA,mBAAA;EACA,iCAAA;EACA,0BAAA;EACA,cAAA;EACA,4BAAA;EACA,sBAAA;CAQA;AAPA;;IAEA,UAAA;GACA;AACA;IACA,oBAAA;GACA;AAEA;EACA,mBAAA;EACA,WAAA;EACA,SAAA;EACA,cAAA;EACA,wBAAA;EACA,oBAAA;EACA,WAAA;EACA,YAAA;EACA,aAAA;EACA,iBAAA;EACA,kBAAA;EACA,wBAAA;EACA,mBAAA;EACA,cAAA;CAaA;AAZA;IACA,YAAA;IACA,YAAA;GASA;AARA;MACA,cAAA;KACA;AAEA;MACA,gBAAA;MACA,gBAAA;KACA;AAGA;EACA,qCAAA;EACA,sCAAA;EACA,cAAA;CAmBA;AAlBA;IACA,eAAA;GACA;AACA;IACA,+BAAA;GACA;AAGA;QACA,cAAA;OACA;AAEA;QACA,gBAAA;QACA,gBAAA;OACA;AAIA;EACA,oCAAA;EACA,qCAAA;EACA,cAAA;CAYA;AAXA;IACA,eAAA;GACA;AACA;IACA,8BAAA;GACA;AACA;IACA,0BAAA;IACA,mCAAA;IACA,YAAA;GACA;AAEA;EACA,oCAAA;EACA,qCAAA;EACA,cAAA;CAgBA;AAbA;QACA,cAAA;OACA;AAEA;QACA,gBAAA;QACA,gBAAA;OACA;AAGA;IACA,8BAAA;GACA;AAEA;EACA,oCAAA;EACA,qCAAA;EACA,cAAA;CAiBA;AAhBA;IACA,yBAAA;GAWA;AATA;QACA,cAAA;OACA;AAEA;QACA,gBAAA;QACA,gBAAA;OACA;AAGA;IACA,8BAAA;GACA;AAEA;EACA,oBAAA;EACA,mBAAA;EACA,mBAAA;CAMA;AALA;IACA,SAAA;IACA,kBAAA;IACA,YAAA;GACA;;AAGA,iBAAA;AACA;EACA,2BAAA;EACA,sCAAA;CACA;;AC/JA;;EAEA;;AAEA;;;;;;;;;EASA;;AAEA;EACA,YAAA;EACA,aAAA;EACA,gBAAA;EACA,gBAAA;EACA,iBAAA;EACA,oBAAA;EACA,mBAAA;EACA,oBAAA;EACA,iBAAA;EACA,cAAA;EACA,oBAAA;EACA,wBAAA;EACA,iBAAA;EACA,eAAA;CACA;AACA;EACA,oBAAA;EACA,WAAA;CAMA;AALA;IACA,wBAAA;IACA,sBAAA;IACA,eAAA;GACA;AAEA;EACA,wBAAA;EACA,0BAAA;CACA;AACA;EACA,YAAA;EACA,aAAA;EACA,gBAAA;EACA,gBAAA;EACA,iBAAA;CACA;AACA;EACA,YAAA;EACA,aAAA;EACA,gBAAA;EACA,gBAAA;EACA,iBAAA;CACA;;ACzDA;;EAEA;;AAEA;;;;;;;;;;;;;;EAcA;;AAEA;EACA,qBAAA;EACA,oBAAA;EACA,wBAAA;EACA,WAAA;EACA,aAAA;EACA,oBAAA;EACA,mBAAA;CAmBA;;AAlBA;IACA,mBAAA;GACA;;AACA;IACA,YAAA;IACA,aAAA;IACA,iBAAA;IACA,kBAAA;GAKA;;AAJA;MACA,kBAAA;MACA,kBAAA;KACA;;AAEA;IACA,gBAAA;IACA,iBAAA;IACA,gBAAA;GACA;;AAGA;EACA,YAAA;CAOA;;AANA;IACA,iBAAA;GACA;;AACA;IACA,gBAAA;GACA;;AAGA;EACA,aAAA;EACA,eAAA;CAOA;;AANA;IACA,iBAAA;GACA;;AACA;IACA,gBAAA;GACA;;AAGA;EACA,mBAAA;CAOA;;AANA;IACA,YAAA;GACA;;AACA;IACA,aAAA;GACA;;AAGA;EACA,mBAAA;CAOA;;AANA;IACA,YAAA;GACA;;AACA;IACA,aAAA;GACA;;AAGA;EACA,mBAAA;CAOA;;AANA;IACA,YAAA;GACA;;AACA;IACA,aAAA;GACA;;AAGA;EACA,mBAAA;CAOA;;AANA;IACA,YAAA;GACA;;AACA;IACA,aAAA;GACA;;AAGA;EACA,mBAAA;CAOA;;AANA;IACA,YAAA;GACA;;AACA;IACA,aAAA;GACA;;AAGA;EACA,4BAAA;CAOA;;AANA;IACA,YAAA;GACA;;AACA;IACA,aAAA;GACA;;AAGA;EACA,wBAAA;EACA,6BAAA;CAiDA;;AAhDA;IACA,gBAAA;GACA;;AACA;IACA,6BAAA;GAOA;;AANA;MACA,gBAAA;KACA;;AACA;MACA,eAAA;KACA;;AAEA;IACA,6BAAA;GAOA;;AANA;MACA,gBAAA;KACA;;AACA;MACA,eAAA;KACA;;AAEA;IACA,6BAAA;GAOA;;AANA;MACA,gBAAA;KACA;;AACA;MACA,eAAA;KACA;;AAEA;IACA,6BAAA;GAOA;;AANA;MACA,gBAAA;KACA;;AACA;MACA,eAAA;KACA;;AAEA;IACA,6BAAA;GAOA;;AANA;MACA,gBAAA;KACA;;AACA;MACA,eAAA;KACA;AClLA;;EAEA;;AAEA;;;;;;;;EAQA;;AAEA;EACA,0BAAA;EACA,iBAAA;EACA,mBAAA;CACA;AACA;EACA,mBAAA;EACA,qCAAA;EACA,cAAA;EACA,cAAA;CACA;AALA;EACA,mBAAA;EACA,qCAAA;EACA,cAAA;EACA,cAAA;CACA;AACA;EACA,iCAAA;CACA;AACA;EACA,8BAAA;CACA;AACA;EACA,UAAA;CACA;AACA;EACA,mBAAA;CACA;;ACpCA;;EAEA;;AAEA;;;;;;;;;;;;EAYA;;AAEA;EACA,WAAA;CAaA;;AAZA;IACA,mBAAA;IACA,mBAAA;IACA,YAAA;IACA,eAAA;IACA,iBAAA;IACA,0BAAA;IACA,gCAAA;GAIA;;AAHA;MACA,sBAAA;KACA;;AAIA;EACA,mBAAA;EACA,WAAA;EACA,WAAA;CAMA;;AAJA;;MACA,mCAAA;cAAA,2BAAA;KACA;;AAIA;EACA,YAAA;EACA,aAAA;EACA,gBAAA;EACA,iCAAA;CACA;;AALA;EACA,YAAA;EACA,aAAA;EACA,gBAAA;EACA,iCAAA;CACA;;AAEA;EACA,mBAAA;EACA,cAAA;EACA,+BAAA;EACA,oBAAA;EACA,kBAAA;EACA,iBAAA;EACA,eAAA;EACA,eAAA;CAIA;;AAHA;IACA,wBAAA;GACA;AAEA;EACA,cAAA;EACA,gBAAA;EACA,iBAAA;EACA,mCAAA;EACA,2BAAA;CAMA;AALA;IACA,gBAAA;IACA,kBAAA;IACA,eAAA;GACA;AAEA;EACA,iBAAA;CACA;;AC/EA;;EAEA;;AAEA;;;;;;;;EAQA;AACA;EACA,kBAAA;EACA,cAAA;EACA,iBAAA;EACA,0BAAA;EACA,aAAA;EACA,cAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;CACA;AACA;EACA,mBAAA;EACA,YAAA;EACA,aAAA;EACA,UAAA;EACA,YAAA;EACA,aAAA;EACA,gBAAA;EACA,kBAAA;EACA,sBAAA;EACA,WAAA;CASA;AARA;IACA,WAAA;GACA;AACA;IACA,YAAA;IACA,aAAA;IACA,gBAAA;GACA;AAEA;EACA,gBAAA;EACA,YAAA;EACA,OAAA;EACA,UAAA;EACA,QAAA;EACA,SAAA;EACA,gCAAA;EACA,mBAAA;EACA,UAAA;CAcA;AAbA;IACA,sCAAA;GACA;AACA;IACA,mBAAA;IACA,YAAA;IACA,aAAA;IACA,gBAAA;GACA;AACA;IACA,oBAAA;IACA,WAAA;GACA;AClEA;;EAEA;;AAEA;;;;;;;;;;;EAWA;;AAEA;EACA,mBAAA;EACA,sBAAA;CACA;;;AAGA;;EAEA;;AAEA;EACA,cAAA;CACA;;;AAGA;;EAEA;;AAEA;EACA,eAAA;EACA,YAAA;EACA,aAAA;EACA,qBAAA;EACA,oBAAA;EACA,mBAAA;EACA,0BAAA;KAAA,uBAAA;MAAA,sBAAA;UAAA,iBAAA;CAwBA;;AAvBA;IACA,YAAA;IACA,eAAA;IACA,mBAAA;IACA,gBAAA;GACA;;AACA;IACA,YAAA;IACA,aAAA;IACA,0BAAA;IACA,sBAAA;IACA,wCAAA;GACA;;AACA;IACA,OAAA;IACA,QAAA;IACA,YAAA;IACA,aAAA;IACA,mBAAA;IACA,uBAAA;IACA,4BAAA;IACA,kDAAA;GACA;;AAGA;;EAEA;;AAGA;IACA,0BAAA;GACA;;AACA;IACA,WAAA;GACA;;;AAIA;;EAEA;AAEA;IACA,UAAA;GAOA;AANA;MACA,0BAAA;KACA;AACA;MACA,WAAA;KACA;AAGA;MACA,0BAAA;KACA;AACA;MACA,kBAAA;KACA;;AAIA;;EAEA;;AAEA;EACA,eAAA;CAuBA;;AAtBA;IACA,YAAA;GAOA;;AANA;MACA,0BAAA;KACA;;AACA;MACA,WAAA;KACA;;AAEA;IACA,aAAA;IACA,eAAA;GAUA;;AATA;MACA,0BAAA;MACA,gBAAA;KACA;;AACA;MACA,OAAA;MACA,kBAAA;MACA,kDAAA;KACA;;ACpIA;;EAEA;;AAEA;;;;;;;;EAQA;;AAEA;EACA,cAAA;EACA,gBAAA;CACA;AACA;EACA,mBAAA;EACA,kBAAA;EACA,oBAAA;EACA,mBAAA;CACA;AACA;EACA,uBAAA;EACA,cAAA;EACA,eAAA;EACA,oBAAA;EACA,gBAAA;EACA,sBAAA;EACA,qBAAA;CACA;AACA;EACA,4BAAA;CACA;AACA;EACA,+BAAA;CACA;AACA;;;;;;;;;;;;;EACA,uBAAA;EACA,eAAA;EACA,sBAAA;EACA,qBAAA;CACA;AACA;EACA,aAAA;EACA,cAAA;EACA,gBAAA;CACA;AACA;EACA,mBAAA;EACA,kBAAA;CACA;AACA;EACA,oBAAA;EACA,mBAAA;CACA;AACA;EACA,gBAAA;EACA,eAAA;CACA;AACA;EACA,oBAAA;EACA,mBAAA;CACA;AACA;EACA,oBAAA;EACA,mBAAA;CACA;AACA;EACA,gBAAA;EACA,eAAA;CACA;AACA;EACA,oBAAA;EACA,mBAAA;CACA;AACA;EACA,oBAAA;EACA,mBAAA;CACA;AACA;EACA,gBAAA;EACA,eAAA;CACA;AACA;EACA,oBAAA;EACA,mBAAA;CACA;AACA;EACA,oBAAA;EACA,mBAAA;CACA;AACA;EACA,iBAAA;EACA,gBAAA;CACA;AACA;EACA,oBAAA;CACA;AACA;EACA,qBAAA;CACA;AACA;EACA,iBAAA;CACA;AACA;EACA,qBAAA;CACA;AACA;EACA,qBAAA;CACA;AACA;EACA,iBAAA;CACA;AACA;EACA,qBAAA;CACA;AACA;EACA,qBAAA;CACA;AACA;EACA,iBAAA;CACA;AACA;EACA,qBAAA;CACA;AACA;EACA,qBAAA;CACA;AACA;EACA,4BAAA;EACA,kBAAA;CACA;AACA;EACA,wBAAA;EACA,mBAAA;CACA;AACA;EACA,0BAAA;EACA,gBAAA;CACA;AACA;EACA,wBAAA;CACA;AACA;EACA,oBAAA;CACA;AACA;EACA,sBAAA;CACA;AACA;EACA,8BAAA;CACA;AACA;EACA,+BAAA;CACA;AACA;EACA,UAAA;CACA;AACA;EACA,SAAA;CACA;;ACnKA;;EAEA;;AAEA;;;;;;;EAOA;;AAEA;EACA,YAAA;EACA,aAAA;EACA,gBAAA;EACA,kBAAA;EACA,sBAAA;EACA,uBAAA;EACA,WAAA;EACA,eAAA;CACA;;AAEA;EACA,YAAA;EACA,aAAA;CACA;;AAEA;EACA,YAAA;EACA,aAAA;CACA;;AChCA;;EAEA;;AAEA,aAAA;AACA;EACA,UAAA;CACA;AACA;EACA,eAAA;CACA;AACA;EACA,gBAAA;CACA;AACA;EACA,cAAA;CACA;AACA;EACA,iBAAA;CACA;AACA;EACA,wCAAA;CACA;AACA;EACA,wCAAA;CACA;AACA;EACA,wCAAA;CACA;AACA;EACA,kBAAA;CACA;AACA;EACA,wCAAA;CACA;AACA;EACA,wCAAA;CACA;AACA;EACA,wCAAA;CACA;AACA;EACA,4CAAA;CACA;AACA;EACA,uCAAA;CACA;AACA;EACA,uCAAA;CACA;AACA;EACA,uCAAA;CACA;AACA;EACA,iBAAA;CACA;AACA;EACA,uCAAA;CACA;AACA;EACA,uCAAA;CACA;AACA;EACA,uCAAA;CACA;AACA;EACA,2CAAA;CACA;AACA;EACA,sCAAA;CACA;AACA;EACA,sCAAA;CACA;AACA;EACA,sCAAA;CACA;AACA;EACA,gBAAA;CACA;AACA;EACA,sCAAA;CACA;AACA;EACA,sCAAA;CACA;AACA;EACA,sCAAA;CACA;AACA;EACA,0CAAA;CACA;AACA;EACA,yCAAA;CACA;AACA;EACA,yCAAA;CACA;AACA;EACA,yCAAA;CACA;AACA;EACA,mBAAA;CACA;AACA;EACA,yCAAA;CACA;AACA;EACA,yCAAA;CACA;AACA;EACA,yCAAA;CACA;AACA;EACA,6CAAA;CACA;;AAEA,cAAA;AACA;EACA,WAAA;CACA;AACA;EACA,gBAAA;CACA;AACA;EACA,iBAAA;CACA;AACA;EACA,eAAA;CACA;AACA;EACA,kBAAA;CACA;AACA;EACA,yCAAA;CACA;AACA;EACA,yCAAA;CACA;AACA;EACA,yCAAA;CACA;AACA;EACA,mBAAA;CACA;AACA;EACA,yCAAA;CACA;AACA;EACA,yCAAA;CACA;AACA;EACA,yCAAA;CACA;AACA;EACA,6CAAA;CACA;AACA;EACA,wCAAA;CACA;AACA;EACA,wCAAA;CACA;AACA;EACA,wCAAA;CACA;AACA;EACA,kBAAA;CACA;AACA;EACA,wCAAA;CACA;AACA;EACA,wCAAA;CACA;AACA;EACA,wCAAA;CACA;AACA;EACA,4CAAA;CACA;;;AAGA;EACA,uCAAA;CACA;AACA;EACA,uCAAA;CACA;AACA;EACA,uCAAA;CACA;AACA;EACA,iBAAA;CACA;AACA;EACA,uCAAA;CACA;AACA;EACA,uCAAA;CACA;AACA;EACA,uCAAA;CACA;AACA;EACA,2CAAA;CACA;AACA;EACA,0CAAA;CACA;AACA;EACA,0CAAA;CACA;AACA;EACA,0CAAA;CACA;AACA;EACA,oBAAA;CACA;AACA;EACA,0CAAA;CACA;AACA;EACA,0CAAA;CACA;AACA;EACA,0CAAA;CACA;AACA;EACA,8CAAA;CACA;;;AAGA;EACA,QAAA;CACA;AACA;EACA,UAAA;CACA;AACA;EACA,WAAA;CACA;;AAEA;EACA,SAAA;CACA;AACA;EACA,WAAA;CACA;AACA;EACA,YAAA;CACA;;AAEA;EACA,OAAA;CACA;AACA;EACA,SAAA;CACA;AACA;EACA,UAAA;CACA;;AAEA;EACA,UAAA;CACA;AACA;EACA,YAAA;CACA;AACA;EACA,aAAA;CACA;;AC/QA;;EAEA;;AAEA;EACA,aAAA;CACA;;AAEA;EACA,YAAA;CACA;;AAEA;EACA,mBAAA;CACA;;AAEA;EACA,iBAAA;CACA;;AAEA;EACA,kBAAA;CACA;;AAEA;EACA,YAAA;EACA,kBAAA;CACA;;AAEA;EACA,YAAA;CACA;;AAEA;EACA,aAAA;EACA,iBAAA;CACA;;AAEA;EACA,cAAA;EACA,oBAAA;CACA;;AAEA;EACA,cAAA;EACA,wBAAA;CACA;;AAEA;EACA,cAAA;EACA,oBAAA;EACA,wBAAA;EACA,uBAAA;CACA;;AAEA;EACA,cAAA;EACA,oBAAA;EACA,0BAAA;CACA;;AAEA;EACA,cAAA;EACA,oBAAA;EACA,4BAAA;CACA;;AAEA;EACA,cAAA;CACA;;AAEA;EACA,mBAAA;CACA;;AAEA;EACA,gBAAA;CACA;;AAEA;EACA,gBAAA;CACA;;AAEA;EACA,mBAAA;CACA;;AAEA;EACA,oBAAA;EACA,iBAAA;EACA,wBAAA;CACA","file":"vishnu.extensions.css","sourcesContent":["/*\n* Variables\n*/\n\n:root {\n  /* Typography */\n  --base-font-family: -apple-system, BlinkMacSystemFont, Avenir, \"Avenir Next\",\n    \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\",\n    \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n  --base-font-size: 1.6rem;\n  --base-line-height: 1.5;\n  --base-space-size: 16px;\n\n  /* Colours */\n  --primary-color: #8549b9;\n  --secondary-color: #a460e8;\n  --base-color: #fff;\n  --base-dark-color: #282828;\n  --base-info-color: #2c80ff;\n  --base-error-color: #f93838;\n  --base-success-color: #0dc222;\n  --base-warning-color: #f2ad00;\n  --base-light-color: #f0f0f0;\n  --base-border-color: #cfcfcf;\n  --base-text-color: #4c4c4c;\n  --base-label-color: #6f6f6f;\n\n  /* Transitions */\n  --transition: all 0.2s ease-in-out;\n\n  /* Shadows */\n  --base-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.0325);\n\n  /* Utils */\n  --base-radius: 4px;\n  --base-rounded-radius: 50%;\n\n  /* Toogle */\n  --toggle-transition-duration: 0.25s;\n  --toggle-transition-timing-function: ease;\n  --toggle-label-width: 48px;\n  --toggle-label-height: 24px;\n  --toggle-rail-width: 100%;\n  --toggle-rail-height: 100%;\n  --toggle-rail-background-color: var(--base-light-color);\n  --toggle-rail-border-radius: 9999em;\n  --toggle-rail-checked-background-color: var(--base-success-color);\n  --toggle-width: 24px;\n  --toggle-height: 24px;\n  --toggle-border-radius: 50%;\n  --toggle-background-color: #fff;\n  --toggle-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.0525);\n  --toggle-checked-left: 25px;\n\n  /* Spacing */\n--spacing-xxs:  var(--base-space-size / 6);\n--spacing-xs: var(--base-space-size / 4);\n--spacing-sm: var(--base-space-size / 2);\n--spacing-md: var(--base-space-size);\n--spacing-lg: var(--base-space-size + 4);\n--spacing-xl: var(--base-space-size + 6);\n--spacing-xxl: var(--base-space-size * 2);\n--spacing-xxxl: var(--base-space-size * 2 + 8);\n\n/* Responsive breakpoints */\n--responsive-sm: 25em;\n--responsive-md: 48em;\n--responsive-lg: 62em;\n--responsive-xl: 75em;\n\n}\n","/*\n* Responsive\n*/\n\n@custom-media --sm-viewport only screen and (max-width: var(--responsive-sm));\n@custom-media --md-viewport only screen and (max-width: var(--responsive-md));\n@custom-media --lg-viewport only screen and (max-width: var(--responsive-lg));\n@custom-media --xl-viewport only screen and (max-width: var(--responsive-xl));\n\n/*\n* Avatar\n*/\n\n@custom-selector :--avatar .avatar;\n@custom-selector :--avatar-primary .avatar.primary;\n@custom-selector :--avatar-outline .avatar.outline;\n@custom-selector :--avatar-small .avatar.small;\n@custom-selector :--avatar-large .avatar.large;\n\n/*\n* Chips\n*/\n\n@custom-selector :--chips .chips;\n@custom-selector :--chips-primary .chips.primary;\n@custom-selector :--chips-error .chips.error;\n@custom-selector :--chips-info .chips.info;\n@custom-selector :--chips-warning .chips.warning;\n@custom-selector :--chips-success .chips.success;\n@custom-selector :--chips-dark .chips.dark;\n@custom-selector :--chips-outline .chips.outline;\n@custom-selector :--chips-small .chips.small;\n@custom-selector :--chips-large .chips.large;\n\n/*\n* Alert\n*/\n\n@custom-selector :--alert .alert;\n@custom-selector :--placeholder .placeholder;\n@custom-selector :--info .info;\n@custom-selector :--error .error;\n@custom-selector :--warning .warning;\n@custom-selector :--success .success;\n@custom-selector :--rounded .rounded;\n@custom-selector :--close .close;\n\n/*\n* Dialog\n*/\n\n@custom-selector :--dialog .dialog;\n@custom-selector :--close .close;\n@custom-selector :--overlay .overlay;\n\n/*\n* Card\n*/\n\n@custom-selector :--card .card;\n@custom-selector :--header .card-header;\n@custom-selector :--footer .card-footer;\n@custom-selector :--title .card-title;\n@custom-selector :--content .card-content;\n\n/*\n* Icons\n*/\n\n@custom-selector :--icon .icon;\n@custom-selector :--icon-large .icon.lg;\n@custom-selector :--icon-small .icon.sm;\n\n/*\n * Grid\n*/\n\n@custom-selector :--all-cols-xs .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12;\n@custom-selector :--all-cols-sm .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12;\n@custom-selector :--all-cols-md .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12;\n@custom-selector :--all-cols-lg .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12;\n\n/*\n* Toggle\n*/\n\n@custom-selector :--toggle .toggle;\n@custom-selector :--toggle-label .toggle-label;\n@custom-selector :--toggle-activated .toggle.activated;\n@custom-selector :--toggle-disabled .toggle.disabled;\n@custom-selector :--toggle-checked .toggle-input:checked + .toggle-label;\n@custom-selector :--toggle-input .toggle-input;\n\n/*\n* Collapse\n*/\n\n@custom-selector :--collapse .collapse;\n@custom-selector :--collapse-content .collapse-content;\n@custom-selector :--collapse-content-checked .collapse input:checked ~ .collapse-content;\n@custom-selector :--collapse-item .collapse-item;\n@custom-selector :--collapse-input .collapse input;\n@custom-selector :--collapse-label .collapse label;\n@custom-selector :--collapse-icon-left .icon.left;\n@custom-selector :--collapse-icon-right .icon.right;\n","/*\n* Alert\n*/\n\n/*\n*\n* @ custom-properties\n* :--alert .alert;\n* :--close .close;\n* :--info .info;\n* :--error .error;\n* :--warning .warning;\n* :--rounded .rounded;\n* :--placeholder .placeholder;\n*\n*/\n:--alert {\n  position: relative;\n  padding: 8px 20px;\n  margin-bottom: 15px;\n  background: transparent;\n  color: var(--base-text-color);\n  border-radius: var(--base-radius);\n  transition: var(--transition);\n  border: 1px solid var(--base-border-color);\n  display: flex;\n  justify-content: flex-start;\n  flex-direction: column;\n  & .title,\n  & .description {\n    margin: 0;\n  }\n  & .title {\n    padding-right: 20px;\n  }\n}\n:--alert :--close {\n  position: absolute;\n  right: 5px;\n  top: 5px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 0;\n  width: 28px;\n  height: 28px;\n  min-height: 28px;\n  font-size: 1.3rem;\n  background: transparent;\n  border-radius: var(--base-rounded-radius);\n  color: var(--base-dark-color);\n  & .icon {\n    width: 24px;\n    height: 24px;\n    & path {\n      fill: var(--base-text-color);\n    }\n\n    & circle {\n      stroke: var(--base-text-color);\n      stroke-width: 1;\n    }\n  }\n}\n:--alert:--info {\n  background: color-mod(var(--base-info-color) alpha(5%));\n  border-color: color-mod(var(--base-info-color) alpha(50%));\n  color: var(--base-info-color);\n  &:before {\n    color: var(--base-info-color);\n  }\n  & .description {\n    color: color-mod(var(--base-info-color) alpha(60%));\n  }\n  & .close {\n    & .icon {\n      & path {\n        fill: var(--primary-color);\n      }\n\n      & circle {\n        stroke: var(--primary-color);\n        stroke-width: 1;\n      }\n    }\n  }\n}\n:--alert:--warning {\n  background: color-mod(var(--base-warning-color) alpha(5%));\n  border-color: color-mod(var(--base-warning-color) alpha(50%));\n  color: var(--base-warning-color);\n  &:before {\n    color: var(--base-warning-color);\n  }\n  & .description {\n    color: color-mod(var(--base-warning-color) alpha(60%));\n  }\n  & .close {\n    border-color: transparent;\n    background: color-mod(var(--base-warning-color) alpha(50%));\n    color: #fff;\n  }\n}\n:--alert:--error {\n  background: color-mod(var(--base-error-color) alpha(5%));\n  border-color: color-mod(var(--base-error-color) alpha(50%));\n  color: var(--base-error-color);\n  & .close {\n    & .icon {\n      & path {\n        fill: var(--base-error-color);\n      }\n\n      & circle {\n        stroke: var(--base-error-color);\n        stroke-width: 1;\n      }\n    }\n  }\n  & .description {\n    color: color-mod(var(--base-error-color) alpha(60%));\n  }\n}\n:--alert:--success {\n  background: color-mod(var(--base-success-color) alpha(5%));\n  border-color: color-mod(var(--base-success-color) alpha(10%));\n  color: var(--base-success-color);\n  & .close {\n    border-color: transparent;\n    & .icon {\n      & path {\n        fill: var(--base-success-color);\n      }\n\n      & circle {\n        stroke: var(--base-success-color);\n        stroke-width: 1;\n      }\n    }\n  }\n  & .description {\n    color: color-mod(var(--base-success-color) alpha(60%));\n  }\n}\n:--alert:--rounded {\n  border-radius: 4rem;\n  padding-left: 30px;\n  padding-right: 30px;\n  & .close {\n    top: 50%;\n    margin-top: -16px;\n    right: 14px;\n  }\n}\n\n/* Placeholder */\n:--placeholder {\n  border: 2px dashed var(--base-light-color);\n  background: color-mod(var(--base-color) alpha(15%));\n}\n","/*\n* Avatar\n*/\n\n/*\n*\n* @ custom-properties\n* :--avatar .avatar;\n* :--avatar-primary .avatar.primary;\n* :--avatar-outline .avatar.outline;\n* :--avatar-small .avatar.small;\n* :--avatar-large .avatar.large;\n*\n*/\n\n:--avatar {\n  width: 42px;\n  height: 42px;\n  max-width: 42px;\n  min-width: 42px;\n  flex-basis: 42px;\n  background: #f1f1f1;\n  border-radius: 50%;\n  line-height: normal;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 700;\n  color: var(--base-dark-color);\n}\n:--avatar-primary {\n  background: var(--primary-color);\n  color: #fff;\n  &.outline {\n    background: transparent;\n    border-color: var(--primary-color);\n    color: var(--primary-color);\n  }\n}\n:--avatar-outline {\n  background: transparent;\n  border: 1px solid var(--base-dark-color);\n}\n:--avatar-small {\n  width: 32px;\n  height: 32px;\n  max-width: 32px;\n  min-width: 32px;\n  flex-basis: 32px;\n}\n:--avatar-large {\n  width: 62px;\n  height: 62px;\n  max-width: 62px;\n  min-width: 62px;\n  flex-basis: 62px;\n}\n","/*\n* Chips\n*/\n\n/*\n*\n* @ custom-properties\n* :--chips .chips;\n* :--chips-outline .outline;\n* :--chips-large .large;\n* :--chips-small .small;\n* :--chips-primary .primary;\n* :--chips-info .info;\n* :--chips-success .success;\n* :--chips-error .error;\n* :--chips-dark .dark;\n* :--chips-warning .warning;\n*\n*/\n\n:--chips {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  height: 28px;\n  border-radius: 50px;\n  background: #f2f2f2;\n  & .image {\n    border-radius: 50%;\n  }\n  & .icon {\n    width: 22px;\n    height: 22px;\n    margin-left: 8px;\n    margin-right: -8px;\n    &.right {\n      margin-right: 8px;\n      margin-left: -8px;\n    }\n  }\n  & .label {\n    font-size: 13px;\n    font-weight: 500;\n    padding: 0 12px;\n  }\n}\n\n:--chips-small {\n  height: 20px;\n  & img {\n    max-height: 20px;\n  }\n  & .label {\n    font-size: 12px;\n  }\n}\n\n:--chips-large {\n  height: 42px;\n  padding: 0 16px;\n  & img {\n    max-height: 42px;\n  }\n  & .label {\n    font-size: 16px;\n  }\n}\n\n:--chips-primary {\n  background: var(--primary-color);\n  & .label {\n    color: #fff;\n  }\n  & .icon {\n    stroke: #fff;\n  }\n}\n\n:--chips-error {\n  background: var(--base-error-color);\n  & .label {\n    color: #fff;\n  }\n  & .icon {\n    stroke: #fff;\n  }\n}\n\n:--chips-success {\n  background: var(--base-success-color);\n  & .label {\n    color: #fff;\n  }\n  & .icon {\n    stroke: #fff;\n  }\n}\n\n:--chips-info {\n  background: var(--base-info-color);\n  & .label {\n    color: #fff;\n  }\n  & .icon {\n    stroke: #fff;\n  }\n}\n\n:--chips-warning {\n  background: var(--base-warning-color);\n  & .label {\n    color: #fff;\n  }\n  & .icon {\n    stroke: #fff;\n  }\n}\n\n:--chips-dark {\n  background: rgba(0,0,0, .45);\n  & .label {\n    color: #fff;\n  }\n  & .icon {\n    stroke: #fff;\n  }\n}\n\n:--chips-outline {\n  background: transparent;\n  box-shadow: 0 0 0 1px var(--base-border-color);\n  &.icon {\n    stroke: var(--base-text-color);\n  }\n  &.primary {\n    box-shadow: 0 0 0 1px var(--primary-color);\n    & .icon {\n      stroke: var(--primary-color);\n    }\n    & .label {\n      color: var(--primary-color);\n    }\n  }\n  &.error {\n    box-shadow: 0 0 0 1px var(--base-error-color);\n    & .icon {\n      stroke: var(--base-error-color);\n    }\n    & .label {\n      color: var(--base-error-color);\n    }\n  }\n  &.success {\n    box-shadow: 0 0 0 1px var(--base-success-color);\n    & .icon {\n      stroke: var(--base-success-color);\n    }\n    & .label {\n      color: var(--base-success-color);\n    }\n  }\n  &.info {\n    box-shadow: 0 0 0 1px var(--base-info-color);\n    & .icon {\n      stroke: var(--base-info-color);\n    }\n    & .label {\n      color: var(--base-info-color);\n    }\n  }\n  &.warning {\n    box-shadow: 0 0 0 1px var(--base-warning-color);\n    & .icon {\n      stroke: var(--base-warning-color);\n    }\n    & .label {\n      color: var(--base-warning-color);\n    }\n  }\n}","/*\n* Card\n*/\n\n/*\n*\n* @ custom-properties\n* :--card .card;\n* :--header .card-header;\n* :--footer .card-footer;\n* :--content .card-content;\n*\n*/\n\n:--card {\n  border: 1px solid var(--base-light-color);\n  background: #fff;\n  border-radius: var(--base-radius);\n}\n:--card :--header, :--card :--footer {\n  position: relative;\n  background: color-mod(var(--base-color) alpha(30%));\n  padding: 10px;\n  display: flex;\n}\n:--card :--header {\n  border-bottom: 1px solid var(--base-light-color);\n}\n:--card :--footer {\n  border-top: 1px solid var(--base-light-color);\n}\n:--card :--title {\n  margin: 0;\n}\n:--card :--content {\n  padding: 15px 10px;\n}\n","/*\n* Collapse\n*/\n\n/*\n*\n* @ custom-properties\n* :--collapse .collapse;\n* :--collapse-content .collapse-content;\n* :--collapse-content-checked .collapse-content-checked;\n* :--collapse-item .collapse-item;\n* :--collapse-input .collapse-input;\n* :--collapse-label .collapse-label;\n* :--collapse-icon-right-left .icon.left;\n* :--collapse-icon-right .icon.right;\n*\n*/\n\n:--collapse {\n  width: 100%;\n  & :--collapse-item {\n    position: relative;\n    margin-bottom: 2px;\n    width: 100%;\n    color: var(--base-dark-color);\n    overflow: hidden;\n    border: 1px solid var(--base-light-color);\n    transition: var(--transition);\n    &:hover {\n      border-color: var(--primary-color);\n    }\n  }\n}\n\n:--collapse-input {\n  position: absolute;\n  opacity: 0;\n  z-index: -1;\n  &:checked ~ label {\n    & :--collapse-icon-right, & :--collapse-icon-left {\n      transform: rotate(-180deg);\n    }\n  }\n}\n\n:--collapse-icon-right, :--collapse-icon-left {\n  width: 22px;\n  height: 22px;\n  stroke: var(--base-dark-color);\n  transition: var(--transition);\n}\n\n:--collapse-label {\n  position: relative;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 6px 15px;\n  font-weight: 500;\n  line-height: 3;\n  cursor: pointer;\n  &:hover {\n    background: transparent;\n  }\n}\n:--collapse-content {\n  max-height: 0;\n  padding: 0 15px;\n  overflow: hidden;\n  background: rgba(255, 255, 255, 1);\n  transition: max-height .25s;\n  & p {\n    font-size: 14px;\n    line-height: 16px;\n    margin: 10px 0;\n  }\n}\n:--collapse-content-checked {\n  max-height: 10em;\n}\n","/*\n* Dialog\n*/\n\n/*\n*\n* @ custom-properties\n* :--dialog .dialog;\n* :--close .close;\n* :--light .light;\n* :--overlay .overlay;\n*\n*/\n:--dialog {\n  margin: 45px auto;\n  padding: 20px;\n  background: #fff;\n  border: 1px solid var(--base-border-color);\n  width: 480px;\n  height: 320px;\n  z-index: 100;\n  position: relative;\n  border-radius: var(--base-radius);\n}\n:--dialog :--close {\n  position: absolute;\n  width: 20px;\n  height: 20px;\n  top: 20px;\n  right: 20px;\n  opacity: 0.8;\n  font-size: 24px;\n  font-weight: bold;\n  text-decoration: none;\n  color: #666;\n  &:hover {\n    opacity: 1;\n  }\n  & .icon {\n    width: 20px;\n    height: 20px;\n    stroke: var(--base-text-color);\n  }\n}\n:--overlay {\n  position: fixed;\n  z-index: 90;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background: rgba(0, 0, 0, 0.88);\n  visibility: hidden;\n  opacity: 0;\n  &.light {\n    background: rgba(255, 255, 255, 0.92);\n  }\n  & .cancel {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    cursor: default;\n  }\n  &:target {\n    visibility: visible;\n    opacity: 1;\n  }\n}","/*\n* Toggle\n*/\n\n/*\n*\n* @ custom-properties\n* :--toggle .toggle;\n* :--toggle-small .toggle.small;\n* :--toggle-label .toggle-label;\n* :--toggle-activated .toggle.activated;\n* :--toggle-disabled .toggle.disabled;\n* :--toggle-checked .toggle-input:checked + .toggle-label;\n* :--toggle-input .toggle-input;\n*\n*/\n\n:--toggle {\n  position: relative;\n  display: inline-block;\n}\n\n\n/*\n* Hide input\n*/\n\n:--toggle-input {\n  display: none;\n}\n\n\n/*\n* Toggle Label\n*/\n\n:--toggle-label {\n  display: block;\n  width: var(--toggle-label-width);\n  height: var(--toggle-label-height);\n  text-indent: -9999px;\n  clip: rect(0 0 0 0);\n  color: transparent;\n  user-select: none;\n  &:before, &:after {\n    content: \"\";\n    display: block;\n    position: absolute;\n    cursor: pointer;\n  }\n  &:before {\n    width: var(--toggle-rail-width);\n    height: var(--toggle-rail-height);\n    background-color: var(--toggle-rail-background-color);\n    border-radius: var(--toggle-rail-border-radius);\n    transition: background-color var(--toggle-transition-duration) var(--toggle-transition-timing-function);\n  }\n  &:after {\n    top: 0;\n    left: 0;\n    width: var(--toggle-width);\n    height: var(--toggle-height);\n    border-radius: var(--toggle-border-radius);\n    background-color: var(--toggle-background-color);\n    transition: left var(--toggle-transition-duration) var(--toggle-transition-timing-function);\n    box-shadow: var(--toggle-box-shadow);\n  }\n}\n\n/*\n* Toggle checked\n*/\n\n:--toggle-checked {\n  &:before {\n    background-color: var(--toggle-rail-checked-background-color);\n  }\n  &:after {\n    left: var(--toggle-checked-left);\n  }\n}\n\n\n/*\n* Toggle activated\n*/\n:--toggle-activated {\n  & :--toggle-label {\n    opacity: 1;\n    &:before {\n      background-color: var(--base-success-color);\n    }\n    &:after {\n      left: 24px;\n    }\n  }\n  & :--toggle-checked {\n    &:before {\n      background-color: var(--toggle-rail-background-color);\n    }\n    &:after {\n      left: 0!important;\n    }\n  }\n}\n\n/*\n* Toggle disabled\n*/\n\n:--toggle-disabled {\n  cursor: default;\n  & :--toggle-checked {\n    opacity: 0.7;\n    &:before {\n      background-color: var(--toggle-rail-background-color);\n    }\n    &:after {\n      left: var(--toggle-checked-left);\n    }\n  }\n  & :--toggle-label {\n    opacity: 0.7;\n    cursor: default;\n    &:before {\n      background-color: var(--toggle-rail-background-color);\n      cursor: default;\n    }\n    &:after {\n      top: 0;\n      left: 0!important;\n      box-shadow: var(--toggle-box-shadow);\n    }\n  }\n}\n","/*\n * Grid\n*/\n\n/*\n*\n* @ custom-properties\n* :--all-cols-xs .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12;\n* :--all-cols-sm .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12;\n* :--all-cols-md .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12;\n* :--all-cols-lg .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12;\n*\n*/\n\n.flex {\n  display: flex;\n  flex-wrap: wrap;\n}\n.container-fluid {\n  margin-right: auto;\n  margin-left: auto;\n  padding-right: 2rem;\n  padding-left: 2rem;\n}\n.row {\n  box-sizing: border-box;\n  display: flex;\n  flex: 0 1 auto;\n  flex-direction: row;\n  flex-wrap: wrap;\n  margin-right: -0.5rem;\n  margin-left: -0.5rem;\n}\n.row.reverse {\n  flex-direction: row-reverse;\n}\n.col.reverse {\n  flex-direction: column-reverse;\n}\n:--all-cols-xs {\n  box-sizing: border-box;\n  flex: 0 0 auto;\n  padding-right: 0.5rem;\n  padding-left: 0.5rem;\n}\n.col-xs {\n  flex-grow: 1;\n  flex-basis: 0;\n  max-width: 100%;\n}\n.col-xs-1 {\n  flex-basis: 8.333%;\n  max-width: 8.333%;\n}\n.col-xs-2 {\n  flex-basis: 16.667%;\n  max-width: 16.667%;\n}\n.col-xs-3 {\n  flex-basis: 25%;\n  max-width: 25%;\n}\n.col-xs-4 {\n  flex-basis: 33.333%;\n  max-width: 33.333%;\n}\n.col-xs-5 {\n  flex-basis: 41.667%;\n  max-width: 41.667%;\n}\n.col-xs-6 {\n  flex-basis: 50%;\n  max-width: 50%;\n}\n.col-xs-7 {\n  flex-basis: 58.333%;\n  max-width: 58.333%;\n}\n.col-xs-8 {\n  flex-basis: 66.667%;\n  max-width: 66.667%;\n}\n.col-xs-9 {\n  flex-basis: 75%;\n  max-width: 75%;\n}\n.col-xs-10 {\n  flex-basis: 83.333%;\n  max-width: 83.333%;\n}\n.col-xs-11 {\n  flex-basis: 91.667%;\n  max-width: 91.667%;\n}\n.col-xs-12 {\n  flex-basis: 100%;\n  max-width: 100%;\n}\n.col-xs-offset-1 {\n  margin-left: 8.333%;\n}\n.col-xs-offset-2 {\n  margin-left: 16.667%;\n}\n.col-xs-offset-3 {\n  margin-left: 25%;\n}\n.col-xs-offset-4 {\n  margin-left: 33.333%;\n}\n.col-xs-offset-5 {\n  margin-left: 41.667%;\n}\n.col-xs-offset-6 {\n  margin-left: 50%;\n}\n.col-xs-offset-7 {\n  margin-left: 58.333%;\n}\n.col-xs-offset-8 {\n  margin-left: 66.667%;\n}\n.col-xs-offset-9 {\n  margin-left: 75%;\n}\n.col-xs-offset-10 {\n  margin-left: 83.333%;\n}\n.col-xs-offset-11 {\n  margin-left: 91.667%;\n}\n.start-xs {\n  justify-content: flex-start;\n  text-align: start;\n}\n.center-xs {\n  justify-content: center;\n  text-align: center;\n}\n.end-xs {\n  justify-content: flex-end;\n  text-align: end;\n}\n.top-xs {\n  align-items: flex-start;\n}\n.middle-xs {\n  align-items: center;\n}\n.bottom-xs {\n  align-items: flex-end;\n}\n.around-xs {\n  justify-content: space-around;\n}\n.between-xs {\n  justify-content: space-between;\n}\n.first-xs {\n  order: -1;\n}\n.last-xs {\n  order: 1;\n}\n@media (--md-viewport) {\n  :--all-cols-sm {\n    box-sizing: border-box;\n    flex: 0 0 auto;\n    padding-right: 0.5rem;\n    padding-left: 0.5rem;\n  }\n  .col-sm {\n    flex-grow: 1;\n    flex-basis: 0;\n    max-width: 100%;\n  }\n  .col-sm-1 {\n    flex-basis: 8.333%;\n    max-width: 8.333%;\n  }\n  .col-sm-2 {\n    flex-basis: 16.667%;\n    max-width: 16.667%;\n  }\n  .col-sm-3 {\n    flex-basis: 25%;\n    max-width: 25%;\n  }\n  .col-sm-4 {\n    flex-basis: 33.333%;\n    max-width: 33.333%;\n  }\n  .col-sm-5 {\n    flex-basis: 41.667%;\n    max-width: 41.667%;\n  }\n  .col-sm-6 {\n    flex-basis: 50%;\n    max-width: 50%;\n  }\n  .col-sm-7 {\n    flex-basis: 58.333%;\n    max-width: 58.333%;\n  }\n  .col-sm-8 {\n    flex-basis: 66.667%;\n    max-width: 66.667%;\n  }\n  .col-sm-9 {\n    flex-basis: 75%;\n    max-width: 75%;\n  }\n  .col-sm-10 {\n    flex-basis: 83.333%;\n    max-width: 83.333%;\n  }\n  .col-sm-11 {\n    flex-basis: 91.667%;\n    max-width: 91.667%;\n  }\n  .col-sm-12 {\n    flex-basis: 100%;\n    max-width: 100%;\n  }\n  .col-sm-offset-1 {\n    margin-left: 8.333%;\n  }\n  .col-sm-offset-2 {\n    margin-left: 16.667%;\n  }\n  .col-sm-offset-3 {\n    margin-left: 25%;\n  }\n  .col-sm-offset-4 {\n    margin-left: 33.333%;\n  }\n  .col-sm-offset-5 {\n    margin-left: 41.667%;\n  }\n  .col-sm-offset-6 {\n    margin-left: 50%;\n  }\n  .col-sm-offset-7 {\n    margin-left: 58.333%;\n  }\n  .col-sm-offset-8 {\n    margin-left: 66.667%;\n  }\n  .col-sm-offset-9 {\n    margin-left: 75%;\n  }\n  .col-sm-offset-10 {\n    margin-left: 83.333%;\n  }\n  .col-sm-offset-11 {\n    margin-left: 91.667%;\n  }\n  .start-sm {\n    justify-content: flex-start;\n    text-align: start;\n  }\n  .center-sm {\n    justify-content: center;\n    text-align: center;\n  }\n  .end-sm {\n    justify-content: flex-end;\n    text-align: end;\n  }\n  .top-sm {\n    align-items: flex-start;\n  }\n  .middle-sm {\n    align-items: center;\n  }\n  .bottom-sm {\n    align-items: flex-end;\n  }\n  .around-sm {\n    justify-content: space-around;\n  }\n  .between-sm {\n    justify-content: space-between;\n  }\n  .first-sm {\n    order: -1;\n  }\n  .last-sm {\n    order: 1;\n  }\n}\n@media (--lg-viewport) {\n  :--all-cols-md {\n    box-sizing: border-box;\n    flex: 0 0 auto;\n    padding-right: 0.5rem;\n    padding-left: 0.5rem;\n  }\n  .col-md {\n    flex-grow: 1;\n    flex-basis: 0;\n    max-width: 100%;\n  }\n  .col-md-1 {\n    flex-basis: 8.333%;\n    max-width: 8.333%;\n  }\n  .col-md-2 {\n    flex-basis: 16.667%;\n    max-width: 16.667%;\n  }\n  .col-md-3 {\n    flex-basis: 25%;\n    max-width: 25%;\n  }\n  .col-md-4 {\n    flex-basis: 33.333%;\n    max-width: 33.333%;\n  }\n  .col-md-5 {\n    flex-basis: 41.667%;\n    max-width: 41.667%;\n  }\n  .col-md-6 {\n    flex-basis: 50%;\n    max-width: 50%;\n  }\n  .col-md-7 {\n    flex-basis: 58.333%;\n    max-width: 58.333%;\n  }\n  .col-md-8 {\n    flex-basis: 66.667%;\n    max-width: 66.667%;\n  }\n  .col-md-9 {\n    flex-basis: 75%;\n    max-width: 75%;\n  }\n  .col-md-10 {\n    flex-basis: 83.333%;\n    max-width: 83.333%;\n  }\n  .col-md-11 {\n    flex-basis: 91.667%;\n    max-width: 91.667%;\n  }\n  .col-md-12 {\n    flex-basis: 100%;\n    max-width: 100%;\n  }\n  .col-md-offset-1 {\n    margin-left: 8.333%;\n  }\n  .col-md-offset-2 {\n    margin-left: 16.667%;\n  }\n  .col-md-offset-3 {\n    margin-left: 25%;\n  }\n  .col-md-offset-4 {\n    margin-left: 33.333%;\n  }\n  .col-md-offset-5 {\n    margin-left: 41.667%;\n  }\n  .col-md-offset-6 {\n    margin-left: 50%;\n  }\n  .col-md-offset-7 {\n    margin-left: 58.333%;\n  }\n  .col-md-offset-8 {\n    margin-left: 66.667%;\n  }\n  .col-md-offset-9 {\n    margin-left: 75%;\n  }\n  .col-md-offset-10 {\n    margin-left: 83.333%;\n  }\n  .col-md-offset-11 {\n    margin-left: 91.667%;\n  }\n  .start-md {\n    justify-content: flex-start;\n    text-align: start;\n  }\n  .center-md {\n    justify-content: center;\n    text-align: center;\n  }\n  .end-md {\n    justify-content: flex-end;\n    text-align: end;\n  }\n  .top-md {\n    align-items: flex-start;\n  }\n  .middle-md {\n    align-items: center;\n  }\n  .bottom-md {\n    align-items: flex-end;\n  }\n  .around-md {\n    justify-content: space-around;\n  }\n  .between-md {\n    justify-content: space-between;\n  }\n  .first-md {\n    order: -1;\n  }\n  .last-md {\n    order: 1;\n  }\n}\n@media (--lg-large-viewport) {\n  :--all-cols-lg {\n    box-sizing: border-box;\n    flex: 0 0 auto;\n    padding-right: 0.5rem;\n    padding-left: 0.5rem;\n  }\n  .col-lg {\n    flex-grow: 1;\n    flex-basis: 0;\n    max-width: 100%;\n  }\n  .col-lg-1 {\n    flex-basis: 8.333%;\n    max-width: 8.333%;\n  }\n  .col-lg-2 {\n    flex-basis: 16.667%;\n    max-width: 16.667%;\n  }\n  .col-lg-3 {\n    flex-basis: 25%;\n    max-width: 25%;\n  }\n  .col-lg-4 {\n    flex-basis: 33.333%;\n    max-width: 33.333%;\n  }\n  .col-lg-5 {\n    flex-basis: 41.667%;\n    max-width: 41.667%;\n  }\n  .col-lg-6 {\n    flex-basis: 50%;\n    max-width: 50%;\n  }\n  .col-lg-7 {\n    flex-basis: 58.333%;\n    max-width: 58.333%;\n  }\n  .col-lg-8 {\n    flex-basis: 66.667%;\n    max-width: 66.667%;\n  }\n  .col-lg-9 {\n    flex-basis: 75%;\n    max-width: 75%;\n  }\n  .col-lg-10 {\n    flex-basis: 83.333%;\n    max-width: 83.333%;\n  }\n  .col-lg-11 {\n    flex-basis: 91.667%;\n    max-width: 91.667%;\n  }\n  .col-lg-12 {\n    flex-basis: 100%;\n    max-width: 100%;\n  }\n  .col-lg-offset-1 {\n    margin-left: 8.333%;\n  }\n  .col-lg-offset-2 {\n    margin-left: 16.667%;\n  }\n  .col-lg-offset-3 {\n    margin-left: 25%;\n  }\n  .col-lg-offset-4 {\n    margin-left: 33.333%;\n  }\n  .col-lg-offset-5 {\n    margin-left: 41.667%;\n  }\n  .col-lg-offset-6 {\n    margin-left: 50%;\n  }\n  .col-lg-offset-7 {\n    margin-left: 58.333%;\n  }\n  .col-lg-offset-8 {\n    margin-left: 66.667%;\n  }\n  .col-lg-offset-9 {\n    margin-left: 75%;\n  }\n  .col-lg-offset-10 {\n    margin-left: 83.333%;\n  }\n  .col-lg-offset-11 {\n    margin-left: 91.667%;\n  }\n  .start-lg {\n    justify-content: flex-start;\n    text-align: start;\n  }\n  .center-lg {\n    justify-content: center;\n    text-align: center;\n  }\n  .end-lg {\n    justify-content: flex-end;\n    text-align: end;\n  }\n  .top-lg {\n    align-items: flex-start;\n  }\n  .middle-lg {\n    align-items: center;\n  }\n  .bottom-lg {\n    align-items: flex-end;\n  }\n  .around-lg {\n    justify-content: space-around;\n  }\n  .between-lg {\n    justify-content: space-between;\n  }\n  .first-lg {\n    order: -1;\n  }\n  .last-lg {\n    order: 1;\n  }\n}\n","/*\n* Icons\n*/\n\n/*\n*\n* @ custom-properties\n* :--icon .icon;\n* :--icon-large .icon.lg;\n* :--icon-small .icon.sm;\n*\n*/\n\n:--icon {\n  width: 32px;\n  height: 32px;\n  stroke: var(--primary-color);\n  stroke-width: 1.5;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  fill: none;\n  color: var(--primary-color);\n}\n\n:--icon-large {\n  width: 52px;\n  height: 52px;\n}\n\n:--icon-small {\n  width: 20px;\n  height: 20px;\n}\n","/*\n * Spacing\n*/\n\n/* Margins */\n.m-0 {\n  margin: 0;\n}\n.ml-0 {\n  margin-left: 0;\n}\n.mr-0 {\n  margin-right: 0;\n}\n.mt-0 {\n  margin-top: 0;\n}\n.mb-0 {\n  margin-bottom: 0;\n}\n.mr-1 {\n  margin-right: var(--spacing-xxs)\n}\n.mr-2 {\n  margin-right: var(--spacing-xs)\n}\n.mr-3 {\n  margin-right: var(--spacing-sm)\n}\n.mr-4 {\n  margin-right: var(--spacing-md)\n}\n.mr-5 {\n  margin-right: var(--spacing-lg)\n}\n.mr-6 {\n  margin-right: var(--spacing-xl)\n}\n.mr-7 {\n  margin-right: var(--spacing-xxl)\n}\n.mr-8 {\n  margin-right: var(--spacing-xxxl)\n}\n.ml-1 {\n  margin-left: var(--spacing-xxs)\n}\n.ml-2 {\n  margin-left: var(--spacing-xs)\n}\n.ml-3 {\n  margin-left: var(--spacing-sm)\n}\n.ml-4 {\n  margin-left: var(--spacing-md)\n}\n.ml-5 {\n  margin-left: var(--spacing-lg)\n}\n.ml-6 {\n  margin-left: var(--spacing-xl)\n}\n.ml-7 {\n  margin-left: var(--spacing-xxl)\n}\n.ml-8 {\n  margin-left: var(--spacing-xxxl)\n}\n.mt-1 {\n  margin-top: var(--spacing-xxs)\n}\n.mt-2 {\n  margin-top: var(--spacing-xs)\n}\n.mt-3 {\n  margin-top: var(--spacing-sm)\n}\n.mt-4 {\n  margin-top: var(--spacing-md)\n}\n.mt-5 {\n  margin-top: var(--spacing-lg)\n}\n.mt-6 {\n  margin-top: var(--spacing-xl)\n}\n.mt-7 {\n  margin-top: var(--spacing-xxl)\n}\n.mt-8 {\n  margin-top: var(--spacing-xxxl)\n}\n.mb-1 {\n  margin-bottom: var(--spacing-xxs)\n}\n.mb-2 {\n  margin-bottom: var(--spacing-xs)\n}\n.mb-3 {\n  margin-bottom: var(--spacing-sm)\n}\n.mb-4 {\n  margin-bottom: var(--spacing-md)\n}\n.mb-5 {\n  margin-bottom: var(--spacing-lg)\n}\n.mb-6 {\n  margin-bottom: var(--spacing-xl)\n}\n.mb-7 {\n  margin-bottom: var(--spacing-xxl)\n}\n.mb-8 {\n  margin-bottom: var(--spacing-xxxl)\n}\n\n/* Paddings */\n.p-0 {\n  padding: 0;\n}\n.pl-0 {\n  padding-left: 0;\n}\n.pr-0 {\n  padding-right: 0;\n}\n.pt-0 {\n  padding-top: 0;\n}\n.pb-0 {\n  padding-bottom: 0;\n}\n.pr-1 {\n  padding-right: var(--spacing-xxs)\n}\n.pr-2 {\n  padding-right: var(--spacing-xs)\n}\n.pr-3 {\n  padding-right: var(--spacing-sm)\n}\n.pr-4 {\n  padding-right: var(--spacing-md)\n}\n.pr-5 {\n  padding-right: var(--spacing-lg)\n}\n.pr-6 {\n  padding-right: var(--spacing-xl)\n}\n.pr-7 {\n  padding-right: var(--spacing-xxl)\n}\n.pr-8 {\n  padding-right: var(--spacing-xxxl)\n}\n.pl-1 {\n  padding-left: var(--spacing-xxs)\n}\n.pl-2 {\n  padding-left: var(--spacing-xs)\n}\n.pl-3 {\n  padding-left: var(--spacing-sm)\n}\n.pl-4 {\n  padding-left: var(--spacing-md)\n}\n.pl-5 {\n  padding-left: var(--spacing-lg)\n}\n.pl-6 {\n  padding-left: var(--spacing-xl)\n}\n.pl-7 {\n  padding-left: var(--spacing-xxl)\n}\n.pl-8 {\n  padding-left: var(--spacing-xxxl)\n}\n\n\n.pt-1 {\n  padding-top: var(--spacing-xxs)\n}\n.pt-2 {\n  padding-top: var(--spacing-xs)\n}\n.pt-3 {\n  padding-top: var(--spacing-sm)\n}\n.pt-4 {\n  padding-top: var(--spacing-md)\n}\n.pt-5 {\n  padding-top: var(--spacing-lg)\n}\n.pt-6 {\n  padding-top: var(--spacing-xl)\n}\n.pt-7 {\n  padding-top: var(--spacing-xxl)\n}\n.pt-8 {\n  padding-top: var(--spacing-xxxl)\n}\n.pb-1 {\n  padding-bottom: var(--spacing-xxs)\n}\n.pb-2 {\n  padding-bottom: var(--spacing-xs)\n}\n.pb-3 {\n  padding-bottom: var(--spacing-sm)\n}\n.pb-4 {\n  padding-bottom: var(--spacing-md)\n}\n.pb-5 {\n  padding-bottom: var(--spacing-lg)\n}\n.pb-6 {\n  padding-bottom: var(--spacing-xl)\n}\n.pb-7 {\n  padding-bottom: var(--spacing-xxl)\n}\n.pb-8 {\n  padding-bottom: var(--spacing-xxxl)\n}\n\n\n.left-0 {\n  left: 0;\n}\n.left-50 {\n  left: 50%;\n}\n.left-50-offset {\n  left: -50%;\n}\n\n.right-0 {\n  right: 0;\n}\n.right-50 {\n  right: 50%;\n}\n.right-50-offset {\n  right: -50%;\n}\n\n.top-0 {\n  top: 0;\n}\n.top-50 {\n  top: 50%;\n}\n.top-50-offset {\n  top: -50%;\n}\n\n.bottom-0 {\n  bottom: 0;\n}\n.bottom-50 {\n  bottom: 50%;\n}\n.bottom-50-offset {\n  bottom: -50%;\n}\n","/*\n * Utils\n*/\n\n.pull-right {\n  float: right;\n}\n\n.pull-left {\n  float: left;\n}\n\n.text-center {\n  text-align: center;\n}\n\n.text-left {\n  text-align: left;\n}\n\n.text-right {\n  text-align: right;\n}\n\n.full-screen {\n  width: 100%;\n  min-height: 100vh;\n}\n\n.full-width {\n  width: 100%;\n}\n\n.full-height {\n  height: 100%;\n  min-height: 100%;\n}\n\n.vertical-align {\n  display: flex;\n  align-items: center;\n}\n\n.horizontal-align {\n  display: flex;\n  justify-content: center;\n}\n\n.center {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n}\n\n.end {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n}\n\n.start {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n}\n\n.flex {\n  display: flex;\n}\n\n.absolute {\n  position: absolute;\n}\n\n.fixed {\n  position: fixed;\n}\n\n.wrap {\n  flex-wrap: wrap;\n}\n\n.relative {\n  position: relative;\n}\n\n.truncate {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["variables.css","customs.css","alert.css","avatar.css","chips.css","card.css","collapse.css","dialog.css","toggle.css","grid.css","icons.css","spacing.css","utils.css"],"names":[],"mappings":";;;;;;AAAA;;EAEA;;AAEA;EACA,gBAAA;;EAQA,aAAA;;EAcA,iBAAA;;EAGA,aAAA;;EAGA,WAAA;;EAIA,YAAA;;EAiBA,aAAA;;AAUA,4BAAA;;CAMA;;ACtEA;;EAEA;;AAOA;;EAEA;;AAQA;;EAEA;;AAaA;;EAEA;;AAWA;;EAEA;;AAMA;;EAEA;;AAQA;;EAEA;;AAMA;;EAEA;;AAOA;;EAEA;;AASA;;EAEA;;AC/FA;;EAEA;;AAEA;;;;;;;;;;;EAWA;AACA;EACA,mBAAA;EACA,kBAAA;EACA,oBAAA;EACA,wBAAA;EACA,eAAA;EACA,mBAAA;EACA,iCAAA;EACA,0BAAA;EACA,cAAA;EACA,4BAAA;EACA,sBAAA;CAQA;AAPA;;IAEA,UAAA;GACA;AACA;IACA,oBAAA;GACA;AAEA;EACA,mBAAA;EACA,WAAA;EACA,SAAA;EACA,cAAA;EACA,wBAAA;EACA,oBAAA;EACA,WAAA;EACA,YAAA;EACA,aAAA;EACA,iBAAA;EACA,kBAAA;EACA,wBAAA;EACA,mBAAA;EACA,cAAA;CAaA;AAZA;IACA,YAAA;IACA,YAAA;GASA;AARA;MACA,cAAA;KACA;AAEA;MACA,gBAAA;MACA,gBAAA;KACA;AAGA;EACA,qCAAA;EACA,sCAAA;EACA,cAAA;CAmBA;AAlBA;IACA,eAAA;GACA;AACA;IACA,+BAAA;GACA;AAGA;QACA,cAAA;OACA;AAEA;QACA,gBAAA;QACA,gBAAA;OACA;AAIA;EACA,oCAAA;EACA,qCAAA;EACA,cAAA;CAYA;AAXA;IACA,eAAA;GACA;AACA;IACA,8BAAA;GACA;AACA;IACA,0BAAA;IACA,mCAAA;IACA,YAAA;GACA;AAEA;EACA,oCAAA;EACA,qCAAA;EACA,cAAA;CAgBA;AAbA;QACA,cAAA;OACA;AAEA;QACA,gBAAA;QACA,gBAAA;OACA;AAGA;IACA,8BAAA;GACA;AAEA;EACA,oCAAA;EACA,qCAAA;EACA,cAAA;CAiBA;AAhBA;IACA,yBAAA;GAWA;AATA;QACA,cAAA;OACA;AAEA;QACA,gBAAA;QACA,gBAAA;OACA;AAGA;IACA,8BAAA;GACA;AAEA;EACA,oBAAA;EACA,mBAAA;EACA,mBAAA;CAMA;AALA;IACA,SAAA;IACA,kBAAA;IACA,YAAA;GACA;;AAGA,iBAAA;AACA;EACA,2BAAA;EACA,sCAAA;CACA;;AC/JA;;EAEA;;AAEA;;;;;;;;;EASA;;AAEA;EACA,YAAA;EACA,aAAA;EACA,gBAAA;EACA,gBAAA;EACA,iBAAA;EACA,oBAAA;EACA,mBAAA;EACA,oBAAA;EACA,iBAAA;EACA,cAAA;EACA,oBAAA;EACA,wBAAA;EACA,iBAAA;EACA,eAAA;CACA;AACA;EACA,oBAAA;EACA,WAAA;CAMA;AALA;IACA,wBAAA;IACA,sBAAA;IACA,eAAA;GACA;AAEA;EACA,wBAAA;EACA,0BAAA;CACA;AACA;EACA,YAAA;EACA,aAAA;EACA,gBAAA;EACA,gBAAA;EACA,iBAAA;CACA;AACA;EACA,YAAA;EACA,aAAA;EACA,gBAAA;EACA,gBAAA;EACA,iBAAA;CACA;;ACzDA;;EAEA;;AAEA;;;;;;;;;;;;;;EAcA;;AAEA;EACA,qBAAA;EACA,oBAAA;EACA,wBAAA;EACA,WAAA;EACA,aAAA;EACA,oBAAA;EACA,mBAAA;CAmBA;;AAlBA;IACA,mBAAA;GACA;;AACA;IACA,YAAA;IACA,aAAA;IACA,iBAAA;IACA,kBAAA;GAKA;;AAJA;MACA,kBAAA;MACA,kBAAA;KACA;;AAEA;IACA,gBAAA;IACA,iBAAA;IACA,gBAAA;GACA;;AAGA;EACA,YAAA;CAOA;;AANA;IACA,iBAAA;GACA;;AACA;IACA,gBAAA;GACA;;AAGA;EACA,aAAA;EACA,eAAA;CAOA;;AANA;IACA,iBAAA;GACA;;AACA;IACA,gBAAA;GACA;;AAGA;EACA,mBAAA;CAOA;;AANA;IACA,YAAA;GACA;;AACA;IACA,aAAA;GACA;;AAGA;EACA,mBAAA;CAOA;;AANA;IACA,YAAA;GACA;;AACA;IACA,aAAA;GACA;;AAGA;EACA,mBAAA;CAOA;;AANA;IACA,YAAA;GACA;;AACA;IACA,aAAA;GACA;;AAGA;EACA,mBAAA;CAOA;;AANA;IACA,YAAA;GACA;;AACA;IACA,aAAA;GACA;;AAGA;EACA,mBAAA;CAOA;;AANA;IACA,YAAA;GACA;;AACA;IACA,aAAA;GACA;;AAGA;EACA,4BAAA;CAOA;;AANA;IACA,YAAA;GACA;;AACA;IACA,aAAA;GACA;;AAGA;EACA,wBAAA;EACA,6BAAA;CAiDA;;AAhDA;IACA,gBAAA;GACA;;AACA;IACA,6BAAA;GAOA;;AANA;MACA,gBAAA;KACA;;AACA;MACA,eAAA;KACA;;AAEA;IACA,6BAAA;GAOA;;AANA;MACA,gBAAA;KACA;;AACA;MACA,eAAA;KACA;;AAEA;IACA,6BAAA;GAOA;;AANA;MACA,gBAAA;KACA;;AACA;MACA,eAAA;KACA;;AAEA;IACA,6BAAA;GAOA;;AANA;MACA,gBAAA;KACA;;AACA;MACA,eAAA;KACA;;AAEA;IACA,6BAAA;GAOA;;AANA;MACA,gBAAA;KACA;;AACA;MACA,eAAA;KACA;AClLA;;EAEA;;AAEA;;;;;;;;EAQA;;AAEA;EACA,0BAAA;EACA,iBAAA;EACA,mBAAA;CACA;AACA;EACA,mBAAA;EACA,qCAAA;EACA,cAAA;EACA,cAAA;CACA;AALA;EACA,mBAAA;EACA,qCAAA;EACA,cAAA;EACA,cAAA;CACA;AACA;EACA,iCAAA;CACA;AACA;EACA,8BAAA;CACA;AACA;EACA,UAAA;CACA;AACA;EACA,mBAAA;CACA;;ACpCA;;EAEA;;AAEA;;;;;;;;;;;;EAYA;;AAEA;EACA,WAAA;CAaA;;AAZA;IACA,mBAAA;IACA,mBAAA;IACA,YAAA;IACA,eAAA;IACA,iBAAA;IACA,0BAAA;IACA,gCAAA;GAIA;;AAHA;MACA,sBAAA;KACA;;AAIA;EACA,mBAAA;EACA,WAAA;EACA,WAAA;CAMA;;AAJA;;MACA,mCAAA;cAAA,2BAAA;KACA;;AAIA;EACA,YAAA;EACA,aAAA;EACA,gBAAA;EACA,iCAAA;CACA;;AALA;EACA,YAAA;EACA,aAAA;EACA,gBAAA;EACA,iCAAA;CACA;;AAEA;EACA,mBAAA;EACA,cAAA;EACA,+BAAA;EACA,oBAAA;EACA,kBAAA;EACA,iBAAA;EACA,eAAA;EACA,eAAA;CAIA;;AAHA;IACA,wBAAA;GACA;AAEA;EACA,cAAA;EACA,gBAAA;EACA,iBAAA;EACA,mCAAA;EACA,2BAAA;CAMA;AALA;IACA,gBAAA;IACA,kBAAA;IACA,eAAA;GACA;AAEA;EACA,iBAAA;CACA;;AC/EA;;EAEA;;AAEA;;;;;;;;EAQA;AACA;EACA,kBAAA;EACA,cAAA;EACA,iBAAA;EACA,0BAAA;EACA,aAAA;EACA,cAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;CACA;AACA;EACA,mBAAA;EACA,YAAA;EACA,aAAA;EACA,UAAA;EACA,YAAA;EACA,aAAA;EACA,gBAAA;EACA,kBAAA;EACA,sBAAA;EACA,WAAA;CASA;AARA;IACA,WAAA;GACA;AACA;IACA,YAAA;IACA,aAAA;IACA,gBAAA;GACA;AAEA;EACA,gBAAA;EACA,YAAA;EACA,OAAA;EACA,UAAA;EACA,QAAA;EACA,SAAA;EACA,gCAAA;EACA,mBAAA;EACA,UAAA;CAcA;AAbA;IACA,sCAAA;GACA;AACA;IACA,mBAAA;IACA,YAAA;IACA,aAAA;IACA,gBAAA;GACA;AACA;IACA,oBAAA;IACA,WAAA;GACA;AClEA;;EAEA;;AAEA;;;;;;;;;;;EAWA;;AAEA;EACA,mBAAA;EACA,sBAAA;CACA;;;AAGA;;EAEA;;AAEA;EACA,cAAA;CACA;;;AAGA;;EAEA;;AAEA;EACA,eAAA;EACA,YAAA;EACA,aAAA;EACA,qBAAA;EACA,oBAAA;EACA,mBAAA;EACA,0BAAA;KAAA,uBAAA;MAAA,sBAAA;UAAA,iBAAA;CAwBA;;AAvBA;IACA,YAAA;IACA,eAAA;IACA,mBAAA;IACA,gBAAA;GACA;;AACA;IACA,YAAA;IACA,aAAA;IACA,0BAAA;IACA,sBAAA;IACA,wCAAA;GACA;;AACA;IACA,OAAA;IACA,QAAA;IACA,YAAA;IACA,aAAA;IACA,mBAAA;IACA,uBAAA;IACA,4BAAA;IACA,kDAAA;GACA;;AAGA;;EAEA;;AAGA;IACA,0BAAA;GACA;;AACA;IACA,WAAA;GACA;;;AAIA;;EAEA;AAEA;IACA,UAAA;GAOA;AANA;MACA,0BAAA;KACA;AACA;MACA,WAAA;KACA;AAGA;MACA,0BAAA;KACA;AACA;MACA,kBAAA;KACA;;AAIA;;EAEA;;AAEA;EACA,eAAA;CAuBA;;AAtBA;IACA,YAAA;GAOA;;AANA;MACA,0BAAA;KACA;;AACA;MACA,WAAA;KACA;;AAEA;IACA,aAAA;IACA,eAAA;GAUA;;AATA;MACA,0BAAA;MACA,gBAAA;KACA;;AACA;MACA,OAAA;MACA,kBAAA;MACA,kDAAA;KACA;;ACpIA;;EAEA;;AAEA;;;;;;;;EAQA;;AAEA;EACA,cAAA;EACA,gBAAA;CACA;AACA;EACA,mBAAA;EACA,kBAAA;EACA,oBAAA;EACA,mBAAA;CACA;AACA;EACA,uBAAA;EACA,cAAA;EACA,eAAA;EACA,oBAAA;EACA,gBAAA;EACA,sBAAA;EACA,qBAAA;CACA;AACA;EACA,4BAAA;CACA;AACA;EACA,+BAAA;CACA;AACA;;;;;;;;;;;;;EACA,uBAAA;EACA,eAAA;EACA,sBAAA;EACA,qBAAA;CACA;AACA;EACA,aAAA;EACA,cAAA;EACA,gBAAA;CACA;AACA;EACA,mBAAA;EACA,kBAAA;CACA;AACA;EACA,oBAAA;EACA,mBAAA;CACA;AACA;EACA,gBAAA;EACA,eAAA;CACA;AACA;EACA,oBAAA;EACA,mBAAA;CACA;AACA;EACA,oBAAA;EACA,mBAAA;CACA;AACA;EACA,gBAAA;EACA,eAAA;CACA;AACA;EACA,oBAAA;EACA,mBAAA;CACA;AACA;EACA,oBAAA;EACA,mBAAA;CACA;AACA;EACA,gBAAA;EACA,eAAA;CACA;AACA;EACA,oBAAA;EACA,mBAAA;CACA;AACA;EACA,oBAAA;EACA,mBAAA;CACA;AACA;EACA,iBAAA;EACA,gBAAA;CACA;AACA;EACA,oBAAA;CACA;AACA;EACA,qBAAA;CACA;AACA;EACA,iBAAA;CACA;AACA;EACA,qBAAA;CACA;AACA;EACA,qBAAA;CACA;AACA;EACA,iBAAA;CACA;AACA;EACA,qBAAA;CACA;AACA;EACA,qBAAA;CACA;AACA;EACA,iBAAA;CACA;AACA;EACA,qBAAA;CACA;AACA;EACA,qBAAA;CACA;AACA;EACA,4BAAA;EACA,kBAAA;CACA;AACA;EACA,wBAAA;EACA,mBAAA;CACA;AACA;EACA,0BAAA;EACA,gBAAA;CACA;AACA;EACA,wBAAA;CACA;AACA;EACA,oBAAA;CACA;AACA;EACA,sBAAA;CACA;AACA;EACA,8BAAA;CACA;AACA;EACA,+BAAA;CACA;AACA;EACA,UAAA;CACA;AACA;EACA,SAAA;CACA;;ACnKA;;EAEA;;AAEA;;;;;;;EAOA;;AAEA;EACA,YAAA;EACA,aAAA;EACA,gBAAA;EACA,kBAAA;EACA,sBAAA;EACA,uBAAA;EACA,WAAA;EACA,eAAA;CACA;;AAEA;EACA,YAAA;EACA,aAAA;CACA;;AAEA;EACA,YAAA;EACA,aAAA;CACA;;AChCA;;EAEA;;AAEA,aAAA;AACA;EACA,UAAA;CACA;AACA;EACA,eAAA;CACA;AACA;EACA,gBAAA;CACA;AACA;EACA,cAAA;CACA;AACA;EACA,iBAAA;CACA;AACA;EACA,4BAAA;CACA;AACA;EACA,4BAAA;CACA;AACA;EACA,4BAAA;CACA;AACA;EACA,kBAAA;CACA;AACA;EACA,4BAAA;CACA;AACA;EACA,4BAAA;CACA;AACA;EACA,gCAAA;CACA;AACA;EACA,4BAAA;CACA;AACA;EACA,2BAAA;CACA;AACA;EACA,2BAAA;CACA;AACA;EACA,2BAAA;CACA;AACA;EACA,iBAAA;CACA;AACA;EACA,2BAAA;CACA;AACA;EACA,2BAAA;CACA;AACA;EACA,+BAAA;CACA;AACA;EACA,2BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,gBAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,8BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,6BAAA;CACA;AACA;EACA,6BAAA;CACA;AACA;EACA,6BAAA;CACA;AACA;EACA,mBAAA;CACA;AACA;EACA,6BAAA;CACA;AACA;EACA,6BAAA;CACA;AACA;EACA,iCAAA;CACA;AACA;EACA,6BAAA;CACA;;AAEA,cAAA;AACA;EACA,WAAA;CACA;AACA;EACA,gBAAA;CACA;AACA;EACA,iBAAA;CACA;AACA;EACA,eAAA;CACA;AACA;EACA,kBAAA;CACA;AACA;EACA,6BAAA;CACA;AACA;EACA,6BAAA;CACA;AACA;EACA,6BAAA;CACA;AACA;EACA,mBAAA;CACA;AACA;EACA,6BAAA;CACA;AACA;EACA,6BAAA;CACA;AACA;EACA,iCAAA;CACA;AACA;EACA,6BAAA;CACA;AACA;EACA,4BAAA;CACA;AACA;EACA,4BAAA;CACA;AACA;EACA,4BAAA;CACA;AACA;EACA,kBAAA;CACA;AACA;EACA,4BAAA;CACA;AACA;EACA,4BAAA;CACA;AACA;EACA,gCAAA;CACA;AACA;EACA,4BAAA;CACA;;;AAGA;EACA,2BAAA;CACA;AACA;EACA,2BAAA;CACA;AACA;EACA,2BAAA;CACA;AACA;EACA,iBAAA;CACA;AACA;EACA,2BAAA;CACA;AACA;EACA,2BAAA;CACA;AACA;EACA,+BAAA;CACA;AACA;EACA,2BAAA;CACA;AACA;EACA,8BAAA;CACA;AACA;EACA,8BAAA;CACA;AACA;EACA,8BAAA;CACA;AACA;EACA,oBAAA;CACA;AACA;EACA,8BAAA;CACA;AACA;EACA,8BAAA;CACA;AACA;EACA,kCAAA;CACA;AACA;EACA,8BAAA;CACA;;;AAGA;EACA,QAAA;CACA;AACA;EACA,UAAA;CACA;AACA;EACA,WAAA;CACA;;AAEA;EACA,SAAA;CACA;AACA;EACA,WAAA;CACA;AACA;EACA,YAAA;CACA;;AAEA;EACA,OAAA;CACA;AACA;EACA,SAAA;CACA;AACA;EACA,UAAA;CACA;;AAEA;EACA,UAAA;CACA;AACA;EACA,YAAA;CACA;AACA;EACA,aAAA;CACA;;AC/QA;;EAEA;;AAEA;EACA,aAAA;CACA;;AAEA;EACA,YAAA;CACA;;AAEA;EACA,mBAAA;CACA;;AAEA;EACA,iBAAA;CACA;;AAEA;EACA,kBAAA;CACA;;AAEA;EACA,YAAA;EACA,kBAAA;CACA;;AAEA;EACA,YAAA;CACA;;AAEA;EACA,aAAA;EACA,iBAAA;CACA;;AAEA;EACA,cAAA;EACA,oBAAA;CACA;;AAEA;EACA,cAAA;EACA,wBAAA;CACA;;AAEA;EACA,cAAA;EACA,oBAAA;EACA,wBAAA;EACA,uBAAA;CACA;;AAEA;EACA,cAAA;EACA,oBAAA;EACA,0BAAA;CACA;;AAEA;EACA,cAAA;EACA,oBAAA;EACA,4BAAA;CACA;;AAEA;EACA,cAAA;CACA;;AAEA;EACA,mBAAA;CACA;;AAEA;EACA,gBAAA;CACA;;AAEA;EACA,gBAAA;CACA;;AAEA;EACA,mBAAA;CACA;;AAEA;EACA,oBAAA;EACA,iBAAA;EACA,wBAAA;CACA","file":"vishnu.extensions.css","sourcesContent":["/*\n* Variables\n*/\n\n:root {\n  /* Typography */\n  --base-font-family: -apple-system, BlinkMacSystemFont, Avenir, \"Avenir Next\",\n    \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\",\n    \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n  --base-font-size: 1.6rem;\n  --base-line-height: 1.5;\n  --base-space-size: 16px;\n\n  /* Colours */\n  --primary-color: #8549b9;\n  --secondary-color: #a460e8;\n  --base-color: #fff;\n  --base-dark-color: #282828;\n  --base-info-color: #2c80ff;\n  --base-error-color: #f93838;\n  --base-success-color: #0dc222;\n  --base-warning-color: #f2ad00;\n  --base-light-color: #f0f0f0;\n  --base-border-color: #cfcfcf;\n  --base-text-color: #4c4c4c;\n  --base-label-color: #6f6f6f;\n\n  /* Transitions */\n  --transition: all 0.2s ease-in-out;\n\n  /* Shadows */\n  --base-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.0325);\n\n  /* Utils */\n  --base-radius: 4px;\n  --base-rounded-radius: 50%;\n\n  /* Toogle */\n  --toggle-transition-duration: 0.25s;\n  --toggle-transition-timing-function: ease;\n  --toggle-label-width: 48px;\n  --toggle-label-height: 24px;\n  --toggle-rail-width: 100%;\n  --toggle-rail-height: 100%;\n  --toggle-rail-background-color: var(--base-light-color);\n  --toggle-rail-border-radius: 9999em;\n  --toggle-rail-checked-background-color: var(--base-success-color);\n  --toggle-width: 24px;\n  --toggle-height: 24px;\n  --toggle-border-radius: 50%;\n  --toggle-background-color: #fff;\n  --toggle-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.0525);\n  --toggle-checked-left: 25px;\n\n  /* Spacing */\n--spacing-xxs:  calc(16px / 6);\n--spacing-xs: calc(16px / 4);\n--spacing-sm: calc(16px / 2);\n--spacing-md: 16px;\n--spacing-lg: calc(16px + 8);\n--spacing-xl: calc(16px * 2);\n--spacing-xxl: calc(16px * 2 + 8);\n--spacing-xxxl: calc(16px * 4);\n\n/* Responsive breakpoints */\n--responsive-sm: 25em;\n--responsive-md: 48em;\n--responsive-lg: 62em;\n--responsive-xl: 75em;\n\n}\n","/*\n* Responsive\n*/\n\n@custom-media --sm-viewport only screen and (max-width: var(--responsive-sm));\n@custom-media --md-viewport only screen and (max-width: var(--responsive-md));\n@custom-media --lg-viewport only screen and (max-width: var(--responsive-lg));\n@custom-media --xl-viewport only screen and (max-width: var(--responsive-xl));\n\n/*\n* Avatar\n*/\n\n@custom-selector :--avatar .avatar;\n@custom-selector :--avatar-primary .avatar.primary;\n@custom-selector :--avatar-outline .avatar.outline;\n@custom-selector :--avatar-small .avatar.small;\n@custom-selector :--avatar-large .avatar.large;\n\n/*\n* Chips\n*/\n\n@custom-selector :--chips .chips;\n@custom-selector :--chips-primary .chips.primary;\n@custom-selector :--chips-error .chips.error;\n@custom-selector :--chips-info .chips.info;\n@custom-selector :--chips-warning .chips.warning;\n@custom-selector :--chips-success .chips.success;\n@custom-selector :--chips-dark .chips.dark;\n@custom-selector :--chips-outline .chips.outline;\n@custom-selector :--chips-small .chips.small;\n@custom-selector :--chips-large .chips.large;\n\n/*\n* Alert\n*/\n\n@custom-selector :--alert .alert;\n@custom-selector :--placeholder .placeholder;\n@custom-selector :--info .info;\n@custom-selector :--error .error;\n@custom-selector :--warning .warning;\n@custom-selector :--success .success;\n@custom-selector :--rounded .rounded;\n@custom-selector :--close .close;\n\n/*\n* Dialog\n*/\n\n@custom-selector :--dialog .dialog;\n@custom-selector :--close .close;\n@custom-selector :--overlay .overlay;\n\n/*\n* Card\n*/\n\n@custom-selector :--card .card;\n@custom-selector :--header .card-header;\n@custom-selector :--footer .card-footer;\n@custom-selector :--title .card-title;\n@custom-selector :--content .card-content;\n\n/*\n* Icons\n*/\n\n@custom-selector :--icon .icon;\n@custom-selector :--icon-large .icon.lg;\n@custom-selector :--icon-small .icon.sm;\n\n/*\n * Grid\n*/\n\n@custom-selector :--all-cols-xs .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12;\n@custom-selector :--all-cols-sm .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12;\n@custom-selector :--all-cols-md .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12;\n@custom-selector :--all-cols-lg .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12;\n\n/*\n* Toggle\n*/\n\n@custom-selector :--toggle .toggle;\n@custom-selector :--toggle-label .toggle-label;\n@custom-selector :--toggle-activated .toggle.activated;\n@custom-selector :--toggle-disabled .toggle.disabled;\n@custom-selector :--toggle-checked .toggle-input:checked + .toggle-label;\n@custom-selector :--toggle-input .toggle-input;\n\n/*\n* Collapse\n*/\n\n@custom-selector :--collapse .collapse;\n@custom-selector :--collapse-content .collapse-content;\n@custom-selector :--collapse-content-checked .collapse input:checked ~ .collapse-content;\n@custom-selector :--collapse-item .collapse-item;\n@custom-selector :--collapse-input .collapse input;\n@custom-selector :--collapse-label .collapse label;\n@custom-selector :--collapse-icon-left .icon.left;\n@custom-selector :--collapse-icon-right .icon.right;\n","/*\n* Alert\n*/\n\n/*\n*\n* @ custom-properties\n* :--alert .alert;\n* :--close .close;\n* :--info .info;\n* :--error .error;\n* :--warning .warning;\n* :--rounded .rounded;\n* :--placeholder .placeholder;\n*\n*/\n:--alert {\n  position: relative;\n  padding: 8px 20px;\n  margin-bottom: 15px;\n  background: transparent;\n  color: var(--base-text-color);\n  border-radius: var(--base-radius);\n  transition: var(--transition);\n  border: 1px solid var(--base-border-color);\n  display: flex;\n  justify-content: flex-start;\n  flex-direction: column;\n  & .title,\n  & .description {\n    margin: 0;\n  }\n  & .title {\n    padding-right: 20px;\n  }\n}\n:--alert :--close {\n  position: absolute;\n  right: 5px;\n  top: 5px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 0;\n  width: 28px;\n  height: 28px;\n  min-height: 28px;\n  font-size: 1.3rem;\n  background: transparent;\n  border-radius: var(--base-rounded-radius);\n  color: var(--base-dark-color);\n  & .icon {\n    width: 24px;\n    height: 24px;\n    & path {\n      fill: var(--base-text-color);\n    }\n\n    & circle {\n      stroke: var(--base-text-color);\n      stroke-width: 1;\n    }\n  }\n}\n:--alert:--info {\n  background: color-mod(var(--base-info-color) alpha(5%));\n  border-color: color-mod(var(--base-info-color) alpha(50%));\n  color: var(--base-info-color);\n  &:before {\n    color: var(--base-info-color);\n  }\n  & .description {\n    color: color-mod(var(--base-info-color) alpha(60%));\n  }\n  & .close {\n    & .icon {\n      & path {\n        fill: var(--primary-color);\n      }\n\n      & circle {\n        stroke: var(--primary-color);\n        stroke-width: 1;\n      }\n    }\n  }\n}\n:--alert:--warning {\n  background: color-mod(var(--base-warning-color) alpha(5%));\n  border-color: color-mod(var(--base-warning-color) alpha(50%));\n  color: var(--base-warning-color);\n  &:before {\n    color: var(--base-warning-color);\n  }\n  & .description {\n    color: color-mod(var(--base-warning-color) alpha(60%));\n  }\n  & .close {\n    border-color: transparent;\n    background: color-mod(var(--base-warning-color) alpha(50%));\n    color: #fff;\n  }\n}\n:--alert:--error {\n  background: color-mod(var(--base-error-color) alpha(5%));\n  border-color: color-mod(var(--base-error-color) alpha(50%));\n  color: var(--base-error-color);\n  & .close {\n    & .icon {\n      & path {\n        fill: var(--base-error-color);\n      }\n\n      & circle {\n        stroke: var(--base-error-color);\n        stroke-width: 1;\n      }\n    }\n  }\n  & .description {\n    color: color-mod(var(--base-error-color) alpha(60%));\n  }\n}\n:--alert:--success {\n  background: color-mod(var(--base-success-color) alpha(5%));\n  border-color: color-mod(var(--base-success-color) alpha(10%));\n  color: var(--base-success-color);\n  & .close {\n    border-color: transparent;\n    & .icon {\n      & path {\n        fill: var(--base-success-color);\n      }\n\n      & circle {\n        stroke: var(--base-success-color);\n        stroke-width: 1;\n      }\n    }\n  }\n  & .description {\n    color: color-mod(var(--base-success-color) alpha(60%));\n  }\n}\n:--alert:--rounded {\n  border-radius: 4rem;\n  padding-left: 30px;\n  padding-right: 30px;\n  & .close {\n    top: 50%;\n    margin-top: -16px;\n    right: 14px;\n  }\n}\n\n/* Placeholder */\n:--placeholder {\n  border: 2px dashed var(--base-light-color);\n  background: color-mod(var(--base-color) alpha(15%));\n}\n","/*\n* Avatar\n*/\n\n/*\n*\n* @ custom-properties\n* :--avatar .avatar;\n* :--avatar-primary .avatar.primary;\n* :--avatar-outline .avatar.outline;\n* :--avatar-small .avatar.small;\n* :--avatar-large .avatar.large;\n*\n*/\n\n:--avatar {\n  width: 42px;\n  height: 42px;\n  max-width: 42px;\n  min-width: 42px;\n  flex-basis: 42px;\n  background: #f1f1f1;\n  border-radius: 50%;\n  line-height: normal;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 700;\n  color: var(--base-dark-color);\n}\n:--avatar-primary {\n  background: var(--primary-color);\n  color: #fff;\n  &.outline {\n    background: transparent;\n    border-color: var(--primary-color);\n    color: var(--primary-color);\n  }\n}\n:--avatar-outline {\n  background: transparent;\n  border: 1px solid var(--base-dark-color);\n}\n:--avatar-small {\n  width: 32px;\n  height: 32px;\n  max-width: 32px;\n  min-width: 32px;\n  flex-basis: 32px;\n}\n:--avatar-large {\n  width: 62px;\n  height: 62px;\n  max-width: 62px;\n  min-width: 62px;\n  flex-basis: 62px;\n}\n","/*\n* Chips\n*/\n\n/*\n*\n* @ custom-properties\n* :--chips .chips;\n* :--chips-outline .outline;\n* :--chips-large .large;\n* :--chips-small .small;\n* :--chips-primary .primary;\n* :--chips-info .info;\n* :--chips-success .success;\n* :--chips-error .error;\n* :--chips-dark .dark;\n* :--chips-warning .warning;\n*\n*/\n\n:--chips {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  height: 28px;\n  border-radius: 50px;\n  background: #f2f2f2;\n  & .image {\n    border-radius: 50%;\n  }\n  & .icon {\n    width: 22px;\n    height: 22px;\n    margin-left: 8px;\n    margin-right: -8px;\n    &.right {\n      margin-right: 8px;\n      margin-left: -8px;\n    }\n  }\n  & .label {\n    font-size: 13px;\n    font-weight: 500;\n    padding: 0 12px;\n  }\n}\n\n:--chips-small {\n  height: 20px;\n  & img {\n    max-height: 20px;\n  }\n  & .label {\n    font-size: 12px;\n  }\n}\n\n:--chips-large {\n  height: 42px;\n  padding: 0 16px;\n  & img {\n    max-height: 42px;\n  }\n  & .label {\n    font-size: 16px;\n  }\n}\n\n:--chips-primary {\n  background: var(--primary-color);\n  & .label {\n    color: #fff;\n  }\n  & .icon {\n    stroke: #fff;\n  }\n}\n\n:--chips-error {\n  background: var(--base-error-color);\n  & .label {\n    color: #fff;\n  }\n  & .icon {\n    stroke: #fff;\n  }\n}\n\n:--chips-success {\n  background: var(--base-success-color);\n  & .label {\n    color: #fff;\n  }\n  & .icon {\n    stroke: #fff;\n  }\n}\n\n:--chips-info {\n  background: var(--base-info-color);\n  & .label {\n    color: #fff;\n  }\n  & .icon {\n    stroke: #fff;\n  }\n}\n\n:--chips-warning {\n  background: var(--base-warning-color);\n  & .label {\n    color: #fff;\n  }\n  & .icon {\n    stroke: #fff;\n  }\n}\n\n:--chips-dark {\n  background: rgba(0,0,0, .45);\n  & .label {\n    color: #fff;\n  }\n  & .icon {\n    stroke: #fff;\n  }\n}\n\n:--chips-outline {\n  background: transparent;\n  box-shadow: 0 0 0 1px var(--base-border-color);\n  &.icon {\n    stroke: var(--base-text-color);\n  }\n  &.primary {\n    box-shadow: 0 0 0 1px var(--primary-color);\n    & .icon {\n      stroke: var(--primary-color);\n    }\n    & .label {\n      color: var(--primary-color);\n    }\n  }\n  &.error {\n    box-shadow: 0 0 0 1px var(--base-error-color);\n    & .icon {\n      stroke: var(--base-error-color);\n    }\n    & .label {\n      color: var(--base-error-color);\n    }\n  }\n  &.success {\n    box-shadow: 0 0 0 1px var(--base-success-color);\n    & .icon {\n      stroke: var(--base-success-color);\n    }\n    & .label {\n      color: var(--base-success-color);\n    }\n  }\n  &.info {\n    box-shadow: 0 0 0 1px var(--base-info-color);\n    & .icon {\n      stroke: var(--base-info-color);\n    }\n    & .label {\n      color: var(--base-info-color);\n    }\n  }\n  &.warning {\n    box-shadow: 0 0 0 1px var(--base-warning-color);\n    & .icon {\n      stroke: var(--base-warning-color);\n    }\n    & .label {\n      color: var(--base-warning-color);\n    }\n  }\n}","/*\n* Card\n*/\n\n/*\n*\n* @ custom-properties\n* :--card .card;\n* :--header .card-header;\n* :--footer .card-footer;\n* :--content .card-content;\n*\n*/\n\n:--card {\n  border: 1px solid var(--base-light-color);\n  background: #fff;\n  border-radius: var(--base-radius);\n}\n:--card :--header, :--card :--footer {\n  position: relative;\n  background: color-mod(var(--base-color) alpha(30%));\n  padding: 10px;\n  display: flex;\n}\n:--card :--header {\n  border-bottom: 1px solid var(--base-light-color);\n}\n:--card :--footer {\n  border-top: 1px solid var(--base-light-color);\n}\n:--card :--title {\n  margin: 0;\n}\n:--card :--content {\n  padding: 15px 10px;\n}\n","/*\n* Collapse\n*/\n\n/*\n*\n* @ custom-properties\n* :--collapse .collapse;\n* :--collapse-content .collapse-content;\n* :--collapse-content-checked .collapse-content-checked;\n* :--collapse-item .collapse-item;\n* :--collapse-input .collapse-input;\n* :--collapse-label .collapse-label;\n* :--collapse-icon-right-left .icon.left;\n* :--collapse-icon-right .icon.right;\n*\n*/\n\n:--collapse {\n  width: 100%;\n  & :--collapse-item {\n    position: relative;\n    margin-bottom: 2px;\n    width: 100%;\n    color: var(--base-dark-color);\n    overflow: hidden;\n    border: 1px solid var(--base-light-color);\n    transition: var(--transition);\n    &:hover {\n      border-color: var(--primary-color);\n    }\n  }\n}\n\n:--collapse-input {\n  position: absolute;\n  opacity: 0;\n  z-index: -1;\n  &:checked ~ label {\n    & :--collapse-icon-right, & :--collapse-icon-left {\n      transform: rotate(-180deg);\n    }\n  }\n}\n\n:--collapse-icon-right, :--collapse-icon-left {\n  width: 22px;\n  height: 22px;\n  stroke: var(--base-dark-color);\n  transition: var(--transition);\n}\n\n:--collapse-label {\n  position: relative;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 6px 15px;\n  font-weight: 500;\n  line-height: 3;\n  cursor: pointer;\n  &:hover {\n    background: transparent;\n  }\n}\n:--collapse-content {\n  max-height: 0;\n  padding: 0 15px;\n  overflow: hidden;\n  background: rgba(255, 255, 255, 1);\n  transition: max-height .25s;\n  & p {\n    font-size: 14px;\n    line-height: 16px;\n    margin: 10px 0;\n  }\n}\n:--collapse-content-checked {\n  max-height: 10em;\n}\n","/*\n* Dialog\n*/\n\n/*\n*\n* @ custom-properties\n* :--dialog .dialog;\n* :--close .close;\n* :--light .light;\n* :--overlay .overlay;\n*\n*/\n:--dialog {\n  margin: 45px auto;\n  padding: 20px;\n  background: #fff;\n  border: 1px solid var(--base-border-color);\n  width: 480px;\n  height: 320px;\n  z-index: 100;\n  position: relative;\n  border-radius: var(--base-radius);\n}\n:--dialog :--close {\n  position: absolute;\n  width: 20px;\n  height: 20px;\n  top: 20px;\n  right: 20px;\n  opacity: 0.8;\n  font-size: 24px;\n  font-weight: bold;\n  text-decoration: none;\n  color: #666;\n  &:hover {\n    opacity: 1;\n  }\n  & .icon {\n    width: 20px;\n    height: 20px;\n    stroke: var(--base-text-color);\n  }\n}\n:--overlay {\n  position: fixed;\n  z-index: 90;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background: rgba(0, 0, 0, 0.88);\n  visibility: hidden;\n  opacity: 0;\n  &.light {\n    background: rgba(255, 255, 255, 0.92);\n  }\n  & .cancel {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    cursor: default;\n  }\n  &:target {\n    visibility: visible;\n    opacity: 1;\n  }\n}","/*\n* Toggle\n*/\n\n/*\n*\n* @ custom-properties\n* :--toggle .toggle;\n* :--toggle-small .toggle.small;\n* :--toggle-label .toggle-label;\n* :--toggle-activated .toggle.activated;\n* :--toggle-disabled .toggle.disabled;\n* :--toggle-checked .toggle-input:checked + .toggle-label;\n* :--toggle-input .toggle-input;\n*\n*/\n\n:--toggle {\n  position: relative;\n  display: inline-block;\n}\n\n\n/*\n* Hide input\n*/\n\n:--toggle-input {\n  display: none;\n}\n\n\n/*\n* Toggle Label\n*/\n\n:--toggle-label {\n  display: block;\n  width: var(--toggle-label-width);\n  height: var(--toggle-label-height);\n  text-indent: -9999px;\n  clip: rect(0 0 0 0);\n  color: transparent;\n  user-select: none;\n  &:before, &:after {\n    content: \"\";\n    display: block;\n    position: absolute;\n    cursor: pointer;\n  }\n  &:before {\n    width: var(--toggle-rail-width);\n    height: var(--toggle-rail-height);\n    background-color: var(--toggle-rail-background-color);\n    border-radius: var(--toggle-rail-border-radius);\n    transition: background-color var(--toggle-transition-duration) var(--toggle-transition-timing-function);\n  }\n  &:after {\n    top: 0;\n    left: 0;\n    width: var(--toggle-width);\n    height: var(--toggle-height);\n    border-radius: var(--toggle-border-radius);\n    background-color: var(--toggle-background-color);\n    transition: left var(--toggle-transition-duration) var(--toggle-transition-timing-function);\n    box-shadow: var(--toggle-box-shadow);\n  }\n}\n\n/*\n* Toggle checked\n*/\n\n:--toggle-checked {\n  &:before {\n    background-color: var(--toggle-rail-checked-background-color);\n  }\n  &:after {\n    left: var(--toggle-checked-left);\n  }\n}\n\n\n/*\n* Toggle activated\n*/\n:--toggle-activated {\n  & :--toggle-label {\n    opacity: 1;\n    &:before {\n      background-color: var(--base-success-color);\n    }\n    &:after {\n      left: 24px;\n    }\n  }\n  & :--toggle-checked {\n    &:before {\n      background-color: var(--toggle-rail-background-color);\n    }\n    &:after {\n      left: 0!important;\n    }\n  }\n}\n\n/*\n* Toggle disabled\n*/\n\n:--toggle-disabled {\n  cursor: default;\n  & :--toggle-checked {\n    opacity: 0.7;\n    &:before {\n      background-color: var(--toggle-rail-background-color);\n    }\n    &:after {\n      left: var(--toggle-checked-left);\n    }\n  }\n  & :--toggle-label {\n    opacity: 0.7;\n    cursor: default;\n    &:before {\n      background-color: var(--toggle-rail-background-color);\n      cursor: default;\n    }\n    &:after {\n      top: 0;\n      left: 0!important;\n      box-shadow: var(--toggle-box-shadow);\n    }\n  }\n}\n","/*\n * Grid\n*/\n\n/*\n*\n* @ custom-properties\n* :--all-cols-xs .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12;\n* :--all-cols-sm .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12;\n* :--all-cols-md .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12;\n* :--all-cols-lg .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12;\n*\n*/\n\n.flex {\n  display: flex;\n  flex-wrap: wrap;\n}\n.container-fluid {\n  margin-right: auto;\n  margin-left: auto;\n  padding-right: 2rem;\n  padding-left: 2rem;\n}\n.row {\n  box-sizing: border-box;\n  display: flex;\n  flex: 0 1 auto;\n  flex-direction: row;\n  flex-wrap: wrap;\n  margin-right: -0.5rem;\n  margin-left: -0.5rem;\n}\n.row.reverse {\n  flex-direction: row-reverse;\n}\n.col.reverse {\n  flex-direction: column-reverse;\n}\n:--all-cols-xs {\n  box-sizing: border-box;\n  flex: 0 0 auto;\n  padding-right: 0.5rem;\n  padding-left: 0.5rem;\n}\n.col-xs {\n  flex-grow: 1;\n  flex-basis: 0;\n  max-width: 100%;\n}\n.col-xs-1 {\n  flex-basis: 8.333%;\n  max-width: 8.333%;\n}\n.col-xs-2 {\n  flex-basis: 16.667%;\n  max-width: 16.667%;\n}\n.col-xs-3 {\n  flex-basis: 25%;\n  max-width: 25%;\n}\n.col-xs-4 {\n  flex-basis: 33.333%;\n  max-width: 33.333%;\n}\n.col-xs-5 {\n  flex-basis: 41.667%;\n  max-width: 41.667%;\n}\n.col-xs-6 {\n  flex-basis: 50%;\n  max-width: 50%;\n}\n.col-xs-7 {\n  flex-basis: 58.333%;\n  max-width: 58.333%;\n}\n.col-xs-8 {\n  flex-basis: 66.667%;\n  max-width: 66.667%;\n}\n.col-xs-9 {\n  flex-basis: 75%;\n  max-width: 75%;\n}\n.col-xs-10 {\n  flex-basis: 83.333%;\n  max-width: 83.333%;\n}\n.col-xs-11 {\n  flex-basis: 91.667%;\n  max-width: 91.667%;\n}\n.col-xs-12 {\n  flex-basis: 100%;\n  max-width: 100%;\n}\n.col-xs-offset-1 {\n  margin-left: 8.333%;\n}\n.col-xs-offset-2 {\n  margin-left: 16.667%;\n}\n.col-xs-offset-3 {\n  margin-left: 25%;\n}\n.col-xs-offset-4 {\n  margin-left: 33.333%;\n}\n.col-xs-offset-5 {\n  margin-left: 41.667%;\n}\n.col-xs-offset-6 {\n  margin-left: 50%;\n}\n.col-xs-offset-7 {\n  margin-left: 58.333%;\n}\n.col-xs-offset-8 {\n  margin-left: 66.667%;\n}\n.col-xs-offset-9 {\n  margin-left: 75%;\n}\n.col-xs-offset-10 {\n  margin-left: 83.333%;\n}\n.col-xs-offset-11 {\n  margin-left: 91.667%;\n}\n.start-xs {\n  justify-content: flex-start;\n  text-align: start;\n}\n.center-xs {\n  justify-content: center;\n  text-align: center;\n}\n.end-xs {\n  justify-content: flex-end;\n  text-align: end;\n}\n.top-xs {\n  align-items: flex-start;\n}\n.middle-xs {\n  align-items: center;\n}\n.bottom-xs {\n  align-items: flex-end;\n}\n.around-xs {\n  justify-content: space-around;\n}\n.between-xs {\n  justify-content: space-between;\n}\n.first-xs {\n  order: -1;\n}\n.last-xs {\n  order: 1;\n}\n@media (--md-viewport) {\n  :--all-cols-sm {\n    box-sizing: border-box;\n    flex: 0 0 auto;\n    padding-right: 0.5rem;\n    padding-left: 0.5rem;\n  }\n  .col-sm {\n    flex-grow: 1;\n    flex-basis: 0;\n    max-width: 100%;\n  }\n  .col-sm-1 {\n    flex-basis: 8.333%;\n    max-width: 8.333%;\n  }\n  .col-sm-2 {\n    flex-basis: 16.667%;\n    max-width: 16.667%;\n  }\n  .col-sm-3 {\n    flex-basis: 25%;\n    max-width: 25%;\n  }\n  .col-sm-4 {\n    flex-basis: 33.333%;\n    max-width: 33.333%;\n  }\n  .col-sm-5 {\n    flex-basis: 41.667%;\n    max-width: 41.667%;\n  }\n  .col-sm-6 {\n    flex-basis: 50%;\n    max-width: 50%;\n  }\n  .col-sm-7 {\n    flex-basis: 58.333%;\n    max-width: 58.333%;\n  }\n  .col-sm-8 {\n    flex-basis: 66.667%;\n    max-width: 66.667%;\n  }\n  .col-sm-9 {\n    flex-basis: 75%;\n    max-width: 75%;\n  }\n  .col-sm-10 {\n    flex-basis: 83.333%;\n    max-width: 83.333%;\n  }\n  .col-sm-11 {\n    flex-basis: 91.667%;\n    max-width: 91.667%;\n  }\n  .col-sm-12 {\n    flex-basis: 100%;\n    max-width: 100%;\n  }\n  .col-sm-offset-1 {\n    margin-left: 8.333%;\n  }\n  .col-sm-offset-2 {\n    margin-left: 16.667%;\n  }\n  .col-sm-offset-3 {\n    margin-left: 25%;\n  }\n  .col-sm-offset-4 {\n    margin-left: 33.333%;\n  }\n  .col-sm-offset-5 {\n    margin-left: 41.667%;\n  }\n  .col-sm-offset-6 {\n    margin-left: 50%;\n  }\n  .col-sm-offset-7 {\n    margin-left: 58.333%;\n  }\n  .col-sm-offset-8 {\n    margin-left: 66.667%;\n  }\n  .col-sm-offset-9 {\n    margin-left: 75%;\n  }\n  .col-sm-offset-10 {\n    margin-left: 83.333%;\n  }\n  .col-sm-offset-11 {\n    margin-left: 91.667%;\n  }\n  .start-sm {\n    justify-content: flex-start;\n    text-align: start;\n  }\n  .center-sm {\n    justify-content: center;\n    text-align: center;\n  }\n  .end-sm {\n    justify-content: flex-end;\n    text-align: end;\n  }\n  .top-sm {\n    align-items: flex-start;\n  }\n  .middle-sm {\n    align-items: center;\n  }\n  .bottom-sm {\n    align-items: flex-end;\n  }\n  .around-sm {\n    justify-content: space-around;\n  }\n  .between-sm {\n    justify-content: space-between;\n  }\n  .first-sm {\n    order: -1;\n  }\n  .last-sm {\n    order: 1;\n  }\n}\n@media (--lg-viewport) {\n  :--all-cols-md {\n    box-sizing: border-box;\n    flex: 0 0 auto;\n    padding-right: 0.5rem;\n    padding-left: 0.5rem;\n  }\n  .col-md {\n    flex-grow: 1;\n    flex-basis: 0;\n    max-width: 100%;\n  }\n  .col-md-1 {\n    flex-basis: 8.333%;\n    max-width: 8.333%;\n  }\n  .col-md-2 {\n    flex-basis: 16.667%;\n    max-width: 16.667%;\n  }\n  .col-md-3 {\n    flex-basis: 25%;\n    max-width: 25%;\n  }\n  .col-md-4 {\n    flex-basis: 33.333%;\n    max-width: 33.333%;\n  }\n  .col-md-5 {\n    flex-basis: 41.667%;\n    max-width: 41.667%;\n  }\n  .col-md-6 {\n    flex-basis: 50%;\n    max-width: 50%;\n  }\n  .col-md-7 {\n    flex-basis: 58.333%;\n    max-width: 58.333%;\n  }\n  .col-md-8 {\n    flex-basis: 66.667%;\n    max-width: 66.667%;\n  }\n  .col-md-9 {\n    flex-basis: 75%;\n    max-width: 75%;\n  }\n  .col-md-10 {\n    flex-basis: 83.333%;\n    max-width: 83.333%;\n  }\n  .col-md-11 {\n    flex-basis: 91.667%;\n    max-width: 91.667%;\n  }\n  .col-md-12 {\n    flex-basis: 100%;\n    max-width: 100%;\n  }\n  .col-md-offset-1 {\n    margin-left: 8.333%;\n  }\n  .col-md-offset-2 {\n    margin-left: 16.667%;\n  }\n  .col-md-offset-3 {\n    margin-left: 25%;\n  }\n  .col-md-offset-4 {\n    margin-left: 33.333%;\n  }\n  .col-md-offset-5 {\n    margin-left: 41.667%;\n  }\n  .col-md-offset-6 {\n    margin-left: 50%;\n  }\n  .col-md-offset-7 {\n    margin-left: 58.333%;\n  }\n  .col-md-offset-8 {\n    margin-left: 66.667%;\n  }\n  .col-md-offset-9 {\n    margin-left: 75%;\n  }\n  .col-md-offset-10 {\n    margin-left: 83.333%;\n  }\n  .col-md-offset-11 {\n    margin-left: 91.667%;\n  }\n  .start-md {\n    justify-content: flex-start;\n    text-align: start;\n  }\n  .center-md {\n    justify-content: center;\n    text-align: center;\n  }\n  .end-md {\n    justify-content: flex-end;\n    text-align: end;\n  }\n  .top-md {\n    align-items: flex-start;\n  }\n  .middle-md {\n    align-items: center;\n  }\n  .bottom-md {\n    align-items: flex-end;\n  }\n  .around-md {\n    justify-content: space-around;\n  }\n  .between-md {\n    justify-content: space-between;\n  }\n  .first-md {\n    order: -1;\n  }\n  .last-md {\n    order: 1;\n  }\n}\n@media (--lg-large-viewport) {\n  :--all-cols-lg {\n    box-sizing: border-box;\n    flex: 0 0 auto;\n    padding-right: 0.5rem;\n    padding-left: 0.5rem;\n  }\n  .col-lg {\n    flex-grow: 1;\n    flex-basis: 0;\n    max-width: 100%;\n  }\n  .col-lg-1 {\n    flex-basis: 8.333%;\n    max-width: 8.333%;\n  }\n  .col-lg-2 {\n    flex-basis: 16.667%;\n    max-width: 16.667%;\n  }\n  .col-lg-3 {\n    flex-basis: 25%;\n    max-width: 25%;\n  }\n  .col-lg-4 {\n    flex-basis: 33.333%;\n    max-width: 33.333%;\n  }\n  .col-lg-5 {\n    flex-basis: 41.667%;\n    max-width: 41.667%;\n  }\n  .col-lg-6 {\n    flex-basis: 50%;\n    max-width: 50%;\n  }\n  .col-lg-7 {\n    flex-basis: 58.333%;\n    max-width: 58.333%;\n  }\n  .col-lg-8 {\n    flex-basis: 66.667%;\n    max-width: 66.667%;\n  }\n  .col-lg-9 {\n    flex-basis: 75%;\n    max-width: 75%;\n  }\n  .col-lg-10 {\n    flex-basis: 83.333%;\n    max-width: 83.333%;\n  }\n  .col-lg-11 {\n    flex-basis: 91.667%;\n    max-width: 91.667%;\n  }\n  .col-lg-12 {\n    flex-basis: 100%;\n    max-width: 100%;\n  }\n  .col-lg-offset-1 {\n    margin-left: 8.333%;\n  }\n  .col-lg-offset-2 {\n    margin-left: 16.667%;\n  }\n  .col-lg-offset-3 {\n    margin-left: 25%;\n  }\n  .col-lg-offset-4 {\n    margin-left: 33.333%;\n  }\n  .col-lg-offset-5 {\n    margin-left: 41.667%;\n  }\n  .col-lg-offset-6 {\n    margin-left: 50%;\n  }\n  .col-lg-offset-7 {\n    margin-left: 58.333%;\n  }\n  .col-lg-offset-8 {\n    margin-left: 66.667%;\n  }\n  .col-lg-offset-9 {\n    margin-left: 75%;\n  }\n  .col-lg-offset-10 {\n    margin-left: 83.333%;\n  }\n  .col-lg-offset-11 {\n    margin-left: 91.667%;\n  }\n  .start-lg {\n    justify-content: flex-start;\n    text-align: start;\n  }\n  .center-lg {\n    justify-content: center;\n    text-align: center;\n  }\n  .end-lg {\n    justify-content: flex-end;\n    text-align: end;\n  }\n  .top-lg {\n    align-items: flex-start;\n  }\n  .middle-lg {\n    align-items: center;\n  }\n  .bottom-lg {\n    align-items: flex-end;\n  }\n  .around-lg {\n    justify-content: space-around;\n  }\n  .between-lg {\n    justify-content: space-between;\n  }\n  .first-lg {\n    order: -1;\n  }\n  .last-lg {\n    order: 1;\n  }\n}\n","/*\n* Icons\n*/\n\n/*\n*\n* @ custom-properties\n* :--icon .icon;\n* :--icon-large .icon.lg;\n* :--icon-small .icon.sm;\n*\n*/\n\n:--icon {\n  width: 32px;\n  height: 32px;\n  stroke: var(--primary-color);\n  stroke-width: 1.5;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  fill: none;\n  color: var(--primary-color);\n}\n\n:--icon-large {\n  width: 52px;\n  height: 52px;\n}\n\n:--icon-small {\n  width: 20px;\n  height: 20px;\n}\n","/*\n * Spacing\n*/\n\n/* Margins */\n.m-0 {\n  margin: 0;\n}\n.ml-0 {\n  margin-left: 0;\n}\n.mr-0 {\n  margin-right: 0;\n}\n.mt-0 {\n  margin-top: 0;\n}\n.mb-0 {\n  margin-bottom: 0;\n}\n.mr-1 {\n  margin-right: var(--spacing-xxs)\n}\n.mr-2 {\n  margin-right: var(--spacing-xs)\n}\n.mr-3 {\n  margin-right: var(--spacing-sm)\n}\n.mr-4 {\n  margin-right: var(--spacing-md)\n}\n.mr-5 {\n  margin-right: var(--spacing-lg)\n}\n.mr-6 {\n  margin-right: var(--spacing-xl)\n}\n.mr-7 {\n  margin-right: var(--spacing-xxl)\n}\n.mr-8 {\n  margin-right: var(--spacing-xxxl)\n}\n.ml-1 {\n  margin-left: var(--spacing-xxs)\n}\n.ml-2 {\n  margin-left: var(--spacing-xs)\n}\n.ml-3 {\n  margin-left: var(--spacing-sm)\n}\n.ml-4 {\n  margin-left: var(--spacing-md)\n}\n.ml-5 {\n  margin-left: var(--spacing-lg)\n}\n.ml-6 {\n  margin-left: var(--spacing-xl)\n}\n.ml-7 {\n  margin-left: var(--spacing-xxl)\n}\n.ml-8 {\n  margin-left: var(--spacing-xxxl)\n}\n.mt-1 {\n  margin-top: var(--spacing-xxs)\n}\n.mt-2 {\n  margin-top: var(--spacing-xs)\n}\n.mt-3 {\n  margin-top: var(--spacing-sm)\n}\n.mt-4 {\n  margin-top: var(--spacing-md)\n}\n.mt-5 {\n  margin-top: var(--spacing-lg)\n}\n.mt-6 {\n  margin-top: var(--spacing-xl)\n}\n.mt-7 {\n  margin-top: var(--spacing-xxl)\n}\n.mt-8 {\n  margin-top: var(--spacing-xxxl)\n}\n.mb-1 {\n  margin-bottom: var(--spacing-xxs)\n}\n.mb-2 {\n  margin-bottom: var(--spacing-xs)\n}\n.mb-3 {\n  margin-bottom: var(--spacing-sm)\n}\n.mb-4 {\n  margin-bottom: var(--spacing-md)\n}\n.mb-5 {\n  margin-bottom: var(--spacing-lg)\n}\n.mb-6 {\n  margin-bottom: var(--spacing-xl)\n}\n.mb-7 {\n  margin-bottom: var(--spacing-xxl)\n}\n.mb-8 {\n  margin-bottom: var(--spacing-xxxl)\n}\n\n/* Paddings */\n.p-0 {\n  padding: 0;\n}\n.pl-0 {\n  padding-left: 0;\n}\n.pr-0 {\n  padding-right: 0;\n}\n.pt-0 {\n  padding-top: 0;\n}\n.pb-0 {\n  padding-bottom: 0;\n}\n.pr-1 {\n  padding-right: var(--spacing-xxs)\n}\n.pr-2 {\n  padding-right: var(--spacing-xs)\n}\n.pr-3 {\n  padding-right: var(--spacing-sm)\n}\n.pr-4 {\n  padding-right: var(--spacing-md)\n}\n.pr-5 {\n  padding-right: var(--spacing-lg)\n}\n.pr-6 {\n  padding-right: var(--spacing-xl)\n}\n.pr-7 {\n  padding-right: var(--spacing-xxl)\n}\n.pr-8 {\n  padding-right: var(--spacing-xxxl)\n}\n.pl-1 {\n  padding-left: var(--spacing-xxs)\n}\n.pl-2 {\n  padding-left: var(--spacing-xs)\n}\n.pl-3 {\n  padding-left: var(--spacing-sm)\n}\n.pl-4 {\n  padding-left: var(--spacing-md)\n}\n.pl-5 {\n  padding-left: var(--spacing-lg)\n}\n.pl-6 {\n  padding-left: var(--spacing-xl)\n}\n.pl-7 {\n  padding-left: var(--spacing-xxl)\n}\n.pl-8 {\n  padding-left: var(--spacing-xxxl)\n}\n\n\n.pt-1 {\n  padding-top: var(--spacing-xxs)\n}\n.pt-2 {\n  padding-top: var(--spacing-xs)\n}\n.pt-3 {\n  padding-top: var(--spacing-sm)\n}\n.pt-4 {\n  padding-top: var(--spacing-md)\n}\n.pt-5 {\n  padding-top: var(--spacing-lg)\n}\n.pt-6 {\n  padding-top: var(--spacing-xl)\n}\n.pt-7 {\n  padding-top: var(--spacing-xxl)\n}\n.pt-8 {\n  padding-top: var(--spacing-xxxl)\n}\n.pb-1 {\n  padding-bottom: var(--spacing-xxs)\n}\n.pb-2 {\n  padding-bottom: var(--spacing-xs)\n}\n.pb-3 {\n  padding-bottom: var(--spacing-sm)\n}\n.pb-4 {\n  padding-bottom: var(--spacing-md)\n}\n.pb-5 {\n  padding-bottom: var(--spacing-lg)\n}\n.pb-6 {\n  padding-bottom: var(--spacing-xl)\n}\n.pb-7 {\n  padding-bottom: var(--spacing-xxl)\n}\n.pb-8 {\n  padding-bottom: var(--spacing-xxxl)\n}\n\n\n.left-0 {\n  left: 0;\n}\n.left-50 {\n  left: 50%;\n}\n.left-50-offset {\n  left: -50%;\n}\n\n.right-0 {\n  right: 0;\n}\n.right-50 {\n  right: 50%;\n}\n.right-50-offset {\n  right: -50%;\n}\n\n.top-0 {\n  top: 0;\n}\n.top-50 {\n  top: 50%;\n}\n.top-50-offset {\n  top: -50%;\n}\n\n.bottom-0 {\n  bottom: 0;\n}\n.bottom-50 {\n  bottom: 50%;\n}\n.bottom-50-offset {\n  bottom: -50%;\n}\n","/*\n * Utils\n*/\n\n.pull-right {\n  float: right;\n}\n\n.pull-left {\n  float: left;\n}\n\n.text-center {\n  text-align: center;\n}\n\n.text-left {\n  text-align: left;\n}\n\n.text-right {\n  text-align: right;\n}\n\n.full-screen {\n  width: 100%;\n  min-height: 100vh;\n}\n\n.full-width {\n  width: 100%;\n}\n\n.full-height {\n  height: 100%;\n  min-height: 100%;\n}\n\n.vertical-align {\n  display: flex;\n  align-items: center;\n}\n\n.horizontal-align {\n  display: flex;\n  justify-content: center;\n}\n\n.center {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n}\n\n.end {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n}\n\n.start {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n}\n\n.flex {\n  display: flex;\n}\n\n.absolute {\n  position: absolute;\n}\n\n.fixed {\n  position: fixed;\n}\n\n.wrap {\n  flex-wrap: wrap;\n}\n\n.relative {\n  position: relative;\n}\n\n.truncate {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n"]}
\ No newline at end of file
diff --git a/packages/vishnucss-extensions/dist/vishnu.extensions.min.css b/packages/vishnucss-extensions/dist/vishnu.extensions.min.css
index 1dea018..ac692f5 100644
--- a/packages/vishnucss-extensions/dist/vishnu.extensions.min.css
+++ b/packages/vishnucss-extensions/dist/vishnu.extensions.min.css
@@ -1,7 +1,7 @@
 /**
-* vishnucss extensions - v1.1.0-rc.1
+* vishnucss extensions - v1.1.0-rc.2
 * Extensions packages for Vishnucss toolkit with modern css
 * https://vishnucss.github.io/vishnu#extensions
 */
-.alert{position:relative;padding:8px 20px;margin-bottom:15px;background:transparent;color:#4c4c4c;border-radius:4px;transition:all .2s ease-in-out;border:1px solid #cfcfcf;display:flex;justify-content:flex-start;flex-direction:column}.alert .description,.alert .title{margin:0}.alert .title{padding-right:20px}.alert .close{position:absolute;right:5px;top:5px;display:flex;justify-content:center;align-items:center;padding:0;width:28px;height:28px;min-height:28px;font-size:1.3rem;background:transparent;border-radius:50%;color:#282828}.alert .close .icon{width:24px;height:24px}.alert .close .icon path{fill:#4c4c4c}.alert .close .icon circle{stroke:#4c4c4c;stroke-width:1}.alert.info{background:rgba(44,128,255,.05);border-color:rgba(44,128,255,.5)}.alert.info,.alert.info:before{color:#2c80ff}.alert.info .description{color:rgba(44,128,255,.6)}.alert.info .close .icon path{fill:#8549b9}.alert.info .close .icon circle{stroke:#8549b9;stroke-width:1}.alert.warning{background:rgba(242,173,0,.05);border-color:rgba(242,173,0,.5);color:#f2ad00}.alert.warning:before{color:#f2ad00}.alert.warning .description{color:rgba(242,173,0,.6)}.alert.warning .close{border-color:transparent;background:rgba(242,173,0,.5);color:#fff}.alert.error{background:rgba(249,56,56,.05);border-color:rgba(249,56,56,.5);color:#f93838}.alert.error .close .icon path{fill:#f93838}.alert.error .close .icon circle{stroke:#f93838;stroke-width:1}.alert.error .description{color:rgba(249,56,56,.6)}.alert.success{background:rgba(13,194,34,.05);border-color:rgba(13,194,34,.1);color:#0dc222}.alert.success .close{border-color:transparent}.alert.success .close .icon path{fill:#0dc222}.alert.success .close .icon circle{stroke:#0dc222;stroke-width:1}.alert.success .description{color:rgba(13,194,34,.6)}.alert.rounded{border-radius:4rem;padding-left:30px;padding-right:30px}.alert.rounded .close{top:50%;margin-top:-16px;right:14px}.placeholder{border:2px dashed #f0f0f0;background:hsla(0,0%,100%,.15)}.avatar{width:42px;height:42px;max-width:42px;min-width:42px;flex-basis:42px;background:#f1f1f1;border-radius:50%;line-height:normal;overflow:hidden;display:flex;align-items:center;justify-content:center;font-weight:700;color:#282828}.avatar.primary{background:#8549b9;color:#fff}.avatar.primary.outline{background:transparent;border-color:#8549b9;color:#8549b9}.avatar.outline{background:transparent;border:1px solid #282828}.avatar.small{width:32px;height:32px;max-width:32px;min-width:32px;flex-basis:32px}.avatar.large{width:62px;height:62px;max-width:62px;min-width:62px;flex-basis:62px}.chips{display:inline-flex;align-items:center;justify-content:center;padding:0;height:28px;border-radius:50px;background:#f2f2f2}.chips .image{border-radius:50%}.chips .icon{width:22px;height:22px;margin-left:8px;margin-right:-8px}.chips .icon.right{margin-right:8px;margin-left:-8px}.chips .label{font-size:13px;font-weight:500;padding:0 12px}.chips.small{height:20px}.chips.small img{max-height:20px}.chips.small .label{font-size:12px}.chips.large{height:42px;padding:0 16px}.chips.large img{max-height:42px}.chips.large .label{font-size:16px}.chips.primary{background:#8549b9}.chips.primary .label{color:#fff}.chips.primary .icon{stroke:#fff}.chips.error{background:#f93838}.chips.error .label{color:#fff}.chips.error .icon{stroke:#fff}.chips.success{background:#0dc222}.chips.success .label{color:#fff}.chips.success .icon{stroke:#fff}.chips.info{background:#2c80ff}.chips.info .label{color:#fff}.chips.info .icon{stroke:#fff}.chips.warning{background:#f2ad00}.chips.warning .label{color:#fff}.chips.warning .icon{stroke:#fff}.chips.dark{background:rgba(0,0,0,.45)}.chips.dark .label{color:#fff}.chips.dark .icon{stroke:#fff}.chips.outline{background:transparent;box-shadow:0 0 0 1px #cfcfcf}.chips.outline.icon{stroke:#4c4c4c}.chips.outline.primary{box-shadow:0 0 0 1px #8549b9}.chips.outline.primary .icon{stroke:#8549b9}.chips.outline.primary .label{color:#8549b9}.chips.outline.error{box-shadow:0 0 0 1px #f93838}.chips.outline.error .icon{stroke:#f93838}.chips.outline.error .label{color:#f93838}.chips.outline.success{box-shadow:0 0 0 1px #0dc222}.chips.outline.success .icon{stroke:#0dc222}.chips.outline.success .label{color:#0dc222}.chips.outline.info{box-shadow:0 0 0 1px #2c80ff}.chips.outline.info .icon{stroke:#2c80ff}.chips.outline.info .label{color:#2c80ff}.chips.outline.warning{box-shadow:0 0 0 1px #f2ad00}.chips.outline.warning .icon{stroke:#f2ad00}.chips.outline.warning .label{color:#f2ad00}.card{border:1px solid #f0f0f0;background:#fff;border-radius:4px}.card .card-footer,.card .card-header{position:relative;background:hsla(0,0%,100%,.3);padding:10px;display:flex}.card .card-header{border-bottom:1px solid #f0f0f0}.card .card-footer{border-top:1px solid #f0f0f0}.card .card-title{margin:0}.card .card-content{padding:15px 10px}.collapse{width:100%}.collapse .collapse-item{position:relative;margin-bottom:2px;width:100%;color:#282828;overflow:hidden;border:1px solid #f0f0f0;transition:all .2s ease-in-out}.collapse .collapse-item:hover{border-color:#8549b9}.collapse input{position:absolute;opacity:0;z-index:-1}.collapse input:checked~label .icon.left,.collapse input:checked~label .icon.right{transform:rotate(-180deg)}.icon.left,.icon.right{width:22px;height:22px;stroke:#282828;transition:all .2s ease-in-out}.collapse label{position:relative;display:flex;justify-content:space-between;align-items:center;padding:6px 15px;font-weight:500;line-height:3;cursor:pointer}.collapse label:hover{background:transparent}.collapse-content{max-height:0;padding:0 15px;overflow:hidden;background:#fff;transition:max-height .25s}.collapse-content p{font-size:14px;line-height:16px;margin:10px 0}.collapse input:checked~.collapse-content{max-height:10em}.dialog{margin:45px auto;padding:20px;background:#fff;border:1px solid #cfcfcf;width:480px;height:320px;z-index:100;position:relative;border-radius:4px}.dialog .close{position:absolute;width:20px;height:20px;top:20px;right:20px;opacity:.8;font-size:24px;font-weight:700;text-decoration:none;color:#666}.dialog .close:hover{opacity:1}.dialog .close .icon{width:20px;height:20px;stroke:#4c4c4c}.overlay{position:fixed;z-index:90;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.88);visibility:hidden;opacity:0}.overlay.light{background:hsla(0,0%,100%,.92)}.overlay .cancel{position:absolute;width:100%;height:100%;cursor:default}.overlay:target{visibility:visible;opacity:1}.toggle{position:relative;display:inline-block}.toggle-input{display:none}.toggle-label{display:block;width:48px;height:24px;text-indent:-9999px;clip:rect(0 0 0 0);color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.toggle-label:after,.toggle-label:before{content:"";display:block;position:absolute;cursor:pointer}.toggle-label:before{width:100%;height:100%;background-color:#f0f0f0;border-radius:9999em;transition:background-color .25s ease}.toggle-label:after{top:0;left:0;width:24px;height:24px;border-radius:50%;background-color:#fff;transition:left .25s ease;box-shadow:1px 1px 4px 2px rgba(0,0,0,.0525)}.toggle-input:checked+.toggle-label:before{background-color:#0dc222}.toggle-input:checked+.toggle-label:after{left:25px}.toggle.activated .toggle-label{opacity:1}.toggle.activated .toggle-label:before{background-color:#0dc222}.toggle.activated .toggle-label:after{left:24px}.toggle.activated .toggle-input:checked+.toggle-label:before{background-color:#f0f0f0}.toggle.activated .toggle-input:checked+.toggle-label:after{left:0!important}.toggle.disabled{cursor:default}.toggle.disabled .toggle-input:checked+.toggle-label{opacity:.7}.toggle.disabled .toggle-input:checked+.toggle-label:before{background-color:#f0f0f0}.toggle.disabled .toggle-input:checked+.toggle-label:after{left:25px}.toggle.disabled .toggle-label{opacity:.7;cursor:default}.toggle.disabled .toggle-label:before{background-color:#f0f0f0;cursor:default}.toggle.disabled .toggle-label:after{top:0;left:0!important;box-shadow:1px 1px 4px 2px rgba(0,0,0,.0525)}.flex{flex-wrap:wrap}.container-fluid{margin-right:auto;margin-left:auto;padding-right:2rem;padding-left:2rem}.row{box-sizing:border-box;display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:wrap;margin-right:-.5rem;margin-left:-.5rem}.row.reverse{flex-direction:row-reverse}.col.reverse{flex-direction:column-reverse}.col-xs,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{box-sizing:border-box;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-xs{flex-grow:1;flex-basis:0;max-width:100%}.col-xs-1{flex-basis:8.333%;max-width:8.333%}.col-xs-2{flex-basis:16.667%;max-width:16.667%}.col-xs-3{flex-basis:25%;max-width:25%}.col-xs-4{flex-basis:33.333%;max-width:33.333%}.col-xs-5{flex-basis:41.667%;max-width:41.667%}.col-xs-6{flex-basis:50%;max-width:50%}.col-xs-7{flex-basis:58.333%;max-width:58.333%}.col-xs-8{flex-basis:66.667%;max-width:66.667%}.col-xs-9{flex-basis:75%;max-width:75%}.col-xs-10{flex-basis:83.333%;max-width:83.333%}.col-xs-11{flex-basis:91.667%;max-width:91.667%}.col-xs-12{flex-basis:100%;max-width:100%}.col-xs-offset-1{margin-left:8.333%}.col-xs-offset-2{margin-left:16.667%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-4{margin-left:33.333%}.col-xs-offset-5{margin-left:41.667%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-7{margin-left:58.333%}.col-xs-offset-8{margin-left:66.667%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-10{margin-left:83.333%}.col-xs-offset-11{margin-left:91.667%}.start-xs{justify-content:flex-start;text-align:start}.center-xs{justify-content:center;text-align:center}.end-xs{justify-content:flex-end;text-align:end}.top-xs{align-items:flex-start}.middle-xs{align-items:center}.bottom-xs{align-items:flex-end}.around-xs{justify-content:space-around}.between-xs{justify-content:space-between}.first-xs{order:-1}.last-xs{order:1}.icon{width:32px;height:32px;stroke:#8549b9;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;fill:none;color:#8549b9}.icon.lg{width:52px;height:52px}.icon.sm{width:20px;height:20px}.m-0{margin:0}.ml-0{margin-left:0}.mr-0{margin-right:0}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.mr-1{margin-right:var(--base-space-size/6)}.mr-2{margin-right:var(--base-space-size/4)}.mr-3{margin-right:var(--base-space-size/2)}.mr-4{margin-right:16px}.mr-5{margin-right:var(--base-space-size + 4)}.mr-6{margin-right:var(--base-space-size + 6)}.mr-7{margin-right:var(--base-space-size * 2)}.mr-8{margin-right:var(--base-space-size * 2 + 8)}.ml-1{margin-left:var(--base-space-size/6)}.ml-2{margin-left:var(--base-space-size/4)}.ml-3{margin-left:var(--base-space-size/2)}.ml-4{margin-left:16px}.ml-5{margin-left:var(--base-space-size + 4)}.ml-6{margin-left:var(--base-space-size + 6)}.ml-7{margin-left:var(--base-space-size * 2)}.ml-8{margin-left:var(--base-space-size * 2 + 8)}.mt-1{margin-top:var(--base-space-size/6)}.mt-2{margin-top:var(--base-space-size/4)}.mt-3{margin-top:var(--base-space-size/2)}.mt-4{margin-top:16px}.mt-5{margin-top:var(--base-space-size + 4)}.mt-6{margin-top:var(--base-space-size + 6)}.mt-7{margin-top:var(--base-space-size * 2)}.mt-8{margin-top:var(--base-space-size * 2 + 8)}.mb-1{margin-bottom:var(--base-space-size/6)}.mb-2{margin-bottom:var(--base-space-size/4)}.mb-3{margin-bottom:var(--base-space-size/2)}.mb-4{margin-bottom:16px}.mb-5{margin-bottom:var(--base-space-size + 4)}.mb-6{margin-bottom:var(--base-space-size + 6)}.mb-7{margin-bottom:var(--base-space-size * 2)}.mb-8{margin-bottom:var(--base-space-size * 2 + 8)}.p-0{padding:0}.pl-0{padding-left:0}.pr-0{padding-right:0}.pt-0{padding-top:0}.pb-0{padding-bottom:0}.pr-1{padding-right:var(--base-space-size/6)}.pr-2{padding-right:var(--base-space-size/4)}.pr-3{padding-right:var(--base-space-size/2)}.pr-4{padding-right:16px}.pr-5{padding-right:var(--base-space-size + 4)}.pr-6{padding-right:var(--base-space-size + 6)}.pr-7{padding-right:var(--base-space-size * 2)}.pr-8{padding-right:var(--base-space-size * 2 + 8)}.pl-1{padding-left:var(--base-space-size/6)}.pl-2{padding-left:var(--base-space-size/4)}.pl-3{padding-left:var(--base-space-size/2)}.pl-4{padding-left:16px}.pl-5{padding-left:var(--base-space-size + 4)}.pl-6{padding-left:var(--base-space-size + 6)}.pl-7{padding-left:var(--base-space-size * 2)}.pl-8{padding-left:var(--base-space-size * 2 + 8)}.pt-1{padding-top:var(--base-space-size/6)}.pt-2{padding-top:var(--base-space-size/4)}.pt-3{padding-top:var(--base-space-size/2)}.pt-4{padding-top:16px}.pt-5{padding-top:var(--base-space-size + 4)}.pt-6{padding-top:var(--base-space-size + 6)}.pt-7{padding-top:var(--base-space-size * 2)}.pt-8{padding-top:var(--base-space-size * 2 + 8)}.pb-1{padding-bottom:var(--base-space-size/6)}.pb-2{padding-bottom:var(--base-space-size/4)}.pb-3{padding-bottom:var(--base-space-size/2)}.pb-4{padding-bottom:16px}.pb-5{padding-bottom:var(--base-space-size + 4)}.pb-6{padding-bottom:var(--base-space-size + 6)}.pb-7{padding-bottom:var(--base-space-size * 2)}.pb-8{padding-bottom:var(--base-space-size * 2 + 8)}.left-0{left:0}.left-50{left:50%}.left-50-offset{left:-50%}.right-0{right:0}.right-50{right:50%}.right-50-offset{right:-50%}.top-0{top:0}.top-50{top:50%}.top-50-offset{top:-50%}.bottom-0{bottom:0}.bottom-50{bottom:50%}.bottom-50-offset{bottom:-50%}.pull-right{float:right}.pull-left{float:left}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.full-screen{width:100%;min-height:100vh}.full-width{width:100%}.full-height{height:100%;min-height:100%}.vertical-align{display:flex;align-items:center}.center,.horizontal-align{display:flex;justify-content:center}.center{align-items:center;flex-direction:column}.end{justify-content:flex-end}.end,.start{display:flex;align-items:center}.start{justify-content:flex-start}.flex{display:flex}.absolute{position:absolute}.fixed{position:fixed}.wrap{flex-wrap:wrap}.relative{position:relative}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+.alert{position:relative;padding:8px 20px;margin-bottom:15px;background:transparent;color:#4c4c4c;border-radius:4px;transition:all .2s ease-in-out;border:1px solid #cfcfcf;display:flex;justify-content:flex-start;flex-direction:column}.alert .description,.alert .title{margin:0}.alert .title{padding-right:20px}.alert .close{position:absolute;right:5px;top:5px;display:flex;justify-content:center;align-items:center;padding:0;width:28px;height:28px;min-height:28px;font-size:1.3rem;background:transparent;border-radius:50%;color:#282828}.alert .close .icon{width:24px;height:24px}.alert .close .icon path{fill:#4c4c4c}.alert .close .icon circle{stroke:#4c4c4c;stroke-width:1}.alert.info{background:rgba(44,128,255,.05);border-color:rgba(44,128,255,.5)}.alert.info,.alert.info:before{color:#2c80ff}.alert.info .description{color:rgba(44,128,255,.6)}.alert.info .close .icon path{fill:#8549b9}.alert.info .close .icon circle{stroke:#8549b9;stroke-width:1}.alert.warning{background:rgba(242,173,0,.05);border-color:rgba(242,173,0,.5);color:#f2ad00}.alert.warning:before{color:#f2ad00}.alert.warning .description{color:rgba(242,173,0,.6)}.alert.warning .close{border-color:transparent;background:rgba(242,173,0,.5);color:#fff}.alert.error{background:rgba(249,56,56,.05);border-color:rgba(249,56,56,.5);color:#f93838}.alert.error .close .icon path{fill:#f93838}.alert.error .close .icon circle{stroke:#f93838;stroke-width:1}.alert.error .description{color:rgba(249,56,56,.6)}.alert.success{background:rgba(13,194,34,.05);border-color:rgba(13,194,34,.1);color:#0dc222}.alert.success .close{border-color:transparent}.alert.success .close .icon path{fill:#0dc222}.alert.success .close .icon circle{stroke:#0dc222;stroke-width:1}.alert.success .description{color:rgba(13,194,34,.6)}.alert.rounded{border-radius:4rem;padding-left:30px;padding-right:30px}.alert.rounded .close{top:50%;margin-top:-16px;right:14px}.placeholder{border:2px dashed #f0f0f0;background:hsla(0,0%,100%,.15)}.avatar{width:42px;height:42px;max-width:42px;min-width:42px;flex-basis:42px;background:#f1f1f1;border-radius:50%;line-height:normal;overflow:hidden;display:flex;align-items:center;justify-content:center;font-weight:700;color:#282828}.avatar.primary{background:#8549b9;color:#fff}.avatar.primary.outline{background:transparent;border-color:#8549b9;color:#8549b9}.avatar.outline{background:transparent;border:1px solid #282828}.avatar.small{width:32px;height:32px;max-width:32px;min-width:32px;flex-basis:32px}.avatar.large{width:62px;height:62px;max-width:62px;min-width:62px;flex-basis:62px}.chips{display:inline-flex;align-items:center;justify-content:center;padding:0;height:28px;border-radius:50px;background:#f2f2f2}.chips .image{border-radius:50%}.chips .icon{width:22px;height:22px;margin-left:8px;margin-right:-8px}.chips .icon.right{margin-right:8px;margin-left:-8px}.chips .label{font-size:13px;font-weight:500;padding:0 12px}.chips.small{height:20px}.chips.small img{max-height:20px}.chips.small .label{font-size:12px}.chips.large{height:42px;padding:0 16px}.chips.large img{max-height:42px}.chips.large .label{font-size:16px}.chips.primary{background:#8549b9}.chips.primary .label{color:#fff}.chips.primary .icon{stroke:#fff}.chips.error{background:#f93838}.chips.error .label{color:#fff}.chips.error .icon{stroke:#fff}.chips.success{background:#0dc222}.chips.success .label{color:#fff}.chips.success .icon{stroke:#fff}.chips.info{background:#2c80ff}.chips.info .label{color:#fff}.chips.info .icon{stroke:#fff}.chips.warning{background:#f2ad00}.chips.warning .label{color:#fff}.chips.warning .icon{stroke:#fff}.chips.dark{background:rgba(0,0,0,.45)}.chips.dark .label{color:#fff}.chips.dark .icon{stroke:#fff}.chips.outline{background:transparent;box-shadow:0 0 0 1px #cfcfcf}.chips.outline.icon{stroke:#4c4c4c}.chips.outline.primary{box-shadow:0 0 0 1px #8549b9}.chips.outline.primary .icon{stroke:#8549b9}.chips.outline.primary .label{color:#8549b9}.chips.outline.error{box-shadow:0 0 0 1px #f93838}.chips.outline.error .icon{stroke:#f93838}.chips.outline.error .label{color:#f93838}.chips.outline.success{box-shadow:0 0 0 1px #0dc222}.chips.outline.success .icon{stroke:#0dc222}.chips.outline.success .label{color:#0dc222}.chips.outline.info{box-shadow:0 0 0 1px #2c80ff}.chips.outline.info .icon{stroke:#2c80ff}.chips.outline.info .label{color:#2c80ff}.chips.outline.warning{box-shadow:0 0 0 1px #f2ad00}.chips.outline.warning .icon{stroke:#f2ad00}.chips.outline.warning .label{color:#f2ad00}.card{border:1px solid #f0f0f0;background:#fff;border-radius:4px}.card .card-footer,.card .card-header{position:relative;background:hsla(0,0%,100%,.3);padding:10px;display:flex}.card .card-header{border-bottom:1px solid #f0f0f0}.card .card-footer{border-top:1px solid #f0f0f0}.card .card-title{margin:0}.card .card-content{padding:15px 10px}.collapse{width:100%}.collapse .collapse-item{position:relative;margin-bottom:2px;width:100%;color:#282828;overflow:hidden;border:1px solid #f0f0f0;transition:all .2s ease-in-out}.collapse .collapse-item:hover{border-color:#8549b9}.collapse input{position:absolute;opacity:0;z-index:-1}.collapse input:checked~label .icon.left,.collapse input:checked~label .icon.right{transform:rotate(-180deg)}.icon.left,.icon.right{width:22px;height:22px;stroke:#282828;transition:all .2s ease-in-out}.collapse label{position:relative;display:flex;justify-content:space-between;align-items:center;padding:6px 15px;font-weight:500;line-height:3;cursor:pointer}.collapse label:hover{background:transparent}.collapse-content{max-height:0;padding:0 15px;overflow:hidden;background:#fff;transition:max-height .25s}.collapse-content p{font-size:14px;line-height:16px;margin:10px 0}.collapse input:checked~.collapse-content{max-height:10em}.dialog{margin:45px auto;padding:20px;background:#fff;border:1px solid #cfcfcf;width:480px;height:320px;z-index:100;position:relative;border-radius:4px}.dialog .close{position:absolute;width:20px;height:20px;top:20px;right:20px;opacity:.8;font-size:24px;font-weight:700;text-decoration:none;color:#666}.dialog .close:hover{opacity:1}.dialog .close .icon{width:20px;height:20px;stroke:#4c4c4c}.overlay{position:fixed;z-index:90;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.88);visibility:hidden;opacity:0}.overlay.light{background:hsla(0,0%,100%,.92)}.overlay .cancel{position:absolute;width:100%;height:100%;cursor:default}.overlay:target{visibility:visible;opacity:1}.toggle{position:relative;display:inline-block}.toggle-input{display:none}.toggle-label{display:block;width:48px;height:24px;text-indent:-9999px;clip:rect(0 0 0 0);color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.toggle-label:after,.toggle-label:before{content:"";display:block;position:absolute;cursor:pointer}.toggle-label:before{width:100%;height:100%;background-color:#f0f0f0;border-radius:9999em;transition:background-color .25s ease}.toggle-label:after{top:0;left:0;width:24px;height:24px;border-radius:50%;background-color:#fff;transition:left .25s ease;box-shadow:1px 1px 4px 2px rgba(0,0,0,.0525)}.toggle-input:checked+.toggle-label:before{background-color:#0dc222}.toggle-input:checked+.toggle-label:after{left:25px}.toggle.activated .toggle-label{opacity:1}.toggle.activated .toggle-label:before{background-color:#0dc222}.toggle.activated .toggle-label:after{left:24px}.toggle.activated .toggle-input:checked+.toggle-label:before{background-color:#f0f0f0}.toggle.activated .toggle-input:checked+.toggle-label:after{left:0!important}.toggle.disabled{cursor:default}.toggle.disabled .toggle-input:checked+.toggle-label{opacity:.7}.toggle.disabled .toggle-input:checked+.toggle-label:before{background-color:#f0f0f0}.toggle.disabled .toggle-input:checked+.toggle-label:after{left:25px}.toggle.disabled .toggle-label{opacity:.7;cursor:default}.toggle.disabled .toggle-label:before{background-color:#f0f0f0;cursor:default}.toggle.disabled .toggle-label:after{top:0;left:0!important;box-shadow:1px 1px 4px 2px rgba(0,0,0,.0525)}.flex{flex-wrap:wrap}.container-fluid{margin-right:auto;margin-left:auto;padding-right:2rem;padding-left:2rem}.row{box-sizing:border-box;display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:wrap;margin-right:-.5rem;margin-left:-.5rem}.row.reverse{flex-direction:row-reverse}.col.reverse{flex-direction:column-reverse}.col-xs,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{box-sizing:border-box;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-xs{flex-grow:1;flex-basis:0;max-width:100%}.col-xs-1{flex-basis:8.333%;max-width:8.333%}.col-xs-2{flex-basis:16.667%;max-width:16.667%}.col-xs-3{flex-basis:25%;max-width:25%}.col-xs-4{flex-basis:33.333%;max-width:33.333%}.col-xs-5{flex-basis:41.667%;max-width:41.667%}.col-xs-6{flex-basis:50%;max-width:50%}.col-xs-7{flex-basis:58.333%;max-width:58.333%}.col-xs-8{flex-basis:66.667%;max-width:66.667%}.col-xs-9{flex-basis:75%;max-width:75%}.col-xs-10{flex-basis:83.333%;max-width:83.333%}.col-xs-11{flex-basis:91.667%;max-width:91.667%}.col-xs-12{flex-basis:100%;max-width:100%}.col-xs-offset-1{margin-left:8.333%}.col-xs-offset-2{margin-left:16.667%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-4{margin-left:33.333%}.col-xs-offset-5{margin-left:41.667%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-7{margin-left:58.333%}.col-xs-offset-8{margin-left:66.667%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-10{margin-left:83.333%}.col-xs-offset-11{margin-left:91.667%}.start-xs{justify-content:flex-start;text-align:start}.center-xs{justify-content:center;text-align:center}.end-xs{justify-content:flex-end;text-align:end}.top-xs{align-items:flex-start}.middle-xs{align-items:center}.bottom-xs{align-items:flex-end}.around-xs{justify-content:space-around}.between-xs{justify-content:space-between}.first-xs{order:-1}.last-xs{order:1}.icon{width:32px;height:32px;stroke:#8549b9;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;fill:none;color:#8549b9}.icon.lg{width:52px;height:52px}.icon.sm{width:20px;height:20px}.m-0{margin:0}.ml-0{margin-left:0}.mr-0{margin-right:0}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.mr-1{margin-right:2.66667px}.mr-2{margin-right:4px}.mr-3{margin-right:8px}.mr-4{margin-right:16px}.mr-5{margin-right:24px}.mr-6{margin-right:32px}.mr-7{margin-right:40px}.mr-8{margin-right:64px}.ml-1{margin-left:2.66667px}.ml-2{margin-left:4px}.ml-3{margin-left:8px}.ml-4{margin-left:16px}.ml-5{margin-left:24px}.ml-6{margin-left:32px}.ml-7{margin-left:40px}.ml-8{margin-left:64px}.mt-1{margin-top:2.66667px}.mt-2{margin-top:4px}.mt-3{margin-top:8px}.mt-4{margin-top:16px}.mt-5{margin-top:24px}.mt-6{margin-top:32px}.mt-7{margin-top:40px}.mt-8{margin-top:64px}.mb-1{margin-bottom:2.66667px}.mb-2{margin-bottom:4px}.mb-3{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-5{margin-bottom:24px}.mb-6{margin-bottom:32px}.mb-7{margin-bottom:40px}.mb-8{margin-bottom:64px}.p-0{padding:0}.pl-0{padding-left:0}.pr-0{padding-right:0}.pt-0{padding-top:0}.pb-0{padding-bottom:0}.pr-1{padding-right:2.66667px}.pr-2{padding-right:4px}.pr-3{padding-right:8px}.pr-4{padding-right:16px}.pr-5{padding-right:24px}.pr-6{padding-right:32px}.pr-7{padding-right:40px}.pr-8{padding-right:64px}.pl-1{padding-left:2.66667px}.pl-2{padding-left:4px}.pl-3{padding-left:8px}.pl-4{padding-left:16px}.pl-5{padding-left:24px}.pl-6{padding-left:32px}.pl-7{padding-left:40px}.pl-8{padding-left:64px}.pt-1{padding-top:2.66667px}.pt-2{padding-top:4px}.pt-3{padding-top:8px}.pt-4{padding-top:16px}.pt-5{padding-top:24px}.pt-6{padding-top:32px}.pt-7{padding-top:40px}.pt-8{padding-top:64px}.pb-1{padding-bottom:2.66667px}.pb-2{padding-bottom:4px}.pb-3{padding-bottom:8px}.pb-4{padding-bottom:16px}.pb-5{padding-bottom:24px}.pb-6{padding-bottom:32px}.pb-7{padding-bottom:40px}.pb-8{padding-bottom:64px}.left-0{left:0}.left-50{left:50%}.left-50-offset{left:-50%}.right-0{right:0}.right-50{right:50%}.right-50-offset{right:-50%}.top-0{top:0}.top-50{top:50%}.top-50-offset{top:-50%}.bottom-0{bottom:0}.bottom-50{bottom:50%}.bottom-50-offset{bottom:-50%}.pull-right{float:right}.pull-left{float:left}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.full-screen{width:100%;min-height:100vh}.full-width{width:100%}.full-height{height:100%;min-height:100%}.vertical-align{display:flex;align-items:center}.center,.horizontal-align{display:flex;justify-content:center}.center{align-items:center;flex-direction:column}.end{justify-content:flex-end}.end,.start{display:flex;align-items:center}.start{justify-content:flex-start}.flex{display:flex}.absolute{position:absolute}.fixed{position:fixed}.wrap{flex-wrap:wrap}.relative{position:relative}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 /*# sourceMappingURL=vishnu.extensions.min.css.map */
diff --git a/packages/vishnucss-extensions/dist/vishnu.extensions.min.css.map b/packages/vishnucss-extensions/dist/vishnu.extensions.min.css.map
index 3132542..e80dd49 100644
--- a/packages/vishnucss-extensions/dist/vishnu.extensions.min.css.map
+++ b/packages/vishnucss-extensions/dist/vishnu.extensions.min.css.map
@@ -1 +1 @@
-{"version":3,"sources":["alert.css","avatar.css","chips.css","card.css","collapse.css","dialog.css","toggle.css","grid.css","icons.css","spacing.css","utils.css"],"names":[],"mappings":";;;;;AAgBA,OACA,kBAAA,AACA,iBAAA,AACA,mBAAA,AACA,uBAAA,AACA,cAAA,AACA,kBAAA,AACA,+BAAA,AACA,yBAAA,AACA,aAAA,AACA,2BAAA,AACA,qBAAA,CACA,AAOA,kCALA,QAAA,CACA,AACA,cACA,kBAAA,CACA,AAEA,cACA,kBAAA,AACA,UAAA,AACA,QAAA,AACA,aAAA,AACA,uBAAA,AACA,mBAAA,AACA,UAAA,AACA,WAAA,AACA,YAAA,AACA,gBAAA,AACA,iBAAA,AACA,uBAAA,AACA,kBAAA,AACA,aAAA,CACA,AAYA,oBAXA,WAAA,AACA,WAAA,CACA,AAQA,yBAPA,YAAA,CACA,AAEA,2BACA,eAAA,AACA,cAAA,CACA,AAGA,YACA,gCAAA,AACA,gCAAA,CAEA,AAkBA,+BAnBA,aAAA,CAGA,AACA,yBACA,yBAAA,CACA,AAGA,8BACA,YAAA,CACA,AAEA,gCACA,eAAA,AACA,cAAA,CACA,AAIA,eACA,+BAAA,AACA,gCAAA,AACA,aAAA,CACA,AAWA,sBAVA,aAAA,CACA,AACA,4BACA,wBAAA,CACA,AACA,sBACA,yBAAA,AACA,8BAAA,AACA,UAAA,CACA,AAEA,aACA,+BAAA,AACA,gCAAA,AACA,aAAA,CAGA,AAaA,+BAZA,YAAA,CACA,AAEA,iCACA,eAAA,AACA,cAAA,CACA,AAGA,0BACA,wBAAA,CACA,AAEA,eACA,+BAAA,AACA,gCAAA,AACA,aAAA,CACA,AAgBA,sBAfA,wBAAA,CAEA,AASA,iCARA,YAAA,CACA,AAEA,mCACA,eAAA,AACA,cAAA,CACA,AAGA,4BACA,wBAAA,CACA,AAEA,eACA,mBAAA,AACA,kBAAA,AACA,kBAAA,CACA,AAKA,sBAJA,QAAA,AACA,iBAAA,AACA,UAAA,CACA,AAIA,aACA,0BAAA,AACA,8BAAA,CACA,AChJA,QACA,WAAA,AACA,YAAA,AACA,eAAA,AACA,eAAA,AACA,gBAAA,AACA,mBAAA,AACA,kBAAA,AACA,mBAAA,AACA,gBAAA,AACA,aAAA,AACA,mBAAA,AACA,uBAAA,AACA,gBAAA,AACA,aAAA,CACA,AACA,gBACA,mBAAA,AACA,UAAA,CACA,AAKA,wBAJA,uBAAA,AACA,qBAAA,AACA,aAAA,CACA,AAEA,gBACA,uBAAA,AACA,wBAAA,CACA,AACA,cACA,WAAA,AACA,YAAA,AACA,eAAA,AACA,eAAA,AACA,eAAA,CACA,AACA,cACA,WAAA,AACA,YAAA,AACA,eAAA,AACA,eAAA,AACA,eAAA,CACA,ACrCA,OACA,oBAAA,AACA,mBAAA,AACA,uBAAA,AACA,UAAA,AACA,YAAA,AACA,mBAAA,AACA,kBAAA,CACA,AAkBA,cAjBA,iBAAA,CACA,AACA,aACA,WAAA,AACA,YAAA,AACA,gBAAA,AACA,iBAAA,CACA,AAIA,mBAHA,iBAAA,AACA,gBAAA,CACA,AAEA,cACA,eAAA,AACA,gBAAA,AACA,cAAA,CACA,AAGA,aACA,WAAA,CACA,AAMA,iBALA,eAAA,CACA,AACA,oBACA,cAAA,CACA,AAGA,aACA,YAAA,AACA,cAAA,CACA,AAMA,iBALA,eAAA,CACA,AACA,oBACA,cAAA,CACA,AAGA,eACA,kBAAA,CACA,AAMA,sBALA,UAAA,CACA,AACA,qBACA,WAAA,CACA,AAGA,aACA,kBAAA,CACA,AAMA,oBALA,UAAA,CACA,AACA,mBACA,WAAA,CACA,AAGA,eACA,kBAAA,CACA,AAMA,sBALA,UAAA,CACA,AACA,qBACA,WAAA,CACA,AAGA,YACA,kBAAA,CACA,AAMA,mBALA,UAAA,CACA,AACA,kBACA,WAAA,CACA,AAGA,eACA,kBAAA,CACA,AAMA,sBALA,UAAA,CACA,AACA,qBACA,WAAA,CACA,AAGA,YACA,0BAAA,CACA,AAMA,mBALA,UAAA,CACA,AACA,kBACA,WAAA,CACA,AAGA,eACA,uBAAA,AACA,4BAAA,CACA,AAgDA,oBA/CA,cAAA,CACA,AACA,uBACA,4BAAA,CACA,AAMA,6BALA,cAAA,CACA,AACA,8BACA,aAAA,CACA,AAEA,qBACA,4BAAA,CACA,AAMA,2BALA,cAAA,CACA,AACA,4BACA,aAAA,CACA,AAEA,uBACA,4BAAA,CACA,AAMA,6BALA,cAAA,CACA,AACA,8BACA,aAAA,CACA,AAEA,oBACA,4BAAA,CACA,AAMA,0BALA,cAAA,CACA,AACA,2BACA,aAAA,CACA,AAEA,uBACA,4BAAA,CACA,AAMA,6BALA,cAAA,CACA,AACA,8BACA,aAAA,CACA,ACpKA,MACA,yBAAA,AACA,gBAAA,AACA,iBAAA,CACA,AACA,sCACA,kBAAA,AACA,8BAAA,AACA,aAAA,AACA,YAAA,CACA,AACA,mBACA,+BAAA,CACA,AACA,mBACA,4BAAA,CACA,AACA,kBACA,QAAA,CACA,AACA,oBACA,iBAAA,CACA,AClBA,UACA,UAAA,CACA,AAYA,yBAXA,kBAAA,AACA,kBAAA,AACA,WAAA,AACA,cAAA,AACA,gBAAA,AACA,yBAAA,AACA,8BAAA,CACA,AAGA,+BAFA,oBAAA,CACA,AAIA,gBACA,kBAAA,AACA,UAAA,AACA,UAAA,CAEA,AAIA,mFAHA,yBAAA,CACA,AAIA,uBACA,WAAA,AACA,YAAA,AACA,eAAA,AACA,8BAAA,CACA,AAEA,gBACA,kBAAA,AACA,aAAA,AACA,8BAAA,AACA,mBAAA,AACA,iBAAA,AACA,gBAAA,AACA,cAAA,AACA,cAAA,CACA,AAGA,sBAFA,sBAAA,CACA,AAEA,kBACA,aAAA,AACA,eAAA,AACA,gBAAA,AACA,gBAAA,AACA,0BAAA,CACA,AAKA,oBAJA,eAAA,AACA,iBAAA,AACA,aAAA,CACA,AAEA,0CACA,eAAA,CACA,AClEA,QACA,iBAAA,AACA,aAAA,AACA,gBAAA,AACA,yBAAA,AACA,YAAA,AACA,aAAA,AACA,YAAA,AACA,kBAAA,AACA,iBAAA,CACA,AACA,eACA,kBAAA,AACA,WAAA,AACA,YAAA,AACA,SAAA,AACA,WAAA,AACA,WAAA,AACA,eAAA,AACA,gBAAA,AACA,qBAAA,AACA,UAAA,CACA,AAQA,qBAPA,SAAA,CACA,AACA,qBACA,WAAA,AACA,YAAA,AACA,cAAA,CACA,AAEA,SACA,eAAA,AACA,WAAA,AACA,MAAA,AACA,SAAA,AACA,OAAA,AACA,QAAA,AACA,2BAAA,AACA,kBAAA,AACA,SAAA,CACA,AAaA,eAZA,8BAAA,CACA,AACA,iBACA,kBAAA,AACA,WAAA,AACA,YAAA,AACA,cAAA,CACA,AACA,gBACA,mBAAA,AACA,SAAA,CACA,ACjDA,QACA,kBAAA,AACA,oBAAA,CACA,AAOA,cACA,YAAA,CACA,AAOA,cACA,cAAA,AACA,WAAA,AACA,YAAA,AACA,oBAAA,AACA,mBAAA,AACA,kBAAA,AACA,yBAAA,sBAAA,qBAAA,gBAAA,CACA,AAuBA,yCAtBA,WAAA,AACA,cAAA,AACA,kBAAA,AACA,cAAA,CACA,AACA,qBACA,WAAA,AACA,YAAA,AACA,yBAAA,AACA,qBAAA,AACA,qCAAA,CACA,AACA,oBACA,MAAA,AACA,OAAA,AACA,WAAA,AACA,YAAA,AACA,kBAAA,AACA,sBAAA,AACA,0BAAA,AACA,4CAAA,CACA,AAQA,2CACA,wBAAA,CACA,AACA,0CACA,SAAA,CACA,AAQA,gCACA,SAAA,CACA,AAMA,uCALA,wBAAA,CACA,AACA,sCACA,SAAA,CACA,AAGA,6DACA,wBAAA,CACA,AACA,4DACA,gBAAA,CACA,AAQA,iBACA,cAAA,CACA,AAsBA,qDArBA,UAAA,CACA,AAMA,4DALA,wBAAA,CACA,AACA,2DACA,SAAA,CACA,AAEA,+BACA,WAAA,AACA,cAAA,CACA,AASA,sCARA,yBAAA,AACA,cAAA,CACA,AACA,qCACA,MAAA,AACA,iBAAA,AACA,4CAAA,CACA,ACtHA,MAEA,cAAA,CACA,AACA,iBACA,kBAAA,AACA,iBAAA,AACA,mBAAA,AACA,iBAAA,CACA,AACA,KACA,sBAAA,AACA,aAAA,AACA,cAAA,AACA,mBAAA,AACA,eAAA,AACA,oBAAA,AACA,kBAAA,CACA,AACA,aACA,0BAAA,CACA,AACA,aACA,6BAAA,CACA,AACA,mIACA,sBAAA,AACA,cAAA,AACA,oBAAA,AACA,kBAAA,CACA,AACA,QACA,YAAA,AACA,aAAA,AACA,cAAA,CACA,AACA,UACA,kBAAA,AACA,gBAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,eAAA,AACA,aAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,eAAA,AACA,aAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,eAAA,AACA,aAAA,CACA,AACA,WACA,mBAAA,AACA,iBAAA,CACA,AACA,WACA,mBAAA,AACA,iBAAA,CACA,AACA,WACA,gBAAA,AACA,cAAA,CACA,AACA,iBACA,kBAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,eAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,eAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,eAAA,CACA,AACA,kBACA,mBAAA,CACA,AACA,kBACA,mBAAA,CACA,AACA,UACA,2BAAA,AACA,gBAAA,CACA,AACA,WACA,uBAAA,AACA,iBAAA,CACA,AACA,QACA,yBAAA,AACA,cAAA,CACA,AACA,QACA,sBAAA,CACA,AACA,WACA,kBAAA,CACA,AACA,WACA,oBAAA,CACA,AACA,WACA,4BAAA,CACA,AACA,YACA,6BAAA,CACA,AACA,UACA,QAAA,CACA,AACA,SACA,OAAA,CACA,ACtJA,MACA,WAAA,AACA,YAAA,AACA,eAAA,AACA,iBAAA,AACA,qBAAA,AACA,sBAAA,AACA,UAAA,AACA,aAAA,CACA,AAEA,SACA,WAAA,AACA,WAAA,CACA,AAEA,SACA,WAAA,AACA,WAAA,CACA,AC3BA,KACA,QAAA,CACA,AACA,MACA,aAAA,CACA,AACA,MACA,cAAA,CACA,AACA,MACA,YAAA,CACA,AACA,MACA,eAAA,CACA,AACA,MACA,qCAAA,CACA,AACA,MACA,qCAAA,CACA,AACA,MACA,qCAAA,CACA,AACA,MACA,iBAAA,CACA,AACA,MACA,uCAAA,CACA,AACA,MACA,uCAAA,CACA,AACA,MACA,uCAAA,CACA,AACA,MACA,2CAAA,CACA,AACA,MACA,oCAAA,CACA,AACA,MACA,oCAAA,CACA,AACA,MACA,oCAAA,CACA,AACA,MACA,gBAAA,CACA,AACA,MACA,sCAAA,CACA,AACA,MACA,sCAAA,CACA,AACA,MACA,sCAAA,CACA,AACA,MACA,0CAAA,CACA,AACA,MACA,mCAAA,CACA,AACA,MACA,mCAAA,CACA,AACA,MACA,mCAAA,CACA,AACA,MACA,eAAA,CACA,AACA,MACA,qCAAA,CACA,AACA,MACA,qCAAA,CACA,AACA,MACA,qCAAA,CACA,AACA,MACA,yCAAA,CACA,AACA,MACA,sCAAA,CACA,AACA,MACA,sCAAA,CACA,AACA,MACA,sCAAA,CACA,AACA,MACA,kBAAA,CACA,AACA,MACA,wCAAA,CACA,AACA,MACA,wCAAA,CACA,AACA,MACA,wCAAA,CACA,AACA,MACA,4CAAA,CACA,AAGA,KACA,SAAA,CACA,AACA,MACA,cAAA,CACA,AACA,MACA,eAAA,CACA,AACA,MACA,aAAA,CACA,AACA,MACA,gBAAA,CACA,AACA,MACA,sCAAA,CACA,AACA,MACA,sCAAA,CACA,AACA,MACA,sCAAA,CACA,AACA,MACA,kBAAA,CACA,AACA,MACA,wCAAA,CACA,AACA,MACA,wCAAA,CACA,AACA,MACA,wCAAA,CACA,AACA,MACA,4CAAA,CACA,AACA,MACA,qCAAA,CACA,AACA,MACA,qCAAA,CACA,AACA,MACA,qCAAA,CACA,AACA,MACA,iBAAA,CACA,AACA,MACA,uCAAA,CACA,AACA,MACA,uCAAA,CACA,AACA,MACA,uCAAA,CACA,AACA,MACA,2CAAA,CACA,AAGA,MACA,oCAAA,CACA,AACA,MACA,oCAAA,CACA,AACA,MACA,oCAAA,CACA,AACA,MACA,gBAAA,CACA,AACA,MACA,sCAAA,CACA,AACA,MACA,sCAAA,CACA,AACA,MACA,sCAAA,CACA,AACA,MACA,0CAAA,CACA,AACA,MACA,uCAAA,CACA,AACA,MACA,uCAAA,CACA,AACA,MACA,uCAAA,CACA,AACA,MACA,mBAAA,CACA,AACA,MACA,yCAAA,CACA,AACA,MACA,yCAAA,CACA,AACA,MACA,yCAAA,CACA,AACA,MACA,6CAAA,CACA,AAGA,QACA,MAAA,CACA,AACA,SACA,QAAA,CACA,AACA,gBACA,SAAA,CACA,AAEA,SACA,OAAA,CACA,AACA,UACA,SAAA,CACA,AACA,iBACA,UAAA,CACA,AAEA,OACA,KAAA,CACA,AACA,QACA,OAAA,CACA,AACA,eACA,QAAA,CACA,AAEA,UACA,QAAA,CACA,AACA,WACA,UAAA,CACA,AACA,kBACA,WAAA,CACA,AC3QA,YACA,WAAA,CACA,AAEA,WACA,UAAA,CACA,AAEA,aACA,iBAAA,CACA,AAEA,WACA,eAAA,CACA,AAEA,YACA,gBAAA,CACA,AAEA,aACA,WAAA,AACA,gBAAA,CACA,AAEA,YACA,UAAA,CACA,AAEA,aACA,YAAA,AACA,eAAA,CACA,AAEA,gBACA,aAAA,AACA,kBAAA,CACA,AAOA,0BAJA,aAAA,AACA,sBAAA,CAGA,AAKA,QAHA,mBAAA,AAEA,qBAAA,CACA,AAEA,KAGA,wBAAA,CACA,AAEA,YALA,aAAA,AACA,kBAAA,CAIA,AAIA,OADA,0BAAA,CACA,AAEA,MACA,YAAA,CACA,AAEA,UACA,iBAAA,CACA,AAEA,OACA,cAAA,CACA,AAEA,MACA,cAAA,CACA,AAEA,UACA,iBAAA,CACA,AAEA,UACA,mBAAA,AACA,gBAAA,AACA,sBAAA,CACA","file":"vishnu.extensions.min.css","sourcesContent":["/*\n* Alert\n*/\n\n/*\n*\n* @ custom-properties\n* :--alert .alert;\n* :--close .close;\n* :--info .info;\n* :--error .error;\n* :--warning .warning;\n* :--rounded .rounded;\n* :--placeholder .placeholder;\n*\n*/\n:--alert {\n  position: relative;\n  padding: 8px 20px;\n  margin-bottom: 15px;\n  background: transparent;\n  color: var(--base-text-color);\n  border-radius: var(--base-radius);\n  transition: var(--transition);\n  border: 1px solid var(--base-border-color);\n  display: flex;\n  justify-content: flex-start;\n  flex-direction: column;\n  & .title,\n  & .description {\n    margin: 0;\n  }\n  & .title {\n    padding-right: 20px;\n  }\n}\n:--alert :--close {\n  position: absolute;\n  right: 5px;\n  top: 5px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 0;\n  width: 28px;\n  height: 28px;\n  min-height: 28px;\n  font-size: 1.3rem;\n  background: transparent;\n  border-radius: var(--base-rounded-radius);\n  color: var(--base-dark-color);\n  & .icon {\n    width: 24px;\n    height: 24px;\n    & path {\n      fill: var(--base-text-color);\n    }\n\n    & circle {\n      stroke: var(--base-text-color);\n      stroke-width: 1;\n    }\n  }\n}\n:--alert:--info {\n  background: color-mod(var(--base-info-color) alpha(5%));\n  border-color: color-mod(var(--base-info-color) alpha(50%));\n  color: var(--base-info-color);\n  &:before {\n    color: var(--base-info-color);\n  }\n  & .description {\n    color: color-mod(var(--base-info-color) alpha(60%));\n  }\n  & .close {\n    & .icon {\n      & path {\n        fill: var(--primary-color);\n      }\n\n      & circle {\n        stroke: var(--primary-color);\n        stroke-width: 1;\n      }\n    }\n  }\n}\n:--alert:--warning {\n  background: color-mod(var(--base-warning-color) alpha(5%));\n  border-color: color-mod(var(--base-warning-color) alpha(50%));\n  color: var(--base-warning-color);\n  &:before {\n    color: var(--base-warning-color);\n  }\n  & .description {\n    color: color-mod(var(--base-warning-color) alpha(60%));\n  }\n  & .close {\n    border-color: transparent;\n    background: color-mod(var(--base-warning-color) alpha(50%));\n    color: #fff;\n  }\n}\n:--alert:--error {\n  background: color-mod(var(--base-error-color) alpha(5%));\n  border-color: color-mod(var(--base-error-color) alpha(50%));\n  color: var(--base-error-color);\n  & .close {\n    & .icon {\n      & path {\n        fill: var(--base-error-color);\n      }\n\n      & circle {\n        stroke: var(--base-error-color);\n        stroke-width: 1;\n      }\n    }\n  }\n  & .description {\n    color: color-mod(var(--base-error-color) alpha(60%));\n  }\n}\n:--alert:--success {\n  background: color-mod(var(--base-success-color) alpha(5%));\n  border-color: color-mod(var(--base-success-color) alpha(10%));\n  color: var(--base-success-color);\n  & .close {\n    border-color: transparent;\n    & .icon {\n      & path {\n        fill: var(--base-success-color);\n      }\n\n      & circle {\n        stroke: var(--base-success-color);\n        stroke-width: 1;\n      }\n    }\n  }\n  & .description {\n    color: color-mod(var(--base-success-color) alpha(60%));\n  }\n}\n:--alert:--rounded {\n  border-radius: 4rem;\n  padding-left: 30px;\n  padding-right: 30px;\n  & .close {\n    top: 50%;\n    margin-top: -16px;\n    right: 14px;\n  }\n}\n\n/* Placeholder */\n:--placeholder {\n  border: 2px dashed var(--base-light-color);\n  background: color-mod(var(--base-color) alpha(15%));\n}\n","/*\n* Avatar\n*/\n\n/*\n*\n* @ custom-properties\n* :--avatar .avatar;\n* :--avatar-primary .avatar.primary;\n* :--avatar-outline .avatar.outline;\n* :--avatar-small .avatar.small;\n* :--avatar-large .avatar.large;\n*\n*/\n\n:--avatar {\n  width: 42px;\n  height: 42px;\n  max-width: 42px;\n  min-width: 42px;\n  flex-basis: 42px;\n  background: #f1f1f1;\n  border-radius: 50%;\n  line-height: normal;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 700;\n  color: var(--base-dark-color);\n}\n:--avatar-primary {\n  background: var(--primary-color);\n  color: #fff;\n  &.outline {\n    background: transparent;\n    border-color: var(--primary-color);\n    color: var(--primary-color);\n  }\n}\n:--avatar-outline {\n  background: transparent;\n  border: 1px solid var(--base-dark-color);\n}\n:--avatar-small {\n  width: 32px;\n  height: 32px;\n  max-width: 32px;\n  min-width: 32px;\n  flex-basis: 32px;\n}\n:--avatar-large {\n  width: 62px;\n  height: 62px;\n  max-width: 62px;\n  min-width: 62px;\n  flex-basis: 62px;\n}\n","/*\n* Chips\n*/\n\n/*\n*\n* @ custom-properties\n* :--chips .chips;\n* :--chips-outline .outline;\n* :--chips-large .large;\n* :--chips-small .small;\n* :--chips-primary .primary;\n* :--chips-info .info;\n* :--chips-success .success;\n* :--chips-error .error;\n* :--chips-dark .dark;\n* :--chips-warning .warning;\n*\n*/\n\n:--chips {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  height: 28px;\n  border-radius: 50px;\n  background: #f2f2f2;\n  & .image {\n    border-radius: 50%;\n  }\n  & .icon {\n    width: 22px;\n    height: 22px;\n    margin-left: 8px;\n    margin-right: -8px;\n    &.right {\n      margin-right: 8px;\n      margin-left: -8px;\n    }\n  }\n  & .label {\n    font-size: 13px;\n    font-weight: 500;\n    padding: 0 12px;\n  }\n}\n\n:--chips-small {\n  height: 20px;\n  & img {\n    max-height: 20px;\n  }\n  & .label {\n    font-size: 12px;\n  }\n}\n\n:--chips-large {\n  height: 42px;\n  padding: 0 16px;\n  & img {\n    max-height: 42px;\n  }\n  & .label {\n    font-size: 16px;\n  }\n}\n\n:--chips-primary {\n  background: var(--primary-color);\n  & .label {\n    color: #fff;\n  }\n  & .icon {\n    stroke: #fff;\n  }\n}\n\n:--chips-error {\n  background: var(--base-error-color);\n  & .label {\n    color: #fff;\n  }\n  & .icon {\n    stroke: #fff;\n  }\n}\n\n:--chips-success {\n  background: var(--base-success-color);\n  & .label {\n    color: #fff;\n  }\n  & .icon {\n    stroke: #fff;\n  }\n}\n\n:--chips-info {\n  background: var(--base-info-color);\n  & .label {\n    color: #fff;\n  }\n  & .icon {\n    stroke: #fff;\n  }\n}\n\n:--chips-warning {\n  background: var(--base-warning-color);\n  & .label {\n    color: #fff;\n  }\n  & .icon {\n    stroke: #fff;\n  }\n}\n\n:--chips-dark {\n  background: rgba(0,0,0, .45);\n  & .label {\n    color: #fff;\n  }\n  & .icon {\n    stroke: #fff;\n  }\n}\n\n:--chips-outline {\n  background: transparent;\n  box-shadow: 0 0 0 1px var(--base-border-color);\n  &.icon {\n    stroke: var(--base-text-color);\n  }\n  &.primary {\n    box-shadow: 0 0 0 1px var(--primary-color);\n    & .icon {\n      stroke: var(--primary-color);\n    }\n    & .label {\n      color: var(--primary-color);\n    }\n  }\n  &.error {\n    box-shadow: 0 0 0 1px var(--base-error-color);\n    & .icon {\n      stroke: var(--base-error-color);\n    }\n    & .label {\n      color: var(--base-error-color);\n    }\n  }\n  &.success {\n    box-shadow: 0 0 0 1px var(--base-success-color);\n    & .icon {\n      stroke: var(--base-success-color);\n    }\n    & .label {\n      color: var(--base-success-color);\n    }\n  }\n  &.info {\n    box-shadow: 0 0 0 1px var(--base-info-color);\n    & .icon {\n      stroke: var(--base-info-color);\n    }\n    & .label {\n      color: var(--base-info-color);\n    }\n  }\n  &.warning {\n    box-shadow: 0 0 0 1px var(--base-warning-color);\n    & .icon {\n      stroke: var(--base-warning-color);\n    }\n    & .label {\n      color: var(--base-warning-color);\n    }\n  }\n}","/*\n* Card\n*/\n\n/*\n*\n* @ custom-properties\n* :--card .card;\n* :--header .card-header;\n* :--footer .card-footer;\n* :--content .card-content;\n*\n*/\n\n:--card {\n  border: 1px solid var(--base-light-color);\n  background: #fff;\n  border-radius: var(--base-radius);\n}\n:--card :--header, :--card :--footer {\n  position: relative;\n  background: color-mod(var(--base-color) alpha(30%));\n  padding: 10px;\n  display: flex;\n}\n:--card :--header {\n  border-bottom: 1px solid var(--base-light-color);\n}\n:--card :--footer {\n  border-top: 1px solid var(--base-light-color);\n}\n:--card :--title {\n  margin: 0;\n}\n:--card :--content {\n  padding: 15px 10px;\n}\n","/*\n* Collapse\n*/\n\n/*\n*\n* @ custom-properties\n* :--collapse .collapse;\n* :--collapse-content .collapse-content;\n* :--collapse-content-checked .collapse-content-checked;\n* :--collapse-item .collapse-item;\n* :--collapse-input .collapse-input;\n* :--collapse-label .collapse-label;\n* :--collapse-icon-right-left .icon.left;\n* :--collapse-icon-right .icon.right;\n*\n*/\n\n:--collapse {\n  width: 100%;\n  & :--collapse-item {\n    position: relative;\n    margin-bottom: 2px;\n    width: 100%;\n    color: var(--base-dark-color);\n    overflow: hidden;\n    border: 1px solid var(--base-light-color);\n    transition: var(--transition);\n    &:hover {\n      border-color: var(--primary-color);\n    }\n  }\n}\n\n:--collapse-input {\n  position: absolute;\n  opacity: 0;\n  z-index: -1;\n  &:checked ~ label {\n    & :--collapse-icon-right, & :--collapse-icon-left {\n      transform: rotate(-180deg);\n    }\n  }\n}\n\n:--collapse-icon-right, :--collapse-icon-left {\n  width: 22px;\n  height: 22px;\n  stroke: var(--base-dark-color);\n  transition: var(--transition);\n}\n\n:--collapse-label {\n  position: relative;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 6px 15px;\n  font-weight: 500;\n  line-height: 3;\n  cursor: pointer;\n  &:hover {\n    background: transparent;\n  }\n}\n:--collapse-content {\n  max-height: 0;\n  padding: 0 15px;\n  overflow: hidden;\n  background: rgba(255, 255, 255, 1);\n  transition: max-height .25s;\n  & p {\n    font-size: 14px;\n    line-height: 16px;\n    margin: 10px 0;\n  }\n}\n:--collapse-content-checked {\n  max-height: 10em;\n}\n","/*\n* Dialog\n*/\n\n/*\n*\n* @ custom-properties\n* :--dialog .dialog;\n* :--close .close;\n* :--light .light;\n* :--overlay .overlay;\n*\n*/\n:--dialog {\n  margin: 45px auto;\n  padding: 20px;\n  background: #fff;\n  border: 1px solid var(--base-border-color);\n  width: 480px;\n  height: 320px;\n  z-index: 100;\n  position: relative;\n  border-radius: var(--base-radius);\n}\n:--dialog :--close {\n  position: absolute;\n  width: 20px;\n  height: 20px;\n  top: 20px;\n  right: 20px;\n  opacity: 0.8;\n  font-size: 24px;\n  font-weight: bold;\n  text-decoration: none;\n  color: #666;\n  &:hover {\n    opacity: 1;\n  }\n  & .icon {\n    width: 20px;\n    height: 20px;\n    stroke: var(--base-text-color);\n  }\n}\n:--overlay {\n  position: fixed;\n  z-index: 90;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background: rgba(0, 0, 0, 0.88);\n  visibility: hidden;\n  opacity: 0;\n  &.light {\n    background: rgba(255, 255, 255, 0.92);\n  }\n  & .cancel {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    cursor: default;\n  }\n  &:target {\n    visibility: visible;\n    opacity: 1;\n  }\n}","/*\n* Toggle\n*/\n\n/*\n*\n* @ custom-properties\n* :--toggle .toggle;\n* :--toggle-small .toggle.small;\n* :--toggle-label .toggle-label;\n* :--toggle-activated .toggle.activated;\n* :--toggle-disabled .toggle.disabled;\n* :--toggle-checked .toggle-input:checked + .toggle-label;\n* :--toggle-input .toggle-input;\n*\n*/\n\n:--toggle {\n  position: relative;\n  display: inline-block;\n}\n\n\n/*\n* Hide input\n*/\n\n:--toggle-input {\n  display: none;\n}\n\n\n/*\n* Toggle Label\n*/\n\n:--toggle-label {\n  display: block;\n  width: var(--toggle-label-width);\n  height: var(--toggle-label-height);\n  text-indent: -9999px;\n  clip: rect(0 0 0 0);\n  color: transparent;\n  user-select: none;\n  &:before, &:after {\n    content: \"\";\n    display: block;\n    position: absolute;\n    cursor: pointer;\n  }\n  &:before {\n    width: var(--toggle-rail-width);\n    height: var(--toggle-rail-height);\n    background-color: var(--toggle-rail-background-color);\n    border-radius: var(--toggle-rail-border-radius);\n    transition: background-color var(--toggle-transition-duration) var(--toggle-transition-timing-function);\n  }\n  &:after {\n    top: 0;\n    left: 0;\n    width: var(--toggle-width);\n    height: var(--toggle-height);\n    border-radius: var(--toggle-border-radius);\n    background-color: var(--toggle-background-color);\n    transition: left var(--toggle-transition-duration) var(--toggle-transition-timing-function);\n    box-shadow: var(--toggle-box-shadow);\n  }\n}\n\n/*\n* Toggle checked\n*/\n\n:--toggle-checked {\n  &:before {\n    background-color: var(--toggle-rail-checked-background-color);\n  }\n  &:after {\n    left: var(--toggle-checked-left);\n  }\n}\n\n\n/*\n* Toggle activated\n*/\n:--toggle-activated {\n  & :--toggle-label {\n    opacity: 1;\n    &:before {\n      background-color: var(--base-success-color);\n    }\n    &:after {\n      left: 24px;\n    }\n  }\n  & :--toggle-checked {\n    &:before {\n      background-color: var(--toggle-rail-background-color);\n    }\n    &:after {\n      left: 0!important;\n    }\n  }\n}\n\n/*\n* Toggle disabled\n*/\n\n:--toggle-disabled {\n  cursor: default;\n  & :--toggle-checked {\n    opacity: 0.7;\n    &:before {\n      background-color: var(--toggle-rail-background-color);\n    }\n    &:after {\n      left: var(--toggle-checked-left);\n    }\n  }\n  & :--toggle-label {\n    opacity: 0.7;\n    cursor: default;\n    &:before {\n      background-color: var(--toggle-rail-background-color);\n      cursor: default;\n    }\n    &:after {\n      top: 0;\n      left: 0!important;\n      box-shadow: var(--toggle-box-shadow);\n    }\n  }\n}\n","/*\n * Grid\n*/\n\n/*\n*\n* @ custom-properties\n* :--all-cols-xs .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12;\n* :--all-cols-sm .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12;\n* :--all-cols-md .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12;\n* :--all-cols-lg .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12;\n*\n*/\n\n.flex {\n  display: flex;\n  flex-wrap: wrap;\n}\n.container-fluid {\n  margin-right: auto;\n  margin-left: auto;\n  padding-right: 2rem;\n  padding-left: 2rem;\n}\n.row {\n  box-sizing: border-box;\n  display: flex;\n  flex: 0 1 auto;\n  flex-direction: row;\n  flex-wrap: wrap;\n  margin-right: -0.5rem;\n  margin-left: -0.5rem;\n}\n.row.reverse {\n  flex-direction: row-reverse;\n}\n.col.reverse {\n  flex-direction: column-reverse;\n}\n:--all-cols-xs {\n  box-sizing: border-box;\n  flex: 0 0 auto;\n  padding-right: 0.5rem;\n  padding-left: 0.5rem;\n}\n.col-xs {\n  flex-grow: 1;\n  flex-basis: 0;\n  max-width: 100%;\n}\n.col-xs-1 {\n  flex-basis: 8.333%;\n  max-width: 8.333%;\n}\n.col-xs-2 {\n  flex-basis: 16.667%;\n  max-width: 16.667%;\n}\n.col-xs-3 {\n  flex-basis: 25%;\n  max-width: 25%;\n}\n.col-xs-4 {\n  flex-basis: 33.333%;\n  max-width: 33.333%;\n}\n.col-xs-5 {\n  flex-basis: 41.667%;\n  max-width: 41.667%;\n}\n.col-xs-6 {\n  flex-basis: 50%;\n  max-width: 50%;\n}\n.col-xs-7 {\n  flex-basis: 58.333%;\n  max-width: 58.333%;\n}\n.col-xs-8 {\n  flex-basis: 66.667%;\n  max-width: 66.667%;\n}\n.col-xs-9 {\n  flex-basis: 75%;\n  max-width: 75%;\n}\n.col-xs-10 {\n  flex-basis: 83.333%;\n  max-width: 83.333%;\n}\n.col-xs-11 {\n  flex-basis: 91.667%;\n  max-width: 91.667%;\n}\n.col-xs-12 {\n  flex-basis: 100%;\n  max-width: 100%;\n}\n.col-xs-offset-1 {\n  margin-left: 8.333%;\n}\n.col-xs-offset-2 {\n  margin-left: 16.667%;\n}\n.col-xs-offset-3 {\n  margin-left: 25%;\n}\n.col-xs-offset-4 {\n  margin-left: 33.333%;\n}\n.col-xs-offset-5 {\n  margin-left: 41.667%;\n}\n.col-xs-offset-6 {\n  margin-left: 50%;\n}\n.col-xs-offset-7 {\n  margin-left: 58.333%;\n}\n.col-xs-offset-8 {\n  margin-left: 66.667%;\n}\n.col-xs-offset-9 {\n  margin-left: 75%;\n}\n.col-xs-offset-10 {\n  margin-left: 83.333%;\n}\n.col-xs-offset-11 {\n  margin-left: 91.667%;\n}\n.start-xs {\n  justify-content: flex-start;\n  text-align: start;\n}\n.center-xs {\n  justify-content: center;\n  text-align: center;\n}\n.end-xs {\n  justify-content: flex-end;\n  text-align: end;\n}\n.top-xs {\n  align-items: flex-start;\n}\n.middle-xs {\n  align-items: center;\n}\n.bottom-xs {\n  align-items: flex-end;\n}\n.around-xs {\n  justify-content: space-around;\n}\n.between-xs {\n  justify-content: space-between;\n}\n.first-xs {\n  order: -1;\n}\n.last-xs {\n  order: 1;\n}\n@media (--md-viewport) {\n  :--all-cols-sm {\n    box-sizing: border-box;\n    flex: 0 0 auto;\n    padding-right: 0.5rem;\n    padding-left: 0.5rem;\n  }\n  .col-sm {\n    flex-grow: 1;\n    flex-basis: 0;\n    max-width: 100%;\n  }\n  .col-sm-1 {\n    flex-basis: 8.333%;\n    max-width: 8.333%;\n  }\n  .col-sm-2 {\n    flex-basis: 16.667%;\n    max-width: 16.667%;\n  }\n  .col-sm-3 {\n    flex-basis: 25%;\n    max-width: 25%;\n  }\n  .col-sm-4 {\n    flex-basis: 33.333%;\n    max-width: 33.333%;\n  }\n  .col-sm-5 {\n    flex-basis: 41.667%;\n    max-width: 41.667%;\n  }\n  .col-sm-6 {\n    flex-basis: 50%;\n    max-width: 50%;\n  }\n  .col-sm-7 {\n    flex-basis: 58.333%;\n    max-width: 58.333%;\n  }\n  .col-sm-8 {\n    flex-basis: 66.667%;\n    max-width: 66.667%;\n  }\n  .col-sm-9 {\n    flex-basis: 75%;\n    max-width: 75%;\n  }\n  .col-sm-10 {\n    flex-basis: 83.333%;\n    max-width: 83.333%;\n  }\n  .col-sm-11 {\n    flex-basis: 91.667%;\n    max-width: 91.667%;\n  }\n  .col-sm-12 {\n    flex-basis: 100%;\n    max-width: 100%;\n  }\n  .col-sm-offset-1 {\n    margin-left: 8.333%;\n  }\n  .col-sm-offset-2 {\n    margin-left: 16.667%;\n  }\n  .col-sm-offset-3 {\n    margin-left: 25%;\n  }\n  .col-sm-offset-4 {\n    margin-left: 33.333%;\n  }\n  .col-sm-offset-5 {\n    margin-left: 41.667%;\n  }\n  .col-sm-offset-6 {\n    margin-left: 50%;\n  }\n  .col-sm-offset-7 {\n    margin-left: 58.333%;\n  }\n  .col-sm-offset-8 {\n    margin-left: 66.667%;\n  }\n  .col-sm-offset-9 {\n    margin-left: 75%;\n  }\n  .col-sm-offset-10 {\n    margin-left: 83.333%;\n  }\n  .col-sm-offset-11 {\n    margin-left: 91.667%;\n  }\n  .start-sm {\n    justify-content: flex-start;\n    text-align: start;\n  }\n  .center-sm {\n    justify-content: center;\n    text-align: center;\n  }\n  .end-sm {\n    justify-content: flex-end;\n    text-align: end;\n  }\n  .top-sm {\n    align-items: flex-start;\n  }\n  .middle-sm {\n    align-items: center;\n  }\n  .bottom-sm {\n    align-items: flex-end;\n  }\n  .around-sm {\n    justify-content: space-around;\n  }\n  .between-sm {\n    justify-content: space-between;\n  }\n  .first-sm {\n    order: -1;\n  }\n  .last-sm {\n    order: 1;\n  }\n}\n@media (--lg-viewport) {\n  :--all-cols-md {\n    box-sizing: border-box;\n    flex: 0 0 auto;\n    padding-right: 0.5rem;\n    padding-left: 0.5rem;\n  }\n  .col-md {\n    flex-grow: 1;\n    flex-basis: 0;\n    max-width: 100%;\n  }\n  .col-md-1 {\n    flex-basis: 8.333%;\n    max-width: 8.333%;\n  }\n  .col-md-2 {\n    flex-basis: 16.667%;\n    max-width: 16.667%;\n  }\n  .col-md-3 {\n    flex-basis: 25%;\n    max-width: 25%;\n  }\n  .col-md-4 {\n    flex-basis: 33.333%;\n    max-width: 33.333%;\n  }\n  .col-md-5 {\n    flex-basis: 41.667%;\n    max-width: 41.667%;\n  }\n  .col-md-6 {\n    flex-basis: 50%;\n    max-width: 50%;\n  }\n  .col-md-7 {\n    flex-basis: 58.333%;\n    max-width: 58.333%;\n  }\n  .col-md-8 {\n    flex-basis: 66.667%;\n    max-width: 66.667%;\n  }\n  .col-md-9 {\n    flex-basis: 75%;\n    max-width: 75%;\n  }\n  .col-md-10 {\n    flex-basis: 83.333%;\n    max-width: 83.333%;\n  }\n  .col-md-11 {\n    flex-basis: 91.667%;\n    max-width: 91.667%;\n  }\n  .col-md-12 {\n    flex-basis: 100%;\n    max-width: 100%;\n  }\n  .col-md-offset-1 {\n    margin-left: 8.333%;\n  }\n  .col-md-offset-2 {\n    margin-left: 16.667%;\n  }\n  .col-md-offset-3 {\n    margin-left: 25%;\n  }\n  .col-md-offset-4 {\n    margin-left: 33.333%;\n  }\n  .col-md-offset-5 {\n    margin-left: 41.667%;\n  }\n  .col-md-offset-6 {\n    margin-left: 50%;\n  }\n  .col-md-offset-7 {\n    margin-left: 58.333%;\n  }\n  .col-md-offset-8 {\n    margin-left: 66.667%;\n  }\n  .col-md-offset-9 {\n    margin-left: 75%;\n  }\n  .col-md-offset-10 {\n    margin-left: 83.333%;\n  }\n  .col-md-offset-11 {\n    margin-left: 91.667%;\n  }\n  .start-md {\n    justify-content: flex-start;\n    text-align: start;\n  }\n  .center-md {\n    justify-content: center;\n    text-align: center;\n  }\n  .end-md {\n    justify-content: flex-end;\n    text-align: end;\n  }\n  .top-md {\n    align-items: flex-start;\n  }\n  .middle-md {\n    align-items: center;\n  }\n  .bottom-md {\n    align-items: flex-end;\n  }\n  .around-md {\n    justify-content: space-around;\n  }\n  .between-md {\n    justify-content: space-between;\n  }\n  .first-md {\n    order: -1;\n  }\n  .last-md {\n    order: 1;\n  }\n}\n@media (--lg-large-viewport) {\n  :--all-cols-lg {\n    box-sizing: border-box;\n    flex: 0 0 auto;\n    padding-right: 0.5rem;\n    padding-left: 0.5rem;\n  }\n  .col-lg {\n    flex-grow: 1;\n    flex-basis: 0;\n    max-width: 100%;\n  }\n  .col-lg-1 {\n    flex-basis: 8.333%;\n    max-width: 8.333%;\n  }\n  .col-lg-2 {\n    flex-basis: 16.667%;\n    max-width: 16.667%;\n  }\n  .col-lg-3 {\n    flex-basis: 25%;\n    max-width: 25%;\n  }\n  .col-lg-4 {\n    flex-basis: 33.333%;\n    max-width: 33.333%;\n  }\n  .col-lg-5 {\n    flex-basis: 41.667%;\n    max-width: 41.667%;\n  }\n  .col-lg-6 {\n    flex-basis: 50%;\n    max-width: 50%;\n  }\n  .col-lg-7 {\n    flex-basis: 58.333%;\n    max-width: 58.333%;\n  }\n  .col-lg-8 {\n    flex-basis: 66.667%;\n    max-width: 66.667%;\n  }\n  .col-lg-9 {\n    flex-basis: 75%;\n    max-width: 75%;\n  }\n  .col-lg-10 {\n    flex-basis: 83.333%;\n    max-width: 83.333%;\n  }\n  .col-lg-11 {\n    flex-basis: 91.667%;\n    max-width: 91.667%;\n  }\n  .col-lg-12 {\n    flex-basis: 100%;\n    max-width: 100%;\n  }\n  .col-lg-offset-1 {\n    margin-left: 8.333%;\n  }\n  .col-lg-offset-2 {\n    margin-left: 16.667%;\n  }\n  .col-lg-offset-3 {\n    margin-left: 25%;\n  }\n  .col-lg-offset-4 {\n    margin-left: 33.333%;\n  }\n  .col-lg-offset-5 {\n    margin-left: 41.667%;\n  }\n  .col-lg-offset-6 {\n    margin-left: 50%;\n  }\n  .col-lg-offset-7 {\n    margin-left: 58.333%;\n  }\n  .col-lg-offset-8 {\n    margin-left: 66.667%;\n  }\n  .col-lg-offset-9 {\n    margin-left: 75%;\n  }\n  .col-lg-offset-10 {\n    margin-left: 83.333%;\n  }\n  .col-lg-offset-11 {\n    margin-left: 91.667%;\n  }\n  .start-lg {\n    justify-content: flex-start;\n    text-align: start;\n  }\n  .center-lg {\n    justify-content: center;\n    text-align: center;\n  }\n  .end-lg {\n    justify-content: flex-end;\n    text-align: end;\n  }\n  .top-lg {\n    align-items: flex-start;\n  }\n  .middle-lg {\n    align-items: center;\n  }\n  .bottom-lg {\n    align-items: flex-end;\n  }\n  .around-lg {\n    justify-content: space-around;\n  }\n  .between-lg {\n    justify-content: space-between;\n  }\n  .first-lg {\n    order: -1;\n  }\n  .last-lg {\n    order: 1;\n  }\n}\n","/*\n* Icons\n*/\n\n/*\n*\n* @ custom-properties\n* :--icon .icon;\n* :--icon-large .icon.lg;\n* :--icon-small .icon.sm;\n*\n*/\n\n:--icon {\n  width: 32px;\n  height: 32px;\n  stroke: var(--primary-color);\n  stroke-width: 1.5;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  fill: none;\n  color: var(--primary-color);\n}\n\n:--icon-large {\n  width: 52px;\n  height: 52px;\n}\n\n:--icon-small {\n  width: 20px;\n  height: 20px;\n}\n","/*\n * Spacing\n*/\n\n/* Margins */\n.m-0 {\n  margin: 0;\n}\n.ml-0 {\n  margin-left: 0;\n}\n.mr-0 {\n  margin-right: 0;\n}\n.mt-0 {\n  margin-top: 0;\n}\n.mb-0 {\n  margin-bottom: 0;\n}\n.mr-1 {\n  margin-right: var(--spacing-xxs)\n}\n.mr-2 {\n  margin-right: var(--spacing-xs)\n}\n.mr-3 {\n  margin-right: var(--spacing-sm)\n}\n.mr-4 {\n  margin-right: var(--spacing-md)\n}\n.mr-5 {\n  margin-right: var(--spacing-lg)\n}\n.mr-6 {\n  margin-right: var(--spacing-xl)\n}\n.mr-7 {\n  margin-right: var(--spacing-xxl)\n}\n.mr-8 {\n  margin-right: var(--spacing-xxxl)\n}\n.ml-1 {\n  margin-left: var(--spacing-xxs)\n}\n.ml-2 {\n  margin-left: var(--spacing-xs)\n}\n.ml-3 {\n  margin-left: var(--spacing-sm)\n}\n.ml-4 {\n  margin-left: var(--spacing-md)\n}\n.ml-5 {\n  margin-left: var(--spacing-lg)\n}\n.ml-6 {\n  margin-left: var(--spacing-xl)\n}\n.ml-7 {\n  margin-left: var(--spacing-xxl)\n}\n.ml-8 {\n  margin-left: var(--spacing-xxxl)\n}\n.mt-1 {\n  margin-top: var(--spacing-xxs)\n}\n.mt-2 {\n  margin-top: var(--spacing-xs)\n}\n.mt-3 {\n  margin-top: var(--spacing-sm)\n}\n.mt-4 {\n  margin-top: var(--spacing-md)\n}\n.mt-5 {\n  margin-top: var(--spacing-lg)\n}\n.mt-6 {\n  margin-top: var(--spacing-xl)\n}\n.mt-7 {\n  margin-top: var(--spacing-xxl)\n}\n.mt-8 {\n  margin-top: var(--spacing-xxxl)\n}\n.mb-1 {\n  margin-bottom: var(--spacing-xxs)\n}\n.mb-2 {\n  margin-bottom: var(--spacing-xs)\n}\n.mb-3 {\n  margin-bottom: var(--spacing-sm)\n}\n.mb-4 {\n  margin-bottom: var(--spacing-md)\n}\n.mb-5 {\n  margin-bottom: var(--spacing-lg)\n}\n.mb-6 {\n  margin-bottom: var(--spacing-xl)\n}\n.mb-7 {\n  margin-bottom: var(--spacing-xxl)\n}\n.mb-8 {\n  margin-bottom: var(--spacing-xxxl)\n}\n\n/* Paddings */\n.p-0 {\n  padding: 0;\n}\n.pl-0 {\n  padding-left: 0;\n}\n.pr-0 {\n  padding-right: 0;\n}\n.pt-0 {\n  padding-top: 0;\n}\n.pb-0 {\n  padding-bottom: 0;\n}\n.pr-1 {\n  padding-right: var(--spacing-xxs)\n}\n.pr-2 {\n  padding-right: var(--spacing-xs)\n}\n.pr-3 {\n  padding-right: var(--spacing-sm)\n}\n.pr-4 {\n  padding-right: var(--spacing-md)\n}\n.pr-5 {\n  padding-right: var(--spacing-lg)\n}\n.pr-6 {\n  padding-right: var(--spacing-xl)\n}\n.pr-7 {\n  padding-right: var(--spacing-xxl)\n}\n.pr-8 {\n  padding-right: var(--spacing-xxxl)\n}\n.pl-1 {\n  padding-left: var(--spacing-xxs)\n}\n.pl-2 {\n  padding-left: var(--spacing-xs)\n}\n.pl-3 {\n  padding-left: var(--spacing-sm)\n}\n.pl-4 {\n  padding-left: var(--spacing-md)\n}\n.pl-5 {\n  padding-left: var(--spacing-lg)\n}\n.pl-6 {\n  padding-left: var(--spacing-xl)\n}\n.pl-7 {\n  padding-left: var(--spacing-xxl)\n}\n.pl-8 {\n  padding-left: var(--spacing-xxxl)\n}\n\n\n.pt-1 {\n  padding-top: var(--spacing-xxs)\n}\n.pt-2 {\n  padding-top: var(--spacing-xs)\n}\n.pt-3 {\n  padding-top: var(--spacing-sm)\n}\n.pt-4 {\n  padding-top: var(--spacing-md)\n}\n.pt-5 {\n  padding-top: var(--spacing-lg)\n}\n.pt-6 {\n  padding-top: var(--spacing-xl)\n}\n.pt-7 {\n  padding-top: var(--spacing-xxl)\n}\n.pt-8 {\n  padding-top: var(--spacing-xxxl)\n}\n.pb-1 {\n  padding-bottom: var(--spacing-xxs)\n}\n.pb-2 {\n  padding-bottom: var(--spacing-xs)\n}\n.pb-3 {\n  padding-bottom: var(--spacing-sm)\n}\n.pb-4 {\n  padding-bottom: var(--spacing-md)\n}\n.pb-5 {\n  padding-bottom: var(--spacing-lg)\n}\n.pb-6 {\n  padding-bottom: var(--spacing-xl)\n}\n.pb-7 {\n  padding-bottom: var(--spacing-xxl)\n}\n.pb-8 {\n  padding-bottom: var(--spacing-xxxl)\n}\n\n\n.left-0 {\n  left: 0;\n}\n.left-50 {\n  left: 50%;\n}\n.left-50-offset {\n  left: -50%;\n}\n\n.right-0 {\n  right: 0;\n}\n.right-50 {\n  right: 50%;\n}\n.right-50-offset {\n  right: -50%;\n}\n\n.top-0 {\n  top: 0;\n}\n.top-50 {\n  top: 50%;\n}\n.top-50-offset {\n  top: -50%;\n}\n\n.bottom-0 {\n  bottom: 0;\n}\n.bottom-50 {\n  bottom: 50%;\n}\n.bottom-50-offset {\n  bottom: -50%;\n}\n","/*\n * Utils\n*/\n\n.pull-right {\n  float: right;\n}\n\n.pull-left {\n  float: left;\n}\n\n.text-center {\n  text-align: center;\n}\n\n.text-left {\n  text-align: left;\n}\n\n.text-right {\n  text-align: right;\n}\n\n.full-screen {\n  width: 100%;\n  min-height: 100vh;\n}\n\n.full-width {\n  width: 100%;\n}\n\n.full-height {\n  height: 100%;\n  min-height: 100%;\n}\n\n.vertical-align {\n  display: flex;\n  align-items: center;\n}\n\n.horizontal-align {\n  display: flex;\n  justify-content: center;\n}\n\n.center {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n}\n\n.end {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n}\n\n.start {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n}\n\n.flex {\n  display: flex;\n}\n\n.absolute {\n  position: absolute;\n}\n\n.fixed {\n  position: fixed;\n}\n\n.wrap {\n  flex-wrap: wrap;\n}\n\n.relative {\n  position: relative;\n}\n\n.truncate {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["alert.css","avatar.css","chips.css","card.css","collapse.css","dialog.css","toggle.css","grid.css","icons.css","spacing.css","utils.css"],"names":[],"mappings":";;;;;AAgBA,OACA,kBAAA,AACA,iBAAA,AACA,mBAAA,AACA,uBAAA,AACA,cAAA,AACA,kBAAA,AACA,+BAAA,AACA,yBAAA,AACA,aAAA,AACA,2BAAA,AACA,qBAAA,CACA,AAOA,kCALA,QAAA,CACA,AACA,cACA,kBAAA,CACA,AAEA,cACA,kBAAA,AACA,UAAA,AACA,QAAA,AACA,aAAA,AACA,uBAAA,AACA,mBAAA,AACA,UAAA,AACA,WAAA,AACA,YAAA,AACA,gBAAA,AACA,iBAAA,AACA,uBAAA,AACA,kBAAA,AACA,aAAA,CACA,AAYA,oBAXA,WAAA,AACA,WAAA,CACA,AAQA,yBAPA,YAAA,CACA,AAEA,2BACA,eAAA,AACA,cAAA,CACA,AAGA,YACA,gCAAA,AACA,gCAAA,CAEA,AAkBA,+BAnBA,aAAA,CAGA,AACA,yBACA,yBAAA,CACA,AAGA,8BACA,YAAA,CACA,AAEA,gCACA,eAAA,AACA,cAAA,CACA,AAIA,eACA,+BAAA,AACA,gCAAA,AACA,aAAA,CACA,AAWA,sBAVA,aAAA,CACA,AACA,4BACA,wBAAA,CACA,AACA,sBACA,yBAAA,AACA,8BAAA,AACA,UAAA,CACA,AAEA,aACA,+BAAA,AACA,gCAAA,AACA,aAAA,CAGA,AAaA,+BAZA,YAAA,CACA,AAEA,iCACA,eAAA,AACA,cAAA,CACA,AAGA,0BACA,wBAAA,CACA,AAEA,eACA,+BAAA,AACA,gCAAA,AACA,aAAA,CACA,AAgBA,sBAfA,wBAAA,CAEA,AASA,iCARA,YAAA,CACA,AAEA,mCACA,eAAA,AACA,cAAA,CACA,AAGA,4BACA,wBAAA,CACA,AAEA,eACA,mBAAA,AACA,kBAAA,AACA,kBAAA,CACA,AAKA,sBAJA,QAAA,AACA,iBAAA,AACA,UAAA,CACA,AAIA,aACA,0BAAA,AACA,8BAAA,CACA,AChJA,QACA,WAAA,AACA,YAAA,AACA,eAAA,AACA,eAAA,AACA,gBAAA,AACA,mBAAA,AACA,kBAAA,AACA,mBAAA,AACA,gBAAA,AACA,aAAA,AACA,mBAAA,AACA,uBAAA,AACA,gBAAA,AACA,aAAA,CACA,AACA,gBACA,mBAAA,AACA,UAAA,CACA,AAKA,wBAJA,uBAAA,AACA,qBAAA,AACA,aAAA,CACA,AAEA,gBACA,uBAAA,AACA,wBAAA,CACA,AACA,cACA,WAAA,AACA,YAAA,AACA,eAAA,AACA,eAAA,AACA,eAAA,CACA,AACA,cACA,WAAA,AACA,YAAA,AACA,eAAA,AACA,eAAA,AACA,eAAA,CACA,ACrCA,OACA,oBAAA,AACA,mBAAA,AACA,uBAAA,AACA,UAAA,AACA,YAAA,AACA,mBAAA,AACA,kBAAA,CACA,AAkBA,cAjBA,iBAAA,CACA,AACA,aACA,WAAA,AACA,YAAA,AACA,gBAAA,AACA,iBAAA,CACA,AAIA,mBAHA,iBAAA,AACA,gBAAA,CACA,AAEA,cACA,eAAA,AACA,gBAAA,AACA,cAAA,CACA,AAGA,aACA,WAAA,CACA,AAMA,iBALA,eAAA,CACA,AACA,oBACA,cAAA,CACA,AAGA,aACA,YAAA,AACA,cAAA,CACA,AAMA,iBALA,eAAA,CACA,AACA,oBACA,cAAA,CACA,AAGA,eACA,kBAAA,CACA,AAMA,sBALA,UAAA,CACA,AACA,qBACA,WAAA,CACA,AAGA,aACA,kBAAA,CACA,AAMA,oBALA,UAAA,CACA,AACA,mBACA,WAAA,CACA,AAGA,eACA,kBAAA,CACA,AAMA,sBALA,UAAA,CACA,AACA,qBACA,WAAA,CACA,AAGA,YACA,kBAAA,CACA,AAMA,mBALA,UAAA,CACA,AACA,kBACA,WAAA,CACA,AAGA,eACA,kBAAA,CACA,AAMA,sBALA,UAAA,CACA,AACA,qBACA,WAAA,CACA,AAGA,YACA,0BAAA,CACA,AAMA,mBALA,UAAA,CACA,AACA,kBACA,WAAA,CACA,AAGA,eACA,uBAAA,AACA,4BAAA,CACA,AAgDA,oBA/CA,cAAA,CACA,AACA,uBACA,4BAAA,CACA,AAMA,6BALA,cAAA,CACA,AACA,8BACA,aAAA,CACA,AAEA,qBACA,4BAAA,CACA,AAMA,2BALA,cAAA,CACA,AACA,4BACA,aAAA,CACA,AAEA,uBACA,4BAAA,CACA,AAMA,6BALA,cAAA,CACA,AACA,8BACA,aAAA,CACA,AAEA,oBACA,4BAAA,CACA,AAMA,0BALA,cAAA,CACA,AACA,2BACA,aAAA,CACA,AAEA,uBACA,4BAAA,CACA,AAMA,6BALA,cAAA,CACA,AACA,8BACA,aAAA,CACA,ACpKA,MACA,yBAAA,AACA,gBAAA,AACA,iBAAA,CACA,AACA,sCACA,kBAAA,AACA,8BAAA,AACA,aAAA,AACA,YAAA,CACA,AACA,mBACA,+BAAA,CACA,AACA,mBACA,4BAAA,CACA,AACA,kBACA,QAAA,CACA,AACA,oBACA,iBAAA,CACA,AClBA,UACA,UAAA,CACA,AAYA,yBAXA,kBAAA,AACA,kBAAA,AACA,WAAA,AACA,cAAA,AACA,gBAAA,AACA,yBAAA,AACA,8BAAA,CACA,AAGA,+BAFA,oBAAA,CACA,AAIA,gBACA,kBAAA,AACA,UAAA,AACA,UAAA,CAEA,AAIA,mFAHA,yBAAA,CACA,AAIA,uBACA,WAAA,AACA,YAAA,AACA,eAAA,AACA,8BAAA,CACA,AAEA,gBACA,kBAAA,AACA,aAAA,AACA,8BAAA,AACA,mBAAA,AACA,iBAAA,AACA,gBAAA,AACA,cAAA,AACA,cAAA,CACA,AAGA,sBAFA,sBAAA,CACA,AAEA,kBACA,aAAA,AACA,eAAA,AACA,gBAAA,AACA,gBAAA,AACA,0BAAA,CACA,AAKA,oBAJA,eAAA,AACA,iBAAA,AACA,aAAA,CACA,AAEA,0CACA,eAAA,CACA,AClEA,QACA,iBAAA,AACA,aAAA,AACA,gBAAA,AACA,yBAAA,AACA,YAAA,AACA,aAAA,AACA,YAAA,AACA,kBAAA,AACA,iBAAA,CACA,AACA,eACA,kBAAA,AACA,WAAA,AACA,YAAA,AACA,SAAA,AACA,WAAA,AACA,WAAA,AACA,eAAA,AACA,gBAAA,AACA,qBAAA,AACA,UAAA,CACA,AAQA,qBAPA,SAAA,CACA,AACA,qBACA,WAAA,AACA,YAAA,AACA,cAAA,CACA,AAEA,SACA,eAAA,AACA,WAAA,AACA,MAAA,AACA,SAAA,AACA,OAAA,AACA,QAAA,AACA,2BAAA,AACA,kBAAA,AACA,SAAA,CACA,AAaA,eAZA,8BAAA,CACA,AACA,iBACA,kBAAA,AACA,WAAA,AACA,YAAA,AACA,cAAA,CACA,AACA,gBACA,mBAAA,AACA,SAAA,CACA,ACjDA,QACA,kBAAA,AACA,oBAAA,CACA,AAOA,cACA,YAAA,CACA,AAOA,cACA,cAAA,AACA,WAAA,AACA,YAAA,AACA,oBAAA,AACA,mBAAA,AACA,kBAAA,AACA,yBAAA,sBAAA,qBAAA,gBAAA,CACA,AAuBA,yCAtBA,WAAA,AACA,cAAA,AACA,kBAAA,AACA,cAAA,CACA,AACA,qBACA,WAAA,AACA,YAAA,AACA,yBAAA,AACA,qBAAA,AACA,qCAAA,CACA,AACA,oBACA,MAAA,AACA,OAAA,AACA,WAAA,AACA,YAAA,AACA,kBAAA,AACA,sBAAA,AACA,0BAAA,AACA,4CAAA,CACA,AAQA,2CACA,wBAAA,CACA,AACA,0CACA,SAAA,CACA,AAQA,gCACA,SAAA,CACA,AAMA,uCALA,wBAAA,CACA,AACA,sCACA,SAAA,CACA,AAGA,6DACA,wBAAA,CACA,AACA,4DACA,gBAAA,CACA,AAQA,iBACA,cAAA,CACA,AAsBA,qDArBA,UAAA,CACA,AAMA,4DALA,wBAAA,CACA,AACA,2DACA,SAAA,CACA,AAEA,+BACA,WAAA,AACA,cAAA,CACA,AASA,sCARA,yBAAA,AACA,cAAA,CACA,AACA,qCACA,MAAA,AACA,iBAAA,AACA,4CAAA,CACA,ACtHA,MAEA,cAAA,CACA,AACA,iBACA,kBAAA,AACA,iBAAA,AACA,mBAAA,AACA,iBAAA,CACA,AACA,KACA,sBAAA,AACA,aAAA,AACA,cAAA,AACA,mBAAA,AACA,eAAA,AACA,oBAAA,AACA,kBAAA,CACA,AACA,aACA,0BAAA,CACA,AACA,aACA,6BAAA,CACA,AACA,mIACA,sBAAA,AACA,cAAA,AACA,oBAAA,AACA,kBAAA,CACA,AACA,QACA,YAAA,AACA,aAAA,AACA,cAAA,CACA,AACA,UACA,kBAAA,AACA,gBAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,eAAA,AACA,aAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,eAAA,AACA,aAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,eAAA,AACA,aAAA,CACA,AACA,WACA,mBAAA,AACA,iBAAA,CACA,AACA,WACA,mBAAA,AACA,iBAAA,CACA,AACA,WACA,gBAAA,AACA,cAAA,CACA,AACA,iBACA,kBAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,eAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,eAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,eAAA,CACA,AACA,kBACA,mBAAA,CACA,AACA,kBACA,mBAAA,CACA,AACA,UACA,2BAAA,AACA,gBAAA,CACA,AACA,WACA,uBAAA,AACA,iBAAA,CACA,AACA,QACA,yBAAA,AACA,cAAA,CACA,AACA,QACA,sBAAA,CACA,AACA,WACA,kBAAA,CACA,AACA,WACA,oBAAA,CACA,AACA,WACA,4BAAA,CACA,AACA,YACA,6BAAA,CACA,AACA,UACA,QAAA,CACA,AACA,SACA,OAAA,CACA,ACtJA,MACA,WAAA,AACA,YAAA,AACA,eAAA,AACA,iBAAA,AACA,qBAAA,AACA,sBAAA,AACA,UAAA,AACA,aAAA,CACA,AAEA,SACA,WAAA,AACA,WAAA,CACA,AAEA,SACA,WAAA,AACA,WAAA,CACA,AC3BA,KACA,QAAA,CACA,AACA,MACA,aAAA,CACA,AACA,MACA,cAAA,CACA,AACA,MACA,YAAA,CACA,AACA,MACA,eAAA,CACA,AACA,MACA,sBAAA,CACA,AACA,MACA,gBAAA,CACA,AACA,MACA,gBAAA,CACA,AACA,MACA,iBAAA,CACA,AACA,MACA,iBAAA,CACA,AACA,MACA,iBAAA,CACA,AACA,MACA,iBAAA,CACA,AACA,MACA,iBAAA,CACA,AACA,MACA,qBAAA,CACA,AACA,MACA,eAAA,CACA,AACA,MACA,eAAA,CACA,AACA,MACA,gBAAA,CACA,AACA,MACA,gBAAA,CACA,AACA,MACA,gBAAA,CACA,AACA,MACA,gBAAA,CACA,AACA,MACA,gBAAA,CACA,AACA,MACA,oBAAA,CACA,AACA,MACA,cAAA,CACA,AACA,MACA,cAAA,CACA,AACA,MACA,eAAA,CACA,AACA,MACA,eAAA,CACA,AACA,MACA,eAAA,CACA,AACA,MACA,eAAA,CACA,AACA,MACA,eAAA,CACA,AACA,MACA,uBAAA,CACA,AACA,MACA,iBAAA,CACA,AACA,MACA,iBAAA,CACA,AACA,MACA,kBAAA,CACA,AACA,MACA,kBAAA,CACA,AACA,MACA,kBAAA,CACA,AACA,MACA,kBAAA,CACA,AACA,MACA,kBAAA,CACA,AAGA,KACA,SAAA,CACA,AACA,MACA,cAAA,CACA,AACA,MACA,eAAA,CACA,AACA,MACA,aAAA,CACA,AACA,MACA,gBAAA,CACA,AACA,MACA,uBAAA,CACA,AACA,MACA,iBAAA,CACA,AACA,MACA,iBAAA,CACA,AACA,MACA,kBAAA,CACA,AACA,MACA,kBAAA,CACA,AACA,MACA,kBAAA,CACA,AACA,MACA,kBAAA,CACA,AACA,MACA,kBAAA,CACA,AACA,MACA,sBAAA,CACA,AACA,MACA,gBAAA,CACA,AACA,MACA,gBAAA,CACA,AACA,MACA,iBAAA,CACA,AACA,MACA,iBAAA,CACA,AACA,MACA,iBAAA,CACA,AACA,MACA,iBAAA,CACA,AACA,MACA,iBAAA,CACA,AAGA,MACA,qBAAA,CACA,AACA,MACA,eAAA,CACA,AACA,MACA,eAAA,CACA,AACA,MACA,gBAAA,CACA,AACA,MACA,gBAAA,CACA,AACA,MACA,gBAAA,CACA,AACA,MACA,gBAAA,CACA,AACA,MACA,gBAAA,CACA,AACA,MACA,wBAAA,CACA,AACA,MACA,kBAAA,CACA,AACA,MACA,kBAAA,CACA,AACA,MACA,mBAAA,CACA,AACA,MACA,mBAAA,CACA,AACA,MACA,mBAAA,CACA,AACA,MACA,mBAAA,CACA,AACA,MACA,mBAAA,CACA,AAGA,QACA,MAAA,CACA,AACA,SACA,QAAA,CACA,AACA,gBACA,SAAA,CACA,AAEA,SACA,OAAA,CACA,AACA,UACA,SAAA,CACA,AACA,iBACA,UAAA,CACA,AAEA,OACA,KAAA,CACA,AACA,QACA,OAAA,CACA,AACA,eACA,QAAA,CACA,AAEA,UACA,QAAA,CACA,AACA,WACA,UAAA,CACA,AACA,kBACA,WAAA,CACA,AC3QA,YACA,WAAA,CACA,AAEA,WACA,UAAA,CACA,AAEA,aACA,iBAAA,CACA,AAEA,WACA,eAAA,CACA,AAEA,YACA,gBAAA,CACA,AAEA,aACA,WAAA,AACA,gBAAA,CACA,AAEA,YACA,UAAA,CACA,AAEA,aACA,YAAA,AACA,eAAA,CACA,AAEA,gBACA,aAAA,AACA,kBAAA,CACA,AAOA,0BAJA,aAAA,AACA,sBAAA,CAGA,AAKA,QAHA,mBAAA,AAEA,qBAAA,CACA,AAEA,KAGA,wBAAA,CACA,AAEA,YALA,aAAA,AACA,kBAAA,CAIA,AAIA,OADA,0BAAA,CACA,AAEA,MACA,YAAA,CACA,AAEA,UACA,iBAAA,CACA,AAEA,OACA,cAAA,CACA,AAEA,MACA,cAAA,CACA,AAEA,UACA,iBAAA,CACA,AAEA,UACA,mBAAA,AACA,gBAAA,AACA,sBAAA,CACA","file":"vishnu.extensions.min.css","sourcesContent":["/*\n* Alert\n*/\n\n/*\n*\n* @ custom-properties\n* :--alert .alert;\n* :--close .close;\n* :--info .info;\n* :--error .error;\n* :--warning .warning;\n* :--rounded .rounded;\n* :--placeholder .placeholder;\n*\n*/\n:--alert {\n  position: relative;\n  padding: 8px 20px;\n  margin-bottom: 15px;\n  background: transparent;\n  color: var(--base-text-color);\n  border-radius: var(--base-radius);\n  transition: var(--transition);\n  border: 1px solid var(--base-border-color);\n  display: flex;\n  justify-content: flex-start;\n  flex-direction: column;\n  & .title,\n  & .description {\n    margin: 0;\n  }\n  & .title {\n    padding-right: 20px;\n  }\n}\n:--alert :--close {\n  position: absolute;\n  right: 5px;\n  top: 5px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 0;\n  width: 28px;\n  height: 28px;\n  min-height: 28px;\n  font-size: 1.3rem;\n  background: transparent;\n  border-radius: var(--base-rounded-radius);\n  color: var(--base-dark-color);\n  & .icon {\n    width: 24px;\n    height: 24px;\n    & path {\n      fill: var(--base-text-color);\n    }\n\n    & circle {\n      stroke: var(--base-text-color);\n      stroke-width: 1;\n    }\n  }\n}\n:--alert:--info {\n  background: color-mod(var(--base-info-color) alpha(5%));\n  border-color: color-mod(var(--base-info-color) alpha(50%));\n  color: var(--base-info-color);\n  &:before {\n    color: var(--base-info-color);\n  }\n  & .description {\n    color: color-mod(var(--base-info-color) alpha(60%));\n  }\n  & .close {\n    & .icon {\n      & path {\n        fill: var(--primary-color);\n      }\n\n      & circle {\n        stroke: var(--primary-color);\n        stroke-width: 1;\n      }\n    }\n  }\n}\n:--alert:--warning {\n  background: color-mod(var(--base-warning-color) alpha(5%));\n  border-color: color-mod(var(--base-warning-color) alpha(50%));\n  color: var(--base-warning-color);\n  &:before {\n    color: var(--base-warning-color);\n  }\n  & .description {\n    color: color-mod(var(--base-warning-color) alpha(60%));\n  }\n  & .close {\n    border-color: transparent;\n    background: color-mod(var(--base-warning-color) alpha(50%));\n    color: #fff;\n  }\n}\n:--alert:--error {\n  background: color-mod(var(--base-error-color) alpha(5%));\n  border-color: color-mod(var(--base-error-color) alpha(50%));\n  color: var(--base-error-color);\n  & .close {\n    & .icon {\n      & path {\n        fill: var(--base-error-color);\n      }\n\n      & circle {\n        stroke: var(--base-error-color);\n        stroke-width: 1;\n      }\n    }\n  }\n  & .description {\n    color: color-mod(var(--base-error-color) alpha(60%));\n  }\n}\n:--alert:--success {\n  background: color-mod(var(--base-success-color) alpha(5%));\n  border-color: color-mod(var(--base-success-color) alpha(10%));\n  color: var(--base-success-color);\n  & .close {\n    border-color: transparent;\n    & .icon {\n      & path {\n        fill: var(--base-success-color);\n      }\n\n      & circle {\n        stroke: var(--base-success-color);\n        stroke-width: 1;\n      }\n    }\n  }\n  & .description {\n    color: color-mod(var(--base-success-color) alpha(60%));\n  }\n}\n:--alert:--rounded {\n  border-radius: 4rem;\n  padding-left: 30px;\n  padding-right: 30px;\n  & .close {\n    top: 50%;\n    margin-top: -16px;\n    right: 14px;\n  }\n}\n\n/* Placeholder */\n:--placeholder {\n  border: 2px dashed var(--base-light-color);\n  background: color-mod(var(--base-color) alpha(15%));\n}\n","/*\n* Avatar\n*/\n\n/*\n*\n* @ custom-properties\n* :--avatar .avatar;\n* :--avatar-primary .avatar.primary;\n* :--avatar-outline .avatar.outline;\n* :--avatar-small .avatar.small;\n* :--avatar-large .avatar.large;\n*\n*/\n\n:--avatar {\n  width: 42px;\n  height: 42px;\n  max-width: 42px;\n  min-width: 42px;\n  flex-basis: 42px;\n  background: #f1f1f1;\n  border-radius: 50%;\n  line-height: normal;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 700;\n  color: var(--base-dark-color);\n}\n:--avatar-primary {\n  background: var(--primary-color);\n  color: #fff;\n  &.outline {\n    background: transparent;\n    border-color: var(--primary-color);\n    color: var(--primary-color);\n  }\n}\n:--avatar-outline {\n  background: transparent;\n  border: 1px solid var(--base-dark-color);\n}\n:--avatar-small {\n  width: 32px;\n  height: 32px;\n  max-width: 32px;\n  min-width: 32px;\n  flex-basis: 32px;\n}\n:--avatar-large {\n  width: 62px;\n  height: 62px;\n  max-width: 62px;\n  min-width: 62px;\n  flex-basis: 62px;\n}\n","/*\n* Chips\n*/\n\n/*\n*\n* @ custom-properties\n* :--chips .chips;\n* :--chips-outline .outline;\n* :--chips-large .large;\n* :--chips-small .small;\n* :--chips-primary .primary;\n* :--chips-info .info;\n* :--chips-success .success;\n* :--chips-error .error;\n* :--chips-dark .dark;\n* :--chips-warning .warning;\n*\n*/\n\n:--chips {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  height: 28px;\n  border-radius: 50px;\n  background: #f2f2f2;\n  & .image {\n    border-radius: 50%;\n  }\n  & .icon {\n    width: 22px;\n    height: 22px;\n    margin-left: 8px;\n    margin-right: -8px;\n    &.right {\n      margin-right: 8px;\n      margin-left: -8px;\n    }\n  }\n  & .label {\n    font-size: 13px;\n    font-weight: 500;\n    padding: 0 12px;\n  }\n}\n\n:--chips-small {\n  height: 20px;\n  & img {\n    max-height: 20px;\n  }\n  & .label {\n    font-size: 12px;\n  }\n}\n\n:--chips-large {\n  height: 42px;\n  padding: 0 16px;\n  & img {\n    max-height: 42px;\n  }\n  & .label {\n    font-size: 16px;\n  }\n}\n\n:--chips-primary {\n  background: var(--primary-color);\n  & .label {\n    color: #fff;\n  }\n  & .icon {\n    stroke: #fff;\n  }\n}\n\n:--chips-error {\n  background: var(--base-error-color);\n  & .label {\n    color: #fff;\n  }\n  & .icon {\n    stroke: #fff;\n  }\n}\n\n:--chips-success {\n  background: var(--base-success-color);\n  & .label {\n    color: #fff;\n  }\n  & .icon {\n    stroke: #fff;\n  }\n}\n\n:--chips-info {\n  background: var(--base-info-color);\n  & .label {\n    color: #fff;\n  }\n  & .icon {\n    stroke: #fff;\n  }\n}\n\n:--chips-warning {\n  background: var(--base-warning-color);\n  & .label {\n    color: #fff;\n  }\n  & .icon {\n    stroke: #fff;\n  }\n}\n\n:--chips-dark {\n  background: rgba(0,0,0, .45);\n  & .label {\n    color: #fff;\n  }\n  & .icon {\n    stroke: #fff;\n  }\n}\n\n:--chips-outline {\n  background: transparent;\n  box-shadow: 0 0 0 1px var(--base-border-color);\n  &.icon {\n    stroke: var(--base-text-color);\n  }\n  &.primary {\n    box-shadow: 0 0 0 1px var(--primary-color);\n    & .icon {\n      stroke: var(--primary-color);\n    }\n    & .label {\n      color: var(--primary-color);\n    }\n  }\n  &.error {\n    box-shadow: 0 0 0 1px var(--base-error-color);\n    & .icon {\n      stroke: var(--base-error-color);\n    }\n    & .label {\n      color: var(--base-error-color);\n    }\n  }\n  &.success {\n    box-shadow: 0 0 0 1px var(--base-success-color);\n    & .icon {\n      stroke: var(--base-success-color);\n    }\n    & .label {\n      color: var(--base-success-color);\n    }\n  }\n  &.info {\n    box-shadow: 0 0 0 1px var(--base-info-color);\n    & .icon {\n      stroke: var(--base-info-color);\n    }\n    & .label {\n      color: var(--base-info-color);\n    }\n  }\n  &.warning {\n    box-shadow: 0 0 0 1px var(--base-warning-color);\n    & .icon {\n      stroke: var(--base-warning-color);\n    }\n    & .label {\n      color: var(--base-warning-color);\n    }\n  }\n}","/*\n* Card\n*/\n\n/*\n*\n* @ custom-properties\n* :--card .card;\n* :--header .card-header;\n* :--footer .card-footer;\n* :--content .card-content;\n*\n*/\n\n:--card {\n  border: 1px solid var(--base-light-color);\n  background: #fff;\n  border-radius: var(--base-radius);\n}\n:--card :--header, :--card :--footer {\n  position: relative;\n  background: color-mod(var(--base-color) alpha(30%));\n  padding: 10px;\n  display: flex;\n}\n:--card :--header {\n  border-bottom: 1px solid var(--base-light-color);\n}\n:--card :--footer {\n  border-top: 1px solid var(--base-light-color);\n}\n:--card :--title {\n  margin: 0;\n}\n:--card :--content {\n  padding: 15px 10px;\n}\n","/*\n* Collapse\n*/\n\n/*\n*\n* @ custom-properties\n* :--collapse .collapse;\n* :--collapse-content .collapse-content;\n* :--collapse-content-checked .collapse-content-checked;\n* :--collapse-item .collapse-item;\n* :--collapse-input .collapse-input;\n* :--collapse-label .collapse-label;\n* :--collapse-icon-right-left .icon.left;\n* :--collapse-icon-right .icon.right;\n*\n*/\n\n:--collapse {\n  width: 100%;\n  & :--collapse-item {\n    position: relative;\n    margin-bottom: 2px;\n    width: 100%;\n    color: var(--base-dark-color);\n    overflow: hidden;\n    border: 1px solid var(--base-light-color);\n    transition: var(--transition);\n    &:hover {\n      border-color: var(--primary-color);\n    }\n  }\n}\n\n:--collapse-input {\n  position: absolute;\n  opacity: 0;\n  z-index: -1;\n  &:checked ~ label {\n    & :--collapse-icon-right, & :--collapse-icon-left {\n      transform: rotate(-180deg);\n    }\n  }\n}\n\n:--collapse-icon-right, :--collapse-icon-left {\n  width: 22px;\n  height: 22px;\n  stroke: var(--base-dark-color);\n  transition: var(--transition);\n}\n\n:--collapse-label {\n  position: relative;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 6px 15px;\n  font-weight: 500;\n  line-height: 3;\n  cursor: pointer;\n  &:hover {\n    background: transparent;\n  }\n}\n:--collapse-content {\n  max-height: 0;\n  padding: 0 15px;\n  overflow: hidden;\n  background: rgba(255, 255, 255, 1);\n  transition: max-height .25s;\n  & p {\n    font-size: 14px;\n    line-height: 16px;\n    margin: 10px 0;\n  }\n}\n:--collapse-content-checked {\n  max-height: 10em;\n}\n","/*\n* Dialog\n*/\n\n/*\n*\n* @ custom-properties\n* :--dialog .dialog;\n* :--close .close;\n* :--light .light;\n* :--overlay .overlay;\n*\n*/\n:--dialog {\n  margin: 45px auto;\n  padding: 20px;\n  background: #fff;\n  border: 1px solid var(--base-border-color);\n  width: 480px;\n  height: 320px;\n  z-index: 100;\n  position: relative;\n  border-radius: var(--base-radius);\n}\n:--dialog :--close {\n  position: absolute;\n  width: 20px;\n  height: 20px;\n  top: 20px;\n  right: 20px;\n  opacity: 0.8;\n  font-size: 24px;\n  font-weight: bold;\n  text-decoration: none;\n  color: #666;\n  &:hover {\n    opacity: 1;\n  }\n  & .icon {\n    width: 20px;\n    height: 20px;\n    stroke: var(--base-text-color);\n  }\n}\n:--overlay {\n  position: fixed;\n  z-index: 90;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background: rgba(0, 0, 0, 0.88);\n  visibility: hidden;\n  opacity: 0;\n  &.light {\n    background: rgba(255, 255, 255, 0.92);\n  }\n  & .cancel {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    cursor: default;\n  }\n  &:target {\n    visibility: visible;\n    opacity: 1;\n  }\n}","/*\n* Toggle\n*/\n\n/*\n*\n* @ custom-properties\n* :--toggle .toggle;\n* :--toggle-small .toggle.small;\n* :--toggle-label .toggle-label;\n* :--toggle-activated .toggle.activated;\n* :--toggle-disabled .toggle.disabled;\n* :--toggle-checked .toggle-input:checked + .toggle-label;\n* :--toggle-input .toggle-input;\n*\n*/\n\n:--toggle {\n  position: relative;\n  display: inline-block;\n}\n\n\n/*\n* Hide input\n*/\n\n:--toggle-input {\n  display: none;\n}\n\n\n/*\n* Toggle Label\n*/\n\n:--toggle-label {\n  display: block;\n  width: var(--toggle-label-width);\n  height: var(--toggle-label-height);\n  text-indent: -9999px;\n  clip: rect(0 0 0 0);\n  color: transparent;\n  user-select: none;\n  &:before, &:after {\n    content: \"\";\n    display: block;\n    position: absolute;\n    cursor: pointer;\n  }\n  &:before {\n    width: var(--toggle-rail-width);\n    height: var(--toggle-rail-height);\n    background-color: var(--toggle-rail-background-color);\n    border-radius: var(--toggle-rail-border-radius);\n    transition: background-color var(--toggle-transition-duration) var(--toggle-transition-timing-function);\n  }\n  &:after {\n    top: 0;\n    left: 0;\n    width: var(--toggle-width);\n    height: var(--toggle-height);\n    border-radius: var(--toggle-border-radius);\n    background-color: var(--toggle-background-color);\n    transition: left var(--toggle-transition-duration) var(--toggle-transition-timing-function);\n    box-shadow: var(--toggle-box-shadow);\n  }\n}\n\n/*\n* Toggle checked\n*/\n\n:--toggle-checked {\n  &:before {\n    background-color: var(--toggle-rail-checked-background-color);\n  }\n  &:after {\n    left: var(--toggle-checked-left);\n  }\n}\n\n\n/*\n* Toggle activated\n*/\n:--toggle-activated {\n  & :--toggle-label {\n    opacity: 1;\n    &:before {\n      background-color: var(--base-success-color);\n    }\n    &:after {\n      left: 24px;\n    }\n  }\n  & :--toggle-checked {\n    &:before {\n      background-color: var(--toggle-rail-background-color);\n    }\n    &:after {\n      left: 0!important;\n    }\n  }\n}\n\n/*\n* Toggle disabled\n*/\n\n:--toggle-disabled {\n  cursor: default;\n  & :--toggle-checked {\n    opacity: 0.7;\n    &:before {\n      background-color: var(--toggle-rail-background-color);\n    }\n    &:after {\n      left: var(--toggle-checked-left);\n    }\n  }\n  & :--toggle-label {\n    opacity: 0.7;\n    cursor: default;\n    &:before {\n      background-color: var(--toggle-rail-background-color);\n      cursor: default;\n    }\n    &:after {\n      top: 0;\n      left: 0!important;\n      box-shadow: var(--toggle-box-shadow);\n    }\n  }\n}\n","/*\n * Grid\n*/\n\n/*\n*\n* @ custom-properties\n* :--all-cols-xs .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12;\n* :--all-cols-sm .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12;\n* :--all-cols-md .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12;\n* :--all-cols-lg .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12;\n*\n*/\n\n.flex {\n  display: flex;\n  flex-wrap: wrap;\n}\n.container-fluid {\n  margin-right: auto;\n  margin-left: auto;\n  padding-right: 2rem;\n  padding-left: 2rem;\n}\n.row {\n  box-sizing: border-box;\n  display: flex;\n  flex: 0 1 auto;\n  flex-direction: row;\n  flex-wrap: wrap;\n  margin-right: -0.5rem;\n  margin-left: -0.5rem;\n}\n.row.reverse {\n  flex-direction: row-reverse;\n}\n.col.reverse {\n  flex-direction: column-reverse;\n}\n:--all-cols-xs {\n  box-sizing: border-box;\n  flex: 0 0 auto;\n  padding-right: 0.5rem;\n  padding-left: 0.5rem;\n}\n.col-xs {\n  flex-grow: 1;\n  flex-basis: 0;\n  max-width: 100%;\n}\n.col-xs-1 {\n  flex-basis: 8.333%;\n  max-width: 8.333%;\n}\n.col-xs-2 {\n  flex-basis: 16.667%;\n  max-width: 16.667%;\n}\n.col-xs-3 {\n  flex-basis: 25%;\n  max-width: 25%;\n}\n.col-xs-4 {\n  flex-basis: 33.333%;\n  max-width: 33.333%;\n}\n.col-xs-5 {\n  flex-basis: 41.667%;\n  max-width: 41.667%;\n}\n.col-xs-6 {\n  flex-basis: 50%;\n  max-width: 50%;\n}\n.col-xs-7 {\n  flex-basis: 58.333%;\n  max-width: 58.333%;\n}\n.col-xs-8 {\n  flex-basis: 66.667%;\n  max-width: 66.667%;\n}\n.col-xs-9 {\n  flex-basis: 75%;\n  max-width: 75%;\n}\n.col-xs-10 {\n  flex-basis: 83.333%;\n  max-width: 83.333%;\n}\n.col-xs-11 {\n  flex-basis: 91.667%;\n  max-width: 91.667%;\n}\n.col-xs-12 {\n  flex-basis: 100%;\n  max-width: 100%;\n}\n.col-xs-offset-1 {\n  margin-left: 8.333%;\n}\n.col-xs-offset-2 {\n  margin-left: 16.667%;\n}\n.col-xs-offset-3 {\n  margin-left: 25%;\n}\n.col-xs-offset-4 {\n  margin-left: 33.333%;\n}\n.col-xs-offset-5 {\n  margin-left: 41.667%;\n}\n.col-xs-offset-6 {\n  margin-left: 50%;\n}\n.col-xs-offset-7 {\n  margin-left: 58.333%;\n}\n.col-xs-offset-8 {\n  margin-left: 66.667%;\n}\n.col-xs-offset-9 {\n  margin-left: 75%;\n}\n.col-xs-offset-10 {\n  margin-left: 83.333%;\n}\n.col-xs-offset-11 {\n  margin-left: 91.667%;\n}\n.start-xs {\n  justify-content: flex-start;\n  text-align: start;\n}\n.center-xs {\n  justify-content: center;\n  text-align: center;\n}\n.end-xs {\n  justify-content: flex-end;\n  text-align: end;\n}\n.top-xs {\n  align-items: flex-start;\n}\n.middle-xs {\n  align-items: center;\n}\n.bottom-xs {\n  align-items: flex-end;\n}\n.around-xs {\n  justify-content: space-around;\n}\n.between-xs {\n  justify-content: space-between;\n}\n.first-xs {\n  order: -1;\n}\n.last-xs {\n  order: 1;\n}\n@media (--md-viewport) {\n  :--all-cols-sm {\n    box-sizing: border-box;\n    flex: 0 0 auto;\n    padding-right: 0.5rem;\n    padding-left: 0.5rem;\n  }\n  .col-sm {\n    flex-grow: 1;\n    flex-basis: 0;\n    max-width: 100%;\n  }\n  .col-sm-1 {\n    flex-basis: 8.333%;\n    max-width: 8.333%;\n  }\n  .col-sm-2 {\n    flex-basis: 16.667%;\n    max-width: 16.667%;\n  }\n  .col-sm-3 {\n    flex-basis: 25%;\n    max-width: 25%;\n  }\n  .col-sm-4 {\n    flex-basis: 33.333%;\n    max-width: 33.333%;\n  }\n  .col-sm-5 {\n    flex-basis: 41.667%;\n    max-width: 41.667%;\n  }\n  .col-sm-6 {\n    flex-basis: 50%;\n    max-width: 50%;\n  }\n  .col-sm-7 {\n    flex-basis: 58.333%;\n    max-width: 58.333%;\n  }\n  .col-sm-8 {\n    flex-basis: 66.667%;\n    max-width: 66.667%;\n  }\n  .col-sm-9 {\n    flex-basis: 75%;\n    max-width: 75%;\n  }\n  .col-sm-10 {\n    flex-basis: 83.333%;\n    max-width: 83.333%;\n  }\n  .col-sm-11 {\n    flex-basis: 91.667%;\n    max-width: 91.667%;\n  }\n  .col-sm-12 {\n    flex-basis: 100%;\n    max-width: 100%;\n  }\n  .col-sm-offset-1 {\n    margin-left: 8.333%;\n  }\n  .col-sm-offset-2 {\n    margin-left: 16.667%;\n  }\n  .col-sm-offset-3 {\n    margin-left: 25%;\n  }\n  .col-sm-offset-4 {\n    margin-left: 33.333%;\n  }\n  .col-sm-offset-5 {\n    margin-left: 41.667%;\n  }\n  .col-sm-offset-6 {\n    margin-left: 50%;\n  }\n  .col-sm-offset-7 {\n    margin-left: 58.333%;\n  }\n  .col-sm-offset-8 {\n    margin-left: 66.667%;\n  }\n  .col-sm-offset-9 {\n    margin-left: 75%;\n  }\n  .col-sm-offset-10 {\n    margin-left: 83.333%;\n  }\n  .col-sm-offset-11 {\n    margin-left: 91.667%;\n  }\n  .start-sm {\n    justify-content: flex-start;\n    text-align: start;\n  }\n  .center-sm {\n    justify-content: center;\n    text-align: center;\n  }\n  .end-sm {\n    justify-content: flex-end;\n    text-align: end;\n  }\n  .top-sm {\n    align-items: flex-start;\n  }\n  .middle-sm {\n    align-items: center;\n  }\n  .bottom-sm {\n    align-items: flex-end;\n  }\n  .around-sm {\n    justify-content: space-around;\n  }\n  .between-sm {\n    justify-content: space-between;\n  }\n  .first-sm {\n    order: -1;\n  }\n  .last-sm {\n    order: 1;\n  }\n}\n@media (--lg-viewport) {\n  :--all-cols-md {\n    box-sizing: border-box;\n    flex: 0 0 auto;\n    padding-right: 0.5rem;\n    padding-left: 0.5rem;\n  }\n  .col-md {\n    flex-grow: 1;\n    flex-basis: 0;\n    max-width: 100%;\n  }\n  .col-md-1 {\n    flex-basis: 8.333%;\n    max-width: 8.333%;\n  }\n  .col-md-2 {\n    flex-basis: 16.667%;\n    max-width: 16.667%;\n  }\n  .col-md-3 {\n    flex-basis: 25%;\n    max-width: 25%;\n  }\n  .col-md-4 {\n    flex-basis: 33.333%;\n    max-width: 33.333%;\n  }\n  .col-md-5 {\n    flex-basis: 41.667%;\n    max-width: 41.667%;\n  }\n  .col-md-6 {\n    flex-basis: 50%;\n    max-width: 50%;\n  }\n  .col-md-7 {\n    flex-basis: 58.333%;\n    max-width: 58.333%;\n  }\n  .col-md-8 {\n    flex-basis: 66.667%;\n    max-width: 66.667%;\n  }\n  .col-md-9 {\n    flex-basis: 75%;\n    max-width: 75%;\n  }\n  .col-md-10 {\n    flex-basis: 83.333%;\n    max-width: 83.333%;\n  }\n  .col-md-11 {\n    flex-basis: 91.667%;\n    max-width: 91.667%;\n  }\n  .col-md-12 {\n    flex-basis: 100%;\n    max-width: 100%;\n  }\n  .col-md-offset-1 {\n    margin-left: 8.333%;\n  }\n  .col-md-offset-2 {\n    margin-left: 16.667%;\n  }\n  .col-md-offset-3 {\n    margin-left: 25%;\n  }\n  .col-md-offset-4 {\n    margin-left: 33.333%;\n  }\n  .col-md-offset-5 {\n    margin-left: 41.667%;\n  }\n  .col-md-offset-6 {\n    margin-left: 50%;\n  }\n  .col-md-offset-7 {\n    margin-left: 58.333%;\n  }\n  .col-md-offset-8 {\n    margin-left: 66.667%;\n  }\n  .col-md-offset-9 {\n    margin-left: 75%;\n  }\n  .col-md-offset-10 {\n    margin-left: 83.333%;\n  }\n  .col-md-offset-11 {\n    margin-left: 91.667%;\n  }\n  .start-md {\n    justify-content: flex-start;\n    text-align: start;\n  }\n  .center-md {\n    justify-content: center;\n    text-align: center;\n  }\n  .end-md {\n    justify-content: flex-end;\n    text-align: end;\n  }\n  .top-md {\n    align-items: flex-start;\n  }\n  .middle-md {\n    align-items: center;\n  }\n  .bottom-md {\n    align-items: flex-end;\n  }\n  .around-md {\n    justify-content: space-around;\n  }\n  .between-md {\n    justify-content: space-between;\n  }\n  .first-md {\n    order: -1;\n  }\n  .last-md {\n    order: 1;\n  }\n}\n@media (--lg-large-viewport) {\n  :--all-cols-lg {\n    box-sizing: border-box;\n    flex: 0 0 auto;\n    padding-right: 0.5rem;\n    padding-left: 0.5rem;\n  }\n  .col-lg {\n    flex-grow: 1;\n    flex-basis: 0;\n    max-width: 100%;\n  }\n  .col-lg-1 {\n    flex-basis: 8.333%;\n    max-width: 8.333%;\n  }\n  .col-lg-2 {\n    flex-basis: 16.667%;\n    max-width: 16.667%;\n  }\n  .col-lg-3 {\n    flex-basis: 25%;\n    max-width: 25%;\n  }\n  .col-lg-4 {\n    flex-basis: 33.333%;\n    max-width: 33.333%;\n  }\n  .col-lg-5 {\n    flex-basis: 41.667%;\n    max-width: 41.667%;\n  }\n  .col-lg-6 {\n    flex-basis: 50%;\n    max-width: 50%;\n  }\n  .col-lg-7 {\n    flex-basis: 58.333%;\n    max-width: 58.333%;\n  }\n  .col-lg-8 {\n    flex-basis: 66.667%;\n    max-width: 66.667%;\n  }\n  .col-lg-9 {\n    flex-basis: 75%;\n    max-width: 75%;\n  }\n  .col-lg-10 {\n    flex-basis: 83.333%;\n    max-width: 83.333%;\n  }\n  .col-lg-11 {\n    flex-basis: 91.667%;\n    max-width: 91.667%;\n  }\n  .col-lg-12 {\n    flex-basis: 100%;\n    max-width: 100%;\n  }\n  .col-lg-offset-1 {\n    margin-left: 8.333%;\n  }\n  .col-lg-offset-2 {\n    margin-left: 16.667%;\n  }\n  .col-lg-offset-3 {\n    margin-left: 25%;\n  }\n  .col-lg-offset-4 {\n    margin-left: 33.333%;\n  }\n  .col-lg-offset-5 {\n    margin-left: 41.667%;\n  }\n  .col-lg-offset-6 {\n    margin-left: 50%;\n  }\n  .col-lg-offset-7 {\n    margin-left: 58.333%;\n  }\n  .col-lg-offset-8 {\n    margin-left: 66.667%;\n  }\n  .col-lg-offset-9 {\n    margin-left: 75%;\n  }\n  .col-lg-offset-10 {\n    margin-left: 83.333%;\n  }\n  .col-lg-offset-11 {\n    margin-left: 91.667%;\n  }\n  .start-lg {\n    justify-content: flex-start;\n    text-align: start;\n  }\n  .center-lg {\n    justify-content: center;\n    text-align: center;\n  }\n  .end-lg {\n    justify-content: flex-end;\n    text-align: end;\n  }\n  .top-lg {\n    align-items: flex-start;\n  }\n  .middle-lg {\n    align-items: center;\n  }\n  .bottom-lg {\n    align-items: flex-end;\n  }\n  .around-lg {\n    justify-content: space-around;\n  }\n  .between-lg {\n    justify-content: space-between;\n  }\n  .first-lg {\n    order: -1;\n  }\n  .last-lg {\n    order: 1;\n  }\n}\n","/*\n* Icons\n*/\n\n/*\n*\n* @ custom-properties\n* :--icon .icon;\n* :--icon-large .icon.lg;\n* :--icon-small .icon.sm;\n*\n*/\n\n:--icon {\n  width: 32px;\n  height: 32px;\n  stroke: var(--primary-color);\n  stroke-width: 1.5;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  fill: none;\n  color: var(--primary-color);\n}\n\n:--icon-large {\n  width: 52px;\n  height: 52px;\n}\n\n:--icon-small {\n  width: 20px;\n  height: 20px;\n}\n","/*\n * Spacing\n*/\n\n/* Margins */\n.m-0 {\n  margin: 0;\n}\n.ml-0 {\n  margin-left: 0;\n}\n.mr-0 {\n  margin-right: 0;\n}\n.mt-0 {\n  margin-top: 0;\n}\n.mb-0 {\n  margin-bottom: 0;\n}\n.mr-1 {\n  margin-right: var(--spacing-xxs)\n}\n.mr-2 {\n  margin-right: var(--spacing-xs)\n}\n.mr-3 {\n  margin-right: var(--spacing-sm)\n}\n.mr-4 {\n  margin-right: var(--spacing-md)\n}\n.mr-5 {\n  margin-right: var(--spacing-lg)\n}\n.mr-6 {\n  margin-right: var(--spacing-xl)\n}\n.mr-7 {\n  margin-right: var(--spacing-xxl)\n}\n.mr-8 {\n  margin-right: var(--spacing-xxxl)\n}\n.ml-1 {\n  margin-left: var(--spacing-xxs)\n}\n.ml-2 {\n  margin-left: var(--spacing-xs)\n}\n.ml-3 {\n  margin-left: var(--spacing-sm)\n}\n.ml-4 {\n  margin-left: var(--spacing-md)\n}\n.ml-5 {\n  margin-left: var(--spacing-lg)\n}\n.ml-6 {\n  margin-left: var(--spacing-xl)\n}\n.ml-7 {\n  margin-left: var(--spacing-xxl)\n}\n.ml-8 {\n  margin-left: var(--spacing-xxxl)\n}\n.mt-1 {\n  margin-top: var(--spacing-xxs)\n}\n.mt-2 {\n  margin-top: var(--spacing-xs)\n}\n.mt-3 {\n  margin-top: var(--spacing-sm)\n}\n.mt-4 {\n  margin-top: var(--spacing-md)\n}\n.mt-5 {\n  margin-top: var(--spacing-lg)\n}\n.mt-6 {\n  margin-top: var(--spacing-xl)\n}\n.mt-7 {\n  margin-top: var(--spacing-xxl)\n}\n.mt-8 {\n  margin-top: var(--spacing-xxxl)\n}\n.mb-1 {\n  margin-bottom: var(--spacing-xxs)\n}\n.mb-2 {\n  margin-bottom: var(--spacing-xs)\n}\n.mb-3 {\n  margin-bottom: var(--spacing-sm)\n}\n.mb-4 {\n  margin-bottom: var(--spacing-md)\n}\n.mb-5 {\n  margin-bottom: var(--spacing-lg)\n}\n.mb-6 {\n  margin-bottom: var(--spacing-xl)\n}\n.mb-7 {\n  margin-bottom: var(--spacing-xxl)\n}\n.mb-8 {\n  margin-bottom: var(--spacing-xxxl)\n}\n\n/* Paddings */\n.p-0 {\n  padding: 0;\n}\n.pl-0 {\n  padding-left: 0;\n}\n.pr-0 {\n  padding-right: 0;\n}\n.pt-0 {\n  padding-top: 0;\n}\n.pb-0 {\n  padding-bottom: 0;\n}\n.pr-1 {\n  padding-right: var(--spacing-xxs)\n}\n.pr-2 {\n  padding-right: var(--spacing-xs)\n}\n.pr-3 {\n  padding-right: var(--spacing-sm)\n}\n.pr-4 {\n  padding-right: var(--spacing-md)\n}\n.pr-5 {\n  padding-right: var(--spacing-lg)\n}\n.pr-6 {\n  padding-right: var(--spacing-xl)\n}\n.pr-7 {\n  padding-right: var(--spacing-xxl)\n}\n.pr-8 {\n  padding-right: var(--spacing-xxxl)\n}\n.pl-1 {\n  padding-left: var(--spacing-xxs)\n}\n.pl-2 {\n  padding-left: var(--spacing-xs)\n}\n.pl-3 {\n  padding-left: var(--spacing-sm)\n}\n.pl-4 {\n  padding-left: var(--spacing-md)\n}\n.pl-5 {\n  padding-left: var(--spacing-lg)\n}\n.pl-6 {\n  padding-left: var(--spacing-xl)\n}\n.pl-7 {\n  padding-left: var(--spacing-xxl)\n}\n.pl-8 {\n  padding-left: var(--spacing-xxxl)\n}\n\n\n.pt-1 {\n  padding-top: var(--spacing-xxs)\n}\n.pt-2 {\n  padding-top: var(--spacing-xs)\n}\n.pt-3 {\n  padding-top: var(--spacing-sm)\n}\n.pt-4 {\n  padding-top: var(--spacing-md)\n}\n.pt-5 {\n  padding-top: var(--spacing-lg)\n}\n.pt-6 {\n  padding-top: var(--spacing-xl)\n}\n.pt-7 {\n  padding-top: var(--spacing-xxl)\n}\n.pt-8 {\n  padding-top: var(--spacing-xxxl)\n}\n.pb-1 {\n  padding-bottom: var(--spacing-xxs)\n}\n.pb-2 {\n  padding-bottom: var(--spacing-xs)\n}\n.pb-3 {\n  padding-bottom: var(--spacing-sm)\n}\n.pb-4 {\n  padding-bottom: var(--spacing-md)\n}\n.pb-5 {\n  padding-bottom: var(--spacing-lg)\n}\n.pb-6 {\n  padding-bottom: var(--spacing-xl)\n}\n.pb-7 {\n  padding-bottom: var(--spacing-xxl)\n}\n.pb-8 {\n  padding-bottom: var(--spacing-xxxl)\n}\n\n\n.left-0 {\n  left: 0;\n}\n.left-50 {\n  left: 50%;\n}\n.left-50-offset {\n  left: -50%;\n}\n\n.right-0 {\n  right: 0;\n}\n.right-50 {\n  right: 50%;\n}\n.right-50-offset {\n  right: -50%;\n}\n\n.top-0 {\n  top: 0;\n}\n.top-50 {\n  top: 50%;\n}\n.top-50-offset {\n  top: -50%;\n}\n\n.bottom-0 {\n  bottom: 0;\n}\n.bottom-50 {\n  bottom: 50%;\n}\n.bottom-50-offset {\n  bottom: -50%;\n}\n","/*\n * Utils\n*/\n\n.pull-right {\n  float: right;\n}\n\n.pull-left {\n  float: left;\n}\n\n.text-center {\n  text-align: center;\n}\n\n.text-left {\n  text-align: left;\n}\n\n.text-right {\n  text-align: right;\n}\n\n.full-screen {\n  width: 100%;\n  min-height: 100vh;\n}\n\n.full-width {\n  width: 100%;\n}\n\n.full-height {\n  height: 100%;\n  min-height: 100%;\n}\n\n.vertical-align {\n  display: flex;\n  align-items: center;\n}\n\n.horizontal-align {\n  display: flex;\n  justify-content: center;\n}\n\n.center {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n}\n\n.end {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n}\n\n.start {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n}\n\n.flex {\n  display: flex;\n}\n\n.absolute {\n  position: absolute;\n}\n\n.fixed {\n  position: fixed;\n}\n\n.wrap {\n  flex-wrap: wrap;\n}\n\n.relative {\n  position: relative;\n}\n\n.truncate {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n"]}
\ No newline at end of file
diff --git a/packages/vishnucss-extensions/package.js b/packages/vishnucss-extensions/package.js
index 11d9918..1ea1f00 100644
--- a/packages/vishnucss-extensions/package.js
+++ b/packages/vishnucss-extensions/package.js
@@ -1,6 +1,6 @@
 Package.describe({
 	name: 'vishnucss:extensions',
-	version: '1.1.0-rc.1',
+	version: '1.1.0-rc.2',
 	summary: 'Extensions packages for Vishnucss toolkit with modern css.',
 	git: 'https://github.com/vishnucss/vishnu.git',
 	documentation: 'README.md'
diff --git a/packages/vishnucss-extensions/package.json b/packages/vishnucss-extensions/package.json
index f96d64d..2500905 100644
--- a/packages/vishnucss-extensions/package.json
+++ b/packages/vishnucss-extensions/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@vishnucss/extensions",
   "filename": "vishnu.extensions.min.css",
-  "version": "1.1.0-rc.1",
+  "version": "1.1.0-rc.2",
   "description": "Extensions packages for Vishnucss toolkit with modern css",
   "main": "./dist/vishnu.extensions.min.css",
   "keywords": [
diff --git a/packages/vishnucss-extensions/src/variables.css b/packages/vishnucss-extensions/src/variables.css
index 96d4c7c..d53dc32 100644
--- a/packages/vishnucss-extensions/src/variables.css
+++ b/packages/vishnucss-extensions/src/variables.css
@@ -53,14 +53,14 @@
   --toggle-checked-left: 25px;
 
   /* Spacing */
---spacing-xxs:  var(--base-space-size / 6);
---spacing-xs: var(--base-space-size / 4);
---spacing-sm: var(--base-space-size / 2);
---spacing-md: var(--base-space-size);
---spacing-lg: var(--base-space-size + 4);
---spacing-xl: var(--base-space-size + 6);
---spacing-xxl: var(--base-space-size * 2);
---spacing-xxxl: var(--base-space-size * 2 + 8);
+--spacing-xxs:  calc(16px / 6);
+--spacing-xs: calc(16px / 4);
+--spacing-sm: calc(16px / 2);
+--spacing-md: 16px;
+--spacing-lg: calc(16px + 8);
+--spacing-xl: calc(16px * 2);
+--spacing-xxl: calc(16px * 2 + 8);
+--spacing-xxxl: calc(16px * 4);
 
 /* Responsive breakpoints */
 --responsive-sm: 25em;
diff --git a/packages/vishnucss-grid/dist/vishnu.grid.css b/packages/vishnucss-grid/dist/vishnu.grid.css
index ea5e157..c4fafe6 100644
--- a/packages/vishnucss-grid/dist/vishnu.grid.css
+++ b/packages/vishnucss-grid/dist/vishnu.grid.css
@@ -1,5 +1,5 @@
 /**
-* vishnucss grid - v1.1.0-rc.1
+* vishnucss grid - v1.1.0-rc.2
 * https://vishnucss.github.io/vishnu#grid
 */
 
@@ -187,5 +187,422 @@
 .last-xs {
   order: 1;
 }
+@media only screen and (max-width: 48em) {
+  .col-sm,
+  .col-sm-1,
+  .col-sm-2,
+  .col-sm-3,
+  .col-sm-4,
+  .col-sm-5,
+  .col-sm-6,
+  .col-sm-7,
+  .col-sm-8,
+  .col-sm-9,
+  .col-sm-10,
+  .col-sm-11,
+  .col-sm-12 {
+    box-sizing: border-box;
+    flex: 0 0 auto;
+    padding-right: 0.5rem;
+    padding-left: 0.5rem;
+  }
+  .col-sm {
+    flex-grow: 1;
+    flex-basis: 0;
+    max-width: 100%;
+  }
+  .col-sm-1 {
+    flex-basis: 8.333%;
+    max-width: 8.333%;
+  }
+  .col-sm-2 {
+    flex-basis: 16.667%;
+    max-width: 16.667%;
+  }
+  .col-sm-3 {
+    flex-basis: 25%;
+    max-width: 25%;
+  }
+  .col-sm-4 {
+    flex-basis: 33.333%;
+    max-width: 33.333%;
+  }
+  .col-sm-5 {
+    flex-basis: 41.667%;
+    max-width: 41.667%;
+  }
+  .col-sm-6 {
+    flex-basis: 50%;
+    max-width: 50%;
+  }
+  .col-sm-7 {
+    flex-basis: 58.333%;
+    max-width: 58.333%;
+  }
+  .col-sm-8 {
+    flex-basis: 66.667%;
+    max-width: 66.667%;
+  }
+  .col-sm-9 {
+    flex-basis: 75%;
+    max-width: 75%;
+  }
+  .col-sm-10 {
+    flex-basis: 83.333%;
+    max-width: 83.333%;
+  }
+  .col-sm-11 {
+    flex-basis: 91.667%;
+    max-width: 91.667%;
+  }
+  .col-sm-12 {
+    flex-basis: 100%;
+    max-width: 100%;
+  }
+  .col-sm-offset-1 {
+    margin-left: 8.333%;
+  }
+  .col-sm-offset-2 {
+    margin-left: 16.667%;
+  }
+  .col-sm-offset-3 {
+    margin-left: 25%;
+  }
+  .col-sm-offset-4 {
+    margin-left: 33.333%;
+  }
+  .col-sm-offset-5 {
+    margin-left: 41.667%;
+  }
+  .col-sm-offset-6 {
+    margin-left: 50%;
+  }
+  .col-sm-offset-7 {
+    margin-left: 58.333%;
+  }
+  .col-sm-offset-8 {
+    margin-left: 66.667%;
+  }
+  .col-sm-offset-9 {
+    margin-left: 75%;
+  }
+  .col-sm-offset-10 {
+    margin-left: 83.333%;
+  }
+  .col-sm-offset-11 {
+    margin-left: 91.667%;
+  }
+  .start-sm {
+    justify-content: flex-start;
+    text-align: start;
+  }
+  .center-sm {
+    justify-content: center;
+    text-align: center;
+  }
+  .end-sm {
+    justify-content: flex-end;
+    text-align: end;
+  }
+  .top-sm {
+    align-items: flex-start;
+  }
+  .middle-sm {
+    align-items: center;
+  }
+  .bottom-sm {
+    align-items: flex-end;
+  }
+  .around-sm {
+    justify-content: space-around;
+  }
+  .between-sm {
+    justify-content: space-between;
+  }
+  .first-sm {
+    order: -1;
+  }
+  .last-sm {
+    order: 1;
+  }
+}
+@media only screen and (max-width: 62em) {
+  .col-md,
+  .col-md-1,
+  .col-md-2,
+  .col-md-3,
+  .col-md-4,
+  .col-md-5,
+  .col-md-6,
+  .col-md-7,
+  .col-md-8,
+  .col-md-9,
+  .col-md-10,
+  .col-md-11,
+  .col-md-12 {
+    box-sizing: border-box;
+    flex: 0 0 auto;
+    padding-right: 0.5rem;
+    padding-left: 0.5rem;
+  }
+  .col-md {
+    flex-grow: 1;
+    flex-basis: 0;
+    max-width: 100%;
+  }
+  .col-md-1 {
+    flex-basis: 8.333%;
+    max-width: 8.333%;
+  }
+  .col-md-2 {
+    flex-basis: 16.667%;
+    max-width: 16.667%;
+  }
+  .col-md-3 {
+    flex-basis: 25%;
+    max-width: 25%;
+  }
+  .col-md-4 {
+    flex-basis: 33.333%;
+    max-width: 33.333%;
+  }
+  .col-md-5 {
+    flex-basis: 41.667%;
+    max-width: 41.667%;
+  }
+  .col-md-6 {
+    flex-basis: 50%;
+    max-width: 50%;
+  }
+  .col-md-7 {
+    flex-basis: 58.333%;
+    max-width: 58.333%;
+  }
+  .col-md-8 {
+    flex-basis: 66.667%;
+    max-width: 66.667%;
+  }
+  .col-md-9 {
+    flex-basis: 75%;
+    max-width: 75%;
+  }
+  .col-md-10 {
+    flex-basis: 83.333%;
+    max-width: 83.333%;
+  }
+  .col-md-11 {
+    flex-basis: 91.667%;
+    max-width: 91.667%;
+  }
+  .col-md-12 {
+    flex-basis: 100%;
+    max-width: 100%;
+  }
+  .col-md-offset-1 {
+    margin-left: 8.333%;
+  }
+  .col-md-offset-2 {
+    margin-left: 16.667%;
+  }
+  .col-md-offset-3 {
+    margin-left: 25%;
+  }
+  .col-md-offset-4 {
+    margin-left: 33.333%;
+  }
+  .col-md-offset-5 {
+    margin-left: 41.667%;
+  }
+  .col-md-offset-6 {
+    margin-left: 50%;
+  }
+  .col-md-offset-7 {
+    margin-left: 58.333%;
+  }
+  .col-md-offset-8 {
+    margin-left: 66.667%;
+  }
+  .col-md-offset-9 {
+    margin-left: 75%;
+  }
+  .col-md-offset-10 {
+    margin-left: 83.333%;
+  }
+  .col-md-offset-11 {
+    margin-left: 91.667%;
+  }
+  .start-md {
+    justify-content: flex-start;
+    text-align: start;
+  }
+  .center-md {
+    justify-content: center;
+    text-align: center;
+  }
+  .end-md {
+    justify-content: flex-end;
+    text-align: end;
+  }
+  .top-md {
+    align-items: flex-start;
+  }
+  .middle-md {
+    align-items: center;
+  }
+  .bottom-md {
+    align-items: flex-end;
+  }
+  .around-md {
+    justify-content: space-around;
+  }
+  .between-md {
+    justify-content: space-between;
+  }
+  .first-md {
+    order: -1;
+  }
+  .last-md {
+    order: 1;
+  }
+}
+@media only screen and (max-width: 75em) {
+  .col-lg,
+  .col-lg-1,
+  .col-lg-2,
+  .col-lg-3,
+  .col-lg-4,
+  .col-lg-5,
+  .col-lg-6,
+  .col-lg-7,
+  .col-lg-8,
+  .col-lg-9,
+  .col-lg-10,
+  .col-lg-11,
+  .col-lg-12 {
+    box-sizing: border-box;
+    flex: 0 0 auto;
+    padding-right: 0.5rem;
+    padding-left: 0.5rem;
+  }
+  .col-lg {
+    flex-grow: 1;
+    flex-basis: 0;
+    max-width: 100%;
+  }
+  .col-lg-1 {
+    flex-basis: 8.333%;
+    max-width: 8.333%;
+  }
+  .col-lg-2 {
+    flex-basis: 16.667%;
+    max-width: 16.667%;
+  }
+  .col-lg-3 {
+    flex-basis: 25%;
+    max-width: 25%;
+  }
+  .col-lg-4 {
+    flex-basis: 33.333%;
+    max-width: 33.333%;
+  }
+  .col-lg-5 {
+    flex-basis: 41.667%;
+    max-width: 41.667%;
+  }
+  .col-lg-6 {
+    flex-basis: 50%;
+    max-width: 50%;
+  }
+  .col-lg-7 {
+    flex-basis: 58.333%;
+    max-width: 58.333%;
+  }
+  .col-lg-8 {
+    flex-basis: 66.667%;
+    max-width: 66.667%;
+  }
+  .col-lg-9 {
+    flex-basis: 75%;
+    max-width: 75%;
+  }
+  .col-lg-10 {
+    flex-basis: 83.333%;
+    max-width: 83.333%;
+  }
+  .col-lg-11 {
+    flex-basis: 91.667%;
+    max-width: 91.667%;
+  }
+  .col-lg-12 {
+    flex-basis: 100%;
+    max-width: 100%;
+  }
+  .col-lg-offset-1 {
+    margin-left: 8.333%;
+  }
+  .col-lg-offset-2 {
+    margin-left: 16.667%;
+  }
+  .col-lg-offset-3 {
+    margin-left: 25%;
+  }
+  .col-lg-offset-4 {
+    margin-left: 33.333%;
+  }
+  .col-lg-offset-5 {
+    margin-left: 41.667%;
+  }
+  .col-lg-offset-6 {
+    margin-left: 50%;
+  }
+  .col-lg-offset-7 {
+    margin-left: 58.333%;
+  }
+  .col-lg-offset-8 {
+    margin-left: 66.667%;
+  }
+  .col-lg-offset-9 {
+    margin-left: 75%;
+  }
+  .col-lg-offset-10 {
+    margin-left: 83.333%;
+  }
+  .col-lg-offset-11 {
+    margin-left: 91.667%;
+  }
+  .start-lg {
+    justify-content: flex-start;
+    text-align: start;
+  }
+  .center-lg {
+    justify-content: center;
+    text-align: center;
+  }
+  .end-lg {
+    justify-content: flex-end;
+    text-align: end;
+  }
+  .top-lg {
+    align-items: flex-start;
+  }
+  .middle-lg {
+    align-items: center;
+  }
+  .bottom-lg {
+    align-items: flex-end;
+  }
+  .around-lg {
+    justify-content: space-around;
+  }
+  .between-lg {
+    justify-content: space-between;
+  }
+  .first-lg {
+    order: -1;
+  }
+  .last-lg {
+    order: 1;
+  }
+}
 
 /*# sourceMappingURL=vishnu.grid.css.map */
diff --git a/packages/vishnucss-grid/dist/vishnu.grid.css.map b/packages/vishnucss-grid/dist/vishnu.grid.css.map
index e4b6555..4a09c3a 100644
--- a/packages/vishnucss-grid/dist/vishnu.grid.css.map
+++ b/packages/vishnucss-grid/dist/vishnu.grid.css.map
@@ -1 +1 @@
-{"version":3,"sources":["custom.css","grid.css"],"names":[],"mappings":";;;;;AAAA;;EAEA;;AAOA;;EAEA;;ACXA;;EAEA;;AAEA;;;;;;;;EAQA;;AAEA;EACA,cAAA;EACA,gBAAA;CACA;AACA;EACA,mBAAA;EACA,kBAAA;EACA,oBAAA;EACA,mBAAA;CACA;AACA;EACA,uBAAA;EACA,cAAA;EACA,eAAA;EACA,oBAAA;EACA,gBAAA;EACA,sBAAA;EACA,qBAAA;CACA;AACA;EACA,4BAAA;CACA;AACA;EACA,+BAAA;CACA;AACA;;;;;;;;;;;;;EACA,uBAAA;EACA,eAAA;EACA,sBAAA;EACA,qBAAA;CACA;AACA;EACA,aAAA;EACA,cAAA;EACA,gBAAA;CACA;AACA;EACA,mBAAA;EACA,kBAAA;CACA;AACA;EACA,oBAAA;EACA,mBAAA;CACA;AACA;EACA,gBAAA;EACA,eAAA;CACA;AACA;EACA,oBAAA;EACA,mBAAA;CACA;AACA;EACA,oBAAA;EACA,mBAAA;CACA;AACA;EACA,gBAAA;EACA,eAAA;CACA;AACA;EACA,oBAAA;EACA,mBAAA;CACA;AACA;EACA,oBAAA;EACA,mBAAA;CACA;AACA;EACA,gBAAA;EACA,eAAA;CACA;AACA;EACA,oBAAA;EACA,mBAAA;CACA;AACA;EACA,oBAAA;EACA,mBAAA;CACA;AACA;EACA,iBAAA;EACA,gBAAA;CACA;AACA;EACA,oBAAA;CACA;AACA;EACA,qBAAA;CACA;AACA;EACA,iBAAA;CACA;AACA;EACA,qBAAA;CACA;AACA;EACA,qBAAA;CACA;AACA;EACA,iBAAA;CACA;AACA;EACA,qBAAA;CACA;AACA;EACA,qBAAA;CACA;AACA;EACA,iBAAA;CACA;AACA;EACA,qBAAA;CACA;AACA;EACA,qBAAA;CACA;AACA;EACA,4BAAA;EACA,kBAAA;CACA;AACA;EACA,wBAAA;EACA,mBAAA;CACA;AACA;EACA,0BAAA;EACA,gBAAA;CACA;AACA;EACA,wBAAA;CACA;AACA;EACA,oBAAA;CACA;AACA;EACA,sBAAA;CACA;AACA;EACA,8BAAA;CACA;AACA;EACA,+BAAA;CACA;AACA;EACA,UAAA;CACA;AACA;EACA,SAAA;CACA","file":"vishnu.grid.css","sourcesContent":["/*\n* Responsive\n*/\n\n@custom-media --sm-viewport only screen and (max-width: var(--responsive-sm));\n@custom-media --md-viewport only screen and (max-width: var(--responsive-md));\n@custom-media --lg-viewport only screen and (max-width: var(--responsive-lg));\n@custom-media --xl-viewport only screen and (max-width: var(--responsive-xl));\n\n/*\n * Custom Properties\n*/\n\n@custom-selector :--all-cols-xs .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12;\n@custom-selector :--all-cols-sm .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12;\n@custom-selector :--all-cols-md .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12;\n@custom-selector :--all-cols-lg .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12;\n","/*\n * Grid\n*/\n\n/*\n*\n* @ custom-properties\n* :--all-cols-xs .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12;\n* :--all-cols-sm .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12;\n* :--all-cols-md .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12;\n* :--all-cols-lg .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12;\n*\n*/\n\n.flex {\n  display: flex;\n  flex-wrap: wrap;\n}\n.container-fluid {\n  margin-right: auto;\n  margin-left: auto;\n  padding-right: 2rem;\n  padding-left: 2rem;\n}\n.row {\n  box-sizing: border-box;\n  display: flex;\n  flex: 0 1 auto;\n  flex-direction: row;\n  flex-wrap: wrap;\n  margin-right: -0.5rem;\n  margin-left: -0.5rem;\n}\n.row.reverse {\n  flex-direction: row-reverse;\n}\n.col.reverse {\n  flex-direction: column-reverse;\n}\n:--all-cols-xs {\n  box-sizing: border-box;\n  flex: 0 0 auto;\n  padding-right: 0.5rem;\n  padding-left: 0.5rem;\n}\n.col-xs {\n  flex-grow: 1;\n  flex-basis: 0;\n  max-width: 100%;\n}\n.col-xs-1 {\n  flex-basis: 8.333%;\n  max-width: 8.333%;\n}\n.col-xs-2 {\n  flex-basis: 16.667%;\n  max-width: 16.667%;\n}\n.col-xs-3 {\n  flex-basis: 25%;\n  max-width: 25%;\n}\n.col-xs-4 {\n  flex-basis: 33.333%;\n  max-width: 33.333%;\n}\n.col-xs-5 {\n  flex-basis: 41.667%;\n  max-width: 41.667%;\n}\n.col-xs-6 {\n  flex-basis: 50%;\n  max-width: 50%;\n}\n.col-xs-7 {\n  flex-basis: 58.333%;\n  max-width: 58.333%;\n}\n.col-xs-8 {\n  flex-basis: 66.667%;\n  max-width: 66.667%;\n}\n.col-xs-9 {\n  flex-basis: 75%;\n  max-width: 75%;\n}\n.col-xs-10 {\n  flex-basis: 83.333%;\n  max-width: 83.333%;\n}\n.col-xs-11 {\n  flex-basis: 91.667%;\n  max-width: 91.667%;\n}\n.col-xs-12 {\n  flex-basis: 100%;\n  max-width: 100%;\n}\n.col-xs-offset-1 {\n  margin-left: 8.333%;\n}\n.col-xs-offset-2 {\n  margin-left: 16.667%;\n}\n.col-xs-offset-3 {\n  margin-left: 25%;\n}\n.col-xs-offset-4 {\n  margin-left: 33.333%;\n}\n.col-xs-offset-5 {\n  margin-left: 41.667%;\n}\n.col-xs-offset-6 {\n  margin-left: 50%;\n}\n.col-xs-offset-7 {\n  margin-left: 58.333%;\n}\n.col-xs-offset-8 {\n  margin-left: 66.667%;\n}\n.col-xs-offset-9 {\n  margin-left: 75%;\n}\n.col-xs-offset-10 {\n  margin-left: 83.333%;\n}\n.col-xs-offset-11 {\n  margin-left: 91.667%;\n}\n.start-xs {\n  justify-content: flex-start;\n  text-align: start;\n}\n.center-xs {\n  justify-content: center;\n  text-align: center;\n}\n.end-xs {\n  justify-content: flex-end;\n  text-align: end;\n}\n.top-xs {\n  align-items: flex-start;\n}\n.middle-xs {\n  align-items: center;\n}\n.bottom-xs {\n  align-items: flex-end;\n}\n.around-xs {\n  justify-content: space-around;\n}\n.between-xs {\n  justify-content: space-between;\n}\n.first-xs {\n  order: -1;\n}\n.last-xs {\n  order: 1;\n}\n@media (--md-viewport) {\n  :--all-cols-sm {\n    box-sizing: border-box;\n    flex: 0 0 auto;\n    padding-right: 0.5rem;\n    padding-left: 0.5rem;\n  }\n  .col-sm {\n    flex-grow: 1;\n    flex-basis: 0;\n    max-width: 100%;\n  }\n  .col-sm-1 {\n    flex-basis: 8.333%;\n    max-width: 8.333%;\n  }\n  .col-sm-2 {\n    flex-basis: 16.667%;\n    max-width: 16.667%;\n  }\n  .col-sm-3 {\n    flex-basis: 25%;\n    max-width: 25%;\n  }\n  .col-sm-4 {\n    flex-basis: 33.333%;\n    max-width: 33.333%;\n  }\n  .col-sm-5 {\n    flex-basis: 41.667%;\n    max-width: 41.667%;\n  }\n  .col-sm-6 {\n    flex-basis: 50%;\n    max-width: 50%;\n  }\n  .col-sm-7 {\n    flex-basis: 58.333%;\n    max-width: 58.333%;\n  }\n  .col-sm-8 {\n    flex-basis: 66.667%;\n    max-width: 66.667%;\n  }\n  .col-sm-9 {\n    flex-basis: 75%;\n    max-width: 75%;\n  }\n  .col-sm-10 {\n    flex-basis: 83.333%;\n    max-width: 83.333%;\n  }\n  .col-sm-11 {\n    flex-basis: 91.667%;\n    max-width: 91.667%;\n  }\n  .col-sm-12 {\n    flex-basis: 100%;\n    max-width: 100%;\n  }\n  .col-sm-offset-1 {\n    margin-left: 8.333%;\n  }\n  .col-sm-offset-2 {\n    margin-left: 16.667%;\n  }\n  .col-sm-offset-3 {\n    margin-left: 25%;\n  }\n  .col-sm-offset-4 {\n    margin-left: 33.333%;\n  }\n  .col-sm-offset-5 {\n    margin-left: 41.667%;\n  }\n  .col-sm-offset-6 {\n    margin-left: 50%;\n  }\n  .col-sm-offset-7 {\n    margin-left: 58.333%;\n  }\n  .col-sm-offset-8 {\n    margin-left: 66.667%;\n  }\n  .col-sm-offset-9 {\n    margin-left: 75%;\n  }\n  .col-sm-offset-10 {\n    margin-left: 83.333%;\n  }\n  .col-sm-offset-11 {\n    margin-left: 91.667%;\n  }\n  .start-sm {\n    justify-content: flex-start;\n    text-align: start;\n  }\n  .center-sm {\n    justify-content: center;\n    text-align: center;\n  }\n  .end-sm {\n    justify-content: flex-end;\n    text-align: end;\n  }\n  .top-sm {\n    align-items: flex-start;\n  }\n  .middle-sm {\n    align-items: center;\n  }\n  .bottom-sm {\n    align-items: flex-end;\n  }\n  .around-sm {\n    justify-content: space-around;\n  }\n  .between-sm {\n    justify-content: space-between;\n  }\n  .first-sm {\n    order: -1;\n  }\n  .last-sm {\n    order: 1;\n  }\n}\n@media (--lg-viewport) {\n  :--all-cols-md {\n    box-sizing: border-box;\n    flex: 0 0 auto;\n    padding-right: 0.5rem;\n    padding-left: 0.5rem;\n  }\n  .col-md {\n    flex-grow: 1;\n    flex-basis: 0;\n    max-width: 100%;\n  }\n  .col-md-1 {\n    flex-basis: 8.333%;\n    max-width: 8.333%;\n  }\n  .col-md-2 {\n    flex-basis: 16.667%;\n    max-width: 16.667%;\n  }\n  .col-md-3 {\n    flex-basis: 25%;\n    max-width: 25%;\n  }\n  .col-md-4 {\n    flex-basis: 33.333%;\n    max-width: 33.333%;\n  }\n  .col-md-5 {\n    flex-basis: 41.667%;\n    max-width: 41.667%;\n  }\n  .col-md-6 {\n    flex-basis: 50%;\n    max-width: 50%;\n  }\n  .col-md-7 {\n    flex-basis: 58.333%;\n    max-width: 58.333%;\n  }\n  .col-md-8 {\n    flex-basis: 66.667%;\n    max-width: 66.667%;\n  }\n  .col-md-9 {\n    flex-basis: 75%;\n    max-width: 75%;\n  }\n  .col-md-10 {\n    flex-basis: 83.333%;\n    max-width: 83.333%;\n  }\n  .col-md-11 {\n    flex-basis: 91.667%;\n    max-width: 91.667%;\n  }\n  .col-md-12 {\n    flex-basis: 100%;\n    max-width: 100%;\n  }\n  .col-md-offset-1 {\n    margin-left: 8.333%;\n  }\n  .col-md-offset-2 {\n    margin-left: 16.667%;\n  }\n  .col-md-offset-3 {\n    margin-left: 25%;\n  }\n  .col-md-offset-4 {\n    margin-left: 33.333%;\n  }\n  .col-md-offset-5 {\n    margin-left: 41.667%;\n  }\n  .col-md-offset-6 {\n    margin-left: 50%;\n  }\n  .col-md-offset-7 {\n    margin-left: 58.333%;\n  }\n  .col-md-offset-8 {\n    margin-left: 66.667%;\n  }\n  .col-md-offset-9 {\n    margin-left: 75%;\n  }\n  .col-md-offset-10 {\n    margin-left: 83.333%;\n  }\n  .col-md-offset-11 {\n    margin-left: 91.667%;\n  }\n  .start-md {\n    justify-content: flex-start;\n    text-align: start;\n  }\n  .center-md {\n    justify-content: center;\n    text-align: center;\n  }\n  .end-md {\n    justify-content: flex-end;\n    text-align: end;\n  }\n  .top-md {\n    align-items: flex-start;\n  }\n  .middle-md {\n    align-items: center;\n  }\n  .bottom-md {\n    align-items: flex-end;\n  }\n  .around-md {\n    justify-content: space-around;\n  }\n  .between-md {\n    justify-content: space-between;\n  }\n  .first-md {\n    order: -1;\n  }\n  .last-md {\n    order: 1;\n  }\n}\n@media (--xl-viewport) {\n  :--all-cols-lg {\n    box-sizing: border-box;\n    flex: 0 0 auto;\n    padding-right: 0.5rem;\n    padding-left: 0.5rem;\n  }\n  .col-lg {\n    flex-grow: 1;\n    flex-basis: 0;\n    max-width: 100%;\n  }\n  .col-lg-1 {\n    flex-basis: 8.333%;\n    max-width: 8.333%;\n  }\n  .col-lg-2 {\n    flex-basis: 16.667%;\n    max-width: 16.667%;\n  }\n  .col-lg-3 {\n    flex-basis: 25%;\n    max-width: 25%;\n  }\n  .col-lg-4 {\n    flex-basis: 33.333%;\n    max-width: 33.333%;\n  }\n  .col-lg-5 {\n    flex-basis: 41.667%;\n    max-width: 41.667%;\n  }\n  .col-lg-6 {\n    flex-basis: 50%;\n    max-width: 50%;\n  }\n  .col-lg-7 {\n    flex-basis: 58.333%;\n    max-width: 58.333%;\n  }\n  .col-lg-8 {\n    flex-basis: 66.667%;\n    max-width: 66.667%;\n  }\n  .col-lg-9 {\n    flex-basis: 75%;\n    max-width: 75%;\n  }\n  .col-lg-10 {\n    flex-basis: 83.333%;\n    max-width: 83.333%;\n  }\n  .col-lg-11 {\n    flex-basis: 91.667%;\n    max-width: 91.667%;\n  }\n  .col-lg-12 {\n    flex-basis: 100%;\n    max-width: 100%;\n  }\n  .col-lg-offset-1 {\n    margin-left: 8.333%;\n  }\n  .col-lg-offset-2 {\n    margin-left: 16.667%;\n  }\n  .col-lg-offset-3 {\n    margin-left: 25%;\n  }\n  .col-lg-offset-4 {\n    margin-left: 33.333%;\n  }\n  .col-lg-offset-5 {\n    margin-left: 41.667%;\n  }\n  .col-lg-offset-6 {\n    margin-left: 50%;\n  }\n  .col-lg-offset-7 {\n    margin-left: 58.333%;\n  }\n  .col-lg-offset-8 {\n    margin-left: 66.667%;\n  }\n  .col-lg-offset-9 {\n    margin-left: 75%;\n  }\n  .col-lg-offset-10 {\n    margin-left: 83.333%;\n  }\n  .col-lg-offset-11 {\n    margin-left: 91.667%;\n  }\n  .start-lg {\n    justify-content: flex-start;\n    text-align: start;\n  }\n  .center-lg {\n    justify-content: center;\n    text-align: center;\n  }\n  .end-lg {\n    justify-content: flex-end;\n    text-align: end;\n  }\n  .top-lg {\n    align-items: flex-start;\n  }\n  .middle-lg {\n    align-items: center;\n  }\n  .bottom-lg {\n    align-items: flex-end;\n  }\n  .around-lg {\n    justify-content: space-around;\n  }\n  .between-lg {\n    justify-content: space-between;\n  }\n  .first-lg {\n    order: -1;\n  }\n  .last-lg {\n    order: 1;\n  }\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["custom.css","grid.css"],"names":[],"mappings":";;;;;AAAA;;EAEA;;AAOA;;EAEA;;ACXA;;EAEA;;AAEA;;;;;;;;EAQA;;AAEA;EACA,cAAA;EACA,gBAAA;CACA;AACA;EACA,mBAAA;EACA,kBAAA;EACA,oBAAA;EACA,mBAAA;CACA;AACA;EACA,uBAAA;EACA,cAAA;EACA,eAAA;EACA,oBAAA;EACA,gBAAA;EACA,sBAAA;EACA,qBAAA;CACA;AACA;EACA,4BAAA;CACA;AACA;EACA,+BAAA;CACA;AACA;;;;;;;;;;;;;EACA,uBAAA;EACA,eAAA;EACA,sBAAA;EACA,qBAAA;CACA;AACA;EACA,aAAA;EACA,cAAA;EACA,gBAAA;CACA;AACA;EACA,mBAAA;EACA,kBAAA;CACA;AACA;EACA,oBAAA;EACA,mBAAA;CACA;AACA;EACA,gBAAA;EACA,eAAA;CACA;AACA;EACA,oBAAA;EACA,mBAAA;CACA;AACA;EACA,oBAAA;EACA,mBAAA;CACA;AACA;EACA,gBAAA;EACA,eAAA;CACA;AACA;EACA,oBAAA;EACA,mBAAA;CACA;AACA;EACA,oBAAA;EACA,mBAAA;CACA;AACA;EACA,gBAAA;EACA,eAAA;CACA;AACA;EACA,oBAAA;EACA,mBAAA;CACA;AACA;EACA,oBAAA;EACA,mBAAA;CACA;AACA;EACA,iBAAA;EACA,gBAAA;CACA;AACA;EACA,oBAAA;CACA;AACA;EACA,qBAAA;CACA;AACA;EACA,iBAAA;CACA;AACA;EACA,qBAAA;CACA;AACA;EACA,qBAAA;CACA;AACA;EACA,iBAAA;CACA;AACA;EACA,qBAAA;CACA;AACA;EACA,qBAAA;CACA;AACA;EACA,iBAAA;CACA;AACA;EACA,qBAAA;CACA;AACA;EACA,qBAAA;CACA;AACA;EACA,4BAAA;EACA,kBAAA;CACA;AACA;EACA,wBAAA;EACA,mBAAA;CACA;AACA;EACA,0BAAA;EACA,gBAAA;CACA;AACA;EACA,wBAAA;CACA;AACA;EACA,oBAAA;CACA;AACA;EACA,sBAAA;CACA;AACA;EACA,8BAAA;CACA;AACA;EACA,+BAAA;CACA;AACA;EACA,UAAA;CACA;AACA;EACA,SAAA;CACA;AACA;EACA;;;;;;;;;;;;;IACA,uBAAA;IACA,eAAA;IACA,sBAAA;IACA,qBAAA;GACA;EACA;IACA,aAAA;IACA,cAAA;IACA,gBAAA;GACA;EACA;IACA,mBAAA;IACA,kBAAA;GACA;EACA;IACA,oBAAA;IACA,mBAAA;GACA;EACA;IACA,gBAAA;IACA,eAAA;GACA;EACA;IACA,oBAAA;IACA,mBAAA;GACA;EACA;IACA,oBAAA;IACA,mBAAA;GACA;EACA;IACA,gBAAA;IACA,eAAA;GACA;EACA;IACA,oBAAA;IACA,mBAAA;GACA;EACA;IACA,oBAAA;IACA,mBAAA;GACA;EACA;IACA,gBAAA;IACA,eAAA;GACA;EACA;IACA,oBAAA;IACA,mBAAA;GACA;EACA;IACA,oBAAA;IACA,mBAAA;GACA;EACA;IACA,iBAAA;IACA,gBAAA;GACA;EACA;IACA,oBAAA;GACA;EACA;IACA,qBAAA;GACA;EACA;IACA,iBAAA;GACA;EACA;IACA,qBAAA;GACA;EACA;IACA,qBAAA;GACA;EACA;IACA,iBAAA;GACA;EACA;IACA,qBAAA;GACA;EACA;IACA,qBAAA;GACA;EACA;IACA,iBAAA;GACA;EACA;IACA,qBAAA;GACA;EACA;IACA,qBAAA;GACA;EACA;IACA,4BAAA;IACA,kBAAA;GACA;EACA;IACA,wBAAA;IACA,mBAAA;GACA;EACA;IACA,0BAAA;IACA,gBAAA;GACA;EACA;IACA,wBAAA;GACA;EACA;IACA,oBAAA;GACA;EACA;IACA,sBAAA;GACA;EACA;IACA,8BAAA;GACA;EACA;IACA,+BAAA;GACA;EACA;IACA,UAAA;GACA;EACA;IACA,SAAA;GACA;CACA;AACA;EACA;;;;;;;;;;;;;IACA,uBAAA;IACA,eAAA;IACA,sBAAA;IACA,qBAAA;GACA;EACA;IACA,aAAA;IACA,cAAA;IACA,gBAAA;GACA;EACA;IACA,mBAAA;IACA,kBAAA;GACA;EACA;IACA,oBAAA;IACA,mBAAA;GACA;EACA;IACA,gBAAA;IACA,eAAA;GACA;EACA;IACA,oBAAA;IACA,mBAAA;GACA;EACA;IACA,oBAAA;IACA,mBAAA;GACA;EACA;IACA,gBAAA;IACA,eAAA;GACA;EACA;IACA,oBAAA;IACA,mBAAA;GACA;EACA;IACA,oBAAA;IACA,mBAAA;GACA;EACA;IACA,gBAAA;IACA,eAAA;GACA;EACA;IACA,oBAAA;IACA,mBAAA;GACA;EACA;IACA,oBAAA;IACA,mBAAA;GACA;EACA;IACA,iBAAA;IACA,gBAAA;GACA;EACA;IACA,oBAAA;GACA;EACA;IACA,qBAAA;GACA;EACA;IACA,iBAAA;GACA;EACA;IACA,qBAAA;GACA;EACA;IACA,qBAAA;GACA;EACA;IACA,iBAAA;GACA;EACA;IACA,qBAAA;GACA;EACA;IACA,qBAAA;GACA;EACA;IACA,iBAAA;GACA;EACA;IACA,qBAAA;GACA;EACA;IACA,qBAAA;GACA;EACA;IACA,4BAAA;IACA,kBAAA;GACA;EACA;IACA,wBAAA;IACA,mBAAA;GACA;EACA;IACA,0BAAA;IACA,gBAAA;GACA;EACA;IACA,wBAAA;GACA;EACA;IACA,oBAAA;GACA;EACA;IACA,sBAAA;GACA;EACA;IACA,8BAAA;GACA;EACA;IACA,+BAAA;GACA;EACA;IACA,UAAA;GACA;EACA;IACA,SAAA;GACA;CACA;AACA;EACA;;;;;;;;;;;;;IACA,uBAAA;IACA,eAAA;IACA,sBAAA;IACA,qBAAA;GACA;EACA;IACA,aAAA;IACA,cAAA;IACA,gBAAA;GACA;EACA;IACA,mBAAA;IACA,kBAAA;GACA;EACA;IACA,oBAAA;IACA,mBAAA;GACA;EACA;IACA,gBAAA;IACA,eAAA;GACA;EACA;IACA,oBAAA;IACA,mBAAA;GACA;EACA;IACA,oBAAA;IACA,mBAAA;GACA;EACA;IACA,gBAAA;IACA,eAAA;GACA;EACA;IACA,oBAAA;IACA,mBAAA;GACA;EACA;IACA,oBAAA;IACA,mBAAA;GACA;EACA;IACA,gBAAA;IACA,eAAA;GACA;EACA;IACA,oBAAA;IACA,mBAAA;GACA;EACA;IACA,oBAAA;IACA,mBAAA;GACA;EACA;IACA,iBAAA;IACA,gBAAA;GACA;EACA;IACA,oBAAA;GACA;EACA;IACA,qBAAA;GACA;EACA;IACA,iBAAA;GACA;EACA;IACA,qBAAA;GACA;EACA;IACA,qBAAA;GACA;EACA;IACA,iBAAA;GACA;EACA;IACA,qBAAA;GACA;EACA;IACA,qBAAA;GACA;EACA;IACA,iBAAA;GACA;EACA;IACA,qBAAA;GACA;EACA;IACA,qBAAA;GACA;EACA;IACA,4BAAA;IACA,kBAAA;GACA;EACA;IACA,wBAAA;IACA,mBAAA;GACA;EACA;IACA,0BAAA;IACA,gBAAA;GACA;EACA;IACA,wBAAA;GACA;EACA;IACA,oBAAA;GACA;EACA;IACA,sBAAA;GACA;EACA;IACA,8BAAA;GACA;EACA;IACA,+BAAA;GACA;EACA;IACA,UAAA;GACA;EACA;IACA,SAAA;GACA;CACA","file":"vishnu.grid.css","sourcesContent":["/*\n* Responsive\n*/\n\n@custom-media --sm-viewport only screen and (max-width: 25em);\n@custom-media --md-viewport only screen and (max-width: 48em);\n@custom-media --lg-viewport only screen and (max-width: 62em);\n@custom-media --xl-viewport only screen and (max-width: 75em);\n\n/*\n * Custom Properties\n*/\n\n@custom-selector :--all-cols-xs .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12;\n@custom-selector :--all-cols-sm .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12;\n@custom-selector :--all-cols-md .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12;\n@custom-selector :--all-cols-lg .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12;\n","/*\n * Grid\n*/\n\n/*\n*\n* @ custom-properties\n* :--all-cols-xs .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12;\n* :--all-cols-sm .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12;\n* :--all-cols-md .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12;\n* :--all-cols-lg .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12;\n*\n*/\n\n.flex {\n  display: flex;\n  flex-wrap: wrap;\n}\n.container-fluid {\n  margin-right: auto;\n  margin-left: auto;\n  padding-right: 2rem;\n  padding-left: 2rem;\n}\n.row {\n  box-sizing: border-box;\n  display: flex;\n  flex: 0 1 auto;\n  flex-direction: row;\n  flex-wrap: wrap;\n  margin-right: -0.5rem;\n  margin-left: -0.5rem;\n}\n.row.reverse {\n  flex-direction: row-reverse;\n}\n.col.reverse {\n  flex-direction: column-reverse;\n}\n:--all-cols-xs {\n  box-sizing: border-box;\n  flex: 0 0 auto;\n  padding-right: 0.5rem;\n  padding-left: 0.5rem;\n}\n.col-xs {\n  flex-grow: 1;\n  flex-basis: 0;\n  max-width: 100%;\n}\n.col-xs-1 {\n  flex-basis: 8.333%;\n  max-width: 8.333%;\n}\n.col-xs-2 {\n  flex-basis: 16.667%;\n  max-width: 16.667%;\n}\n.col-xs-3 {\n  flex-basis: 25%;\n  max-width: 25%;\n}\n.col-xs-4 {\n  flex-basis: 33.333%;\n  max-width: 33.333%;\n}\n.col-xs-5 {\n  flex-basis: 41.667%;\n  max-width: 41.667%;\n}\n.col-xs-6 {\n  flex-basis: 50%;\n  max-width: 50%;\n}\n.col-xs-7 {\n  flex-basis: 58.333%;\n  max-width: 58.333%;\n}\n.col-xs-8 {\n  flex-basis: 66.667%;\n  max-width: 66.667%;\n}\n.col-xs-9 {\n  flex-basis: 75%;\n  max-width: 75%;\n}\n.col-xs-10 {\n  flex-basis: 83.333%;\n  max-width: 83.333%;\n}\n.col-xs-11 {\n  flex-basis: 91.667%;\n  max-width: 91.667%;\n}\n.col-xs-12 {\n  flex-basis: 100%;\n  max-width: 100%;\n}\n.col-xs-offset-1 {\n  margin-left: 8.333%;\n}\n.col-xs-offset-2 {\n  margin-left: 16.667%;\n}\n.col-xs-offset-3 {\n  margin-left: 25%;\n}\n.col-xs-offset-4 {\n  margin-left: 33.333%;\n}\n.col-xs-offset-5 {\n  margin-left: 41.667%;\n}\n.col-xs-offset-6 {\n  margin-left: 50%;\n}\n.col-xs-offset-7 {\n  margin-left: 58.333%;\n}\n.col-xs-offset-8 {\n  margin-left: 66.667%;\n}\n.col-xs-offset-9 {\n  margin-left: 75%;\n}\n.col-xs-offset-10 {\n  margin-left: 83.333%;\n}\n.col-xs-offset-11 {\n  margin-left: 91.667%;\n}\n.start-xs {\n  justify-content: flex-start;\n  text-align: start;\n}\n.center-xs {\n  justify-content: center;\n  text-align: center;\n}\n.end-xs {\n  justify-content: flex-end;\n  text-align: end;\n}\n.top-xs {\n  align-items: flex-start;\n}\n.middle-xs {\n  align-items: center;\n}\n.bottom-xs {\n  align-items: flex-end;\n}\n.around-xs {\n  justify-content: space-around;\n}\n.between-xs {\n  justify-content: space-between;\n}\n.first-xs {\n  order: -1;\n}\n.last-xs {\n  order: 1;\n}\n@media (--md-viewport) {\n  :--all-cols-sm {\n    box-sizing: border-box;\n    flex: 0 0 auto;\n    padding-right: 0.5rem;\n    padding-left: 0.5rem;\n  }\n  .col-sm {\n    flex-grow: 1;\n    flex-basis: 0;\n    max-width: 100%;\n  }\n  .col-sm-1 {\n    flex-basis: 8.333%;\n    max-width: 8.333%;\n  }\n  .col-sm-2 {\n    flex-basis: 16.667%;\n    max-width: 16.667%;\n  }\n  .col-sm-3 {\n    flex-basis: 25%;\n    max-width: 25%;\n  }\n  .col-sm-4 {\n    flex-basis: 33.333%;\n    max-width: 33.333%;\n  }\n  .col-sm-5 {\n    flex-basis: 41.667%;\n    max-width: 41.667%;\n  }\n  .col-sm-6 {\n    flex-basis: 50%;\n    max-width: 50%;\n  }\n  .col-sm-7 {\n    flex-basis: 58.333%;\n    max-width: 58.333%;\n  }\n  .col-sm-8 {\n    flex-basis: 66.667%;\n    max-width: 66.667%;\n  }\n  .col-sm-9 {\n    flex-basis: 75%;\n    max-width: 75%;\n  }\n  .col-sm-10 {\n    flex-basis: 83.333%;\n    max-width: 83.333%;\n  }\n  .col-sm-11 {\n    flex-basis: 91.667%;\n    max-width: 91.667%;\n  }\n  .col-sm-12 {\n    flex-basis: 100%;\n    max-width: 100%;\n  }\n  .col-sm-offset-1 {\n    margin-left: 8.333%;\n  }\n  .col-sm-offset-2 {\n    margin-left: 16.667%;\n  }\n  .col-sm-offset-3 {\n    margin-left: 25%;\n  }\n  .col-sm-offset-4 {\n    margin-left: 33.333%;\n  }\n  .col-sm-offset-5 {\n    margin-left: 41.667%;\n  }\n  .col-sm-offset-6 {\n    margin-left: 50%;\n  }\n  .col-sm-offset-7 {\n    margin-left: 58.333%;\n  }\n  .col-sm-offset-8 {\n    margin-left: 66.667%;\n  }\n  .col-sm-offset-9 {\n    margin-left: 75%;\n  }\n  .col-sm-offset-10 {\n    margin-left: 83.333%;\n  }\n  .col-sm-offset-11 {\n    margin-left: 91.667%;\n  }\n  .start-sm {\n    justify-content: flex-start;\n    text-align: start;\n  }\n  .center-sm {\n    justify-content: center;\n    text-align: center;\n  }\n  .end-sm {\n    justify-content: flex-end;\n    text-align: end;\n  }\n  .top-sm {\n    align-items: flex-start;\n  }\n  .middle-sm {\n    align-items: center;\n  }\n  .bottom-sm {\n    align-items: flex-end;\n  }\n  .around-sm {\n    justify-content: space-around;\n  }\n  .between-sm {\n    justify-content: space-between;\n  }\n  .first-sm {\n    order: -1;\n  }\n  .last-sm {\n    order: 1;\n  }\n}\n@media (--lg-viewport) {\n  :--all-cols-md {\n    box-sizing: border-box;\n    flex: 0 0 auto;\n    padding-right: 0.5rem;\n    padding-left: 0.5rem;\n  }\n  .col-md {\n    flex-grow: 1;\n    flex-basis: 0;\n    max-width: 100%;\n  }\n  .col-md-1 {\n    flex-basis: 8.333%;\n    max-width: 8.333%;\n  }\n  .col-md-2 {\n    flex-basis: 16.667%;\n    max-width: 16.667%;\n  }\n  .col-md-3 {\n    flex-basis: 25%;\n    max-width: 25%;\n  }\n  .col-md-4 {\n    flex-basis: 33.333%;\n    max-width: 33.333%;\n  }\n  .col-md-5 {\n    flex-basis: 41.667%;\n    max-width: 41.667%;\n  }\n  .col-md-6 {\n    flex-basis: 50%;\n    max-width: 50%;\n  }\n  .col-md-7 {\n    flex-basis: 58.333%;\n    max-width: 58.333%;\n  }\n  .col-md-8 {\n    flex-basis: 66.667%;\n    max-width: 66.667%;\n  }\n  .col-md-9 {\n    flex-basis: 75%;\n    max-width: 75%;\n  }\n  .col-md-10 {\n    flex-basis: 83.333%;\n    max-width: 83.333%;\n  }\n  .col-md-11 {\n    flex-basis: 91.667%;\n    max-width: 91.667%;\n  }\n  .col-md-12 {\n    flex-basis: 100%;\n    max-width: 100%;\n  }\n  .col-md-offset-1 {\n    margin-left: 8.333%;\n  }\n  .col-md-offset-2 {\n    margin-left: 16.667%;\n  }\n  .col-md-offset-3 {\n    margin-left: 25%;\n  }\n  .col-md-offset-4 {\n    margin-left: 33.333%;\n  }\n  .col-md-offset-5 {\n    margin-left: 41.667%;\n  }\n  .col-md-offset-6 {\n    margin-left: 50%;\n  }\n  .col-md-offset-7 {\n    margin-left: 58.333%;\n  }\n  .col-md-offset-8 {\n    margin-left: 66.667%;\n  }\n  .col-md-offset-9 {\n    margin-left: 75%;\n  }\n  .col-md-offset-10 {\n    margin-left: 83.333%;\n  }\n  .col-md-offset-11 {\n    margin-left: 91.667%;\n  }\n  .start-md {\n    justify-content: flex-start;\n    text-align: start;\n  }\n  .center-md {\n    justify-content: center;\n    text-align: center;\n  }\n  .end-md {\n    justify-content: flex-end;\n    text-align: end;\n  }\n  .top-md {\n    align-items: flex-start;\n  }\n  .middle-md {\n    align-items: center;\n  }\n  .bottom-md {\n    align-items: flex-end;\n  }\n  .around-md {\n    justify-content: space-around;\n  }\n  .between-md {\n    justify-content: space-between;\n  }\n  .first-md {\n    order: -1;\n  }\n  .last-md {\n    order: 1;\n  }\n}\n@media (--xl-viewport) {\n  :--all-cols-lg {\n    box-sizing: border-box;\n    flex: 0 0 auto;\n    padding-right: 0.5rem;\n    padding-left: 0.5rem;\n  }\n  .col-lg {\n    flex-grow: 1;\n    flex-basis: 0;\n    max-width: 100%;\n  }\n  .col-lg-1 {\n    flex-basis: 8.333%;\n    max-width: 8.333%;\n  }\n  .col-lg-2 {\n    flex-basis: 16.667%;\n    max-width: 16.667%;\n  }\n  .col-lg-3 {\n    flex-basis: 25%;\n    max-width: 25%;\n  }\n  .col-lg-4 {\n    flex-basis: 33.333%;\n    max-width: 33.333%;\n  }\n  .col-lg-5 {\n    flex-basis: 41.667%;\n    max-width: 41.667%;\n  }\n  .col-lg-6 {\n    flex-basis: 50%;\n    max-width: 50%;\n  }\n  .col-lg-7 {\n    flex-basis: 58.333%;\n    max-width: 58.333%;\n  }\n  .col-lg-8 {\n    flex-basis: 66.667%;\n    max-width: 66.667%;\n  }\n  .col-lg-9 {\n    flex-basis: 75%;\n    max-width: 75%;\n  }\n  .col-lg-10 {\n    flex-basis: 83.333%;\n    max-width: 83.333%;\n  }\n  .col-lg-11 {\n    flex-basis: 91.667%;\n    max-width: 91.667%;\n  }\n  .col-lg-12 {\n    flex-basis: 100%;\n    max-width: 100%;\n  }\n  .col-lg-offset-1 {\n    margin-left: 8.333%;\n  }\n  .col-lg-offset-2 {\n    margin-left: 16.667%;\n  }\n  .col-lg-offset-3 {\n    margin-left: 25%;\n  }\n  .col-lg-offset-4 {\n    margin-left: 33.333%;\n  }\n  .col-lg-offset-5 {\n    margin-left: 41.667%;\n  }\n  .col-lg-offset-6 {\n    margin-left: 50%;\n  }\n  .col-lg-offset-7 {\n    margin-left: 58.333%;\n  }\n  .col-lg-offset-8 {\n    margin-left: 66.667%;\n  }\n  .col-lg-offset-9 {\n    margin-left: 75%;\n  }\n  .col-lg-offset-10 {\n    margin-left: 83.333%;\n  }\n  .col-lg-offset-11 {\n    margin-left: 91.667%;\n  }\n  .start-lg {\n    justify-content: flex-start;\n    text-align: start;\n  }\n  .center-lg {\n    justify-content: center;\n    text-align: center;\n  }\n  .end-lg {\n    justify-content: flex-end;\n    text-align: end;\n  }\n  .top-lg {\n    align-items: flex-start;\n  }\n  .middle-lg {\n    align-items: center;\n  }\n  .bottom-lg {\n    align-items: flex-end;\n  }\n  .around-lg {\n    justify-content: space-around;\n  }\n  .between-lg {\n    justify-content: space-between;\n  }\n  .first-lg {\n    order: -1;\n  }\n  .last-lg {\n    order: 1;\n  }\n}\n"]}
\ No newline at end of file
diff --git a/packages/vishnucss-grid/dist/vishnu.grid.min.css b/packages/vishnucss-grid/dist/vishnu.grid.min.css
index 3526a6a..0c20bdd 100644
--- a/packages/vishnucss-grid/dist/vishnu.grid.min.css
+++ b/packages/vishnucss-grid/dist/vishnu.grid.min.css
@@ -1,6 +1,6 @@
 /**
-* vishnucss grid - v1.1.0-rc.1
+* vishnucss grid - v1.1.0-rc.2
 * https://vishnucss.github.io/vishnu#grid
 */
-.flex{display:flex;flex-wrap:wrap}.container-fluid{margin-right:auto;margin-left:auto;padding-right:2rem;padding-left:2rem}.row{box-sizing:border-box;display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:wrap;margin-right:-.5rem;margin-left:-.5rem}.row.reverse{flex-direction:row-reverse}.col.reverse{flex-direction:column-reverse}.col-xs,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{box-sizing:border-box;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-xs{flex-grow:1;flex-basis:0;max-width:100%}.col-xs-1{flex-basis:8.333%;max-width:8.333%}.col-xs-2{flex-basis:16.667%;max-width:16.667%}.col-xs-3{flex-basis:25%;max-width:25%}.col-xs-4{flex-basis:33.333%;max-width:33.333%}.col-xs-5{flex-basis:41.667%;max-width:41.667%}.col-xs-6{flex-basis:50%;max-width:50%}.col-xs-7{flex-basis:58.333%;max-width:58.333%}.col-xs-8{flex-basis:66.667%;max-width:66.667%}.col-xs-9{flex-basis:75%;max-width:75%}.col-xs-10{flex-basis:83.333%;max-width:83.333%}.col-xs-11{flex-basis:91.667%;max-width:91.667%}.col-xs-12{flex-basis:100%;max-width:100%}.col-xs-offset-1{margin-left:8.333%}.col-xs-offset-2{margin-left:16.667%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-4{margin-left:33.333%}.col-xs-offset-5{margin-left:41.667%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-7{margin-left:58.333%}.col-xs-offset-8{margin-left:66.667%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-10{margin-left:83.333%}.col-xs-offset-11{margin-left:91.667%}.start-xs{justify-content:flex-start;text-align:start}.center-xs{justify-content:center;text-align:center}.end-xs{justify-content:flex-end;text-align:end}.top-xs{align-items:flex-start}.middle-xs{align-items:center}.bottom-xs{align-items:flex-end}.around-xs{justify-content:space-around}.between-xs{justify-content:space-between}.first-xs{order:-1}.last-xs{order:1}
+.flex{display:flex;flex-wrap:wrap}.container-fluid{margin-right:auto;margin-left:auto;padding-right:2rem;padding-left:2rem}.row{box-sizing:border-box;display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:wrap;margin-right:-.5rem;margin-left:-.5rem}.row.reverse{flex-direction:row-reverse}.col.reverse{flex-direction:column-reverse}.col-xs,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{box-sizing:border-box;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-xs{flex-grow:1;flex-basis:0;max-width:100%}.col-xs-1{flex-basis:8.333%;max-width:8.333%}.col-xs-2{flex-basis:16.667%;max-width:16.667%}.col-xs-3{flex-basis:25%;max-width:25%}.col-xs-4{flex-basis:33.333%;max-width:33.333%}.col-xs-5{flex-basis:41.667%;max-width:41.667%}.col-xs-6{flex-basis:50%;max-width:50%}.col-xs-7{flex-basis:58.333%;max-width:58.333%}.col-xs-8{flex-basis:66.667%;max-width:66.667%}.col-xs-9{flex-basis:75%;max-width:75%}.col-xs-10{flex-basis:83.333%;max-width:83.333%}.col-xs-11{flex-basis:91.667%;max-width:91.667%}.col-xs-12{flex-basis:100%;max-width:100%}.col-xs-offset-1{margin-left:8.333%}.col-xs-offset-2{margin-left:16.667%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-4{margin-left:33.333%}.col-xs-offset-5{margin-left:41.667%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-7{margin-left:58.333%}.col-xs-offset-8{margin-left:66.667%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-10{margin-left:83.333%}.col-xs-offset-11{margin-left:91.667%}.start-xs{justify-content:flex-start;text-align:start}.center-xs{justify-content:center;text-align:center}.end-xs{justify-content:flex-end;text-align:end}.top-xs{align-items:flex-start}.middle-xs{align-items:center}.bottom-xs{align-items:flex-end}.around-xs{justify-content:space-around}.between-xs{justify-content:space-between}.first-xs{order:-1}.last-xs{order:1}@media only screen and (max-width:48em){.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{box-sizing:border-box;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-sm{flex-grow:1;flex-basis:0;max-width:100%}.col-sm-1{flex-basis:8.333%;max-width:8.333%}.col-sm-2{flex-basis:16.667%;max-width:16.667%}.col-sm-3{flex-basis:25%;max-width:25%}.col-sm-4{flex-basis:33.333%;max-width:33.333%}.col-sm-5{flex-basis:41.667%;max-width:41.667%}.col-sm-6{flex-basis:50%;max-width:50%}.col-sm-7{flex-basis:58.333%;max-width:58.333%}.col-sm-8{flex-basis:66.667%;max-width:66.667%}.col-sm-9{flex-basis:75%;max-width:75%}.col-sm-10{flex-basis:83.333%;max-width:83.333%}.col-sm-11{flex-basis:91.667%;max-width:91.667%}.col-sm-12{flex-basis:100%;max-width:100%}.col-sm-offset-1{margin-left:8.333%}.col-sm-offset-2{margin-left:16.667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.333%}.col-sm-offset-5{margin-left:41.667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.333%}.col-sm-offset-8{margin-left:66.667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.333%}.col-sm-offset-11{margin-left:91.667%}.start-sm{justify-content:flex-start;text-align:start}.center-sm{justify-content:center;text-align:center}.end-sm{justify-content:flex-end;text-align:end}.top-sm{align-items:flex-start}.middle-sm{align-items:center}.bottom-sm{align-items:flex-end}.around-sm{justify-content:space-around}.between-sm{justify-content:space-between}.first-sm{order:-1}.last-sm{order:1}}@media only screen and (max-width:62em){.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{box-sizing:border-box;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-md{flex-grow:1;flex-basis:0;max-width:100%}.col-md-1{flex-basis:8.333%;max-width:8.333%}.col-md-2{flex-basis:16.667%;max-width:16.667%}.col-md-3{flex-basis:25%;max-width:25%}.col-md-4{flex-basis:33.333%;max-width:33.333%}.col-md-5{flex-basis:41.667%;max-width:41.667%}.col-md-6{flex-basis:50%;max-width:50%}.col-md-7{flex-basis:58.333%;max-width:58.333%}.col-md-8{flex-basis:66.667%;max-width:66.667%}.col-md-9{flex-basis:75%;max-width:75%}.col-md-10{flex-basis:83.333%;max-width:83.333%}.col-md-11{flex-basis:91.667%;max-width:91.667%}.col-md-12{flex-basis:100%;max-width:100%}.col-md-offset-1{margin-left:8.333%}.col-md-offset-2{margin-left:16.667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.333%}.col-md-offset-5{margin-left:41.667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.333%}.col-md-offset-8{margin-left:66.667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.333%}.col-md-offset-11{margin-left:91.667%}.start-md{justify-content:flex-start;text-align:start}.center-md{justify-content:center;text-align:center}.end-md{justify-content:flex-end;text-align:end}.top-md{align-items:flex-start}.middle-md{align-items:center}.bottom-md{align-items:flex-end}.around-md{justify-content:space-around}.between-md{justify-content:space-between}.first-md{order:-1}.last-md{order:1}}@media only screen and (max-width:75em){.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{box-sizing:border-box;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-lg{flex-grow:1;flex-basis:0;max-width:100%}.col-lg-1{flex-basis:8.333%;max-width:8.333%}.col-lg-2{flex-basis:16.667%;max-width:16.667%}.col-lg-3{flex-basis:25%;max-width:25%}.col-lg-4{flex-basis:33.333%;max-width:33.333%}.col-lg-5{flex-basis:41.667%;max-width:41.667%}.col-lg-6{flex-basis:50%;max-width:50%}.col-lg-7{flex-basis:58.333%;max-width:58.333%}.col-lg-8{flex-basis:66.667%;max-width:66.667%}.col-lg-9{flex-basis:75%;max-width:75%}.col-lg-10{flex-basis:83.333%;max-width:83.333%}.col-lg-11{flex-basis:91.667%;max-width:91.667%}.col-lg-12{flex-basis:100%;max-width:100%}.col-lg-offset-1{margin-left:8.333%}.col-lg-offset-2{margin-left:16.667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.333%}.col-lg-offset-5{margin-left:41.667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.333%}.col-lg-offset-8{margin-left:66.667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.333%}.col-lg-offset-11{margin-left:91.667%}.start-lg{justify-content:flex-start;text-align:start}.center-lg{justify-content:center;text-align:center}.end-lg{justify-content:flex-end;text-align:end}.top-lg{align-items:flex-start}.middle-lg{align-items:center}.bottom-lg{align-items:flex-end}.around-lg{justify-content:space-around}.between-lg{justify-content:space-between}.first-lg{order:-1}.last-lg{order:1}}
 /*# sourceMappingURL=vishnu.grid.min.css.map */
diff --git a/packages/vishnucss-grid/dist/vishnu.grid.min.css.map b/packages/vishnucss-grid/dist/vishnu.grid.min.css.map
index e86c1d0..8cf5200 100644
--- a/packages/vishnucss-grid/dist/vishnu.grid.min.css.map
+++ b/packages/vishnucss-grid/dist/vishnu.grid.min.css.map
@@ -1 +1 @@
-{"version":3,"sources":["grid.css"],"names":[],"mappings":";;;;AAcA,MACA,aAAA,AACA,cAAA,CACA,AACA,iBACA,kBAAA,AACA,iBAAA,AACA,mBAAA,AACA,iBAAA,CACA,AACA,KACA,sBAAA,AACA,aAAA,AACA,cAAA,AACA,mBAAA,AACA,eAAA,AACA,oBAAA,AACA,kBAAA,CACA,AACA,aACA,0BAAA,CACA,AACA,aACA,6BAAA,CACA,AACA,mIACA,sBAAA,AACA,cAAA,AACA,oBAAA,AACA,kBAAA,CACA,AACA,QACA,YAAA,AACA,aAAA,AACA,cAAA,CACA,AACA,UACA,kBAAA,AACA,gBAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,eAAA,AACA,aAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,eAAA,AACA,aAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,eAAA,AACA,aAAA,CACA,AACA,WACA,mBAAA,AACA,iBAAA,CACA,AACA,WACA,mBAAA,AACA,iBAAA,CACA,AACA,WACA,gBAAA,AACA,cAAA,CACA,AACA,iBACA,kBAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,eAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,eAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,eAAA,CACA,AACA,kBACA,mBAAA,CACA,AACA,kBACA,mBAAA,CACA,AACA,UACA,2BAAA,AACA,gBAAA,CACA,AACA,WACA,uBAAA,AACA,iBAAA,CACA,AACA,QACA,yBAAA,AACA,cAAA,CACA,AACA,QACA,sBAAA,CACA,AACA,WACA,kBAAA,CACA,AACA,WACA,oBAAA,CACA,AACA,WACA,4BAAA,CACA,AACA,YACA,6BAAA,CACA,AACA,UACA,QAAA,CACA,AACA,SACA,OAAA,CACA","file":"vishnu.grid.min.css","sourcesContent":["/*\n * Grid\n*/\n\n/*\n*\n* @ custom-properties\n* :--all-cols-xs .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12;\n* :--all-cols-sm .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12;\n* :--all-cols-md .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12;\n* :--all-cols-lg .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12;\n*\n*/\n\n.flex {\n  display: flex;\n  flex-wrap: wrap;\n}\n.container-fluid {\n  margin-right: auto;\n  margin-left: auto;\n  padding-right: 2rem;\n  padding-left: 2rem;\n}\n.row {\n  box-sizing: border-box;\n  display: flex;\n  flex: 0 1 auto;\n  flex-direction: row;\n  flex-wrap: wrap;\n  margin-right: -0.5rem;\n  margin-left: -0.5rem;\n}\n.row.reverse {\n  flex-direction: row-reverse;\n}\n.col.reverse {\n  flex-direction: column-reverse;\n}\n:--all-cols-xs {\n  box-sizing: border-box;\n  flex: 0 0 auto;\n  padding-right: 0.5rem;\n  padding-left: 0.5rem;\n}\n.col-xs {\n  flex-grow: 1;\n  flex-basis: 0;\n  max-width: 100%;\n}\n.col-xs-1 {\n  flex-basis: 8.333%;\n  max-width: 8.333%;\n}\n.col-xs-2 {\n  flex-basis: 16.667%;\n  max-width: 16.667%;\n}\n.col-xs-3 {\n  flex-basis: 25%;\n  max-width: 25%;\n}\n.col-xs-4 {\n  flex-basis: 33.333%;\n  max-width: 33.333%;\n}\n.col-xs-5 {\n  flex-basis: 41.667%;\n  max-width: 41.667%;\n}\n.col-xs-6 {\n  flex-basis: 50%;\n  max-width: 50%;\n}\n.col-xs-7 {\n  flex-basis: 58.333%;\n  max-width: 58.333%;\n}\n.col-xs-8 {\n  flex-basis: 66.667%;\n  max-width: 66.667%;\n}\n.col-xs-9 {\n  flex-basis: 75%;\n  max-width: 75%;\n}\n.col-xs-10 {\n  flex-basis: 83.333%;\n  max-width: 83.333%;\n}\n.col-xs-11 {\n  flex-basis: 91.667%;\n  max-width: 91.667%;\n}\n.col-xs-12 {\n  flex-basis: 100%;\n  max-width: 100%;\n}\n.col-xs-offset-1 {\n  margin-left: 8.333%;\n}\n.col-xs-offset-2 {\n  margin-left: 16.667%;\n}\n.col-xs-offset-3 {\n  margin-left: 25%;\n}\n.col-xs-offset-4 {\n  margin-left: 33.333%;\n}\n.col-xs-offset-5 {\n  margin-left: 41.667%;\n}\n.col-xs-offset-6 {\n  margin-left: 50%;\n}\n.col-xs-offset-7 {\n  margin-left: 58.333%;\n}\n.col-xs-offset-8 {\n  margin-left: 66.667%;\n}\n.col-xs-offset-9 {\n  margin-left: 75%;\n}\n.col-xs-offset-10 {\n  margin-left: 83.333%;\n}\n.col-xs-offset-11 {\n  margin-left: 91.667%;\n}\n.start-xs {\n  justify-content: flex-start;\n  text-align: start;\n}\n.center-xs {\n  justify-content: center;\n  text-align: center;\n}\n.end-xs {\n  justify-content: flex-end;\n  text-align: end;\n}\n.top-xs {\n  align-items: flex-start;\n}\n.middle-xs {\n  align-items: center;\n}\n.bottom-xs {\n  align-items: flex-end;\n}\n.around-xs {\n  justify-content: space-around;\n}\n.between-xs {\n  justify-content: space-between;\n}\n.first-xs {\n  order: -1;\n}\n.last-xs {\n  order: 1;\n}\n@media (--md-viewport) {\n  :--all-cols-sm {\n    box-sizing: border-box;\n    flex: 0 0 auto;\n    padding-right: 0.5rem;\n    padding-left: 0.5rem;\n  }\n  .col-sm {\n    flex-grow: 1;\n    flex-basis: 0;\n    max-width: 100%;\n  }\n  .col-sm-1 {\n    flex-basis: 8.333%;\n    max-width: 8.333%;\n  }\n  .col-sm-2 {\n    flex-basis: 16.667%;\n    max-width: 16.667%;\n  }\n  .col-sm-3 {\n    flex-basis: 25%;\n    max-width: 25%;\n  }\n  .col-sm-4 {\n    flex-basis: 33.333%;\n    max-width: 33.333%;\n  }\n  .col-sm-5 {\n    flex-basis: 41.667%;\n    max-width: 41.667%;\n  }\n  .col-sm-6 {\n    flex-basis: 50%;\n    max-width: 50%;\n  }\n  .col-sm-7 {\n    flex-basis: 58.333%;\n    max-width: 58.333%;\n  }\n  .col-sm-8 {\n    flex-basis: 66.667%;\n    max-width: 66.667%;\n  }\n  .col-sm-9 {\n    flex-basis: 75%;\n    max-width: 75%;\n  }\n  .col-sm-10 {\n    flex-basis: 83.333%;\n    max-width: 83.333%;\n  }\n  .col-sm-11 {\n    flex-basis: 91.667%;\n    max-width: 91.667%;\n  }\n  .col-sm-12 {\n    flex-basis: 100%;\n    max-width: 100%;\n  }\n  .col-sm-offset-1 {\n    margin-left: 8.333%;\n  }\n  .col-sm-offset-2 {\n    margin-left: 16.667%;\n  }\n  .col-sm-offset-3 {\n    margin-left: 25%;\n  }\n  .col-sm-offset-4 {\n    margin-left: 33.333%;\n  }\n  .col-sm-offset-5 {\n    margin-left: 41.667%;\n  }\n  .col-sm-offset-6 {\n    margin-left: 50%;\n  }\n  .col-sm-offset-7 {\n    margin-left: 58.333%;\n  }\n  .col-sm-offset-8 {\n    margin-left: 66.667%;\n  }\n  .col-sm-offset-9 {\n    margin-left: 75%;\n  }\n  .col-sm-offset-10 {\n    margin-left: 83.333%;\n  }\n  .col-sm-offset-11 {\n    margin-left: 91.667%;\n  }\n  .start-sm {\n    justify-content: flex-start;\n    text-align: start;\n  }\n  .center-sm {\n    justify-content: center;\n    text-align: center;\n  }\n  .end-sm {\n    justify-content: flex-end;\n    text-align: end;\n  }\n  .top-sm {\n    align-items: flex-start;\n  }\n  .middle-sm {\n    align-items: center;\n  }\n  .bottom-sm {\n    align-items: flex-end;\n  }\n  .around-sm {\n    justify-content: space-around;\n  }\n  .between-sm {\n    justify-content: space-between;\n  }\n  .first-sm {\n    order: -1;\n  }\n  .last-sm {\n    order: 1;\n  }\n}\n@media (--lg-viewport) {\n  :--all-cols-md {\n    box-sizing: border-box;\n    flex: 0 0 auto;\n    padding-right: 0.5rem;\n    padding-left: 0.5rem;\n  }\n  .col-md {\n    flex-grow: 1;\n    flex-basis: 0;\n    max-width: 100%;\n  }\n  .col-md-1 {\n    flex-basis: 8.333%;\n    max-width: 8.333%;\n  }\n  .col-md-2 {\n    flex-basis: 16.667%;\n    max-width: 16.667%;\n  }\n  .col-md-3 {\n    flex-basis: 25%;\n    max-width: 25%;\n  }\n  .col-md-4 {\n    flex-basis: 33.333%;\n    max-width: 33.333%;\n  }\n  .col-md-5 {\n    flex-basis: 41.667%;\n    max-width: 41.667%;\n  }\n  .col-md-6 {\n    flex-basis: 50%;\n    max-width: 50%;\n  }\n  .col-md-7 {\n    flex-basis: 58.333%;\n    max-width: 58.333%;\n  }\n  .col-md-8 {\n    flex-basis: 66.667%;\n    max-width: 66.667%;\n  }\n  .col-md-9 {\n    flex-basis: 75%;\n    max-width: 75%;\n  }\n  .col-md-10 {\n    flex-basis: 83.333%;\n    max-width: 83.333%;\n  }\n  .col-md-11 {\n    flex-basis: 91.667%;\n    max-width: 91.667%;\n  }\n  .col-md-12 {\n    flex-basis: 100%;\n    max-width: 100%;\n  }\n  .col-md-offset-1 {\n    margin-left: 8.333%;\n  }\n  .col-md-offset-2 {\n    margin-left: 16.667%;\n  }\n  .col-md-offset-3 {\n    margin-left: 25%;\n  }\n  .col-md-offset-4 {\n    margin-left: 33.333%;\n  }\n  .col-md-offset-5 {\n    margin-left: 41.667%;\n  }\n  .col-md-offset-6 {\n    margin-left: 50%;\n  }\n  .col-md-offset-7 {\n    margin-left: 58.333%;\n  }\n  .col-md-offset-8 {\n    margin-left: 66.667%;\n  }\n  .col-md-offset-9 {\n    margin-left: 75%;\n  }\n  .col-md-offset-10 {\n    margin-left: 83.333%;\n  }\n  .col-md-offset-11 {\n    margin-left: 91.667%;\n  }\n  .start-md {\n    justify-content: flex-start;\n    text-align: start;\n  }\n  .center-md {\n    justify-content: center;\n    text-align: center;\n  }\n  .end-md {\n    justify-content: flex-end;\n    text-align: end;\n  }\n  .top-md {\n    align-items: flex-start;\n  }\n  .middle-md {\n    align-items: center;\n  }\n  .bottom-md {\n    align-items: flex-end;\n  }\n  .around-md {\n    justify-content: space-around;\n  }\n  .between-md {\n    justify-content: space-between;\n  }\n  .first-md {\n    order: -1;\n  }\n  .last-md {\n    order: 1;\n  }\n}\n@media (--xl-viewport) {\n  :--all-cols-lg {\n    box-sizing: border-box;\n    flex: 0 0 auto;\n    padding-right: 0.5rem;\n    padding-left: 0.5rem;\n  }\n  .col-lg {\n    flex-grow: 1;\n    flex-basis: 0;\n    max-width: 100%;\n  }\n  .col-lg-1 {\n    flex-basis: 8.333%;\n    max-width: 8.333%;\n  }\n  .col-lg-2 {\n    flex-basis: 16.667%;\n    max-width: 16.667%;\n  }\n  .col-lg-3 {\n    flex-basis: 25%;\n    max-width: 25%;\n  }\n  .col-lg-4 {\n    flex-basis: 33.333%;\n    max-width: 33.333%;\n  }\n  .col-lg-5 {\n    flex-basis: 41.667%;\n    max-width: 41.667%;\n  }\n  .col-lg-6 {\n    flex-basis: 50%;\n    max-width: 50%;\n  }\n  .col-lg-7 {\n    flex-basis: 58.333%;\n    max-width: 58.333%;\n  }\n  .col-lg-8 {\n    flex-basis: 66.667%;\n    max-width: 66.667%;\n  }\n  .col-lg-9 {\n    flex-basis: 75%;\n    max-width: 75%;\n  }\n  .col-lg-10 {\n    flex-basis: 83.333%;\n    max-width: 83.333%;\n  }\n  .col-lg-11 {\n    flex-basis: 91.667%;\n    max-width: 91.667%;\n  }\n  .col-lg-12 {\n    flex-basis: 100%;\n    max-width: 100%;\n  }\n  .col-lg-offset-1 {\n    margin-left: 8.333%;\n  }\n  .col-lg-offset-2 {\n    margin-left: 16.667%;\n  }\n  .col-lg-offset-3 {\n    margin-left: 25%;\n  }\n  .col-lg-offset-4 {\n    margin-left: 33.333%;\n  }\n  .col-lg-offset-5 {\n    margin-left: 41.667%;\n  }\n  .col-lg-offset-6 {\n    margin-left: 50%;\n  }\n  .col-lg-offset-7 {\n    margin-left: 58.333%;\n  }\n  .col-lg-offset-8 {\n    margin-left: 66.667%;\n  }\n  .col-lg-offset-9 {\n    margin-left: 75%;\n  }\n  .col-lg-offset-10 {\n    margin-left: 83.333%;\n  }\n  .col-lg-offset-11 {\n    margin-left: 91.667%;\n  }\n  .start-lg {\n    justify-content: flex-start;\n    text-align: start;\n  }\n  .center-lg {\n    justify-content: center;\n    text-align: center;\n  }\n  .end-lg {\n    justify-content: flex-end;\n    text-align: end;\n  }\n  .top-lg {\n    align-items: flex-start;\n  }\n  .middle-lg {\n    align-items: center;\n  }\n  .bottom-lg {\n    align-items: flex-end;\n  }\n  .around-lg {\n    justify-content: space-around;\n  }\n  .between-lg {\n    justify-content: space-between;\n  }\n  .first-lg {\n    order: -1;\n  }\n  .last-lg {\n    order: 1;\n  }\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["grid.css"],"names":[],"mappings":";;;;AAcA,MACA,aAAA,AACA,cAAA,CACA,AACA,iBACA,kBAAA,AACA,iBAAA,AACA,mBAAA,AACA,iBAAA,CACA,AACA,KACA,sBAAA,AACA,aAAA,AACA,cAAA,AACA,mBAAA,AACA,eAAA,AACA,oBAAA,AACA,kBAAA,CACA,AACA,aACA,0BAAA,CACA,AACA,aACA,6BAAA,CACA,AACA,mIACA,sBAAA,AACA,cAAA,AACA,oBAAA,AACA,kBAAA,CACA,AACA,QACA,YAAA,AACA,aAAA,AACA,cAAA,CACA,AACA,UACA,kBAAA,AACA,gBAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,eAAA,AACA,aAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,eAAA,AACA,aAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,eAAA,AACA,aAAA,CACA,AACA,WACA,mBAAA,AACA,iBAAA,CACA,AACA,WACA,mBAAA,AACA,iBAAA,CACA,AACA,WACA,gBAAA,AACA,cAAA,CACA,AACA,iBACA,kBAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,eAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,eAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,eAAA,CACA,AACA,kBACA,mBAAA,CACA,AACA,kBACA,mBAAA,CACA,AACA,UACA,2BAAA,AACA,gBAAA,CACA,AACA,WACA,uBAAA,AACA,iBAAA,CACA,AACA,QACA,yBAAA,AACA,cAAA,CACA,AACA,QACA,sBAAA,CACA,AACA,WACA,kBAAA,CACA,AACA,WACA,oBAAA,CACA,AACA,WACA,4BAAA,CACA,AACA,YACA,6BAAA,CACA,AACA,UACA,QAAA,CACA,AACA,SACA,OAAA,CACA,AACA,wCACA,mIACA,sBAAA,AACA,cAAA,AACA,oBAAA,AACA,kBAAA,CACA,AACA,QACA,YAAA,AACA,aAAA,AACA,cAAA,CACA,AACA,UACA,kBAAA,AACA,gBAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,eAAA,AACA,aAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,eAAA,AACA,aAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,eAAA,AACA,aAAA,CACA,AACA,WACA,mBAAA,AACA,iBAAA,CACA,AACA,WACA,mBAAA,AACA,iBAAA,CACA,AACA,WACA,gBAAA,AACA,cAAA,CACA,AACA,iBACA,kBAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,eAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,eAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,eAAA,CACA,AACA,kBACA,mBAAA,CACA,AACA,kBACA,mBAAA,CACA,AACA,UACA,2BAAA,AACA,gBAAA,CACA,AACA,WACA,uBAAA,AACA,iBAAA,CACA,AACA,QACA,yBAAA,AACA,cAAA,CACA,AACA,QACA,sBAAA,CACA,AACA,WACA,kBAAA,CACA,AACA,WACA,oBAAA,CACA,AACA,WACA,4BAAA,CACA,AACA,YACA,6BAAA,CACA,AACA,UACA,QAAA,CACA,AACA,SACA,OAAA,CACA,CACA,AACA,wCACA,mIACA,sBAAA,AACA,cAAA,AACA,oBAAA,AACA,kBAAA,CACA,AACA,QACA,YAAA,AACA,aAAA,AACA,cAAA,CACA,AACA,UACA,kBAAA,AACA,gBAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,eAAA,AACA,aAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,eAAA,AACA,aAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,eAAA,AACA,aAAA,CACA,AACA,WACA,mBAAA,AACA,iBAAA,CACA,AACA,WACA,mBAAA,AACA,iBAAA,CACA,AACA,WACA,gBAAA,AACA,cAAA,CACA,AACA,iBACA,kBAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,eAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,eAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,eAAA,CACA,AACA,kBACA,mBAAA,CACA,AACA,kBACA,mBAAA,CACA,AACA,UACA,2BAAA,AACA,gBAAA,CACA,AACA,WACA,uBAAA,AACA,iBAAA,CACA,AACA,QACA,yBAAA,AACA,cAAA,CACA,AACA,QACA,sBAAA,CACA,AACA,WACA,kBAAA,CACA,AACA,WACA,oBAAA,CACA,AACA,WACA,4BAAA,CACA,AACA,YACA,6BAAA,CACA,AACA,UACA,QAAA,CACA,AACA,SACA,OAAA,CACA,CACA,AACA,wCACA,mIACA,sBAAA,AACA,cAAA,AACA,oBAAA,AACA,kBAAA,CACA,AACA,QACA,YAAA,AACA,aAAA,AACA,cAAA,CACA,AACA,UACA,kBAAA,AACA,gBAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,eAAA,AACA,aAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,eAAA,AACA,aAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,mBAAA,AACA,iBAAA,CACA,AACA,UACA,eAAA,AACA,aAAA,CACA,AACA,WACA,mBAAA,AACA,iBAAA,CACA,AACA,WACA,mBAAA,AACA,iBAAA,CACA,AACA,WACA,gBAAA,AACA,cAAA,CACA,AACA,iBACA,kBAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,eAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,eAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,mBAAA,CACA,AACA,iBACA,eAAA,CACA,AACA,kBACA,mBAAA,CACA,AACA,kBACA,mBAAA,CACA,AACA,UACA,2BAAA,AACA,gBAAA,CACA,AACA,WACA,uBAAA,AACA,iBAAA,CACA,AACA,QACA,yBAAA,AACA,cAAA,CACA,AACA,QACA,sBAAA,CACA,AACA,WACA,kBAAA,CACA,AACA,WACA,oBAAA,CACA,AACA,WACA,4BAAA,CACA,AACA,YACA,6BAAA,CACA,AACA,UACA,QAAA,CACA,AACA,SACA,OAAA,CACA,CACA","file":"vishnu.grid.min.css","sourcesContent":["/*\n * Grid\n*/\n\n/*\n*\n* @ custom-properties\n* :--all-cols-xs .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12;\n* :--all-cols-sm .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12;\n* :--all-cols-md .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12;\n* :--all-cols-lg .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12;\n*\n*/\n\n.flex {\n  display: flex;\n  flex-wrap: wrap;\n}\n.container-fluid {\n  margin-right: auto;\n  margin-left: auto;\n  padding-right: 2rem;\n  padding-left: 2rem;\n}\n.row {\n  box-sizing: border-box;\n  display: flex;\n  flex: 0 1 auto;\n  flex-direction: row;\n  flex-wrap: wrap;\n  margin-right: -0.5rem;\n  margin-left: -0.5rem;\n}\n.row.reverse {\n  flex-direction: row-reverse;\n}\n.col.reverse {\n  flex-direction: column-reverse;\n}\n:--all-cols-xs {\n  box-sizing: border-box;\n  flex: 0 0 auto;\n  padding-right: 0.5rem;\n  padding-left: 0.5rem;\n}\n.col-xs {\n  flex-grow: 1;\n  flex-basis: 0;\n  max-width: 100%;\n}\n.col-xs-1 {\n  flex-basis: 8.333%;\n  max-width: 8.333%;\n}\n.col-xs-2 {\n  flex-basis: 16.667%;\n  max-width: 16.667%;\n}\n.col-xs-3 {\n  flex-basis: 25%;\n  max-width: 25%;\n}\n.col-xs-4 {\n  flex-basis: 33.333%;\n  max-width: 33.333%;\n}\n.col-xs-5 {\n  flex-basis: 41.667%;\n  max-width: 41.667%;\n}\n.col-xs-6 {\n  flex-basis: 50%;\n  max-width: 50%;\n}\n.col-xs-7 {\n  flex-basis: 58.333%;\n  max-width: 58.333%;\n}\n.col-xs-8 {\n  flex-basis: 66.667%;\n  max-width: 66.667%;\n}\n.col-xs-9 {\n  flex-basis: 75%;\n  max-width: 75%;\n}\n.col-xs-10 {\n  flex-basis: 83.333%;\n  max-width: 83.333%;\n}\n.col-xs-11 {\n  flex-basis: 91.667%;\n  max-width: 91.667%;\n}\n.col-xs-12 {\n  flex-basis: 100%;\n  max-width: 100%;\n}\n.col-xs-offset-1 {\n  margin-left: 8.333%;\n}\n.col-xs-offset-2 {\n  margin-left: 16.667%;\n}\n.col-xs-offset-3 {\n  margin-left: 25%;\n}\n.col-xs-offset-4 {\n  margin-left: 33.333%;\n}\n.col-xs-offset-5 {\n  margin-left: 41.667%;\n}\n.col-xs-offset-6 {\n  margin-left: 50%;\n}\n.col-xs-offset-7 {\n  margin-left: 58.333%;\n}\n.col-xs-offset-8 {\n  margin-left: 66.667%;\n}\n.col-xs-offset-9 {\n  margin-left: 75%;\n}\n.col-xs-offset-10 {\n  margin-left: 83.333%;\n}\n.col-xs-offset-11 {\n  margin-left: 91.667%;\n}\n.start-xs {\n  justify-content: flex-start;\n  text-align: start;\n}\n.center-xs {\n  justify-content: center;\n  text-align: center;\n}\n.end-xs {\n  justify-content: flex-end;\n  text-align: end;\n}\n.top-xs {\n  align-items: flex-start;\n}\n.middle-xs {\n  align-items: center;\n}\n.bottom-xs {\n  align-items: flex-end;\n}\n.around-xs {\n  justify-content: space-around;\n}\n.between-xs {\n  justify-content: space-between;\n}\n.first-xs {\n  order: -1;\n}\n.last-xs {\n  order: 1;\n}\n@media (--md-viewport) {\n  :--all-cols-sm {\n    box-sizing: border-box;\n    flex: 0 0 auto;\n    padding-right: 0.5rem;\n    padding-left: 0.5rem;\n  }\n  .col-sm {\n    flex-grow: 1;\n    flex-basis: 0;\n    max-width: 100%;\n  }\n  .col-sm-1 {\n    flex-basis: 8.333%;\n    max-width: 8.333%;\n  }\n  .col-sm-2 {\n    flex-basis: 16.667%;\n    max-width: 16.667%;\n  }\n  .col-sm-3 {\n    flex-basis: 25%;\n    max-width: 25%;\n  }\n  .col-sm-4 {\n    flex-basis: 33.333%;\n    max-width: 33.333%;\n  }\n  .col-sm-5 {\n    flex-basis: 41.667%;\n    max-width: 41.667%;\n  }\n  .col-sm-6 {\n    flex-basis: 50%;\n    max-width: 50%;\n  }\n  .col-sm-7 {\n    flex-basis: 58.333%;\n    max-width: 58.333%;\n  }\n  .col-sm-8 {\n    flex-basis: 66.667%;\n    max-width: 66.667%;\n  }\n  .col-sm-9 {\n    flex-basis: 75%;\n    max-width: 75%;\n  }\n  .col-sm-10 {\n    flex-basis: 83.333%;\n    max-width: 83.333%;\n  }\n  .col-sm-11 {\n    flex-basis: 91.667%;\n    max-width: 91.667%;\n  }\n  .col-sm-12 {\n    flex-basis: 100%;\n    max-width: 100%;\n  }\n  .col-sm-offset-1 {\n    margin-left: 8.333%;\n  }\n  .col-sm-offset-2 {\n    margin-left: 16.667%;\n  }\n  .col-sm-offset-3 {\n    margin-left: 25%;\n  }\n  .col-sm-offset-4 {\n    margin-left: 33.333%;\n  }\n  .col-sm-offset-5 {\n    margin-left: 41.667%;\n  }\n  .col-sm-offset-6 {\n    margin-left: 50%;\n  }\n  .col-sm-offset-7 {\n    margin-left: 58.333%;\n  }\n  .col-sm-offset-8 {\n    margin-left: 66.667%;\n  }\n  .col-sm-offset-9 {\n    margin-left: 75%;\n  }\n  .col-sm-offset-10 {\n    margin-left: 83.333%;\n  }\n  .col-sm-offset-11 {\n    margin-left: 91.667%;\n  }\n  .start-sm {\n    justify-content: flex-start;\n    text-align: start;\n  }\n  .center-sm {\n    justify-content: center;\n    text-align: center;\n  }\n  .end-sm {\n    justify-content: flex-end;\n    text-align: end;\n  }\n  .top-sm {\n    align-items: flex-start;\n  }\n  .middle-sm {\n    align-items: center;\n  }\n  .bottom-sm {\n    align-items: flex-end;\n  }\n  .around-sm {\n    justify-content: space-around;\n  }\n  .between-sm {\n    justify-content: space-between;\n  }\n  .first-sm {\n    order: -1;\n  }\n  .last-sm {\n    order: 1;\n  }\n}\n@media (--lg-viewport) {\n  :--all-cols-md {\n    box-sizing: border-box;\n    flex: 0 0 auto;\n    padding-right: 0.5rem;\n    padding-left: 0.5rem;\n  }\n  .col-md {\n    flex-grow: 1;\n    flex-basis: 0;\n    max-width: 100%;\n  }\n  .col-md-1 {\n    flex-basis: 8.333%;\n    max-width: 8.333%;\n  }\n  .col-md-2 {\n    flex-basis: 16.667%;\n    max-width: 16.667%;\n  }\n  .col-md-3 {\n    flex-basis: 25%;\n    max-width: 25%;\n  }\n  .col-md-4 {\n    flex-basis: 33.333%;\n    max-width: 33.333%;\n  }\n  .col-md-5 {\n    flex-basis: 41.667%;\n    max-width: 41.667%;\n  }\n  .col-md-6 {\n    flex-basis: 50%;\n    max-width: 50%;\n  }\n  .col-md-7 {\n    flex-basis: 58.333%;\n    max-width: 58.333%;\n  }\n  .col-md-8 {\n    flex-basis: 66.667%;\n    max-width: 66.667%;\n  }\n  .col-md-9 {\n    flex-basis: 75%;\n    max-width: 75%;\n  }\n  .col-md-10 {\n    flex-basis: 83.333%;\n    max-width: 83.333%;\n  }\n  .col-md-11 {\n    flex-basis: 91.667%;\n    max-width: 91.667%;\n  }\n  .col-md-12 {\n    flex-basis: 100%;\n    max-width: 100%;\n  }\n  .col-md-offset-1 {\n    margin-left: 8.333%;\n  }\n  .col-md-offset-2 {\n    margin-left: 16.667%;\n  }\n  .col-md-offset-3 {\n    margin-left: 25%;\n  }\n  .col-md-offset-4 {\n    margin-left: 33.333%;\n  }\n  .col-md-offset-5 {\n    margin-left: 41.667%;\n  }\n  .col-md-offset-6 {\n    margin-left: 50%;\n  }\n  .col-md-offset-7 {\n    margin-left: 58.333%;\n  }\n  .col-md-offset-8 {\n    margin-left: 66.667%;\n  }\n  .col-md-offset-9 {\n    margin-left: 75%;\n  }\n  .col-md-offset-10 {\n    margin-left: 83.333%;\n  }\n  .col-md-offset-11 {\n    margin-left: 91.667%;\n  }\n  .start-md {\n    justify-content: flex-start;\n    text-align: start;\n  }\n  .center-md {\n    justify-content: center;\n    text-align: center;\n  }\n  .end-md {\n    justify-content: flex-end;\n    text-align: end;\n  }\n  .top-md {\n    align-items: flex-start;\n  }\n  .middle-md {\n    align-items: center;\n  }\n  .bottom-md {\n    align-items: flex-end;\n  }\n  .around-md {\n    justify-content: space-around;\n  }\n  .between-md {\n    justify-content: space-between;\n  }\n  .first-md {\n    order: -1;\n  }\n  .last-md {\n    order: 1;\n  }\n}\n@media (--xl-viewport) {\n  :--all-cols-lg {\n    box-sizing: border-box;\n    flex: 0 0 auto;\n    padding-right: 0.5rem;\n    padding-left: 0.5rem;\n  }\n  .col-lg {\n    flex-grow: 1;\n    flex-basis: 0;\n    max-width: 100%;\n  }\n  .col-lg-1 {\n    flex-basis: 8.333%;\n    max-width: 8.333%;\n  }\n  .col-lg-2 {\n    flex-basis: 16.667%;\n    max-width: 16.667%;\n  }\n  .col-lg-3 {\n    flex-basis: 25%;\n    max-width: 25%;\n  }\n  .col-lg-4 {\n    flex-basis: 33.333%;\n    max-width: 33.333%;\n  }\n  .col-lg-5 {\n    flex-basis: 41.667%;\n    max-width: 41.667%;\n  }\n  .col-lg-6 {\n    flex-basis: 50%;\n    max-width: 50%;\n  }\n  .col-lg-7 {\n    flex-basis: 58.333%;\n    max-width: 58.333%;\n  }\n  .col-lg-8 {\n    flex-basis: 66.667%;\n    max-width: 66.667%;\n  }\n  .col-lg-9 {\n    flex-basis: 75%;\n    max-width: 75%;\n  }\n  .col-lg-10 {\n    flex-basis: 83.333%;\n    max-width: 83.333%;\n  }\n  .col-lg-11 {\n    flex-basis: 91.667%;\n    max-width: 91.667%;\n  }\n  .col-lg-12 {\n    flex-basis: 100%;\n    max-width: 100%;\n  }\n  .col-lg-offset-1 {\n    margin-left: 8.333%;\n  }\n  .col-lg-offset-2 {\n    margin-left: 16.667%;\n  }\n  .col-lg-offset-3 {\n    margin-left: 25%;\n  }\n  .col-lg-offset-4 {\n    margin-left: 33.333%;\n  }\n  .col-lg-offset-5 {\n    margin-left: 41.667%;\n  }\n  .col-lg-offset-6 {\n    margin-left: 50%;\n  }\n  .col-lg-offset-7 {\n    margin-left: 58.333%;\n  }\n  .col-lg-offset-8 {\n    margin-left: 66.667%;\n  }\n  .col-lg-offset-9 {\n    margin-left: 75%;\n  }\n  .col-lg-offset-10 {\n    margin-left: 83.333%;\n  }\n  .col-lg-offset-11 {\n    margin-left: 91.667%;\n  }\n  .start-lg {\n    justify-content: flex-start;\n    text-align: start;\n  }\n  .center-lg {\n    justify-content: center;\n    text-align: center;\n  }\n  .end-lg {\n    justify-content: flex-end;\n    text-align: end;\n  }\n  .top-lg {\n    align-items: flex-start;\n  }\n  .middle-lg {\n    align-items: center;\n  }\n  .bottom-lg {\n    align-items: flex-end;\n  }\n  .around-lg {\n    justify-content: space-around;\n  }\n  .between-lg {\n    justify-content: space-between;\n  }\n  .first-lg {\n    order: -1;\n  }\n  .last-lg {\n    order: 1;\n  }\n}\n"]}
\ No newline at end of file
diff --git a/packages/vishnucss-grid/package.js b/packages/vishnucss-grid/package.js
index 9097ca7..e7ae913 100644
--- a/packages/vishnucss-grid/package.js
+++ b/packages/vishnucss-grid/package.js
@@ -1,6 +1,6 @@
 Package.describe({
 	name: 'vishnucss:grid',
-	version: '1.1.0-rc.1',
+	version: '1.1.0-rc.2',
 	summary: 'Grid system toolkit with modern css',
 	git: 'https://github.com/vishnucss/vishnu.git',
 	documentation: 'README.md'
diff --git a/packages/vishnucss-grid/package.json b/packages/vishnucss-grid/package.json
index f629707..75508a8 100644
--- a/packages/vishnucss-grid/package.json
+++ b/packages/vishnucss-grid/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@vishnucss/grid",
   "filename": "vishnu.grid.min.css",
-  "version": "1.1.0-rc.1",
+  "version": "1.1.0-rc.2",
   "description": "Grid system toolkit with modern css",
   "main": "./dist/vishnu.grid.min.css",
   "keywords": [
diff --git a/packages/vishnucss-grid/src/custom.css b/packages/vishnucss-grid/src/custom.css
index 02aaf70..62c0904 100644
--- a/packages/vishnucss-grid/src/custom.css
+++ b/packages/vishnucss-grid/src/custom.css
@@ -2,10 +2,10 @@
 * Responsive
 */
 
-@custom-media --sm-viewport only screen and (max-width: var(--responsive-sm));
-@custom-media --md-viewport only screen and (max-width: var(--responsive-md));
-@custom-media --lg-viewport only screen and (max-width: var(--responsive-lg));
-@custom-media --xl-viewport only screen and (max-width: var(--responsive-xl));
+@custom-media --sm-viewport only screen and (max-width: 25em);
+@custom-media --md-viewport only screen and (max-width: 48em);
+@custom-media --lg-viewport only screen and (max-width: 62em);
+@custom-media --xl-viewport only screen and (max-width: 75em);
 
 /*
  * Custom Properties
diff --git a/packages/vishnucss-icons/dist/vishnu.icons.css b/packages/vishnucss-icons/dist/vishnu.icons.css
index 02a483f..969c953 100644
--- a/packages/vishnucss-icons/dist/vishnu.icons.css
+++ b/packages/vishnucss-icons/dist/vishnu.icons.css
@@ -1,5 +1,5 @@
 /**
-* vishnucss icons - v1.1.0-rc.1
+* vishnucss icons - v1.1.0-rc.2
 * https://vishnucss.github.io/vishnu#icons
 */
 
diff --git a/packages/vishnucss-icons/dist/vishnu.icons.min.css b/packages/vishnucss-icons/dist/vishnu.icons.min.css
index 00a4ee9..db04cfd 100644
--- a/packages/vishnucss-icons/dist/vishnu.icons.min.css
+++ b/packages/vishnucss-icons/dist/vishnu.icons.min.css
@@ -1,5 +1,5 @@
 /**
-* vishnucss icons - v1.1.0-rc.1
+* vishnucss icons - v1.1.0-rc.2
 * https://vishnucss.github.io/vishnu#icons
 */
 .icon{width:32px;height:32px;stroke:#8549b9;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;fill:none;color:#8549b9}.icon.lg{width:52px;height:52px}.icon.sm{width:20px;height:20px}
diff --git a/packages/vishnucss-icons/package.json b/packages/vishnucss-icons/package.json
index e6e9ba4..0ba3f37 100644
--- a/packages/vishnucss-icons/package.json
+++ b/packages/vishnucss-icons/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@vishnucss/icons",
   "filename": "vishnu.icons.min.css",
-  "version": "1.1.0-rc.1",
+  "version": "1.1.0-rc.2",
   "description": "Icons package for Vishnucss toolkit with modern css.",
   "main": "./dist/vishnu.icons.min.css",
   "keywords": [
diff --git a/packages/vishnucss-spacing/dist/vishnu.spacing.css b/packages/vishnucss-spacing/dist/vishnu.spacing.css
index b4d48a7..9b6ea6d 100644
--- a/packages/vishnucss-spacing/dist/vishnu.spacing.css
+++ b/packages/vishnucss-spacing/dist/vishnu.spacing.css
@@ -1,5 +1,5 @@
 /**
-* vishnucss spacing - v1.1.0-rc.1
+* vishnucss spacing - v1.1.0-rc.2
 * https://vishnucss.github.io/vishnu#spacing
 */
 
@@ -47,100 +47,100 @@
   margin-bottom: 0;
 }
 .mr-1 {
-  margin-right: var(--base-space-size / 6)
+  margin-right: calc(16px / 6)
 }
 .mr-2 {
-  margin-right: var(--base-space-size / 4)
+  margin-right: calc(16px / 4)
 }
 .mr-3 {
-  margin-right: var(--base-space-size / 2)
+  margin-right: calc(16px / 2)
 }
 .mr-4 {
   margin-right: 16px
 }
 .mr-5 {
-  margin-right: var(--base-space-size + 4)
+  margin-right: calc(16px + 8)
 }
 .mr-6 {
-  margin-right: var(--base-space-size + 6)
+  margin-right: calc(16px * 2)
 }
 .mr-7 {
-  margin-right: var(--base-space-size * 2)
+  margin-right: calc(16px * 2 + 8)
 }
 .mr-8 {
-  margin-right: var(--base-space-size * 2 + 8)
+  margin-right: calc(16px * 4)
 }
 .ml-1 {
-  margin-left: var(--base-space-size / 6)
+  margin-left: calc(16px / 6)
 }
 .ml-2 {
-  margin-left: var(--base-space-size / 4)
+  margin-left: calc(16px / 4)
 }
 .ml-3 {
-  margin-left: var(--base-space-size / 2)
+  margin-left: calc(16px / 2)
 }
 .ml-4 {
   margin-left: 16px
 }
 .ml-5 {
-  margin-left: var(--base-space-size + 4)
+  margin-left: calc(16px + 8)
 }
 .ml-6 {
-  margin-left: var(--base-space-size + 6)
+  margin-left: calc(16px * 2)
 }
 .ml-7 {
-  margin-left: var(--base-space-size * 2)
+  margin-left: calc(16px * 2 + 8)
 }
 .ml-8 {
-  margin-left: var(--base-space-size * 2 + 8)
+  margin-left: calc(16px * 4)
 }
 .mt-1 {
-  margin-top: var(--base-space-size / 6)
+  margin-top: calc(16px / 6)
 }
 .mt-2 {
-  margin-top: var(--base-space-size / 4)
+  margin-top: calc(16px / 4)
 }
 .mt-3 {
-  margin-top: var(--base-space-size / 2)
+  margin-top: calc(16px / 2)
 }
 .mt-4 {
   margin-top: 16px
 }
 .mt-5 {
-  margin-top: var(--base-space-size + 4)
+  margin-top: calc(16px + 8)
 }
 .mt-6 {
-  margin-top: var(--base-space-size + 6)
+  margin-top: calc(16px * 2)
 }
 .mt-7 {
-  margin-top: var(--base-space-size * 2)
+  margin-top: calc(16px * 2 + 8)
 }
 .mt-8 {
-  margin-top: var(--base-space-size * 2 + 8)
+  margin-top: calc(16px * 4)
 }
 .mb-1 {
-  margin-bottom: var(--base-space-size / 6)
+  margin-bottom: calc(16px / 6)
 }
 .mb-2 {
-  margin-bottom: var(--base-space-size / 4)
+  margin-bottom: calc(16px / 4)
 }
 .mb-3 {
-  margin-bottom: var(--base-space-size / 2)
+  margin-bottom: calc(16px / 2)
 }
 .mb-4 {
   margin-bottom: 16px
 }
 .mb-5 {
-  margin-bottom: var(--base-space-size + 4)
+  margin-bottom: calc(16px + 8)
 }
 .mb-6 {
-  margin-bottom: var(--base-space-size + 6)
+  margin-bottom: calc(16px * 2)
 }
 .mb-7 {
-  margin-bottom: var(--base-space-size * 2)
+  margin-bottom: calc(16px * 2 + 8)
 }
 .mb-8 {
-  margin-bottom: var(--base-space-size * 2 + 8)
+  margin-bottom: calc(16px * 4)
 }
 
 /* Paddings */
@@ -160,102 +160,102 @@
   padding-bottom: 0;
 }
 .pr-1 {
-  padding-right: var(--base-space-size / 6)
+  padding-right: calc(16px / 6)
 }
 .pr-2 {
-  padding-right: var(--base-space-size / 4)
+  padding-right: calc(16px / 4)
 }
 .pr-3 {
-  padding-right: var(--base-space-size / 2)
+  padding-right: calc(16px / 2)
 }
 .pr-4 {
   padding-right: 16px
 }
 .pr-5 {
-  padding-right: var(--base-space-size + 4)
+  padding-right: calc(16px + 8)
 }
 .pr-6 {
-  padding-right: var(--base-space-size + 6)
+  padding-right: calc(16px * 2)
 }
 .pr-7 {
-  padding-right: var(--base-space-size * 2)
+  padding-right: calc(16px * 2 + 8)
 }
 .pr-8 {
-  padding-right: var(--base-space-size * 2 + 8)
+  padding-right: calc(16px * 4)
 }
 .pl-1 {
-  padding-left: var(--base-space-size / 6)
+  padding-left: calc(16px / 6)
 }
 .pl-2 {
-  padding-left: var(--base-space-size / 4)
+  padding-left: calc(16px / 4)
 }
 .pl-3 {
-  padding-left: var(--base-space-size / 2)
+  padding-left: calc(16px / 2)
 }
 .pl-4 {
   padding-left: 16px
 }
 .pl-5 {
-  padding-left: var(--base-space-size + 4)
+  padding-left: calc(16px + 8)
 }
 .pl-6 {
-  padding-left: var(--base-space-size + 6)
+  padding-left: calc(16px * 2)
 }
 .pl-7 {
-  padding-left: var(--base-space-size * 2)
+  padding-left: calc(16px * 2 + 8)
 }
 .pl-8 {
-  padding-left: var(--base-space-size * 2 + 8)
+  padding-left: calc(16px * 4)
 }
 
 
 .pt-1 {
-  padding-top: var(--base-space-size / 6)
+  padding-top: calc(16px / 6)
 }
 .pt-2 {
-  padding-top: var(--base-space-size / 4)
+  padding-top: calc(16px / 4)
 }
 .pt-3 {
-  padding-top: var(--base-space-size / 2)
+  padding-top: calc(16px / 2)
 }
 .pt-4 {
   padding-top: 16px
 }
 .pt-5 {
-  padding-top: var(--base-space-size + 4)
+  padding-top: calc(16px + 8)
 }
 .pt-6 {
-  padding-top: var(--base-space-size + 6)
+  padding-top: calc(16px * 2)
 }
 .pt-7 {
-  padding-top: var(--base-space-size * 2)
+  padding-top: calc(16px * 2 + 8)
 }
 .pt-8 {
-  padding-top: var(--base-space-size * 2 + 8)
+  padding-top: calc(16px * 4)
 }
 .pb-1 {
-  padding-bottom: var(--base-space-size / 6)
+  padding-bottom: calc(16px / 6)
 }
 .pb-2 {
-  padding-bottom: var(--base-space-size / 4)
+  padding-bottom: calc(16px / 4)
 }
 .pb-3 {
-  padding-bottom: var(--base-space-size / 2)
+  padding-bottom: calc(16px / 2)
 }
 .pb-4 {
   padding-bottom: 16px
 }
 .pb-5 {
-  padding-bottom: var(--base-space-size + 4)
+  padding-bottom: calc(16px + 8)
 }
 .pb-6 {
-  padding-bottom: var(--base-space-size + 6)
+  padding-bottom: calc(16px * 2)
 }
 .pb-7 {
-  padding-bottom: var(--base-space-size * 2)
+  padding-bottom: calc(16px * 2 + 8)
 }
 .pb-8 {
-  padding-bottom: var(--base-space-size * 2 + 8)
+  padding-bottom: calc(16px * 4)
 }
 
 
diff --git a/packages/vishnucss-spacing/dist/vishnu.spacing.css.map b/packages/vishnucss-spacing/dist/vishnu.spacing.css.map
index 45ce619..4c27995 100644
--- a/packages/vishnucss-spacing/dist/vishnu.spacing.css.map
+++ b/packages/vishnucss-spacing/dist/vishnu.spacing.css.map
@@ -1 +1 @@
-{"version":3,"sources":["variables.css","spacing.css"],"names":[],"mappings":";;;;;AAAA;;EAEA;;AAEA;EACA,gBAAA;;EAQA,aAAA;;EAcA,iBAAA;;EAGA,aAAA;;EAGA,WAAA;;EAIA,YAAA;;EAiBA,aAAA;;AAUA,4BAAA;;CAMA;;ACtEA;;EAEA;;AAEA,aAAA;AACA;EACA,UAAA;CACA;AACA;EACA,eAAA;CACA;AACA;EACA,gBAAA;CACA;AACA;EACA,cAAA;CACA;AACA;EACA,iBAAA;CACA;AACA;EACA,wCAAA;CACA;AACA;EACA,wCAAA;CACA;AACA;EACA,wCAAA;CACA;AACA;EACA,kBAAA;CACA;AACA;EACA,wCAAA;CACA;AACA;EACA,wCAAA;CACA;AACA;EACA,wCAAA;CACA;AACA;EACA,4CAAA;CACA;AACA;EACA,uCAAA;CACA;AACA;EACA,uCAAA;CACA;AACA;EACA,uCAAA;CACA;AACA;EACA,iBAAA;CACA;AACA;EACA,uCAAA;CACA;AACA;EACA,uCAAA;CACA;AACA;EACA,uCAAA;CACA;AACA;EACA,2CAAA;CACA;AACA;EACA,sCAAA;CACA;AACA;EACA,sCAAA;CACA;AACA;EACA,sCAAA;CACA;AACA;EACA,gBAAA;CACA;AACA;EACA,sCAAA;CACA;AACA;EACA,sCAAA;CACA;AACA;EACA,sCAAA;CACA;AACA;EACA,0CAAA;CACA;AACA;EACA,yCAAA;CACA;AACA;EACA,yCAAA;CACA;AACA;EACA,yCAAA;CACA;AACA;EACA,mBAAA;CACA;AACA;EACA,yCAAA;CACA;AACA;EACA,yCAAA;CACA;AACA;EACA,yCAAA;CACA;AACA;EACA,6CAAA;CACA;;AAEA,cAAA;AACA;EACA,WAAA;CACA;AACA;EACA,gBAAA;CACA;AACA;EACA,iBAAA;CACA;AACA;EACA,eAAA;CACA;AACA;EACA,kBAAA;CACA;AACA;EACA,yCAAA;CACA;AACA;EACA,yCAAA;CACA;AACA;EACA,yCAAA;CACA;AACA;EACA,mBAAA;CACA;AACA;EACA,yCAAA;CACA;AACA;EACA,yCAAA;CACA;AACA;EACA,yCAAA;CACA;AACA;EACA,6CAAA;CACA;AACA;EACA,wCAAA;CACA;AACA;EACA,wCAAA;CACA;AACA;EACA,wCAAA;CACA;AACA;EACA,kBAAA;CACA;AACA;EACA,wCAAA;CACA;AACA;EACA,wCAAA;CACA;AACA;EACA,wCAAA;CACA;AACA;EACA,4CAAA;CACA;;;AAGA;EACA,uCAAA;CACA;AACA;EACA,uCAAA;CACA;AACA;EACA,uCAAA;CACA;AACA;EACA,iBAAA;CACA;AACA;EACA,uCAAA;CACA;AACA;EACA,uCAAA;CACA;AACA;EACA,uCAAA;CACA;AACA;EACA,2CAAA;CACA;AACA;EACA,0CAAA;CACA;AACA;EACA,0CAAA;CACA;AACA;EACA,0CAAA;CACA;AACA;EACA,oBAAA;CACA;AACA;EACA,0CAAA;CACA;AACA;EACA,0CAAA;CACA;AACA;EACA,0CAAA;CACA;AACA;EACA,8CAAA;CACA;;;AAGA;EACA,QAAA;CACA;AACA;EACA,UAAA;CACA;AACA;EACA,WAAA;CACA;;AAEA;EACA,SAAA;CACA;AACA;EACA,WAAA;CACA;AACA;EACA,YAAA;CACA;;AAEA;EACA,OAAA;CACA;AACA;EACA,SAAA;CACA;AACA;EACA,UAAA;CACA;;AAEA;EACA,UAAA;CACA;AACA;EACA,YAAA;CACA;AACA;EACA,aAAA;CACA","file":"vishnu.spacing.css","sourcesContent":["/*\n* Variables\n*/\n\n:root {\n  /* Typography */\n  --base-font-family: -apple-system, BlinkMacSystemFont, Avenir, \"Avenir Next\",\n    \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\",\n    \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n  --base-font-size: 1.6rem;\n  --base-line-height: 1.5;\n  --base-space-size: 16px;\n\n  /* Colours */\n  --primary-color: #8549b9;\n  --secondary-color: #a460e8;\n  --base-color: #fff;\n  --base-dark-color: #282828;\n  --base-info-color: #2c80ff;\n  --base-error-color: #f93838;\n  --base-success-color: #0dc222;\n  --base-warning-color: #f2ad00;\n  --base-light-color: #f0f0f0;\n  --base-border-color: #cfcfcf;\n  --base-text-color: #4c4c4c;\n  --base-label-color: #6f6f6f;\n\n  /* Transitions */\n  --transition: all 0.2s ease-in-out;\n\n  /* Shadows */\n  --base-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.0325);\n\n  /* Utils */\n  --base-radius: 4px;\n  --base-rounded-radius: 50%;\n\n  /* Toogle */\n  --toggle-transition-duration: 0.25s;\n  --toggle-transition-timing-function: ease;\n  --toggle-label-width: 48px;\n  --toggle-label-height: 24px;\n  --toggle-rail-width: 100%;\n  --toggle-rail-height: 100%;\n  --toggle-rail-background-color: var(--base-light-color);\n  --toggle-rail-border-radius: 9999em;\n  --toggle-rail-checked-background-color: var(--base-success-color);\n  --toggle-width: 24px;\n  --toggle-height: 24px;\n  --toggle-border-radius: 50%;\n  --toggle-background-color: #fff;\n  --toggle-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.0525);\n  --toggle-checked-left: 25px;\n\n  /* Spacing */\n--spacing-xxs:  var(--base-space-size / 6);\n--spacing-xs: var(--base-space-size / 4);\n--spacing-sm: var(--base-space-size / 2);\n--spacing-md: var(--base-space-size);\n--spacing-lg: var(--base-space-size + 4);\n--spacing-xl: var(--base-space-size + 6);\n--spacing-xxl: var(--base-space-size * 2);\n--spacing-xxxl: var(--base-space-size * 2 + 8);\n\n/* Responsive breakpoints */\n--responsive-sm: 25em;\n--responsive-md: 48em;\n--responsive-lg: 62em;\n--responsive-xl: 75em;\n\n}\n","/*\n * Spacing\n*/\n\n/* Margins */\n.m-0 {\n  margin: 0;\n}\n.ml-0 {\n  margin-left: 0;\n}\n.mr-0 {\n  margin-right: 0;\n}\n.mt-0 {\n  margin-top: 0;\n}\n.mb-0 {\n  margin-bottom: 0;\n}\n.mr-1 {\n  margin-right: var(--spacing-xxs)\n}\n.mr-2 {\n  margin-right: var(--spacing-xs)\n}\n.mr-3 {\n  margin-right: var(--spacing-sm)\n}\n.mr-4 {\n  margin-right: var(--spacing-md)\n}\n.mr-5 {\n  margin-right: var(--spacing-lg)\n}\n.mr-6 {\n  margin-right: var(--spacing-xl)\n}\n.mr-7 {\n  margin-right: var(--spacing-xxl)\n}\n.mr-8 {\n  margin-right: var(--spacing-xxxl)\n}\n.ml-1 {\n  margin-left: var(--spacing-xxs)\n}\n.ml-2 {\n  margin-left: var(--spacing-xs)\n}\n.ml-3 {\n  margin-left: var(--spacing-sm)\n}\n.ml-4 {\n  margin-left: var(--spacing-md)\n}\n.ml-5 {\n  margin-left: var(--spacing-lg)\n}\n.ml-6 {\n  margin-left: var(--spacing-xl)\n}\n.ml-7 {\n  margin-left: var(--spacing-xxl)\n}\n.ml-8 {\n  margin-left: var(--spacing-xxxl)\n}\n.mt-1 {\n  margin-top: var(--spacing-xxs)\n}\n.mt-2 {\n  margin-top: var(--spacing-xs)\n}\n.mt-3 {\n  margin-top: var(--spacing-sm)\n}\n.mt-4 {\n  margin-top: var(--spacing-md)\n}\n.mt-5 {\n  margin-top: var(--spacing-lg)\n}\n.mt-6 {\n  margin-top: var(--spacing-xl)\n}\n.mt-7 {\n  margin-top: var(--spacing-xxl)\n}\n.mt-8 {\n  margin-top: var(--spacing-xxxl)\n}\n.mb-1 {\n  margin-bottom: var(--spacing-xxs)\n}\n.mb-2 {\n  margin-bottom: var(--spacing-xs)\n}\n.mb-3 {\n  margin-bottom: var(--spacing-sm)\n}\n.mb-4 {\n  margin-bottom: var(--spacing-md)\n}\n.mb-5 {\n  margin-bottom: var(--spacing-lg)\n}\n.mb-6 {\n  margin-bottom: var(--spacing-xl)\n}\n.mb-7 {\n  margin-bottom: var(--spacing-xxl)\n}\n.mb-8 {\n  margin-bottom: var(--spacing-xxxl)\n}\n\n/* Paddings */\n.p-0 {\n  padding: 0;\n}\n.pl-0 {\n  padding-left: 0;\n}\n.pr-0 {\n  padding-right: 0;\n}\n.pt-0 {\n  padding-top: 0;\n}\n.pb-0 {\n  padding-bottom: 0;\n}\n.pr-1 {\n  padding-right: var(--spacing-xxs)\n}\n.pr-2 {\n  padding-right: var(--spacing-xs)\n}\n.pr-3 {\n  padding-right: var(--spacing-sm)\n}\n.pr-4 {\n  padding-right: var(--spacing-md)\n}\n.pr-5 {\n  padding-right: var(--spacing-lg)\n}\n.pr-6 {\n  padding-right: var(--spacing-xl)\n}\n.pr-7 {\n  padding-right: var(--spacing-xxl)\n}\n.pr-8 {\n  padding-right: var(--spacing-xxxl)\n}\n.pl-1 {\n  padding-left: var(--spacing-xxs)\n}\n.pl-2 {\n  padding-left: var(--spacing-xs)\n}\n.pl-3 {\n  padding-left: var(--spacing-sm)\n}\n.pl-4 {\n  padding-left: var(--spacing-md)\n}\n.pl-5 {\n  padding-left: var(--spacing-lg)\n}\n.pl-6 {\n  padding-left: var(--spacing-xl)\n}\n.pl-7 {\n  padding-left: var(--spacing-xxl)\n}\n.pl-8 {\n  padding-left: var(--spacing-xxxl)\n}\n\n\n.pt-1 {\n  padding-top: var(--spacing-xxs)\n}\n.pt-2 {\n  padding-top: var(--spacing-xs)\n}\n.pt-3 {\n  padding-top: var(--spacing-sm)\n}\n.pt-4 {\n  padding-top: var(--spacing-md)\n}\n.pt-5 {\n  padding-top: var(--spacing-lg)\n}\n.pt-6 {\n  padding-top: var(--spacing-xl)\n}\n.pt-7 {\n  padding-top: var(--spacing-xxl)\n}\n.pt-8 {\n  padding-top: var(--spacing-xxxl)\n}\n.pb-1 {\n  padding-bottom: var(--spacing-xxs)\n}\n.pb-2 {\n  padding-bottom: var(--spacing-xs)\n}\n.pb-3 {\n  padding-bottom: var(--spacing-sm)\n}\n.pb-4 {\n  padding-bottom: var(--spacing-md)\n}\n.pb-5 {\n  padding-bottom: var(--spacing-lg)\n}\n.pb-6 {\n  padding-bottom: var(--spacing-xl)\n}\n.pb-7 {\n  padding-bottom: var(--spacing-xxl)\n}\n.pb-8 {\n  padding-bottom: var(--spacing-xxxl)\n}\n\n\n.left-0 {\n  left: 0;\n}\n.left-50 {\n  left: 50%;\n}\n.left-50-offset {\n  left: -50%;\n}\n\n.right-0 {\n  right: 0;\n}\n.right-50 {\n  right: 50%;\n}\n.right-50-offset {\n  right: -50%;\n}\n\n.top-0 {\n  top: 0;\n}\n.top-50 {\n  top: 50%;\n}\n.top-50-offset {\n  top: -50%;\n}\n\n.bottom-0 {\n  bottom: 0;\n}\n.bottom-50 {\n  bottom: 50%;\n}\n.bottom-50-offset {\n  bottom: -50%;\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["variables.css","spacing.css"],"names":[],"mappings":";;;;;AAAA;;EAEA;;AAEA;EACA,gBAAA;;EAQA,aAAA;;EAcA,iBAAA;;EAGA,aAAA;;EAGA,WAAA;;EAIA,YAAA;;EAiBA,aAAA;;AAUA,4BAAA;;CAMA;;ACtEA;;EAEA;;AAEA,aAAA;AACA;EACA,UAAA;CACA;AACA;EACA,eAAA;CACA;AACA;EACA,gBAAA;CACA;AACA;EACA,cAAA;CACA;AACA;EACA,iBAAA;CACA;AACA;EACA,4BAAA;CACA;AACA;EACA,4BAAA;CACA;AACA;EACA,4BAAA;CACA;AACA;EACA,kBAAA;CACA;AACA;EACA,4BAAA;CACA;AACA;EACA,4BAAA;CACA;AACA;EACA,gCAAA;CACA;AACA;EACA,4BAAA;CACA;AACA;EACA,2BAAA;CACA;AACA;EACA,2BAAA;CACA;AACA;EACA,2BAAA;CACA;AACA;EACA,iBAAA;CACA;AACA;EACA,2BAAA;CACA;AACA;EACA,2BAAA;CACA;AACA;EACA,+BAAA;CACA;AACA;EACA,2BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,gBAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,8BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,6BAAA;CACA;AACA;EACA,6BAAA;CACA;AACA;EACA,6BAAA;CACA;AACA;EACA,mBAAA;CACA;AACA;EACA,6BAAA;CACA;AACA;EACA,6BAAA;CACA;AACA;EACA,iCAAA;CACA;AACA;EACA,6BAAA;CACA;;AAEA,cAAA;AACA;EACA,WAAA;CACA;AACA;EACA,gBAAA;CACA;AACA;EACA,iBAAA;CACA;AACA;EACA,eAAA;CACA;AACA;EACA,kBAAA;CACA;AACA;EACA,6BAAA;CACA;AACA;EACA,6BAAA;CACA;AACA;EACA,6BAAA;CACA;AACA;EACA,mBAAA;CACA;AACA;EACA,6BAAA;CACA;AACA;EACA,6BAAA;CACA;AACA;EACA,iCAAA;CACA;AACA;EACA,6BAAA;CACA;AACA;EACA,4BAAA;CACA;AACA;EACA,4BAAA;CACA;AACA;EACA,4BAAA;CACA;AACA;EACA,kBAAA;CACA;AACA;EACA,4BAAA;CACA;AACA;EACA,4BAAA;CACA;AACA;EACA,gCAAA;CACA;AACA;EACA,4BAAA;CACA;;;AAGA;EACA,2BAAA;CACA;AACA;EACA,2BAAA;CACA;AACA;EACA,2BAAA;CACA;AACA;EACA,iBAAA;CACA;AACA;EACA,2BAAA;CACA;AACA;EACA,2BAAA;CACA;AACA;EACA,+BAAA;CACA;AACA;EACA,2BAAA;CACA;AACA;EACA,8BAAA;CACA;AACA;EACA,8BAAA;CACA;AACA;EACA,8BAAA;CACA;AACA;EACA,oBAAA;CACA;AACA;EACA,8BAAA;CACA;AACA;EACA,8BAAA;CACA;AACA;EACA,kCAAA;CACA;AACA;EACA,8BAAA;CACA;;;AAGA;EACA,QAAA;CACA;AACA;EACA,UAAA;CACA;AACA;EACA,WAAA;CACA;;AAEA;EACA,SAAA;CACA;AACA;EACA,WAAA;CACA;AACA;EACA,YAAA;CACA;;AAEA;EACA,OAAA;CACA;AACA;EACA,SAAA;CACA;AACA;EACA,UAAA;CACA;;AAEA;EACA,UAAA;CACA;AACA;EACA,YAAA;CACA;AACA;EACA,aAAA;CACA","file":"vishnu.spacing.css","sourcesContent":["/*\n* Variables\n*/\n\n:root {\n  /* Typography */\n  --base-font-family: -apple-system, BlinkMacSystemFont, Avenir, \"Avenir Next\",\n    \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\",\n    \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n  --base-font-size: 1.6rem;\n  --base-line-height: 1.5;\n  --base-space-size: 16px;\n\n  /* Colours */\n  --primary-color: #8549b9;\n  --secondary-color: #a460e8;\n  --base-color: #fff;\n  --base-dark-color: #282828;\n  --base-info-color: #2c80ff;\n  --base-error-color: #f93838;\n  --base-success-color: #0dc222;\n  --base-warning-color: #f2ad00;\n  --base-light-color: #f0f0f0;\n  --base-border-color: #cfcfcf;\n  --base-text-color: #4c4c4c;\n  --base-label-color: #6f6f6f;\n\n  /* Transitions */\n  --transition: all 0.2s ease-in-out;\n\n  /* Shadows */\n  --base-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.0325);\n\n  /* Utils */\n  --base-radius: 4px;\n  --base-rounded-radius: 50%;\n\n  /* Toogle */\n  --toggle-transition-duration: 0.25s;\n  --toggle-transition-timing-function: ease;\n  --toggle-label-width: 48px;\n  --toggle-label-height: 24px;\n  --toggle-rail-width: 100%;\n  --toggle-rail-height: 100%;\n  --toggle-rail-background-color: var(--base-light-color);\n  --toggle-rail-border-radius: 9999em;\n  --toggle-rail-checked-background-color: var(--base-success-color);\n  --toggle-width: 24px;\n  --toggle-height: 24px;\n  --toggle-border-radius: 50%;\n  --toggle-background-color: #fff;\n  --toggle-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.0525);\n  --toggle-checked-left: 25px;\n\n  /* Spacing */\n--spacing-xxs:  calc(16px / 6);\n--spacing-xs: calc(16px / 4);\n--spacing-sm: calc(16px / 2);\n--spacing-md: 16px;\n--spacing-lg: calc(16px + 8);\n--spacing-xl: calc(16px * 2);\n--spacing-xxl: calc(16px * 2 + 8);\n--spacing-xxxl: calc(16px * 4);\n\n/* Responsive breakpoints */\n--responsive-sm: 25em;\n--responsive-md: 48em;\n--responsive-lg: 62em;\n--responsive-xl: 75em;\n\n}\n","/*\n * Spacing\n*/\n\n/* Margins */\n.m-0 {\n  margin: 0;\n}\n.ml-0 {\n  margin-left: 0;\n}\n.mr-0 {\n  margin-right: 0;\n}\n.mt-0 {\n  margin-top: 0;\n}\n.mb-0 {\n  margin-bottom: 0;\n}\n.mr-1 {\n  margin-right: var(--spacing-xxs)\n}\n.mr-2 {\n  margin-right: var(--spacing-xs)\n}\n.mr-3 {\n  margin-right: var(--spacing-sm)\n}\n.mr-4 {\n  margin-right: var(--spacing-md)\n}\n.mr-5 {\n  margin-right: var(--spacing-lg)\n}\n.mr-6 {\n  margin-right: var(--spacing-xl)\n}\n.mr-7 {\n  margin-right: var(--spacing-xxl)\n}\n.mr-8 {\n  margin-right: var(--spacing-xxxl)\n}\n.ml-1 {\n  margin-left: var(--spacing-xxs)\n}\n.ml-2 {\n  margin-left: var(--spacing-xs)\n}\n.ml-3 {\n  margin-left: var(--spacing-sm)\n}\n.ml-4 {\n  margin-left: var(--spacing-md)\n}\n.ml-5 {\n  margin-left: var(--spacing-lg)\n}\n.ml-6 {\n  margin-left: var(--spacing-xl)\n}\n.ml-7 {\n  margin-left: var(--spacing-xxl)\n}\n.ml-8 {\n  margin-left: var(--spacing-xxxl)\n}\n.mt-1 {\n  margin-top: var(--spacing-xxs)\n}\n.mt-2 {\n  margin-top: var(--spacing-xs)\n}\n.mt-3 {\n  margin-top: var(--spacing-sm)\n}\n.mt-4 {\n  margin-top: var(--spacing-md)\n}\n.mt-5 {\n  margin-top: var(--spacing-lg)\n}\n.mt-6 {\n  margin-top: var(--spacing-xl)\n}\n.mt-7 {\n  margin-top: var(--spacing-xxl)\n}\n.mt-8 {\n  margin-top: var(--spacing-xxxl)\n}\n.mb-1 {\n  margin-bottom: var(--spacing-xxs)\n}\n.mb-2 {\n  margin-bottom: var(--spacing-xs)\n}\n.mb-3 {\n  margin-bottom: var(--spacing-sm)\n}\n.mb-4 {\n  margin-bottom: var(--spacing-md)\n}\n.mb-5 {\n  margin-bottom: var(--spacing-lg)\n}\n.mb-6 {\n  margin-bottom: var(--spacing-xl)\n}\n.mb-7 {\n  margin-bottom: var(--spacing-xxl)\n}\n.mb-8 {\n  margin-bottom: var(--spacing-xxxl)\n}\n\n/* Paddings */\n.p-0 {\n  padding: 0;\n}\n.pl-0 {\n  padding-left: 0;\n}\n.pr-0 {\n  padding-right: 0;\n}\n.pt-0 {\n  padding-top: 0;\n}\n.pb-0 {\n  padding-bottom: 0;\n}\n.pr-1 {\n  padding-right: var(--spacing-xxs)\n}\n.pr-2 {\n  padding-right: var(--spacing-xs)\n}\n.pr-3 {\n  padding-right: var(--spacing-sm)\n}\n.pr-4 {\n  padding-right: var(--spacing-md)\n}\n.pr-5 {\n  padding-right: var(--spacing-lg)\n}\n.pr-6 {\n  padding-right: var(--spacing-xl)\n}\n.pr-7 {\n  padding-right: var(--spacing-xxl)\n}\n.pr-8 {\n  padding-right: var(--spacing-xxxl)\n}\n.pl-1 {\n  padding-left: var(--spacing-xxs)\n}\n.pl-2 {\n  padding-left: var(--spacing-xs)\n}\n.pl-3 {\n  padding-left: var(--spacing-sm)\n}\n.pl-4 {\n  padding-left: var(--spacing-md)\n}\n.pl-5 {\n  padding-left: var(--spacing-lg)\n}\n.pl-6 {\n  padding-left: var(--spacing-xl)\n}\n.pl-7 {\n  padding-left: var(--spacing-xxl)\n}\n.pl-8 {\n  padding-left: var(--spacing-xxxl)\n}\n\n\n.pt-1 {\n  padding-top: var(--spacing-xxs)\n}\n.pt-2 {\n  padding-top: var(--spacing-xs)\n}\n.pt-3 {\n  padding-top: var(--spacing-sm)\n}\n.pt-4 {\n  padding-top: var(--spacing-md)\n}\n.pt-5 {\n  padding-top: var(--spacing-lg)\n}\n.pt-6 {\n  padding-top: var(--spacing-xl)\n}\n.pt-7 {\n  padding-top: var(--spacing-xxl)\n}\n.pt-8 {\n  padding-top: var(--spacing-xxxl)\n}\n.pb-1 {\n  padding-bottom: var(--spacing-xxs)\n}\n.pb-2 {\n  padding-bottom: var(--spacing-xs)\n}\n.pb-3 {\n  padding-bottom: var(--spacing-sm)\n}\n.pb-4 {\n  padding-bottom: var(--spacing-md)\n}\n.pb-5 {\n  padding-bottom: var(--spacing-lg)\n}\n.pb-6 {\n  padding-bottom: var(--spacing-xl)\n}\n.pb-7 {\n  padding-bottom: var(--spacing-xxl)\n}\n.pb-8 {\n  padding-bottom: var(--spacing-xxxl)\n}\n\n\n.left-0 {\n  left: 0;\n}\n.left-50 {\n  left: 50%;\n}\n.left-50-offset {\n  left: -50%;\n}\n\n.right-0 {\n  right: 0;\n}\n.right-50 {\n  right: 50%;\n}\n.right-50-offset {\n  right: -50%;\n}\n\n.top-0 {\n  top: 0;\n}\n.top-50 {\n  top: 50%;\n}\n.top-50-offset {\n  top: -50%;\n}\n\n.bottom-0 {\n  bottom: 0;\n}\n.bottom-50 {\n  bottom: 50%;\n}\n.bottom-50-offset {\n  bottom: -50%;\n}\n"]}
\ No newline at end of file
diff --git a/packages/vishnucss-spacing/dist/vishnu.spacing.min.css b/packages/vishnucss-spacing/dist/vishnu.spacing.min.css
index 0f16aaa..51bf26b 100644
--- a/packages/vishnucss-spacing/dist/vishnu.spacing.min.css
+++ b/packages/vishnucss-spacing/dist/vishnu.spacing.min.css
@@ -1,6 +1,6 @@
 /**
-* vishnucss spacing - v1.1.0-rc.1
+* vishnucss spacing - v1.1.0-rc.2
 * https://vishnucss.github.io/vishnu#spacing
 */
-.m-0{margin:0}.ml-0{margin-left:0}.mr-0{margin-right:0}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.mr-1{margin-right:var(--base-space-size/6)}.mr-2{margin-right:var(--base-space-size/4)}.mr-3{margin-right:var(--base-space-size/2)}.mr-4{margin-right:16px}.mr-5{margin-right:var(--base-space-size + 4)}.mr-6{margin-right:var(--base-space-size + 6)}.mr-7{margin-right:var(--base-space-size * 2)}.mr-8{margin-right:var(--base-space-size * 2 + 8)}.ml-1{margin-left:var(--base-space-size/6)}.ml-2{margin-left:var(--base-space-size/4)}.ml-3{margin-left:var(--base-space-size/2)}.ml-4{margin-left:16px}.ml-5{margin-left:var(--base-space-size + 4)}.ml-6{margin-left:var(--base-space-size + 6)}.ml-7{margin-left:var(--base-space-size * 2)}.ml-8{margin-left:var(--base-space-size * 2 + 8)}.mt-1{margin-top:var(--base-space-size/6)}.mt-2{margin-top:var(--base-space-size/4)}.mt-3{margin-top:var(--base-space-size/2)}.mt-4{margin-top:16px}.mt-5{margin-top:var(--base-space-size + 4)}.mt-6{margin-top:var(--base-space-size + 6)}.mt-7{margin-top:var(--base-space-size * 2)}.mt-8{margin-top:var(--base-space-size * 2 + 8)}.mb-1{margin-bottom:var(--base-space-size/6)}.mb-2{margin-bottom:var(--base-space-size/4)}.mb-3{margin-bottom:var(--base-space-size/2)}.mb-4{margin-bottom:16px}.mb-5{margin-bottom:var(--base-space-size + 4)}.mb-6{margin-bottom:var(--base-space-size + 6)}.mb-7{margin-bottom:var(--base-space-size * 2)}.mb-8{margin-bottom:var(--base-space-size * 2 + 8)}.p-0{padding:0}.pl-0{padding-left:0}.pr-0{padding-right:0}.pt-0{padding-top:0}.pb-0{padding-bottom:0}.pr-1{padding-right:var(--base-space-size/6)}.pr-2{padding-right:var(--base-space-size/4)}.pr-3{padding-right:var(--base-space-size/2)}.pr-4{padding-right:16px}.pr-5{padding-right:var(--base-space-size + 4)}.pr-6{padding-right:var(--base-space-size + 6)}.pr-7{padding-right:var(--base-space-size * 2)}.pr-8{padding-right:var(--base-space-size * 2 + 8)}.pl-1{padding-left:var(--base-space-size/6)}.pl-2{padding-left:var(--base-space-size/4)}.pl-3{padding-left:var(--base-space-size/2)}.pl-4{padding-left:16px}.pl-5{padding-left:var(--base-space-size + 4)}.pl-6{padding-left:var(--base-space-size + 6)}.pl-7{padding-left:var(--base-space-size * 2)}.pl-8{padding-left:var(--base-space-size * 2 + 8)}.pt-1{padding-top:var(--base-space-size/6)}.pt-2{padding-top:var(--base-space-size/4)}.pt-3{padding-top:var(--base-space-size/2)}.pt-4{padding-top:16px}.pt-5{padding-top:var(--base-space-size + 4)}.pt-6{padding-top:var(--base-space-size + 6)}.pt-7{padding-top:var(--base-space-size * 2)}.pt-8{padding-top:var(--base-space-size * 2 + 8)}.pb-1{padding-bottom:var(--base-space-size/6)}.pb-2{padding-bottom:var(--base-space-size/4)}.pb-3{padding-bottom:var(--base-space-size/2)}.pb-4{padding-bottom:16px}.pb-5{padding-bottom:var(--base-space-size + 4)}.pb-6{padding-bottom:var(--base-space-size + 6)}.pb-7{padding-bottom:var(--base-space-size * 2)}.pb-8{padding-bottom:var(--base-space-size * 2 + 8)}.left-0{left:0}.left-50{left:50%}.left-50-offset{left:-50%}.right-0{right:0}.right-50{right:50%}.right-50-offset{right:-50%}.top-0{top:0}.top-50{top:50%}.top-50-offset{top:-50%}.bottom-0{bottom:0}.bottom-50{bottom:50%}.bottom-50-offset{bottom:-50%}
+.m-0{margin:0}.ml-0{margin-left:0}.mr-0{margin-right:0}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.mr-1{margin-right:2.66667px}.mr-2{margin-right:4px}.mr-3{margin-right:8px}.mr-4{margin-right:16px}.mr-5{margin-right:24px}.mr-6{margin-right:32px}.mr-7{margin-right:40px}.mr-8{margin-right:64px}.ml-1{margin-left:2.66667px}.ml-2{margin-left:4px}.ml-3{margin-left:8px}.ml-4{margin-left:16px}.ml-5{margin-left:24px}.ml-6{margin-left:32px}.ml-7{margin-left:40px}.ml-8{margin-left:64px}.mt-1{margin-top:2.66667px}.mt-2{margin-top:4px}.mt-3{margin-top:8px}.mt-4{margin-top:16px}.mt-5{margin-top:24px}.mt-6{margin-top:32px}.mt-7{margin-top:40px}.mt-8{margin-top:64px}.mb-1{margin-bottom:2.66667px}.mb-2{margin-bottom:4px}.mb-3{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-5{margin-bottom:24px}.mb-6{margin-bottom:32px}.mb-7{margin-bottom:40px}.mb-8{margin-bottom:64px}.p-0{padding:0}.pl-0{padding-left:0}.pr-0{padding-right:0}.pt-0{padding-top:0}.pb-0{padding-bottom:0}.pr-1{padding-right:2.66667px}.pr-2{padding-right:4px}.pr-3{padding-right:8px}.pr-4{padding-right:16px}.pr-5{padding-right:24px}.pr-6{padding-right:32px}.pr-7{padding-right:40px}.pr-8{padding-right:64px}.pl-1{padding-left:2.66667px}.pl-2{padding-left:4px}.pl-3{padding-left:8px}.pl-4{padding-left:16px}.pl-5{padding-left:24px}.pl-6{padding-left:32px}.pl-7{padding-left:40px}.pl-8{padding-left:64px}.pt-1{padding-top:2.66667px}.pt-2{padding-top:4px}.pt-3{padding-top:8px}.pt-4{padding-top:16px}.pt-5{padding-top:24px}.pt-6{padding-top:32px}.pt-7{padding-top:40px}.pt-8{padding-top:64px}.pb-1{padding-bottom:2.66667px}.pb-2{padding-bottom:4px}.pb-3{padding-bottom:8px}.pb-4{padding-bottom:16px}.pb-5{padding-bottom:24px}.pb-6{padding-bottom:32px}.pb-7{padding-bottom:40px}.pb-8{padding-bottom:64px}.left-0{left:0}.left-50{left:50%}.left-50-offset{left:-50%}.right-0{right:0}.right-50{right:50%}.right-50-offset{right:-50%}.top-0{top:0}.top-50{top:50%}.top-50-offset{top:-50%}.bottom-0{bottom:0}.bottom-50{bottom:50%}.bottom-50-offset{bottom:-50%}
 /*# sourceMappingURL=vishnu.spacing.min.css.map */
diff --git a/packages/vishnucss-spacing/dist/vishnu.spacing.min.css.map b/packages/vishnucss-spacing/dist/vishnu.spacing.min.css.map
index 23ca969..b4a8d95 100644
--- a/packages/vishnucss-spacing/dist/vishnu.spacing.min.css.map
+++ b/packages/vishnucss-spacing/dist/vishnu.spacing.min.css.map
@@ -1 +1 @@
-{"version":3,"sources":["spacing.css"],"names":[],"mappings":";;;;AAKA,KACA,QAAA,CACA,AACA,MACA,aAAA,CACA,AACA,MACA,cAAA,CACA,AACA,MACA,YAAA,CACA,AACA,MACA,eAAA,CACA,AACA,MACA,qCAAA,CACA,AACA,MACA,qCAAA,CACA,AACA,MACA,qCAAA,CACA,AACA,MACA,iBAAA,CACA,AACA,MACA,uCAAA,CACA,AACA,MACA,uCAAA,CACA,AACA,MACA,uCAAA,CACA,AACA,MACA,2CAAA,CACA,AACA,MACA,oCAAA,CACA,AACA,MACA,oCAAA,CACA,AACA,MACA,oCAAA,CACA,AACA,MACA,gBAAA,CACA,AACA,MACA,sCAAA,CACA,AACA,MACA,sCAAA,CACA,AACA,MACA,sCAAA,CACA,AACA,MACA,0CAAA,CACA,AACA,MACA,mCAAA,CACA,AACA,MACA,mCAAA,CACA,AACA,MACA,mCAAA,CACA,AACA,MACA,eAAA,CACA,AACA,MACA,qCAAA,CACA,AACA,MACA,qCAAA,CACA,AACA,MACA,qCAAA,CACA,AACA,MACA,yCAAA,CACA,AACA,MACA,sCAAA,CACA,AACA,MACA,sCAAA,CACA,AACA,MACA,sCAAA,CACA,AACA,MACA,kBAAA,CACA,AACA,MACA,wCAAA,CACA,AACA,MACA,wCAAA,CACA,AACA,MACA,wCAAA,CACA,AACA,MACA,4CAAA,CACA,AAGA,KACA,SAAA,CACA,AACA,MACA,cAAA,CACA,AACA,MACA,eAAA,CACA,AACA,MACA,aAAA,CACA,AACA,MACA,gBAAA,CACA,AACA,MACA,sCAAA,CACA,AACA,MACA,sCAAA,CACA,AACA,MACA,sCAAA,CACA,AACA,MACA,kBAAA,CACA,AACA,MACA,wCAAA,CACA,AACA,MACA,wCAAA,CACA,AACA,MACA,wCAAA,CACA,AACA,MACA,4CAAA,CACA,AACA,MACA,qCAAA,CACA,AACA,MACA,qCAAA,CACA,AACA,MACA,qCAAA,CACA,AACA,MACA,iBAAA,CACA,AACA,MACA,uCAAA,CACA,AACA,MACA,uCAAA,CACA,AACA,MACA,uCAAA,CACA,AACA,MACA,2CAAA,CACA,AAGA,MACA,oCAAA,CACA,AACA,MACA,oCAAA,CACA,AACA,MACA,oCAAA,CACA,AACA,MACA,gBAAA,CACA,AACA,MACA,sCAAA,CACA,AACA,MACA,sCAAA,CACA,AACA,MACA,sCAAA,CACA,AACA,MACA,0CAAA,CACA,AACA,MACA,uCAAA,CACA,AACA,MACA,uCAAA,CACA,AACA,MACA,uCAAA,CACA,AACA,MACA,mBAAA,CACA,AACA,MACA,yCAAA,CACA,AACA,MACA,yCAAA,CACA,AACA,MACA,yCAAA,CACA,AACA,MACA,6CAAA,CACA,AAGA,QACA,MAAA,CACA,AACA,SACA,QAAA,CACA,AACA,gBACA,SAAA,CACA,AAEA,SACA,OAAA,CACA,AACA,UACA,SAAA,CACA,AACA,iBACA,UAAA,CACA,AAEA,OACA,KAAA,CACA,AACA,QACA,OAAA,CACA,AACA,eACA,QAAA,CACA,AAEA,UACA,QAAA,CACA,AACA,WACA,UAAA,CACA,AACA,kBACA,WAAA,CACA","file":"vishnu.spacing.min.css","sourcesContent":["/*\n * Spacing\n*/\n\n/* Margins */\n.m-0 {\n  margin: 0;\n}\n.ml-0 {\n  margin-left: 0;\n}\n.mr-0 {\n  margin-right: 0;\n}\n.mt-0 {\n  margin-top: 0;\n}\n.mb-0 {\n  margin-bottom: 0;\n}\n.mr-1 {\n  margin-right: var(--spacing-xxs)\n}\n.mr-2 {\n  margin-right: var(--spacing-xs)\n}\n.mr-3 {\n  margin-right: var(--spacing-sm)\n}\n.mr-4 {\n  margin-right: var(--spacing-md)\n}\n.mr-5 {\n  margin-right: var(--spacing-lg)\n}\n.mr-6 {\n  margin-right: var(--spacing-xl)\n}\n.mr-7 {\n  margin-right: var(--spacing-xxl)\n}\n.mr-8 {\n  margin-right: var(--spacing-xxxl)\n}\n.ml-1 {\n  margin-left: var(--spacing-xxs)\n}\n.ml-2 {\n  margin-left: var(--spacing-xs)\n}\n.ml-3 {\n  margin-left: var(--spacing-sm)\n}\n.ml-4 {\n  margin-left: var(--spacing-md)\n}\n.ml-5 {\n  margin-left: var(--spacing-lg)\n}\n.ml-6 {\n  margin-left: var(--spacing-xl)\n}\n.ml-7 {\n  margin-left: var(--spacing-xxl)\n}\n.ml-8 {\n  margin-left: var(--spacing-xxxl)\n}\n.mt-1 {\n  margin-top: var(--spacing-xxs)\n}\n.mt-2 {\n  margin-top: var(--spacing-xs)\n}\n.mt-3 {\n  margin-top: var(--spacing-sm)\n}\n.mt-4 {\n  margin-top: var(--spacing-md)\n}\n.mt-5 {\n  margin-top: var(--spacing-lg)\n}\n.mt-6 {\n  margin-top: var(--spacing-xl)\n}\n.mt-7 {\n  margin-top: var(--spacing-xxl)\n}\n.mt-8 {\n  margin-top: var(--spacing-xxxl)\n}\n.mb-1 {\n  margin-bottom: var(--spacing-xxs)\n}\n.mb-2 {\n  margin-bottom: var(--spacing-xs)\n}\n.mb-3 {\n  margin-bottom: var(--spacing-sm)\n}\n.mb-4 {\n  margin-bottom: var(--spacing-md)\n}\n.mb-5 {\n  margin-bottom: var(--spacing-lg)\n}\n.mb-6 {\n  margin-bottom: var(--spacing-xl)\n}\n.mb-7 {\n  margin-bottom: var(--spacing-xxl)\n}\n.mb-8 {\n  margin-bottom: var(--spacing-xxxl)\n}\n\n/* Paddings */\n.p-0 {\n  padding: 0;\n}\n.pl-0 {\n  padding-left: 0;\n}\n.pr-0 {\n  padding-right: 0;\n}\n.pt-0 {\n  padding-top: 0;\n}\n.pb-0 {\n  padding-bottom: 0;\n}\n.pr-1 {\n  padding-right: var(--spacing-xxs)\n}\n.pr-2 {\n  padding-right: var(--spacing-xs)\n}\n.pr-3 {\n  padding-right: var(--spacing-sm)\n}\n.pr-4 {\n  padding-right: var(--spacing-md)\n}\n.pr-5 {\n  padding-right: var(--spacing-lg)\n}\n.pr-6 {\n  padding-right: var(--spacing-xl)\n}\n.pr-7 {\n  padding-right: var(--spacing-xxl)\n}\n.pr-8 {\n  padding-right: var(--spacing-xxxl)\n}\n.pl-1 {\n  padding-left: var(--spacing-xxs)\n}\n.pl-2 {\n  padding-left: var(--spacing-xs)\n}\n.pl-3 {\n  padding-left: var(--spacing-sm)\n}\n.pl-4 {\n  padding-left: var(--spacing-md)\n}\n.pl-5 {\n  padding-left: var(--spacing-lg)\n}\n.pl-6 {\n  padding-left: var(--spacing-xl)\n}\n.pl-7 {\n  padding-left: var(--spacing-xxl)\n}\n.pl-8 {\n  padding-left: var(--spacing-xxxl)\n}\n\n\n.pt-1 {\n  padding-top: var(--spacing-xxs)\n}\n.pt-2 {\n  padding-top: var(--spacing-xs)\n}\n.pt-3 {\n  padding-top: var(--spacing-sm)\n}\n.pt-4 {\n  padding-top: var(--spacing-md)\n}\n.pt-5 {\n  padding-top: var(--spacing-lg)\n}\n.pt-6 {\n  padding-top: var(--spacing-xl)\n}\n.pt-7 {\n  padding-top: var(--spacing-xxl)\n}\n.pt-8 {\n  padding-top: var(--spacing-xxxl)\n}\n.pb-1 {\n  padding-bottom: var(--spacing-xxs)\n}\n.pb-2 {\n  padding-bottom: var(--spacing-xs)\n}\n.pb-3 {\n  padding-bottom: var(--spacing-sm)\n}\n.pb-4 {\n  padding-bottom: var(--spacing-md)\n}\n.pb-5 {\n  padding-bottom: var(--spacing-lg)\n}\n.pb-6 {\n  padding-bottom: var(--spacing-xl)\n}\n.pb-7 {\n  padding-bottom: var(--spacing-xxl)\n}\n.pb-8 {\n  padding-bottom: var(--spacing-xxxl)\n}\n\n\n.left-0 {\n  left: 0;\n}\n.left-50 {\n  left: 50%;\n}\n.left-50-offset {\n  left: -50%;\n}\n\n.right-0 {\n  right: 0;\n}\n.right-50 {\n  right: 50%;\n}\n.right-50-offset {\n  right: -50%;\n}\n\n.top-0 {\n  top: 0;\n}\n.top-50 {\n  top: 50%;\n}\n.top-50-offset {\n  top: -50%;\n}\n\n.bottom-0 {\n  bottom: 0;\n}\n.bottom-50 {\n  bottom: 50%;\n}\n.bottom-50-offset {\n  bottom: -50%;\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["spacing.css"],"names":[],"mappings":";;;;AAKA,KACA,QAAA,CACA,AACA,MACA,aAAA,CACA,AACA,MACA,cAAA,CACA,AACA,MACA,YAAA,CACA,AACA,MACA,eAAA,CACA,AACA,MACA,sBAAA,CACA,AACA,MACA,gBAAA,CACA,AACA,MACA,gBAAA,CACA,AACA,MACA,iBAAA,CACA,AACA,MACA,iBAAA,CACA,AACA,MACA,iBAAA,CACA,AACA,MACA,iBAAA,CACA,AACA,MACA,iBAAA,CACA,AACA,MACA,qBAAA,CACA,AACA,MACA,eAAA,CACA,AACA,MACA,eAAA,CACA,AACA,MACA,gBAAA,CACA,AACA,MACA,gBAAA,CACA,AACA,MACA,gBAAA,CACA,AACA,MACA,gBAAA,CACA,AACA,MACA,gBAAA,CACA,AACA,MACA,oBAAA,CACA,AACA,MACA,cAAA,CACA,AACA,MACA,cAAA,CACA,AACA,MACA,eAAA,CACA,AACA,MACA,eAAA,CACA,AACA,MACA,eAAA,CACA,AACA,MACA,eAAA,CACA,AACA,MACA,eAAA,CACA,AACA,MACA,uBAAA,CACA,AACA,MACA,iBAAA,CACA,AACA,MACA,iBAAA,CACA,AACA,MACA,kBAAA,CACA,AACA,MACA,kBAAA,CACA,AACA,MACA,kBAAA,CACA,AACA,MACA,kBAAA,CACA,AACA,MACA,kBAAA,CACA,AAGA,KACA,SAAA,CACA,AACA,MACA,cAAA,CACA,AACA,MACA,eAAA,CACA,AACA,MACA,aAAA,CACA,AACA,MACA,gBAAA,CACA,AACA,MACA,uBAAA,CACA,AACA,MACA,iBAAA,CACA,AACA,MACA,iBAAA,CACA,AACA,MACA,kBAAA,CACA,AACA,MACA,kBAAA,CACA,AACA,MACA,kBAAA,CACA,AACA,MACA,kBAAA,CACA,AACA,MACA,kBAAA,CACA,AACA,MACA,sBAAA,CACA,AACA,MACA,gBAAA,CACA,AACA,MACA,gBAAA,CACA,AACA,MACA,iBAAA,CACA,AACA,MACA,iBAAA,CACA,AACA,MACA,iBAAA,CACA,AACA,MACA,iBAAA,CACA,AACA,MACA,iBAAA,CACA,AAGA,MACA,qBAAA,CACA,AACA,MACA,eAAA,CACA,AACA,MACA,eAAA,CACA,AACA,MACA,gBAAA,CACA,AACA,MACA,gBAAA,CACA,AACA,MACA,gBAAA,CACA,AACA,MACA,gBAAA,CACA,AACA,MACA,gBAAA,CACA,AACA,MACA,wBAAA,CACA,AACA,MACA,kBAAA,CACA,AACA,MACA,kBAAA,CACA,AACA,MACA,mBAAA,CACA,AACA,MACA,mBAAA,CACA,AACA,MACA,mBAAA,CACA,AACA,MACA,mBAAA,CACA,AACA,MACA,mBAAA,CACA,AAGA,QACA,MAAA,CACA,AACA,SACA,QAAA,CACA,AACA,gBACA,SAAA,CACA,AAEA,SACA,OAAA,CACA,AACA,UACA,SAAA,CACA,AACA,iBACA,UAAA,CACA,AAEA,OACA,KAAA,CACA,AACA,QACA,OAAA,CACA,AACA,eACA,QAAA,CACA,AAEA,UACA,QAAA,CACA,AACA,WACA,UAAA,CACA,AACA,kBACA,WAAA,CACA","file":"vishnu.spacing.min.css","sourcesContent":["/*\n * Spacing\n*/\n\n/* Margins */\n.m-0 {\n  margin: 0;\n}\n.ml-0 {\n  margin-left: 0;\n}\n.mr-0 {\n  margin-right: 0;\n}\n.mt-0 {\n  margin-top: 0;\n}\n.mb-0 {\n  margin-bottom: 0;\n}\n.mr-1 {\n  margin-right: var(--spacing-xxs)\n}\n.mr-2 {\n  margin-right: var(--spacing-xs)\n}\n.mr-3 {\n  margin-right: var(--spacing-sm)\n}\n.mr-4 {\n  margin-right: var(--spacing-md)\n}\n.mr-5 {\n  margin-right: var(--spacing-lg)\n}\n.mr-6 {\n  margin-right: var(--spacing-xl)\n}\n.mr-7 {\n  margin-right: var(--spacing-xxl)\n}\n.mr-8 {\n  margin-right: var(--spacing-xxxl)\n}\n.ml-1 {\n  margin-left: var(--spacing-xxs)\n}\n.ml-2 {\n  margin-left: var(--spacing-xs)\n}\n.ml-3 {\n  margin-left: var(--spacing-sm)\n}\n.ml-4 {\n  margin-left: var(--spacing-md)\n}\n.ml-5 {\n  margin-left: var(--spacing-lg)\n}\n.ml-6 {\n  margin-left: var(--spacing-xl)\n}\n.ml-7 {\n  margin-left: var(--spacing-xxl)\n}\n.ml-8 {\n  margin-left: var(--spacing-xxxl)\n}\n.mt-1 {\n  margin-top: var(--spacing-xxs)\n}\n.mt-2 {\n  margin-top: var(--spacing-xs)\n}\n.mt-3 {\n  margin-top: var(--spacing-sm)\n}\n.mt-4 {\n  margin-top: var(--spacing-md)\n}\n.mt-5 {\n  margin-top: var(--spacing-lg)\n}\n.mt-6 {\n  margin-top: var(--spacing-xl)\n}\n.mt-7 {\n  margin-top: var(--spacing-xxl)\n}\n.mt-8 {\n  margin-top: var(--spacing-xxxl)\n}\n.mb-1 {\n  margin-bottom: var(--spacing-xxs)\n}\n.mb-2 {\n  margin-bottom: var(--spacing-xs)\n}\n.mb-3 {\n  margin-bottom: var(--spacing-sm)\n}\n.mb-4 {\n  margin-bottom: var(--spacing-md)\n}\n.mb-5 {\n  margin-bottom: var(--spacing-lg)\n}\n.mb-6 {\n  margin-bottom: var(--spacing-xl)\n}\n.mb-7 {\n  margin-bottom: var(--spacing-xxl)\n}\n.mb-8 {\n  margin-bottom: var(--spacing-xxxl)\n}\n\n/* Paddings */\n.p-0 {\n  padding: 0;\n}\n.pl-0 {\n  padding-left: 0;\n}\n.pr-0 {\n  padding-right: 0;\n}\n.pt-0 {\n  padding-top: 0;\n}\n.pb-0 {\n  padding-bottom: 0;\n}\n.pr-1 {\n  padding-right: var(--spacing-xxs)\n}\n.pr-2 {\n  padding-right: var(--spacing-xs)\n}\n.pr-3 {\n  padding-right: var(--spacing-sm)\n}\n.pr-4 {\n  padding-right: var(--spacing-md)\n}\n.pr-5 {\n  padding-right: var(--spacing-lg)\n}\n.pr-6 {\n  padding-right: var(--spacing-xl)\n}\n.pr-7 {\n  padding-right: var(--spacing-xxl)\n}\n.pr-8 {\n  padding-right: var(--spacing-xxxl)\n}\n.pl-1 {\n  padding-left: var(--spacing-xxs)\n}\n.pl-2 {\n  padding-left: var(--spacing-xs)\n}\n.pl-3 {\n  padding-left: var(--spacing-sm)\n}\n.pl-4 {\n  padding-left: var(--spacing-md)\n}\n.pl-5 {\n  padding-left: var(--spacing-lg)\n}\n.pl-6 {\n  padding-left: var(--spacing-xl)\n}\n.pl-7 {\n  padding-left: var(--spacing-xxl)\n}\n.pl-8 {\n  padding-left: var(--spacing-xxxl)\n}\n\n\n.pt-1 {\n  padding-top: var(--spacing-xxs)\n}\n.pt-2 {\n  padding-top: var(--spacing-xs)\n}\n.pt-3 {\n  padding-top: var(--spacing-sm)\n}\n.pt-4 {\n  padding-top: var(--spacing-md)\n}\n.pt-5 {\n  padding-top: var(--spacing-lg)\n}\n.pt-6 {\n  padding-top: var(--spacing-xl)\n}\n.pt-7 {\n  padding-top: var(--spacing-xxl)\n}\n.pt-8 {\n  padding-top: var(--spacing-xxxl)\n}\n.pb-1 {\n  padding-bottom: var(--spacing-xxs)\n}\n.pb-2 {\n  padding-bottom: var(--spacing-xs)\n}\n.pb-3 {\n  padding-bottom: var(--spacing-sm)\n}\n.pb-4 {\n  padding-bottom: var(--spacing-md)\n}\n.pb-5 {\n  padding-bottom: var(--spacing-lg)\n}\n.pb-6 {\n  padding-bottom: var(--spacing-xl)\n}\n.pb-7 {\n  padding-bottom: var(--spacing-xxl)\n}\n.pb-8 {\n  padding-bottom: var(--spacing-xxxl)\n}\n\n\n.left-0 {\n  left: 0;\n}\n.left-50 {\n  left: 50%;\n}\n.left-50-offset {\n  left: -50%;\n}\n\n.right-0 {\n  right: 0;\n}\n.right-50 {\n  right: 50%;\n}\n.right-50-offset {\n  right: -50%;\n}\n\n.top-0 {\n  top: 0;\n}\n.top-50 {\n  top: 50%;\n}\n.top-50-offset {\n  top: -50%;\n}\n\n.bottom-0 {\n  bottom: 0;\n}\n.bottom-50 {\n  bottom: 50%;\n}\n.bottom-50-offset {\n  bottom: -50%;\n}\n"]}
\ No newline at end of file
diff --git a/packages/vishnucss-spacing/package.js b/packages/vishnucss-spacing/package.js
index 01aae0e..7a2d054 100644
--- a/packages/vishnucss-spacing/package.js
+++ b/packages/vishnucss-spacing/package.js
@@ -1,6 +1,6 @@
 Package.describe({
   name: 'vishnucss:spacing',
-  version: '1.1.0-rc.1',
+  version: '1.1.0-rc.2',
   summary: 'Utils toolkit with modern css.',
   git: 'https://github.com/vishnucss/vishnu.git',
   documentation: 'README.md'
diff --git a/packages/vishnucss-spacing/package.json b/packages/vishnucss-spacing/package.json
index f3a71e2..b1b3687 100644
--- a/packages/vishnucss-spacing/package.json
+++ b/packages/vishnucss-spacing/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@vishnucss/spacing",
   "filename": "vishnu.spacing.min.css",
-  "version": "1.1.0-rc.1",
+  "version": "1.1.0-rc.2",
   "description": "Spacing toolkit with modern css",
   "main": "./dist/vishnu.spacing.min.css",
   "keywords": [
diff --git a/packages/vishnucss-spacing/src/variables.css b/packages/vishnucss-spacing/src/variables.css
index 96d4c7c..d53dc32 100644
--- a/packages/vishnucss-spacing/src/variables.css
+++ b/packages/vishnucss-spacing/src/variables.css
@@ -53,14 +53,14 @@
   --toggle-checked-left: 25px;
 
   /* Spacing */
---spacing-xxs:  var(--base-space-size / 6);
---spacing-xs: var(--base-space-size / 4);
---spacing-sm: var(--base-space-size / 2);
---spacing-md: var(--base-space-size);
---spacing-lg: var(--base-space-size + 4);
---spacing-xl: var(--base-space-size + 6);
---spacing-xxl: var(--base-space-size * 2);
---spacing-xxxl: var(--base-space-size * 2 + 8);
+--spacing-xxs:  calc(16px / 6);
+--spacing-xs: calc(16px / 4);
+--spacing-sm: calc(16px / 2);
+--spacing-md: 16px;
+--spacing-lg: calc(16px + 8);
+--spacing-xl: calc(16px * 2);
+--spacing-xxl: calc(16px * 2 + 8);
+--spacing-xxxl: calc(16px * 4);
 
 /* Responsive breakpoints */
 --responsive-sm: 25em;
diff --git a/packages/vishnucss-toggle/dist/vishnu.toggle.css b/packages/vishnucss-toggle/dist/vishnu.toggle.css
index 99f1337..9c050db 100644
--- a/packages/vishnucss-toggle/dist/vishnu.toggle.css
+++ b/packages/vishnucss-toggle/dist/vishnu.toggle.css
@@ -1,5 +1,5 @@
 /**
-* vishnucss toggle - v1.1.0-rc.1
+* vishnucss toggle - v1.1.0-rc.2
 * https://vishnucss.github.io/vishnu#toggle
 */
 
diff --git a/packages/vishnucss-toggle/dist/vishnu.toggle.css.map b/packages/vishnucss-toggle/dist/vishnu.toggle.css.map
index d1b488e..a6134cb 100644
--- a/packages/vishnucss-toggle/dist/vishnu.toggle.css.map
+++ b/packages/vishnucss-toggle/dist/vishnu.toggle.css.map
@@ -1 +1 @@
-{"version":3,"sources":["variables.css","customs.css","toggle.css"],"names":[],"mappings":";;;;;AAAA;;EAEA;;AAEA;EACA,gBAAA;;EAQA,aAAA;;EAcA,iBAAA;;EAGA,aAAA;;EAGA,WAAA;;EAIA,YAAA;;EAiBA,aAAA;;AAUA,4BAAA;;CAMA;;ACtEA;;EAEA;ACFA;;EAEA;;AAEA;;;;;;;;;;;EAWA;;AAEA;EACA,mBAAA;EACA,sBAAA;CACA;;;AAGA;;EAEA;;AAEA;EACA,cAAA;CACA;;;AAGA;;EAEA;;AAEA;EACA,eAAA;EACA,YAAA;EACA,aAAA;EACA,qBAAA;EACA,oBAAA;EACA,mBAAA;EACA,0BAAA;KAAA,uBAAA;MAAA,sBAAA;UAAA,iBAAA;CAwBA;;AAvBA;IACA,YAAA;IACA,eAAA;IACA,mBAAA;IACA,gBAAA;GACA;;AACA;IACA,YAAA;IACA,aAAA;IACA,0BAAA;IACA,sBAAA;IACA,wCAAA;GACA;;AACA;IACA,OAAA;IACA,QAAA;IACA,YAAA;IACA,aAAA;IACA,mBAAA;IACA,uBAAA;IACA,4BAAA;IACA,kDAAA;GACA;;AAGA;;EAEA;;AAGA;IACA,0BAAA;GACA;;AACA;IACA,WAAA;GACA;;;AAIA;;EAEA;AAEA;IACA,UAAA;GAOA;AANA;MACA,0BAAA;KACA;AACA;MACA,WAAA;KACA;AAGA;MACA,0BAAA;KACA;AACA;MACA,kBAAA;KACA;;AAIA;;EAEA;;AAEA;EACA,eAAA;CAuBA;;AAtBA;IACA,YAAA;GAOA;;AANA;MACA,0BAAA;KACA;;AACA;MACA,WAAA;KACA;;AAEA;IACA,aAAA;IACA,eAAA;GAUA;;AATA;MACA,0BAAA;MACA,gBAAA;KACA;;AACA;MACA,OAAA;MACA,kBAAA;MACA,kDAAA;KACA","file":"vishnu.toggle.css","sourcesContent":["/*\n* Variables\n*/\n\n:root {\n  /* Typography */\n  --base-font-family: -apple-system, BlinkMacSystemFont, Avenir, \"Avenir Next\",\n    \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\",\n    \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n  --base-font-size: 1.6rem;\n  --base-line-height: 1.5;\n  --base-space-size: 16px;\n\n  /* Colours */\n  --primary-color: #8549b9;\n  --secondary-color: #a460e8;\n  --base-color: #fff;\n  --base-dark-color: #282828;\n  --base-info-color: #2c80ff;\n  --base-error-color: #f93838;\n  --base-success-color: #0dc222;\n  --base-warning-color: #f2ad00;\n  --base-light-color: #f0f0f0;\n  --base-border-color: #cfcfcf;\n  --base-text-color: #4c4c4c;\n  --base-label-color: #6f6f6f;\n\n  /* Transitions */\n  --transition: all 0.2s ease-in-out;\n\n  /* Shadows */\n  --base-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.0325);\n\n  /* Utils */\n  --base-radius: 4px;\n  --base-rounded-radius: 50%;\n\n  /* Toogle */\n  --toggle-transition-duration: 0.25s;\n  --toggle-transition-timing-function: ease;\n  --toggle-label-width: 48px;\n  --toggle-label-height: 24px;\n  --toggle-rail-width: 100%;\n  --toggle-rail-height: 100%;\n  --toggle-rail-background-color: var(--base-light-color);\n  --toggle-rail-border-radius: 9999em;\n  --toggle-rail-checked-background-color: var(--base-success-color);\n  --toggle-width: 24px;\n  --toggle-height: 24px;\n  --toggle-border-radius: 50%;\n  --toggle-background-color: #fff;\n  --toggle-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.0525);\n  --toggle-checked-left: 25px;\n\n  /* Spacing */\n--spacing-xxs:  var(--base-space-size / 6);\n--spacing-xs: var(--base-space-size / 4);\n--spacing-sm: var(--base-space-size / 2);\n--spacing-md: var(--base-space-size);\n--spacing-lg: var(--base-space-size + 4);\n--spacing-xl: var(--base-space-size + 6);\n--spacing-xxl: var(--base-space-size * 2);\n--spacing-xxxl: var(--base-space-size * 2 + 8);\n\n/* Responsive breakpoints */\n--responsive-sm: 25em;\n--responsive-md: 48em;\n--responsive-lg: 62em;\n--responsive-xl: 75em;\n\n}\n","/*\n* Toggle\n*/\n\n@custom-selector :--toggle .toggle;\n@custom-selector :--toggle-label .toggle-label;\n@custom-selector :--toggle-activated .toggle.activated;\n@custom-selector :--toggle-disabled .toggle.disabled;\n@custom-selector :--toggle-checked .toggle-input:checked + .toggle-label;\n@custom-selector :--toggle-input .toggle-input;","/*\n* Toggle\n*/\n\n/*\n*\n* @ custom-properties\n* :--toggle .toggle;\n* :--toggle-small .toggle.small;\n* :--toggle-label .toggle-label;\n* :--toggle-activated .toggle.activated;\n* :--toggle-disabled .toggle.disabled;\n* :--toggle-checked .toggle-input:checked + .toggle-label;\n* :--toggle-input .toggle-input;\n*\n*/\n\n:--toggle {\n  position: relative;\n  display: inline-block;\n}\n\n\n/*\n* Hide input\n*/\n\n:--toggle-input {\n  display: none;\n}\n\n\n/*\n* Toggle Label\n*/\n\n:--toggle-label {\n  display: block;\n  width: var(--toggle-label-width);\n  height: var(--toggle-label-height);\n  text-indent: -9999px;\n  clip: rect(0 0 0 0);\n  color: transparent;\n  user-select: none;\n  &:before, &:after {\n    content: \"\";\n    display: block;\n    position: absolute;\n    cursor: pointer;\n  }\n  &:before {\n    width: var(--toggle-rail-width);\n    height: var(--toggle-rail-height);\n    background-color: var(--toggle-rail-background-color);\n    border-radius: var(--toggle-rail-border-radius);\n    transition: background-color var(--toggle-transition-duration) var(--toggle-transition-timing-function);\n  }\n  &:after {\n    top: 0;\n    left: 0;\n    width: var(--toggle-width);\n    height: var(--toggle-height);\n    border-radius: var(--toggle-border-radius);\n    background-color: var(--toggle-background-color);\n    transition: left var(--toggle-transition-duration) var(--toggle-transition-timing-function);\n    box-shadow: var(--toggle-box-shadow);\n  }\n}\n\n/*\n* Toggle checked\n*/\n\n:--toggle-checked {\n  &:before {\n    background-color: var(--toggle-rail-checked-background-color);\n  }\n  &:after {\n    left: var(--toggle-checked-left);\n  }\n}\n\n\n/*\n* Toggle activated\n*/\n:--toggle-activated {\n  & :--toggle-label {\n    opacity: 1;\n    &:before {\n      background-color: var(--base-success-color);\n    }\n    &:after {\n      left: 24px;\n    }\n  }\n  & :--toggle-checked {\n    &:before {\n      background-color: var(--toggle-rail-background-color);\n    }\n    &:after {\n      left: 0!important;\n    }\n  }\n}\n\n/*\n* Toggle disabled\n*/\n\n:--toggle-disabled {\n  cursor: default;\n  & :--toggle-checked {\n    opacity: 0.7;\n    &:before {\n      background-color: var(--toggle-rail-background-color);\n    }\n    &:after {\n      left: var(--toggle-checked-left);\n    }\n  }\n  & :--toggle-label {\n    opacity: 0.7;\n    cursor: default;\n    &:before {\n      background-color: var(--toggle-rail-background-color);\n      cursor: default;\n    }\n    &:after {\n      top: 0;\n      left: 0!important;\n      box-shadow: var(--toggle-box-shadow);\n    }\n  }\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["variables.css","customs.css","toggle.css"],"names":[],"mappings":";;;;;AAAA;;EAEA;;AAEA;EACA,gBAAA;;EAQA,aAAA;;EAcA,iBAAA;;EAGA,aAAA;;EAGA,WAAA;;EAIA,YAAA;;EAiBA,aAAA;;AAUA,4BAAA;;CAMA;;ACtEA;;EAEA;ACFA;;EAEA;;AAEA;;;;;;;;;;;EAWA;;AAEA;EACA,mBAAA;EACA,sBAAA;CACA;;;AAGA;;EAEA;;AAEA;EACA,cAAA;CACA;;;AAGA;;EAEA;;AAEA;EACA,eAAA;EACA,YAAA;EACA,aAAA;EACA,qBAAA;EACA,oBAAA;EACA,mBAAA;EACA,0BAAA;KAAA,uBAAA;MAAA,sBAAA;UAAA,iBAAA;CAwBA;;AAvBA;IACA,YAAA;IACA,eAAA;IACA,mBAAA;IACA,gBAAA;GACA;;AACA;IACA,YAAA;IACA,aAAA;IACA,0BAAA;IACA,sBAAA;IACA,wCAAA;GACA;;AACA;IACA,OAAA;IACA,QAAA;IACA,YAAA;IACA,aAAA;IACA,mBAAA;IACA,uBAAA;IACA,4BAAA;IACA,kDAAA;GACA;;AAGA;;EAEA;;AAGA;IACA,0BAAA;GACA;;AACA;IACA,WAAA;GACA;;;AAIA;;EAEA;AAEA;IACA,UAAA;GAOA;AANA;MACA,0BAAA;KACA;AACA;MACA,WAAA;KACA;AAGA;MACA,0BAAA;KACA;AACA;MACA,kBAAA;KACA;;AAIA;;EAEA;;AAEA;EACA,eAAA;CAuBA;;AAtBA;IACA,YAAA;GAOA;;AANA;MACA,0BAAA;KACA;;AACA;MACA,WAAA;KACA;;AAEA;IACA,aAAA;IACA,eAAA;GAUA;;AATA;MACA,0BAAA;MACA,gBAAA;KACA;;AACA;MACA,OAAA;MACA,kBAAA;MACA,kDAAA;KACA","file":"vishnu.toggle.css","sourcesContent":["/*\n* Variables\n*/\n\n:root {\n  /* Typography */\n  --base-font-family: -apple-system, BlinkMacSystemFont, Avenir, \"Avenir Next\",\n    \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\",\n    \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n  --base-font-size: 1.6rem;\n  --base-line-height: 1.5;\n  --base-space-size: 16px;\n\n  /* Colours */\n  --primary-color: #8549b9;\n  --secondary-color: #a460e8;\n  --base-color: #fff;\n  --base-dark-color: #282828;\n  --base-info-color: #2c80ff;\n  --base-error-color: #f93838;\n  --base-success-color: #0dc222;\n  --base-warning-color: #f2ad00;\n  --base-light-color: #f0f0f0;\n  --base-border-color: #cfcfcf;\n  --base-text-color: #4c4c4c;\n  --base-label-color: #6f6f6f;\n\n  /* Transitions */\n  --transition: all 0.2s ease-in-out;\n\n  /* Shadows */\n  --base-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.0325);\n\n  /* Utils */\n  --base-radius: 4px;\n  --base-rounded-radius: 50%;\n\n  /* Toogle */\n  --toggle-transition-duration: 0.25s;\n  --toggle-transition-timing-function: ease;\n  --toggle-label-width: 48px;\n  --toggle-label-height: 24px;\n  --toggle-rail-width: 100%;\n  --toggle-rail-height: 100%;\n  --toggle-rail-background-color: var(--base-light-color);\n  --toggle-rail-border-radius: 9999em;\n  --toggle-rail-checked-background-color: var(--base-success-color);\n  --toggle-width: 24px;\n  --toggle-height: 24px;\n  --toggle-border-radius: 50%;\n  --toggle-background-color: #fff;\n  --toggle-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.0525);\n  --toggle-checked-left: 25px;\n\n  /* Spacing */\n--spacing-xxs:  calc(16px / 6);\n--spacing-xs: calc(16px / 4);\n--spacing-sm: calc(16px / 2);\n--spacing-md: 16px;\n--spacing-lg: calc(16px + 8);\n--spacing-xl: calc(16px * 2);\n--spacing-xxl: calc(16px * 2 + 8);\n--spacing-xxxl: calc(16px * 4);\n\n/* Responsive breakpoints */\n--responsive-sm: 25em;\n--responsive-md: 48em;\n--responsive-lg: 62em;\n--responsive-xl: 75em;\n\n}\n","/*\n* Toggle\n*/\n\n@custom-selector :--toggle .toggle;\n@custom-selector :--toggle-label .toggle-label;\n@custom-selector :--toggle-activated .toggle.activated;\n@custom-selector :--toggle-disabled .toggle.disabled;\n@custom-selector :--toggle-checked .toggle-input:checked + .toggle-label;\n@custom-selector :--toggle-input .toggle-input;","/*\n* Toggle\n*/\n\n/*\n*\n* @ custom-properties\n* :--toggle .toggle;\n* :--toggle-small .toggle.small;\n* :--toggle-label .toggle-label;\n* :--toggle-activated .toggle.activated;\n* :--toggle-disabled .toggle.disabled;\n* :--toggle-checked .toggle-input:checked + .toggle-label;\n* :--toggle-input .toggle-input;\n*\n*/\n\n:--toggle {\n  position: relative;\n  display: inline-block;\n}\n\n\n/*\n* Hide input\n*/\n\n:--toggle-input {\n  display: none;\n}\n\n\n/*\n* Toggle Label\n*/\n\n:--toggle-label {\n  display: block;\n  width: var(--toggle-label-width);\n  height: var(--toggle-label-height);\n  text-indent: -9999px;\n  clip: rect(0 0 0 0);\n  color: transparent;\n  user-select: none;\n  &:before, &:after {\n    content: \"\";\n    display: block;\n    position: absolute;\n    cursor: pointer;\n  }\n  &:before {\n    width: var(--toggle-rail-width);\n    height: var(--toggle-rail-height);\n    background-color: var(--toggle-rail-background-color);\n    border-radius: var(--toggle-rail-border-radius);\n    transition: background-color var(--toggle-transition-duration) var(--toggle-transition-timing-function);\n  }\n  &:after {\n    top: 0;\n    left: 0;\n    width: var(--toggle-width);\n    height: var(--toggle-height);\n    border-radius: var(--toggle-border-radius);\n    background-color: var(--toggle-background-color);\n    transition: left var(--toggle-transition-duration) var(--toggle-transition-timing-function);\n    box-shadow: var(--toggle-box-shadow);\n  }\n}\n\n/*\n* Toggle checked\n*/\n\n:--toggle-checked {\n  &:before {\n    background-color: var(--toggle-rail-checked-background-color);\n  }\n  &:after {\n    left: var(--toggle-checked-left);\n  }\n}\n\n\n/*\n* Toggle activated\n*/\n:--toggle-activated {\n  & :--toggle-label {\n    opacity: 1;\n    &:before {\n      background-color: var(--base-success-color);\n    }\n    &:after {\n      left: 24px;\n    }\n  }\n  & :--toggle-checked {\n    &:before {\n      background-color: var(--toggle-rail-background-color);\n    }\n    &:after {\n      left: 0!important;\n    }\n  }\n}\n\n/*\n* Toggle disabled\n*/\n\n:--toggle-disabled {\n  cursor: default;\n  & :--toggle-checked {\n    opacity: 0.7;\n    &:before {\n      background-color: var(--toggle-rail-background-color);\n    }\n    &:after {\n      left: var(--toggle-checked-left);\n    }\n  }\n  & :--toggle-label {\n    opacity: 0.7;\n    cursor: default;\n    &:before {\n      background-color: var(--toggle-rail-background-color);\n      cursor: default;\n    }\n    &:after {\n      top: 0;\n      left: 0!important;\n      box-shadow: var(--toggle-box-shadow);\n    }\n  }\n}\n"]}
\ No newline at end of file
diff --git a/packages/vishnucss-toggle/dist/vishnu.toggle.min.css b/packages/vishnucss-toggle/dist/vishnu.toggle.min.css
index be0919b..468135d 100644
--- a/packages/vishnucss-toggle/dist/vishnu.toggle.min.css
+++ b/packages/vishnucss-toggle/dist/vishnu.toggle.min.css
@@ -1,5 +1,5 @@
 /**
-* vishnucss toggle - v1.1.0-rc.1
+* vishnucss toggle - v1.1.0-rc.2
 * https://vishnucss.github.io/vishnu#toggle
 */
 .toggle{position:relative;display:inline-block}.toggle-input{display:none}.toggle-label{display:block;width:48px;height:24px;text-indent:-9999px;clip:rect(0 0 0 0);color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.toggle-label:after,.toggle-label:before{content:"";display:block;position:absolute;cursor:pointer}.toggle-label:before{width:100%;height:100%;background-color:#f0f0f0;border-radius:9999em;transition:background-color .25s ease}.toggle-label:after{top:0;left:0;width:24px;height:24px;border-radius:50%;background-color:#fff;transition:left .25s ease;box-shadow:1px 1px 4px 2px rgba(0,0,0,.0525)}.toggle-input:checked+.toggle-label:before{background-color:#0dc222}.toggle-input:checked+.toggle-label:after{left:25px}.toggle.activated .toggle-label{opacity:1}.toggle.activated .toggle-label:before{background-color:#0dc222}.toggle.activated .toggle-label:after{left:24px}.toggle.activated .toggle-input:checked+.toggle-label:before{background-color:#f0f0f0}.toggle.activated .toggle-input:checked+.toggle-label:after{left:0!important}.toggle.disabled{cursor:default}.toggle.disabled .toggle-input:checked+.toggle-label{opacity:.7}.toggle.disabled .toggle-input:checked+.toggle-label:before{background-color:#f0f0f0}.toggle.disabled .toggle-input:checked+.toggle-label:after{left:25px}.toggle.disabled .toggle-label{opacity:.7;cursor:default}.toggle.disabled .toggle-label:before{background-color:#f0f0f0;cursor:default}.toggle.disabled .toggle-label:after{top:0;left:0!important;box-shadow:1px 1px 4px 2px rgba(0,0,0,.0525)}
diff --git a/packages/vishnucss-toggle/package.js b/packages/vishnucss-toggle/package.js
index 1ceacb6..712aa3c 100644
--- a/packages/vishnucss-toggle/package.js
+++ b/packages/vishnucss-toggle/package.js
@@ -1,6 +1,6 @@
 Package.describe({
 	name: 'vishnucss:chips',
-	version: '1.1.0-rc.1',
+	version: '1.1.0-rc.2',
 	summary: 'Chips toolkit with modern css.',
 	git: 'https://github.com/vishnucss/vishnu.git',
 	documentation: 'README.md'
diff --git a/packages/vishnucss-toggle/package.json b/packages/vishnucss-toggle/package.json
index 2265ebf..8e6b747 100644
--- a/packages/vishnucss-toggle/package.json
+++ b/packages/vishnucss-toggle/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@vishnucss/toggle",
   "filename": "vishnu.toggle.min.css",
-  "version": "1.1.0-rc.1",
+  "version": "1.1.0-rc.2",
   "description": "Toggle toolkit with modern css",
   "main": "./dist/vishnu.toggle.min.css",
   "keywords": [
diff --git a/packages/vishnucss-toggle/src/variables.css b/packages/vishnucss-toggle/src/variables.css
index 96d4c7c..d53dc32 100644
--- a/packages/vishnucss-toggle/src/variables.css
+++ b/packages/vishnucss-toggle/src/variables.css
@@ -53,14 +53,14 @@
   --toggle-checked-left: 25px;
 
   /* Spacing */
---spacing-xxs:  var(--base-space-size / 6);
---spacing-xs: var(--base-space-size / 4);
---spacing-sm: var(--base-space-size / 2);
---spacing-md: var(--base-space-size);
---spacing-lg: var(--base-space-size + 4);
---spacing-xl: var(--base-space-size + 6);
---spacing-xxl: var(--base-space-size * 2);
---spacing-xxxl: var(--base-space-size * 2 + 8);
+--spacing-xxs:  calc(16px / 6);
+--spacing-xs: calc(16px / 4);
+--spacing-sm: calc(16px / 2);
+--spacing-md: 16px;
+--spacing-lg: calc(16px + 8);
+--spacing-xl: calc(16px * 2);
+--spacing-xxl: calc(16px * 2 + 8);
+--spacing-xxxl: calc(16px * 4);
 
 /* Responsive breakpoints */
 --responsive-sm: 25em;
diff --git a/packages/vishnucss-utils/dist/vishnu.utils.css b/packages/vishnucss-utils/dist/vishnu.utils.css
index 97f89a4..3668cab 100644
--- a/packages/vishnucss-utils/dist/vishnu.utils.css
+++ b/packages/vishnucss-utils/dist/vishnu.utils.css
@@ -1,5 +1,5 @@
 /**
-* vishnucss utils - v1.1.0-rc.1
+* vishnucss utils - v1.1.0-rc.2
 * https://vishnucss.github.io/vishnu#utilities
 */
 
diff --git a/packages/vishnucss-utils/dist/vishnu.utils.min.css b/packages/vishnucss-utils/dist/vishnu.utils.min.css
index d8450dc..f3b1ff1 100644
--- a/packages/vishnucss-utils/dist/vishnu.utils.min.css
+++ b/packages/vishnucss-utils/dist/vishnu.utils.min.css
@@ -1,5 +1,5 @@
 /**
-* vishnucss utils - v1.1.0-rc.1
+* vishnucss utils - v1.1.0-rc.2
 * https://vishnucss.github.io/vishnu#utilities
 */
 .pull-right{float:right}.pull-left{float:left}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.full-screen{width:100%;min-height:100vh}.full-width{width:100%}.full-height{height:100%;min-height:100%}.vertical-align{display:flex;align-items:center}.center,.horizontal-align{display:flex;justify-content:center}.center{align-items:center;flex-direction:column}.end{justify-content:flex-end}.end,.start{display:flex;align-items:center}.start{justify-content:flex-start}.flex{display:flex}.absolute{position:absolute}.fixed{position:fixed}.wrap{flex-wrap:wrap}.relative{position:relative}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hide{display:none}
diff --git a/packages/vishnucss-utils/package.js b/packages/vishnucss-utils/package.js
index ff7578e..47a66ee 100644
--- a/packages/vishnucss-utils/package.js
+++ b/packages/vishnucss-utils/package.js
@@ -1,6 +1,6 @@
 Package.describe({
 	name: 'vishnucss:utils',
-	version: '1.1.0-rc.1',
+	version: '1.1.0-rc.2',
 	summary: 'Utils toolkit with modern css.',
 	git: 'https://github.com/vishnucss/vishnu.git',
 	documentation: 'README.md'
diff --git a/packages/vishnucss-utils/package.json b/packages/vishnucss-utils/package.json
index 839c9b7..3d87035 100644
--- a/packages/vishnucss-utils/package.json
+++ b/packages/vishnucss-utils/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@vishnucss/utils",
   "filename": "vishnu.utils.min.css",
-  "version": "1.1.0-rc.1",
+  "version": "1.1.0-rc.2",
   "description": "Utils toolkit with modern css",
   "main": "./dist/vishnu.utils.min.css",
   "keywords": [
diff --git a/src/variables.css b/src/variables.css
index 96d4c7c..d53dc32 100644
--- a/src/variables.css
+++ b/src/variables.css
@@ -53,14 +53,14 @@
   --toggle-checked-left: 25px;
 
   /* Spacing */
---spacing-xxs:  var(--base-space-size / 6);
---spacing-xs: var(--base-space-size / 4);
---spacing-sm: var(--base-space-size / 2);
---spacing-md: var(--base-space-size);
---spacing-lg: var(--base-space-size + 4);
---spacing-xl: var(--base-space-size + 6);
---spacing-xxl: var(--base-space-size * 2);
---spacing-xxxl: var(--base-space-size * 2 + 8);
+--spacing-xxs:  calc(16px / 6);
+--spacing-xs: calc(16px / 4);
+--spacing-sm: calc(16px / 2);
+--spacing-md: 16px;
+--spacing-lg: calc(16px + 8);
+--spacing-xl: calc(16px * 2);
+--spacing-xxl: calc(16px * 2 + 8);
+--spacing-xxxl: calc(16px * 4);
 
 /* Responsive breakpoints */
 --responsive-sm: 25em;