diff --git a/dist/vishnu.css b/dist/vishnu.css index 352daa6..3a545e3 100644 --- a/dist/vishnu.css +++ b/dist/vishnu.css @@ -166,6 +166,32 @@ p { 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; + } +} + /* * Links */ @@ -748,6 +774,48 @@ table thead, .table thead { } /* responsive table */ +@media only screen and (max-width: 48em) { + table.responsive, .table.responsive { + position: relative; + display: block + } + table.responsive th, table.responsive td, .table.responsive th, .table.responsive td { + 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; + } +} /* * Images @@ -809,6 +877,30 @@ pre > code { * */ +@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 */ @@ -1751,6 +1843,423 @@ pre > code { .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; + } +} /* * Icons diff --git a/dist/vishnu.css.map b/dist/vishnu.css.map index 9da0691..05a5b5d 100644 --- a/dist/vishnu.css.map +++ b/dist/vishnu.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","alert.css","avatar.css","chips.css","card.css","collapse.css","dialog.css","toggle.css","grid.css","icons.css","utils.css"],"names":[],"mappings":";;;;;AAAA;;EAEA;;AAOA;;EAEA;;AAIA;;EAEA;;AAgBA;;EAEA;;AASA;;EAEA;;AAWA;;EAEA;;AAaA;;EAEA;;AAQA;;EAEA;;;AAOA;;EAEA;;AAQA;;EAEA;;AAMA;;EAEA;;AAOA;;EAEA;;AAUA;;EAEA;;ACpIA;;EAEA;;AAEA;EACA,gBAAA;;EAQA,aAAA;;EAcA,iBAAA;;EAGA,aAAA;;EAGA,WAAA;;EAIA,YAAA;;EAiBA,aAAA;;AAUA,4BAAA;;CAMA;;ACtEA;;EAEA;;AAEA;EACA,YAAA;EACA,oBAAA;CACA;;AAHA;EACA,YAAA;EACA,oBAAA;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;;AAEA;EACA,8CAAA;CACA;;ACpCA;;EAEA;;AAEA;;;;;;;;EAQA;;ACZA;;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;;AChKA;;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,wBAAA;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;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,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;;AAEA;EACA,cAAA;CACA","file":"vishnu.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* 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;\n@custom-selector :--textarea textarea;\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* Alert\n*/\n\n@custom-selector :--alert .alert;\n@custom-selector :--placeholder .placeholder;\n@custom-selector :--info .info;\n@custom-selector :--warning .warning;\n@custom-selector :--error .error;\n@custom-selector :--success .success;\n@custom-selector :--rounded .rounded;\n@custom-selector :--close .close;\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* 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* Dialog\n*/\n\n@custom-selector :--dialog .dialog;\n@custom-selector :--close .close;\n@custom-selector :--overlay .overlay;\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/*\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-small .toggle.small;\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* 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(--base-color);\n background: var(--secondary-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: 400;\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.shadow {\n box-shadow: var(--base-box-shadow);\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","/*\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","/*\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: transparent;\n padding: 15px;\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: 20px 15px;\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 (--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","/*\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 * 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.column {\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\n.hide {\n display: none;\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","alert.css","avatar.css","chips.css","card.css","collapse.css","dialog.css","toggle.css","grid.css","icons.css","utils.css"],"names":[],"mappings":";;;;;AAAA;;EAEA;;AAOA;;EAEA;;AAIA;;EAEA;;AAgBA;;EAEA;;AASA;;EAEA;;AAWA;;EAEA;;AAaA;;EAEA;;AAQA;;EAEA;;;AAOA;;EAEA;;AAQA;;EAEA;;AAMA;;EAEA;;AAOA;;EAEA;;AAUA;;EAEA;;ACpIA;;EAEA;;AAEA;EACA,gBAAA;;EAQA,aAAA;;EAcA,iBAAA;;EAGA,aAAA;;EAGA,WAAA;;EAIA,YAAA;;EAiBA,aAAA;;AAUA,4BAAA;;CAMA;;ACtEA;;EAEA;;AAEA;EACA,YAAA;EACA,oBAAA;CACA;;AAHA;EACA,YAAA;EACA,oBAAA;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;;AAEA;EACA;IACA,gBAAA;GACA;;EAEA;IACA,kBAAA;GACA;;EAEA;IACA,gBAAA;GACA;;EAEA;IACA,kBAAA;GACA;;EAEA;IACA,kBAAA;GACA;;EAEA;IACA,kBAAA;GACA;CACA;;AC3EA;;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;AACA;IAEA;MACA,mBAAA;MACA,cAAA;KAqCA;MApCA;QACA,SAAA;OACA;MACA;QACA,eAAA;QACA,YAAA;QACA,SAAA;OASA;QARA;UACA,eAAA;UACA,oBAAA;UACA,gCAAA;SACA;QACA;UACA,iBAAA;SACA;MAEA;QACA,eAAA;QACA,kBAAA;OACA;MACA;QACA,eAAA;QACA,iBAAA;QACA,mBAAA;OAIA;QAHA;UACA,sBAAA;SACA;MAEA;QACA,eAAA;QACA,iBAAA;QACA,iBAAA;OACA;MACA;QACA,gBAAA;OACA;CAGA;;ACtEA;;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;;AAEA;EACA,8CAAA;CACA;;ACpCA;;EAEA;;AAEA;;;;;;;;EAQA;;AAEA;EACA;IACA,cAAA;GACA;CACA;;AAEA;EACA;IACA,cAAA;GACA;CACA;;AAEA;EACA;IACA,cAAA;GACA;CACA;;AAEA;EACA;IACA,cAAA;GACA;CACA;;ACpCA;;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;;AChKA;;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,wBAAA;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;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;;AChiBA;;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;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,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;;AAEA;EACA,cAAA;CACA","file":"vishnu.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* 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* 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;\n@custom-selector :--textarea textarea;\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* Alert\n*/\n\n@custom-selector :--alert .alert;\n@custom-selector :--placeholder .placeholder;\n@custom-selector :--info .info;\n@custom-selector :--warning .warning;\n@custom-selector :--error .error;\n@custom-selector :--success .success;\n@custom-selector :--rounded .rounded;\n@custom-selector :--close .close;\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* 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* Dialog\n*/\n\n@custom-selector :--dialog .dialog;\n@custom-selector :--close .close;\n@custom-selector :--overlay .overlay;\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/*\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-small .toggle.small;\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* 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(--base-color);\n background: var(--secondary-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: 400;\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.shadow {\n box-shadow: var(--base-box-shadow);\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","/*\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","/*\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: transparent;\n padding: 15px;\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: 20px 15px;\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 (--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","/*\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 * 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.column {\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\n.hide {\n display: none;\n}\n"]} \ No newline at end of file diff --git a/dist/vishnu.min.css b/dist/vishnu.min.css index 0441edd..2ed2e59 100644 --- a/dist/vishnu.min.css +++ b/dist/vishnu.min.css @@ -2,5 +2,5 @@ * vishnucss - v1.1.0-rc.1 * 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}:-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}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)}.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}.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} +::-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/dist/vishnu.min.css.map b/dist/vishnu.min.css.map index fd36d4f..be659f4 100644 --- a/dist/vishnu.min.css.map +++ b/dist/vishnu.min.css.map @@ -1 +1 @@ -{"version":3,"sources":["reset.css","typography.css","links.css","buttons.css","forms.css","lists.css","tables.css","images.css","misc.css","alert.css","avatar.css","chips.css","card.css","collapse.css","dialog.css","toggle.css","grid.css","icons.css","utils.css"],"names":[],"mappings":";;;;AAIA,iBACA,WAAA,AACA,kBAAA,CAFA,AAGA,YAFA,WAAA,AACA,kBAAA,CACA,AAEA,UAEA,SAAA,AACA,SAAA,CACA,AAEA,KACA,sBAAA,AACA,gBAAA,AACA,qBAAA,CACA,AAEA,KACA,gBAAA,AACA,iBAAA,AACA,uJAAA,AACA,gBAAA,AACA,iCAAA,CACA,ACvBA,kBAMA,aAAA,AACA,mBAAA,AACA,eAAA,CACA,AAEA,GACA,eAAA,AACA,eAAA,CACA,AAEA,GACA,iBAAA,AACA,gBAAA,CACA,AAEA,GACA,iBAAA,AACA,eAAA,CACA,AAEA,GACA,eAAA,AACA,gBAAA,CACA,AAEA,GACA,iBAAA,AACA,eAAA,CACA,AAEA,GACA,iBAAA,AACA,eAAA,CACA,AAEA,EACA,aAAA,AACA,mBAAA,AACA,gBAAA,CACA,AC7CA,kBACA,cAAA,AACA,yBAAA,CAFA,AAcA,UAbA,cAAA,AACA,yBAAA,CACA,AAWA,wBAVA,eAAA,AACA,0BAAA,AACA,oBAAA,CAHA,AAIA,gBAHA,eAAA,AACA,0BAAA,AACA,oBAAA,CACA,AACA,wBACA,mBAAA,CADA,AAEA,gBADA,mBAAA,CACA,AACA,iDACA,SAAA,CADA,AAEA,iCADA,SAAA,CACA,ACKA,6BACA,iBAAA,AACA,iBAAA,AACA,gBAAA,AACA,gBAAA,AACA,cAAA,AACA,mBAAA,AACA,kBAAA,AACA,+BAAA,AACA,6BAAA,AACA,mBAAA,AACA,eAAA,AACA,qBAAA,AACA,aAAA,AACA,mBAAA,AACA,sBAAA,CACA,AAIA,+CAHA,aAAA,AACA,cAAA,CACA,AAIA,+CACA,wBAAA,AACA,4BAAA,CACA,AAGA,iEAFA,wBAAA,CACA,AAEA,+CACA,aAAA,AACA,4BAAA,CACA,AAGA,iEAFA,wBAAA,CACA,AAIA,+CACA,iBAAA,AACA,gBAAA,AACA,gBAAA,AACA,kBAAA,CACA,AACA,+CACA,eAAA,AACA,gBAAA,AACA,sBAAA,AACA,kBAAA,CACA,AAGA,qDACA,cAAA,AACA,gBAAA,AACA,wBAAA,CACA,AAgBA,6EAfA,cAAA,AACA,gBAAA,AACA,wBAAA,CACA,AAWA,+FAVA,gBAAA,AACA,qCAAA,AACA,yBAAA,CACA,AACA,iMAEA,gBAAA,AACA,iCAAA,AACA,yBAAA,CACA,AAGA,uEACA,gBAAA,AACA,mCAAA,AACA,uBAAA,CACA,AACA,uEACA,+BAAA,AACA,uBAAA,CACA,AAGA,4CACA,cAAA,AACA,gBAAA,AACA,4BAAA,CACA,AAaA,oEAZA,aAAA,CACA,AAUA,sFATA,yBAAA,CACA,AACA,+KAEA,yBAAA,CACA,AACA,sFACA,cAAA,CACA,AAGA,8DACA,gBAAA,AACA,uBAAA,CACA,AACA,8DACA,uBAAA,CACA,AAGA,qDACA,WAAA,AACA,mBAAA,AACA,4BAAA,CACA,AAGA,uEAFA,WAAA,CACA,AAEA,uEACA,+BAAA,AACA,UAAA,CACA,AACA,uEACA,8BAAA,CACA,AAGA,qDACA,kBAAA,CACA,AAGA,qDACA,WAAA,AACA,mBAAA,AACA,4BAAA,CACA,AAGA,uEAFA,WAAA,CACA,AAEA,uEACA,8BAAA,AACA,UAAA,CACA,AACA,uEACA,6BAAA,CACA,AAGA,+CACA,WAAA,AACA,mBAAA,AACA,4BAAA,CACA,AAGA,iEAFA,WAAA,CACA,AAEA,iEACA,8BAAA,AACA,UAAA,CACA,AACA,iEACA,6BAAA,CACA,AAGA,qDACA,WAAA,AACA,mBAAA,AACA,4BAAA,CACA,AAGA,uEAFA,WAAA,CACA,AAEA,uEACA,8BAAA,AACA,UAAA,CACA,AACA,uEACA,6BAAA,CACA,AAGA,4CACA,WAAA,AACA,mBAAA,AACA,4BAAA,CACA,AAGA,8DAFA,WAAA,CACA,AAEA,8DACA,+BAAA,AACA,UAAA,CACA,AACA,8DACA,8BAAA,CACA,AC7MA,+JACA,WAAA,AACA,YAAA,AACA,aAAA,AACA,gBAAA,AACA,mBAAA,AACA,iBAAA,AACA,sBAAA,AACA,gBAAA,AACA,yBAAA,AACA,kBAAA,AACA,8BAAA,CACA,AACA,2NACA,gCAAA,CACA,AACA,2NACA,aAAA,AACA,qBAAA,AACA,wCAAA,CACA,AAEA,SACA,eAAA,CACA,AAQA,iBAJA,cAAA,CAIA,AA2BA,UA1BA,aAAA,AACA,kBAAA,AACA,kBAAA,AACA,gBAAA,AAEA,iBAAA,AACA,gBAAA,AACA,yBAAA,sBAAA,qBAAA,iBAAA,AACA,mBAAA,AACA,iBAAA,CACA,AAgBA,qBAfA,kBAAA,AACA,MAAA,AACA,OAAA,AACA,YAAA,AACA,WAAA,AACA,sBAAA,AACA,yBAAA,AACA,+BAAA,AACA,iBAAA,CACA,AACA,gBACA,kBAAA,AACA,UAAA,AACA,cAAA,CACA,AAEA,2BACA,SAAA,AACA,QAAA,AACA,UAAA,AACA,YAAA,AACA,kBAAA,AACA,yBAAA,AACA,uBAAA,CACA,AAGA,OACA,aAAA,AACA,kBAAA,AACA,kBAAA,AACA,eAAA,AACA,iBAAA,AACA,gBAAA,AACA,yBAAA,sBAAA,qBAAA,gBAAA,CACA,AAeA,kBAdA,kBAAA,AACA,MAAA,AACA,OAAA,AACA,YAAA,AACA,WAAA,AACA,sBAAA,AACA,yBAAA,AACA,kBAAA,AACA,8BAAA,CACA,AACA,aACA,kBAAA,AACA,SAAA,CACA,AAEA,wBACA,QAAA,AACA,SAAA,AACA,UAAA,AACA,WAAA,AACA,kBAAA,AACA,eAAA,CACA,AAGA,+DACA,gCAAA,CACA,AAEA,mEACA,yBAAA,AACA,qBAAA,AACA,wCAAA,CACA,AACA,mDACA,WAAA,AACA,kBAAA,AACA,YAAA,CACA,AACA,+EACA,aAAA,CACA,ACrIA,MAEA,eAAA,AACA,aAAA,AACA,mBAAA,AACA,0BAAA,CACA,AAEA,wBAIA,wBAAA,AACA,aAAA,CACA,AAEA,GACA,kBAAA,CACA,ACXA,aACA,WAAA,AACA,YAAA,AACA,yBAAA,AACA,iBAAA,AACA,eAAA,CACA,AAOA,sCANA,sBAAA,AACA,gBAAA,CACA,AACA,yBACA,+BAAA,CACA,ACnBA,IACA,cAAA,CACA,ACFA,GACA,SAAA,AACA,cAAA,AACA,SAAA,AACA,4BAAA,CACA,AAEA,IACA,aAAA,AACA,kBAAA,CACA,AAEA,KACA,oBAAA,AACA,eAAA,AACA,iBAAA,AACA,mBAAA,AACA,gBAAA,AACA,yBAAA,AACA,kBAAA,AACA,2CAAA,CACA,AAEA,SACA,cAAA,AACA,oBAAA,AACA,qBAAA,AACA,oBAAA,CACA,AAEA,QACA,wCAAA,CACA,ACpBA,OACA,kBAAA,AACA,iBAAA,AACA,mBAAA,AACA,uBAAA,AACA,cAAA,AACA,kBAAA,AACA,+BAAA,AACA,yBAAA,AACA,aAAA,AACA,2BAAA,AACA,qBAAA,CACA,AAQA,kCANA,QAAA,CACA,AACA,cACA,mBAAA,AACA,eAAA,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,ACjJA,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,uBAAA,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,AC5BA,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,kBAAA,CAGA,AAEA,gBAHA,qBAAA,CAKA,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,AAEA,MACA,YAAA,CACA","file":"vishnu.min.css","sourcesContent":["/*\n * Reset\n*/\n\n::selection {\n color: var(--base-color);\n background: var(--secondary-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: 400;\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.shadow {\n box-shadow: var(--base-box-shadow);\n}\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 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","/*\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: transparent;\n padding: 15px;\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: 20px 15px;\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 (--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","/*\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 * 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.column {\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\n.hide {\n display: none;\n}\n"]} \ No newline at end of file +{"version":3,"sources":["reset.css","typography.css","links.css","buttons.css","forms.css","lists.css","tables.css","images.css","misc.css","responsive.css","alert.css","avatar.css","chips.css","card.css","collapse.css","dialog.css","toggle.css","grid.css","icons.css","utils.css"],"names":[],"mappings":";;;;AAIA,iBACA,WAAA,AACA,kBAAA,CAFA,AAGA,YAFA,WAAA,AACA,kBAAA,CACA,AAEA,UAEA,SAAA,AACA,SAAA,CACA,AAEA,KACA,sBAAA,AACA,gBAAA,AACA,qBAAA,CACA,AAEA,KACA,gBAAA,AACA,iBAAA,AACA,uJAAA,AACA,gBAAA,AACA,iCAAA,CACA,ACvBA,kBAMA,aAAA,AACA,mBAAA,AACA,eAAA,CACA,AAEA,GACA,eAAA,AACA,eAAA,CACA,AAEA,GACA,iBAAA,AACA,gBAAA,CACA,AAEA,GACA,iBAAA,AACA,eAAA,CACA,AAEA,GACA,eAAA,AACA,gBAAA,CACA,AAEA,GACA,iBAAA,AACA,eAAA,CACA,AAEA,GACA,iBAAA,AACA,eAAA,CACA,AAEA,EACA,aAAA,AACA,mBAAA,AACA,gBAAA,CACA,AAEA,wCACA,GACA,cAAA,CACA,AAEA,GACA,gBAAA,CACA,AAEA,GACA,cAAA,CACA,AAEA,GACA,gBAAA,CACA,AAEA,GACA,gBAAA,CACA,AAEA,GACA,gBAAA,CACA,CACA,ACvEA,kBACA,cAAA,AACA,yBAAA,CAFA,AAcA,UAbA,cAAA,AACA,yBAAA,CACA,AAWA,wBAVA,eAAA,AACA,0BAAA,AACA,oBAAA,CAHA,AAIA,gBAHA,eAAA,AACA,0BAAA,AACA,oBAAA,CACA,AACA,wBACA,mBAAA,CADA,AAEA,gBADA,mBAAA,CACA,AACA,iDACA,SAAA,CADA,AAEA,iCADA,SAAA,CACA,ACKA,6BACA,iBAAA,AACA,iBAAA,AACA,gBAAA,AACA,gBAAA,AACA,cAAA,AACA,mBAAA,AACA,kBAAA,AACA,+BAAA,AACA,6BAAA,AACA,mBAAA,AACA,eAAA,AACA,qBAAA,AACA,aAAA,AACA,mBAAA,AACA,sBAAA,CACA,AAIA,+CAHA,aAAA,AACA,cAAA,CACA,AAIA,+CACA,wBAAA,AACA,4BAAA,CACA,AAGA,iEAFA,wBAAA,CACA,AAEA,+CACA,aAAA,AACA,4BAAA,CACA,AAGA,iEAFA,wBAAA,CACA,AAIA,+CACA,iBAAA,AACA,gBAAA,AACA,gBAAA,AACA,kBAAA,CACA,AACA,+CACA,eAAA,AACA,gBAAA,AACA,sBAAA,AACA,kBAAA,CACA,AAGA,qDACA,cAAA,AACA,gBAAA,AACA,wBAAA,CACA,AAgBA,6EAfA,cAAA,AACA,gBAAA,AACA,wBAAA,CACA,AAWA,+FAVA,gBAAA,AACA,qCAAA,AACA,yBAAA,CACA,AACA,iMAEA,gBAAA,AACA,iCAAA,AACA,yBAAA,CACA,AAGA,uEACA,gBAAA,AACA,mCAAA,AACA,uBAAA,CACA,AACA,uEACA,+BAAA,AACA,uBAAA,CACA,AAGA,4CACA,cAAA,AACA,gBAAA,AACA,4BAAA,CACA,AAaA,oEAZA,aAAA,CACA,AAUA,sFATA,yBAAA,CACA,AACA,+KAEA,yBAAA,CACA,AACA,sFACA,cAAA,CACA,AAGA,8DACA,gBAAA,AACA,uBAAA,CACA,AACA,8DACA,uBAAA,CACA,AAGA,qDACA,WAAA,AACA,mBAAA,AACA,4BAAA,CACA,AAGA,uEAFA,WAAA,CACA,AAEA,uEACA,+BAAA,AACA,UAAA,CACA,AACA,uEACA,8BAAA,CACA,AAGA,qDACA,kBAAA,CACA,AAGA,qDACA,WAAA,AACA,mBAAA,AACA,4BAAA,CACA,AAGA,uEAFA,WAAA,CACA,AAEA,uEACA,8BAAA,AACA,UAAA,CACA,AACA,uEACA,6BAAA,CACA,AAGA,+CACA,WAAA,AACA,mBAAA,AACA,4BAAA,CACA,AAGA,iEAFA,WAAA,CACA,AAEA,iEACA,8BAAA,AACA,UAAA,CACA,AACA,iEACA,6BAAA,CACA,AAGA,qDACA,WAAA,AACA,mBAAA,AACA,4BAAA,CACA,AAGA,uEAFA,WAAA,CACA,AAEA,uEACA,8BAAA,AACA,UAAA,CACA,AACA,uEACA,6BAAA,CACA,AAGA,4CACA,WAAA,AACA,mBAAA,AACA,4BAAA,CACA,AAGA,8DAFA,WAAA,CACA,AAEA,8DACA,+BAAA,AACA,UAAA,CACA,AACA,8DACA,8BAAA,CACA,AC7MA,+JACA,WAAA,AACA,YAAA,AACA,aAAA,AACA,gBAAA,AACA,mBAAA,AACA,iBAAA,AACA,sBAAA,AACA,gBAAA,AACA,yBAAA,AACA,kBAAA,AACA,8BAAA,CACA,AACA,2NACA,gCAAA,CACA,AACA,2NACA,aAAA,AACA,qBAAA,AACA,wCAAA,CACA,AAEA,SACA,eAAA,CACA,AAQA,iBAJA,cAAA,CAIA,AA2BA,UA1BA,aAAA,AACA,kBAAA,AACA,kBAAA,AACA,gBAAA,AAEA,iBAAA,AACA,gBAAA,AACA,yBAAA,sBAAA,qBAAA,iBAAA,AACA,mBAAA,AACA,iBAAA,CACA,AAgBA,qBAfA,kBAAA,AACA,MAAA,AACA,OAAA,AACA,YAAA,AACA,WAAA,AACA,sBAAA,AACA,yBAAA,AACA,+BAAA,AACA,iBAAA,CACA,AACA,gBACA,kBAAA,AACA,UAAA,AACA,cAAA,CACA,AAEA,2BACA,SAAA,AACA,QAAA,AACA,UAAA,AACA,YAAA,AACA,kBAAA,AACA,yBAAA,AACA,uBAAA,CACA,AAGA,OACA,aAAA,AACA,kBAAA,AACA,kBAAA,AACA,eAAA,AACA,iBAAA,AACA,gBAAA,AACA,yBAAA,sBAAA,qBAAA,gBAAA,CACA,AAeA,kBAdA,kBAAA,AACA,MAAA,AACA,OAAA,AACA,YAAA,AACA,WAAA,AACA,sBAAA,AACA,yBAAA,AACA,kBAAA,AACA,8BAAA,CACA,AACA,aACA,kBAAA,AACA,SAAA,CACA,AAEA,wBACA,QAAA,AACA,SAAA,AACA,UAAA,AACA,WAAA,AACA,kBAAA,AACA,eAAA,CACA,AAGA,+DACA,gCAAA,CACA,AAEA,mEACA,yBAAA,AACA,qBAAA,AACA,wCAAA,CACA,AACA,mDACA,WAAA,AACA,kBAAA,AACA,YAAA,CACA,AACA,+EACA,aAAA,CACA,ACrIA,MAEA,eAAA,AACA,aAAA,AACA,mBAAA,AACA,0BAAA,CACA,AAEA,wBAIA,wBAAA,AACA,aAAA,CACA,AAEA,GACA,kBAAA,CACA,ACXA,aACA,WAAA,AACA,YAAA,AACA,yBAAA,AACA,iBAAA,AACA,eAAA,CACA,AAOA,sCANA,sBAAA,AACA,gBAAA,CACA,AACA,yBACA,+BAAA,CACA,AAIA,wCAEA,mCACA,kBAAA,AACA,aAAA,CACA,AAoCA,kFAnCA,QAAA,CACA,AACA,+CACA,cAAA,AACA,WAAA,AACA,QAAA,CACA,AAQA,qDAPA,cAAA,AACA,mBAAA,AACA,8BAAA,CACA,AACA,qDACA,eAAA,CACA,AAEA,yCACA,cAAA,AACA,gBAAA,CACA,AACA,+CACA,cAAA,AACA,gBAAA,AACA,kBAAA,CACA,AAGA,qDAFA,oBAAA,CACA,AAEA,yCACA,cAAA,AACA,gBAAA,AACA,eAAA,CACA,AACA,yCACA,cAAA,CACA,CAGA,AClEA,IACA,cAAA,CACA,ACFA,GACA,SAAA,AACA,cAAA,AACA,SAAA,AACA,4BAAA,CACA,AAEA,IACA,aAAA,AACA,kBAAA,CACA,AAEA,KACA,oBAAA,AACA,eAAA,AACA,iBAAA,AACA,mBAAA,AACA,gBAAA,AACA,yBAAA,AACA,kBAAA,AACA,2CAAA,CACA,AAEA,SACA,cAAA,AACA,oBAAA,AACA,qBAAA,AACA,oBAAA,CACA,AAEA,QACA,wCAAA,CACA,ACtBA,wCACA,SACA,YAAA,CACA,CACA,AAEA,wCACA,SACA,YAAA,CACA,CACA,AAEA,wCACA,SACA,YAAA,CACA,CACA,AAEA,wCACA,SACA,YAAA,CACA,CACA,ACpBA,OACA,kBAAA,AACA,iBAAA,AACA,mBAAA,AACA,uBAAA,AACA,cAAA,AACA,kBAAA,AACA,+BAAA,AACA,yBAAA,AACA,aAAA,AACA,2BAAA,AACA,qBAAA,CACA,AAQA,kCANA,QAAA,CACA,AACA,cACA,mBAAA,AACA,eAAA,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,ACjJA,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,uBAAA,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,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,ACnhBA,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,AC5BA,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,kBAAA,CAGA,AAEA,gBAHA,qBAAA,CAKA,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,AAEA,MACA,YAAA,CACA","file":"vishnu.min.css","sourcesContent":["/*\n * Reset\n*/\n\n::selection {\n color: var(--base-color);\n background: var(--secondary-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: 400;\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.shadow {\n box-shadow: var(--base-box-shadow);\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","/*\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","/*\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: transparent;\n padding: 15px;\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: 20px 15px;\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 (--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","/*\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 * 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.column {\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\n.hide {\n display: none;\n}\n"]} \ No newline at end of file diff --git a/docs/src/assets/vishnu.min.css b/docs/src/assets/vishnu.min.css index 0441edd..2ed2e59 100644 --- a/docs/src/assets/vishnu.min.css +++ b/docs/src/assets/vishnu.min.css @@ -2,5 +2,5 @@ * vishnucss - v1.1.0-rc.1 * 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}:-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}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)}.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}.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} +::-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/src/assets/vishnu.min.css.map b/docs/src/assets/vishnu.min.css.map index fd36d4f..be659f4 100644 --- a/docs/src/assets/vishnu.min.css.map +++ b/docs/src/assets/vishnu.min.css.map @@ -1 +1 @@ -{"version":3,"sources":["reset.css","typography.css","links.css","buttons.css","forms.css","lists.css","tables.css","images.css","misc.css","alert.css","avatar.css","chips.css","card.css","collapse.css","dialog.css","toggle.css","grid.css","icons.css","utils.css"],"names":[],"mappings":";;;;AAIA,iBACA,WAAA,AACA,kBAAA,CAFA,AAGA,YAFA,WAAA,AACA,kBAAA,CACA,AAEA,UAEA,SAAA,AACA,SAAA,CACA,AAEA,KACA,sBAAA,AACA,gBAAA,AACA,qBAAA,CACA,AAEA,KACA,gBAAA,AACA,iBAAA,AACA,uJAAA,AACA,gBAAA,AACA,iCAAA,CACA,ACvBA,kBAMA,aAAA,AACA,mBAAA,AACA,eAAA,CACA,AAEA,GACA,eAAA,AACA,eAAA,CACA,AAEA,GACA,iBAAA,AACA,gBAAA,CACA,AAEA,GACA,iBAAA,AACA,eAAA,CACA,AAEA,GACA,eAAA,AACA,gBAAA,CACA,AAEA,GACA,iBAAA,AACA,eAAA,CACA,AAEA,GACA,iBAAA,AACA,eAAA,CACA,AAEA,EACA,aAAA,AACA,mBAAA,AACA,gBAAA,CACA,AC7CA,kBACA,cAAA,AACA,yBAAA,CAFA,AAcA,UAbA,cAAA,AACA,yBAAA,CACA,AAWA,wBAVA,eAAA,AACA,0BAAA,AACA,oBAAA,CAHA,AAIA,gBAHA,eAAA,AACA,0BAAA,AACA,oBAAA,CACA,AACA,wBACA,mBAAA,CADA,AAEA,gBADA,mBAAA,CACA,AACA,iDACA,SAAA,CADA,AAEA,iCADA,SAAA,CACA,ACKA,6BACA,iBAAA,AACA,iBAAA,AACA,gBAAA,AACA,gBAAA,AACA,cAAA,AACA,mBAAA,AACA,kBAAA,AACA,+BAAA,AACA,6BAAA,AACA,mBAAA,AACA,eAAA,AACA,qBAAA,AACA,aAAA,AACA,mBAAA,AACA,sBAAA,CACA,AAIA,+CAHA,aAAA,AACA,cAAA,CACA,AAIA,+CACA,wBAAA,AACA,4BAAA,CACA,AAGA,iEAFA,wBAAA,CACA,AAEA,+CACA,aAAA,AACA,4BAAA,CACA,AAGA,iEAFA,wBAAA,CACA,AAIA,+CACA,iBAAA,AACA,gBAAA,AACA,gBAAA,AACA,kBAAA,CACA,AACA,+CACA,eAAA,AACA,gBAAA,AACA,sBAAA,AACA,kBAAA,CACA,AAGA,qDACA,cAAA,AACA,gBAAA,AACA,wBAAA,CACA,AAgBA,6EAfA,cAAA,AACA,gBAAA,AACA,wBAAA,CACA,AAWA,+FAVA,gBAAA,AACA,qCAAA,AACA,yBAAA,CACA,AACA,iMAEA,gBAAA,AACA,iCAAA,AACA,yBAAA,CACA,AAGA,uEACA,gBAAA,AACA,mCAAA,AACA,uBAAA,CACA,AACA,uEACA,+BAAA,AACA,uBAAA,CACA,AAGA,4CACA,cAAA,AACA,gBAAA,AACA,4BAAA,CACA,AAaA,oEAZA,aAAA,CACA,AAUA,sFATA,yBAAA,CACA,AACA,+KAEA,yBAAA,CACA,AACA,sFACA,cAAA,CACA,AAGA,8DACA,gBAAA,AACA,uBAAA,CACA,AACA,8DACA,uBAAA,CACA,AAGA,qDACA,WAAA,AACA,mBAAA,AACA,4BAAA,CACA,AAGA,uEAFA,WAAA,CACA,AAEA,uEACA,+BAAA,AACA,UAAA,CACA,AACA,uEACA,8BAAA,CACA,AAGA,qDACA,kBAAA,CACA,AAGA,qDACA,WAAA,AACA,mBAAA,AACA,4BAAA,CACA,AAGA,uEAFA,WAAA,CACA,AAEA,uEACA,8BAAA,AACA,UAAA,CACA,AACA,uEACA,6BAAA,CACA,AAGA,+CACA,WAAA,AACA,mBAAA,AACA,4BAAA,CACA,AAGA,iEAFA,WAAA,CACA,AAEA,iEACA,8BAAA,AACA,UAAA,CACA,AACA,iEACA,6BAAA,CACA,AAGA,qDACA,WAAA,AACA,mBAAA,AACA,4BAAA,CACA,AAGA,uEAFA,WAAA,CACA,AAEA,uEACA,8BAAA,AACA,UAAA,CACA,AACA,uEACA,6BAAA,CACA,AAGA,4CACA,WAAA,AACA,mBAAA,AACA,4BAAA,CACA,AAGA,8DAFA,WAAA,CACA,AAEA,8DACA,+BAAA,AACA,UAAA,CACA,AACA,8DACA,8BAAA,CACA,AC7MA,+JACA,WAAA,AACA,YAAA,AACA,aAAA,AACA,gBAAA,AACA,mBAAA,AACA,iBAAA,AACA,sBAAA,AACA,gBAAA,AACA,yBAAA,AACA,kBAAA,AACA,8BAAA,CACA,AACA,2NACA,gCAAA,CACA,AACA,2NACA,aAAA,AACA,qBAAA,AACA,wCAAA,CACA,AAEA,SACA,eAAA,CACA,AAQA,iBAJA,cAAA,CAIA,AA2BA,UA1BA,aAAA,AACA,kBAAA,AACA,kBAAA,AACA,gBAAA,AAEA,iBAAA,AACA,gBAAA,AACA,yBAAA,sBAAA,qBAAA,iBAAA,AACA,mBAAA,AACA,iBAAA,CACA,AAgBA,qBAfA,kBAAA,AACA,MAAA,AACA,OAAA,AACA,YAAA,AACA,WAAA,AACA,sBAAA,AACA,yBAAA,AACA,+BAAA,AACA,iBAAA,CACA,AACA,gBACA,kBAAA,AACA,UAAA,AACA,cAAA,CACA,AAEA,2BACA,SAAA,AACA,QAAA,AACA,UAAA,AACA,YAAA,AACA,kBAAA,AACA,yBAAA,AACA,uBAAA,CACA,AAGA,OACA,aAAA,AACA,kBAAA,AACA,kBAAA,AACA,eAAA,AACA,iBAAA,AACA,gBAAA,AACA,yBAAA,sBAAA,qBAAA,gBAAA,CACA,AAeA,kBAdA,kBAAA,AACA,MAAA,AACA,OAAA,AACA,YAAA,AACA,WAAA,AACA,sBAAA,AACA,yBAAA,AACA,kBAAA,AACA,8BAAA,CACA,AACA,aACA,kBAAA,AACA,SAAA,CACA,AAEA,wBACA,QAAA,AACA,SAAA,AACA,UAAA,AACA,WAAA,AACA,kBAAA,AACA,eAAA,CACA,AAGA,+DACA,gCAAA,CACA,AAEA,mEACA,yBAAA,AACA,qBAAA,AACA,wCAAA,CACA,AACA,mDACA,WAAA,AACA,kBAAA,AACA,YAAA,CACA,AACA,+EACA,aAAA,CACA,ACrIA,MAEA,eAAA,AACA,aAAA,AACA,mBAAA,AACA,0BAAA,CACA,AAEA,wBAIA,wBAAA,AACA,aAAA,CACA,AAEA,GACA,kBAAA,CACA,ACXA,aACA,WAAA,AACA,YAAA,AACA,yBAAA,AACA,iBAAA,AACA,eAAA,CACA,AAOA,sCANA,sBAAA,AACA,gBAAA,CACA,AACA,yBACA,+BAAA,CACA,ACnBA,IACA,cAAA,CACA,ACFA,GACA,SAAA,AACA,cAAA,AACA,SAAA,AACA,4BAAA,CACA,AAEA,IACA,aAAA,AACA,kBAAA,CACA,AAEA,KACA,oBAAA,AACA,eAAA,AACA,iBAAA,AACA,mBAAA,AACA,gBAAA,AACA,yBAAA,AACA,kBAAA,AACA,2CAAA,CACA,AAEA,SACA,cAAA,AACA,oBAAA,AACA,qBAAA,AACA,oBAAA,CACA,AAEA,QACA,wCAAA,CACA,ACpBA,OACA,kBAAA,AACA,iBAAA,AACA,mBAAA,AACA,uBAAA,AACA,cAAA,AACA,kBAAA,AACA,+BAAA,AACA,yBAAA,AACA,aAAA,AACA,2BAAA,AACA,qBAAA,CACA,AAQA,kCANA,QAAA,CACA,AACA,cACA,mBAAA,AACA,eAAA,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,ACjJA,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,uBAAA,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,AC5BA,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,kBAAA,CAGA,AAEA,gBAHA,qBAAA,CAKA,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,AAEA,MACA,YAAA,CACA","file":"vishnu.min.css","sourcesContent":["/*\n * Reset\n*/\n\n::selection {\n color: var(--base-color);\n background: var(--secondary-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: 400;\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.shadow {\n box-shadow: var(--base-box-shadow);\n}\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 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","/*\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: transparent;\n padding: 15px;\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: 20px 15px;\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 (--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","/*\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 * 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.column {\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\n.hide {\n display: none;\n}\n"]} \ No newline at end of file +{"version":3,"sources":["reset.css","typography.css","links.css","buttons.css","forms.css","lists.css","tables.css","images.css","misc.css","responsive.css","alert.css","avatar.css","chips.css","card.css","collapse.css","dialog.css","toggle.css","grid.css","icons.css","utils.css"],"names":[],"mappings":";;;;AAIA,iBACA,WAAA,AACA,kBAAA,CAFA,AAGA,YAFA,WAAA,AACA,kBAAA,CACA,AAEA,UAEA,SAAA,AACA,SAAA,CACA,AAEA,KACA,sBAAA,AACA,gBAAA,AACA,qBAAA,CACA,AAEA,KACA,gBAAA,AACA,iBAAA,AACA,uJAAA,AACA,gBAAA,AACA,iCAAA,CACA,ACvBA,kBAMA,aAAA,AACA,mBAAA,AACA,eAAA,CACA,AAEA,GACA,eAAA,AACA,eAAA,CACA,AAEA,GACA,iBAAA,AACA,gBAAA,CACA,AAEA,GACA,iBAAA,AACA,eAAA,CACA,AAEA,GACA,eAAA,AACA,gBAAA,CACA,AAEA,GACA,iBAAA,AACA,eAAA,CACA,AAEA,GACA,iBAAA,AACA,eAAA,CACA,AAEA,EACA,aAAA,AACA,mBAAA,AACA,gBAAA,CACA,AAEA,wCACA,GACA,cAAA,CACA,AAEA,GACA,gBAAA,CACA,AAEA,GACA,cAAA,CACA,AAEA,GACA,gBAAA,CACA,AAEA,GACA,gBAAA,CACA,AAEA,GACA,gBAAA,CACA,CACA,ACvEA,kBACA,cAAA,AACA,yBAAA,CAFA,AAcA,UAbA,cAAA,AACA,yBAAA,CACA,AAWA,wBAVA,eAAA,AACA,0BAAA,AACA,oBAAA,CAHA,AAIA,gBAHA,eAAA,AACA,0BAAA,AACA,oBAAA,CACA,AACA,wBACA,mBAAA,CADA,AAEA,gBADA,mBAAA,CACA,AACA,iDACA,SAAA,CADA,AAEA,iCADA,SAAA,CACA,ACKA,6BACA,iBAAA,AACA,iBAAA,AACA,gBAAA,AACA,gBAAA,AACA,cAAA,AACA,mBAAA,AACA,kBAAA,AACA,+BAAA,AACA,6BAAA,AACA,mBAAA,AACA,eAAA,AACA,qBAAA,AACA,aAAA,AACA,mBAAA,AACA,sBAAA,CACA,AAIA,+CAHA,aAAA,AACA,cAAA,CACA,AAIA,+CACA,wBAAA,AACA,4BAAA,CACA,AAGA,iEAFA,wBAAA,CACA,AAEA,+CACA,aAAA,AACA,4BAAA,CACA,AAGA,iEAFA,wBAAA,CACA,AAIA,+CACA,iBAAA,AACA,gBAAA,AACA,gBAAA,AACA,kBAAA,CACA,AACA,+CACA,eAAA,AACA,gBAAA,AACA,sBAAA,AACA,kBAAA,CACA,AAGA,qDACA,cAAA,AACA,gBAAA,AACA,wBAAA,CACA,AAgBA,6EAfA,cAAA,AACA,gBAAA,AACA,wBAAA,CACA,AAWA,+FAVA,gBAAA,AACA,qCAAA,AACA,yBAAA,CACA,AACA,iMAEA,gBAAA,AACA,iCAAA,AACA,yBAAA,CACA,AAGA,uEACA,gBAAA,AACA,mCAAA,AACA,uBAAA,CACA,AACA,uEACA,+BAAA,AACA,uBAAA,CACA,AAGA,4CACA,cAAA,AACA,gBAAA,AACA,4BAAA,CACA,AAaA,oEAZA,aAAA,CACA,AAUA,sFATA,yBAAA,CACA,AACA,+KAEA,yBAAA,CACA,AACA,sFACA,cAAA,CACA,AAGA,8DACA,gBAAA,AACA,uBAAA,CACA,AACA,8DACA,uBAAA,CACA,AAGA,qDACA,WAAA,AACA,mBAAA,AACA,4BAAA,CACA,AAGA,uEAFA,WAAA,CACA,AAEA,uEACA,+BAAA,AACA,UAAA,CACA,AACA,uEACA,8BAAA,CACA,AAGA,qDACA,kBAAA,CACA,AAGA,qDACA,WAAA,AACA,mBAAA,AACA,4BAAA,CACA,AAGA,uEAFA,WAAA,CACA,AAEA,uEACA,8BAAA,AACA,UAAA,CACA,AACA,uEACA,6BAAA,CACA,AAGA,+CACA,WAAA,AACA,mBAAA,AACA,4BAAA,CACA,AAGA,iEAFA,WAAA,CACA,AAEA,iEACA,8BAAA,AACA,UAAA,CACA,AACA,iEACA,6BAAA,CACA,AAGA,qDACA,WAAA,AACA,mBAAA,AACA,4BAAA,CACA,AAGA,uEAFA,WAAA,CACA,AAEA,uEACA,8BAAA,AACA,UAAA,CACA,AACA,uEACA,6BAAA,CACA,AAGA,4CACA,WAAA,AACA,mBAAA,AACA,4BAAA,CACA,AAGA,8DAFA,WAAA,CACA,AAEA,8DACA,+BAAA,AACA,UAAA,CACA,AACA,8DACA,8BAAA,CACA,AC7MA,+JACA,WAAA,AACA,YAAA,AACA,aAAA,AACA,gBAAA,AACA,mBAAA,AACA,iBAAA,AACA,sBAAA,AACA,gBAAA,AACA,yBAAA,AACA,kBAAA,AACA,8BAAA,CACA,AACA,2NACA,gCAAA,CACA,AACA,2NACA,aAAA,AACA,qBAAA,AACA,wCAAA,CACA,AAEA,SACA,eAAA,CACA,AAQA,iBAJA,cAAA,CAIA,AA2BA,UA1BA,aAAA,AACA,kBAAA,AACA,kBAAA,AACA,gBAAA,AAEA,iBAAA,AACA,gBAAA,AACA,yBAAA,sBAAA,qBAAA,iBAAA,AACA,mBAAA,AACA,iBAAA,CACA,AAgBA,qBAfA,kBAAA,AACA,MAAA,AACA,OAAA,AACA,YAAA,AACA,WAAA,AACA,sBAAA,AACA,yBAAA,AACA,+BAAA,AACA,iBAAA,CACA,AACA,gBACA,kBAAA,AACA,UAAA,AACA,cAAA,CACA,AAEA,2BACA,SAAA,AACA,QAAA,AACA,UAAA,AACA,YAAA,AACA,kBAAA,AACA,yBAAA,AACA,uBAAA,CACA,AAGA,OACA,aAAA,AACA,kBAAA,AACA,kBAAA,AACA,eAAA,AACA,iBAAA,AACA,gBAAA,AACA,yBAAA,sBAAA,qBAAA,gBAAA,CACA,AAeA,kBAdA,kBAAA,AACA,MAAA,AACA,OAAA,AACA,YAAA,AACA,WAAA,AACA,sBAAA,AACA,yBAAA,AACA,kBAAA,AACA,8BAAA,CACA,AACA,aACA,kBAAA,AACA,SAAA,CACA,AAEA,wBACA,QAAA,AACA,SAAA,AACA,UAAA,AACA,WAAA,AACA,kBAAA,AACA,eAAA,CACA,AAGA,+DACA,gCAAA,CACA,AAEA,mEACA,yBAAA,AACA,qBAAA,AACA,wCAAA,CACA,AACA,mDACA,WAAA,AACA,kBAAA,AACA,YAAA,CACA,AACA,+EACA,aAAA,CACA,ACrIA,MAEA,eAAA,AACA,aAAA,AACA,mBAAA,AACA,0BAAA,CACA,AAEA,wBAIA,wBAAA,AACA,aAAA,CACA,AAEA,GACA,kBAAA,CACA,ACXA,aACA,WAAA,AACA,YAAA,AACA,yBAAA,AACA,iBAAA,AACA,eAAA,CACA,AAOA,sCANA,sBAAA,AACA,gBAAA,CACA,AACA,yBACA,+BAAA,CACA,AAIA,wCAEA,mCACA,kBAAA,AACA,aAAA,CACA,AAoCA,kFAnCA,QAAA,CACA,AACA,+CACA,cAAA,AACA,WAAA,AACA,QAAA,CACA,AAQA,qDAPA,cAAA,AACA,mBAAA,AACA,8BAAA,CACA,AACA,qDACA,eAAA,CACA,AAEA,yCACA,cAAA,AACA,gBAAA,CACA,AACA,+CACA,cAAA,AACA,gBAAA,AACA,kBAAA,CACA,AAGA,qDAFA,oBAAA,CACA,AAEA,yCACA,cAAA,AACA,gBAAA,AACA,eAAA,CACA,AACA,yCACA,cAAA,CACA,CAGA,AClEA,IACA,cAAA,CACA,ACFA,GACA,SAAA,AACA,cAAA,AACA,SAAA,AACA,4BAAA,CACA,AAEA,IACA,aAAA,AACA,kBAAA,CACA,AAEA,KACA,oBAAA,AACA,eAAA,AACA,iBAAA,AACA,mBAAA,AACA,gBAAA,AACA,yBAAA,AACA,kBAAA,AACA,2CAAA,CACA,AAEA,SACA,cAAA,AACA,oBAAA,AACA,qBAAA,AACA,oBAAA,CACA,AAEA,QACA,wCAAA,CACA,ACtBA,wCACA,SACA,YAAA,CACA,CACA,AAEA,wCACA,SACA,YAAA,CACA,CACA,AAEA,wCACA,SACA,YAAA,CACA,CACA,AAEA,wCACA,SACA,YAAA,CACA,CACA,ACpBA,OACA,kBAAA,AACA,iBAAA,AACA,mBAAA,AACA,uBAAA,AACA,cAAA,AACA,kBAAA,AACA,+BAAA,AACA,yBAAA,AACA,aAAA,AACA,2BAAA,AACA,qBAAA,CACA,AAQA,kCANA,QAAA,CACA,AACA,cACA,mBAAA,AACA,eAAA,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,ACjJA,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,uBAAA,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,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,ACnhBA,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,AC5BA,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,kBAAA,CAGA,AAEA,gBAHA,qBAAA,CAKA,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,AAEA,MACA,YAAA,CACA","file":"vishnu.min.css","sourcesContent":["/*\n * Reset\n*/\n\n::selection {\n color: var(--base-color);\n background: var(--secondary-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: 400;\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.shadow {\n box-shadow: var(--base-box-shadow);\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","/*\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","/*\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: transparent;\n padding: 15px;\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: 20px 15px;\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 (--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","/*\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 * 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.column {\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\n.hide {\n display: none;\n}\n"]} \ No newline at end of file diff --git a/packages/vishnucss-alert/dist/vishnu.alert.css b/packages/vishnucss-alert/dist/vishnu.alert.css index 23dfcfd..d5b1d93 100644 --- a/packages/vishnucss-alert/dist/vishnu.alert.css +++ b/packages/vishnucss-alert/dist/vishnu.alert.css @@ -1,7 +1,7 @@ /** * vishnucss alert - v1.1.0-rc.1 * https://vishnucss.github.io/vishnu#alert -*/ +*/ /* * Variables @@ -19,6 +19,11 @@ /* Utils */ /* Toogle */ + + /* Spacing */ + +/* Responsive breakpoints */ + } /* @@ -45,21 +50,22 @@ padding: 8px 20px; margin-bottom: 15px; background: transparent; - color: #444; + color: #4c4c4c; border-radius: 4px; transition: all 0.2s ease-in-out; - border: 1px solid #e5e5e5; + border: 1px solid #cfcfcf; display: flex; justify-content: flex-start; - flex-direction: column; + flex-direction: column } .alert .title, -.alert .description { - margin: 0; -} + .alert .description { + margin: 0; + } .alert .title { - padding-right: 20px; -} + padding-right: 20px; + font-weight: 500; + } .alert .close { position: absolute; right: 5px; @@ -74,100 +80,100 @@ font-size: 1.3rem; background: transparent; border-radius: 50%; - color: #282828; + color: #282828 } .alert .close .icon { - width: 24px; - height: 24px; -} + width: 24px; + height: 24px + } .alert .close .icon path { - fill: #444; -} + fill: #4c4c4c; + } .alert .close .icon circle { - stroke: #444; - stroke-width: 1; -} + stroke: #4c4c4c; + stroke-width: 1; + } .alert.info { background: rgba(44, 128, 255, 0.05); border-color: rgba(44, 128, 255, 0.5); - color: #2c80ff; + color: #2c80ff } .alert.info:before { - color: #2c80ff; -} + color: #2c80ff; + } .alert.info .description { - color: rgba(44, 128, 255, 0.6); -} + color: rgba(44, 128, 255, 0.6); + } .alert.info .close .icon path { - fill: #8549b9; -} + fill: #8549b9; + } .alert.info .close .icon circle { - stroke: #8549b9; - stroke-width: 1; -} + stroke: #8549b9; + stroke-width: 1; + } .alert.warning { background: rgba(242, 173, 0, 0.05); border-color: rgba(242, 173, 0, 0.5); - color: #f2ad00; + color: #f2ad00 } .alert.warning:before { - color: #f2ad00; -} + color: #f2ad00; + } .alert.warning .description { - color: rgba(242, 173, 0, 0.6); -} + color: rgba(242, 173, 0, 0.6); + } .alert.warning .close { - border-color: transparent; - background: rgba(242, 173, 0, 0.5); - color: #fff; -} + border-color: transparent; + background: rgba(242, 173, 0, 0.5); + color: #fff; + } .alert.error { background: rgba(249, 56, 56, 0.05); border-color: rgba(249, 56, 56, 0.5); - color: #f93838; + color: #f93838 } .alert.error .close .icon path { - fill: #f93838; -} + fill: #f93838; + } .alert.error .close .icon circle { - stroke: #f93838; - stroke-width: 1; -} + stroke: #f93838; + stroke-width: 1; + } .alert.error .description { - color: rgba(249, 56, 56, 0.6); -} + color: rgba(249, 56, 56, 0.6); + } .alert.success { background: rgba(13, 194, 34, 0.05); border-color: rgba(13, 194, 34, 0.1); - color: #0dc222; + color: #0dc222 } .alert.success .close { - border-color: transparent; -} + border-color: transparent + } .alert.success .close .icon path { - fill: #0dc222; -} + fill: #0dc222; + } .alert.success .close .icon circle { - stroke: #0dc222; - stroke-width: 1; -} + stroke: #0dc222; + stroke-width: 1; + } .alert.success .description { - color: rgba(13, 194, 34, 0.6); -} + color: rgba(13, 194, 34, 0.6); + } .alert.rounded { border-radius: 4rem; padding-left: 30px; - padding-right: 30px; + padding-right: 30px } .alert.rounded .close { - top: 50%; - margin-top: -16px; - right: 14px; -} + top: 50%; + margin-top: -16px; + right: 14px; + } /* Placeholder */ .placeholder { - border: 2px dashed #f1f1f1; + border: 2px dashed #f0f0f0; background: rgba(255, 255, 255, 0.15); } diff --git a/packages/vishnucss-alert/dist/vishnu.alert.css.map b/packages/vishnucss-alert/dist/vishnu.alert.css.map index 68eb380..0e7e32e 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;;EAEA,iBAAA;;EAOA,aAAA;;EAcA,iBAAA;;EAGA,aAAA;;EAGA,WAAA;;EAIA,YAAA;;CAiBA;;ACtDA;;EAEA;ACFA;;EAEA;;AAEA;;;;;;;;;;;EAWA;AACA;EACA,mBAAA;EACA,kBAAA;EACA,oBAAA;EACA,wBAAA;EACA,YAAA;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,WAAA;KACA;AAEA;MACA,aAAA;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\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* 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 }\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: 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 diff --git a/packages/vishnucss-alert/dist/vishnu.alert.min.css b/packages/vishnucss-alert/dist/vishnu.alert.min.css index 4493987..c56a00f 100644 --- a/packages/vishnucss-alert/dist/vishnu.alert.min.css +++ b/packages/vishnucss-alert/dist/vishnu.alert.min.css @@ -1,133 +1,6 @@ /** * vishnucss alert - v1.1.0-rc.1 * https://vishnucss.github.io/vishnu#alert -*/ -.alert { - position: relative; - padding: 8px 20px; - margin-bottom: 15px; - background: transparent; - color: #444; - border-radius: 4px; - transition: all 0.2s ease-in-out; - border: 1px solid #e5e5e5; - 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: #444; -} -.alert .close .icon circle { - stroke: #444; - stroke-width: 1; -} -.alert.info { - background: rgba(44, 128, 255, 0.05); - border-color: rgba(44, 128, 255, 0.5); -} -.alert.info, -.alert.info:before { - color: #2c80ff; -} -.alert.info .description { - color: rgba(44, 128, 255, 0.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, 0.05); - border-color: rgba(242, 173, 0, 0.5); - color: #f2ad00; -} -.alert.warning:before { - color: #f2ad00; -} -.alert.warning .description { - color: rgba(242, 173, 0, 0.6); -} -.alert.warning .close { - border-color: transparent; - background: rgba(242, 173, 0, 0.5); - color: #fff; -} -.alert.error { - background: rgba(249, 56, 56, 0.05); - border-color: rgba(249, 56, 56, 0.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, 0.6); -} -.alert.success { - background: rgba(13, 194, 34, 0.05); - border-color: rgba(13, 194, 34, 0.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, 0.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 #f1f1f1; - background: hsla(0, 0%, 100%, 0.15); -} +*/ +.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)} /*# sourceMappingURL=vishnu.alert.min.css.map */ diff --git a/packages/vishnucss-alert/dist/vishnu.alert.min.css.map b/packages/vishnucss-alert/dist/vishnu.alert.min.css.map index 4597dbb..2caa735 100644 --- a/packages/vishnucss-alert/dist/vishnu.alert.min.css.map +++ b/packages/vishnucss-alert/dist/vishnu.alert.min.css.map @@ -1 +1 @@ -{"version":3,"sources":["alert.css"],"names":[],"mappings":";;;;AAgBA,OACA,kBAAA,AACA,iBAAA,AACA,mBAAA,AACA,uBAAA,AACA,WAAA,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,SAAA,CACA,AAEA,2BACA,YAAA,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","file":"vishnu.alert.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"]} \ No newline at end of file +{"version":3,"sources":["alert.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,AAQA,kCANA,QAAA,CACA,AACA,cACA,mBAAA,AACA,eAAA,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","file":"vishnu.alert.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 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-avatar/dist/vishnu.avatar.css b/packages/vishnucss-avatar/dist/vishnu.avatar.css index 6643de3..88857fd 100644 --- a/packages/vishnucss-avatar/dist/vishnu.avatar.css +++ b/packages/vishnucss-avatar/dist/vishnu.avatar.css @@ -1,7 +1,7 @@ /** * vishnucss avatar - v1.1.0-rc.1 * https://vishnucss.github.io/vishnu#avatar -*/ +*/ /* * Variables @@ -19,6 +19,11 @@ /* Utils */ /* Toogle */ + + /* Spacing */ + +/* Responsive breakpoints */ + } /* @@ -58,13 +63,13 @@ } .avatar.primary { background: #8549b9; - color: #fff; + color: #fff } .avatar.primary.outline { - background: transparent; - border-color: #8549b9; - color: #8549b9; -} + background: transparent; + border-color: #8549b9; + color: #8549b9; + } .avatar.outline { background: transparent; border: 1px solid #282828; diff --git a/packages/vishnucss-avatar/dist/vishnu.avatar.css.map b/packages/vishnucss-avatar/dist/vishnu.avatar.css.map index b384c75..c39d2d2 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;;EAEA,iBAAA;;EAOA,aAAA;;EAcA,iBAAA;;EAGA,aAAA;;EAGA,WAAA;;EAIA,YAAA;;CAiBA;;ACtDA;;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\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* 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: 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 diff --git a/packages/vishnucss-avatar/dist/vishnu.avatar.min.css b/packages/vishnucss-avatar/dist/vishnu.avatar.min.css index 6b864c3..bfaa3a8 100644 --- a/packages/vishnucss-avatar/dist/vishnu.avatar.min.css +++ b/packages/vishnucss-avatar/dist/vishnu.avatar.min.css @@ -1,48 +1,6 @@ /** * vishnucss avatar - v1.1.0-rc.1 * 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; -} +*/ +.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} /*# sourceMappingURL=vishnu.avatar.min.css.map */ diff --git a/packages/vishnucss-base/dist/vishnu.base.css b/packages/vishnucss-base/dist/vishnu.base.css index cf15238..0e2bef3 100644 --- a/packages/vishnucss-base/dist/vishnu.base.css +++ b/packages/vishnucss-base/dist/vishnu.base.css @@ -1,7 +1,7 @@ /** * vishnucss base - v1.1.0-rc.1 * https://vishnucss.github.io/vishnu -*/ +*/ /* * Responsive @@ -15,10 +15,15 @@ * Buttons */ + + /* * Forms */ + + + /* * Variables */ @@ -35,6 +40,11 @@ /* Utils */ /* Toogle */ + + /* Spacing */ + +/* Responsive breakpoints */ + } /* @@ -69,7 +79,7 @@ body { 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; + font-weight: 500; text-rendering: optimizeLegibility; } @@ -124,32 +134,6 @@ p { 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; - } -} - /* * Links */ @@ -157,64 +141,61 @@ p { :-webkit-any-link { color: #8549b9; -webkit-transition: color 0.1s ease; - transition: color 0.1s ease; + transition: color 0.1s ease } :-moz-any-link { color: #8549b9; -moz-transition: color 0.1s ease; - transition: color 0.1s ease; + transition: color 0.1s ease } :any-link { color: #8549b9; - transition: color 0.1s ease; + transition: color 0.1s ease } :-webkit-any-link:hover { - cursor: pointer; - color: rgba(102, 126, 234, 0.8); - text-decoration: none; -} + cursor: pointer; + color: rgba(133, 73, 185, 0.8); + text-decoration: none; + } :-moz-any-link:hover { - cursor: pointer; - color: rgba(102, 126, 234, 0.8); - text-decoration: none; -} + cursor: pointer; + color: rgba(133, 73, 185, 0.8); + text-decoration: none; + } :any-link:hover { - cursor: pointer; - color: rgba(102, 126, 234, 0.8); - text-decoration: none; -} + cursor: pointer; + color: rgba(133, 73, 185, 0.8); + text-decoration: none; + } :-webkit-any-link:focus { - outline: thin dotted; -} + outline: thin dotted; + } :-moz-any-link:focus { - outline: thin dotted; -} + outline: thin dotted; + } :any-link:focus { - outline: thin dotted; -} + outline: thin dotted; + } -:-webkit-any-link:active, -:-webkit-any-link:hover { - outline: 0; -} +:-webkit-any-link:active, :-webkit-any-link:hover { + outline: 0; + } -:-moz-any-link:active, -:-moz-any-link:hover { - outline: 0; -} +:-moz-any-link:active, :-moz-any-link:hover { + outline: 0; + } -:any-link:active, -:any-link:hover { - outline: 0; -} +:any-link:active, :any-link:hover { + outline: 0; + } /* * Buttons @@ -240,13 +221,13 @@ p { /* Default */ button, .button, -[type="submit"] { +[type='submit'] { padding: 0 1.5rem; font-size: 1.6rem; min-height: 52px; font-weight: 600; - color: #444; - background: #f1f1f1; + color: #4c4c4c; + background: #f0f0f0; border-radius: 4px; transition: all 0.2s ease-in-out; border: 1px solid transparent; @@ -255,43 +236,37 @@ button, text-decoration: none; display: flex; align-items: center; - justify-content: center; -} -button .icon, -.button .icon, -[type="submit"] .icon { - margin: 0 5px; - stroke: #444; + justify-content: center } +button .icon, .button .icon, [type='submit'] .icon { + margin: 0 5px; + stroke: #4c4c4c; + } /* Status */ button:hover, .button:hover, -[type="submit"]:hover { - color: rgba(68, 68, 68, 0.7); - background: rgba(241, 241, 241, 0.7); -} -button:hover .icon, -.button:hover .icon, -[type="submit"]:hover .icon { - stroke: rgba(68, 68, 68, 0.7); +[type='submit']:hover { + color: rgba(76, 76, 76, 0.7); + background: rgba(240, 240, 240, 0.7) } +button:hover .icon, .button:hover .icon, [type='submit']:hover .icon { + stroke: rgba(76, 76, 76, 0.7); + } button:focus, .button:focus, -[type="submit"]:focus { +[type='submit']:focus { outline: none; - background: rgba(241, 241, 241, 0.8); -} -button:focus .icon, -.button:focus .icon, -[type="submit"]:focus .icon { - stroke: rgba(68, 68, 68, 0.7); + background: rgba(240, 240, 240, 0.8) } +button:focus .icon, .button:focus .icon, [type='submit']:focus .icon { + stroke: rgba(76, 76, 76, 0.7); + } /* Size */ button.small, .button.small, -[type="submit"].small { +[type='submit'].small { font-size: calc(1.6rem - 0.2rem); min-height: 36px; font-weight: 700; @@ -299,237 +274,209 @@ button.small, } button.large, .button.large, -[type="submit"].large { - font-size: calc(1.6rem + 0.8rem); - min-height: 72px; - padding: 1.6rem 4.2rem; - line-height: 2rem; +[type='submit'].large { + font-size: calc(1.6rem + 0.4rem); + min-height: 58px; + padding: 1.4rem 3.2rem; + line-height: 1.4rem; } /* Outline */ button.outline, .button.outline, -[type="submit"].outline { - color: #444; +[type='submit'].outline { + color: #4c4c4c; background: none; - border: 1px solid #444; -} -button.outline.primary, -.button.outline.primary, -[type="submit"].outline.primary { - color: #8549b9; - background: none; - border: 1px solid #8549b9; -} -button.outline.primary:hover, -.button.outline.primary:hover, -[type="submit"].outline.primary:hover { - background: none; - border: 1px solid rgba(102, 126, 234, 0.7); - color: rgba(102, 126, 234, 0.7); -} -button.outline.primary:focus, -.button.outline.primary:focus, -[type="submit"].outline.primary:focus { - background: none; - border-color: rgba(102, 126, 234, 0.8); - color: rgba(102, 126, 234, 0.8); -} -button.outline.primary:active, -.button.outline.primary:active, -[type="submit"].outline.primary:active { - background: none; - border-color: rgba(102, 126, 234, 0.8); - color: rgba(102, 126, 234, 0.8); + border: 1px solid #4c4c4c } +button.outline.primary, .button.outline.primary, [type='submit'].outline.primary { + color: #8549b9; + background: none; + border: 1px solid #8549b9 + } +button.outline.primary:hover, .button.outline.primary:hover, [type='submit'].outline.primary:hover { + background: none; + border: 1px solid rgba(133, 73, 185, 0.7); + color: rgba(133, 73, 185, 0.7); + } +button.outline.primary:focus, .button.outline.primary:focus, [type='submit'].outline.primary:focus { + background: none; + border-color: rgba(133, 73, 185, 0.8); + color: rgba(133, 73, 185, 0.8); + } +button.outline.primary:active, .button.outline.primary:active, [type='submit'].outline.primary:active { + background: none; + border-color: rgba(133, 73, 185, 0.8); + color: rgba(133, 73, 185, 0.8); + } button.outline:hover, .button.outline:hover, -[type="submit"].outline:hover { +[type='submit'].outline:hover { background: none; - border: 1px solid rgba(68, 68, 68, 0.7); - color: rgba(68, 68, 68, 0.7); + border: 1px solid rgba(76, 76, 76, 0.7); + color: rgba(76, 76, 76, 0.7); } button.outline:focus, .button.outline:focus, -[type="submit"].outline:focus { - border-color: rgba(68, 68, 68, 0.8); - color: rgba(68, 68, 68, 0.8); +[type='submit'].outline:focus { + border-color: rgba(76, 76, 76, 0.8); + color: rgba(76, 76, 76, 0.8); } /* Flat */ button.flat, .button.flat, -[type="submit"].flat { - color: #444; +[type='submit'].flat { + color: #4c4c4c; background: none; - border: 1px solid transparent; -} -button.flat.primary, -.button.flat.primary, -[type="submit"].flat.primary { - color: #8549b9; -} -button.flat.primary:hover, -.button.flat.primary:hover, -[type="submit"].flat.primary:hover { - color: rgba(102, 126, 234, 0.8); -} -button.flat.primary:active, -.button.flat.primary:active, -[type="submit"].flat.primary:active { - color: rgba(102, 126, 234, 0.9); -} -button.flat.primary:focus, -.button.flat.primary:focus, -[type="submit"].flat.primary:focus { - color: rgba(102, 126, 234, 0.9); -} -button.flat.primary .icon, -.button.flat.primary .icon, -[type="submit"].flat.primary .icon { - stroke: #8549b9; + border: 1px solid transparent } +button.flat.primary, .button.flat.primary, [type='submit'].flat.primary { + color: #8549b9 + } +button.flat.primary:hover, .button.flat.primary:hover, [type='submit'].flat.primary:hover { + color: rgba(133, 73, 185, 0.8); + } +button.flat.primary:active, .button.flat.primary:active, [type='submit'].flat.primary:active { + color: rgba(133, 73, 185, 0.9); + } +button.flat.primary:focus, .button.flat.primary:focus, [type='submit'].flat.primary:focus { + color: rgba(133, 73, 185, 0.9); + } +button.flat.primary .icon, .button.flat.primary .icon, [type='submit'].flat.primary .icon { + stroke: #8549b9; + } button.flat:hover, .button.flat:hover, -[type="submit"].flat:hover { +[type='submit'].flat:hover { background: none; - color: rgba(68, 68, 68, 0.8); + color: rgba(76, 76, 76, 0.8); } button.flat:focus, .button.flat:focus, -[type="submit"].flat:focus { - color: rgba(68, 68, 68, 0.9); +[type='submit'].flat:focus { + color: rgba(76, 76, 76, 0.9); } /* Primary */ button.primary, .button.primary, -[type="submit"].primary { +[type='submit'].primary { color: #fff; background: #8549b9; - border: 1px solid transparent; -} -button.primary .icon, -.button.primary .icon, -[type="submit"].primary .icon { - stroke: #fff; + border: 1px solid transparent } +button.primary .icon, .button.primary .icon, [type='submit'].primary .icon { + stroke: #fff; + } button.primary:hover, .button.primary:hover, -[type="submit"].primary:hover { - background: rgba(102, 126, 234, 0.8); +[type='submit'].primary:hover { + background: rgba(133, 73, 185, 0.8); color: #fff; } button.primary:focus, .button.primary:focus, -[type="submit"].primary:focus { - background: rgba(102, 126, 234, 0.9); +[type='submit'].primary:focus { + background: rgba(133, 73, 185, 0.9); } /* Rounded */ button.rounded, .button.rounded, -[type="submit"].rounded { +[type='submit'].rounded { border-radius: 50px; } /* Success */ button.success, .button.success, -[type="submit"].success { +[type='submit'].success { color: #fff; background: #0dc222; - border: 1px solid transparent; -} -button.success .icon, -.button.success .icon, -[type="submit"].success .icon { - stroke: #fff; + border: 1px solid transparent } +button.success .icon, .button.success .icon, [type='submit'].success .icon { + stroke: #fff; + } button.success:hover, .button.success:hover, -[type="submit"].success:hover { +[type='submit'].success:hover { background: rgba(13, 194, 34, 0.8); color: #fff; } button.success:focus, .button.success:focus, -[type="submit"].success:focus { +[type='submit'].success:focus { background: rgba(13, 194, 34, 0.9); } /* Error */ button.error, .button.error, -[type="submit"].error { +[type='submit'].error { color: #fff; background: #f93838; - border: 1px solid transparent; -} -button.error .icon, -.button.error .icon, -[type="submit"].error .icon { - stroke: #fff; + border: 1px solid transparent } +button.error .icon, .button.error .icon, [type='submit'].error .icon { + stroke: #fff; + } button.error:hover, .button.error:hover, -[type="submit"].error:hover { +[type='submit'].error:hover { background: rgba(249, 56, 56, 0.8); color: #fff; } button.error:focus, .button.error:focus, -[type="submit"].error:focus { +[type='submit'].error:focus { background: rgba(249, 56, 56, 0.9); } /* Warning */ button.warning, .button.warning, -[type="submit"].warning { +[type='submit'].warning { color: #fff; background: #f2ad00; - border: 1px solid transparent; -} -button.warning .icon, -.button.warning .icon, -[type="submit"].warning .icon { - stroke: #fff; + border: 1px solid transparent } +button.warning .icon, .button.warning .icon, [type='submit'].warning .icon { + stroke: #fff; + } button.warning:hover, .button.warning:hover, -[type="submit"].warning:hover { +[type='submit'].warning:hover { background: rgba(242, 173, 0, 0.8); color: #fff; } button.warning:focus, .button.warning:focus, -[type="submit"].warning:focus { +[type='submit'].warning:focus { background: rgba(242, 173, 0, 0.9); } /* Info */ button.info, .button.info, -[type="submit"].info { +[type='submit'].info { color: #fff; background: #2c80ff; - border: 1px solid transparent; -} -button.info .icon, -.button.info .icon, -[type="submit"].info .icon { - stroke: #fff; + border: 1px solid transparent } +button.info .icon, .button.info .icon, [type='submit'].info .icon { + stroke: #fff; + } button.info:hover, .button.info:hover, -[type="submit"].info:hover { +[type='submit'].info:hover { background: rgba(44, 128, 255, 0.8); color: #fff; } button.info:focus, .button.info:focus, -[type="submit"].info:focus { +[type='submit'].info:focus { background: rgba(44, 128, 255, 0.9); } @@ -549,17 +496,17 @@ button.info:focus, * */ -input[type="text"], -input[type="password"], -input[type="email"], -input[type="search"], -input[type="number"], -input[type="file"], -input[type="tel"], -input[type="url"], +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"] { +textarea[type='text'] { width: 100%; height: 42px; padding: 10px; @@ -568,41 +515,41 @@ textarea[type="text"] { font-size: 1.4rem; box-sizing: border-box; background: #fff; - border: 1px solid #e5e5e5; + border: 1px solid #cfcfcf; border-radius: 4px; transition: all 0.2s ease-in-out; } -input[type="text"]:hover, -input[type="password"]:hover, -input[type="email"]:hover, -input[type="search"]:hover, -input[type="number"]:hover, -input[type="file"]:hover, -input[type="tel"]:hover, -input[type="url"]:hover, +input[type='text']:hover, +input[type='password']:hover, +input[type='email']:hover, +input[type='search']:hover, +input[type='number']:hover, +input[type='file']:hover, +input[type='tel']:hover, +input[type='url']:hover, select:hover, textarea:hover, -textarea[type="text"]:hover { - border-color: rgba(102, 126, 234, 0.8); -} -input[type="text"]:focus, -input[type="password"]:focus, -input[type="email"]:focus, -input[type="search"]:focus, -input[type="number"]:focus, -input[type="file"]:focus, -input[type="tel"]:focus, -input[type="url"]:focus, +textarea[type='text']:hover { + border-color: rgba(133, 73, 185, 0.8); +} +input[type='text']:focus, +input[type='password']:focus, +input[type='email']:focus, +input[type='search']:focus, +input[type='number']:focus, +input[type='file']:focus, +input[type='tel']:focus, +input[type='url']:focus, select:focus, textarea:focus, -textarea[type="text"]:focus { +textarea[type='text']:focus { outline: none; border-color: #8549b9; - box-shadow: 0 0 0 2px rgba(102, 126, 234, 0.2); + box-shadow: 0 0 0 2px rgba(133, 73, 185, 0.2); } textarea, -textarea[type="text"] { +textarea[type='text'] { min-height: 7rem; } @@ -621,28 +568,28 @@ select { font-size: 1.6rem; line-height: 1.5; -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; align-items: center; - border-radius: 4px; + border-radius: 4px } .checkbox .checkmark { - position: absolute; - top: 0; - left: 0; - height: 18px; - width: 18px; - background-color: #fff; - border: 1px solid #e5e5e5; - transition: all 0.2s ease-in-out; - border-radius: 4px; -} + position: absolute; + top: 0; + left: 0; + height: 18px; + width: 18px; + background-color: #fff; + border: 1px solid #cfcfcf; + transition: all 0.2s ease-in-out; + border-radius: 4px; + } .checkbox input { - position: absolute; - opacity: 0; - cursor: pointer; -} + position: absolute; + opacity: 0; + cursor: pointer; + } .checkbox .checkmark:after { left: 6px; top: 1px; @@ -651,7 +598,7 @@ select { border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); - transform: rotate(45deg); + transform: rotate(45deg); } /* Radio Button */ @@ -663,25 +610,25 @@ select { font-size: 1.6rem; line-height: 1.5; -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - 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 #e5e5e5; - border-radius: 50%; - transition: all 0.2s ease-in-out; -} + position: absolute; + top: 0; + left: 0; + height: 18px; + width: 18px; + background-color: #fff; + border: 1px solid #cfcfcf; + border-radius: 50%; + transition: all 0.2s ease-in-out; + } .radio input { - position: absolute; - opacity: 0; -} + position: absolute; + opacity: 0; + } .radio .radiomark:after { top: 6px; left: 6px; @@ -693,31 +640,29 @@ select { /* Checkbox and Radio Button */ .checkbox:hover input ~ .checkmark { - border-color: rgba(102, 126, 234, 0.8); + border-color: rgba(133, 73, 185, 0.8); } .radio:hover input ~ .radiomark { - border-color: rgba(102, 126, 234, 0.8); + border-color: rgba(133, 73, 185, 0.8); } .checkbox input:checked ~ .checkmark { background-color: #8549b9; border-color: #8549b9; - box-shadow: 0 0 0 2px rgba(102, 126, 234, 0.2); + box-shadow: 0 0 0 2px rgba(133, 73, 185, 0.2); } .radio input:checked ~ .radiomark { background-color: #8549b9; border-color: #8549b9; - box-shadow: 0 0 0 2px rgba(102, 126, 234, 0.2); + box-shadow: 0 0 0 2px rgba(133, 73, 185, 0.2); } -.checkbox .checkmark:after, -.radio .radiomark:after { +.checkbox .checkmark:after, .radio .radiomark:after { content: ""; position: absolute; display: none; } -.checkbox input:checked ~ .checkmark:after, -.radio input:checked ~ .radiomark:after { +.checkbox input:checked ~ .checkmark:after, .radio input:checked ~ .radiomark:after { display: block; } @@ -762,77 +707,19 @@ table, border: none; border-collapse: collapse; border-spacing: 0; - text-align: left; + text-align: left } -table th, -table td, -.table th, -.table td { - vertical-align: middle; - padding: 12px 4px; -} +table th, table td, .table th, .table td { + vertical-align: middle; + padding: 12px 4px; + } -table thead, -.table thead { - border-bottom: 1px solid #e5e5e5; -} +table thead, .table thead { + border-bottom: 1px solid #cfcfcf; + } /* responsive table */ -@media only screen and (max-width: 48em) { - table.responsive, - .table.responsive { - position: relative; - display: block; - } - table.responsive th, - table.responsive td, - .table.responsive th, - .table.responsive td { - 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 #e5e5e5; - } - 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; - } -} /* * Images @@ -850,7 +737,7 @@ hr { height: 0; margin: 20px 0; border: 0; - border-top: 1px solid #e5e5e5; + border-top: 1px solid #cfcfcf; } pre { @@ -864,7 +751,7 @@ code { font-size: 1.3rem; white-space: nowrap; background: #fff; - border: 1px solid var(--base-border-color); + border: 1px solid #cfcfcf; border-radius: 4px; font-family: "Consolas", "Monaco", "Menlo", monospace; } @@ -890,29 +777,4 @@ pre > code { * */ -@media (--sm-viewport) { - .hide-sm { - display: none; - } -} - -@media (--md-viewport) { - .hide-md { - display: none; - } -} - -@media (--lg-viewport) { - .hide-lg { - display: none; - } -} - -@media (--xl-viewport) { - .hide-xl { - display: none; - } -} - - /*# sourceMappingURL=vishnu.base.css.map */ diff --git a/packages/vishnucss-base/dist/vishnu.base.css.map b/packages/vishnucss-base/dist/vishnu.base.css.map index e5e6cef..c63b4c0 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;;EAEA,iBAAA;;EAOA,aAAA;;EAcA,iBAAA;;EAGA,aAAA;;EAGA,WAAA;;EAIA,YAAA;;CAiBA;;ACtDA;;EAEA;;AAEA;EACA,eAAA;EACA,iBAAA;CACA;;AAHA;EACA,eAAA;EACA,iBAAA;CACA;;AAEA;;EAEA,UAAA;EACA,WAAA;CACA;;AAEA;EACA,uBAAA;EACA,iBAAA;CACA;;AAEA;EACA,iBAAA;EACA,kBAAA;EACA;;6CAAA;EACA,iBAAA;EACA,mCAAA;CACA;;AC1BA;;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;;AAEA;EACA;IACA,gBAAA;GACA;;EAEA;IACA,kBAAA;GACA;;EAEA;IACA,gBAAA;GACA;;EAEA;IACA,kBAAA;GACA;;EAEA;IACA,kBAAA;GACA;;EAEA;IACA,kBAAA;GACA;CACA;;AC3EA;;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,gCAAA;IACA,sBAAA;GACA;;AAJA;IACA,gBAAA;IACA,gCAAA;IACA,sBAAA;GACA;;AAJA;IACA,gBAAA;IACA,gCAAA;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,YAAA;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,aAAA;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,kBAAA;CACA;;AAEA,aAAA;AACA;;;EACA,YAAA;EACA,iBAAA;EACA,sBAAA;CAiBA;AAhBA;IACA,eAAA;IACA,iBAAA;IACA,yBAAA;GAYA;AAXA;MACA,iBAAA;MACA,2CAAA;MACA,gCAAA;KACA;AACA;MAEA,iBAAA;MACA,uCAAA;MACA,gCAAA;KACA;AALA;MAEA,iBAAA;MACA,uCAAA;MACA,gCAAA;KACA;AAGA;;;EACA,iBAAA;EACA,wCAAA;EACA,6BAAA;CACA;AACA;;;EACA,oCAAA;EACA,6BAAA;CACA;;AAEA,UAAA;AACA;;;EACA,YAAA;EACA,iBAAA;EACA,6BAAA;CAcA;AAbA;IACA,cAAA;GAWA;AAVA;MACA,gCAAA;KACA;AACA;MAEA,gCAAA;KACA;AAHA;MAEA,gCAAA;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,qCAAA;EACA,YAAA;CACA;AACA;;;EACA,qCAAA;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,uCAAA;CACA;AACA;;;;;;;;;;;EACA,cAAA;EACA,sBAAA;EACA,+CAAA;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,uCAAA;CACA;AAFA;EACA,uCAAA;CACA;;AAEA;EACA,0BAAA;EACA,sBAAA;EACA,+CAAA;CACA;;AAJA;EACA,0BAAA;EACA,sBAAA;EACA,+CAAA;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;AACA;IAEA;MACA,mBAAA;MACA,cAAA;KAqCA;MApCA;QACA,SAAA;OACA;MACA;QACA,eAAA;QACA,YAAA;QACA,SAAA;OASA;QARA;UACA,eAAA;UACA,oBAAA;UACA,gCAAA;SACA;QACA;UACA,iBAAA;SACA;MAEA;QACA,eAAA;QACA,kBAAA;OACA;MACA;QACA,eAAA;QACA,iBAAA;QACA,mBAAA;OAIA;QAHA;UACA,sBAAA;SACA;MAEA;QACA,eAAA;QACA,iBAAA;QACA,iBAAA;OACA;MACA;QACA,gBAAA;OACA;CAGA;;ACtEA;;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;;AAEA;EACA;IACA,cAAA;GACA;CACA;;AAEA;EACA;IACA,cAAA;GACA;CACA;;AAEA;EACA;IACA,cAAA;GACA;CACA","file":"vishnu.base.css","sourcesContent":["/*\n* Responsive\n*/\n\n@custom-media --phone-viewport only screen and (max-width: 25em);\n@custom-media --tablet-viewport only screen and (max-width: 48em);\n@custom-media --desktop-viewport only screen and (max-width: 62em);\n@custom-media --desktop-large-viewport only screen and (max-width: 75em);\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\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 * 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}\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: 400;\n text-rendering: optimizeLegibility;\n}\n","/*\n * Typography\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n margin-bottom: 2rem;\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: 2rem;\n font-size: var(--base-font-size);\n}\n\n@media (--phone-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.8rem);\n min-height: 72px;\n padding: 1.6rem 4.2rem;\n line-height: 2rem;\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: 2rem;\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 (--tablet-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: 2rem;\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 #dbdbdb;\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* --phone-viewport only screen and (max-width: 25em);\n* --tablet-viewport only screen and (max-width: 48em);\n* --desktop-viewport only screen and (max-width: 62em);\n* --desktop-large-viewport only screen and (max-width: 75em);\n*\n*/\n\n@media (--phone-viewport) {\n .hide-phone {\n display: none;\n }\n}\n\n@media (--tablet-viewport) {\n .hide-tablet {\n display: none;\n }\n}\n\n@media (--desktop-viewport) {\n .hide-desktop {\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: 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 diff --git a/packages/vishnucss-base/dist/vishnu.base.min.css b/packages/vishnucss-base/dist/vishnu.base.min.css index cf804a5..2ea1767 100644 --- a/packages/vishnucss-base/dist/vishnu.base.min.css +++ b/packages/vishnucss-base/dist/vishnu.base.min.css @@ -1,678 +1,6 @@ /** * vishnucss base - v1.1.0-rc.1 * 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: -0.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 0.1s ease; -} -:any-link { - color: #8549b9; - transition: color 0.1s ease; -} -:-webkit-any-link:hover { - cursor: pointer; - color: rgba(102, 126, 234, 0.8); - text-decoration: none; -} -:any-link:hover { - cursor: pointer; - color: rgba(102, 126, 234, 0.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: #444; - background: #f1f1f1; - border-radius: 4px; - transition: all 0.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: #444; -} -.button:hover, -[type="submit"]:hover, -button:hover { - color: rgba(68, 68, 68, 0.7); - background: hsla(0, 0%, 95%, 0.7); -} -.button:hover .icon, -[type="submit"]:hover .icon, -button:hover .icon { - stroke: rgba(68, 68, 68, 0.7); -} -.button:focus, -[type="submit"]:focus, -button:focus { - outline: none; - background: hsla(0, 0%, 95%, 0.8); -} -.button:focus .icon, -[type="submit"]:focus .icon, -button:focus .icon { - stroke: rgba(68, 68, 68, 0.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: 2.4rem; - min-height: 72px; - padding: 1.6rem 4.2rem; - line-height: 2rem; -} -.button.outline, -[type="submit"].outline, -button.outline { - color: #444; - background: none; - border: 1px solid #444; -} -.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(102, 126, 234, 0.7); - color: rgba(102, 126, 234, 0.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(102, 126, 234, 0.8); - color: rgba(102, 126, 234, 0.8); -} -.button.outline:hover, -[type="submit"].outline:hover, -button.outline:hover { - background: none; - border: 1px solid rgba(68, 68, 68, 0.7); - color: rgba(68, 68, 68, 0.7); -} -.button.outline:focus, -[type="submit"].outline:focus, -button.outline:focus { - border-color: rgba(68, 68, 68, 0.8); - color: rgba(68, 68, 68, 0.8); -} -.button.flat, -[type="submit"].flat, -button.flat { - color: #444; - 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(102, 126, 234, 0.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(102, 126, 234, 0.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(68, 68, 68, 0.8); -} -.button.flat:focus, -[type="submit"].flat:focus, -button.flat:focus { - color: rgba(68, 68, 68, 0.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(102, 126, 234, 0.8); - color: #fff; -} -.button.primary:focus, -[type="submit"].primary:focus, -button.primary:focus { - background: rgba(102, 126, 234, 0.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, 0.8); - color: #fff; -} -.button.success:focus, -[type="submit"].success:focus, -button.success:focus { - background: rgba(13, 194, 34, 0.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, 0.8); - color: #fff; -} -.button.error:focus, -[type="submit"].error:focus, -button.error:focus { - background: rgba(249, 56, 56, 0.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, 0.8); - color: #fff; -} -.button.warning:focus, -[type="submit"].warning:focus, -button.warning:focus { - background: rgba(242, 173, 0, 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, 0.8); - color: #fff; -} -.button.info:focus, -[type="submit"].info:focus, -button.info:focus { - background: rgba(44, 128, 255, 0.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 #e5e5e5; - border-radius: 4px; - transition: all 0.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(102, 126, 234, 0.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(102, 126, 234, 0.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 #e5e5e5; - transition: all 0.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 #e5e5e5; - border-radius: 50%; - transition: all 0.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(102, 126, 234, 0.8); -} -.checkbox input:checked ~ .checkmark, -.radio input:checked ~ .radiomark { - background-color: #8549b9; - border-color: #8549b9; - box-shadow: 0 0 0 2px rgba(102, 126, 234, 0.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 #e5e5e5; -} -@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 #e5e5e5; - } - .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 #e5e5e5; -} -pre { - margin-top: 0; - margin-bottom: 1rem; -} -code { - padding: 0.2rem 0.5rem; - margin: 0 0.2rem; - font-size: 1.3rem; - white-space: nowrap; - background: #fff; - border: 1px solid #dbdbdb; - 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; -} -@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; - } -} +*/ +::-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} /*# sourceMappingURL=vishnu.base.min.css.map */ diff --git a/packages/vishnucss-base/dist/vishnu.base.min.css.map b/packages/vishnucss-base/dist/vishnu.base.min.css.map index 690cc38..ac40002 100644 --- a/packages/vishnucss-base/dist/vishnu.base.min.css.map +++ b/packages/vishnucss-base/dist/vishnu.base.min.css.map @@ -1 +1 @@ -{"version":3,"sources":["reset.css","typography.css","links.css","buttons.css","forms.css","lists.css","tables.css","images.css","misc.css","responsive.css"],"names":[],"mappings":";;;;AAIA,iBACA,cAAA,AACA,eAAA,CAFA,AAGA,YAFA,cAAA,AACA,eAAA,CACA,AAEA,UAEA,SAAA,AACA,SAAA,CACA,AAEA,KACA,sBAAA,AACA,eAAA,CACA,AAEA,KACA,gBAAA,AACA,iBAAA,AACA,uJAAA,AACA,gBAAA,AACA,iCAAA,CACA,ACtBA,kBAMA,aAAA,AACA,mBAAA,AACA,eAAA,CACA,AAEA,GACA,eAAA,AACA,eAAA,CACA,AAEA,GACA,iBAAA,AACA,gBAAA,CACA,AAEA,GACA,iBAAA,AACA,eAAA,CACA,AAEA,GACA,eAAA,AACA,gBAAA,CACA,AAEA,GACA,iBAAA,AACA,eAAA,CACA,AAEA,GACA,iBAAA,AACA,eAAA,CACA,AAEA,EACA,aAAA,AACA,mBAAA,AACA,gBAAA,CACA,AAEA,wCACA,GACA,cAAA,CACA,AAEA,GACA,gBAAA,CACA,AAEA,GACA,cAAA,CACA,AAEA,GACA,gBAAA,CACA,AAEA,GACA,gBAAA,CACA,AAEA,GACA,gBAAA,CACA,CACA,ACvEA,kBACA,cAAA,AACA,yBAAA,CAFA,AAcA,UAbA,cAAA,AACA,yBAAA,CACA,AAWA,wBAVA,eAAA,AACA,2BAAA,AACA,oBAAA,CAHA,AAIA,gBAHA,eAAA,AACA,2BAAA,AACA,oBAAA,CACA,AACA,wBACA,mBAAA,CADA,AAEA,gBADA,mBAAA,CACA,AACA,iDACA,SAAA,CADA,AAEA,iCADA,SAAA,CACA,ACKA,6BACA,iBAAA,AACA,iBAAA,AACA,gBAAA,AACA,gBAAA,AACA,WAAA,AACA,mBAAA,AACA,kBAAA,AACA,+BAAA,AACA,6BAAA,AACA,mBAAA,AACA,eAAA,AACA,qBAAA,AACA,aAAA,AACA,mBAAA,AACA,sBAAA,CACA,AAIA,+CAHA,aAAA,AACA,WAAA,CACA,AAIA,+CACA,wBAAA,AACA,4BAAA,CACA,AAGA,iEAFA,wBAAA,CACA,AAEA,+CACA,aAAA,AACA,4BAAA,CACA,AAGA,iEAFA,wBAAA,CACA,AAIA,+CACA,iBAAA,AACA,gBAAA,AACA,gBAAA,AACA,kBAAA,CACA,AACA,+CACA,iBAAA,AACA,gBAAA,AACA,sBAAA,AACA,gBAAA,CACA,AAGA,qDACA,WAAA,AACA,gBAAA,AACA,qBAAA,CACA,AAgBA,6EAfA,cAAA,AACA,gBAAA,AACA,wBAAA,CACA,AAWA,+FAVA,gBAAA,AACA,sCAAA,AACA,0BAAA,CACA,AACA,iMAEA,gBAAA,AACA,kCAAA,AACA,0BAAA,CACA,AAGA,uEACA,gBAAA,AACA,mCAAA,AACA,uBAAA,CACA,AACA,uEACA,+BAAA,AACA,uBAAA,CACA,AAGA,4CACA,WAAA,AACA,gBAAA,AACA,4BAAA,CACA,AAaA,oEAZA,aAAA,CACA,AAUA,sFATA,0BAAA,CACA,AACA,+KAEA,0BAAA,CACA,AACA,sFACA,cAAA,CACA,AAGA,8DACA,gBAAA,AACA,uBAAA,CACA,AACA,8DACA,uBAAA,CACA,AAGA,qDACA,WAAA,AACA,mBAAA,AACA,4BAAA,CACA,AAGA,uEAFA,WAAA,CACA,AAEA,uEACA,gCAAA,AACA,UAAA,CACA,AACA,uEACA,+BAAA,CACA,AAGA,qDACA,kBAAA,CACA,AAGA,qDACA,WAAA,AACA,mBAAA,AACA,4BAAA,CACA,AAGA,uEAFA,WAAA,CACA,AAEA,uEACA,8BAAA,AACA,UAAA,CACA,AACA,uEACA,6BAAA,CACA,AAGA,+CACA,WAAA,AACA,mBAAA,AACA,4BAAA,CACA,AAGA,iEAFA,WAAA,CACA,AAEA,iEACA,8BAAA,AACA,UAAA,CACA,AACA,iEACA,6BAAA,CACA,AAGA,qDACA,WAAA,AACA,mBAAA,AACA,4BAAA,CACA,AAGA,uEAFA,WAAA,CACA,AAEA,uEACA,8BAAA,AACA,UAAA,CACA,AACA,uEACA,6BAAA,CACA,AAGA,4CACA,WAAA,AACA,mBAAA,AACA,4BAAA,CACA,AAGA,8DAFA,WAAA,CACA,AAEA,8DACA,+BAAA,AACA,UAAA,CACA,AACA,8DACA,8BAAA,CACA,AC7MA,mLACA,WAAA,AACA,YAAA,AACA,aAAA,AACA,gBAAA,AACA,mBAAA,AACA,iBAAA,AACA,sBAAA,AACA,gBAAA,AACA,yBAAA,AACA,kBAAA,AACA,8BAAA,CACA,AACA,qPACA,iCAAA,CACA,AACA,qPACA,aAAA,AACA,qBAAA,AACA,yCAAA,CACA,AAEA,6BACA,eAAA,CACA,AAQA,iBAJA,cAAA,CAIA,AA2BA,UA1BA,aAAA,AACA,kBAAA,AACA,kBAAA,AACA,gBAAA,AAEA,iBAAA,AACA,gBAAA,AACA,yBAAA,sBAAA,qBAAA,iBAAA,AACA,mBAAA,AACA,iBAAA,CACA,AAgBA,qBAfA,kBAAA,AACA,MAAA,AACA,OAAA,AACA,YAAA,AACA,WAAA,AACA,sBAAA,AACA,yBAAA,AACA,+BAAA,AACA,iBAAA,CACA,AACA,gBACA,kBAAA,AACA,UAAA,AACA,cAAA,CACA,AAEA,2BACA,SAAA,AACA,QAAA,AACA,UAAA,AACA,YAAA,AACA,kBAAA,AACA,yBAAA,AACA,uBAAA,CACA,AAGA,OACA,aAAA,AACA,kBAAA,AACA,kBAAA,AACA,eAAA,AACA,iBAAA,AACA,gBAAA,AACA,yBAAA,sBAAA,qBAAA,gBAAA,CACA,AAeA,kBAdA,kBAAA,AACA,MAAA,AACA,OAAA,AACA,YAAA,AACA,WAAA,AACA,sBAAA,AACA,yBAAA,AACA,kBAAA,AACA,8BAAA,CACA,AACA,aACA,kBAAA,AACA,SAAA,CACA,AAEA,wBACA,QAAA,AACA,SAAA,AACA,UAAA,AACA,WAAA,AACA,kBAAA,AACA,eAAA,CACA,AAGA,+DACA,iCAAA,CACA,AAEA,mEACA,yBAAA,AACA,qBAAA,AACA,yCAAA,CACA,AACA,mDACA,WAAA,AACA,kBAAA,AACA,YAAA,CACA,AACA,+EACA,aAAA,CACA,ACrIA,MAEA,eAAA,AACA,aAAA,AACA,mBAAA,AACA,0BAAA,CACA,AAEA,wBAIA,wBAAA,AACA,aAAA,CACA,AAEA,GACA,kBAAA,CACA,ACXA,aACA,WAAA,AACA,YAAA,AACA,yBAAA,AACA,iBAAA,AACA,eAAA,CACA,AAOA,sCANA,sBAAA,AACA,gBAAA,CACA,AACA,yBACA,+BAAA,CACA,AAIA,wCAEA,mCACA,kBAAA,AACA,aAAA,CACA,AAoCA,kFAnCA,QAAA,CACA,AACA,+CACA,cAAA,AACA,WAAA,AACA,QAAA,CACA,AAQA,qDAPA,cAAA,AACA,mBAAA,AACA,8BAAA,CACA,AACA,qDACA,eAAA,CACA,AAEA,yCACA,cAAA,AACA,gBAAA,CACA,AACA,+CACA,cAAA,AACA,gBAAA,AACA,kBAAA,CACA,AAGA,qDAFA,oBAAA,CACA,AAEA,yCACA,cAAA,AACA,gBAAA,AACA,eAAA,CACA,AACA,yCACA,cAAA,CACA,CAGA,AClEA,IACA,cAAA,CACA,ACFA,GACA,SAAA,AACA,cAAA,AACA,SAAA,AACA,4BAAA,CACA,AAEA,IACA,aAAA,AACA,kBAAA,CACA,AAEA,KACA,oBAAA,AACA,eAAA,AACA,iBAAA,AACA,mBAAA,AACA,gBAAA,AACA,yBAAA,AACA,kBAAA,AACA,2CAAA,CACA,AAEA,SACA,cAAA,AACA,oBAAA,AACA,qBAAA,AACA,oBAAA,CACA,AClBA,wCACA,YACA,YAAA,CACA,CACA,AAEA,wCACA,aACA,YAAA,CACA,CACA,AAEA,wCACA,cACA,YAAA,CACA,CACA","file":"vishnu.base.min.css","sourcesContent":["/*\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}\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: 400;\n text-rendering: optimizeLegibility;\n}\n","/*\n * Typography\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n margin-bottom: 2rem;\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: 2rem;\n font-size: var(--base-font-size);\n}\n\n@media (--phone-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.8rem);\n min-height: 72px;\n padding: 1.6rem 4.2rem;\n line-height: 2rem;\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: 2rem;\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 (--tablet-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: 2rem;\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 #dbdbdb;\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* --phone-viewport only screen and (max-width: 25em);\n* --tablet-viewport only screen and (max-width: 48em);\n* --desktop-viewport only screen and (max-width: 62em);\n* --desktop-large-viewport only screen and (max-width: 75em);\n*\n*/\n\n@media (--phone-viewport) {\n .hide-phone {\n display: none;\n }\n}\n\n@media (--tablet-viewport) {\n .hide-tablet {\n display: none;\n }\n}\n\n@media (--desktop-viewport) {\n .hide-desktop {\n display: none;\n }\n}\n"]} \ No newline at end of file +{"version":3,"sources":["reset.css","typography.css","links.css","buttons.css","forms.css","lists.css","tables.css","images.css","misc.css"],"names":[],"mappings":";;;;AAIA,iBACA,cAAA,AACA,eAAA,CAFA,AAGA,YAFA,cAAA,AACA,eAAA,CACA,AAEA,UAEA,SAAA,AACA,SAAA,CACA,AAEA,KACA,sBAAA,AACA,gBAAA,AACA,qBAAA,CACA,AAEA,KACA,gBAAA,AACA,iBAAA,AACA,uJAAA,AACA,gBAAA,AACA,iCAAA,CACA,ACvBA,kBAMA,aAAA,AACA,mBAAA,AACA,eAAA,CACA,AAEA,GACA,eAAA,AACA,eAAA,CACA,AAEA,GACA,iBAAA,AACA,gBAAA,CACA,AAEA,GACA,iBAAA,AACA,eAAA,CACA,AAEA,GACA,eAAA,AACA,gBAAA,CACA,AAEA,GACA,iBAAA,AACA,eAAA,CACA,AAEA,GACA,iBAAA,AACA,eAAA,CACA,AAEA,EACA,aAAA,AACA,mBAAA,AACA,gBAAA,CACA,AC7CA,kBACA,cAAA,AACA,yBAAA,CAFA,AAcA,UAbA,cAAA,AACA,yBAAA,CACA,AAWA,wBAVA,eAAA,AACA,0BAAA,AACA,oBAAA,CAHA,AAIA,gBAHA,eAAA,AACA,0BAAA,AACA,oBAAA,CACA,AACA,wBACA,mBAAA,CADA,AAEA,gBADA,mBAAA,CACA,AACA,iDACA,SAAA,CADA,AAEA,iCADA,SAAA,CACA,ACKA,6BACA,iBAAA,AACA,iBAAA,AACA,gBAAA,AACA,gBAAA,AACA,cAAA,AACA,mBAAA,AACA,kBAAA,AACA,+BAAA,AACA,6BAAA,AACA,mBAAA,AACA,eAAA,AACA,qBAAA,AACA,aAAA,AACA,mBAAA,AACA,sBAAA,CACA,AAIA,+CAHA,aAAA,AACA,cAAA,CACA,AAIA,+CACA,wBAAA,AACA,4BAAA,CACA,AAGA,iEAFA,wBAAA,CACA,AAEA,+CACA,aAAA,AACA,4BAAA,CACA,AAGA,iEAFA,wBAAA,CACA,AAIA,+CACA,iBAAA,AACA,gBAAA,AACA,gBAAA,AACA,kBAAA,CACA,AACA,+CACA,eAAA,AACA,gBAAA,AACA,sBAAA,AACA,kBAAA,CACA,AAGA,qDACA,cAAA,AACA,gBAAA,AACA,wBAAA,CACA,AAgBA,6EAfA,cAAA,AACA,gBAAA,AACA,wBAAA,CACA,AAWA,+FAVA,gBAAA,AACA,qCAAA,AACA,yBAAA,CACA,AACA,iMAEA,gBAAA,AACA,iCAAA,AACA,yBAAA,CACA,AAGA,uEACA,gBAAA,AACA,mCAAA,AACA,uBAAA,CACA,AACA,uEACA,+BAAA,AACA,uBAAA,CACA,AAGA,4CACA,cAAA,AACA,gBAAA,AACA,4BAAA,CACA,AAaA,oEAZA,aAAA,CACA,AAUA,sFATA,yBAAA,CACA,AACA,+KAEA,yBAAA,CACA,AACA,sFACA,cAAA,CACA,AAGA,8DACA,gBAAA,AACA,uBAAA,CACA,AACA,8DACA,uBAAA,CACA,AAGA,qDACA,WAAA,AACA,mBAAA,AACA,4BAAA,CACA,AAGA,uEAFA,WAAA,CACA,AAEA,uEACA,+BAAA,AACA,UAAA,CACA,AACA,uEACA,8BAAA,CACA,AAGA,qDACA,kBAAA,CACA,AAGA,qDACA,WAAA,AACA,mBAAA,AACA,4BAAA,CACA,AAGA,uEAFA,WAAA,CACA,AAEA,uEACA,8BAAA,AACA,UAAA,CACA,AACA,uEACA,6BAAA,CACA,AAGA,+CACA,WAAA,AACA,mBAAA,AACA,4BAAA,CACA,AAGA,iEAFA,WAAA,CACA,AAEA,iEACA,8BAAA,AACA,UAAA,CACA,AACA,iEACA,6BAAA,CACA,AAGA,qDACA,WAAA,AACA,mBAAA,AACA,4BAAA,CACA,AAGA,uEAFA,WAAA,CACA,AAEA,uEACA,8BAAA,AACA,UAAA,CACA,AACA,uEACA,6BAAA,CACA,AAGA,4CACA,WAAA,AACA,mBAAA,AACA,4BAAA,CACA,AAGA,8DAFA,WAAA,CACA,AAEA,8DACA,+BAAA,AACA,UAAA,CACA,AACA,8DACA,8BAAA,CACA,AC7MA,mLACA,WAAA,AACA,YAAA,AACA,aAAA,AACA,gBAAA,AACA,mBAAA,AACA,iBAAA,AACA,sBAAA,AACA,gBAAA,AACA,yBAAA,AACA,kBAAA,AACA,8BAAA,CACA,AACA,qPACA,gCAAA,CACA,AACA,qPACA,aAAA,AACA,qBAAA,AACA,wCAAA,CACA,AAEA,6BACA,eAAA,CACA,AAQA,iBAJA,cAAA,CAIA,AA2BA,UA1BA,aAAA,AACA,kBAAA,AACA,kBAAA,AACA,gBAAA,AAEA,iBAAA,AACA,gBAAA,AACA,yBAAA,sBAAA,qBAAA,iBAAA,AACA,mBAAA,AACA,iBAAA,CACA,AAgBA,qBAfA,kBAAA,AACA,MAAA,AACA,OAAA,AACA,YAAA,AACA,WAAA,AACA,sBAAA,AACA,yBAAA,AACA,+BAAA,AACA,iBAAA,CACA,AACA,gBACA,kBAAA,AACA,UAAA,AACA,cAAA,CACA,AAEA,2BACA,SAAA,AACA,QAAA,AACA,UAAA,AACA,YAAA,AACA,kBAAA,AACA,yBAAA,AACA,uBAAA,CACA,AAGA,OACA,aAAA,AACA,kBAAA,AACA,kBAAA,AACA,eAAA,AACA,iBAAA,AACA,gBAAA,AACA,yBAAA,sBAAA,qBAAA,gBAAA,CACA,AAeA,kBAdA,kBAAA,AACA,MAAA,AACA,OAAA,AACA,YAAA,AACA,WAAA,AACA,sBAAA,AACA,yBAAA,AACA,kBAAA,AACA,8BAAA,CACA,AACA,aACA,kBAAA,AACA,SAAA,CACA,AAEA,wBACA,QAAA,AACA,SAAA,AACA,UAAA,AACA,WAAA,AACA,kBAAA,AACA,eAAA,CACA,AAGA,+DACA,gCAAA,CACA,AAEA,mEACA,yBAAA,AACA,qBAAA,AACA,wCAAA,CACA,AACA,mDACA,WAAA,AACA,kBAAA,AACA,YAAA,CACA,AACA,+EACA,aAAA,CACA,ACrIA,MAEA,eAAA,AACA,aAAA,AACA,mBAAA,AACA,0BAAA,CACA,AAEA,wBAIA,wBAAA,AACA,aAAA,CACA,AAEA,GACA,kBAAA,CACA,ACXA,aACA,WAAA,AACA,YAAA,AACA,yBAAA,AACA,iBAAA,AACA,eAAA,CACA,AAOA,sCANA,sBAAA,AACA,gBAAA,CACA,AACA,yBACA,+BAAA,CACA,ACnBA,IACA,cAAA,CACA,ACFA,GACA,SAAA,AACA,cAAA,AACA,SAAA,AACA,4BAAA,CACA,AAEA,IACA,aAAA,AACA,kBAAA,CACA,AAEA,KACA,oBAAA,AACA,eAAA,AACA,iBAAA,AACA,mBAAA,AACA,gBAAA,AACA,yBAAA,AACA,kBAAA,AACA,2CAAA,CACA,AAEA,SACA,cAAA,AACA,oBAAA,AACA,qBAAA,AACA,oBAAA,CACA","file":"vishnu.base.min.css","sourcesContent":["/*\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"]} \ No newline at end of file diff --git a/packages/vishnucss-card/dist/vishnu.card.css b/packages/vishnucss-card/dist/vishnu.card.css index a7a1d6f..d614f9a 100644 --- a/packages/vishnucss-card/dist/vishnu.card.css +++ b/packages/vishnucss-card/dist/vishnu.card.css @@ -1,7 +1,7 @@ /** * vishnucss card - v1.1.0-rc.1 * https://vishnucss.github.io/vishnu#card -*/ +*/ /* * Variables @@ -19,6 +19,11 @@ /* Utils */ /* Toogle */ + + /* Spacing */ + +/* Responsive breakpoints */ + } /* @@ -52,7 +57,7 @@ */ .card { - border: 1px solid #f1f1f1; + border: 1px solid #f0f0f0; background: #fff; border-radius: 4px; } @@ -69,10 +74,10 @@ display: flex; } .card .card-header { - border-bottom: 1px solid #f1f1f1; + border-bottom: 1px solid #f0f0f0; } .card .card-footer { - border-top: 1px solid #f1f1f1; + border-top: 1px solid #f0f0f0; } .card .card-title { margin: 0; diff --git a/packages/vishnucss-card/dist/vishnu.card.css.map b/packages/vishnucss-card/dist/vishnu.card.css.map index 5e8f01f..1b764b8 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;;EAEA,iBAAA;;EAOA,aAAA;;EAcA,iBAAA;;EAGA,aAAA;;EAGA,WAAA;;EAIA,YAAA;;CAiBA;;ACtDA;;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\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* Responsive\n*/\n\n@custom-media --phone-viewport only screen and (max-width: 25em);\n@custom-media --tablet-viewport only screen and (max-width: 48em);\n@custom-media --desktop-viewport only screen and (max-width: 62em);\n@custom-media --desktop-large-viewport only screen and (max-width: 75em);\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: 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 diff --git a/packages/vishnucss-card/dist/vishnu.card.min.css b/packages/vishnucss-card/dist/vishnu.card.min.css index 6b8f6e8..615e77d 100644 --- a/packages/vishnucss-card/dist/vishnu.card.min.css +++ b/packages/vishnucss-card/dist/vishnu.card.min.css @@ -2,5 +2,5 @@ * vishnucss card - v1.1.0-rc.1 * https://vishnucss.github.io/vishnu#card */ -.card{border:1px solid #f1f1f1;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 #f1f1f1}.card .card-footer{border-top:1px solid #f1f1f1}.card .card-title{margin:0}.card .card-content{padding:15px 10px} +.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} /*# sourceMappingURL=vishnu.card.min.css.map */ diff --git a/packages/vishnucss-chips/dist/vishnu.chips.css b/packages/vishnucss-chips/dist/vishnu.chips.css index 631a3d7..e069ae1 100644 --- a/packages/vishnucss-chips/dist/vishnu.chips.css +++ b/packages/vishnucss-chips/dist/vishnu.chips.css @@ -1,7 +1,7 @@ /** * vishnucss chips - v1.1.0-rc.1 * https://vishnucss.github.io/vishnu#chips -*/ +*/ /* * Variables @@ -19,6 +19,11 @@ /* Utils */ /* Toogle */ + + /* Spacing */ + +/* Responsive breakpoints */ + } /* @@ -52,194 +57,194 @@ padding: 0; height: 28px; border-radius: 50px; - background: #f2f2f2; + background: #f2f2f2 } .chips .image { - border-radius: 50%; -} + border-radius: 50%; + } .chips .icon { - width: 22px; - height: 22px; - margin-left: 8px; - margin-right: -8px; -} + width: 22px; + height: 22px; + margin-left: 8px; + margin-right: -8px + } .chips .icon.right { - margin-right: 8px; - margin-left: -8px; -} + margin-right: 8px; + margin-left: -8px; + } .chips .label { - font-size: 13px; - font-weight: 500; - padding: 0 12px; -} + font-size: 13px; + font-weight: 500; + padding: 0 12px; + } .chips.small { - height: 20px; + height: 20px } .chips.small img { - max-height: 20px; -} + max-height: 20px; + } .chips.small .label { - font-size: 12px; -} + font-size: 12px; + } .chips.large { height: 42px; - padding: 0 16px; + padding: 0 16px } .chips.large img { - max-height: 42px; -} + max-height: 42px; + } .chips.large .label { - font-size: 16px; -} + font-size: 16px; + } .chips.primary { - background: #8549b9; + background: #8549b9 } .chips.primary .label { - color: #fff; -} + color: #fff; + } .chips.primary .icon { - stroke: #fff; -} + stroke: #fff; + } .chips.error { - background: #f93838; + background: #f93838 } .chips.error .label { - color: #fff; -} + color: #fff; + } .chips.error .icon { - stroke: #fff; -} + stroke: #fff; + } .chips.success { - background: #0dc222; + background: #0dc222 } .chips.success .label { - color: #fff; -} + color: #fff; + } .chips.success .icon { - stroke: #fff; -} + stroke: #fff; + } .chips.info { - background: #2c80ff; + background: #2c80ff } .chips.info .label { - color: #fff; -} + color: #fff; + } .chips.info .icon { - stroke: #fff; -} + stroke: #fff; + } .chips.warning { - background: #f2ad00; + background: #f2ad00 } .chips.warning .label { - color: #fff; -} + color: #fff; + } .chips.warning .icon { - stroke: #fff; -} + stroke: #fff; + } .chips.dark { - background: rgba(0, 0, 0, 0.45); + background: rgba(0,0,0, .45) } .chips.dark .label { - color: #fff; -} + color: #fff; + } .chips.dark .icon { - stroke: #fff; -} + stroke: #fff; + } .chips.outline { background: transparent; - box-shadow: 0 0 0 1px #e5e5e5; + box-shadow: 0 0 0 1px #cfcfcf } .chips.outline.icon { - stroke: #444; -} + stroke: #4c4c4c; + } .chips.outline.primary { - box-shadow: 0 0 0 1px #8549b9; -} + box-shadow: 0 0 0 1px #8549b9 + } .chips.outline.primary .icon { - stroke: #8549b9; -} + stroke: #8549b9; + } .chips.outline.primary .label { - color: #8549b9; -} + color: #8549b9; + } .chips.outline.error { - box-shadow: 0 0 0 1px #f93838; -} + box-shadow: 0 0 0 1px #f93838 + } .chips.outline.error .icon { - stroke: #f93838; -} + stroke: #f93838; + } .chips.outline.error .label { - color: #f93838; -} + color: #f93838; + } .chips.outline.success { - box-shadow: 0 0 0 1px #0dc222; -} + box-shadow: 0 0 0 1px #0dc222 + } .chips.outline.success .icon { - stroke: #0dc222; -} + stroke: #0dc222; + } .chips.outline.success .label { - color: #0dc222; -} + color: #0dc222; + } .chips.outline.info { - box-shadow: 0 0 0 1px #2c80ff; -} + box-shadow: 0 0 0 1px #2c80ff + } .chips.outline.info .icon { - stroke: #2c80ff; -} + stroke: #2c80ff; + } .chips.outline.info .label { - color: #2c80ff; -} + color: #2c80ff; + } .chips.outline.warning { - box-shadow: 0 0 0 1px #f2ad00; -} + box-shadow: 0 0 0 1px #f2ad00 + } .chips.outline.warning .icon { - stroke: #f2ad00; -} + stroke: #f2ad00; + } .chips.outline.warning .label { - color: #f2ad00; -} + color: #f2ad00; + } /*# sourceMappingURL=vishnu.chips.css.map */ diff --git a/packages/vishnucss-chips/dist/vishnu.chips.css.map b/packages/vishnucss-chips/dist/vishnu.chips.css.map index 5e00e57..3bde484 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;;EAEA,iBAAA;;EAOA,aAAA;;EAcA,iBAAA;;EAGA,aAAA;;EAGA,WAAA;;EAIA,YAAA;;CAiBA;;ACtDA;;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,aAAA;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\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* 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: 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 diff --git a/packages/vishnucss-chips/dist/vishnu.chips.min.css b/packages/vishnucss-chips/dist/vishnu.chips.min.css index 44496a7..7ccbb30 100644 --- a/packages/vishnucss-chips/dist/vishnu.chips.min.css +++ b/packages/vishnucss-chips/dist/vishnu.chips.min.css @@ -1,157 +1,6 @@ /** * vishnucss chips - v1.1.0-rc.1 * 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, 0.45); -} -.chips.dark .label { - color: #fff; -} -.chips.dark .icon { - stroke: #fff; -} -.chips.outline { - background: transparent; - box-shadow: 0 0 0 1px #e5e5e5; -} -.chips.outline.icon { - stroke: #444; -} -.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; -} +*/ +.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} /*# sourceMappingURL=vishnu.chips.min.css.map */ diff --git a/packages/vishnucss-chips/dist/vishnu.chips.min.css.map b/packages/vishnucss-chips/dist/vishnu.chips.min.css.map index a69b478..2e67337 100644 --- a/packages/vishnucss-chips/dist/vishnu.chips.min.css.map +++ b/packages/vishnucss-chips/dist/vishnu.chips.min.css.map @@ -1 +1 @@ -{"version":3,"sources":["chips.css"],"names":[],"mappings":";;;;AAoBA,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,WAAA,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","file":"vishnu.chips.min.css","sourcesContent":["/*\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":["chips.css"],"names":[],"mappings":";;;;AAoBA,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","file":"vishnu.chips.min.css","sourcesContent":["/*\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-collapse/dist/vishnu.collapse.css b/packages/vishnucss-collapse/dist/vishnu.collapse.css index d34a9cb..599613c 100644 --- a/packages/vishnucss-collapse/dist/vishnu.collapse.css +++ b/packages/vishnucss-collapse/dist/vishnu.collapse.css @@ -1,7 +1,7 @@ /** * vishnucss collapse - v1.1.0-rc.1 * https://vishnucss.github.io/vishnu#collapse -*/ +*/ /* * Variables @@ -19,6 +19,11 @@ /* Utils */ /* Toogle */ + + /* Spacing */ + +/* Responsive breakpoints */ + } /* @@ -43,34 +48,34 @@ */ .collapse { - width: 100%; + width: 100% } .collapse .collapse-item { - position: relative; - margin-bottom: 2px; - width: 100%; - color: #282828; - overflow: hidden; - border: 1px solid #f1f1f1; - transition: all 0.2s ease-in-out; -} + position: relative; + margin-bottom: 2px; + width: 100%; + color: #282828; + overflow: hidden; + border: 1px solid #f0f0f0; + transition: all 0.2s ease-in-out + } .collapse .collapse-item:hover { - border-color: #8549b9; -} + border-color: #8549b9; + } .collapse input { position: absolute; opacity: 0; - z-index: -1; + z-index: -1 } .collapse input:checked ~ label .icon.right, -.collapse input:checked ~ label .icon.left { - -webkit-transform: rotate(-180deg); - transform: rotate(-180deg); -} + .collapse input:checked ~ label .icon.left { + -webkit-transform: rotate(-180deg); + transform: rotate(-180deg); + } .icon.right { width: 22px; @@ -94,24 +99,24 @@ padding: 6px 15px; font-weight: 500; line-height: 3; - cursor: pointer; + cursor: pointer } .collapse label:hover { - background: transparent; -} + background: transparent; + } .collapse-content { max-height: 0; padding: 0 15px; overflow: hidden; background: rgba(255, 255, 255, 1); - transition: max-height 0.25s; + transition: max-height .25s } .collapse-content p { - font-size: 14px; - line-height: 16px; - margin: 10px 0; -} + font-size: 14px; + line-height: 16px; + margin: 10px 0; + } .collapse input:checked ~ .collapse-content { max-height: 10em; } diff --git a/packages/vishnucss-collapse/dist/vishnu.collapse.css.map b/packages/vishnucss-collapse/dist/vishnu.collapse.css.map index f528c3e..c9ca651 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;;EAEA,iBAAA;;EAOA,aAAA;;EAcA,iBAAA;;EAGA,aAAA;;EAGA,WAAA;;EAIA,YAAA;;CAiBA;;ACtDA;;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\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* 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: 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 diff --git a/packages/vishnucss-collapse/dist/vishnu.collapse.min.css b/packages/vishnucss-collapse/dist/vishnu.collapse.min.css index a4fffe9..1e7891c 100644 --- a/packages/vishnucss-collapse/dist/vishnu.collapse.min.css +++ b/packages/vishnucss-collapse/dist/vishnu.collapse.min.css @@ -1,64 +1,6 @@ /** * vishnucss collapse - v1.1.0-rc.1 * 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 #f1f1f1; - transition: all 0.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 0.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 0.25s; -} -.collapse-content p { - font-size: 14px; - line-height: 16px; - margin: 10px 0; -} -.collapse input:checked ~ .collapse-content { - max-height: 10em; -} +*/ +.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} /*# sourceMappingURL=vishnu.collapse.min.css.map */ diff --git a/packages/vishnucss-extensions/dist/vishnu.extensions.css b/packages/vishnucss-extensions/dist/vishnu.extensions.css index 51ce6c7..45a48f7 100644 --- a/packages/vishnucss-extensions/dist/vishnu.extensions.css +++ b/packages/vishnucss-extensions/dist/vishnu.extensions.css @@ -2,7 +2,7 @@ * vishnucss extensions - v1.1.0-rc.1 * Extensions packages for Vishnucss toolkit with modern css * https://vishnucss.github.io/vishnu#extensions -*/ +*/ /* * Variables @@ -20,6 +20,11 @@ /* Utils */ /* Toogle */ + + /* Spacing */ + +/* Responsive breakpoints */ + } /* @@ -61,6 +66,7 @@ /* * Collapse */ + /* * Alert */ @@ -82,21 +88,21 @@ padding: 8px 20px; margin-bottom: 15px; background: transparent; - color: #444; + color: #4c4c4c; border-radius: 4px; transition: all 0.2s ease-in-out; - border: 1px solid #e5e5e5; + border: 1px solid #cfcfcf; display: flex; justify-content: flex-start; - flex-direction: column; + flex-direction: column } .alert .title, -.alert .description { - margin: 0; -} + .alert .description { + margin: 0; + } .alert .title { - padding-right: 20px; -} + padding-right: 20px; + } .alert .close { position: absolute; right: 5px; @@ -111,100 +117,100 @@ font-size: 1.3rem; background: transparent; border-radius: 50%; - color: #282828; + color: #282828 } .alert .close .icon { - width: 24px; - height: 24px; -} + width: 24px; + height: 24px + } .alert .close .icon path { - fill: #444; -} + fill: #4c4c4c; + } .alert .close .icon circle { - stroke: #444; - stroke-width: 1; -} + stroke: #4c4c4c; + stroke-width: 1; + } .alert.info { background: rgba(44, 128, 255, 0.05); border-color: rgba(44, 128, 255, 0.5); - color: #2c80ff; + color: #2c80ff } .alert.info:before { - color: #2c80ff; -} + color: #2c80ff; + } .alert.info .description { - color: rgba(44, 128, 255, 0.6); -} + color: rgba(44, 128, 255, 0.6); + } .alert.info .close .icon path { - fill: #8549b9; -} + fill: #8549b9; + } .alert.info .close .icon circle { - stroke: #8549b9; - stroke-width: 1; -} + stroke: #8549b9; + stroke-width: 1; + } .alert.warning { background: rgba(242, 173, 0, 0.05); border-color: rgba(242, 173, 0, 0.5); - color: #f2ad00; + color: #f2ad00 } .alert.warning:before { - color: #f2ad00; -} + color: #f2ad00; + } .alert.warning .description { - color: rgba(242, 173, 0, 0.6); -} + color: rgba(242, 173, 0, 0.6); + } .alert.warning .close { - border-color: transparent; - background: rgba(242, 173, 0, 0.5); - color: #fff; -} + border-color: transparent; + background: rgba(242, 173, 0, 0.5); + color: #fff; + } .alert.error { background: rgba(249, 56, 56, 0.05); border-color: rgba(249, 56, 56, 0.5); - color: #f93838; + color: #f93838 } .alert.error .close .icon path { - fill: #f93838; -} + fill: #f93838; + } .alert.error .close .icon circle { - stroke: #f93838; - stroke-width: 1; -} + stroke: #f93838; + stroke-width: 1; + } .alert.error .description { - color: rgba(249, 56, 56, 0.6); -} + color: rgba(249, 56, 56, 0.6); + } .alert.success { background: rgba(13, 194, 34, 0.05); border-color: rgba(13, 194, 34, 0.1); - color: #0dc222; + color: #0dc222 } .alert.success .close { - border-color: transparent; -} + border-color: transparent + } .alert.success .close .icon path { - fill: #0dc222; -} + fill: #0dc222; + } .alert.success .close .icon circle { - stroke: #0dc222; - stroke-width: 1; -} + stroke: #0dc222; + stroke-width: 1; + } .alert.success .description { - color: rgba(13, 194, 34, 0.6); -} + color: rgba(13, 194, 34, 0.6); + } .alert.rounded { border-radius: 4rem; padding-left: 30px; - padding-right: 30px; + padding-right: 30px } .alert.rounded .close { - top: 50%; - margin-top: -16px; - right: 14px; -} + top: 50%; + margin-top: -16px; + right: 14px; + } /* Placeholder */ .placeholder { - border: 2px dashed #f1f1f1; + border: 2px dashed #f0f0f0; background: rgba(255, 255, 255, 0.15); } @@ -241,13 +247,13 @@ } .avatar.primary { background: #8549b9; - color: #fff; + color: #fff } .avatar.primary.outline { - background: transparent; - border-color: #8549b9; - color: #8549b9; -} + background: transparent; + border-color: #8549b9; + color: #8549b9; + } .avatar.outline { background: transparent; border: 1px solid #282828; @@ -294,196 +300,196 @@ padding: 0; height: 28px; border-radius: 50px; - background: #f2f2f2; + background: #f2f2f2 } .chips .image { - border-radius: 50%; -} + border-radius: 50%; + } .chips .icon { - width: 22px; - height: 22px; - margin-left: 8px; - margin-right: -8px; -} + width: 22px; + height: 22px; + margin-left: 8px; + margin-right: -8px + } .chips .icon.right { - margin-right: 8px; - margin-left: -8px; -} + margin-right: 8px; + margin-left: -8px; + } .chips .label { - font-size: 13px; - font-weight: 500; - padding: 0 12px; -} + font-size: 13px; + font-weight: 500; + padding: 0 12px; + } .chips.small { - height: 20px; + height: 20px } .chips.small img { - max-height: 20px; -} + max-height: 20px; + } .chips.small .label { - font-size: 12px; -} + font-size: 12px; + } .chips.large { height: 42px; - padding: 0 16px; + padding: 0 16px } .chips.large img { - max-height: 42px; -} + max-height: 42px; + } .chips.large .label { - font-size: 16px; -} + font-size: 16px; + } .chips.primary { - background: #8549b9; + background: #8549b9 } .chips.primary .label { - color: #fff; -} + color: #fff; + } .chips.primary .icon { - stroke: #fff; -} + stroke: #fff; + } .chips.error { - background: #f93838; + background: #f93838 } .chips.error .label { - color: #fff; -} + color: #fff; + } .chips.error .icon { - stroke: #fff; -} + stroke: #fff; + } .chips.success { - background: #0dc222; + background: #0dc222 } .chips.success .label { - color: #fff; -} + color: #fff; + } .chips.success .icon { - stroke: #fff; -} + stroke: #fff; + } .chips.info { - background: #2c80ff; + background: #2c80ff } .chips.info .label { - color: #fff; -} + color: #fff; + } .chips.info .icon { - stroke: #fff; -} + stroke: #fff; + } .chips.warning { - background: #f2ad00; + background: #f2ad00 } .chips.warning .label { - color: #fff; -} + color: #fff; + } .chips.warning .icon { - stroke: #fff; -} + stroke: #fff; + } .chips.dark { - background: rgba(0, 0, 0, 0.45); + background: rgba(0,0,0, .45) } .chips.dark .label { - color: #fff; -} + color: #fff; + } .chips.dark .icon { - stroke: #fff; -} + stroke: #fff; + } .chips.outline { background: transparent; - box-shadow: 0 0 0 1px #e5e5e5; + box-shadow: 0 0 0 1px #cfcfcf } .chips.outline.icon { - stroke: #444; -} + stroke: #4c4c4c; + } .chips.outline.primary { - box-shadow: 0 0 0 1px #8549b9; -} + box-shadow: 0 0 0 1px #8549b9 + } .chips.outline.primary .icon { - stroke: #8549b9; -} + stroke: #8549b9; + } .chips.outline.primary .label { - color: #8549b9; -} + color: #8549b9; + } .chips.outline.error { - box-shadow: 0 0 0 1px #f93838; -} + box-shadow: 0 0 0 1px #f93838 + } .chips.outline.error .icon { - stroke: #f93838; -} + stroke: #f93838; + } .chips.outline.error .label { - color: #f93838; -} + color: #f93838; + } .chips.outline.success { - box-shadow: 0 0 0 1px #0dc222; -} + box-shadow: 0 0 0 1px #0dc222 + } .chips.outline.success .icon { - stroke: #0dc222; -} + stroke: #0dc222; + } .chips.outline.success .label { - color: #0dc222; -} + color: #0dc222; + } .chips.outline.info { - box-shadow: 0 0 0 1px #2c80ff; -} + box-shadow: 0 0 0 1px #2c80ff + } .chips.outline.info .icon { - stroke: #2c80ff; -} + stroke: #2c80ff; + } .chips.outline.info .label { - color: #2c80ff; -} + color: #2c80ff; + } .chips.outline.warning { - box-shadow: 0 0 0 1px #f2ad00; -} + box-shadow: 0 0 0 1px #f2ad00 + } .chips.outline.warning .icon { - stroke: #f2ad00; -} + stroke: #f2ad00; + } .chips.outline.warning .label { - color: #f2ad00; -} + color: #f2ad00; + } /* * Card */ @@ -499,7 +505,7 @@ */ .card { - border: 1px solid #f1f1f1; + border: 1px solid #f0f0f0; background: #fff; border-radius: 4px; } @@ -516,10 +522,10 @@ display: flex; } .card .card-header { - border-bottom: 1px solid #f1f1f1; + border-bottom: 1px solid #f0f0f0; } .card .card-footer { - border-top: 1px solid #f1f1f1; + border-top: 1px solid #f0f0f0; } .card .card-title { margin: 0; @@ -547,34 +553,34 @@ */ .collapse { - width: 100%; + width: 100% } .collapse .collapse-item { - position: relative; - margin-bottom: 2px; - width: 100%; - color: #282828; - overflow: hidden; - border: 1px solid #f1f1f1; - transition: all 0.2s ease-in-out; -} + position: relative; + margin-bottom: 2px; + width: 100%; + color: #282828; + overflow: hidden; + border: 1px solid #f0f0f0; + transition: all 0.2s ease-in-out + } .collapse .collapse-item:hover { - border-color: #8549b9; -} + border-color: #8549b9; + } .collapse input { position: absolute; opacity: 0; - z-index: -1; + z-index: -1 } .collapse input:checked ~ label .icon.right, -.collapse input:checked ~ label .icon.left { - -webkit-transform: rotate(-180deg); - transform: rotate(-180deg); -} + .collapse input:checked ~ label .icon.left { + -webkit-transform: rotate(-180deg); + transform: rotate(-180deg); + } .icon.right { width: 22px; @@ -598,24 +604,24 @@ padding: 6px 15px; font-weight: 500; line-height: 3; - cursor: pointer; + cursor: pointer } .collapse label:hover { - background: transparent; -} + background: transparent; + } .collapse-content { max-height: 0; padding: 0 15px; overflow: hidden; background: rgba(255, 255, 255, 1); - transition: max-height 0.25s; + transition: max-height .25s } .collapse-content p { - font-size: 14px; - line-height: 16px; - margin: 10px 0; -} + font-size: 14px; + line-height: 16px; + margin: 10px 0; + } .collapse input:checked ~ .collapse-content { max-height: 10em; } @@ -637,7 +643,7 @@ margin: 45px auto; padding: 20px; background: #fff; - border: 1px solid #e5e5e5; + border: 1px solid #cfcfcf; width: 480px; height: 320px; z-index: 100; @@ -654,16 +660,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; @@ -673,21 +679,21 @@ 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; + } /* * Toggle */ @@ -710,6 +716,7 @@ display: inline-block; } + /* * Hide input */ @@ -718,6 +725,7 @@ display: none; } + /* * Toggle Label */ @@ -730,104 +738,104 @@ clip: rect(0 0 0 0); color: transparent; -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none } -.toggle-label:before, -.toggle-label:after { - content: ""; - display: block; - position: absolute; - cursor: pointer; -} +.toggle-label:before, .toggle-label:after { + content: ""; + display: block; + position: absolute; + cursor: pointer; + } .toggle-label:before { - width: 100%; - height: 100%; - background-color: #f1f1f1; - border-radius: 9999em; - transition: background-color 0.25s ease; -} + width: 100%; + height: 100%; + background-color: #f0f0f0; + border-radius: 9999em; + transition: background-color 0.25s ease; + } .toggle-label:after { - top: 0; - left: 0; - width: 24px; - height: 24px; - border-radius: 50%; - background-color: #fff; - transition: left 0.25s ease; - box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.0525); -} + top: 0; + left: 0; + width: 24px; + height: 24px; + border-radius: 50%; + background-color: #fff; + transition: left 0.25s ease; + box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.0525); + } /* * Toggle checked */ .toggle-input:checked + .toggle-label:before { - background-color: #0dc222; -} + background-color: #0dc222; + } .toggle-input:checked + .toggle-label:after { - left: 25px; -} + left: 25px; + } + /* * Toggle activated */ .toggle.activated .toggle-label { - opacity: 1; -} + opacity: 1 + } .toggle.activated .toggle-label:before { - background-color: #0dc222; -} + background-color: #0dc222; + } .toggle.activated .toggle-label:after { - left: 24px; -} + left: 24px; + } .toggle.activated .toggle-input:checked + .toggle-label:before { - background-color: #f1f1f1; -} + background-color: #f0f0f0; + } .toggle.activated .toggle-input:checked + .toggle-label:after { - left: 0 !important; -} + left: 0!important; + } /* * Toggle disabled */ .toggle.disabled { - cursor: default; + cursor: default } .toggle.disabled .toggle-input:checked + .toggle-label { - opacity: 0.7; -} + opacity: 0.7 + } .toggle.disabled .toggle-input:checked + .toggle-label:before { - background-color: #f1f1f1; -} + background-color: #f0f0f0; + } .toggle.disabled .toggle-input:checked + .toggle-label:after { - left: 25px; -} + left: 25px; + } .toggle.disabled .toggle-label { - opacity: 0.7; - cursor: default; -} + opacity: 0.7; + cursor: default + } .toggle.disabled .toggle-label:before { - background-color: #f1f1f1; - cursor: default; -} + 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, 0.0525); -} + top: 0; + left: 0!important; + box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.0525); + } /* * Grid @@ -1005,423 +1013,6 @@ .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; - } -} /* * Icons @@ -1457,6 +1048,279 @@ height: 20px; } +/* + * Spacing +*/ + +/* Margins */ +.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) +} + +/* Paddings */ +.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%; +} + /* * Utils */ diff --git a/packages/vishnucss-extensions/dist/vishnu.extensions.css.map b/packages/vishnucss-extensions/dist/vishnu.extensions.css.map index 5426bfd..e9b0d65 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","utils.css"],"names":[],"mappings":";;;;;;AAAA;;EAEA;;AAEA;;EAEA,iBAAA;;EAOA,aAAA;;EAcA,iBAAA;;EAGA,aAAA;;EAGA,WAAA;;EAIA,YAAA;;CAiBA;;ACtDA;;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,YAAA;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,WAAA;KACA;AAEA;MACA,aAAA;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,aAAA;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,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;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,8CAAA;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,8CAAA;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;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;;AChiBA;;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;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\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* Responsive\n*/\n\n@custom-media --phone-viewport only screen and (max-width: 25em);\n@custom-media --tablet-viewport only screen and (max-width: 48em);\n@custom-media --desktop-viewport only screen and (max-width: 62em);\n@custom-media --desktop-large-viewport only screen and (max-width: 75em);\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* 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 (--tablet-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 (--desktop-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 (--desktop-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 * 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,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 diff --git a/packages/vishnucss-extensions/dist/vishnu.extensions.min.css b/packages/vishnucss-extensions/dist/vishnu.extensions.min.css index 85c69fe..1dea018 100644 --- a/packages/vishnucss-extensions/dist/vishnu.extensions.min.css +++ b/packages/vishnucss-extensions/dist/vishnu.extensions.min.css @@ -2,1221 +2,6 @@ * vishnucss extensions - v1.1.0-rc.1 * 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: #444; - border-radius: 4px; - transition: all 0.2s ease-in-out; - border: 1px solid #e5e5e5; - 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: #444; -} -.alert .close .icon circle { - stroke: #444; - stroke-width: 1; -} -.alert.info { - background: rgba(44, 128, 255, 0.05); - border-color: rgba(44, 128, 255, 0.5); -} -.alert.info, -.alert.info:before { - color: #2c80ff; -} -.alert.info .description { - color: rgba(44, 128, 255, 0.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, 0.05); - border-color: rgba(242, 173, 0, 0.5); - color: #f2ad00; -} -.alert.warning:before { - color: #f2ad00; -} -.alert.warning .description { - color: rgba(242, 173, 0, 0.6); -} -.alert.warning .close { - border-color: transparent; - background: rgba(242, 173, 0, 0.5); - color: #fff; -} -.alert.error { - background: rgba(249, 56, 56, 0.05); - border-color: rgba(249, 56, 56, 0.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, 0.6); -} -.alert.success { - background: rgba(13, 194, 34, 0.05); - border-color: rgba(13, 194, 34, 0.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, 0.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 #f1f1f1; - background: hsla(0, 0%, 100%, 0.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, 0.45); -} -.chips.dark .label { - color: #fff; -} -.chips.dark .icon { - stroke: #fff; -} -.chips.outline { - background: transparent; - box-shadow: 0 0 0 1px #e5e5e5; -} -.chips.outline.icon { - stroke: #444; -} -.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 #f1f1f1; - background: #fff; - border-radius: 4px; -} -.card .card-footer, -.card .card-header { - position: relative; - background: hsla(0, 0%, 100%, 0.3); - padding: 10px; - display: flex; -} -.card .card-header { - border-bottom: 1px solid #f1f1f1; -} -.card .card-footer { - border-top: 1px solid #f1f1f1; -} -.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 #f1f1f1; - transition: all 0.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 0.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 0.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 #e5e5e5; - 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: 0.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: 90; - top: 0; - bottom: 0; - left: 0; - right: 0; - background: rgba(0, 0, 0, 0.88); - visibility: hidden; - opacity: 0; -} -.overlay.light { - background: hsla(0, 0%, 100%, 0.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: #f1f1f1; - border-radius: 9999em; - transition: background-color 0.25s ease; -} -.toggle-label:after { - top: 0; - left: 0; - width: 24px; - height: 24px; - border-radius: 50%; - background-color: #fff; - transition: left 0.25s ease; - box-shadow: 1px 1px 4px 2px rgba(0, 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: #f1f1f1; -} -.toggle.activated .toggle-input:checked + .toggle-label:after { - left: 0 !important; -} -.toggle.disabled { - cursor: default; -} -.toggle.disabled .toggle-input:checked + .toggle-label { - opacity: 0.7; -} -.toggle.disabled .toggle-input:checked + .toggle-label:before { - background-color: #f1f1f1; -} -.toggle.disabled .toggle-input:checked + .toggle-label:after { - left: 25px; -} -.toggle.disabled .toggle-label { - opacity: 0.7; - cursor: default; -} -.toggle.disabled .toggle-label:before { - background-color: #f1f1f1; - cursor: default; -} -.toggle.disabled .toggle-label:after { - top: 0; - left: 0 !important; - box-shadow: 1px 1px 4px 2px rgba(0, 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: -0.5rem; - margin-left: -0.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: 0.5rem; - padding-left: 0.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: 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; - } -} -.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; - 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: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} /*# 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 7abbed2..3132542 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","utils.css"],"names":[],"mappings":";;;;;AAgBA,OACA,kBAAA,AACA,iBAAA,AACA,mBAAA,AACA,uBAAA,AACA,WAAA,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,SAAA,CACA,AAEA,2BACA,YAAA,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,WAAA,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,WAAA,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,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,ACnhBA,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,AC5BA,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 (--tablet-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 (--desktop-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 (--desktop-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 * 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,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 diff --git a/packages/vishnucss-grid/dist/vishnu.grid.css b/packages/vishnucss-grid/dist/vishnu.grid.css index f5cf233..ea5e157 100644 --- a/packages/vishnucss-grid/dist/vishnu.grid.css +++ b/packages/vishnucss-grid/dist/vishnu.grid.css @@ -7,7 +7,7 @@ * Responsive */ -/* +/* * Custom Properties */ @@ -187,422 +187,5 @@ .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 9fb03d7..e4b6555 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;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 --phone-viewport only screen and (max-width: 25em);\n@custom-media --tablet-viewport only screen and (max-width: 48em);\n@custom-media --desktop-viewport only screen and (max-width: 62em);\n@custom-media --desktop-large-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 (--tablet-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 (--desktop-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 (--desktop-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"]} \ 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","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 diff --git a/packages/vishnucss-grid/dist/vishnu.grid.min.css b/packages/vishnucss-grid/dist/vishnu.grid.min.css index 09905bc..3526a6a 100644 --- a/packages/vishnucss-grid/dist/vishnu.grid.min.css +++ b/packages/vishnucss-grid/dist/vishnu.grid.min.css @@ -2,5 +2,5 @@ * vishnucss grid - v1.1.0-rc.1 * 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}@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}} +.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} /*# 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 3c96621..e86c1d0 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,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 (--tablet-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 (--desktop-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 (--desktop-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"]} \ 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","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-icons/dist/vishnu.icons.css b/packages/vishnucss-icons/dist/vishnu.icons.css index e24b3a8..02a483f 100644 --- a/packages/vishnucss-icons/dist/vishnu.icons.css +++ b/packages/vishnucss-icons/dist/vishnu.icons.css @@ -1,7 +1,7 @@ /** * vishnucss icons - v1.1.0-rc.1 * https://vishnucss.github.io/vishnu#icons -*/ +*/ /* * Variables @@ -19,6 +19,11 @@ /* Utils */ /* Toogle */ + + /* Spacing */ + +/* Responsive breakpoints */ + } /* diff --git a/packages/vishnucss-icons/dist/vishnu.icons.css.map b/packages/vishnucss-icons/dist/vishnu.icons.css.map index 3a0190c..db550d6 100644 --- a/packages/vishnucss-icons/dist/vishnu.icons.css.map +++ b/packages/vishnucss-icons/dist/vishnu.icons.css.map @@ -1 +1 @@ -{"version":3,"sources":["variables.css","customs.css","icons.css"],"names":[],"mappings":";;;;;AAAA;;EAEA;;AAEA;;EAEA,iBAAA;;EAOA,aAAA;;EAcA,iBAAA;;EAGA,aAAA;;EAGA,WAAA;;EAIA,YAAA;;CAiBA;;ACtDA;;EAEA;;ACFA;;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","file":"vishnu.icons.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* Icons\n*/\n\n@custom-selector :--icon .icon;\n@custom-selector :--icon-large .icon.lg;\n@custom-selector :--icon-small .icon.sm;\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"]} \ No newline at end of file +{"version":3,"sources":["variables.css","customs.css","icons.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;;;;;;;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","file":"vishnu.icons.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* Icons\n*/\n\n@custom-selector :--icon .icon;\n@custom-selector :--icon-large .icon.lg;\n@custom-selector :--icon-small .icon.sm;\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"]} \ No newline at end of file diff --git a/packages/vishnucss-icons/dist/vishnu.icons.min.css b/packages/vishnucss-icons/dist/vishnu.icons.min.css index bca27f7..00a4ee9 100644 --- a/packages/vishnucss-icons/dist/vishnu.icons.min.css +++ b/packages/vishnucss-icons/dist/vishnu.icons.min.css @@ -1,23 +1,6 @@ /** * vishnucss icons - v1.1.0-rc.1 * 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; -} +*/ +.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} /*# sourceMappingURL=vishnu.icons.min.css.map */ diff --git a/packages/vishnucss-spacing/dist/vishnu.spacing.css b/packages/vishnucss-spacing/dist/vishnu.spacing.css new file mode 100644 index 0000000..b4d48a7 --- /dev/null +++ b/packages/vishnucss-spacing/dist/vishnu.spacing.css @@ -0,0 +1,302 @@ +/** +* vishnucss spacing - v1.1.0-rc.1 +* https://vishnucss.github.io/vishnu#spacing +*/ + +/* +* Variables +*/ + +:root { + /* Typography */ + + /* Colours */ + + /* Transitions */ + + /* Shadows */ + + /* Utils */ + + /* Toogle */ + + /* Spacing */ + +/* Responsive breakpoints */ + +} + +/* + * Spacing +*/ + +/* Margins */ +.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) +} + +/* Paddings */ +.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%; +} + +/*# sourceMappingURL=vishnu.spacing.css.map */ diff --git a/packages/vishnucss-spacing/dist/vishnu.spacing.css.map b/packages/vishnucss-spacing/dist/vishnu.spacing.css.map new file mode 100644 index 0000000..45ce619 --- /dev/null +++ b/packages/vishnucss-spacing/dist/vishnu.spacing.css.map @@ -0,0 +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 diff --git a/packages/vishnucss-spacing/dist/vishnu.spacing.min.css b/packages/vishnucss-spacing/dist/vishnu.spacing.min.css new file mode 100644 index 0000000..0f16aaa --- /dev/null +++ b/packages/vishnucss-spacing/dist/vishnu.spacing.min.css @@ -0,0 +1,6 @@ +/** +* vishnucss spacing - v1.1.0-rc.1 +* 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%} +/*# 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 new file mode 100644 index 0000000..23ca969 --- /dev/null +++ b/packages/vishnucss-spacing/dist/vishnu.spacing.min.css.map @@ -0,0 +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 diff --git a/packages/vishnucss-spacing/gulpfile.js b/packages/vishnucss-spacing/gulpfile.js index 350c212..8682a0c 100644 --- a/packages/vishnucss-spacing/gulpfile.js +++ b/packages/vishnucss-spacing/gulpfile.js @@ -34,6 +34,7 @@ gulp.task('build', function () { ]; return gulp .src([ + './src/variables.css', './src/spacing.css' ]) .pipe($.sourcemaps.init()) diff --git a/packages/vishnucss-toggle/dist/vishnu.toggle.css b/packages/vishnucss-toggle/dist/vishnu.toggle.css index 6f1b0b2..99f1337 100644 --- a/packages/vishnucss-toggle/dist/vishnu.toggle.css +++ b/packages/vishnucss-toggle/dist/vishnu.toggle.css @@ -1,7 +1,7 @@ /** * vishnucss toggle - v1.1.0-rc.1 * https://vishnucss.github.io/vishnu#toggle -*/ +*/ /* * Variables @@ -19,6 +19,11 @@ /* Utils */ /* Toogle */ + + /* Spacing */ + +/* Responsive breakpoints */ + } /* @@ -46,6 +51,7 @@ display: inline-block; } + /* * Hide input */ @@ -54,6 +60,7 @@ display: none; } + /* * Toggle Label */ @@ -66,103 +73,103 @@ clip: rect(0 0 0 0); color: transparent; -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none } -.toggle-label:before, -.toggle-label:after { - content: ""; - display: block; - position: absolute; - cursor: pointer; -} +.toggle-label:before, .toggle-label:after { + content: ""; + display: block; + position: absolute; + cursor: pointer; + } .toggle-label:before { - width: 100%; - height: 100%; - background-color: #f1f1f1; - border-radius: 9999em; - transition: background-color 0.25s ease; -} + width: 100%; + height: 100%; + background-color: #f0f0f0; + border-radius: 9999em; + transition: background-color 0.25s ease; + } .toggle-label:after { - top: 0; - left: 0; - width: 24px; - height: 24px; - border-radius: 50%; - background-color: #fff; - transition: left 0.25s ease; - box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.0525); -} + top: 0; + left: 0; + width: 24px; + height: 24px; + border-radius: 50%; + background-color: #fff; + transition: left 0.25s ease; + box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.0525); + } /* * Toggle checked */ .toggle-input:checked + .toggle-label:before { - background-color: #0dc222; -} + background-color: #0dc222; + } .toggle-input:checked + .toggle-label:after { - left: 25px; -} + left: 25px; + } + /* * Toggle activated */ .toggle.activated .toggle-label { - opacity: 1; -} + opacity: 1 + } .toggle.activated .toggle-label:before { - background-color: #0dc222; -} + background-color: #0dc222; + } .toggle.activated .toggle-label:after { - left: 24px; -} + left: 24px; + } .toggle.activated .toggle-input:checked + .toggle-label:before { - background-color: #f1f1f1; -} + background-color: #f0f0f0; + } .toggle.activated .toggle-input:checked + .toggle-label:after { - left: 0 !important; -} + left: 0!important; + } /* * Toggle disabled */ .toggle.disabled { - cursor: default; + cursor: default } .toggle.disabled .toggle-input:checked + .toggle-label { - opacity: 0.7; -} + opacity: 0.7 + } .toggle.disabled .toggle-input:checked + .toggle-label:before { - background-color: #f1f1f1; -} + background-color: #f0f0f0; + } .toggle.disabled .toggle-input:checked + .toggle-label:after { - left: 25px; -} + left: 25px; + } .toggle.disabled .toggle-label { - opacity: 0.7; - cursor: default; -} + opacity: 0.7; + cursor: default + } .toggle.disabled .toggle-label:before { - background-color: #f1f1f1; - cursor: default; -} + 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, 0.0525); -} + top: 0; + left: 0!important; + box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.0525); + } /*# sourceMappingURL=vishnu.toggle.css.map */ diff --git a/packages/vishnucss-toggle/dist/vishnu.toggle.css.map b/packages/vishnucss-toggle/dist/vishnu.toggle.css.map index ff92633..d1b488e 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;;EAEA,iBAAA;;EAOA,aAAA;;EAcA,iBAAA;;EAGA,aAAA;;EAGA,WAAA;;EAIA,YAAA;;CAiBA;;ACtDA;;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,8CAAA;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,8CAAA;KACA","file":"vishnu.toggle.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* 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: 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 diff --git a/packages/vishnucss-toggle/dist/vishnu.toggle.min.css b/packages/vishnucss-toggle/dist/vishnu.toggle.min.css index ac7832e..be0919b 100644 --- a/packages/vishnucss-toggle/dist/vishnu.toggle.min.css +++ b/packages/vishnucss-toggle/dist/vishnu.toggle.min.css @@ -2,5 +2,5 @@ * vishnucss toggle - v1.1.0-rc.1 * 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:#f1f1f1;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:#f1f1f1}.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:#f1f1f1}.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:#f1f1f1;cursor:default}.toggle.disabled .toggle-label:after{top:0;left:0!important;box-shadow:1px 1px 4px 2px rgba(0,0,0,.0525)} +.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)} /*# sourceMappingURL=vishnu.toggle.min.css.map */ diff --git a/packages/vishnucss-utils/dist/vishnu.utils.css b/packages/vishnucss-utils/dist/vishnu.utils.css index b0e769a..97f89a4 100644 --- a/packages/vishnucss-utils/dist/vishnu.utils.css +++ b/packages/vishnucss-utils/dist/vishnu.utils.css @@ -96,4 +96,8 @@ text-overflow: ellipsis; } +.hide { + display: none; +} + /*# sourceMappingURL=vishnu.utils.css.map */ diff --git a/packages/vishnucss-utils/dist/vishnu.utils.css.map b/packages/vishnucss-utils/dist/vishnu.utils.css.map index cfd6ef4..815d657 100644 --- a/packages/vishnucss-utils/dist/vishnu.utils.css.map +++ b/packages/vishnucss-utils/dist/vishnu.utils.css.map @@ -1 +1 @@ -{"version":3,"sources":["utils.css"],"names":[],"mappings":";;;;;AAAA;;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.utils.css","sourcesContent":["/*\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":["utils.css"],"names":[],"mappings":";;;;;AAAA;;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;;AAEA;EACA,cAAA;CACA","file":"vishnu.utils.css","sourcesContent":["/*\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\n.hide {\n display: none;\n}\n"]} \ No newline at end of file diff --git a/packages/vishnucss-utils/dist/vishnu.utils.min.css b/packages/vishnucss-utils/dist/vishnu.utils.min.css index 13fa2b9..d8450dc 100644 --- a/packages/vishnucss-utils/dist/vishnu.utils.min.css +++ b/packages/vishnucss-utils/dist/vishnu.utils.min.css @@ -2,5 +2,5 @@ * vishnucss utils - v1.1.0-rc.1 * 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} +.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} /*# sourceMappingURL=vishnu.utils.min.css.map */ diff --git a/packages/vishnucss-utils/dist/vishnu.utils.min.css.map b/packages/vishnucss-utils/dist/vishnu.utils.min.css.map index cab9b7b..8bac15a 100644 --- a/packages/vishnucss-utils/dist/vishnu.utils.min.css.map +++ b/packages/vishnucss-utils/dist/vishnu.utils.min.css.map @@ -1 +1 @@ -{"version":3,"sources":["utils.css"],"names":[],"mappings":";;;;AAIA,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.utils.min.css","sourcesContent":["/*\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":["utils.css"],"names":[],"mappings":";;;;AAIA,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,AAEA,MACA,YAAA,CACA","file":"vishnu.utils.min.css","sourcesContent":["/*\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\n.hide {\n display: none;\n}\n"]} \ No newline at end of file diff --git a/src/customs.css b/src/customs.css index 24d7b0a..150206b 100644 --- a/src/customs.css +++ b/src/customs.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); /* * Table